@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700&family=Montserrat:wght@300;400;500;600;700&display=swap');
:root {
    --deep: #2D1B36;
    --primary: #5D3C64;
    --secondary: #7B466A;
    --accent: #9F6496;
    --lavender: #BA6E8F;
    --rose: #D391B0;
    --white: #ffffff;
    --off-white: #FAFAFE;
    --light-accent: #F1EAFF;
    --gray: #f0edf2;
    --text: #2D1B36;
    --text-light: #5D3C64;
    --border: rgba(186, 110, 143, 0.15);
    /* Gradients */
    --grad-p: linear-gradient(135deg, #5D3C64, #2D1B36);
    --grad-d: linear-gradient(135deg, #FFFFFF, #F1EAFF);
    --grad-l: linear-gradient(135deg, #BA6E8F, #9F6496);
    /* Fonts & Utils */
    --font-h: 'Outfit', sans-serif;
    --font-b: 'Inter', sans-serif;
    --font-m: 'Montserrat', sans-serif;
    --sh-sm: 0 4px 20px rgba(12, 4, 32, 0.08);
    --sh-md: 0 12px 50px rgba(12, 4, 32, 0.12);
    --sh-lg: 0 25px 100px rgba(12, 4, 32, 0.18);
    --sh-xl: 0 35px 150px rgba(12, 4, 32, 0.22);

    --r-sm: 8px;
    --r-md: 12px;
    --r-lg: 20px;
    --r-full: 100px;
    --tr: all .4s cubic-bezier(.25, .8, .25, 1);
    --tr-f: all .2s ease;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
html,body{overflow-x:hidden;width:100%;position:relative}
body{font-family:var(--font-m);color:var(--text);background:var(--white);line-height:1.7}
a{text-decoration:none;color:inherit;transition:var(--tr-f)}
img{max-width:100%;height:auto;display:block}
ul{list-style:none}
h1,h2,h3,h4,h5,h6{font-family:var(--font-m);font-weight:700;line-height:1.2;color:var(--deep)}
.logo-img{filter:brightness(0) saturate(100%) invert(14%) sepia(19%) saturate(1989%) hue-rotate(244deg) brightness(91%) contrast(93%);transition:var(--tr)}
.section-label{font-size:.75rem;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--accent);margin-bottom:.5rem;display:block}
.section-title{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700;letter-spacing:-.5px;margin-bottom:.5rem}
.section-subtitle{font-size:1rem;color:var(--text-light);font-weight:300;max-width:500px;margin:0.5rem auto 0}
.section{padding:6rem 0;overflow:hidden}.section-sm{padding:4rem 0;overflow:hidden}.section-head{text-align:center;margin-bottom:3.5rem;padding:0 1rem}
/* Navbar */
/* Navbar */
.navbar-st{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1.4rem 0;background:transparent;transition:var(--tr);color:white;border-bottom:none;box-sizing:border-box}
.navbar-st.scrolled{background:rgba(255,255,255,.98);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:.9rem 0;box-shadow:var(--sh-sm);color:var(--text)}

.nav-wrap{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto;padding:0 2rem;width:100%}
.nav-logo, .nav-actions { flex: 1; }
.nav-actions { justify-content: flex-end; }
.nav-logo{font-family:var(--font-m);font-weight:700;font-size:1.6rem;letter-spacing:5px;text-transform:uppercase;color:white;transition:var(--tr);display:flex;align-items:center}
.navbar-st.scrolled .nav-logo{color:var(--deep)}
.nav-logo span{color:var(--lavender)}
.logo-img{height:65px;width:auto;filter:brightness(0) saturate(100%) invert(14%) sepia(19%) saturate(1989%) hue-rotate(244deg) brightness(91%) contrast(93%);transition:var(--tr);display:block}
.navbar-st:not(.scrolled) .logo-img{filter:brightness(0) invert(1) drop-shadow(0 0 15px rgba(45,27,54,0.2))}
.navbar-st.scrolled .logo-img{filter:brightness(0) saturate(100%) invert(14%) sepia(19%) saturate(1989%) hue-rotate(244deg) brightness(91%) contrast(93%)}

.nav-links{display:flex;align-items:center;gap:2.5rem;justify-content:center;flex: 2;}
.nav-links a{font-family:var(--font-m);font-size:.8rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:white;position:relative;padding-bottom:4px;transition:var(--tr)}
.navbar-st.scrolled .nav-links a{color:var(--text)}
.nav-links a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--secondary);transition:var(--tr)}
.nav-links a:hover,.nav-links a.active{color:var(--lavender)}
.nav-links a:hover::after,.nav-links a.active::after{width:100%}

.nav-actions{display:flex;align-items:center;gap:1.2rem}
.nav-icon{position:relative;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:white;font-size:1.1rem;transition:var(--tr);border:1px solid rgba(255,255,255,.3);background:transparent}
.navbar-st.scrolled .nav-icon{color:var(--deep);border:1px solid var(--border);background:var(--white)}
.nav-icon:hover{background:var(--light-accent);color:var(--primary);transform:scale(1.05);border-color:var(--primary)}
.cart-badge{position:absolute;top:-4px;right:-4px;width:18px;height:18px;background:var(--grad-l);color:white;font-size:.65rem;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center}
.nav-ham{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:5px;border:none;background:none}
.nav-ham span{display:block;width:24px;height:2px;background:var(--deep);transition:var(--tr)}

.mobile-nav{position:fixed;inset:0;background:var(--white);z-index:999;transform:translateX(-100%);transition:var(--tr);display:flex;flex-direction:column;padding:6rem 2rem 2rem;gap:2rem;border-right:1px solid var(--border)}
.mobile-nav.open{transform:translateX(0)}
.mobile-nav a{font-family:var(--font-h);font-size:1.5rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--deep);border-bottom:1px solid var(--border);padding-bottom:1.5rem;transition:var(--tr-f)}
.mobile-nav a:hover{color:var(--lavender);padding-left:1rem}

/* Trust Strip */
.trust-section{position:relative;z-index:10;margin-top:-60px}
.trust-strip{background:var(--white);border-radius:var(--r-md);box-shadow:var(--sh-xl);padding:2.5rem 2rem;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;border:1px solid var(--border)}
.trust-item{display:flex;align-items:center;gap:1.2rem;padding:0 1rem;border-right:1px solid var(--border)}
.trust-item:last-child{border-right:none}
.trust-item i{font-size:1.8rem;color:var(--primary);flex-shrink:0;background:var(--grad-p);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.trust-info h5{font-family:var(--font-h);font-size:.85rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--deep);margin-bottom:.2rem;line-height:1.2}
.trust-info p{font-size:.78rem;color:var(--text-light);margin:0;line-height:1.4;font-weight:400}

@media(max-width:1024px){.trust-strip{grid-template-columns:repeat(2,1fr);gap:2rem}.trust-item:nth-child(2){border-right:none}}
@media(max-width:768px){.trust-section{margin-top:-40px}.trust-strip{padding:2rem 1.5rem;grid-template-columns:1fr}.trust-item{border-right:none;padding:0.5rem 0}}

/* Hero */
.hero{position:relative;height:100vh;min-height:650px;overflow:hidden;background:var(--light-accent)}
.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease-in-out;z-index:0}
.hero-slide.active{opacity:1;z-index:1}
.hero-slide::before{content:'';position:absolute;inset:0;background:linear-gradient(75deg, rgba(45,27,54,0.7) 0%, rgba(45,27,54,0.2) 40%, transparent 100%);z-index:1}
.hero-slide img{width:100%;height:100%;object-fit:cover;opacity:1;display:block}
.hero-content{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:0 8vw}
.hero-label{font-size:.75rem;font-weight:600;letter-spacing:4px;text-transform:uppercase;color:var(--rose);margin-bottom:1.2rem;opacity:0;transform:translateY(20px);transition:all .8s ease .3s;display:block}
.hero-title{font-family:var(--font-m);font-size:clamp(1.8rem,7vw,5rem);font-weight:800;color:white;line-height:1.1;margin-bottom:1.5rem;opacity:0;transform:translateY(30px);transition:all .8s ease .5s;max-width:750px;text-transform:uppercase;letter-spacing:1px}
.hero-title em{font-style:normal;color:var(--rose);text-shadow: 0 0 30px rgba(211,145,176,0.3)}
.hero-desc{font-size:1.1rem;font-weight:300;color:rgba(255,255,255,0.9);margin-bottom:2.5rem;max-width:500px;opacity:0;transform:translateY(30px);transition:all .8s ease .7s;line-height:1.8}
.hero-btns{display:flex;gap:1.2rem;flex-wrap:wrap;opacity:0;transform:translateY(30px);transition:all .8s ease .9s}
.hero-btns .btn-o { color: white; border-color: rgba(255,255,255,0.4); }
.hero-btns .btn-o:hover { background: white; color: var(--deep); border-color: white; }
.hero-slide.active .hero-label,.hero-slide.active .hero-title,.hero-slide.active .hero-desc,.hero-slide.active .hero-btns{opacity:1;transform:translateY(0)}

.hero-dots{position:absolute;bottom:2.5rem;left:8vw;z-index:3;display:flex;gap:12px}
.hero-dot{width:10px;height:10px;border-radius:50%;background:rgba(45,27,54,0.1);cursor:pointer;transition:var(--tr);border:none}
.hero-dot.active{width:32px;border-radius:5px;background:var(--primary)}

.scroll-hint{position:absolute;bottom:2.5rem;right:3rem;z-index:3;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--primary);opacity:0.6;font-size:.7rem;letter-spacing:2px;text-transform:uppercase}
.scroll-line{width:1px;height:50px;background:linear-gradient(to bottom,var(--primary),transparent);animation:scrl 2s infinite}
@keyframes scrl{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
/* Buttons */
.btn-lux{display:inline-flex;align-items:center;gap:8px;padding:.9rem 2.2rem;border-radius:var(--r-full);font-family:var(--font-h);font-size:.82rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;border:none;cursor:pointer;transition:var(--tr);position:relative;overflow:hidden}
.btn-p{background:var(--primary);color:white;box-shadow:var(--sh-sm);border:1px solid var(--primary)}
.btn-p:hover{transform:translateY(-2px);background:var(--deep);border-color:var(--deep);box-shadow:var(--sh-md)}
.btn-o{background:transparent;color:var(--deep);border:1.5px solid var(--deep)}
.btn-o:hover{background:var(--off-white);border-color:var(--primary);transform:translateY(-2px);color:var(--deep)}
.btn-d{background:var(--deep);color:var(--white);box-shadow:var(--sh-md)}
.btn-d:hover{background:var(--primary);transform:translateY(-2px)}
.btn-sm{padding:.6rem 1.4rem;font-size:.75rem}.btn-fw{width:100%;justify-content:center}
/* Product Cards */
.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.8rem}
.product-card{background:var(--white);border-radius:var(--r-sm);overflow:hidden;box-shadow:none;transition:var(--tr);position:relative;border:1px solid var(--border)}
.product-card:hover{transform:translateY(-8px);box-shadow:var(--sh-lg);border-color:transparent}
.pc-img{position:relative;overflow:hidden;aspect-ratio:4/5;background:var(--gray)}
.pc-img img{width:100%;height:100%;object-fit:cover;transition:opacity .6s cubic-bezier(.4,0,.2,1), transform .6s cubic-bezier(.4,0,.2,1)}
.pc-img .img-hover{position:absolute;inset:0;opacity:0;z-index:1}
.product-card:hover .pc-img .img-main{opacity:0}
.product-card:hover .pc-img .img-hover{opacity:1;transform:scale(1.08)}
.product-card:hover .pc-img .img-main{transform:scale(1.08)}

/* Refined Header for inner pages */
.navbar-st.nav-filled{background:rgba(255,255,255,0.98);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-bottom:1px solid var(--border);padding:.9rem 0;box-shadow:var(--sh-sm);color:var(--text)}
.navbar-st.nav-filled .nav-logo, .navbar-st.nav-filled .nav-links a, .navbar-st.nav-filled .nav-icon, .navbar-st.nav-filled .nav-ham span{color:var(--deep);border-color:var(--border)}

.pc-badges{position:absolute;top:12px;left:12px;display:flex;flex-direction:column;gap:6px;z-index:2}
.badge-sale{background:var(--secondary);color:var(--deep);font-size:.65rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:4px 10px;border-radius:var(--r-full)}
.badge-new{background:var(--primary);color:var(--white);font-size:.65rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:4px 10px;border-radius:var(--r-full)}
.pc-actions{position:absolute;bottom:0;left:0;right:0;background:rgba(255,255,255,.95);backdrop-filter:blur(5px);padding:1rem;display:flex;gap:.5rem;transform:translateY(100%);transition:var(--tr);border-top:1px solid var(--border);z-index:3}
.product-card:hover .pc-actions{transform:translateY(0)}
.pc-actions .btn-lux{flex:1;justify-content:center;padding:.65rem 1rem;font-size:.75rem}
.pc-info{padding:1.2rem 1.4rem 1.4rem}
.pc-cat{font-size:.7rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--accent);margin-bottom:.4rem}
.pc-name{font-family:var(--font-h);font-size:1rem;font-weight:600;color:var(--text);margin-bottom:.5rem;transition:var(--tr-f)}
.product-card:hover .pc-name{color:var(--primary)}
.pc-price{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
.price-now{font-family:var(--font-h);font-size:1.1rem;font-weight:700;color:var(--primary)}
.price-was{font-size:.85rem;color:var(--text-light);text-decoration:line-through}
.pc-rating{display:flex;align-items:center;gap:4px;margin-top:.5rem}
.star{color:#f5c518;font-size:.75rem}.star-e{color:#ddd;font-size:.75rem}.rating-ct{font-size:.72rem;color:var(--text-light)}
/* Collections */
.coll-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}
.coll-card{position:relative;border-radius:var(--r-md);overflow:hidden;aspect-ratio:3/4;cursor:pointer;display:block;background:var(--light-accent)}
.coll-placeholder{width:100%;height:100%;background:linear-gradient(135deg, var(--light-accent), var(--gray));transition:var(--tr)}
.coll-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.coll-card:hover .coll-placeholder{transform:scale(1.08);background:var(--gray)}
.coll-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(45,27,54,0.6) 0%,transparent 60%);display:flex;flex-direction:column;justify-content:flex-end;padding:2rem;transition:var(--tr);z-index:2}
.coll-card:hover .coll-overlay{background:linear-gradient(to top,var(--primary) 0%,rgba(93,60,100,0.5) 60%)}
.coll-title{font-family:var(--font-m);font-size:1.4rem;font-weight:700;color:white;margin-bottom:.3rem;text-transform:uppercase;letter-spacing:1px}
.coll-count{font-size:.8rem;color:rgba(255,255,255,0.8);font-weight:500;letter-spacing:1px;text-transform:uppercase}
.coll-arrow{position:absolute;top:50%;right:2rem;transform:translateY(-50%) translateX(20px);width:45px;height:45px;border-radius:50%;background:white;color:var(--deep);display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--tr);z-index:3;box-shadow:var(--sh-md)}
.coll-card:hover .coll-arrow{opacity:1;transform:translateY(-50%) translateX(0)}
/* Sale Banner */
.sale-banner{background:var(--grad-d);position:relative;overflow:hidden;padding:5rem 0}
.sale-banner::before{content:'';position:absolute;top:-50%;right:-10%;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(245,158,81,.2) 0%,transparent 70%)}
.countdown{display:flex;gap:1.5rem;margin:2rem 0;flex-wrap:wrap}
.cd-item{text-align:center;background:var(--white);border:1.5px solid var(--border);border-radius:var(--r-md);padding:1rem 1.5rem;min-width:80px;box-shadow:var(--sh-sm)}
.cd-num{display:block;font-family:var(--font-h);font-size:2rem;font-weight:700;color:var(--primary);line-height:1}
.cd-label{font-size:.65rem;letter-spacing:2px;text-transform:uppercase;color:var(--text-light);margin-top:.3rem}
/* Testimonials */
.testi-card{background:var(--white);border-radius:var(--r-sm);padding:2rem 2.2rem;box-shadow:none;border:1px solid var(--border);transition:var(--tr);height:100%}
.testi-card:hover{transform:translateY(-4px);box-shadow:var(--sh-md)}
.testi-stars{display:flex;gap:4px;margin-bottom:1rem;color:var(--primary);font-size:1rem}
.testi-text{font-size:.95rem;color:var(--text);font-weight:400;font-style:italic;line-height:1.8;margin-bottom:1.5rem}
.testi-author{display:flex;align-items:center;gap:1rem}
.testi-av{width:46px;height:46px;border-radius:50%;background:var(--grad-p);display:flex;align-items:center;justify-content:center;color:white;font-family:var(--font-h);font-size:1.1rem;font-weight:700;flex-shrink:0}
.testi-name{font-family:var(--font-h);font-weight:600;font-size:.9rem}.testi-loc{font-size:.78rem;color:var(--accent)}
/* Newsletter */
.nl-section{background:var(--grad-d);position:relative;overflow:hidden;padding:5rem 0;border-top:1px solid var(--border);background-image: radial-gradient(circle at 20% 50%, rgba(93,60,100,0.03) 0%, transparent 50%)}
.nl-section::before{display:none}

.nl-form{display:flex;width:100%;max-width:500px;background:var(--white);border:1.5px solid var(--border);border-radius:var(--r-full);overflow:hidden;padding:5px;box-shadow:var(--sh-md)}
.nl-input{flex:1;background:none;border:none;outline:none;color:var(--text);font-family:var(--font-b);font-size:.9rem;padding:.7rem 1.2rem}
.nl-input::placeholder{color:var(--text-light);opacity:0.6}
.nl-btn{background:var(--grad-l);color:white;border:none;border-radius:var(--r-full);padding:.7rem 1.8rem;font-family:var(--font-h);font-size:.78rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:var(--tr)}
.nl-btn:hover{opacity:.9;transform:scale(1.02)}
/* Footer */
.footer{background:var(--white);padding:6rem 0 3rem;border-top:1px solid var(--border);font-family:var(--font-m)}
.foot-logo{font-family:var(--font-h);font-size:1.8rem;font-weight:800;letter-spacing:5px;text-transform:uppercase;color:var(--deep);margin-bottom:1.5rem}
.foot-logo span{color:var(--secondary)}
.foot-desc{font-size:.9rem;color:var(--text-light);margin-bottom:2rem;line-height:1.8;font-weight:400;max-width:280px}
.foot-social{display:flex;gap:1rem;margin-top:1.5rem}
.foot-social a{width:40px;height:40px;border:1px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--deep);transition:var(--tr)}
.foot-social a:hover{background:var(--deep);color:var(--white);border-color:var(--deep);transform:translateY(-3px)}
.foot-heading{font-family:var(--font-h);font-size:.85rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--deep);margin-bottom:1.8rem}
.foot-links a{display:block;color:var(--text-light);font-size:.9rem;margin-bottom:.8rem;transition:var(--tr)}
.foot-links a:hover{color:var(--secondary);transform:translateX(5px)}
.foot-contact-item{display:flex;align-items:flex-start;gap:.8rem;margin-bottom:.8rem;font-size:.88rem}
.foot-contact-item i{color:var(--lavender);margin-top:3px;width:16px;flex-shrink:0}
.foot-divider{border:none;border-top:1px solid var(--border);margin:4rem 0 2rem}
.foot-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.5rem}
.foot-copy{font-size:.85rem;color:var(--text-light)}
.pay-icons{display:flex;gap:.5rem;align-items:center}
.pay-tag{background:var(--gray);border-radius:6px;padding:4px 10px;font-size:.72rem;font-weight:600;color:var(--text-light)}
/* Cart Drawer */
.cart-overlay{position:fixed;inset:0;background:rgba(74,62,42,.4);backdrop-filter:blur(5px);z-index:2000;opacity:0;pointer-events:none;transition:var(--tr)}
.cart-overlay.open{opacity:1;pointer-events:all}
.cart-drawer{position:fixed;top:0;right:-440px;width:440px;height:100vh;background:var(--white);z-index:2001;display:flex;flex-direction:column;box-shadow:var(--sh-xl);transition:var(--tr);border-left:1px solid var(--border)}
.cart-drawer.open{right:0}
.cd-header{padding:1.5rem 2rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:var(--off-white);color:var(--deep)}
.cd-title{font-family:var(--font-h);font-size:1.1rem;font-weight:700}
.cd-close{width:36px;height:36px;border-radius:50%;background:var(--gray);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--tr-f);color:var(--deep)}
.cd-close:hover{background:var(--secondary);color:var(--deep)}
.cd-items{flex:1;overflow-y:auto;padding:1.5rem 2rem}
.cart-item-row{display:flex;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--border);align-items:center}
.ci-img{width:72px;height:88px;border-radius:var(--r-sm);overflow:hidden;flex-shrink:0;background:var(--gray)}
.ci-img img{width:100%;height:100%;object-fit:cover}
.ci-info{flex:1}
.ci-name{font-family:var(--font-h);font-size:.9rem;font-weight:600;margin-bottom:.3rem}
.ci-size{font-size:.78rem;color:var(--text-light);margin-bottom:.5rem}
.ci-price{font-weight:700;color:var(--primary);font-size:.95rem}
.qty-ctrl{display:flex;align-items:center;gap:.6rem;margin-top:.5rem}
.qty-b{width:28px;height:28px;border-radius:50%;border:1px solid var(--border);background:white;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:var(--tr-f)}
.qty-b:hover{background:var(--primary);color:white;border-color:var(--primary)}
.qty-v{font-family:var(--font-h);font-weight:600;min-width:20px;text-align:center}
.ci-rm{background:none;border:none;color:var(--accent);cursor:pointer;font-size:.85rem;padding:4px;transition:var(--tr-f)}
.ci-rm:hover{color:#e74c3c}
.cd-footer{padding:1.5rem 2rem;border-top:1px solid var(--border);background:var(--white)}
.cd-total-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}
.cd-total-label{font-size:.85rem;color:var(--text-light)}
.cd-total-val{font-family:var(--font-h);font-size:1.3rem;font-weight:700;color:var(--primary)}
.cd-empty{text-align:center;padding:3rem 1rem;color:var(--text-light)}
.cd-empty i{font-size:3rem;color:var(--border);display:block;margin-bottom:1rem}
/* Page Header */
.page-hdr{background:var(--grad-p);padding:8rem 0 3rem;text-align:center;position:relative;overflow:hidden;border-bottom:1px solid var(--border)}
.page-hdr::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle at 30% 50%,rgba(255,255,255,.05) 0%,transparent 60%)}
.page-hdr-title{font-size:clamp(1.8rem,4vw,3rem);color:white;font-family:var(--font-m);font-weight:800;position:relative;text-transform:uppercase;letter-spacing:3px}
.page-hdr-sub{color:rgba(255,255,255,0.7);font-size:.9rem;font-weight:400;margin-top:.5rem;position:relative;letter-spacing:1px}
/* Breadcrumb */
.breadcr{background:var(--off-white);padding:.8rem 0;border-bottom:1px solid var(--border)}
.breadcr-list{display:flex;align-items:center;gap:.5rem;font-size:.82rem;flex-wrap:wrap}
.breadcr-list a{color:var(--accent)}.breadcr-list a:hover{color:var(--primary)}
.breadcr-sep{color:var(--border)}.breadcr-cur{color:var(--text-light);font-weight:500}
/* Forms */
.form-group{margin-bottom:1.3rem}
.form-lbl{display:block;font-size:.82rem;font-weight:600;letter-spacing:.5px;color:var(--text);margin-bottom:.5rem;text-transform:uppercase;font-family:var(--font-h)}
.form-ctrl{width:100%;padding:.9rem 1.2rem;border:1.5px solid var(--border);border-radius:var(--r-sm);font-family:var(--font-b);font-size:.9rem;color:var(--text);background:var(--white);transition:var(--tr-f);outline:none}
.form-ctrl:focus{border-color:var(--secondary);box-shadow:0 0 0 4px rgba(245,158,81,.1)}
.form-ctrl::placeholder{color:var(--text-light);font-weight:300}
select.form-ctrl{cursor:pointer}
/* Auth */
.auth-page{min-height:100vh;background:#f9f9f8;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative}
.auth-page::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle at 20% 80%,rgba(191,155,48,.03) 0%,transparent 50%)}
.auth-card{position:relative;background:var(--white);border:1px solid var(--border);border-radius:var(--r-sm);padding:3.5rem 2.5rem;width:100%;max-width:460px;box-shadow:var(--sh-md)}
.auth-logo-text{font-family:var(--font-h);font-size:2rem;font-weight:800;letter-spacing:6px;text-transform:uppercase;color:var(--deep);text-align:center;display:block;margin-bottom:2rem}
.auth-logo-text span{color:var(--secondary)}
.auth-title{font-family:var(--font-h);font-size:1.6rem;font-weight:700;color:var(--deep);text-align:center;margin-bottom:.4rem;text-transform:uppercase}
.auth-sub{text-align:center;font-size:.88rem;color:var(--text-light);margin-bottom:2rem;font-weight:400}
.auth-lbl{display:block;font-size:.78rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--deep);margin-bottom:.4rem;font-family:var(--font-h)}
.auth-input{width:100%;padding:.9rem 1.2rem;background:var(--white);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text);font-family:var(--font-b);font-size:.9rem;transition:var(--tr-f);outline:none;margin-bottom:1.2rem;display:block}
.auth-input:focus{border-color:var(--deep)}
.auth-input::placeholder{color:#aaa}
.auth-link{color:var(--secondary);font-weight:600}.auth-link:hover{color:var(--deep)}
/* Product Detail */
.gallery-main{border-radius:var(--r-md);overflow:hidden;aspect-ratio:4/5;margin-bottom:1rem;background:var(--gray)}
.gallery-main img{width:100%;height:100%;object-fit:cover}
.gallery-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem}
.g-thumb{aspect-ratio:1;border-radius:var(--r-sm);overflow:hidden;cursor:pointer;border:2px solid transparent;transition:var(--tr-f)}
.g-thumb.active{border-color:var(--primary)}
.g-thumb img{width:100%;height:100%;object-fit:cover}
.pd-cat{font-size:.75rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--accent);margin-bottom:.8rem}
.pd-name{font-family:var(--font-h);font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700;margin-bottom:.8rem;line-height:1.1}
.pd-price{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}
.pd-price-now{font-family:var(--font-h);font-size:2rem;font-weight:700;color:var(--primary)}
.pd-price-was{font-size:1.2rem;color:var(--text-light);text-decoration:line-through}
.pd-badge{background:var(--grad-p);color:white;font-size:.75rem;font-weight:700;padding:4px 12px;border-radius:var(--r-full)}
.sizes-wrap{display:flex;gap:.7rem;flex-wrap:wrap;margin:0 0 1.5rem}
.size-opt{padding:.5rem 1.2rem;border-radius:var(--r-full);border:1.5px solid var(--border);font-family:var(--font-h);font-size:.82rem;font-weight:600;cursor:pointer;transition:var(--tr-f);background:white;color:var(--text)}
.size-opt.active,.size-opt:hover{border-color:var(--primary);background:var(--primary);color:white}
.pd-actions{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap;align-items:center}
.qty-lg{display:flex;align-items:center;gap:.8rem;border:1.5px solid var(--border);border-radius:var(--r-full);padding:.5rem 1rem}
.qty-b-lg{width:32px;height:32px;border-radius:50%;border:none;background:var(--gray);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--tr-f)}
.qty-b-lg:hover{background:var(--primary);color:white}
.pd-meta{padding-top:1.5rem;border-top:1px solid var(--border);margin-top:1rem}
.pd-meta-item{display:flex;gap:.8rem;align-items:center;margin-bottom:.7rem;font-size:.88rem;color:var(--text-light)}
.pd-meta-item i{color:var(--accent);width:18px}
.pd-meta-item strong{color:var(--text)}
.tab-nav{display:flex;border-bottom:2px solid var(--border);margin-bottom:1.5rem;gap:0;overflow-x:auto}
.tab-btn{padding:1rem 1.5rem;font-family:var(--font-h);font-size:.82rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--text-light);border:none;background:none;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:var(--tr-f);white-space:nowrap}
.tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}
.tab-pane{display:none}.tab-pane.active{display:block}
/* Cart Page */
.cart-tbl{width:100%;border-collapse:collapse}
.cart-tbl th{font-family:var(--font-h);font-size:.75rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--text-light);padding:1.2rem 1.5rem;border-bottom:1px solid var(--border);background:var(--off-white)}
.cart-tbl td{padding:1.2rem 1.5rem;border-bottom:1px solid var(--border);vertical-align:middle}
.summary-card{background:var(--white);border-radius:var(--r-sm);padding:2rem;box-shadow:none;position:sticky;top:100px;border:1px solid var(--border)}
.summary-row{display:flex;justify-content:space-between;align-items:center;padding:.7rem 0;font-size:.9rem;border-bottom:1px solid var(--border)}
.summary-row:last-child{border-bottom:none}
.summary-row.total{font-family:var(--font-h);font-size:1.1rem;font-weight:700;padding-top:1rem;color:var(--primary)}
.coupon-form{display:flex;border:1.5px solid var(--border);border-radius:var(--r-sm);overflow:hidden;margin-bottom:1.5rem}
.coupon-input{flex:1;border:none;outline:none;padding:.8rem 1rem;font-family:var(--font-b);font-size:.88rem}
.coupon-btn{background:var(--primary);color:white;border:none;padding:.8rem 1.2rem;font-family:var(--font-h);font-size:.78rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:var(--tr-f)}
.coupon-btn:hover{background:var(--secondary)}
/* Checkout Payment */
.pay-opts{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:.7rem}
.pay-opt{position:relative}
.pay-opt input[type=radio]{position:absolute;opacity:0}
.pay-lbl{display:flex;align-items:center;gap:1rem;padding:1rem 1.2rem;border:1.5px solid var(--border);border-radius:var(--r-sm);cursor:pointer;transition:var(--tr-f)}
.pay-opt input[type=radio]:checked+.pay-lbl{border-color:var(--primary);background:rgba(185,150,104,.1)}
.pay-icon-wrap{width:42px;height:42px;border-radius:var(--r-sm);background:var(--gray);display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}
.pay-name{font-family:var(--font-h);font-size:.88rem;font-weight:600}
.pay-sub{font-size:.75rem;color:var(--text-light)}
/* Account */
.acct-sidebar{background:var(--white);border-radius:var(--r-sm);overflow:hidden;box-shadow:none;position:sticky;top:100px;border:1px solid var(--border)}
.acct-user{padding:2.5rem;background:var(--white);border-bottom:1px solid var(--border);text-align:center}
.acct-av{width:80px;height:80px;border-radius:50%;background:var(--gray);display:flex;align-items:center;justify-content:center;font-family:var(--font-h);font-size:2rem;font-weight:800;color:var(--deep);margin:0 auto 1rem}
.acct-name{color:var(--deep);font-family:var(--font-h);font-weight:700;font-size:1.1rem;text-transform:uppercase;letter-spacing:1px}
.acct-email{color:var(--text-light);font-size:.85rem}
.acct-nav{padding:1rem 0}
.acct-nav a{display:flex;align-items:center;gap:12px;padding:1.1rem 2rem;color:var(--text-light);font-size:.9rem;font-weight:500;transition:var(--tr);border-bottom:1px solid var(--border);border-left:3px solid transparent}
.acct-nav a i{width:20px;text-align:center;color:var(--secondary)}
.acct-nav a:hover,.acct-nav a.active{background:var(--off-white);color:var(--deep);border-left-color:var(--secondary);padding-left:2.3rem}
.acct-nav a.logout{color:#dc3545}
/* Status Badges */
.st-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:var(--r-full);font-size:.72rem;font-weight:700;text-transform:capitalize}
.st-pending{background:rgba(138,114,76,.15);color:#8A724C}
.st-processing{background:rgba(185,150,104,.12);color:#8A724C}
.st-shipped{background:rgba(138,114,76,.08);color:#8A724C}
.st-delivered{background:rgba(185,150,104,.2);color:#4A3E2A}
.st-cancelled{background:rgba(220,53,69,.12);color:#dc3545}
/* Toast */
.toast-wrap{position:fixed;top:100px;right:1.5rem;z-index:9999;display:flex;flex-direction:column;gap:.8rem;pointer-events:none}
.toast-msg{background:white;border-radius:var(--r-sm);padding:1rem 1.5rem;box-shadow:var(--sh-lg);border-left:4px solid var(--primary);display:flex;align-items:center;gap:.8rem;font-size:.88rem;transform:translateX(120%);opacity:0;transition:var(--tr);pointer-events:all;max-width:320px}
.toast-msg.show{transform:translateX(0);opacity:1}
.toast-msg.success{border-left-color:#198754}.toast-msg.error{border-left-color:#dc3545}
/* Back to Top */
.btt{position:fixed;bottom:2rem;right:2rem;width:44px;height:44px;border-radius:50%;background:var(--primary);color:var(--white);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--sh-md);opacity:0;pointer-events:none;transform:translateY(10px);transition:var(--tr);z-index:500}
.btt.visible{opacity:1;pointer-events:all;transform:translateY(0)}
.btt:hover{transform:translateY(-3px)}
/* Flash Messages */
.flash{padding:1rem 1.5rem;border-radius:var(--r-sm);font-size:.9rem;margin-bottom:1rem;display:flex;align-items:center;gap:.7rem}
.flash-ok{background:rgba(46,213,115,.1);border:1px solid rgba(46,213,115,.3);color:#1a7f4a}
.flash-err{background:rgba(231,76,60,.1);border:1px solid rgba(231,76,60,.3);color:#c0392b}
/* Brand Stats */
.brand-stat{text-align:center;padding:1.5rem;border-radius:var(--r-md);background:var(--off-white)}
.brand-stat-num{font-family:var(--font-h);font-size:2.5rem;font-weight:800;background:var(--grad-p);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.brand-stat-label{font-size:.8rem;color:var(--text-light);margin-top:.3rem}
/* Review Stars */
.review-card{border:1px solid var(--border);border-radius:var(--r-md);padding:1.5rem;margin-bottom:1rem}
.review-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.8rem;flex-wrap:wrap;gap:.5rem}
.review-author{font-family:var(--font-h);font-weight:600;font-size:.9rem}
.review-date{font-size:.78rem;color:var(--text-light)}
.review-title{font-weight:600;margin-bottom:.4rem}
.review-body{font-size:.9rem;color:var(--text-light);font-weight:300;line-height:1.7}
/* Product Empty State */
.empty-state{text-align:center;padding:5rem 2rem;color:var(--text-light)}
.empty-state i{font-size:4rem;color:var(--border);margin-bottom:1.5rem;display:block}
.empty-state h3{font-family:var(--font-h);font-size:1.5rem;margin-bottom:.5rem;color:var(--text)}
/* Coming Soon Styling */
.pc-coming-soon{position:absolute;inset:0;background:rgba(45,27,54,0.4);backdrop-filter:blur(2px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:4;opacity:0;transition:var(--tr)}
.product-card:hover .pc-coming-soon{opacity:1}
.cs-badge{background:var(--white);color:var(--deep);padding:.6rem 1.2rem;border-radius:var(--r-full);font-family:var(--font-m);font-size:.7rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;box-shadow:var(--sh-md);transform:translateY(10px);transition:var(--tr)}
.product-card:hover .cs-badge{transform:translateY(0)}
.cs-text{color:white;font-size:.85rem;font-weight:300;margin-top:.8rem;opacity:0;transition:var(--tr);transition-delay:.1s}
.product-card:hover .cs-text{opacity:1}
/* Responsive */
@media(max-width:1024px){.coll-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:992px){.nav-links{display:none}.nav-ham{display:flex}.product-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:768px){
    .nav-wrap{padding:0 1.2rem}
    .hero-content{padding:0 6vw;max-width:100%}
    .hero-title{font-size:clamp(1.8rem,8vw,2.8rem);line-height:1.2}
    .hero-desc{font-size:.95rem;margin-bottom:2rem}
    .cart-drawer{width:100%;right:-100%}
    .pay-opts{grid-template-columns:1fr}
    .product-grid{grid-template-columns:repeat(2,1fr)}
    .coll-grid{grid-template-columns:repeat(2,1fr)}
    .scroll-hint{display:none}
}
@media(max-width:480px){
    .nav-logo img{height:32px!important}
    .nav-icon{width:36px;height:36px;font-size:1rem;gap:.8rem}
    .nav-actions{gap:.8rem}
    .hero-title{font-size:2rem}
    .hero-btns{gap:.8rem}.btn-lux{padding:.8rem 1.6rem;font-size:.78rem}
    .product-grid{grid-template-columns:1fr}
    .countdown{gap:.8rem}.cd-item{padding:.7rem .8rem;min-width:60px}.cd-num{font-size:1.4rem}
    .trust-strip{padding:1.5rem}
}
[data-aos]{pointer-events:none}[data-aos].aos-animate{pointer-events:auto}