.font-oswald { font-family: 'Jost', sans-serif; }
.font-space { font-family: 'Jost', sans-serif; }

/* Scrollbar oculta e fix para bouncing horizontal */
::-webkit-scrollbar { display: none; }
body { 
    -ms-overflow-style: none; 
    scrollbar-width: none; 
    background-color: #f5f5f5; 
    color: #0a0a0a; 
}

/* Lenis smooth scroll */
html.lenis { height: auto; }
.lenis.lenis-smooth { scroll-behavior: auto; }
.lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; }
.lenis.lenis-stopped { overflow: hidden; }

/* Links Sublinhados Dinâmicos */
.nav-link::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: currentColor;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.nav-link:hover::after {
    transform: scaleX(1);
    transform-origin: left;
}

/* Botão Glass Effect Transparente e Elegante */
.glass-btn {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.5);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.05);
    color: #ffffff;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}
.glass-btn:hover {
    background: rgba(255, 255, 255, 0.25);
    border: 1px solid rgba(255, 255, 255, 0.75);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
    transform: translateY(-3px) scale(1.02);
}

/* Para o SplitType funcionar e as letras subirem independentes */
.char { display: inline-block; }

@keyframes shimmer {
    100% { transform: translateX(200%); }
}
.hide-scrollbar::-webkit-scrollbar { display: none; }
.hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
@media (max-width: 768px) {
    .mask-gradient-right { mask-image: linear-gradient(to right, black 85%, transparent 100%); -webkit-mask-image: linear-gradient(to right, black 85%, transparent 100%); }
}

/* Swiper — Indicador Pill (estilo cápsula animada) */
.product-swiper .swiper-pagination {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    background: rgba(0, 0, 0, 0.07);
    border-radius: 100px;
    padding: 8px 12px;
    width: auto !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    bottom: 0 !important;
}

.product-swiper .swiper-pagination-bullet {
    width: 7px;
    height: 7px;
    border-radius: 100px;
    background: rgba(0, 0, 0, 0.28);
    opacity: 1;
    margin: 0 !important;
    flex-shrink: 0;
    transition: width 0.45s cubic-bezier(0.4, 0, 0.2, 1),
                background 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}

.product-swiper .swiper-pagination-bullet-active {
    width: 30px;
    background: rgba(0, 0, 0, 0.65);
}

/* Ocultar todos os controles nativos do vídeo (iOS Safari / Chrome / etc.) */
video::-webkit-media-controls,
video::-webkit-media-controls-panel,
video::-webkit-media-controls-play-button,
video::-webkit-media-controls-start-playback-button,
video::-webkit-media-controls-overlay-play-button,
video::-webkit-media-controls-overlay-enclosure,
video::-webkit-media-controls-enclosure {
    display: none !important;
    opacity: 0 !important;
    -webkit-appearance: none !important;
    pointer-events: none !important;
}