html { scroll-behavior: smooth; }
        section[id] { scroll-margin-top: 1rem; }
        body { font-family: 'Montserrat', sans-serif; }
        .hero-gradient { background: linear-gradient(135deg, rgba(20,20,20,0.92) 0%, rgba(20,20,20,0.65) 40%, rgba(20,20,20,0.85) 100%); }
        .text-shadow { text-shadow: 0 3px 15px rgba(0,0,0,0.6), 0 1px 3px rgba(0,0,0,0.8); }
        .glass { background: rgba(255,255,255,0.85); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
        .glass-dark { background: rgba(45,45,45,0.92); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
        .reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1); }
        .reveal.active { opacity: 1; transform: translateY(0); }
        .service-card { transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
        .service-card:hover { transform: translateY(-8px); box-shadow: 0 20px 40px rgba(0,0,0,0.1); }
        .portfolio-item { overflow: hidden; position: relative; cursor: pointer; }
        .portfolio-item img { transition: transform 0.6s ease; }
        .portfolio-item:hover img { transform: scale(1.08); }
        .portfolio-overlay { opacity: 0; transition: opacity 0.4s ease; }
        .portfolio-item:hover .portfolio-overlay { opacity: 1; }
        .btn-gold { background: linear-gradient(135deg, #c9a96e 0%, #d4b87a 100%); transition: all 0.3s ease; }
        .btn-gold:hover { transform: translateY(-2px); box-shadow: 0 10px 25px rgba(201,169,110,0.4); }
        .btn-booksy { background: linear-gradient(135deg, #c9a96e 0%, #d4b87a 100%); color: #2d2d2d !important; transition: all 0.3s ease; }
        .btn-booksy:hover { transform: translateY(-2px); box-shadow: 0 10px 25px rgba(201,169,110,0.4); }
        .btn-outline { border: 1px solid rgba(255,255,255,0.4); transition: all 0.3s ease; }
        .btn-outline:hover { background: rgba(255,255,255,0.1); }
        .nav-link { position: relative; }
        .nav-link::after { content: ''; position: absolute; bottom: -4px; left: 0; width: 0; height: 1px; background: #c9a96e; transition: width 0.3s ease; }
        .nav-link:hover::after { width: 100%; }
        .scroll-indicator { animation: bounce 2s infinite; }
        @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-10px); } 60% { transform: translateY(-5px); } }
        .mobile-menu { transform: translateX(100%); transition: transform 0.3s ease; }
        .mobile-menu.open { transform: translateX(0); }
        .price-row { transition: background 0.2s ease; }
        .price-row:hover { background: rgba(201,169,110,0.05); }
        .tab-btn { transition: all 0.3s ease; }
        .tab-btn.active { background: linear-gradient(135deg, #c9a96e 0%, #d4b87a 100%); color: #2d2d2d; }
        .lightbox { display: none; position: fixed; inset: 0; z-index: 100; background: rgba(0,0,0,0.95); align-items: center; justify-content: center; padding: 4.5rem 4rem; }
        .lightbox.active { display: flex; }
        .lightbox img { max-width: 100%; max-height: 100%; object-fit: contain; border-radius: 0.5rem; user-select: none; }
        .lightbox-close, .lightbox-nav { border: 1px solid rgba(255,255,255,.24); color: white; cursor: pointer; z-index: 101; display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,.12); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); transition: all 0.3s ease; }
        .lightbox-close { position: absolute; top: 16px; right: 16px; width: 48px; height: 48px; border-radius: 50%; font-size: 1.8rem; }
        .lightbox-nav { position: absolute; top: 50%; transform: translateY(-50%); font-size: 1.5rem; border-radius: 50%; width: 52px; height: 52px; }
        .lightbox-nav:hover { background: rgba(255,255,255,0.2); }
        .lightbox-close:hover { background: rgba(255,255,255,0.2); }
        .lightbox-close:focus-visible, .lightbox-nav:focus-visible, .portfolio-item:focus-visible { outline: 2px solid #d4b87a; outline-offset: 3px; }
        .lightbox-prev { left: 20px; }
        .lightbox-next { right: 20px; }
        .hero-text-backdrop { background: rgba(0,0,0,0.35); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); border-radius: 1rem; padding: 2.5rem 2rem; }
        .rules-card { border-left: 3px solid #c9a96e; }
        .highlight-box { background: linear-gradient(135deg, rgba(201,169,110,0.08) 0%, rgba(201,169,110,0.02) 100%); }
        .masonry-grid { column-count: 2; column-gap: 1rem; }
        @media (min-width: 768px) { .masonry-grid { column-count: 3; } }
        @media (min-width: 1024px) { .masonry-grid { column-count: 4; } }
        .masonry-item { break-inside: avoid; margin-bottom: 1rem; }
        .masonry-item img { width: 100%; border-radius: 0.75rem; display: block; }
        .portfolio-extra { display: none; }
        .review-card { transition: all 0.3s ease; }
        .review-card:hover { transform: translateY(-4px); box-shadow: 0 12px 30px rgba(0,0,0,0.08); }
        .video-placeholder { background: linear-gradient(135deg, #2d2d2d 0%, #1a1a1a 100%); position: relative; overflow: hidden; }
        .video-placeholder::before { content: ''; position: absolute; inset: 0; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="40" fill="none" stroke="rgba(201,169,110,0.3)" stroke-width="1"/><circle cx="50" cy="50" r="30" fill="none" stroke="rgba(201,169,110,0.2)" stroke-width="1"/><circle cx="50" cy="50" r="20" fill="none" stroke="rgba(201,169,110,0.15)" stroke-width="1"/></svg>'); background-size: 200px; opacity: 0.5; }
        .play-btn { width: 70px; height: 70px; background: rgba(201,169,110,0.9); border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; }
        .play-btn:hover { transform: scale(1.1); background: #c9a96e; }
        .star-filled { color: #c9a96e; }
        .star-empty { color: #e5e5e5; }
        .filter-btn { transition: all 0.3s ease; }
        .filter-btn.active { background: #c9a96e; color: white; }
        .filter-btn:hover:not(.active) { background: rgba(201,169,110,0.1); color: #c9a96e; }

        /* Compact editorial variant */
        section[id] { padding-top: 5rem; padding-bottom: 5rem; }
        section[id] p.text-gold.text-sm { text-align: center; }
        section[id] p.text-gold.text-sm + h2 { text-align: center; }
        #about .grid, #training .grid { align-items: start; }
        #training .grid { gap: 2.5rem; }
        #training h2 { margin-bottom: 1.5rem; }
        #training .highlight-box { padding: 1.5rem; margin-bottom: 1.25rem; }
        #training img { height: 21rem; }
        #hair-buy > div > .text-center { margin-bottom: 2.5rem; }
        #hair-buy .bg-white { padding: 1.75rem; }
        #rules > div > .text-center { margin-bottom: 2rem; }
        .owner-photo { object-position: center 68%; }
        @media (min-width: 1024px) {
            .owner-photo { height: 40rem; min-height: 0; }
        }
        .compact-card { border: 1px solid rgba(201,169,110,.22); }
        .rules-accordion { border-bottom: 1px solid #e8e2da; }
        .rules-accordion summary { width: 100%; min-height: 64px; padding: 0 .75rem; cursor: pointer; list-style: none; display: flex; align-items: center; gap: 1rem; font-weight: 500; color: #2d2d2d; border-radius: .6rem; transition: background .28s ease, transform .28s ease, color .28s ease; }
        .rules-accordion summary::-webkit-details-marker { display: none; }
        .rules-accordion summary::after { content: '+'; margin-left: auto; color: #c9a96e; font-size: 1.5rem; font-weight: 300; transition: transform .3s ease, color .3s ease; }
        .rules-accordion[open] summary::after { content: '−'; }
        .rules-accordion p { padding: 0 .75rem 1.5rem 4.25rem; animation: rules-content-in .32s ease both; }
        @keyframes rules-content-in { from { opacity: 0; transform: translateY(-7px); } to { opacity: 1; transform: translateY(0); } }
        @media (min-width: 768px) {
            section[id] { scroll-margin-top: 1.75rem; }
            .rules-accordion summary:hover { background: rgba(201,169,110,.1); color: #9a763c; transform: translateX(7px); }
            .rules-accordion summary:hover::after { color: #9a763c; transform: rotate(90deg) scale(1.16); }
            .rules-accordion[open] summary:hover::after { transform: rotate(180deg) scale(1.16); }
        }
        .footer-social-btn { color: #f0d89e; background: rgba(201,169,110,.2); border: 1px solid rgba(255,238,195,.56); border-radius: 999px; width: 46px; height: 46px; justify-content: center; box-shadow: inset 0 1px 0 rgba(255,255,255,.38), 0 6px 18px rgba(0,0,0,.16); backdrop-filter: blur(12px) saturate(135%); -webkit-backdrop-filter: blur(12px) saturate(135%); transition: transform .25s ease, background .25s ease, border-color .25s ease, color .25s ease; }
        .footer-social-btn:hover { color: #2d2d2d; background: #d4b87a; border-color: #d4b87a; transform: translateY(-2px); }
        .footer-social-btn:focus-visible { outline: 2px solid #d4b87a; outline-offset: 3px; }

        /* Gold glass system for text actions */
        .btn-gold,
        .btn-booksy,
        .btn-outline,
        .btn-glass,
        .tab-btn,
        .filter-btn {
            min-height: 46px;
            border: 1px solid rgba(255,255,255,.76) !important;
            border-radius: 9999px !important;
            background: linear-gradient(135deg, rgba(252,244,222,.94) 0%, rgba(226,202,151,.9) 52%, rgba(201,169,110,.9) 100%) !important;
            color: #503c1d !important;
            font-weight: 600 !important;
            text-shadow: 0 1px 0 rgba(255,255,255,.4);
            box-shadow: inset 0 1px 0 rgba(255,255,255,.96), inset 0 -1px 0 rgba(112,79,30,.18), 0 7px 20px rgba(112,79,30,.17);
            backdrop-filter: blur(14px) saturate(140%);
            -webkit-backdrop-filter: blur(14px) saturate(140%);
            transition: transform .25s ease, box-shadow .25s ease, background .25s ease, border-color .25s ease !important;
        }
        .btn-gold:hover,
        .btn-booksy:hover,
        .btn-outline:hover,
        .btn-glass:hover,
        .tab-btn:hover,
        .filter-btn:hover {
            transform: translateY(-2px);
            border-color: rgba(255,255,255,.98) !important;
            background: linear-gradient(135deg, rgba(255,250,237,.98), rgba(218,187,126,.94)) !important;
            box-shadow: inset 0 1px 0 #fff, inset 0 -1px 0 rgba(112,79,30,.2), 0 10px 26px rgba(112,79,30,.24);
        }
        .tab-btn:not(.active),
        .filter-btn:not(.active) {
            background: rgba(255,255,255,.76) !important;
            color: #5d513e !important;
            border-color: rgba(201,169,110,.45) !important;
            font-weight: 500 !important;
            box-shadow: inset 0 1px 0 rgba(255,255,255,.98), 0 4px 12px rgba(92,67,28,.08);
        }
        .tab-btn:hover:not(.active),
        .filter-btn:hover:not(.active) {
            color: #503c1d !important;
            border-color: rgba(177,137,70,.78) !important;
            background: rgba(248,237,211,.92) !important;
        }
        .tab-btn.active,
        .filter-btn.active {
            background: linear-gradient(135deg, rgba(145,105,44,.97), rgba(105,72,25,.97)) !important;
            color: #fff !important;
            border-color: rgba(255,255,255,.94) !important;
            font-weight: 600 !important;
            text-shadow: 0 1px 2px rgba(55,35,8,.42);
            box-shadow: inset 0 1px 0 rgba(255,255,255,.44), inset 0 -1px 0 rgba(55,35,8,.3), 0 8px 22px rgba(105,72,25,.3), 0 0 0 2px rgba(201,169,110,.2);
        }
        .btn-gold:focus-visible,
        .btn-booksy:focus-visible,
        .btn-outline:focus-visible,
        .btn-glass:focus-visible,
        .tab-btn:focus-visible,
        .filter-btn:focus-visible {
            outline: 2px solid #a77d39;
            outline-offset: 3px;
        }
        .btn-gold,
        .btn-booksy,
        .btn-outline,
        .btn-glass {
            background: linear-gradient(135deg, rgba(179,137,69,.92) 0%, rgba(151,108,47,.94) 54%, rgba(117,79,29,.95) 100%) !important;
            color: #fffaf0 !important;
            text-shadow: 0 1px 2px rgba(55,35,8,.48);
            box-shadow: inset 0 1px 0 rgba(255,255,255,.46), inset 0 -1px 0 rgba(55,35,8,.28), 0 8px 22px rgba(92,60,18,.26);
        }
        .btn-gold:hover,
        .btn-booksy:hover,
        .btn-outline:hover,
        .btn-glass:hover {
            background: linear-gradient(135deg, rgba(194,151,79,.95), rgba(133,91,34,.97)) !important;
            color: #fff !important;
            box-shadow: inset 0 1px 0 rgba(255,255,255,.55), inset 0 -1px 0 rgba(55,35,8,.3), 0 11px 28px rgba(92,60,18,.34);
        }
        @media (max-width: 640px) {
            .video-carousel-container .carousel-arrow { display: none !important; }
            section[id] { padding-top: 3.5rem; padding-bottom: 3.5rem; }
            .owner-photo { height: 30rem; min-height: 0; }
            .rules-accordion p { padding-left: 0; }
            .reviews-grid .review-card:nth-child(n+4) { display: none; }
        }

        /* Readable price columns and comfortable touch targets */
        .price-row > :last-child { white-space: nowrap; flex-shrink: 0; }
        .filter-btn, #mobile-menu-btn, #close-menu { min-height: 44px; min-width: 44px; }
        #contacts a[href^="tel:"], #contacts a[href^="https://www.instagram.com"], footer a { min-height: 44px; min-width: 44px; display: inline-flex; align-items: center; }
        @media (max-width: 640px) {
            .price-row { display: grid !important; grid-template-columns: minmax(0, 1fr) auto; align-items: start !important; gap: .75rem 1rem; }
            .price-row > div .text-gray-400 { display: block; margin-left: 0; margin-top: .2rem; }
            #content-hair > div, #content-braids > div, #content-nails > div { padding: 1.25rem; }
            #content-hair h3, #content-braids h3, #content-nails h3 { font-size: 1.5rem; line-height: 1.25; }
            .lightbox { padding: 4.5rem .75rem 5.5rem; }
            .lightbox-nav { top: auto; bottom: 16px; transform: none; }
            .lightbox-prev { left: calc(50% - 64px); }
            .lightbox-next { right: calc(50% - 64px); }
        }

        /* ===== VIDEO CAROUSEL STYLES (ZOEVA-STYLE CENTERED) ===== */
        .video-carousel-container {
            position: relative;
            width: 100%;
            overflow: hidden;
        }
        .video-carousel-wrapper {
            overflow-x: auto;
            overflow-y: hidden;
            scroll-behavior: smooth;
            scrollbar-width: none;
            -ms-overflow-style: none;
            -webkit-overflow-scrolling: touch;
            scroll-snap-type: x mandatory;
            display: flex;
            justify-content: flex-start;
            padding: 40px 0;
            cursor: grab;
        }
        .video-carousel-wrapper::-webkit-scrollbar { display: none; }
        .video-carousel-wrapper:active { cursor: grabbing; }
        .video-carousel-track {
            display: flex;
            gap: 16px;
            padding: 0 calc(50vw - 130px);
            align-items: center;
        }
        .video-reel {
            flex: 0 0 auto;
            width: 260px;
            height: 460px;
            border-radius: 20px;
            overflow: hidden;
            position: relative;
            cursor: pointer;
            background: #1a1a1a;
            transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
            scroll-snap-align: center;
            transform: scale(0.82);
            opacity: 0.5;
            filter: brightness(0.7) saturate(0.8);
        }
        .video-reel.is-center {
            transform: scale(1);
            opacity: 1;
            filter: brightness(1) saturate(1);
            box-shadow: 0 25px 60px rgba(0,0,0,0.3);
            z-index: 2;
        }
        .video-reel:hover.is-center {
            box-shadow: 0 30px 70px rgba(0,0,0,0.4);
        }
        .video-reel video,
        .video-reel .reel-video {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }
        .video-reel .reel-overlay {
            position: absolute;
            inset: 0;
            background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0.2) 100%);
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            padding: 24px 20px;
            transition: all 0.4s ease;
            pointer-events: none;
        }
        .video-reel.is-center .reel-overlay {
            background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 45%, rgba(0,0,0,0.1) 100%);
        }
        .reel-play-btn {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%) scale(0.85);
            width: 64px;
            height: 64px;
            background: rgba(255,255,255,0.95);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            z-index: 2;
            pointer-events: none;
            opacity: 0.5;
        }
        .reel-play-btn svg {
            width: 24px;
            height: 24px;
            fill: #2d2d2d;
            margin-left: 3px;
        }
        .video-reel.is-center .reel-play-btn {
            transform: translate(-50%, -50%) scale(1);
            opacity: 1;
        }
        .video-reel.is-center:hover .reel-play-btn {
            background: #c9a96e;
        }
        .video-reel.is-center:hover .reel-play-btn svg {
            fill: white;
        }
        .video-reel.playing .reel-play-btn {
            opacity: 0;
            transform: translate(-50%, -50%) scale(0.7);
        }
        .reel-title {
            color: white;
            font-size: 15px;
            font-weight: 500;
            z-index: 2;
            position: relative;
            letter-spacing: 0.02em;
            text-shadow: 0 1px 3px rgba(0,0,0,0.5);
        }
        .reel-subtitle {
            color: rgba(255,255,255,0.6);
            font-size: 12px;
            margin-top: 5px;
            z-index: 2;
            position: relative;
            text-shadow: 0 1px 2px rgba(0,0,0,0.5);
        }
        .reel-sound-icon {
            position: absolute;
            top: 18px;
            right: 18px;
            width: 36px;
            height: 36px;
            background: rgba(0,0,0,0.45);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 3;
            opacity: 0;
            transition: all 0.3s ease;
            cursor: pointer;
            backdrop-filter: blur(4px);
        }
        .video-reel.is-center:hover .reel-sound-icon {
            opacity: 1;
        }
        .reel-sound-icon svg {
            width: 18px;
            height: 18px;
            fill: white;
        }
        .reel-sound-icon .sound-on { display: none; }
        .reel-sound-icon.muted .sound-off { display: block; }
        .reel-sound-icon.muted .sound-on { display: none; }
        .reel-sound-icon:not(.muted) .sound-off { display: none; }
        .reel-sound-icon:not(.muted) .sound-on { display: block; }
        .carousel-arrow {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 52px;
            height: 52px;
            background: white;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            box-shadow: 0 4px 24px rgba(0,0,0,0.12);
            z-index: 10;
            transition: all 0.3s ease;
            border: none;
        }
        .carousel-arrow:hover {
            background: #c9a96e;
            box-shadow: 0 8px 30px rgba(201,169,110,0.35);
            transform: translateY(-50%) scale(1.08);
        }
        .carousel-arrow:hover svg {
            stroke: white;
        }
        .carousel-arrow svg {
            width: 22px;
            height: 22px;
            stroke: #2d2d2d;
            stroke-width: 2;
            fill: none;
        }
        .carousel-arrow.prev { left: 20px; }
        .carousel-arrow.next { right: 20px; }
        .reel-progress {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 3px;
            background: rgba(255,255,255,0.15);
            z-index: 3;
            overflow: hidden;
        }
        .reel-progress-bar {
            height: 100%;
            background: #c9a96e;
            width: 0%;
            transition: width 0.15s linear;
        }
        @media (max-width: 768px) {
            .video-reel { width: 200px; height: 360px; }
            .video-carousel-track { padding: 0 calc(50vw - 100px); gap: 12px; }
            .carousel-arrow.prev { left: 10px; }
            .carousel-arrow.next { right: 10px; }
            .carousel-arrow { width: 44px; height: 44px; }
            .carousel-arrow svg { width: 18px; height: 18px; }
        }
        @media (max-width: 480px) {
            .video-reel { width: 170px; height: 300px; }
            .video-carousel-track { padding: 0 calc(50vw - 85px); gap: 10px; }
            .carousel-arrow { width: 40px; height: 40px; }
        }
        /* ===== NAVBAR STYLES ===== */
        .nav-link {
            position: relative;
            padding-bottom: 2px;
            white-space: nowrap;
        }
        .nav-link::after {
            content: '';
            position: absolute;
            bottom: -2px;
            left: 0;
            width: 0;
            height: 1.5px;
            background: #c9a96e;
            transition: width 0.3s ease;
        }
        .nav-link:hover::after { width: 100%; }

        /* Navbar on scroll */
        #navbar.scrolled {
            background: rgba(45,45,45,0.95);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            box-shadow: 0 4px 20px rgba(0,0,0,0.15);
        }
        #navbar.scrolled .nav-link::after {
            bottom: -4px;
        }

        @media (min-width: 1024px) {
            /* Keep the logo inside a stable header, including while scrolling. */
            #navbar {
                padding-top: 3px;
                padding-bottom: 3px;
            }
            #navbar .navbar-row {
                height: 74px;
            }
            #navbar .navbar-logo {
                height: 74px;
                width: auto;
                flex-shrink: 0;
                transform: none;
            }
        }

.reels,
.video-carousel-wrapper {
  overscroll-behavior-x: contain;
  touch-action: pan-y;
  scrollbar-width: none;
  overflow: hidden !important;
}

.reel-play-btn {
  display: none !important;
}

.gallery-tag,
.portfolio-overlay {
  display: none !important;
}

.reel video,
.video-reel video {
  pointer-events: none;
  -webkit-user-drag: none;
  user-select: none;
}

.reels,
.video-carousel-wrapper,
.circular-video-track,
.video-carousel-track {
  user-select: none;
  -webkit-user-select: none;
}

.reels::-webkit-scrollbar,
.video-carousel-wrapper::-webkit-scrollbar {
  display: none;
}

.reels {
  gap: 10px !important;
  padding-top: 18px !important;
  padding-bottom: 58px !important;
  scroll-snap-type: none !important;
  display: block !important;
}

.circular-video-track,
.video-carousel-track {
  display: flex;
  width: max-content;
  will-change: transform;
}

.circular-video-track {
  gap: 10px;
}

.reel {
  flex-basis: clamp(210px, 18vw, 248px) !important;
  border-radius: 8px !important;
  scroll-snap-align: none !important;
  transform: scale(.94) !important;
  opacity: 1 !important;
  filter: none !important;
  transition: transform .3s ease, box-shadow .3s ease !important;
}

.reel.active {
  opacity: 1 !important;
  transform: scale(1.06) !important;
  z-index: 2;
  box-shadow: 0 20px 32px rgba(35, 22, 18, .24) !important;
}

.video-carousel-container {
  overflow: visible !important;
  padding-bottom: 38px;
}

.video-carousel-wrapper {
  padding: 18px 0 52px !important;
}

.video-carousel-track {
  gap: 10px !important;
  padding-inline: calc(50% - 124px) !important;
}

.video-reel {
  flex: 0 0 clamp(210px, 18vw, 248px) !important;
  width: clamp(210px, 18vw, 248px) !important;
  border-radius: 8px !important;
  opacity: 1 !important;
  filter: none !important;
  transform: scale(.94) !important;
  transition: transform .3s ease, box-shadow .3s ease !important;
}

.video-reel.is-center {
  opacity: 1 !important;
  transform: scale(1.06) !important;
  z-index: 2;
  box-shadow: 0 20px 32px rgba(35, 22, 18, .24) !important;
}

@media (max-width: 850px) {
  .reels {
    gap: 8px !important;
    padding-inline: calc(50% - 106px) !important;
    padding-bottom: 46px !important;
  }

  .reel,
  .video-reel {
    flex-basis: 212px !important;
    width: 212px !important;
    max-width: 212px !important;
  }

  .video-carousel-track {
    gap: 8px !important;
    padding-inline: calc(50% - 106px) !important;
  }

  .circular-video-track {
    gap: 8px;
  }
}