:root {
            --primary-blue: #8494FF;
            --soft-pink: #FFACAC;
            --yellow-highlight: #FFF574;
        }

        body {
            font-family: 'Quicksand', sans-serif;
            background-color: #fff;
            overflow-x: hidden;
            color: #000;
        }

        /* Custom Scrollbar */
        ::-webkit-scrollbar { width: 6px; }
        ::-webkit-scrollbar-track { background: #f1f1f1; }
        ::-webkit-scrollbar-thumb { background: #000; }

        /* Header Styles */
        .circle-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 180px;
            height: 40px;
            border-radius: 50%;
            background: #000;
            color: #fff;
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            cursor: pointer;
            text-transform: uppercase;
            font-weight: 700;
            font-size: 0.8rem;
            margin: 0 30px;
            margin-left: 10px;
            border: 2px solid transparent;
        }

        .circle-btn:active, .circle-btn.active {
            background: #fff;
            border-color: #000;
            color: #000;
            transform: scale(0.9);
        }

        .v-line {
            width: 1px;
            height: 40px;
            background: #e5e5e5;
            margin: 0 20px;
        }

        /* Hero & Scroll Animation */
        .hero-bg {
            background: url('https://static.wixstatic.com/media/c837a6_976c1bab3bf64bc8a4462d22a5637307~mv2.jpg/v1/fill/w_1883,h_991,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/c837a6_976c1bab3bf64bc8a4462d22a5637307~mv2.jpg') center/cover no-repeat fixed;
            height: 140vh;
            position: relative;
        }

        #scroll-text {
            position: absolute;
            bottom: 50px;
            white-space: nowrap;
            font-size: 8rem;
            font-weight: 900;
            opacity: 0.1;
            pointer-events: none;
            transition: transform 0.1s linear;
        }

        /* Quick View Panel */
        .quick-view-panel {
            position: fixed;
            bottom: -100%;
            left: 0;
            width: 100%;
            height: 70vh;
            background: #fff;
            z-index: 1000;
            transition: bottom 0.6s cubic-bezier(0.85, 0, 0.15, 1);
            box-shadow: 0 -20px 50px rgba(0,0,0,0.1);
            border-radius: 40px 40px 0 0;
            padding: 40px;
        }

        .quick-view-panel.active {
            bottom: 0;
        }

        .overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.5);
            backdrop-filter: blur(5px);
            z-index: 999;
            display: none;
        }

        /* Cards */
        .card-scroll-container {
            display: flex;
            overflow-x: auto;
            gap: 20px;
            padding: 20px 0;
            scrollbar-width: none;
        }
        .card-scroll-container::-webkit-scrollbar { display: none; }

        .product-card {
            min-width: 300px;
            cursor: pointer;
            transition: transform 0.3s ease;
        }

        .product-card img {
            width: 100%;
            aspect-ratio: 3/4;
            object-fit: cover;
            border-radius: 4px;
        }

        /* Split Section */
        .sticky-side {
            position: sticky;
            top: 0;
            height: 100vh;
        }

        /* Zoom Section */
        .zoom-container {
            overflow: hidden;
            height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .zoom-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.1s linear;
        }

        /* Utility */
        .bg-red-badge { background: #FF4D4D; color: #fff; padding: 4px 12px; border-radius: 4px; font-weight: bold; }
        
        .page-content { display: none; }
        .page-content.active { display: block; }
        
        .cart-count {
            position: absolute;
            top: -8px;
            right: -8px;
            background: red;
            color: white;
            font-size: 10px;
            width: 18px;
            height: 18px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }