:root {
            --gold: #C9A84C;
            --gold-bright: #D4B45A;
            --gold-deep: #A68A3A;
            --gold-muted: rgba(201, 168, 76, 0.06);
            --gold-glow: rgba(201, 168, 76, 0.12);
            --black: #050505;
            --black-soft: #0A0A0A;
            --black-elevated: #0D0D0D;
            --black-card: #111111;
            --white: #F0EDE8;
            --white-soft: #D8D4CE;
            --gray-100: #B8B4AE;
            --gray-300: #8A8680;
            --gray-500: #5C5854;
            --gray-700: #3A3632;
            --success: #25D366;
            --transition-smooth: all 0.8s cubic-bezier(0.22, 1, 0.36, 1);
            --transition-fast: all 0.35s cubic-bezier(0.22, 1, 0.36, 1);
            --transition-slow: all 1.4s cubic-bezier(0.22, 1, 0.36, 1);
        }

        * { margin: 0; padding: 0; box-sizing: border-box; }
        html { scroll-behavior: smooth; font-size: 16px; }
        body {
            font-family: 'Inter', sans-serif;
            background: var(--black);
            color: var(--white);
            overflow-x: hidden;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        ::-webkit-scrollbar { width: 2px; }
        ::-webkit-scrollbar-track { background: var(--black); }
        ::-webkit-scrollbar-thumb { background: var(--gold); border-radius: 10px; }

        /* ===== PRELOADER ===== */
        .preloader {
            position: fixed; top: 0; left: 0; width: 100%; height: 100%;
            background: var(--black); z-index: 99999;
            display: flex; flex-direction: column; align-items: center; justify-content: center;
            transition: opacity 0.8s ease, visibility 0.8s ease;
        }
        .preloader.done { opacity: 0; visibility: hidden; pointer-events: none; }
        .preloader-logo {
            font-family: 'Cormorant Garamond', serif; font-size: 2.5rem;
            font-weight: 300; letter-spacing: 8px; text-transform: uppercase;
            color: var(--white); margin-bottom: 2rem;
        }
        .preloader-logo span { color: var(--gold); font-style: italic; font-weight: 400; }
        .preloader-bar {
            width: 120px; height: 1px; background: var(--gray-700);
            position: relative; overflow: hidden;
        }
        .preloader-bar::after {
            content: ''; position: absolute; top: 0; left: 0; height: 100%;
            width: 0; background: var(--gold);
            animation: preloadFill 1.5s ease-in-out forwards;
        }
        @keyframes preloadFill { to { width: 100%; } }

        /* ===== NAVIGATION ===== */
        .nav {
            position: fixed; top: 0; left: 0; width: 100%; z-index: 1000;
            padding: 1.5rem 5%; display: flex; justify-content: space-between; align-items: center;
            transition: var(--transition-smooth); background: transparent;
        }
        .nav.scrolled {
            background: rgba(5, 5, 5, 0.92); backdrop-filter: blur(60px) saturate(2);
            -webkit-backdrop-filter: blur(60px) saturate(2);
            padding: 1rem 5%; border-bottom: 1px solid rgba(201, 168, 76, 0.04);
        }
        .nav-brand {
            font-family: 'Cormorant Garamond', serif; font-size: 1.1rem;
            font-weight: 300; color: var(--white); text-decoration: none;
            letter-spacing: 6px; text-transform: uppercase;
            display: flex; align-items: center; gap: 0.6rem;
        }
        .nav-brand::before {
            content: ''; width: 3px; height: 3px; background: var(--gold);
            border-radius: 50%; box-shadow: 0 0 12px rgba(201, 168, 76, 0.4);
        }
        .nav-brand span { color: var(--gold); font-style: italic; font-weight: 400; }

        .nav-links { display: none; gap: 3rem; list-style: none; align-items: center; }
        .nav-links a {
            color: var(--gray-300); text-decoration: none; font-size: 0.6rem;
            font-weight: 400; letter-spacing: 3.5px; text-transform: uppercase;
            transition: var(--transition-fast); position: relative; padding: 0.4rem 0;
        }
        .nav-links a::after {
            content: ''; position: absolute; bottom: 0; left: 0;
            width: 0; height: 1px; background: var(--gold);
            transition: width 0.5s cubic-bezier(0.22, 1, 0.36, 1);
        }
        .nav-links a:hover { color: var(--white); }
        .nav-links a:hover::after { width: 100%; }

        .nav-cta { display: flex; align-items: center; gap: 1.2rem; }
        .nav-icon {
            color: var(--gray-500); font-size: 0.85rem; text-decoration: none;
            width: 38px; height: 38px; display: flex; align-items: center; justify-content: center;
            border: 1px solid rgba(201, 168, 76, 0.06); border-radius: 50%;
            background: rgba(201, 168, 76, 0.02); transition: var(--transition-fast);
        }
        .nav-icon:hover {
            color: var(--gold); border-color: rgba(201, 168, 76, 0.2);
            background: rgba(201, 168, 76, 0.05); transform: translateY(-2px);
            box-shadow: 0 8px 25px rgba(201, 168, 76, 0.06);
        }
        .nav-btn {
            display: none; background: transparent; color: var(--white);
            padding: 0.7rem 1.8rem; font-size: 0.58rem; font-weight: 500;
            letter-spacing: 3px; text-transform: uppercase;
            border: 1px solid rgba(201, 168, 76, 0.25); cursor: pointer;
            transition: var(--transition-fast); text-decoration: none;
        }
        .nav-btn:hover {
            background: var(--gold); color: var(--black); border-color: var(--gold);
            box-shadow: 0 0 40px rgba(201, 168, 76, 0.15);
        }
        .mobile-toggle {
            display: flex; align-items: center; justify-content: center;
            background: none; border: none; color: var(--white); font-size: 1rem;
            cursor: pointer; width: 38px; height: 38px;
            border: 1px solid rgba(201, 168, 76, 0.06); border-radius: 50%;
            transition: var(--transition-fast);
        }
        .mobile-toggle:hover { border-color: rgba(201, 168, 76, 0.2); color: var(--gold); }

        /* ===== HERO ===== */
        .hero {
            min-height: 100vh; position: relative; display: flex;
            align-items: center; overflow: hidden; background: var(--black);
        }
        .hero-bg {
            position: absolute; top: 0; left: 0; width: 100%; height: 100%;
            overflow: hidden;
        }
        .hero-bg img {
            width: 100%; height: 100%; object-fit: cover;
            filter: brightness(0.18) contrast(1.2) saturate(0.7);
            transform: scale(1.1); animation: heroZoom 25s ease-in-out infinite alternate;
        }
        @keyframes heroZoom {
            0% { transform: scale(1.1) translateX(0); }
            100% { transform: scale(1.2) translateX(-2%); }
        }
        .hero-bg::before {
            content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
            background: linear-gradient(135deg, var(--black) 0%, rgba(5,5,5,0.85) 40%, rgba(5,5,5,0.4) 100%);
            z-index: 2;
        }
        .hero-bg::after {
            content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 50%;
            background: linear-gradient(to top, var(--black), transparent); z-index: 2;
        }
        .hero-content {
            position: relative; z-index: 3; width: 100%;
            padding: 8rem 5% 6rem; display: grid; gap: 3rem;
        }
        .hero-left { max-width: 600px; }
        .hero-badge {
            display: inline-flex; align-items: center; gap: 1rem;
            font-size: 0.55rem; letter-spacing: 5px; text-transform: uppercase;
            color: var(--gold); margin-bottom: 2rem; font-weight: 400;
            opacity: 0; animation: fadeUp 1s ease 0.5s forwards;
        }
        .hero-badge::before {
            content: ''; width: 30px; height: 1px; background: var(--gold); opacity: 0.4;
        }
        .hero-title {
            font-family: 'Cormorant Garamond', serif;
            font-size: clamp(2.8rem, 9vw, 5rem); font-weight: 300; line-height: 0.95;
            margin-bottom: 1.5rem; color: var(--white); letter-spacing: -2px;
            opacity: 0; animation: fadeUp 1s ease 0.7s forwards;
        }
        .hero-title em {
            font-style: italic; color: var(--gold); font-weight: 400; display: block;
            margin-top: 0.1em; position: relative;
        }
        .hero-title em::after {
            content: ''; position: absolute; bottom: -10px; left: 0;
            width: 80px; height: 1px; background: var(--gold); opacity: 0.3;
        }
        .hero-desc {
            font-size: 0.9rem; color: var(--gray-300); line-height: 2;
            margin-bottom: 2.5rem; font-weight: 300; letter-spacing: 0.2px;
            max-width: 460px; opacity: 0; animation: fadeUp 1s ease 0.9s forwards;
        }
        .hero-cta-group {
            display: flex; gap: 1.5rem; align-items: center; flex-wrap: wrap;
            opacity: 0; animation: fadeUp 1s ease 1.1s forwards;
        }
        .btn-primary {
            background: var(--gold); color: var(--black); padding: 1.1rem 2.4rem;
            text-decoration: none; font-size: 0.6rem; font-weight: 600;
            letter-spacing: 3.5px; text-transform: uppercase; border: none;
            cursor: pointer; transition: var(--transition-fast);
            display: inline-flex; align-items: center; gap: 0.8rem; position: relative; overflow: hidden;
        }
        .btn-primary::before {
            content: ''; position: absolute; top: 0; left: -100%;
            width: 100%; height: 100%; background: rgba(255,255,255,0.15);
            transform: skewX(-20deg); transition: left 0.6s ease;
        }
        .btn-primary:hover::before { left: 100%; }
        .btn-primary:hover {
            transform: translateY(-2px); box-shadow: 0 15px 40px rgba(201, 168, 76, 0.25);
        }
        .btn-ghost {
            color: var(--white); text-decoration: none; font-size: 0.6rem;
            font-weight: 400; letter-spacing: 3px; text-transform: uppercase;
            transition: var(--transition-fast); display: inline-flex; align-items: center; gap: 0.8rem;
            position: relative; padding-bottom: 0.3rem;
        }
        .btn-ghost::after {
            content: ''; position: absolute; bottom: 0; left: 0;
            width: 0; height: 1px; background: var(--gold);
            transition: width 0.5s cubic-bezier(0.22, 1, 0.36, 1);
        }
        .btn-ghost:hover { color: var(--gold); }
        .btn-ghost:hover::after { width: 100%; }

        .hero-right {
            display: none; position: relative;
        }
        .hero-card {
            background: var(--black-card); border: 1px solid rgba(201, 168, 76, 0.06);
            padding: 2rem; position: relative; overflow: hidden;
        }
        .hero-card::before {
            content: ''; position: absolute; top: 0; left: 0;
            width: 100%; height: 2px;
            background: linear-gradient(to right, transparent, var(--gold), transparent);
            opacity: 0.3;
        }
        .hero-card-label {
            font-size: 0.5rem; letter-spacing: 4px; text-transform: uppercase;
            color: var(--gold); margin-bottom: 1.5rem; font-weight: 500;
        }
        .hero-card-item {
            display: flex; align-items: center; gap: 1.2rem;
            padding: 1rem 0; border-bottom: 1px solid rgba(201, 168, 76, 0.04);
            cursor: pointer; transition: var(--transition-fast);
        }
        .hero-card-item:last-child { border-bottom: none; }
        .hero-card-item:hover { padding-left: 0.5rem; }
        .hero-card-item:hover .hci-name { color: var(--gold); }
        .hci-img {
            width: 50px; height: 50px; border-radius: 50%; overflow: hidden;
            border: 1px solid rgba(201, 168, 76, 0.1); flex-shrink: 0;
        }
        .hci-img img { width: 100%; height: 100%; object-fit: cover; filter: brightness(0.8); }
        .hci-info { flex: 1; }
        .hci-name {
            font-family: 'Cormorant Garamond', serif; font-size: 1rem;
            color: var(--white); font-weight: 400; margin-bottom: 0.2rem;
            transition: var(--transition-fast);
        }
        .hci-price { font-size: 0.7rem; color: var(--gold); font-weight: 500; letter-spacing: 1px; }
        .hci-arrow {
            color: var(--gray-700); font-size: 0.7rem;
            transition: var(--transition-fast);
        }
        .hero-card-item:hover .hci-arrow { color: var(--gold); transform: translateX(4px); }

        .hero-scroll {
            position: absolute; bottom: 2rem; left: 5%; z-index: 3;
            display: flex; align-items: center; gap: 1rem;
            color: var(--gray-700); font-size: 0.5rem; letter-spacing: 4px;
            text-transform: uppercase; cursor: pointer; transition: var(--transition-fast);
            opacity: 0; animation: fadeUp 1s ease 1.5s forwards;
        }
        .hero-scroll:hover { color: var(--gold); }
        .hero-scroll-line {
            width: 1px; height: 40px; background: var(--gray-700);
            position: relative; overflow: hidden;
        }
        .hero-scroll-line::after {
            content: ''; position: absolute; top: -100%; left: 0;
            width: 100%; height: 100%; background: var(--gold);
            animation: scrollLine 2.5s ease-in-out infinite;
        }
        @keyframes scrollLine { 0% { top: -100%; } 100% { top: 100%; } }

        /* ===== MARQUEE STRIP ===== */
        .marquee-strip {
            background: var(--black-soft); padding: 1rem 0;
            overflow: hidden; border-top: 1px solid rgba(201, 168, 76, 0.03);
            border-bottom: 1px solid rgba(201, 168, 76, 0.03); position: relative;
        }
        .marquee-strip::before, .marquee-strip::after {
            content: ''; position: absolute; top: 0; width: 100px; height: 100%;
            z-index: 2; pointer-events: none;
        }
        .marquee-strip::before { left: 0; background: linear-gradient(to right, var(--black-soft), transparent); }
        .marquee-strip::after { right: 0; background: linear-gradient(to left, var(--black-soft), transparent); }
        .marquee-track {
            display: flex; animation: marqueeFlow 40s linear infinite;
            white-space: nowrap; width: max-content;
        }
        .marquee-item {
            font-family: 'Cormorant Garamond', serif; font-size: 0.65rem;
            color: var(--gray-700); padding: 0 2rem; letter-spacing: 5px;
            text-transform: uppercase; font-weight: 300; display: inline-flex;
            align-items: center; gap: 2rem;
        }
        .marquee-item::after {
            content: ''; width: 4px; height: 4px; background: var(--gold);
            border-radius: 50%; opacity: 0.25;
        }
        @keyframes marqueeFlow { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }

        /* ===== SECTION SYSTEM ===== */
        .section-label {
            font-size: 0.55rem; letter-spacing: 5px; text-transform: uppercase;
            color: var(--gold); font-weight: 400; display: inline-flex;
            align-items: center; gap: 1rem; margin-bottom: 1.5rem;
        }
        .section-label::before {
            content: ''; width: 25px; height: 1px; background: var(--gold); opacity: 0.3;
        }
        .section-title {
            font-family: 'Cormorant Garamond', serif;
            font-size: clamp(2.2rem, 6vw, 3.5rem); font-weight: 300;
            color: var(--white); line-height: 1.05; letter-spacing: -1px;
        }
        .section-title em { font-style: italic; color: var(--gold); font-weight: 400; }

        /* ===== TRUST BAR ===== */
        .trust-bar {
            background: var(--black-elevated); padding: 3rem 5%;
            border-bottom: 1px solid rgba(201, 168, 76, 0.03);
        }
        .trust-grid {
            display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem;
            max-width: 1200px; margin: 0 auto; text-align: center;
        }
        .trust-item { position: relative; }
        .trust-item::after {
            content: ''; position: absolute; right: -1rem; top: 50%;
            transform: translateY(-50%); width: 1px; height: 30px;
            background: rgba(201, 168, 76, 0.06);
        }
        .trust-item:nth-child(2n)::after { display: none; }
        .trust-number {
            font-family: 'Cormorant Garamond', serif; font-size: 2.2rem;
            color: var(--gold); font-weight: 300; line-height: 1; margin-bottom: 0.5rem;
        }
        .trust-label {
            font-size: 0.55rem; letter-spacing: 3px; text-transform: uppercase;
            color: var(--gray-500); font-weight: 400;
        }

        /* ===== ABOUT SPLIT ===== */
        .about-split {
            display: grid; grid-template-columns: 1fr;
            background: var(--black); position: relative; overflow: hidden;
        }
        .about-img-wrap {
            position: relative; height: 400px; overflow: hidden;
        }
        .about-img-wrap img {
            width: 100%; height: 100%; object-fit: cover;
            filter: grayscale(30%) contrast(1.1) brightness(0.7);
            transition: var(--transition-slow); transform: scale(1.05);
        }
        .about-split:hover .about-img-wrap img {
            filter: grayscale(0%) contrast(1) brightness(0.85); transform: scale(1);
        }
        .about-img-frame {
            position: absolute; top: 1.5rem; left: 1.5rem;
            right: -1.5rem; bottom: -1.5rem;
            border: 1px solid rgba(201, 168, 76, 0.08); pointer-events: none;
            transition: var(--transition-slow); z-index: 2;
        }
        .about-split:hover .about-img-frame {
            top: 1rem; left: 1rem; right: -1rem; bottom: -1rem;
            border-color: rgba(201, 168, 76, 0.15);
        }
        .about-text {
            padding: 4rem 5%; display: flex; flex-direction: column; justify-content: center;
        }
        .about-text h2 { margin-bottom: 1.5rem; }
        .about-text p {
            color: var(--gray-300); line-height: 2; margin-bottom: 1.2rem;
            font-size: 0.85rem; font-weight: 300; letter-spacing: 0.2px;
        }
        .about-cta {
            margin-top: 1.5rem; display: inline-flex; align-items: center; gap: 0.8rem;
            color: var(--gold); text-decoration: none; font-size: 0.6rem;
            letter-spacing: 3px; text-transform: uppercase; font-weight: 500;
            transition: var(--transition-fast);
        }
        .about-cta:hover { gap: 1.2rem; }

        /* ===== COLLECTIONS HORIZONTAL ===== */
        .collections-horiz {
            background: var(--black-soft); padding: 6rem 5%; position: relative;
        }
        .collections-horiz::before {
            content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px;
            background: linear-gradient(to right, transparent, rgba(201, 168, 76, 0.06), transparent);
        }
        .collections-horiz .section-header { text-align: center; margin-bottom: 4rem; }
        .collections-horiz .section-label { justify-content: center; }
        .collections-horiz .section-label::before { display: none; }
        .collections-horiz .section-label::after {
            content: ''; width: 25px; height: 1px; background: var(--gold); opacity: 0.3; margin-left: 1rem;
        }
        .coll-scroll {
            display: flex; gap: 1.5rem; overflow-x: auto;
            scroll-snap-type: x mandatory; padding-bottom: 1rem;
            -webkit-overflow-scrolling: touch;
        }
        .coll-scroll::-webkit-scrollbar { height: 1px; }
        .coll-scroll::-webkit-scrollbar-thumb { background: var(--gold); }
        .coll-card {
            flex: 0 0 85%; scroll-snap-align: start;
            position: relative; overflow: hidden; aspect-ratio: 4/5;
            cursor: pointer; border: 1px solid rgba(201, 168, 76, 0.04);
            transition: var(--transition-smooth);
        }
        .coll-card:hover { transform: translateY(-6px); border-color: rgba(201, 168, 76, 0.1); }
        .coll-card img {
            width: 100%; height: 100%; object-fit: cover;
            transition: var(--transition-slow); filter: brightness(0.55);
        }
        .coll-card:hover img { transform: scale(1.1); filter: brightness(0.4); }
        .coll-overlay {
            position: absolute; bottom: 0; left: 0; right: 0;
            padding: 2.5rem 2rem;
            background: linear-gradient(to top, rgba(5,5,5,0.95) 0%, rgba(5,5,5,0.5) 60%, transparent 100%);
            transition: var(--transition-smooth);
        }
        .coll-card:hover .coll-overlay { padding-bottom: 3.5rem; }
        .coll-tag {
            font-size: 0.5rem; letter-spacing: 4px; text-transform: uppercase;
            color: var(--gold); margin-bottom: 0.8rem; font-weight: 500;
            display: inline-flex; align-items: center; gap: 0.8rem;
        }
        .coll-tag::before {
            content: ''; width: 20px; height: 1px; background: var(--gold); opacity: 0.4;
        }
        .coll-name {
            font-family: 'Cormorant Garamond', serif; font-size: 1.6rem;
            font-weight: 300; color: var(--white); margin-bottom: 0.5rem;
            letter-spacing: -0.3px;
        }
        .coll-desc {
            font-size: 0.75rem; color: var(--gray-300); opacity: 0;
            transform: translateY(12px); transition: var(--transition-smooth);
            font-weight: 300; line-height: 1.7; max-width: 260px;
        }
        .coll-card:hover .coll-desc { opacity: 1; transform: translateY(0); }
        .coll-count {
            position: absolute; top: 1.5rem; right: 1.5rem;
            font-size: 0.5rem; letter-spacing: 3px; text-transform: uppercase;
            color: var(--white); background: rgba(5,5,5,0.5);
            backdrop-filter: blur(10px); padding: 0.4rem 1rem;
            border: 1px solid rgba(201, 168, 76, 0.1);
        }

        /* ===== CATALOG ===== */
        .catalog {
            background: var(--black); padding: 6rem 5%; position: relative;
        }
        .catalog::before {
            content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px;
            background: linear-gradient(to right, transparent, rgba(201, 168, 76, 0.06), transparent);
        }
        .catalog .section-header { text-align: center; margin-bottom: 4rem; }
        .catalog .section-label { justify-content: center; }
        .catalog .section-label::before { display: none; }
        .catalog .section-label::after {
            content: ''; width: 25px; height: 1px; background: var(--gold); opacity: 0.3; margin-left: 1rem;
        }
        .catalog-grid {
            display: grid; grid-template-columns: 1fr; gap: 1.5rem;
            max-width: 1400px; margin: 0 auto;
        }
        .product-card {
            background: var(--black-card); overflow: hidden;
            transition: var(--transition-smooth);
            border: 1px solid rgba(201, 168, 76, 0.03);
            position: relative; border-radius: 2px;
        }
        .product-card::before {
            content: ''; position: absolute; top: 0; left: 0;
            width: 100%; height: 2px;
            background: linear-gradient(to right, transparent, var(--gold), transparent);
            opacity: 0; transition: var(--transition-smooth); z-index: 3;
        }
        .product-card:hover::before { opacity: 0.4; }
        .product-card:hover {
            transform: translateY(-10px); border-color: rgba(201, 168, 76, 0.08);
            box-shadow: 0 40px 80px rgba(0,0,0,0.6), 0 0 0 1px rgba(201, 168, 76, 0.04);
        }
        .product-img-wrap {
            position: relative; overflow: hidden; aspect-ratio: 3/4;
            background: var(--black-elevated);
        }
        .product-img-wrap img {
            width: 100%; height: 100%; object-fit: cover;
            transition: var(--transition-slow); filter: brightness(0.75);
        }
        .product-card:hover .product-img-wrap img {
            transform: scale(1.08); filter: brightness(0.6);
        }
        .product-badge {
            position: absolute; top: 1.2rem; left: 1.2rem;
            background: var(--gold); color: var(--black);
            padding: 0.3rem 0.9rem; font-size: 0.5rem; font-weight: 600;
            letter-spacing: 2.5px; text-transform: uppercase; z-index: 2;
            border-radius: 1px;
        }
        .product-wishlist {
            position: absolute; top: 1.2rem; right: 1.2rem;
            width: 36px; height: 36px; background: rgba(5,5,5,0.6);
            backdrop-filter: blur(15px); border: 1px solid rgba(255,255,255,0.05);
            border-radius: 50%; display: flex; align-items: center; justify-content: center;
            color: var(--gray-300); cursor: pointer; transition: var(--transition-fast);
            z-index: 2; font-size: 0.8rem;
        }
        .product-wishlist:hover, .product-wishlist.active {
            background: var(--gold); color: var(--black); border-color: var(--gold);
            transform: scale(1.1); box-shadow: 0 5px 20px rgba(201, 168, 76, 0.2);
        }
        .product-details { padding: 1.5rem; }
        .product-cat {
            font-size: 0.5rem; letter-spacing: 3px; text-transform: uppercase;
            color: var(--gold); margin-bottom: 0.6rem; font-weight: 500;
        }
        .product-name {
            font-family: 'Cormorant Garamond', serif; font-size: 1.1rem;
            color: var(--white); margin-bottom: 0.6rem; font-weight: 400;
            line-height: 1.3; letter-spacing: -0.2px;
        }
        .product-price-row {
            display: flex; align-items: baseline; gap: 0.8rem; margin-bottom: 1.2rem;
        }
        .product-price {
            font-size: 0.9rem; color: var(--white); font-weight: 500; letter-spacing: 0.5px;
        }
        .product-old {
            font-size: 0.75rem; color: var(--gray-700); text-decoration: line-through; font-weight: 300;
        }
        .btn-wa {
            width: 100%; background: transparent; color: var(--white);
            padding: 0.9rem; text-decoration: none; font-size: 0.58rem;
            font-weight: 500; letter-spacing: 3px; text-transform: uppercase;
            border: 1px solid var(--success); cursor: pointer;
            transition: var(--transition-fast); display: inline-flex;
            align-items: center; justify-content: center; gap: 0.7rem;
            border-radius: 1px; position: relative; overflow: hidden;
        }
        .btn-wa::before {
            content: ''; position: absolute; top: 0; left: 0;
            width: 100%; height: 100%; background: var(--success);
            transform: translateX(-101%); transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
            z-index: 0;
        }
        .btn-wa:hover::before { transform: translateX(0); }
        .btn-wa span, .btn-wa i { position: relative; z-index: 1; transition: var(--transition-fast); }
        .btn-wa:hover { color: var(--white); box-shadow: 0 5px 30px rgba(37, 211, 102, 0.12); }

        .product-hidden { display: none; }
        .product-hidden.visible { display: block; animation: fadeInUp 0.6s ease forwards; }
        @keyframes fadeInUp {
            from { opacity: 0; transform: translateY(30px); }
            to { opacity: 1; transform: translateY(0); }
        }

        .catalog-actions {
            display: flex; justify-content: center; margin-top: 3rem; gap: 1rem; flex-wrap: wrap;
        }
        .btn-show {
            background: transparent; color: var(--white); padding: 1rem 2.5rem;
            font-size: 0.58rem; font-weight: 500; letter-spacing: 3.5px;
            text-transform: uppercase; border: 1px solid rgba(201, 168, 76, 0.2);
            cursor: pointer; transition: var(--transition-smooth);
            display: inline-flex; align-items: center; gap: 0.8rem;
            position: relative; overflow: hidden;
        }
        .btn-show::before {
            content: ''; position: absolute; top: 0; left: 0;
            width: 100%; height: 100%; background: var(--gold);
            transform: translateY(101%); transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
            z-index: 0;
        }
        .btn-show:hover::before { transform: translateY(0); }
        .btn-show span, .btn-show i { position: relative; z-index: 1; }
        .btn-show:hover { color: var(--black); border-color: var(--gold); }
        .btn-show:hover i { transform: translateY(3px); }
        .btn-show.less:hover i { transform: translateY(-3px); }

        /* ===== WHY US ===== */
        .why-us {
            background: var(--black-elevated); padding: 6rem 5%; position: relative;
        }
        .why-us::before {
            content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px;
            background: linear-gradient(to right, transparent, rgba(201, 168, 76, 0.06), transparent);
        }
        .why-us .section-header { text-align: center; margin-bottom: 4rem; }
        .why-us .section-label { justify-content: center; }
        .why-us .section-label::before { display: none; }
        .why-us .section-label::after {
            content: ''; width: 25px; height: 1px; background: var(--gold); opacity: 0.3; margin-left: 1rem;
        }
        .why-grid {
            display: grid; grid-template-columns: 1fr; gap: 0;
            max-width: 1400px; margin: 0 auto;
            border: 1px solid rgba(201, 168, 76, 0.04);
        }
        .why-cell {
            padding: 3rem 2rem; text-align: center;
            border-bottom: 1px solid rgba(201, 168, 76, 0.04);
            transition: var(--transition-smooth); position: relative; overflow: hidden;
        }
        .why-cell::before {
            content: ''; position: absolute; top: 0; left: 0;
            width: 100%; height: 2px; background: var(--gold);
            transform: scaleX(0); transform-origin: left;
            transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
        }
        .why-cell:hover::before { transform: scaleX(1); }
        .why-cell:last-child { border-bottom: none; }
        .why-cell:hover { background: rgba(201, 168, 76, 0.015); }
        .why-icon {
            width: 55px; height: 55px; border: 1px solid rgba(201, 168, 76, 0.1);
            border-radius: 50%; display: flex; align-items: center; justify-content: center;
            margin: 0 auto 1.5rem; transition: var(--transition-fast); position: relative;
        }
        .why-cell:hover .why-icon {
            border-color: var(--gold); background: rgba(201, 168, 76, 0.04);
            transform: translateY(-3px); box-shadow: 0 10px 30px rgba(201, 168, 76, 0.05);
        }
        .why-icon i { font-size: 1rem; color: var(--gold); transition: var(--transition-fast); }
        .why-cell:hover .why-icon i { transform: scale(1.1); }
        .why-title {
            font-family: 'Cormorant Garamond', serif; font-size: 1.2rem;
            margin-bottom: 0.8rem; color: var(--white); font-weight: 300; letter-spacing: -0.2px;
        }
        .why-desc {
            font-size: 0.72rem; color: var(--gray-500); line-height: 1.8;
            font-weight: 300; max-width: 240px; margin: 0 auto;
        }

        /* ===== TESTIMONIALS ===== */
        .testimonials {
            background: var(--black-soft); padding: 6rem 5%; text-align: center;
            position: relative; overflow: hidden;
        }
        .testimonials::before {
            content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px;
            background: linear-gradient(to right, transparent, rgba(201, 168, 76, 0.06), transparent);
        }
        .testimonials .section-header { margin-bottom: 3rem; }
        .testimonials .section-label { justify-content: center; }
        .testimonials .section-label::before { display: none; }
        .testimonials .section-label::after {
            content: ''; width: 25px; height: 1px; background: var(--gold); opacity: 0.3; margin-left: 1rem;
        }
        .testimonial-quote-mark {
            font-family: 'Cormorant Garamond', serif; font-size: 8rem;
            color: rgba(201, 168, 76, 0.03); line-height: 1;
            position: absolute; top: 1rem; left: 50%; transform: translateX(-50%);
            pointer-events: none;
        }
        .testimonial-stage { max-width: 800px; margin: 0 auto; position: relative; }
        .testimonial-slide { display: none; animation: fadeSlide 1s cubic-bezier(0.22, 1, 0.36, 1); }
        .testimonial-slide.active { display: block; }
        @keyframes fadeSlide {
            from { opacity: 0; transform: translateY(20px) scale(0.98); }
            to { opacity: 1; transform: translateY(0) scale(1); }
        }
        .testimonial-text {
            font-family: 'Cormorant Garamond', serif;
            font-size: clamp(1.1rem, 4vw, 1.5rem); font-style: italic;
            line-height: 1.7; color: var(--white-soft); margin-bottom: 2rem;
            font-weight: 300; letter-spacing: 0.3px;
        }
        .testimonial-author { font-size: 0.6rem; letter-spacing: 4px; text-transform: uppercase; color: var(--gold); font-weight: 500; margin-bottom: 0.3rem; }
        .testimonial-role { font-size: 0.7rem; color: var(--gray-500); font-weight: 300; letter-spacing: 0.5px; }
        .testimonial-nav { display: flex; justify-content: center; gap: 1rem; margin-top: 2.5rem; }
        .testimonial-dot {
            width: 8px; height: 8px; border-radius: 50%; background: var(--gray-700);
            cursor: pointer; transition: var(--transition-fast); border: none; padding: 0;
        }
        .testimonial-dot.active { background: var(--gold); transform: scale(1.3); }
        .testimonial-dot:hover { background: var(--gold-bright); }

        /* ===== INSTAGRAM GRID ===== */
        .insta-grid {
            background: var(--black); padding: 6rem 0 0 0; position: relative;
        }
        .insta-grid::before {
            content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px;
            background: linear-gradient(to right, transparent, rgba(201, 168, 76, 0.06), transparent);
        }
        .insta-header { text-align: center; margin-bottom: 3rem; padding: 0 5%; }
        .insta-header .section-label { justify-content: center; }
        .insta-header .section-label::before { display: none; }
        .insta-header .section-label::after {
            content: ''; width: 25px; height: 1px; background: var(--gold); opacity: 0.3; margin-left: 1rem;
        }
        .insta-images {
            display: grid; grid-template-columns: repeat(2, 1fr); gap: 0;
        }
        .insta-item {
            position: relative; overflow: hidden; aspect-ratio: 1;
            cursor: pointer; background: var(--black-elevated);
        }
        .insta-item img {
            width: 100%; height: 100%; object-fit: cover;
            transition: var(--transition-slow);
            filter: grayscale(40%) brightness(0.6) contrast(1.1);
        }
        .insta-item:hover img {
            transform: scale(1.12); filter: grayscale(0%) brightness(0.75) contrast(1);
        }
        .insta-overlay {
            position: absolute; top: 0; left: 0; width: 100%; height: 100%;
            background: rgba(201, 168, 76, 0.9); display: flex;
            align-items: center; justify-content: center; opacity: 0;
            transition: var(--transition-smooth); backdrop-filter: blur(2px);
        }
        .insta-item:hover .insta-overlay { opacity: 1; }
        .insta-overlay i { font-size: 1.5rem; color: var(--black); transform: scale(0.6) rotate(-8deg); transition: var(--transition-fast); }
        .insta-item:hover .insta-overlay i { transform: scale(1) rotate(0deg); }

        /* ===== CTA ===== */
        .cta {
            background: linear-gradient(180deg, var(--black-elevated) 0%, var(--black) 100%);
            text-align: center; padding: 7rem 5%; position: relative; overflow: hidden;
        }
        .cta::before {
            content: ''; position: absolute; top: 0; left: 50%;
            transform: translateX(-50%); width: 1px; height: 60px;
            background: linear-gradient(to bottom, transparent, var(--gold)); opacity: 0.12;
        }
        .cta::after {
            content: ''; position: absolute; bottom: 0; left: 0;
            width: 100%; height: 250px;
            background: radial-gradient(ellipse at center bottom, rgba(201, 168, 76, 0.02), transparent 70%);
            pointer-events: none;
        }
        .cta-title {
            font-family: 'Cormorant Garamond', serif;
            font-size: clamp(2rem, 7vw, 3rem); margin-bottom: 1rem;
            font-weight: 300; letter-spacing: -1.5px;
        }
        .cta-title em { font-style: italic; color: var(--gold); font-weight: 400; }
        .cta-body {
            color: var(--gray-300); max-width: 450px; margin: 0 auto 2.5rem;
            line-height: 2; font-weight: 300; font-size: 0.85rem; letter-spacing: 0.2px;
        }
        .cta-pillars {
            display: flex; flex-direction: column; justify-content: center;
            gap: 2.5rem; margin-top: 4rem; align-items: center;
        }
        .cta-pillar {
            display: flex; flex-direction: column; align-items: center; gap: 0.8rem;
            text-decoration: none; transition: var(--transition-fast); position: relative;
        }
        .cta-pillar:hover { transform: translateY(-6px); }
        .cta-pillar:hover .cp-icon {
            border-color: var(--gold); background: rgba(201, 168, 76, 0.05);
            box-shadow: 0 0 40px rgba(201, 168, 76, 0.06);
        }
        .cp-icon {
            width: 60px; height: 60px; border: 1px solid rgba(201, 168, 76, 0.08);
            border-radius: 50%; display: flex; align-items: center; justify-content: center;
            transition: var(--transition-fast);
        }
        .cp-icon i { font-size: 1.2rem; color: var(--gold); transition: var(--transition-fast); }
        .cta-pillar:hover .cp-icon i { transform: scale(1.1); }
        .cp-text { font-size: 0.75rem; color: var(--white-soft); letter-spacing: 2px; font-weight: 400; }
        .cp-sub { font-size: 0.6rem; color: var(--gray-500); letter-spacing: 0.5px; }

        /* ===== FOOTER ===== */
        .footer {
            background: var(--black); border-top: 1px solid rgba(201, 168, 76, 0.03);
            position: relative;
        }
        .footer::before {
            content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px;
            background: linear-gradient(to right, transparent, rgba(201, 168, 76, 0.05), transparent);
        }
        .footer-main {
            display: grid; grid-template-columns: 1fr; gap: 3rem;
            padding: 5rem 5%; max-width: 1400px; margin: 0 auto;
        }
        .footer-brand .nav-brand { margin-bottom: 1.2rem; display: inline-block; }
        .footer-brand p {
            color: var(--gray-500); font-size: 0.75rem; line-height: 1.9;
            font-weight: 300; max-width: 280px; letter-spacing: 0.2px;
        }
        .footer-heading {
            font-family: 'Cormorant Garamond', serif; font-size: 1rem;
            margin-bottom: 1.5rem; color: var(--white); font-weight: 400;
            letter-spacing: 1px; position: relative; display: inline-block;
        }
        .footer-heading::after {
            content: ''; position: absolute; bottom: -8px; left: 0;
            width: 20px; height: 1px; background: var(--gold); opacity: 0.3;
        }
        .footer-links { list-style: none; }
        .footer-links li { margin-bottom: 0.9rem; }
        .footer-links a {
            color: var(--gray-500); text-decoration: none; font-size: 0.72rem;
            transition: var(--transition-fast); display: inline-flex; align-items: center; gap: 0.7rem;
            font-weight: 300; letter-spacing: 0.3px;
        }
        .footer-links a:hover { color: var(--gold); padding-left: 4px; }
        .footer-bottom {
            display: flex; flex-direction: column; justify-content: center;
            align-items: center; gap: 1.5rem; padding: 2rem 5%;
            border-top: 1px solid rgba(201, 168, 76, 0.03);
            max-width: 1400px; margin: 0 auto; text-align: center;
        }
        .footer-copy {
            color: var(--gray-700); font-size: 0.55rem; letter-spacing: 2.5px; text-transform: uppercase;
        }
        .footer-social { display: flex; gap: 1rem; }
        .footer-social a {
            color: var(--gray-500); font-size: 0.9rem; transition: var(--transition-fast);
            text-decoration: none; width: 36px; height: 36px;
            display: flex; align-items: center; justify-content: center;
            border: 1px solid transparent; border-radius: 50%;
        }
        .footer-social a:hover {
            color: var(--gold); border-color: rgba(201, 168, 76, 0.12);
            background: rgba(201, 168, 76, 0.03); transform: translateY(-3px);
        }

        /* ===== FLOATING WHATSAPP ===== */
        .wa-float {
            position: fixed; bottom: 1.5rem; right: 1.5rem;
            background: var(--success); color: var(--white);
            width: 55px; height: 55px; border-radius: 50%;
            display: flex; align-items: center; justify-content: center;
            font-size: 1.5rem; text-decoration: none;
            box-shadow: 0 4px 30px rgba(37, 211, 102, 0.2);
            transition: var(--transition-fast); z-index: 999;
            animation: waPulse 3s infinite; border: 2px solid rgba(255,255,255,0.06);
        }
        .wa-float:hover {
            transform: scale(1.15) rotate(-3deg);
            box-shadow: 0 6px 45px rgba(37, 211, 102, 0.4);
            animation: none; border-color: rgba(255,255,255,0.15);
        }
        @keyframes waPulse {
            0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.3); }
            70% { box-shadow: 0 0 0 18px rgba(37, 211, 102, 0); }
            100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }
        }

        /* ===== POPUP ===== */
        .popup-overlay {
            position: fixed; top: 0; left: 0; width: 100%; height: 100%;
            background: rgba(5, 5, 5, 0.95); backdrop-filter: blur(30px);
            z-index: 10000; display: flex; align-items: center; justify-content: center;
            opacity: 0; visibility: hidden; transition: all 0.5s ease;
        }
        .popup-overlay.active { opacity: 1; visibility: visible; }
        .popup-box {
            background: var(--black-card); border: 1px solid rgba(201, 168, 76, 0.1);
            padding: 2.5rem 2rem; text-align: center; max-width: 360px;
            width: 90%; position: relative;
            transform: scale(0.85) translateY(30px);
            transition: all 0.6s cubic-bezier(0.22, 1, 0.36, 1);
            box-shadow: 0 30px 100px rgba(0,0,0,0.7);
        }
        .popup-overlay.active .popup-box { transform: scale(1) translateY(0); }
        .popup-icon {
            width: 55px; height: 55px; border: 1px solid rgba(201, 168, 76, 0.12);
            border-radius: 50%; display: flex; align-items: center; justify-content: center;
            margin: 0 auto 1.5rem; position: relative;
        }
        .popup-icon::before {
            content: ''; position: absolute; width: 100%; height: 100%;
            border-radius: 50%; border: 1px solid var(--gold); opacity: 0;
            animation: pulseRing 2.5s ease-out infinite;
        }
        @keyframes pulseRing { 0% { transform: scale(1); opacity: 0.3; } 100% { transform: scale(1.5); opacity: 0; } }
        .popup-icon i { font-size: 1.3rem; color: var(--gold); }
        .popup-title {
            font-family: 'Cormorant Garamond', serif; font-size: 1.4rem;
            color: var(--white); margin-bottom: 0.6rem; font-weight: 300;
        }
        .popup-sub {
            font-size: 0.75rem; color: var(--gray-500); margin-bottom: 2rem;
            line-height: 1.7; font-weight: 300;
        }
        .popup-loader { display: flex; align-items: center; justify-content: center; gap: 0.4rem; margin-bottom: 1.2rem; }
        .popup-loader span {
            width: 5px; height: 5px; background: var(--gold); border-radius: 50%;
            animation: loaderBounce 1.4s ease-in-out infinite both;
        }
        .popup-loader span:nth-child(1) { animation-delay: -0.32s; }
        .popup-loader span:nth-child(2) { animation-delay: -0.16s; }
        @keyframes loaderBounce { 0%, 80%, 100% { transform: scale(0); opacity: 0.4; } 40% { transform: scale(1); opacity: 1; } }
        .popup-status { font-size: 0.55rem; letter-spacing: 4px; text-transform: uppercase; color: var(--gold); font-weight: 400; }
        .popup-close {
            position: absolute; top: 1rem; right: 1rem; background: none; border: none;
            color: var(--gray-700); font-size: 0.9rem; cursor: pointer;
            transition: var(--transition-fast); width: 32px; height: 32px;
            display: flex; align-items: center; justify-content: center; border-radius: 50%;
        }
        .popup-close:hover { color: var(--gold); background: rgba(201, 168, 76, 0.06); }

        /* ===== MOBILE MENU ===== */
        .mobile-menu {
            display: none; position: fixed; top: 0; left: 0;
            width: 100%; height: 100vh; background: rgba(5, 5, 5, 0.98);
            backdrop-filter: blur(40px); z-index: 999;
            flex-direction: column; align-items: center; justify-content: center; gap: 2.5rem;
        }
        .mobile-menu.active { display: flex; }
        .mobile-menu a {
            color: var(--white); text-decoration: none; font-size: 1.1rem;
            letter-spacing: 5px; text-transform: uppercase;
            font-family: 'Cormorant Garamond', serif; transition: var(--transition-fast); font-weight: 300;
        }
        .mobile-menu a:hover { color: var(--gold); }
        .mobile-close {
            position: absolute; top: 1.2rem; right: 1.2rem; background: none; border: none;
            color: var(--white); font-size: 1.2rem; cursor: pointer;
            width: 40px; height: 40px; display: flex; align-items: center; justify-content: center;
            border-radius: 50%; transition: var(--transition-fast);
            border: 1px solid rgba(201, 168, 76, 0.08);
        }
        .mobile-close:hover { background: rgba(201, 168, 76, 0.06); color: var(--gold); border-color: rgba(201, 168, 76, 0.2); }

        /* ===== REVEAL ===== */
        .reveal { opacity: 0; transform: translateY(50px); transition: all 1s cubic-bezier(0.22, 1, 0.36, 1); }
        .reveal.active { opacity: 1; transform: translateY(0); }
        .reveal-d1 { transition-delay: 0.1s; }
        .reveal-d2 { transition-delay: 0.25s; }
        .reveal-d3 { transition-delay: 0.4s; }
        .reveal-d4 { transition-delay: 0.55s; }

        /* ===== KEYFRAMES ===== */
        @keyframes fadeUp {
            from { opacity: 0; transform: translateY(35px); }
            to { opacity: 1; transform: translateY(0); }
        }

        /* ============================================================
           TABLET (768px+)
           ============================================================ */
        @media (min-width: 768px) {
            .nav { padding: 1.8rem 5%; }
            .nav.scrolled { padding: 1.1rem 5%; }
            .nav-brand { font-size: 1.2rem; letter-spacing: 7px; }

            .hero-content { grid-template-columns: 1fr 1fr; align-items: center; padding: 6rem 5%; gap: 4rem; }
            .hero-title { font-size: clamp(3.5rem, 6vw, 5.5rem); }
            .hero-desc { font-size: 0.95rem; max-width: 480px; }
            .hero-right { display: block; }
            .hero-scroll { bottom: 3rem; }

            .trust-grid { grid-template-columns: repeat(4, 1fr); }
            .trust-item::after { display: block; right: -1.5rem; }
            .trust-item:last-child::after { display: none; }
            .trust-number { font-size: 2.8rem; }

            .about-split { grid-template-columns: 1fr 1fr; }
            .about-img-wrap { height: auto; min-height: 600px; }
            .about-text { padding: 5rem 8%; }

            .coll-card { flex: 0 0 45%; }

            .catalog-grid { grid-template-columns: repeat(2, 1fr); gap: 1.8rem; }

            .why-grid { grid-template-columns: repeat(2, 1fr); }
            .why-cell { border-right: 1px solid rgba(201, 168, 76, 0.04); border-bottom: 1px solid rgba(201, 168, 76, 0.04); }
            .why-cell:nth-child(2n) { border-right: none; }
            .why-cell:nth-child(3), .why-cell:nth-child(4) { border-bottom: none; }

            .insta-images { grid-template-columns: repeat(3, 1fr); }

            .cta-pillars { flex-direction: row; gap: 4rem; }

            .footer-main { grid-template-columns: 2fr 1fr; gap: 4rem; }
            .footer-bottom { flex-direction: row; justify-content: space-between; }

            .wa-float { width: 60px; height: 60px; font-size: 1.7rem; }
        }

        /* ============================================================
           DESKTOP (1024px+)
           ============================================================ */
        @media (min-width: 1024px) {
            .nav-links { display: flex; }
            .mobile-toggle { display: none; }
            .nav-btn { display: inline-flex; }

            .hero-bg { width: 55%; left: auto; right: 0; }
            .hero-bg::before {
                background: linear-gradient(135deg, var(--black) 0%, rgba(5,5,5,0.8) 50%, transparent 100%);
            }
            .hero-content { padding: 0 5%; padding-top: 5rem; max-width: 1300px; margin: 0 auto; }

            .about-img-frame { top: 4rem; left: 4rem; right: -3rem; bottom: -3rem; }
            .about-split:hover .about-img-frame { top: 3rem; left: 3rem; right: -2rem; bottom: -2rem; }
            .about-text { padding: 8rem 12%; }

            .collections-horiz { padding: 10rem 5%; }
            .coll-card { flex: 0 0 30%; }

            .catalog { padding: 10rem 5%; }
            .catalog-grid { grid-template-columns: repeat(3, 1fr); gap: 2rem; }

            .why-us { padding: 10rem 5%; }
            .why-grid { grid-template-columns: repeat(4, 1fr); }
            .why-cell { border-right: 1px solid rgba(201, 168, 76, 0.04); border-bottom: none; }
            .why-cell:nth-child(2n) { border-right: 1px solid rgba(201, 168, 76, 0.04); }
            .why-cell:last-child { border-right: none; }

            .testimonials { padding: 10rem 5%; }
            .testimonial-text { font-size: clamp(1.3rem, 2.5vw, 1.8rem); }

            .insta-images { grid-template-columns: repeat(6, 1fr); }

            .cta { padding: 12rem 5%; }
            .cta-pillars { gap: 6rem; }

            .footer-main { grid-template-columns: 2fr 1fr 1fr 1.5fr; gap: 6rem; padding: 7rem 5%; }
            .footer-bottom { padding: 3rem 5%; }

            .wa-float { width: 65px; height: 65px; font-size: 1.9rem; bottom: 2.5rem; right: 2.5rem; }
        }

        /* ============================================================
           LARGE DESKTOP (1400px+)
           ============================================================ */
        @media (min-width: 1400px) {
            .catalog-grid { grid-template-columns: repeat(4, 1fr); }
            .coll-card { flex: 0 0 23%; }
        }

        /* ===== REDUCED MOTION ===== */
        @media (prefers-reduced-motion: reduce) {
            .reveal { opacity: 1 !important; transform: none !important; transition: none !important; }
            .marquee-track { animation: none !important; }
            .hero-bg img { animation: none !important; }
            .hero-scroll-line::after { animation: none !important; }
            .popup-icon::before { animation: none !important; }
            .popup-loader span { animation: none !important; }
            .wa-float { animation: none !important; }
            .preloader-bar::after { animation: none !important; width: 100%; }
        }