html {
            scroll-behavior: smooth;
        }
        
        body {
            background: #f7f2e6;
            color: #142118;
             font-family: "Montserrat", sans-serif;
        }
        
         ::selection {
            background: #c89a3d;
            color: #102d1b;
        }
        
        .gold-line {
            background: linear-gradient(90deg, transparent, #c89a3d, transparent);
        }
        
        .glass {
            background: rgba(247, 242, 230, 0.82);
            backdrop-filter: blur(18px);
            -webkit-backdrop-filter: blur(18px);
        }
        
        .dark-glass {
            background: rgba(16, 45, 27, 0.82);
            backdrop-filter: blur(18px);
            -webkit-backdrop-filter: blur(18px);
        }
        
        .soft-grid {
            background-image: linear-gradient(rgba(16, 45, 27, 0.045) 1px, transparent 1px), linear-gradient(90deg, rgba(16, 45, 27, 0.045) 1px, transparent 1px);
            background-size: 28px 28px;
        }
        
        .shine {
            position: relative;
            overflow: hidden;
        }
        
        .shine:after {
            content: "";
            position: absolute;
            inset: -50% -80%;
            background: linear-gradient( 120deg, transparent 40%, rgba(255, 255, 255, 0.35), transparent 60%);
            transform: translateX(-55%) rotate(10deg);
            transition: transform 0.75s ease;
        }
        
        .shine:hover:after {
            transform: translateX(55%) rotate(10deg);
        }
        
        .slider-track {
            transition: transform 0.65s cubic-bezier(0.22, 0.75, 0.25, 1);
        }
        
        .hide-scrollbar::-webkit-scrollbar {
            display: none;
        }
        
        .hide-scrollbar {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }
        
        .safe-bottom {
            padding-bottom: max(12px, env(safe-area-inset-bottom));
        }
        
        .app-card {
            border: 1px solid rgba(200, 154, 61, 0.22);
            box-shadow: 0 24px 70px rgba(16, 45, 27, 0.12);
        }
        
        .product-hero-slide {
            /*background: linear-gradient( 135deg, #fffdf7 0%, #f7f2e6 48%, #efe6d3 100%);*/
            background:#f2f2f2;
        }
        
        .product-hero-media {
            position: relative;
            overflow: hidden;
            /*background: #f4f4f2;*/
        }
        
        .product-hero-media img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            object-position: center;
            filter: none !important;
        }
        
        .premium-product-card {
            position: relative;
            isolation: isolate;
            transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
        }
        
        .premium-product-card:before {
            content: "";
            position: absolute;
            inset: 0;
            z-index: -1;
            border-radius: inherit;
            background: linear-gradient( 135deg, rgba(255, 255, 255, 0.9), rgba(255, 250, 240, 0.72));
        }
        
        .premium-product-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 32px 90px rgba(16, 45, 27, 0.16);
            border-color: rgba(200, 154, 61, 0.42);
        }
        
        .product-media {
            position: relative;
            min-height: 420px;
            overflow: hidden;
        }
        
        .product-media:after {
            content: "";
            position: absolute;
            inset: auto 12% 8% 12%;
            height: 18px;
            border-radius: 999px;
            background: rgba(16, 45, 27, 0.12);
            filter: blur(13px);
            pointer-events: none;
        }
        
        .product-media img {
            position: relative;
            z-index: 1;
            width: 100%;
            height: 100%;
            /*min-height: 390px;*/
            object-fit: cover;
            transition: opacity 0.28s ease, transform 0.45s ease;
        }
        
        .premium-product-card:hover .product-media img {
            transform: scale(1.015);
        }
        
        .product-arrow {
            position: absolute;
            top: 50%;
            z-index: 10;
            display: grid;
            height: 44px;
            width: 44px;
            transform: translateY(-50%);
            place-items: center;
            border: 1px solid rgba(16, 45, 27, 0.1);
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.92);
            color: #102d1b;
            box-shadow: 0 10px 26px rgba(16, 45, 27, 0.14);
            backdrop-filter: blur(8px);
            transition: transform 0.2s ease, background 0.2s ease;
        }
        
        .product-arrow:hover {
            background: #fff;
            transform: translateY(-50%) scale(1.06);
        }
        
        .product-arrow-left {
            left: 16px;
        }
        
        .product-arrow-right {
            right: 16px;
        }
        
        .product-image-dots {
            position: absolute;
            bottom: 16px;
            left: 50%;
            z-index: 10;
            display: flex;
            transform: translateX(-50%);
            gap: 7px;
        }
        
        .product-image-dot {
            height: 7px;
            width: 7px;
            border-radius: 999px;
            background: rgba(16, 45, 27, 0.22);
            transition: width 0.2s ease, background 0.2s ease;
        }
        
        .product-image-dot.active {
            width: 22px;
            background: #c89a3d;
        }
        
        @media (max-width: 767px) {
            body {
                padding-bottom: 76px;
            }
            .desktop-only {
                display: none !important;
            }
            .product-hero-slide {
                height: auto !important;
                min-height: 0 !important;
                padding-bottom: 54px;
            }
            .product-hero-layout {
                display: flex !important;
                min-height: 0 !important;
                flex-direction: column;
                padding: 0 !important;
            }
            .product-hero-media {
                position: relative !important;
                inset: auto !important;
                height: 48vh;
                min-height: 330px;
                width: 100%;
                order: 1;
            }
            .product-hero-copy {
                order: 2;
                width: 100%;
                padding: 28px 20px 12px;
            }
            .product-hero-copy h2 {
                font-size: 2.35rem;
                line-height: 1.05;
            }
            .product-hero-copy p {
                font-size: 1rem;
                line-height: 1.65;
            }
            .product-media {
                min-height: 340px;
            }
            .product-media img {
                min-height: 320px;
            }
        }