body {
            font-family: 'Montserrat', sans-serif;
            background-color: #FAF8F5;
            color: #1A1A1A;
            overflow-x: hidden;
        }
        h1, h2, h3, h4, .font-serif-luxury {
            font-family: 'Cormorant Garamond', serif;
        }
        /* Custom Gold Shimmer Effect */
        .gold-gradient-text {
            background: linear-gradient(135deg, #B8860B 0%, #E6CA65 50%, #AA771C 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        .gold-border {
            border-color: rgba(184, 134, 11, 0.3);
        }
        .gold-glow {
            box-shadow: 0 4px 20px -2px rgba(184, 134, 11, 0.15);
        }
        .gold-btn {
            background: linear-gradient(135deg, #1A1A1A 0%, #2D2D2D 100%);
            color: #FAF6EE;
            border: 1px solid #B8860B;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }
        .gold-btn:hover {
            background: linear-gradient(135deg, #B8860B 0%, #9A6E09 100%);
            color: #FFFFFF;
            box-shadow: 0 6px 18px rgba(184, 134, 11, 0.3);
        }
        /* Shimmer animation on hover */
        .shimmer-hover {
            position: relative;
            overflow: hidden;
        }
        .shimmer-hover::after {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: linear-gradient(60deg, transparent 30%, rgba(255, 255, 255, 0.3) 50%, transparent 70%);
            transform: rotate(30deg) translateY(-100%);
            transition: transform 0.8s ease-in-out;
        }
        .shimmer-hover:hover::after {
            transform: rotate(30deg) translateY(100%);
        }
        /* Scrollbar Styling */
        ::-webkit-scrollbar {
            width: 6px;
            height: 6px;
        }
        ::-webkit-scrollbar-track {
            background: #FAF8F5;
        }
        ::-webkit-scrollbar-thumb {
            background: #D8BC70;
            border-radius: 3px;
        }
        ::-webkit-scrollbar-thumb:hover {
            background: #B8860B;
        }
        /* Glassmorphism */
        .glass-panel {
            background: rgba(255, 255, 255, 0.88);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
        }
        /* Toast Notification Styling */
        .toast-enter {
            transform: translateY(100%);
            opacity: 0;
        }
        .toast-show {
            transform: translateY(0);
            opacity: 1;
        }

        /* ============ NEW: My Orders drawer + notif bits ============ */
        .myorder-card{
            background:#fff;border:1px solid #E7E2D8;border-radius:14px;padding:14px;
        }
        .myorder-status{
            display:inline-block;font-size:10px;font-weight:700;letter-spacing:.04em;
            text-transform:uppercase;padding:3px 10px;border-radius:999px;
        }
        .myorder-status.Pending{background:#F1ECE0;color:#7A7160;}
        .myorder-status.Confirmed{background:#FAF6EE;color:#B8860B;}
        .myorder-status.Shipped{background:#E7F1EE;color:#2F6F62;}
        .myorder-status.Delivered{background:#EAF3EA;color:#3F7D45;}
        .myorder-status.Cancelled{background:#FBECE7;color:#B3432B;}

        /* ============ NEW: Simplified catalog card (post-Masterpiece section) ============ */
        .product-card{
            box-shadow: 0 2px 10px -4px rgba(26,26,26,0.10), 0 1px 3px rgba(26,26,26,0.06);
            transition: box-shadow .25s ease, transform .25s ease;
        }
        .product-card:hover{
            box-shadow: 0 12px 28px -10px rgba(26,26,26,0.18);
            transform: translateY(-2px);
        }
        .simple-stock-strip{
            position:absolute; left:0; right:0; bottom:0;
            background:#FAF6EE; color:#9A6E09;
            font-size:9px; font-weight:700; letter-spacing:.02em;
            text-align:center; padding:3px 4px;
        }

        /* ============ NEW: WhatsApp Enquiry button (premium full-width bar) ============ */
        .whatsapp-btn-premium{
            background:#FAF8F5; color:#1A1A1A;
            border:1px solid rgba(184,134,11,0.4);
            transition:background .2s ease, border-color .2s ease, box-shadow .2s ease;
        }
        .whatsapp-btn-premium i{ color:#25D366; font-size:14px; }
        .whatsapp-btn-premium:hover{ background:#FAF6EE; border-color:#B8860B; box-shadow:0 2px 8px -2px rgba(184,134,11,0.25); }
        .whatsapp-btn{
            background:#25D366;color:#fff;transition:background .2s ease, transform .15s ease;
        }
        .whatsapp-btn:hover{ background:#1DA851; }
        .whatsapp-btn:active{ transform:scale(0.98); }

        /* ============ NEW: Mobile responsiveness safety net ============ */
        /* Belt-and-braces on top of overflow-x:hidden above — stops any
           fixed/absolute element (drawers, sticky header, blur glows) from
           ever forcing horizontal scroll on small screens. */
        html{ max-width:100%; overflow-x:hidden; }
        img{ max-width:100%; height:auto; }
        @media (max-width: 480px){
            /* Keep the sticky header's brand mark from crowding the icon
               row on narrow phones — this was the main cause of the
               sideways scroll on mobile. */
            #app-wrapper header .font-serif-luxury{ letter-spacing:0.08em; }
        }

        /* ============ Masterpiece hero slideshow ============ */
        .hero-slider{ position:absolute; inset:0; overflow:hidden; touch-action:pan-y; }
        .hero-track{ display:flex; height:100%; transition:transform .7s cubic-bezier(.4,0,.2,1); will-change:transform; }
        .hero-slide{ min-width:100%; height:100%; cursor:pointer; }
        .hero-slide img{ width:100%; height:100%; object-fit:cover; display:block; }
        .hero-dots{ position:absolute; bottom:12px; left:0; right:0; display:flex; justify-content:center; gap:7px; z-index:5; }
        .hero-dot{ width:7px; height:7px; border-radius:999px; background:rgba(255,255,255,.45); cursor:pointer; transition:all .3s ease; border:0; padding:0; }
        .hero-dot.on{ width:22px; background:#CBA442; }