:root {
            --ivory: #eea3a3;
            --blush: #fb7982;
            --beige: #6b4646;
            --rose-gold: #E89C90;
            --lavender: #714eff;
            --deep-rose: #9c6158;
            --charcoal: #333333;
        }

        body {
            font-family: 'Inter', sans-serif;
            background-color: var(--ivory);
            color: var(--charcoal);
            scroll-behavior: smooth;
        }

        .serif { font-family: 'Playfair Display', serif; }
        .cormorant { font-family: 'Cormorant Garamond', serif; }

        .glass-nav {
            background: rgba(255, 248, 245, 0.9);
            backdrop-filter: blur(15px);
            border-bottom: 1px solid rgba(232, 156, 144, 0.1);
        }

        .btn-luxury {
            background: var(--rose-gold);
            color: white;
            transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
            position: relative;
            z-index: 1;
        }

        .btn-luxury:hover {
            transform: translateY(-3px);
            box-shadow: 0 15px 30px rgba(232, 156, 144, 0.4);
        }

        .card-reveal {
            opacity: 0;
            transform: translateY(60px);
            transition: all 1.2s cubic-bezier(0.16, 1, 0.3, 1);
        }

        .card-reveal.active {
            opacity: 1;
            transform: translateY(0);
        }

        .img-zoom-container {
            overflow: hidden;
            border-radius: 40px;
        }

        .img-zoom-container img {
            transition: transform 1.5s ease;
        }

        .img-zoom-container:hover img {
            transform: scale(1.08);
        }

        .parallax-section {
            background-attachment: fixed;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }

        .cart-dot {
            position: absolute;
            top: -2px;
            right: -2px;
            width: 18px;
            height: 18px;
            background: var(--rose-gold);
            color: white;
            font-size: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
        }

        .gradient-bg {
            background: linear-gradient(135deg, var(--ivory) 0%, var(--blush) 100%);
        }

        .step-number {
            font-size: 8rem;
            line-height: 1;
            color: rgba(232, 156, 144, 0.1);
            position: absolute;
            left: -20px;
            top: -40px;
            font-weight: 900;
        }

        .scroll-hide::-webkit-scrollbar { display: none; }