:root {
  --obsidian: #0D0B0F; --champagne: #E8D5B0; --gold: #C9A882;
  --cream: #F7F2EC; --dark2: #1A1720; --dark3: #242030; --muted: #7a7580;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Inter',sans-serif;background:var(--obsidian);color:var(--cream);overflow-x:hidden}

/* ── NAV ── */
/* ── PROMO MARQUEE ── */
.promo-marquee{position:fixed;top:0;left:0;right:0;z-index:101;height:2.15rem;background:#000;border-bottom:1px solid rgba(201,168,130,.16);overflow:hidden;display:flex;align-items:center;white-space:nowrap}
.promo-marquee-track{display:inline-flex;align-items:center;animation:marqueeScroll 20s linear infinite}
.promo-marquee-item{display:inline-flex;align-items:center;gap:.55rem;padding:0 2.4rem;font-size:.65rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);flex-shrink:0}
.promo-marquee-item svg{width:12px;height:12px;flex-shrink:0}
@keyframes marqueeScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.promo-marquee.promo-static{justify-content:center}
.promo-static .promo-marquee-item{max-width:100%;transition:opacity .3s ease,transform .3s ease}
.promo-static .promo-marquee-item.promo-out{opacity:0;transform:translateY(-6px)}
.promo-static .promo-discount-text{overflow:hidden;text-overflow:ellipsis}

nav{position:fixed;top:2.15rem;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1.2rem 3rem;background:rgba(13,11,15,.88);backdrop-filter:blur(14px);border-bottom:1px solid rgba(201,168,130,.14)}
.nav-logo{font-family:'Cormorant Garant',serif;font-size:1.55rem;font-weight:600;letter-spacing:.12em;color:var(--champagne)}
.nav-logo span{color:var(--gold)}
.nav-links{display:flex;align-items:center;gap:.15rem;background:rgba(255,255,255,.025);border:1px solid rgba(201,168,130,.16);border-radius:999px;padding:.32rem}
.nav-links a{font-size:.7rem;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);text-decoration:none;transition:all .2s;padding:.6rem 1.35rem;border-radius:999px;border:1px solid transparent;white-space:nowrap}
.nav-links a:hover{color:var(--champagne)}
.nav-links a.active{color:var(--gold);border-color:rgba(201,168,130,.4);background:rgba(201,168,130,.09)}
.nav-right{display:flex;align-items:center;gap:1rem}
.cart-icon-btn{position:relative;background:transparent;border:none;color:var(--muted);cursor:pointer;font-family:'Inter',sans-serif;font-size:.73rem;letter-spacing:.12em;text-transform:uppercase;transition:color .2s;display:flex;align-items:center;gap:.35rem}
.cart-icon-btn:hover{color:var(--champagne)}
.cart-count{position:absolute;top:-6px;right:-8px;background:var(--gold);color:var(--obsidian);font-size:.58rem;font-weight:700;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.nav-cta{background:var(--gold);color:var(--obsidian);border:none;padding:.52rem 1.35rem;font-family:'Inter',sans-serif;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:500;cursor:pointer;transition:background .2s}
.nav-cta:hover{background:var(--champagne)}

/* ── HERO ── */
.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding-top:7.15rem}
.hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 60% 40%,rgba(201,168,130,.12) 0%,transparent 70%),radial-gradient(ellipse 40% 50% at 20% 70%,rgba(139,158,138,.07) 0%,transparent 60%),var(--obsidian)}
.hero-content{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;max-width:1100px;margin:0 auto;padding:0 3rem;width:100%}
.hero-eyebrow{font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:1.4rem;display:flex;align-items:center;gap:1rem}
.hero-eyebrow::before{content:'';display:block;width:2.5rem;height:1px;background:var(--gold)}
.hero-title{font-family:'Cormorant Garant',serif;font-size:clamp(2.8rem,5.5vw,5.2rem);font-weight:300;line-height:1.06;color:var(--cream);margin-bottom:.5rem}
.hero-title em{font-style:italic;color:var(--champagne)}
.hero-tagline{font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:2rem;margin-top:.4rem}
.hero-desc{font-size:.88rem;line-height:1.85;color:var(--muted);max-width:380px;margin-bottom:2.4rem}
.hero-actions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}
.btn-primary{background:var(--gold);color:var(--obsidian);border:none;padding:.82rem 1.9rem;font-family:'Inter',sans-serif;font-size:.73rem;letter-spacing:.14em;text-transform:uppercase;font-weight:500;cursor:pointer;transition:background .2s}
.btn-primary:hover{background:var(--champagne)}
.btn-ghost{background:transparent;color:var(--champagne);border:1px solid rgba(232,213,176,.3);padding:.82rem 1.9rem;font-family:'Inter',sans-serif;font-size:.73rem;letter-spacing:.14em;text-transform:uppercase;font-weight:500;cursor:pointer;transition:all .2s}
.btn-ghost:hover{border-color:var(--champagne);color:var(--cream)}
.hero-visual{display:flex;align-items:center;justify-content:center;position:relative}
.bottle-glow{position:absolute;width:270px;height:270px;background:radial-gradient(circle,rgba(201,168,130,.17) 0%,transparent 70%);border-radius:50%;animation:pulse 4s ease-in-out infinite}
@keyframes pulse{0%,100%{transform:scale(1);opacity:.7}50%{transform:scale(1.14);opacity:1}}
.bottle-svg{position:relative;z-index:2;filter:drop-shadow(0 20px 55px rgba(201,168,130,.28));animation:float 6s ease-in-out infinite}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}

/* ── HOME: SHOP BY CATEGORY ── */
.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0;margin-top:2rem}
.category-card{position:relative;aspect-ratio:3/4;overflow:hidden;cursor:pointer;background-color:var(--dark3);background-size:cover;background-position:center;border:none;transition:transform .3s}
.category-card:hover{transform:translateY(-5px)}
.category-card::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 15%,rgba(201,168,130,.12),transparent 60%)}
.category-card-inner{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:1.7rem;background:linear-gradient(to top,rgba(13,11,15,.85) 15%,transparent 70%)}
.category-card-name{font-family:'Cormorant Garant',serif;font-size:1.8rem;font-weight:400;color:var(--cream)}
.category-card-count{font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-top:.35rem}

/* ── TESTIMONIALS ── */
.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-top:2.4rem}
.testimonial-card{position:relative;background:var(--dark2);border:1px solid rgba(201,168,130,.12);padding:1.9rem 1.7rem;min-height:190px;display:flex;flex-direction:column;justify-content:space-between}
.testimonial-stars{color:var(--gold);font-size:.85rem;letter-spacing:.15em;margin-bottom:1rem}
.testimonial-quote-mark{position:absolute;top:1.2rem;right:1.4rem;font-family:'Cormorant Garant',serif;font-size:2.4rem;color:rgba(201,168,130,.18);line-height:1}
.testimonial-text{font-family:'Cormorant Garant',serif;font-style:italic;font-size:1.08rem;color:var(--cream);line-height:1.5;flex:1}
.testimonial-name{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-top:1.4rem;font-weight:500}
.testimonial-dots{display:flex;justify-content:center;gap:.5rem;margin-top:2rem}
.testimonial-dot{width:7px;height:7px;border-radius:50%;background:rgba(201,168,130,.3);cursor:pointer;transition:background .2s,transform .2s;border:none;padding:0}
.testimonial-dot.active{background:var(--gold);transform:scale(1.25)}
@media(max-width:780px){.testimonial-grid{grid-template-columns:1fr}}

/* ── DIVIDER ── */
.divider{display:flex;align-items:center;gap:1.5rem;max-width:1100px;margin:0 auto;padding:0 3rem}
.divider-line{flex:1;height:1px;background:rgba(201,168,130,.18)}
.divider-diamond{width:6px;height:6px;background:var(--gold);transform:rotate(45deg)}

/* ── SECTIONS ── */
section{padding:5.5rem 3rem;max-width:1100px;margin:0 auto}
#about,#contact{scroll-margin-top:8.5rem}
.section-label{font-size:.67rem;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-bottom:.9rem;display:flex;align-items:center;gap:.75rem}
.section-label::after{content:'';flex:1;height:1px;background:rgba(201,168,130,.22);max-width:60px}
.section-title{font-family:'Cormorant Garant',serif;font-size:clamp(1.9rem,3.8vw,2.9rem);font-weight:300;line-height:1.15;color:var(--cream);margin-bottom:.9rem}
.section-title em{font-style:italic;color:var(--champagne)}

/* ── CATALOG ── */
#catalog{max-width:1200px}
.catalog-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:2.8rem;flex-wrap:wrap;gap:1rem}
.catalog-filters{display:flex;gap:.45rem;flex-wrap:wrap}
.filter-btn{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border:1px solid rgba(201,168,130,.18);background:transparent;padding:.42rem .95rem;cursor:pointer;font-family:'Inter',sans-serif;transition:all .2s}
.filter-btn.active,.filter-btn:hover{color:var(--champagne);border-color:var(--gold);background:rgba(201,168,130,.07)}
.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:2px}

/* ── AUTO-SCROLLING BEST SELLERS MARQUEE (kicks in when there are more than 4 items) ── */
.product-grid.marquee-wrap{display:block}
.marquee-wrap{overflow:hidden;position:relative;transform:translateZ(0)}
.marquee-track{display:flex;width:max-content;gap:2px;animation:marqueeScroll linear infinite;will-change:transform;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;perspective:1000px}
.marquee-wrap:hover .marquee-track{animation-play-state:paused}
.marquee-track .product-card{flex:0 0 270px;width:270px;transform:translateZ(0);backface-visibility:hidden}
@keyframes marqueeScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.product-card{background:var(--dark2);position:relative;overflow:hidden;transition:transform .3s;transform:translateZ(0);backface-visibility:hidden}
.product-card:hover{transform:translateY(-4px) translateZ(0)}
.card-image-wrap{position:relative;cursor:pointer}
.card-image-wrap:hover .card-overlay{opacity:1}
.product-img-placeholder{width:100%;aspect-ratio:3/4;background:linear-gradient(135deg,var(--dark3) 0%,#1e1b2a 100%);display:flex;align-items:center;justify-content:center}
.product-card img.card-img{width:100%;aspect-ratio:3/4;object-fit:contain;display:block;background:var(--dark3);transform:translateZ(0);backface-visibility:hidden;image-rendering:-webkit-optimize-contrast}
.card-overlay{position:absolute;inset:0;background:rgba(13,11,15,.58);opacity:0;transition:opacity .3s;display:flex;align-items:center;justify-content:center;pointer-events:none}
.card-overlay-btn{background:var(--gold);color:var(--obsidian);border:none;padding:.72rem 1.65rem;font-family:'Inter',sans-serif;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;font-weight:500;cursor:pointer;pointer-events:auto}
.card-body{padding:1.2rem 1.45rem}
.card-brand{font-size:.63rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:.32rem}
.card-name{font-family:'Cormorant Garant',serif;font-size:1.28rem;font-weight:400;color:var(--cream);margin-bottom:.22rem;cursor:pointer}
.card-type{font-size:.7rem;color:var(--muted);margin-bottom:.9rem}
.card-sizes{display:flex;gap:.38rem;flex-wrap:wrap;margin-bottom:.9rem}
.size-chip{font-size:.63rem;letter-spacing:.08em;border:1px solid rgba(201,168,130,.22);color:var(--muted);padding:.28rem .58rem;cursor:pointer;transition:all .15s;background:transparent;font-family:'Inter',sans-serif}
.size-chip:hover,.size-chip.selected{border-color:var(--gold);color:var(--champagne);background:rgba(201,168,130,.08)}
.size-select-wrap{margin-bottom:.9rem;position:relative;z-index:2}
.size-select{width:100%;background:rgba(247,242,236,.04);border:1px solid rgba(201,168,130,.28);color:var(--cream);padding:.6rem .8rem;font-size:.76rem;font-family:'Inter',sans-serif;cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='7'><path d='M0 0L5 6L10 0' fill='none' stroke='%23C9A882' stroke-width='1.3'/></svg>");background-repeat:no-repeat;background-position:right .85rem center;transition:border-color .2s;position:relative;z-index:2}
.size-select:hover,.size-select:focus{border-color:var(--gold)}
.size-select option{background:var(--dark3);color:var(--cream)}
.card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:.9rem;padding-top:.9rem;border-top:1px solid rgba(201,168,130,.09);position:relative;z-index:2}
.card-price{font-family:'Cormorant Garant',serif;font-size:1.35rem;font-weight:300;color:var(--champagne)}
.card-price span{font-size:.75rem;color:var(--muted)}
.add-to-cart{font-size:.67rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);background:transparent;border:none;cursor:pointer;font-family:'Inter',sans-serif;font-weight:500;transition:color .2s}
.add-to-cart:hover{color:var(--champagne)}
.out-of-stock-badge{position:absolute;top:.75rem;right:.75rem;background:#e53935;border:1px solid #ff6b60;color:#fff;font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.3rem .65rem;box-shadow:0 2px 8px rgba(229,57,53,.45)}

/* ── NAV ICONS (search / account / cart) ── */
.nav-icon-group{display:flex;align-items:center;gap:.15rem}
.nav-search-box{display:flex;align-items:center;background:var(--dark3);border:1px solid rgba(201,168,130,.22);overflow:hidden;transition:width .3s ease,opacity .3s ease,margin .3s ease;width:0;opacity:0;margin-right:0}
.nav-search-box.open{width:210px;opacity:1;margin-right:.5rem}
.nav-search-box input{background:transparent;border:none;color:var(--cream);padding:.55rem .8rem;font-size:.78rem;width:100%;outline:none;font-family:'Inter',sans-serif}
.nav-search-box input::placeholder{color:var(--muted)}
.nav-icon-btn{position:relative;background:transparent;border:none;color:var(--champagne);cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;transition:all .2s;font-size:1.05rem}
.nav-icon-btn:hover{background:rgba(201,168,130,.1);color:var(--gold)}
.nav-icon-badge{position:absolute;top:2px;right:2px;background:var(--gold);color:var(--obsidian);font-size:.58rem;font-weight:700;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1}

/* ── SEARCH OVERLAY ── */
.search-overlay{display:none;position:fixed;inset:0;z-index:400;background:rgba(13,11,15,.97);backdrop-filter:blur(6px);align-items:center;justify-content:center;padding:2rem}
.search-overlay.open{display:flex}
.search-overlay-close{position:absolute;top:1.8rem;right:2.2rem;background:transparent;border:none;color:var(--muted);cursor:pointer;font-size:1.7rem;line-height:1;transition:color .2s}
.search-overlay-close:hover{color:var(--champagne)}
.search-overlay-box{display:flex;align-items:center;width:100%;max-width:780px;border:1px solid rgba(201,168,130,.32);background:rgba(247,242,236,.03);border-radius:999px;padding:.3rem .3rem .3rem 1.9rem}
.search-overlay-box input{flex:1;background:transparent;border:none;outline:none;color:var(--cream);font-family:'Cormorant Garant',serif;font-size:1.5rem;font-weight:300;padding:.9rem 0}
.search-overlay-box input::placeholder{color:var(--muted)}
.search-overlay-submit{background:var(--gold);color:var(--obsidian);border:none;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.05rem;flex-shrink:0;transition:background .2s}
.search-overlay-submit:hover{background:var(--champagne)}

/* ── SHOP LAYOUT (sidebar filters) ── */
.shop-layout{display:grid;grid-template-columns:250px 1fr;gap:2.8rem;align-items:start;margin-top:1.5rem}
.shop-sidebar{position:sticky;top:8.35rem}
.sidebar-clear-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.7rem}
.sidebar-clear-label{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--champagne);font-weight:500}
.sidebar-clear-btn{background:transparent;border:none;color:var(--gold);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;font-family:'Inter',sans-serif;transition:color .2s;padding:.2rem 0}
.sidebar-clear-btn:hover{color:var(--champagne);text-decoration:underline}
.sidebar-block{margin-bottom:2.4rem;padding-bottom:2.2rem;border-bottom:1px solid rgba(201,168,130,.1)}
.sidebar-block:last-child{border-bottom:none}
.sidebar-title{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--champagne);font-weight:500;margin-bottom:1.1rem;font-family:'Inter',sans-serif}
.sidebar-check{display:flex;align-items:center;gap:.75rem;font-size:.85rem;color:var(--cream);padding:.5rem 0;cursor:pointer;transition:color .15s}
.sidebar-check:hover{color:var(--champagne)}
.sidebar-check input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:19px;height:19px;border:1.5px solid rgba(201,168,130,.4);border-radius:5px;background:transparent;cursor:pointer;flex-shrink:0;position:relative;transition:all .15s}
.sidebar-check input:hover{border-color:var(--gold)}
.sidebar-check input:checked{background:var(--gold);border-color:var(--gold)}
.sidebar-check input:checked::after{content:'';position:absolute;left:5px;top:1px;width:5px;height:9px;border:solid var(--obsidian);border-width:0 2px 2px 0;transform:rotate(45deg)}
.sidebar-check .scount{margin-left:auto;color:var(--muted);font-size:.7rem}
.brand-see-more{display:flex;align-items:center;gap:.55rem;color:var(--gold);cursor:pointer;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;margin-top:.3rem;font-family:'Inter',sans-serif;background:transparent;border:none;padding:.2rem 0}
.brand-see-more:hover{color:var(--champagne)}
.brand-see-more-icon{width:16px;height:16px;border-radius:50%;background:var(--gold);color:var(--obsidian);display:flex;align-items:center;justify-content:center;font-size:.7rem;flex-shrink:0;line-height:1}
.price-range-labels{display:flex;justify-content:space-between;font-size:.78rem;color:var(--muted);margin-bottom:.9rem}
.price-range-labels span{color:var(--cream)}
.price-slider-wrap{padding:0 2px}
.price-slider-wrap input[type=range]{width:100%;-webkit-appearance:none;appearance:none;height:3px;background:rgba(201,168,130,.25);border-radius:3px;outline:none;cursor:pointer;margin:0}
.price-slider-wrap input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--gold);cursor:pointer;box-shadow:0 0 0 2px rgba(13,11,15,.4)}
.price-slider-wrap input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--gold);cursor:pointer;border:none}
.sidebar-clear-all-btn{width:100%;background:var(--gold);color:var(--obsidian);border:none;padding:.85rem;font-family:'Inter',sans-serif;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600;cursor:pointer;transition:background .2s;border-radius:999px;margin-top:.5rem}
.sidebar-clear-all-btn:hover{background:var(--champagne)}
.brand-checklist{max-height:320px;overflow-y:auto;padding-right:.6rem}
.brand-checklist::-webkit-scrollbar{width:5px}
.brand-checklist::-webkit-scrollbar-track{background:transparent}
.brand-checklist::-webkit-scrollbar-thumb{background:rgba(201,168,130,.3);border-radius:3px}
.shop-main-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.8rem;flex-wrap:wrap;gap:1rem}
.results-count{font-size:.8rem;color:var(--muted)}
.shop-main-controls{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap}
.sort-select{background:var(--dark3);border:1px solid rgba(201,168,130,.2);color:var(--cream);padding:.52rem .8rem;font-size:.75rem;font-family:'Inter',sans-serif;outline:none;-webkit-appearance:none;cursor:pointer}
@media(max-width:860px){.shop-layout{grid-template-columns:1fr}.shop-sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;gap:0 2rem}.shop-sidebar .sidebar-block{grid-column:span 1}}
@media(max-width:560px){.shop-sidebar{grid-template-columns:1fr}}

/* ── MODAL (product quick view) — modern redesign ── */
.modal-overlay{display:none;position:fixed;inset:0;z-index:200;background:rgba(10,9,12,.6);backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);align-items:center;justify-content:center;padding:2rem}
.modal-overlay.open{display:flex}
.modal{grid-template-rows:minmax(0,1fr);background:linear-gradient(175deg,#211d2b 0%,#131019 100%);max-width:960px;width:100%;display:grid;grid-template-columns:1fr 1.05fr;position:relative;border:1px solid rgba(201,168,130,.16);border-radius:26px;max-height:88vh;overflow:hidden;box-shadow:0 60px 120px -24px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.03) inset;animation:modalPopIn .4s cubic-bezier(.16,1,.3,1) both}
@keyframes modalPopIn{from{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}
.modal-close{position:absolute;top:1rem;right:1rem;background:rgba(13,11,15,.6);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);width:36px;height:36px;border-radius:50%;color:var(--champagne);cursor:pointer;font-size:.95rem;z-index:20;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.34,1.56,.64,1)}
.modal-close:hover{color:var(--obsidian);background:var(--gold);border-color:var(--gold);transform:rotate(90deg)}
.modal-img{position:relative;height:100%;background:radial-gradient(circle at 32% 24%,rgba(201,168,130,.16) 0%,transparent 55%),linear-gradient(165deg,#1c1826 0%,#0f0d14 100%);background-image:radial-gradient(rgba(255,255,255,.035) 1px,transparent 1px),radial-gradient(circle at 32% 24%,rgba(201,168,130,.16) 0%,transparent 55%),linear-gradient(165deg,#1c1826 0%,#0f0d14 100%);background-size:22px 22px,auto,auto;min-height:380px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.modal-img::before{content:'';position:absolute;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(201,168,130,.22) 0%,transparent 70%);animation:pulse 4s ease-in-out infinite;pointer-events:none}
.modal-img img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;background:transparent;filter:drop-shadow(0 20px 44px rgba(0,0,0,.55))}
.modal-body{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;position:relative;border-left:1px solid rgba(201,168,130,.1)}
.modal-scroll{flex:1;min-height:0;overflow-y:auto;padding:2.5rem 2.4rem 1.2rem;display:flex;flex-direction:column;gap:1.1rem}
.modal-scroll::-webkit-scrollbar{width:5px}
.modal-scroll::-webkit-scrollbar-thumb{background:rgba(201,168,130,.28);border-radius:99px}
.modal-scroll::-webkit-scrollbar-track{background:transparent}
.modal-brand{font-size:.64rem;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);display:inline-flex;align-items:center;gap:.5rem}
.modal-brand::before{content:'';width:16px;height:1px;background:var(--gold)}
.modal-name{font-family:'Cormorant Garant',serif;font-size:2.35rem;font-weight:300;background:linear-gradient(120deg,var(--cream),var(--champagne));-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.06;margin-top:-.1rem}
.modal-type{font-size:.8rem;color:var(--muted);letter-spacing:.03em}
.modal-badges{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.modal-badge{display:inline-flex;align-items:center;gap:.4rem;font-size:.66rem;letter-spacing:.03em;padding:.42rem .85rem;border-radius:999px;border:1px solid rgba(201,168,130,.16);color:var(--muted);background:rgba(255,255,255,.03);white-space:nowrap}
.modal-badge-sku{color:var(--champagne);font-family:'Inter',sans-serif;letter-spacing:.02em}
.modal-badge-stock{color:#8bc98b;border-color:rgba(139,201,139,.3);background:rgba(139,201,139,.09)}
.modal-badge-stock.oos{color:#dd8a8a;border-color:rgba(201,112,112,.3);background:rgba(201,112,112,.09)}
.modal-badge-tag{color:var(--gold);border-color:rgba(201,168,130,.25);background:rgba(201,168,130,.07)}
.modal-desc{font-size:.86rem;line-height:1.8;color:var(--muted);font-style:italic;padding:.15rem 0 .15rem 1rem;border-left:2px solid rgba(201,168,130,.3);white-space:pre-line}
.modal-notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.85rem;background:#1c1a22;border:1px solid rgba(201,168,130,.12);border-radius:20px;padding:1.1rem}
.modal-notes-col{background:rgba(255,255,255,.035);border:1px solid rgba(201,168,130,.14);border-radius:14px;padding:1.2rem .9rem;text-align:center;display:flex;flex-direction:column;gap:.6rem;align-items:center}
.modal-notes-label{font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-weight:700}
.modal-notes-val{font-size:.85rem;color:var(--cream);line-height:1.5}
@media(max-width:600px){.modal-notes-grid{grid-template-columns:1fr}}
.modal-size-label{font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:var(--champagne);margin-bottom:.6rem;font-weight:600}
.modal-sizes{display:flex;gap:.55rem;flex-wrap:wrap}
.modal-size-chip{font-size:.76rem;font-weight:500;letter-spacing:.02em;border:1.5px solid rgba(201,168,130,.2);color:var(--cream);min-width:62px;text-align:center;padding:.62rem .9rem;cursor:pointer;font-family:'Inter',sans-serif;background:rgba(255,255,255,.02);border-radius:12px;transition:all .22s cubic-bezier(.34,1.56,.64,1)}
.modal-size-chip:hover{transform:translateY(-2px);border-color:var(--gold);background:rgba(201,168,130,.06)}
.modal-size-chip.selected{border-color:transparent;color:var(--obsidian);background:linear-gradient(135deg,var(--gold),var(--champagne));font-weight:700;box-shadow:0 8px 20px -6px rgba(201,168,130,.55);transform:translateY(-2px)}
.modal-size-chip-oos{opacity:.35;cursor:not-allowed;text-decoration:line-through}
.modal-size-chip-oos:hover{border-color:rgba(201,168,130,.2);color:var(--cream);background:rgba(255,255,255,.02);transform:none}
.modal-footer{flex-shrink:0;display:flex;align-items:center;gap:1.3rem;padding:1.3rem 2.4rem 2rem;border-top:1px solid rgba(201,168,130,.12);background:linear-gradient(180deg,rgba(19,16,25,0) 0%,rgba(19,16,25,.6) 40%)}
.modal-price{font-family:'Cormorant Garant',serif;font-size:2rem;font-weight:400;background:linear-gradient(120deg,var(--champagne),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap;flex-shrink:0}
.modal-add{background:linear-gradient(135deg,var(--gold),var(--champagne));color:var(--obsidian);border:none;padding:1.05rem 1.6rem;border-radius:999px;font-family:'Inter',sans-serif;font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;font-weight:700;cursor:pointer;flex:1;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease;box-shadow:0 12px 28px -10px rgba(201,168,130,.55)}
.modal-add:hover{transform:translateY(-3px);box-shadow:0 18px 36px -10px rgba(201,168,130,.65);background:linear-gradient(135deg,var(--champagne),var(--gold))}
.modal-add:active{transform:translateY(-1px)}
@media(max-width:520px){.modal-footer{flex-wrap:wrap}.modal-price{width:100%}.modal-add{width:100%}}

/* ── CUSTOMER DETAIL MODAL (admin) ── */
.cust-detail-card{background:linear-gradient(175deg,#211d2b 0%,#131019 100%);border:1px solid rgba(201,168,130,.16);max-width:640px;width:100%;max-height:88vh;position:relative;border-radius:22px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 60px 120px -24px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.03) inset;animation:modalPopIn .4s cubic-bezier(.16,1,.3,1) both}
.cust-detail-scroll{overflow-y:auto;padding:2.6rem 2.3rem 2.2rem}
.cust-detail-scroll::-webkit-scrollbar{width:5px}
.cust-detail-scroll::-webkit-scrollbar-thumb{background:rgba(201,168,130,.28);border-radius:99px}
.cust-detail-head{display:flex;align-items:center;gap:1.1rem;margin-bottom:1.6rem}
.cust-detail-avatar,.cust-detail-avatar-fallback{width:64px;height:64px;border-radius:50%;flex-shrink:0}
.cust-detail-avatar{object-fit:cover}
.cust-detail-avatar-fallback{background:var(--dark3);display:flex;align-items:center;justify-content:center;color:var(--gold);font-family:'Cormorant Garant',serif;font-size:1.6rem}
.cust-detail-name{font-family:'Cormorant Garant',serif;font-size:1.55rem;font-weight:300;color:var(--cream);line-height:1.2}
.cust-detail-username{font-size:.68rem;color:var(--gold);letter-spacing:.05em;margin-top:.1rem}
.cust-detail-email{font-size:.75rem;color:var(--muted);margin-top:.25rem}
.cust-detail-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.7rem;margin-bottom:1.9rem}
.cust-stat{background:rgba(255,255,255,.03);border:1px solid rgba(201,168,130,.12);border-radius:12px;padding:.85rem .6rem;text-align:center}
.cust-stat-val{font-family:'Cormorant Garant',serif;font-size:1.2rem;color:var(--champagne)}
.cust-stat-label{font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:.2rem}
.cust-detail-section{margin-bottom:1.9rem}
.cust-detail-section:last-child{margin-bottom:0}
.cust-detail-section-title{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:.85rem;font-weight:700}
.cust-order-row{background:rgba(255,255,255,.025);border:1px solid rgba(201,168,130,.1);border-radius:12px;padding:.85rem .95rem;margin-bottom:.6rem}
.cust-order-row:last-child{margin-bottom:0}
.cust-order-row-top{display:flex;justify-content:space-between;align-items:center;gap:.8rem;flex-wrap:wrap;padding-bottom:.7rem;margin-bottom:.7rem;border-bottom:1px solid rgba(201,168,130,.1)}
.cust-order-items{display:flex;flex-direction:column;gap:.6rem}
.cust-order-item-row{display:flex;align-items:center;gap:.7rem}
.cust-order-item-img{width:38px;height:38px;border-radius:8px;background:var(--dark3);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1rem;overflow:hidden}
.cust-order-item-img img{width:100%;height:100%;object-fit:cover}
.cust-order-item-info{flex:1;min-width:0}
.cust-order-item-name{font-size:.76rem;color:var(--cream);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cust-order-item-meta{font-size:.65rem;color:var(--muted);margin-top:.1rem}
.cust-order-item-price{font-size:.74rem;color:var(--champagne);flex-shrink:0;white-space:nowrap}
.cust-wish-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:.7rem}
.cust-wish-item{background:rgba(255,255,255,.025);border:1px solid rgba(201,168,130,.1);border-radius:10px;overflow:hidden;cursor:pointer;text-align:center;transition:border-color .2s,transform .2s}
.cust-wish-item:hover{border-color:var(--gold);transform:translateY(-2px)}
.cust-wish-item-img{width:100%;height:78px;background:var(--dark3);display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--muted)}
.cust-wish-item-img img{width:100%;height:100%;object-fit:cover}
.cust-wish-item-name{font-size:.6rem;color:var(--cream);padding:.4rem .35rem;line-height:1.3}
.cust-empty-note{color:var(--muted);font-size:.78rem;padding:.8rem 0}
.cust-detail-address{font-size:.76rem;color:var(--muted);line-height:1.7}
.customer-row-clickable{cursor:pointer;transition:background .2s}
.customer-row-clickable:hover{background:rgba(255,255,255,.02)}

/* ── CART SIDEBAR ── */
.cart-sidebar{position:fixed;top:0;right:-430px;height:100vh;width:410px;background:var(--dark2);z-index:300;transition:right .35s ease;display:flex;flex-direction:column;border-left:1px solid rgba(201,168,130,.12)}
.cart-sidebar.open{right:0}
.cart-header{padding:1.45rem 2rem;border-bottom:1px solid rgba(201,168,130,.12);display:flex;justify-content:space-between;align-items:center}
.cart-title{font-family:'Cormorant Garant',serif;font-size:1.38rem;font-weight:300;color:var(--cream)}
.cart-close-btn{background:transparent;border:none;color:var(--muted);cursor:pointer;font-size:1.25rem;transition:color .2s}
.cart-close-btn:hover{color:var(--champagne)}
.cart-items{flex:1;overflow-y:auto;padding:1.4rem 2rem}
.cart-item{display:flex;gap:.9rem;margin-bottom:1.4rem;padding-bottom:1.4rem;border-bottom:1px solid rgba(201,168,130,.08)}
.cart-item-img{width:68px;height:88px;object-fit:cover;background:var(--dark3);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.4rem}
.cart-item-img img{width:100%;height:100%;object-fit:cover}
.cart-item-info{flex:1}
.cart-item-name{font-family:'Cormorant Garant',serif;font-size:.98rem;color:var(--cream)}
.cart-item-size{font-size:.68rem;color:var(--muted);margin:.18rem 0}
.cart-item-price{font-size:.83rem;color:var(--champagne)}
.cart-item-qty{display:flex;align-items:center;gap:.5rem;margin-top:.4rem}
.qty-btn{background:transparent;border:1px solid rgba(201,168,130,.22);color:var(--champagne);width:22px;height:22px;cursor:pointer;font-size:.85rem;display:flex;align-items:center;justify-content:center;transition:all .15s}
.qty-btn:hover{border-color:var(--gold);background:rgba(201,168,130,.08)}
.qty-val{font-size:.78rem;color:var(--cream);min-width:20px;text-align:center}
.cart-item-remove{background:transparent;border:none;cursor:pointer;color:var(--muted);font-size:.7rem;align-self:flex-start;font-family:'Inter',sans-serif;transition:color .2s}
.cart-item-remove:hover{color:#c97070}
.cart-empty{color:var(--muted);font-size:.83rem;text-align:center;padding:3rem 0}
.cart-footer{padding:1.4rem 2rem;border-top:1px solid rgba(201,168,130,.12)}
.cart-subtotal{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.8rem;color:var(--muted)}
.cart-total{display:flex;justify-content:space-between;margin-bottom:1.2rem;font-family:'Cormorant Garant',serif;font-size:1.18rem;color:var(--cream)}
.cart-total span:last-child{color:var(--champagne)}
.checkout-btn{background:var(--gold);color:var(--obsidian);border:none;width:100%;padding:.95rem;font-family:'Inter',sans-serif;font-size:.73rem;letter-spacing:.14em;text-transform:uppercase;font-weight:500;cursor:pointer;transition:background .2s}
.checkout-btn:hover{background:var(--champagne)}

/* ── CHECKOUT OVERLAY ── */
.checkout-overlay{display:none;position:fixed;inset:0;z-index:500;background:rgba(13,11,15,.95);backdrop-filter:blur(10px);overflow-y:auto;padding:2rem}
.checkout-overlay.open{display:block}
.checkout-container{max-width:880px;margin:2rem auto;background:var(--dark2);border:1px solid rgba(201,168,130,.13)}
.checkout-header{padding:1.8rem 2.5rem;border-bottom:1px solid rgba(201,168,130,.12);display:flex;justify-content:space-between;align-items:center}
.checkout-logo{font-family:'Cormorant Garant',serif;font-size:1.3rem;font-weight:600;color:var(--champagne);letter-spacing:.1em}
.checkout-close{background:transparent;border:none;color:var(--muted);cursor:pointer;font-size:1.3rem;transition:color .2s}
.checkout-close:hover{color:var(--champagne)}
.checkout-body{display:grid;grid-template-columns:1.1fr 1fr;min-height:500px}
.checkout-form-col{padding:2.5rem;border-right:1px solid rgba(201,168,130,.1)}
.checkout-summary-col{padding:2.5rem;background:rgba(13,11,15,.4)}
.checkout-step-title{font-family:'Cormorant Garant',serif;font-size:1.2rem;font-weight:300;color:var(--cream);margin-bottom:1.5rem}
.form-group{display:flex;flex-direction:column;gap:.38rem;margin-bottom:1.1rem}
.form-label{font-size:.67rem;letter-spacing:.16em;text-transform:uppercase;color:var(--champagne)}
.form-input,.form-select,.form-textarea{background:var(--dark3);border:1px solid rgba(201,168,130,.17);color:var(--cream);padding:.66rem .95rem;font-family:'Inter',sans-serif;font-size:.83rem;outline:none;transition:border-color .2s;width:100%;-webkit-appearance:none}
.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--gold)}
.form-input::placeholder{color:var(--muted)}
.pw-wrap{position:relative}
.pw-wrap .form-input{padding-right:2.6rem}
.pw-toggle{position:absolute;right:.55rem;top:50%;transform:translateY(-50%);background:none;border:none;padding:.3rem;margin:0;cursor:pointer;color:var(--muted);display:flex;align-items:center;justify-content:center;line-height:0;transition:color .2s}
.pw-toggle:hover{color:var(--gold)}
.pw-toggle svg{width:17px;height:17px;display:block;pointer-events:none}
/* Hide the browser's own built-in password reveal/clear icon so only our custom eye button shows */
.pw-wrap input[type="password"]::-ms-reveal,
.pw-wrap input[type="password"]::-ms-clear{display:none}
.pw-wrap input[type="password"]::-webkit-credentials-auto-fill-button,
.pw-wrap input[type="password"]::-webkit-strong-password-auto-fill-button{visibility:hidden;pointer-events:none;position:absolute;right:0}
.form-select option{background:var(--dark3)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}

/* Payment methods */
.payment-methods{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.4rem}
.payment-method{border:1px solid rgba(201,168,130,.18);padding:1rem 1.2rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:1rem;background:transparent}
.payment-method:hover{border-color:rgba(201,168,130,.4)}
.payment-method.selected{border-color:var(--gold);background:rgba(201,168,130,.06)}
.payment-method input[type=radio]{accent-color:var(--gold)}
.pm-icon{font-size:1.4rem;width:30px;text-align:center}
.pm-info{flex:1}
.pm-name{font-size:.83rem;color:var(--cream);font-weight:500}
.pm-desc{font-size:.7rem;color:var(--muted);margin-top:.15rem}
.pm-tag{font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;background:rgba(201,168,130,.12);color:var(--gold);padding:.18rem .5rem;border:1px solid rgba(201,168,130,.2)}
.payment-instructions{background:var(--dark3);border:1px solid rgba(201,168,130,.15);padding:1rem 1.2rem;margin-bottom:1.2rem;font-size:.78rem;line-height:1.7;color:var(--muted)}
.payment-instructions strong{color:var(--champagne);display:block;margin-bottom:.35rem}
.trx-field{margin-top:.75rem}

/* Order summary in checkout */
.order-summary-title{font-size:.67rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:1.2rem}
.order-item{display:flex;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(201,168,130,.08)}
.order-item-img{width:52px;height:68px;background:var(--dark3);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1rem;overflow:hidden}
.order-item-img img{width:100%;height:100%;object-fit:cover}
.order-item-name{font-family:'Cormorant Garant',serif;font-size:.95rem;color:var(--cream)}
.order-item-detail{font-size:.68rem;color:var(--muted);margin-top:.15rem}
.order-item-price{font-size:.83rem;color:var(--champagne);margin-left:auto;align-self:flex-start;white-space:nowrap}
.order-totals{margin-top:1.2rem}
.order-line{display:flex;justify-content:space-between;font-size:.78rem;color:var(--muted);margin-bottom:.5rem}
.order-line.total{font-family:'Cormorant Garant',serif;font-size:1.15rem;color:var(--cream);border-top:1px solid rgba(201,168,130,.15);padding-top:.75rem;margin-top:.75rem}
.order-line.total span:last-child{color:var(--champagne)}
.place-order-btn{background:var(--gold);color:var(--obsidian);border:none;width:100%;padding:1rem;font-family:'Inter',sans-serif;font-size:.73rem;letter-spacing:.15em;text-transform:uppercase;font-weight:500;cursor:pointer;transition:background .2s;margin-top:1.5rem}
.place-order-btn:hover{background:var(--champagne)}

/* Order success */
.order-success{display:none;flex-direction:column;align-items:center;justify-content:center;padding:3.5rem 2.5rem;text-align:center;min-height:500px}
.success-icon{font-size:3rem;margin-bottom:1.5rem}
.success-title{font-family:'Cormorant Garant',serif;font-size:2rem;font-weight:300;color:var(--cream);margin-bottom:.75rem}
.success-subtitle{font-size:.83rem;color:var(--muted);line-height:1.75;max-width:420px;margin:0 auto 1.5rem}
.order-id-box{background:var(--dark3);border:1px solid rgba(201,168,130,.2);padding:.75rem 1.5rem;font-size:.78rem;color:var(--champagne);letter-spacing:.08em;margin-bottom:2rem}
.success-close-btn{background:var(--gold);color:var(--obsidian);border:none;padding:.82rem 2.2rem;font-family:'Inter',sans-serif;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:500;cursor:pointer;transition:background .2s}
.success-close-btn:hover{background:var(--champagne)}

/* ── ADMIN ── */
#admin{background:var(--dark2)}
.admin-wrap{max-width:1100px;margin:0 auto;padding:7.15rem 3rem 5rem}
.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:2.5rem}
.form-textarea{resize:vertical;min-height:88px}
.size-pricing-block{background:var(--dark3);border:1px solid rgba(201,168,130,.11);padding:1.2rem;margin-bottom:1rem}
.size-row{display:flex;gap:.7rem;align-items:center;margin-bottom:.55rem}
.size-row .form-input{flex:1}
.size-row-labels{display:flex;gap:.7rem;margin-bottom:.5rem}
.size-row-labels span{font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.size-row-labels span:nth-child(1){max-width:80px;width:80px}
.size-row-labels span:nth-child(2){flex:1}
.size-row-labels span:nth-child(3){max-width:100px;width:100px}
.size-row-labels span:nth-child(4){max-width:2.1rem;flex:0 0 auto}
.add-size-btn{background:transparent;border:1px dashed rgba(201,168,130,.28);color:var(--muted);cursor:pointer;padding:.58rem 1.1rem;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;font-family:'Inter',sans-serif;width:100%;transition:all .2s}
.add-size-btn:hover{border-color:var(--gold);color:var(--champagne)}
.photo-upload{border:1px dashed rgba(201,168,130,.28);background:var(--dark3);padding:2.3rem;display:flex;flex-direction:column;align-items:center;gap:.9rem;cursor:pointer;transition:border-color .2s;text-align:center}
.photo-upload:hover{border-color:var(--gold)}
.photo-upload-icon{font-size:1.9rem;opacity:.5}
.photo-upload-text{font-size:.78rem;color:var(--muted)}
.photo-upload-text strong{color:var(--champagne);display:block}
.photo-preview{width:100%;object-fit:contain;max-height:210px}
.submit-product-btn{background:var(--gold);color:var(--obsidian);border:none;padding:.95rem 2rem;width:100%;font-family:'Inter',sans-serif;font-size:.73rem;letter-spacing:.14em;text-transform:uppercase;font-weight:500;cursor:pointer;transition:background .2s;margin-top:.9rem}
.submit-product-btn:hover{background:var(--champagne)}
.tabs{display:flex;border-bottom:1px solid rgba(201,168,130,.14);margin-bottom:2.8rem}
.tab-btn{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);background:transparent;border:none;padding:.95rem 1.65rem;cursor:pointer;font-family:'Inter',sans-serif;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .2s}
.tab-btn.active{color:var(--champagne);border-bottom-color:var(--gold)}
.tab-content{display:none}
.tab-content.active{display:block}

/* ── ADMIN REDESIGN v2: modern cards, shadows, tabs, stats ── */
:root{
  --shadow-sm:0 1px 3px rgba(0,0,0,.25);
  --shadow-md:0 10px 28px -10px rgba(0,0,0,.5);
  --shadow-lg:0 20px 46px -14px rgba(0,0,0,.55);
  --radius-lg:16px;
  --radius-md:12px;
}
.tabs{display:flex;gap:.35rem;padding:.4rem;background:var(--dark3);border:1px solid rgba(201,168,130,.1);border-radius:16px;margin-bottom:2.8rem;overflow-x:auto;box-shadow:var(--shadow-sm)}
.tabs::-webkit-scrollbar{height:0}
.tab-btn{display:inline-flex;align-items:center;gap:.45rem;border-radius:11px;border-bottom:none;margin-bottom:0;padding:.72rem 1.25rem;white-space:nowrap;transition:all .22s cubic-bezier(.4,0,.2,1)}
.tab-btn svg{opacity:.75;flex-shrink:0;transition:opacity .2s}
.tab-btn.active{background:var(--gold);color:var(--obsidian);font-weight:600;box-shadow:var(--shadow-sm)}
.tab-btn.active svg{opacity:1}
.tab-btn:hover:not(.active){background:rgba(201,168,130,.08);color:var(--champagne)}

/* ── ADMIN VERTICAL SIDEBAR NAV ── */
.admin-layout{display:flex;align-items:flex-start;gap:2.2rem}
.admin-sidebar{flex:0 0 235px;position:sticky;top:8.5rem;align-self:flex-start}
.admin-sidebar .tabs{display:flex;flex-direction:column;gap:.3rem;padding:.85rem;background:linear-gradient(165deg,var(--dark3) 0%,var(--dark2) 100%);border:1px solid rgba(201,168,130,.14);border-radius:20px;margin-bottom:0;overflow:visible;box-shadow:var(--shadow-lg),inset 0 1px 0 rgba(255,255,255,.03);position:relative}
.admin-sidebar .tabs::before{content:'';position:absolute;inset:0;border-radius:20px;padding:1px;background:linear-gradient(160deg,rgba(201,168,130,.35),transparent 40%,transparent 70%,rgba(201,168,130,.15));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.admin-sidebar .tab-btn{width:100%;justify-content:flex-start;padding:.85rem 1rem;border-radius:12px;font-size:.68rem;letter-spacing:.1em;gap:.75rem}
.admin-sidebar .tab-btn svg{width:16px;height:16px}
.admin-sidebar .tab-btn.active{background:linear-gradient(135deg,var(--champagne),var(--gold));box-shadow:0 6px 18px -6px rgba(201,168,130,.55),inset 0 1px 0 rgba(255,255,255,.4);transform:translateX(2px)}
.admin-sidebar .tab-btn:hover:not(.active){background:rgba(201,168,130,.1);transform:translateX(2px)}
.admin-sidebar .tab-btn span#orderBadge{margin-left:auto!important}
.admin-main{flex:1;min-width:0}
@media(max-width:900px){
  .admin-layout{flex-direction:column}
  .admin-sidebar{position:relative;top:0;width:100%;flex:1 1 auto}
  .admin-sidebar .tabs{flex-direction:row;flex-wrap:wrap;border-radius:16px}
  .admin-sidebar .tab-btn{width:auto}
}

.admin-card{background:var(--dark3);border:1px solid rgba(201,168,130,.12);border-radius:var(--radius-lg);padding:1.7rem 1.8rem;margin-bottom:1.5rem;box-shadow:var(--shadow-md);transition:border-color .25s}
.admin-card-head{display:flex;align-items:center;gap:.9rem;margin-bottom:1.35rem;padding-bottom:1.15rem;border-bottom:1px solid rgba(201,168,130,.1)}
.admin-card-icon{width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,rgba(201,168,130,.22),rgba(201,168,130,.06));color:var(--gold);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.admin-card-titles{flex:1;min-width:0}
.admin-card-title{font-family:'Cormorant Garant',serif;font-size:1.15rem;color:var(--cream);line-height:1.2}
.admin-card-sub{font-size:.68rem;color:var(--muted);margin-top:.22rem;line-height:1.55}
.admin-2col{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}
.admin-form-wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:1.6rem;align-items:start}
@media(max-width:900px){.admin-form-wrap{grid-template-columns:1fr}.admin-2col{grid-template-columns:1fr}.settings-columns{grid-template-columns:1fr !important}}

.form-input,.form-select,.form-textarea{border-radius:9px;transition:border-color .2s,box-shadow .2s}
.form-input:focus,.form-select:focus,.form-textarea:focus{box-shadow:0 0 0 3px rgba(201,168,130,.13)}

.switch-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--dark2);border:1px solid rgba(201,168,130,.12);padding:.95rem 1.15rem;border-radius:var(--radius-md)}
.switch-row-label{font-size:.8rem;color:var(--cream)}
.switch-row-sub{font-size:.66rem;color:var(--muted);margin-top:.2rem}
.switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}
.switch input{opacity:0;width:0;height:0;position:absolute}
.switch-track{position:absolute;inset:0;background:rgba(201,168,130,.2);border-radius:999px;cursor:pointer;transition:background .25s;box-shadow:inset 0 1px 3px rgba(0,0,0,.3)}
.switch-track::before{content:'';position:absolute;left:3px;top:3px;width:18px;height:18px;background:var(--muted);border-radius:50%;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px rgba(0,0,0,.3)}
.switch input:checked + .switch-track{background:var(--gold)}
.switch input:checked + .switch-track::before{transform:translateX(20px);background:var(--obsidian)}

.size-table{background:var(--dark2);border:1px solid rgba(201,168,130,.12);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}
.size-table-head{display:grid;grid-template-columns:76px 1fr 1fr 38px;gap:.6rem;padding:.75rem .95rem;background:rgba(201,168,130,.07);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}
.size-table #sizePricingRows .size-row{display:grid;grid-template-columns:76px 1fr 1fr 38px;gap:.6rem;padding:.65rem .95rem;border-top:1px solid rgba(201,168,130,.08);align-items:center;margin-bottom:0;transition:background .15s}
.size-table #sizePricingRows .size-row:hover{background:rgba(201,168,130,.04)}
.size-table .form-input{background:var(--dark3);padding:.55rem .7rem;font-size:.78rem}
.remove-size-btn{background:transparent;border:1px solid rgba(201,112,112,.25);color:#c97070;cursor:pointer;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0}
.remove-size-btn:hover{background:rgba(201,112,112,.14);border-color:#c97070;transform:scale(1.06)}
.add-size-btn{display:flex;align-items:center;justify-content:center;gap:.45rem;border-radius:var(--radius-md);margin-top:1rem}

.photo-drop{position:relative}
.photo-drop .photo-upload{border-radius:var(--radius-lg);background:radial-gradient(ellipse at 50% 30%,rgba(201,168,130,.06) 0%,transparent 70%),var(--dark3);padding:2.8rem 1.5rem;transition:all .25s}
.photo-drop .photo-upload:hover{background:radial-gradient(ellipse at 50% 30%,rgba(201,168,130,.1) 0%,transparent 70%),var(--dark3);transform:translateY(-1px)}
.photo-upload-icon-wrap{width:56px;height:56px;border-radius:50%;background:rgba(201,168,130,.1);display:flex;align-items:center;justify-content:center;color:var(--gold);margin-bottom:.2rem}
.photo-preview-wrap{display:none;border-radius:var(--radius-lg);overflow:hidden;border:1px solid rgba(201,168,130,.16);box-shadow:var(--shadow-sm)}
.photo-preview-wrap img{width:100%;max-height:260px;object-fit:contain;background:var(--dark3);display:block}
.photo-preview-actions{display:flex;gap:.5rem;padding:.75rem;background:var(--dark3)}
.photo-mini-btn{flex:1;background:transparent;border:1px solid rgba(201,168,130,.25);color:var(--champagne);font-size:.63rem;letter-spacing:.08em;text-transform:uppercase;padding:.6rem;cursor:pointer;font-family:'Inter',sans-serif;border-radius:8px;transition:all .2s;text-align:center;display:flex;align-items:center;justify-content:center;gap:.35rem}
.photo-mini-btn:hover{border-color:var(--gold);background:rgba(201,168,130,.06)}
.photo-mini-btn.danger{color:#c97070;border-color:rgba(201,112,112,.3)}
.photo-mini-btn.danger:hover{border-color:#c97070;background:rgba(201,112,112,.08)}

.admin-actions-bar{position:static;display:flex;gap:.8rem;padding:1.2rem 1.2rem;margin:1rem -1.2rem 0;border-radius:var(--radius-lg);background:rgba(26,23,32,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(201,168,130,.14);box-shadow:0 8px 24px -10px rgba(0,0,0,.4)}
.admin-actions-bar .submit-product-btn{margin-top:0;width:auto;flex:1;border-radius:9px}
.admin-actions-bar #cancelEditBtn{flex:0 0 auto;min-width:150px}

/* ── ADMIN PAGE HEAD (title block shown at the top of each admin tab) ── */
.admin-page-head{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;margin-bottom:1.8rem;padding-bottom:1.4rem;border-bottom:1px solid rgba(201,168,130,.12);flex-wrap:wrap}
.admin-page-head-left{display:flex;align-items:center;gap:1rem;min-width:0}
.admin-page-head-icon{width:46px;height:46px;border-radius:13px;background:linear-gradient(145deg,rgba(201,168,130,.24),rgba(201,168,130,.06));color:var(--gold);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.admin-page-head-title{font-family:'Cormorant Garant',serif;font-size:1.7rem;font-weight:400;color:var(--cream);line-height:1.15;transition:opacity .15s}
.admin-page-head-title em{font-style:italic;color:var(--champagne)}
.admin-page-head-sub{font-size:.74rem;color:var(--muted);margin-top:.25rem;line-height:1.5;transition:opacity .15s}
.admin-page-head-badge{display:inline-flex;align-items:center;gap:.4rem;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);background:rgba(201,168,130,.1);border:1px solid rgba(201,168,130,.28);padding:.4rem .85rem;border-radius:999px;flex-shrink:0;white-space:nowrap}
.admin-page-head-badge.is-edit{color:#e8c87a;background:rgba(232,200,122,.1);border-color:rgba(232,200,122,.3)}
@media(max-width:640px){.admin-page-head{align-items:flex-start}.admin-page-head-title{font-size:1.4rem}}

.badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;padding:.3rem .68rem;border-radius:999px;border:1px solid;white-space:nowrap;backdrop-filter:blur(6px)}
.badge-in{color:#8bc98b;border-color:rgba(139,201,139,.35);background:rgba(139,201,139,.14)}
.badge-low{color:#e8c87a;border-color:rgba(232,200,122,.35);background:rgba(232,200,122,.14)}
.badge-out{color:#c97070;border-color:rgba(201,112,112,.35);background:rgba(201,112,112,.14)}
.badge-star{color:var(--gold);border-color:rgba(201,168,130,.35);background:rgba(201,168,130,.14)}

.stat-pill-row{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1.8rem}
.stat-pill{flex:1;min-width:150px;background:var(--dark3);border:1px solid rgba(201,168,130,.12);border-radius:var(--radius-lg);padding:1.1rem 1.3rem;display:flex;align-items:center;gap:.9rem;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s}
.stat-pill:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}
.stat-pill-icon{width:38px;height:38px;border-radius:10px;background:rgba(201,168,130,.1);color:var(--gold);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.stat-pill-num{font-family:'Cormorant Garant',serif;font-size:1.55rem;color:var(--champagne);line-height:1.1}
.stat-pill-label{font-size:.62rem;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin-top:.15rem}
.stat-pill.accent-out .stat-pill-icon{color:#c97070;background:rgba(201,112,112,.1)}
.stat-pill.accent-out .stat-pill-num{color:#c97070}
.stat-pill.accent-low .stat-pill-icon{color:#e8c87a;background:rgba(232,200,122,.1)}
.stat-pill.accent-low .stat-pill-num{color:#e8c87a}
.stat-pill.accent-in .stat-pill-icon{color:#8bc98b;background:rgba(139,201,139,.1)}
.stat-pill.accent-in .stat-pill-num{color:#8bc98b}

.pm-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.4rem;flex-wrap:wrap}
.pm-count{font-size:.7rem;color:var(--muted);letter-spacing:.04em}
.pm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.4rem}
.pm-card{background:var(--dark3);border:1px solid rgba(201,168,130,.12);border-radius:var(--radius-lg);overflow:hidden;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm)}
.pm-card:hover{border-color:rgba(201,168,130,.35);transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.pm-card-img{position:relative;width:100%;height:175px;background:linear-gradient(160deg,var(--dark2),#1e1b2a);display:flex;align-items:center;justify-content:center;overflow:hidden}
.pm-card-img img{width:100%;height:100%;object-fit:contain;transition:transform .3s}
.pm-card:hover .pm-card-img img{transform:scale(1.04)}
.pm-card-img-placeholder{color:var(--muted);opacity:.45}
.pm-card-badge{position:absolute;top:.65rem;right:.65rem}
.pm-card-body{padding:1.05rem 1.15rem 1.2rem}
.pm-card-brand{font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:.28rem;display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}
.pm-card-name{font-family:'Cormorant Garant',serif;font-size:1.1rem;color:var(--cream);margin-bottom:.6rem;line-height:1.25}
.pm-sizes{display:flex;gap:.35rem;flex-wrap:wrap;margin-bottom:1rem}
.pm-size-chip{font-size:.6rem;border:1px solid rgba(201,168,130,.18);color:var(--muted);padding:.26rem .55rem;border-radius:6px;background:rgba(255,255,255,.015)}
.pm-card-actions{display:flex;gap:.5rem}
.pm-btn{flex:1;background:transparent;border:1px solid rgba(201,168,130,.28);color:var(--champagne);font-size:.63rem;letter-spacing:.1em;text-transform:uppercase;padding:.55rem;cursor:pointer;font-family:'Inter',sans-serif;border-radius:8px;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.35rem}
.pm-btn:hover{border-color:var(--gold);background:rgba(201,168,130,.08);transform:translateY(-1px)}
.pm-btn.danger{color:#c97070;border-color:rgba(201,112,112,.25)}
.pm-btn.danger:hover{border-color:#c97070;background:rgba(201,112,112,.1)}

/* ── INVENTORY 2.0 — modern control-tower layout ── */
.inv2-shell{display:flex;flex-direction:column;gap:1.5rem}
.inv2-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
@media(max-width:900px){.inv2-stats{grid-template-columns:repeat(2,1fr)}}
.inv2-stat{position:relative;background:linear-gradient(160deg,var(--dark3) 0%,var(--dark2) 100%);border:1px solid rgba(201,168,130,.14);border-radius:18px;padding:1.3rem 1.4rem;overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s,border-color .2s}
.inv2-stat:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:rgba(201,168,130,.3)}
.inv2-stat::after{content:'';position:absolute;right:-18px;top:-18px;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,rgba(201,168,130,.14),transparent 70%)}
.inv2-stat-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}
.inv2-stat-icon{width:36px;height:36px;border-radius:10px;background:rgba(201,168,130,.12);color:var(--gold);display:flex;align-items:center;justify-content:center}
.inv2-stat.tone-warn .inv2-stat-icon{color:#e8c87a;background:rgba(232,200,122,.12)}
.inv2-stat.tone-bad .inv2-stat-icon{color:#d98080;background:rgba(217,128,128,.12)}
.inv2-stat.tone-good .inv2-stat-icon{color:#8bc98b;background:rgba(139,201,139,.12)}
.inv2-stat-trend{font-size:.6rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:rgba(255,255,255,.04);padding:.22rem .55rem;border-radius:999px}
.inv2-stat-num{font-family:'Cormorant Garant',serif;font-size:2rem;line-height:1;color:var(--champagne)}
.inv2-stat.tone-warn .inv2-stat-num{color:#e8c87a}
.inv2-stat.tone-bad .inv2-stat-num{color:#d98080}
.inv2-stat.tone-good .inv2-stat-num{color:#8bc98b}
.inv2-stat-label{font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:.4rem}

.inv2-toolbar{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap;background:var(--dark3);border:1px solid rgba(201,168,130,.12);border-radius:16px;padding:.75rem .9rem;box-shadow:var(--shadow-sm)}
.inv2-search{flex:1;min-width:180px;display:flex;align-items:center;gap:.55rem;background:var(--dark2);border:1px solid rgba(201,168,130,.14);border-radius:11px;padding:.55rem .85rem;color:var(--muted);transition:border-color .2s,box-shadow .2s}
.inv2-search:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,168,130,.12)}
.inv2-search svg{flex-shrink:0;opacity:.7}
.inv2-search input{background:transparent;border:none;outline:none;color:var(--cream);font-family:'Inter',sans-serif;font-size:.78rem;width:100%}
.inv2-search input::placeholder{color:var(--muted)}
.inv2-filters{display:flex;gap:.4rem;flex-wrap:wrap}
.inv2-chip{font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:var(--dark2);border:1px solid rgba(201,168,130,.14);padding:.5rem 1rem;border-radius:999px;cursor:pointer;transition:all .2s;white-space:nowrap}
.inv2-chip:hover{color:var(--champagne);border-color:rgba(201,168,130,.4)}
.inv2-chip.active{color:var(--obsidian);background:var(--gold);border-color:var(--gold);font-weight:600}
.inv2-sort{background:var(--dark2);border:1px solid rgba(201,168,130,.14);border-radius:10px;color:var(--cream);font-family:'Inter',sans-serif;font-size:.7rem;padding:.55rem .7rem;cursor:pointer;outline:none}

.inv2-list{display:flex;flex-direction:column;gap:.7rem}
.inv2-row{background:var(--dark3);border:1px solid rgba(201,168,130,.12);border-radius:16px;box-shadow:var(--shadow-sm);transition:border-color .2s,box-shadow .2s;overflow:hidden}
.inv2-row:hover{border-color:rgba(201,168,130,.3);box-shadow:var(--shadow-md)}
.inv2-row-head{display:flex;align-items:center;gap:1rem;padding:1.05rem 1.25rem;cursor:pointer;flex-wrap:wrap}
.inv2-thumb{width:50px;height:50px;border-radius:12px;object-fit:cover;background:var(--dark2);flex-shrink:0}
.inv2-thumb-placeholder{width:50px;height:50px;border-radius:12px;background:var(--dark2);flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--muted);opacity:.4}
.inv2-row-id{flex:1;min-width:150px}
.inv2-row-name{font-size:.9rem;color:var(--cream);font-family:'Cormorant Garant',serif;line-height:1.2}
.inv2-row-meta{display:flex;align-items:center;gap:.5rem;margin-top:.28rem;font-size:.65rem;color:var(--muted)}
.inv2-row-meta .dot{width:3px;height:3px;border-radius:50%;background:var(--muted)}
.inv2-row-gauge{display:flex;align-items:center;gap:.65rem;min-width:150px}
.inv2-gauge-track{flex:1;height:6px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden}
.inv2-gauge-fill{height:100%;border-radius:999px;transition:width .3s cubic-bezier(.4,0,.2,1)}
.inv2-row-total{font-family:'Cormorant Garant',serif;font-size:1.05rem;color:var(--champagne);white-space:nowrap;text-align:right}
.inv2-row-total span{display:block;font-family:'Inter',sans-serif;font-size:.58rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:.1rem}
.inv2-status-chip{font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;padding:.32rem .7rem;border-radius:999px;white-space:nowrap;font-weight:600}
.inv2-status-chip.ok{color:#8bc98b;background:rgba(139,201,139,.12);border:1px solid rgba(139,201,139,.3)}
.inv2-status-chip.low{color:#e8c87a;background:rgba(232,200,122,.12);border:1px solid rgba(232,200,122,.3)}
.inv2-status-chip.out{color:#d98080;background:rgba(217,128,128,.12);border:1px solid rgba(217,128,128,.3)}
.inv2-chevron{color:var(--muted);transition:transform .25s;flex-shrink:0}
.inv2-row.expanded .inv2-chevron{transform:rotate(180deg);color:var(--gold)}
.inv2-row-body{max-height:0;overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1)}
.inv2-row.expanded .inv2-row-body{max-height:600px}
.inv2-sizes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.7rem;padding:0 1.25rem 1.15rem;border-top:1px solid rgba(201,168,130,.08);margin-top:.1rem;padding-top:1.1rem}
.inv2-size-card{background:var(--dark2);border:1px solid rgba(201,168,130,.1);border-radius:12px;padding:.85rem .95rem;transition:border-color .2s}
.inv2-size-card:hover{border-color:rgba(201,168,130,.28)}
.inv2-size-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.65rem}
.inv2-size-ml{font-size:.74rem;color:var(--gold);letter-spacing:.05em;font-weight:500}
.inv-stock-input{display:flex;align-items:center;gap:.4rem;margin-bottom:.6rem}
.inv-stock-input input{background:var(--dark3);border:1px solid rgba(201,168,130,.2);color:var(--cream);padding:.36rem .5rem;font-family:'Inter',sans-serif;font-size:.78rem;width:100%;border-radius:6px;transition:box-shadow .2s}
.inv-stock-input input:focus{box-shadow:0 0 0 3px rgba(201,168,130,.13);outline:none}
.stock-bar-track{height:5px;background:rgba(255,255,255,.06);border-radius:999px;overflow:hidden;margin-bottom:.5rem}
.stock-bar-fill{height:100%;border-radius:999px;transition:width .3s cubic-bezier(.4,0,.2,1)}

.settings-columns{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem;align-items:start}

.admin-empty-state{text-align:center;padding:4rem 2rem;color:var(--muted);font-size:.83rem;border:1px dashed rgba(201,168,130,.2);border-radius:var(--radius-lg);background:var(--dark3)}

/* ── Modern Dashboard ─────────────────────────────────────────────── */
.dash-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;margin-bottom:1.6rem}
.dash-stat-card{background:var(--dark3);border:1px solid rgba(201,168,130,.12);border-radius:var(--radius-lg);padding:1.5rem 1.6rem;box-shadow:var(--shadow-md)}
.dash-stat-icon{width:44px;height:44px;border-radius:12px;background:rgba(201,168,130,.1);display:flex;align-items:center;justify-content:center;color:var(--gold);margin-bottom:1.1rem}
.dash-stat-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:.6rem}
.dash-stat-value{font-family:'Cormorant Garant',serif;font-size:1.9rem;color:var(--cream);line-height:1}
.dash-stat-label{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:.4rem}
.dash-trend{font-size:.66rem;font-weight:600;padding:.22rem .55rem;border-radius:999px;display:inline-flex;align-items:center;gap:.2rem;white-space:nowrap}
.dash-trend-up{color:#8bc98b;background:rgba(139,201,139,.1)}
.dash-trend-down{color:#c97070;background:rgba(201,112,112,.1)}
.dash-trend-flat{color:var(--gold);background:rgba(201,168,130,.1)}

.dash-row{margin-bottom:1.6rem}
.dash-row-split{display:grid;grid-template-columns:1.7fr 1fr;gap:1.6rem;align-items:stretch}
.dash-card{background:var(--dark3);border:1px solid rgba(201,168,130,.12);border-radius:var(--radius-lg);padding:1.6rem 1.7rem;box-shadow:var(--shadow-md)}
.dash-card-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.3rem}
.dash-card-title{font-family:'Cormorant Garant',serif;font-size:1.2rem;color:var(--cream)}
.dash-card-sub{font-size:.68rem;color:var(--muted);margin-top:.2rem;letter-spacing:.01em}
.dash-target-card{display:flex;flex-direction:column}
.dash-list-row{padding:1rem 1.3rem;border-bottom:1px solid rgba(201,168,130,.08);display:flex;justify-content:space-between;align-items:center;gap:1rem}
.dash-list-row:last-child{border-bottom:none}
@media(max-width:900px){
  .dash-stats-grid{grid-template-columns:repeat(2,1fr)}
  .dash-row-split{grid-template-columns:1fr}
}
.admin-empty-state svg{color:var(--muted);opacity:.4;margin-bottom:1rem}

/* Admin orders */
.order-card{background:var(--dark3);border:1px solid rgba(201,168,130,.12);border-radius:10px;padding:1.5rem 1.6rem;margin-bottom:1.2rem}
.order-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.2rem;padding-bottom:1.2rem;border-bottom:1px solid rgba(201,168,130,.1);flex-wrap:wrap;gap:.8rem}
.order-id-label{font-size:.63rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.order-status{font-size:.63rem;letter-spacing:.12em;text-transform:uppercase;padding:.35rem .8rem;border:1px solid;border-radius:999px;white-space:nowrap}
.status-pending{color:#e8c87a;border-color:rgba(232,200,122,.35);background:rgba(232,200,122,.07)}
.status-paymentPaid{color:#8bb3c9;border-color:rgba(139,179,201,.35);background:rgba(139,179,201,.07)}
.status-confirmed{color:#8bc98b;border-color:rgba(139,201,139,.35);background:rgba(139,201,139,.07)}
.status-billing{color:#c9ab8b;border-color:rgba(201,171,139,.35);background:rgba(201,171,139,.07)}
.status-shipped{color:#b3a8e0;border-color:rgba(179,168,224,.35);background:rgba(179,168,224,.07)}
.status-delivered{color:var(--gold);border-color:rgba(201,168,130,.35);background:rgba(201,168,130,.07)}
.status-finished{color:#8bc98b;border-color:rgba(139,201,139,.4);background:rgba(139,201,139,.1)}
.status-cancelled{color:#c97070;border-color:rgba(201,112,112,.35);background:rgba(201,112,112,.07)}
.order-customer{font-size:.95rem;color:var(--cream);font-family:'Cormorant Garant',serif}
.order-meta{font-size:.72rem;color:var(--muted)}
.order-products-list{margin:0 0 1.2rem;display:flex;flex-direction:column;gap:.7rem}
.order-product-line{display:flex;align-items:center;gap:.7rem;font-size:.78rem;color:var(--muted)}
.order-product-line img{width:38px;height:38px;border-radius:6px;object-fit:cover;flex-shrink:0;background:var(--dark2)}
.order-product-name{flex:1;color:var(--cream)}
.order-product-name small{display:block;color:var(--muted);font-size:.7rem;margin-top:.1rem}
.order-product-total{color:var(--champagne);white-space:nowrap;font-size:.78rem}
.order-summary-box{background:var(--dark2);border:1px solid rgba(201,168,130,.1);border-radius:8px;padding:.9rem 1.1rem;margin-bottom:1rem;display:grid;grid-template-columns:1fr auto;gap:.4rem 1rem;font-size:.75rem}
.order-summary-box .os-label{color:var(--muted)}
.order-summary-box .os-val{color:var(--cream);text-align:right;white-space:nowrap}
.order-summary-box .os-total .os-label,.order-summary-box .os-total .os-val{color:var(--champagne);font-weight:600;font-size:.85rem;padding-top:.35rem;margin-top:.15rem;border-top:1px solid rgba(201,168,130,.12)}
.order-payment-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;background:var(--dark2);border:1px solid rgba(201,168,130,.1);border-radius:8px;padding:.75rem .95rem;margin-bottom:1.2rem}
.order-stepper{display:flex;align-items:flex-start;margin-bottom:1.2rem;overflow-x:auto;padding:.2rem .1rem .4rem}
.order-step{display:flex;flex-direction:column;align-items:center;gap:.4rem;cursor:pointer;flex:1;min-width:72px;position:relative}
.order-step-line{position:absolute;top:11px;left:-50%;width:100%;height:2px;background:rgba(201,168,130,.16);z-index:0}
.order-step:first-child .order-step-line{display:none}
.order-step.done .order-step-line{background:var(--gold)}
.order-step-dot{width:23px;height:23px;border-radius:50%;border:2px solid rgba(201,168,130,.25);display:flex;align-items:center;justify-content:center;font-size:.62rem;color:var(--muted);background:var(--dark3);transition:all .2s;z-index:1;flex-shrink:0}
.order-step:hover .order-step-dot{border-color:var(--gold);color:var(--champagne)}
.order-step.done .order-step-dot{border-color:var(--gold);background:var(--gold);color:var(--obsidian)}
.order-step.current .order-step-dot{border-color:var(--gold);color:var(--gold);box-shadow:0 0 0 3px rgba(201,168,130,.15)}
.order-step-label{font-size:.58rem;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);text-align:center;line-height:1.3}
.order-step.done .order-step-label,.order-step.current .order-step-label{color:var(--champagne)}
.order-cancelled-banner{background:rgba(201,112,112,.08);border:1px solid rgba(201,112,112,.3);color:#c97070;padding:.7rem 1rem;border-radius:8px;font-size:.78rem;margin-bottom:1.2rem}
.order-footer-actions{display:flex;justify-content:flex-end;gap:.6rem;padding-top:.9rem;border-top:1px solid rgba(201,168,130,.08);flex-wrap:wrap}
.order-actions{display:flex;gap:.5rem;margin-top:.8rem;flex-wrap:wrap}
.status-btn{background:transparent;border:1px solid rgba(201,168,130,.2);color:var(--muted);font-size:.63rem;letter-spacing:.1em;text-transform:uppercase;padding:.32rem .8rem;cursor:pointer;font-family:'Inter',sans-serif;transition:all .2s}
.coupon-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--dark2);border:1px solid rgba(201,168,130,.1);padding:1rem 1.3rem;margin-bottom:.75rem;flex-wrap:wrap}
.coupon-code-tag{font-family:'Cormorant Garant',serif;font-size:1.1rem;color:var(--champagne);letter-spacing:.05em}
.coupon-details{font-size:.72rem;color:var(--muted);margin-top:.25rem}
.coupon-inactive{opacity:.5}
.coupon-apply-row{display:flex;gap:.5rem;margin:1.1rem 0}
.coupon-apply-row input{flex:1;text-transform:uppercase}
.coupon-apply-btn{background:var(--gold);color:var(--obsidian);border:none;padding:0 1.3rem;font-family:'Inter',sans-serif;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;font-weight:500;cursor:pointer;transition:background .2s;white-space:nowrap}
.coupon-apply-btn:hover{background:var(--champagne)}
.coupon-applied-msg{font-size:.72rem;color:#8bc78b;margin:-.6rem 0 1rem;display:flex;align-items:center;justify-content:space-between}
.coupon-applied-msg a{color:#c97070;text-decoration:none;cursor:pointer}
.coupon-error-msg{font-size:.72rem;color:#c97070;margin:-.6rem 0 1rem}
.status-btn:hover{border-color:var(--gold);color:var(--champagne)}
.status-btn.active-status{border-color:var(--gold);color:var(--champagne);background:rgba(201,168,130,.08)}


/* ── ABOUT ── */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}
.about-stats{background:var(--dark2);border:1px solid rgba(201,168,130,.1);padding:2.5rem;display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.stat-num{font-family:'Cormorant Garant',serif;font-size:2.7rem;font-weight:300;color:var(--champagne)}
.stat-label{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}

/* ── TOAST ── */
.toast{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%) translateY(80px);background:var(--dark2);border:1px solid rgba(201,168,130,.3);color:var(--champagne);padding:.72rem 1.65rem;font-size:.76rem;letter-spacing:.08em;z-index:999;transition:transform .3s ease;white-space:nowrap}
.toast.show{transform:translateX(-50%) translateY(0)}

/* ── FOOTER ── */
/* ── AUTH / ACCOUNT ── */
.auth-wrap{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:9.15rem 1.5rem 4rem}
.auth-card{background:var(--dark2);border:1px solid rgba(201,168,130,.14);max-width:420px;width:100%;padding:3rem 2.4rem;text-align:center}
.auth-title{font-family:'Cormorant Garant',serif;font-size:2rem;font-weight:300;color:var(--cream);margin-bottom:.4rem}
.auth-title em{font-style:italic;color:var(--champagne)}
.auth-sub{font-size:.76rem;color:var(--muted);margin-bottom:2rem;letter-spacing:.04em;line-height:1.6}
.auth-tabs{display:flex;gap:.5rem;margin-bottom:2rem;background:var(--dark3);padding:.3rem;border-radius:2px}
.auth-tab{flex:1;background:transparent;border:none;color:var(--muted);font-family:'Inter',sans-serif;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;padding:.6rem;cursor:pointer;transition:all .2s}
.auth-tab.active{background:var(--gold);color:var(--obsidian);font-weight:500}
.auth-form{display:flex;flex-direction:column;gap:.9rem;text-align:left}
.auth-error{display:none;font-size:.72rem;color:#c97070;text-align:left;margin-top:-.4rem}
.auth-link-row{margin-top:1.5rem;font-size:.75rem;color:var(--muted)}
.auth-forgot-link{text-align:right;font-size:.72rem;margin-top:-.6rem}
.auth-forgot-link a{color:var(--gold);cursor:pointer;text-decoration:none}
.auth-forgot-link a:hover{text-decoration:underline}
.auth-link-row a{color:var(--gold);text-decoration:none;cursor:pointer}
.auth-link-row a:hover{color:var(--champagne)}
#authOverlay .auth-card{max-height:88vh;overflow-y:auto;position:relative}
.pay-strip{margin-top:2.2rem;padding-top:1.8rem;border-top:1px solid rgba(201,168,130,.11)}
.pay-strip-label{font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:.7rem}
.pay-badges{display:flex;flex-wrap:wrap;gap:.5rem}
.pay-badge{border:1px solid rgba(201,168,130,.25);color:var(--champagne);font-size:.64rem;letter-spacing:.04em;padding:.4rem .8rem;border-radius:3px;background:rgba(255,255,255,.02)}
.policy-page-wrap{max-width:820px;margin:0 auto;padding:9.5rem 1.5rem 5rem}
.policy-page-wrap .section-label{margin-bottom:.6rem}
.policy-page-wrap h2{font-family:'Cormorant Garant',serif;font-weight:300;font-size:2.1rem;margin-bottom:1.8rem;color:var(--cream)}
.policy-page-wrap h2 em{font-style:italic;color:var(--champagne)}
.policy-page-wrap p{font-size:.85rem;line-height:1.9;color:var(--muted);margin-bottom:1rem}
.policy-page-wrap h3{font-family:'Inter',sans-serif;font-size:.92rem;color:var(--champagne);margin:1.8rem 0 .6rem;letter-spacing:.03em}
.policy-back-link{display:inline-block;margin-top:2.2rem;font-size:.72rem;letter-spacing:.08em;color:var(--gold);text-decoration:none;cursor:pointer}
.policy-back-link:hover{color:var(--champagne)}
.auth-divider{display:flex;align-items:center;gap:.8rem;margin:1.6rem 0;font-size:.65rem;color:var(--muted);letter-spacing:.1em;text-transform:uppercase}
.auth-divider::before,.auth-divider::after{content:'';flex:1;height:1px;background:rgba(201,168,130,.15)}

.account-wrap{max-width:1100px;margin:0 auto;padding:9.15rem 3rem 5rem}
.account-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2.5rem;flex-wrap:wrap;gap:1rem}
.account-profile-card{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(201,168,130,.1),rgba(201,168,130,.02) 55%),linear-gradient(160deg,var(--dark3),var(--dark2));border:1px solid rgba(201,168,130,.18);border-radius:24px;padding:2.1rem 2.3rem;margin-bottom:2.2rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.2rem;box-shadow:0 20px 50px -20px rgba(0,0,0,.55)}
.account-profile-card::before{content:'';position:absolute;width:260px;height:260px;border-radius:50%;top:-140px;right:-80px;background:radial-gradient(circle,rgba(201,168,130,.22) 0%,transparent 70%);pointer-events:none}
.account-name{font-family:'Cormorant Garant',serif;font-size:1.65rem;font-weight:500;color:var(--cream);letter-spacing:.01em}
.account-email{font-size:.76rem;color:var(--muted);margin-top:.25rem;display:flex;align-items:center;gap:.4rem}
.account-email::before{content:'';width:6px;height:6px;border-radius:50%;background:#7bc98b;box-shadow:0 0 0 3px rgba(123,201,139,.18);flex-shrink:0}
.account-logout-btn{position:relative;z-index:1;background:rgba(224,90,90,.08);border:1px solid rgba(224,90,90,.35);color:#e88;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;padding:.68rem 1.4rem;cursor:pointer;font-family:'Inter',sans-serif;font-weight:500;transition:all .2s;border-radius:999px;display:flex;align-items:center;gap:.5rem}
.account-logout-btn:hover{border-color:#e05a5a;color:#fff;background:#e05a5a;box-shadow:0 8px 20px -6px rgba(224,90,90,.5)}
.acct-avatar{position:relative;z-index:1;width:72px;height:72px;border-radius:50%;background:linear-gradient(145deg,var(--dark3),var(--dark2));display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;color:var(--gold);font-family:'Cormorant Garant',serif;font-size:1.8rem;box-shadow:0 0 0 3px rgba(201,168,130,.15),0 0 0 6px rgba(201,168,130,.06),0 10px 24px -8px rgba(0,0,0,.6)}
.acct-avatar img{width:100%;height:100%;object-fit:cover}
.account-profile-left{position:relative;z-index:1;display:flex;align-items:center;gap:1.3rem}
.acct-username{font-size:.72rem;color:var(--gold);margin-top:.2rem;letter-spacing:.04em;font-weight:500}

/* stat strip */
.acct-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1rem;margin-bottom:2.2rem}
.acct-stat-card{position:relative;overflow:hidden;background:var(--dark3);border:1px solid rgba(201,168,130,.12);border-radius:18px;padding:1.4rem 1.4rem 1.3rem;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:.55rem}
.acct-stat-card:hover{transform:translateY(-4px);border-color:rgba(201,168,130,.4);box-shadow:0 16px 34px -14px rgba(0,0,0,.55)}
.acct-stat-top{display:flex;align-items:center;justify-content:space-between}
.acct-stat-icon{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,var(--stat-c1,rgba(201,168,130,.28)),var(--stat-c2,rgba(201,168,130,.08)));color:var(--stat-ic,var(--gold));flex-shrink:0;transition:transform .25s}
.acct-stat-card:hover .acct-stat-icon{transform:scale(1.08) rotate(-4deg)}
.acct-stat-icon svg{width:18px;height:18px}
.acct-stat-arrow{color:var(--muted);opacity:0;transform:translateX(-4px);transition:all .25s}
.acct-stat-card:hover .acct-stat-arrow{opacity:1;transform:translateX(0);color:var(--gold)}
.acct-stat-value{font-family:'Cormorant Garant',serif;font-size:1.7rem;color:var(--cream);line-height:1;font-weight:500}
.acct-stat-label{font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}

/* section heading */
.acct-section-heading{display:flex;align-items:center;gap:.75rem;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin:0 0 1rem}
.acct-section-heading::after{content:'';flex:1;height:1px;background:rgba(201,168,130,.16)}

/* ── ACCOUNT DASHBOARD GRID (modern action list) ── */
.acct-dash-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.85rem;margin-bottom:2.5rem}
.acct-dash-card{position:relative;background:var(--dark3);border:1px solid rgba(201,168,130,.12);border-radius:16px;padding:1.15rem 1.3rem;display:flex;align-items:center;gap:1rem;text-align:left;cursor:pointer;transition:all .22s cubic-bezier(.4,0,.2,1)}
.acct-dash-card:hover{transform:translateX(4px);border-color:rgba(201,168,130,.4);background:var(--dark2);box-shadow:0 12px 28px -14px rgba(0,0,0,.55)}
.acct-icon-circle{width:46px;height:46px;border-radius:13px;background:linear-gradient(145deg,rgba(201,168,130,.24),rgba(201,168,130,.06));display:flex;align-items:center;justify-content:center;color:var(--gold);box-shadow:inset 0 1px 0 rgba(255,255,255,.06);transition:transform .25s;flex-shrink:0}
.acct-dash-card:hover .acct-icon-circle{transform:scale(1.08)}
.acct-icon-circle svg{width:20px;height:20px}
.acct-dash-body{flex:1;min-width:0}
.acct-dash-label{font-family:'Cormorant Garant',serif;font-size:1.08rem;color:var(--cream);letter-spacing:.02em;line-height:1.2}
.acct-dash-sub{font-size:.68rem;color:var(--muted);margin-top:.2rem}
.acct-dash-badge{font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);background:rgba(201,168,130,.1);border:1px solid rgba(201,168,130,.25);padding:.28rem .7rem;border-radius:999px;white-space:nowrap;flex-shrink:0}
.acct-dash-chevron{color:var(--muted);flex-shrink:0;transition:transform .22s,color .22s}
.acct-dash-card:hover .acct-dash-chevron{transform:translateX(3px);color:var(--gold)}
@media(max-width:560px){.account-profile-card{padding:1.6rem}.acct-avatar{width:58px;height:58px;font-size:1.4rem}.account-name{font-size:1.3rem}}
.points-rule-box{margin-top:1.4rem;padding:1.1rem 1.4rem;background:rgba(201,168,130,.06);border:1px solid rgba(201,168,130,.18);border-radius:var(--radius-md);font-size:.76rem;color:var(--muted);line-height:1.6}
.points-history-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.3rem;background:var(--dark3);border:1px solid rgba(201,168,130,.12);border-radius:var(--radius-md);margin-bottom:.6rem;flex-wrap:wrap;transition:border-color .2s}
.points-history-row:hover{border-color:rgba(201,168,130,.3)}
.points-history-title{font-size:.85rem;color:var(--cream)}
.points-history-date{font-size:.68rem;color:var(--muted);margin-top:.2rem}
.points-history-amt{font-size:.92rem;font-weight:500;white-space:nowrap}
.points-history-amt.earn{color:#8bc78b}
.points-history-amt.redeem{color:#c97070}
.points-history-empty{text-align:center;padding:3.5rem 1rem;color:var(--muted);font-size:.84rem}

/* ── ACCOUNT SUB-SECTIONS ── */
.acct-back-link{display:inline-flex;align-items:center;gap:.5rem;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--champagne);text-decoration:none;cursor:pointer;margin-bottom:1.8rem;transition:all .2s;background:rgba(201,168,130,.07);border:1px solid rgba(201,168,130,.3);border-radius:999px;padding:.55rem 1.1rem;font-family:'Inter',sans-serif;font-weight:500}
.acct-back-link:hover{color:var(--cream);border-color:var(--gold);background:rgba(201,168,130,.15)}
.acct-section-card{background:var(--dark3);border:1px solid rgba(201,168,130,.14);border-radius:var(--radius-lg);padding:2.2rem 2.2rem;max-width:560px;box-shadow:var(--shadow-md)}
.acct-form-row2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
@media(max-width:560px){.acct-form-row2{grid-template-columns:1fr}}

/* Avatar uploader in Edit Profile */
.avatar-upload-wrap{display:flex;align-items:center;gap:1.4rem;margin-bottom:1.7rem}
.avatar-upload-circle{position:relative;width:88px;height:88px;border-radius:50%;background:var(--dark3);border:2px solid rgba(201,168,130,.35);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;color:var(--gold);font-family:'Cormorant Garant',serif;font-size:2rem;cursor:pointer;box-shadow:0 4px 14px -4px rgba(0,0,0,.5);transition:border-color .2s}
.avatar-upload-circle:hover{border-color:var(--gold)}
.avatar-upload-circle img{width:100%;height:100%;object-fit:cover}
.avatar-upload-edit{position:absolute;bottom:0;left:0;right:0;background:rgba(13,11,15,.75);color:var(--champagne);font-size:.58rem;letter-spacing:.08em;text-transform:uppercase;text-align:center;padding:.32rem 0}
.avatar-upload-actions{display:flex;flex-direction:column;gap:.5rem}
.avatar-remove-btn{background:transparent;border:1px solid rgba(201,112,112,.3);color:#c97070;font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;padding:.4rem .9rem;cursor:pointer;font-family:'Inter',sans-serif;transition:all .2s;width:fit-content;border-radius:8px}
.avatar-remove-btn:hover{border-color:#c97070;background:rgba(201,112,112,.08)}

/* ── ADDRESSES ── */
.addr-add-btn{background:transparent;border:1px solid rgba(201,168,130,.3);color:var(--champagne);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;padding:.65rem 1.35rem;cursor:pointer;font-family:'Inter',sans-serif;transition:all .2s;margin-bottom:1.6rem;border-radius:9px}
.addr-add-btn:hover{border-color:var(--gold);background:rgba(201,168,130,.08)}
.addr-card{background:var(--dark3);border:1px solid rgba(201,168,130,.14);border-radius:var(--radius-lg);padding:1.5rem 1.7rem;margin-bottom:1rem;position:relative;box-shadow:var(--shadow-sm);transition:border-color .2s}
.addr-card:hover{border-color:rgba(201,168,130,.3)}
.addr-card.is-default{border-color:rgba(201,168,130,.45)}
.addr-top-row{display:flex;align-items:center;gap:.6rem;margin-bottom:.5rem;flex-wrap:wrap}
.addr-label-tag{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);font-weight:500}
.addr-default-badge{font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;color:var(--obsidian);background:var(--gold);padding:.2rem .6rem;border-radius:999px}
.addr-name-line{font-size:.85rem;color:var(--cream);margin-bottom:.2rem}
.addr-detail-line{font-size:.78rem;color:var(--muted);line-height:1.5}
.addr-card-actions{display:flex;gap:.5rem;margin-top:.9rem;flex-wrap:wrap}
.addr-empty{text-align:center;padding:3.5rem 1rem;color:var(--muted);font-size:.84rem}

/* ── WISHLIST ── */
.wishlist-empty{text-align:center;padding:4rem;color:var(--muted);font-size:.84rem}
.wish-heart-btn{position:absolute;top:.75rem;left:.75rem;z-index:3;width:32px;height:32px;border-radius:50%;background:rgba(13,11,15,.55);backdrop-filter:blur(4px);border:1px solid rgba(201,168,130,.25);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}
.wish-heart-btn:hover{border-color:var(--gold)}
.wish-heart-btn svg{width:16px;height:16px;stroke:var(--champagne);fill:none;transition:all .2s}
.wish-heart-btn.active svg{stroke:var(--gold);fill:var(--gold)}
.wish-remove-btn{position:absolute;top:.75rem;left:.75rem;z-index:3;width:32px;height:32px;border-radius:50%;background:rgba(13,11,15,.65);border:1px solid rgba(201,112,112,.35);color:#c97070;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.85rem;transition:all .2s}
.wish-remove-btn:hover{background:rgba(201,112,112,.15)}
.myorder-card{background:var(--dark3);border:1px solid rgba(201,168,130,.14);border-radius:var(--radius-lg);margin-bottom:1.1rem;overflow:hidden;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm)}
.myorder-card:hover{border-color:rgba(201,168,130,.35);box-shadow:var(--shadow-md)}
.myorder-card-top{display:flex;justify-content:space-between;align-items:flex-start;padding:1.3rem 1.6rem;gap:1rem;flex-wrap:wrap}
.myorder-id{font-family:'Cormorant Garant',serif;font-size:1.2rem;color:var(--cream)}
.myorder-date{font-size:.68rem;color:var(--muted);margin-top:.3rem;letter-spacing:.02em}
.myorder-status-pill{display:inline-flex;align-items:center;gap:.4rem;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;padding:.35rem .8rem .35rem .6rem;border-radius:999px}
.myorder-status-pill svg{width:14px;height:14px;flex-shrink:0}
.myorder-empty{text-align:center;padding:4rem;color:var(--muted);font-size:.84rem}
.myorder-products{border-top:1px solid rgba(201,168,130,.08)}
.myorder-product-row{display:flex;align-items:center;gap:1.2rem;padding:1.1rem 1.6rem;border-top:1px solid rgba(201,168,130,.06)}
.myorder-product-row:first-child{border-top:none}
.myorder-product-img{width:64px;height:64px;background:var(--dark2);border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.2rem;overflow:hidden;border:1px solid rgba(201,168,130,.12)}
.myorder-product-img img{width:100%;height:100%;object-fit:contain}
.myorder-product-name{flex:1;font-size:.86rem;color:var(--cream);line-height:1.4}
.myorder-product-price{font-size:.92rem;color:var(--gold);font-weight:500;white-space:nowrap}
.myorder-view-btn{background:var(--gold);color:var(--obsidian);border:none;padding:.62rem 1.45rem;font-family:'Inter',sans-serif;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;font-weight:500;cursor:pointer;transition:background .2s;white-space:nowrap;border-radius:9px}
.myorder-view-btn:hover{background:var(--champagne)}

/* ── ORDER DETAIL PAGE ── */
.order-detail-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:var(--muted);margin-bottom:1.8rem;flex-wrap:wrap}
.order-detail-breadcrumb a{color:var(--muted);text-decoration:none;cursor:pointer;transition:color .2s}
.order-detail-breadcrumb a:hover{color:var(--champagne)}
.order-detail-breadcrumb span.sep{color:rgba(201,168,130,.3)}
.order-detail-breadcrumb span.current{color:var(--champagne)}
.order-detail-head{text-align:left;margin-bottom:1.8rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}
.order-detail-head h2{font-family:'Cormorant Garant',serif;font-weight:300;font-size:1.9rem;color:var(--cream);margin-bottom:0}
.order-detail-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:2.2rem;align-items:start}
@media(max-width:880px){.order-detail-grid{grid-template-columns:1fr}}
.order-detail-card{background:var(--dark3);border:1px solid rgba(201,168,130,.14);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-md)}
.order-detail-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}
@media(max-width:560px){.order-detail-info-grid{grid-template-columns:1fr}}
.order-detail-subhead{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:.9rem}
.order-detail-address{font-size:.86rem;color:var(--cream);line-height:1.8}
.order-detail-address .muted-line{color:var(--muted);font-size:.78rem;margin-top:.6rem}
.order-summary-row{display:flex;justify-content:space-between;font-size:.82rem;color:var(--muted);margin-bottom:.7rem}
.order-summary-row span:last-child{color:var(--cream)}
.order-summary-row.grand{border-top:1px solid rgba(201,168,130,.15);padding-top:.8rem;margin-top:.4rem;font-size:.9rem}
.order-summary-row.grand span{color:var(--champagne);font-weight:500}
.order-summary-row.paid span:last-child{color:#8bc98b}
.order-summary-row.due span:last-child{color:#c97070}
.order-detail-products-table{width:100%;border-collapse:collapse;margin-top:1.8rem}
.order-detail-products-table th{text-align:left;font-size:.63rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);padding-bottom:.8rem;border-bottom:1px solid rgba(201,168,130,.15);font-weight:500}
.order-detail-products-table td{padding:1rem 0;border-bottom:1px solid rgba(201,168,130,.08);font-size:.82rem;color:var(--cream);vertical-align:middle}
.order-detail-products-table td:last-child,.order-detail-products-table th:last-child{text-align:right}
.order-detail-prod-cell{display:flex;align-items:center;gap:1rem}
.order-detail-prod-cell .myorder-product-img{width:52px;height:52px}
.order-history-timeline{background:var(--dark3);border:1px solid rgba(201,168,130,.14);border-radius:var(--radius-lg);padding:1.9rem;box-shadow:var(--shadow-md)}
.order-history-timeline h3{font-family:'Cormorant Garant',serif;font-weight:400;font-size:1.3rem;color:var(--cream);margin-bottom:1.5rem}
.timeline-list{position:relative;padding-left:1.5rem}
.timeline-list::before{content:'';position:absolute;left:5px;top:6px;bottom:6px;width:1px;background:rgba(201,168,130,.18)}
.timeline-item{position:relative;padding-bottom:1.7rem}
.timeline-item:last-child{padding-bottom:0}
.timeline-item::before{content:'';position:absolute;left:-1.5rem;top:3px;width:10px;height:10px;border-radius:50%;background:var(--obsidian);border:2px solid var(--gold)}
.timeline-item.is-cancelled::before{border-color:#c97070}
.timeline-title{font-size:.8rem;letter-spacing:.03em;color:var(--champagne);font-weight:500;margin-bottom:.35rem}
.timeline-note{font-size:.76rem;color:var(--muted);line-height:1.6;margin-bottom:.35rem}
.timeline-date{font-size:.68rem;color:var(--muted);opacity:.75;letter-spacing:.04em}

footer{border-top:1px solid rgba(201,168,130,.11);padding:3.6rem 3rem 0;max-width:1180px;margin:0 auto}
.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1.3fr;gap:3rem;padding-bottom:2.6rem}
.footer-logo-row{display:flex;align-items:center;gap:.6rem;margin-bottom:1.1rem}
.footer-logo-text{font-family:'Cormorant Garant',serif;font-size:1.2rem;font-weight:600;color:var(--champagne);letter-spacing:.12em}
.footer-desc{font-size:.8rem;line-height:1.75;color:var(--muted);max-width:340px;margin-bottom:1.1rem}
.footer-contact-line{display:flex;align-items:center;gap:.55rem;font-size:.78rem;color:var(--muted);margin-bottom:.5rem}
.footer-contact-icon{font-size:.8rem}
.footer-col-title{font-family:'Inter',sans-serif;font-weight:600;font-size:.86rem;color:var(--cream);margin-bottom:1.1rem;letter-spacing:.02em}
.footer-link{display:block;font-size:.78rem;color:var(--muted);text-decoration:none;margin-bottom:.75rem;transition:color .2s}
.footer-link:hover{color:var(--champagne)}
.footer-join-row{display:flex;border:1px solid rgba(201,168,130,.22)}
.footer-join-input{flex:1;background:#fff;border:none;color:#1a1a1a;padding:.75rem .9rem;font-size:.78rem;font-family:'Inter',sans-serif;outline:none}
.footer-join-input::placeholder{color:#8a8a8a}
.footer-join-btn{background:var(--gold);color:var(--obsidian);border:none;padding:.75rem 1.3rem;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;cursor:pointer;font-family:'Inter',sans-serif;transition:background .2s}
.footer-join-btn:hover{background:var(--champagne)}
.footer-social-row{display:flex;gap:.7rem}
.footer-social-btn{width:38px;height:38px;border-radius:50%;border:1px solid rgba(201,168,130,.3);color:var(--gold);display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:.62rem;letter-spacing:.02em;font-weight:600;transition:all .2s}
.footer-social-btn:hover{background:rgba(201,168,130,.1);border-color:var(--gold);color:var(--champagne)}
.footer-bottom{border-top:1px solid rgba(201,168,130,.11);padding:1.6rem 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}
.footer-copy{font-size:.7rem;color:var(--muted)}
.footer-policy-row{display:flex;gap:1.6rem;flex-wrap:wrap}
.footer-policy-link{font-size:.68rem;letter-spacing:.06em;color:var(--muted);text-decoration:none;transition:color .2s}
.footer-policy-link:hover{color:var(--champagne)}
@media(max-width:780px){.footer-top{grid-template-columns:1fr;gap:2.4rem}}

/* ── RESPONSIVE ── */
@media(max-width:768px){
  nav{padding:1rem 1.25rem}
  .nav-links{display:none}
  .hero-content{grid-template-columns:1fr;text-align:center;gap:2rem;padding:0 1.25rem}
  .hero-eyebrow{justify-content:center}
  .hero-desc{margin:0 auto 2.2rem}
  .hero-actions{justify-content:center}
  .hero-visual{order:-1}
  section{padding:3.5rem 1.25rem}
  .admin-grid{grid-template-columns:1fr}
  .modal{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);border-radius:20px;max-height:92vh}
  .modal-img{min-height:200px;height:auto}
  .modal-body{border-left:none}
  .modal-scroll{padding:1.8rem 1.5rem 1rem}
  .modal-footer{padding:1.1rem 1.5rem 1.5rem}
  .cart-sidebar{width:100%;right:-100%}
  .checkout-body{grid-template-columns:1fr}
  .checkout-form-col{border-right:none;border-bottom:1px solid rgba(201,168,130,.1)}
  .about-grid{grid-template-columns:1fr}
  .contact-grid{grid-template-columns:1fr !important}
  footer{padding:2rem 1.25rem;flex-direction:column;align-items:flex-start}
  .admin-wrap{padding:3.5rem 1.25rem}
}
#backToTopBtn{position:fixed;bottom:2rem;right:2rem;width:52px;height:52px;background:var(--gold);color:var(--obsidian);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .25s ease;z-index:999;border-radius:4px;box-shadow:0 4px 14px rgba(0,0,0,.3)}
#backToTopBtn.show{opacity:1;visibility:visible;transform:translateY(0)}
#backToTopBtn:hover{background:var(--champagne)}/* ===== Motion / Animation System ===== */
@keyframes fadeInUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes scaleIn{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}
@keyframes pageFadeIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes badgeBump{0%{transform:scale(1)}45%{transform:scale(1.4)}100%{transform:scale(1)}}
@keyframes spinSlow{from{transform:rotate(0)}to{transform:rotate(360deg)}}

.page-fade-in{animation:pageFadeIn .55s cubic-bezier(.16,1,.3,1) both}

.hero-eyebrow,.hero-title,.hero-tagline,.hero-desc,.hero-actions{opacity:0;animation:fadeInUp .85s cubic-bezier(.16,1,.3,1) both}
.hero-eyebrow{animation-delay:.05s}
.hero-title{animation-delay:.16s}
.hero-tagline{animation-delay:.32s}
.hero-desc{animation-delay:.46s}
.hero-actions{animation-delay:.6s}
.hero-visual{opacity:0;animation:scaleIn 1.05s cubic-bezier(.16,1,.3,1) .35s both}

.reveal{opacity:0;transform:translateY(32px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
.reveal.in{opacity:1;transform:translateY(0)}
.reveal-scale{opacity:0;transform:scale(.94);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}
.reveal-scale.in{opacity:1;transform:scale(1)}

.badge-bump{animation:badgeBump .45s ease}

.btn-primary,.btn-ghost,.nav-cta,.checkout-btn,.place-order-btn,.modal-add,.submit-product-btn,.sidebar-clear-all-btn,.footer-join-btn{transition:background .2s ease,transform .2s ease,box-shadow .2s ease}
.btn-primary:hover,.nav-cta:hover,.checkout-btn:hover,.place-order-btn:hover,.modal-add:hover,.submit-product-btn:hover,.sidebar-clear-all-btn:hover,.footer-join-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(201,168,130,.3)}
.btn-ghost:hover{transform:translateY(-2px)}
.btn-primary:active,.nav-cta:active,.checkout-btn:active,.place-order-btn:active{transform:translateY(0)}

.add-to-cart{transition:color .2s ease,transform .2s ease}
.add-to-cart:hover{transform:translateX(3px)}

.footer-social-btn{transition:all .25s cubic-bezier(.34,1.56,.64,1)}
.footer-social-btn:hover{transform:translateY(-3px) scale(1.08)}

#backToTopBtn{transition:all .25s ease,opacity .3s ease,visibility .3s ease,transform .3s cubic-bezier(.34,1.56,.64,1)}
#backToTopBtn:hover{transform:translateY(-4px) scale(1.06)}

.size-chip,.modal-size-chip{transition:all .18s ease}
.size-chip:hover,.modal-size-chip:hover{transform:translateY(-2px)}

.qty-btn{transition:all .15s ease}
.qty-btn:hover{transform:scale(1.12)}

@media (prefers-reduced-motion: reduce){
  *{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important}
}

/* ══════════════════════════════════════════════════════════════════════
   MODERN UI ENHANCEMENT LAYER — cursor fx, aurora bg, shine, glass, micro-interactions
   ══════════════════════════════════════════════════════════════════════ */
html{scroll-behavior:smooth}
::selection{background:var(--gold);color:var(--obsidian)}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:var(--obsidian)}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--gold),var(--champagne));border-radius:10px;border:2px solid var(--obsidian)}
::-webkit-scrollbar-thumb:hover{background:var(--champagne)}

/* ── Scroll progress bar ── */
#scrollProgress{position:fixed;top:0;left:0;height:2.5px;width:0%;background:linear-gradient(90deg,var(--gold),var(--champagne),var(--gold));z-index:9999;transition:width .1s linear;box-shadow:0 0 8px rgba(201,168,130,.6)}

/* ── Cursor glow (desktop only) ── */
#cursorGlow{position:fixed;top:0;left:0;width:420px;height:420px;border-radius:50%;pointer-events:none;z-index:2;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(201,168,130,.10) 0%,transparent 68%);opacity:0;transition:opacity .4s ease;will-change:transform}
#cursorGlow.active{opacity:1}
@media(max-width:900px),(hover:none){#cursorGlow{display:none}}

/* ── Preloader ── */
#preloader{position:fixed;inset:0;z-index:10000;background:var(--obsidian);display:flex;align-items:center;justify-content:center;transition:opacity .6s cubic-bezier(.16,1,.3,1),visibility .6s}
#preloader.hide{opacity:0;visibility:hidden;pointer-events:none}
.preloader-inner{display:flex;flex-direction:column;align-items:center;gap:1.3rem}
.preloader-logo{font-family:'Cormorant Garant',serif;font-size:2.1rem;letter-spacing:.16em;color:var(--champagne);animation:preloaderPulse 1.6s ease-in-out infinite}
.preloader-logo span{color:var(--gold)}
.preloader-bar{width:160px;height:2px;background:rgba(201,168,130,.15);border-radius:2px;overflow:hidden}
.preloader-bar-fill{width:40%;height:100%;background:linear-gradient(90deg,transparent,var(--gold),transparent);animation:preloaderSlide 1.1s ease-in-out infinite}
@keyframes preloaderPulse{0%,100%{opacity:.55;letter-spacing:.16em}50%{opacity:1;letter-spacing:.22em}}
@keyframes preloaderSlide{0%{transform:translateX(-160%)}100%{transform:translateX(360%)}}

/* ── Nav: scrolled state ── */
nav{transition:background .35s ease,box-shadow .35s ease,padding .35s ease,border-color .35s ease}
nav.nav-scrolled{padding-top:.85rem;padding-bottom:.85rem;background:rgba(13,11,15,.97);box-shadow:0 10px 30px -12px rgba(0,0,0,.55);border-bottom-color:rgba(201,168,130,.24)}
.nav-logo{position:relative;isolation:isolate}
.nav-logo::before{content:'';position:absolute;left:2px;top:50%;width:46px;height:46px;transform:translateY(-50%) scale(.7);border-radius:50%;background:radial-gradient(circle,rgba(201,168,130,.45) 0%,transparent 72%);opacity:0;transition:opacity .45s ease,transform .45s cubic-bezier(.34,1.56,.64,1);pointer-events:none;z-index:-1}
.nav-logo:hover::before{opacity:1;transform:translateY(-50%) scale(1)}
.nav-logo img{transition:transform .5s cubic-bezier(.34,1.56,.64,1),filter .5s ease}
.nav-logo:hover img{transform:rotate(-6deg) scale(1.08);filter:drop-shadow(0 6px 16px rgba(201,168,130,.55))}
.nav-logo span.dynamicSiteName{
  background:linear-gradient(120deg,var(--champagne) 25%,var(--gold) 50%,var(--champagne) 75%);
  background-size:220% auto;background-position:0 0;-webkit-background-clip:text;background-clip:text;color:transparent;
  transition:background-position .7s ease,letter-spacing .4s ease;position:relative;display:inline-block
}
.nav-logo:hover span.dynamicSiteName{background-position:100% 0;letter-spacing:.02em}
.nav-logo::after{content:'';position:absolute;left:50%;bottom:-8px;transform:translateX(-50%);width:0;height:1.5px;background:linear-gradient(90deg,transparent,var(--gold),transparent);transition:width .45s cubic-bezier(.16,1,.3,1)}
.nav-logo:hover::after{width:96%}

/* ── Aurora / animated hero background ── */
.hero-bg{overflow:hidden}
.hero-bg::before,.hero-bg::after{content:'';position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;will-change:transform}
.hero-bg::before{width:480px;height:480px;top:-140px;right:-80px;background:radial-gradient(circle,rgba(201,168,130,.35),transparent 70%);animation:auroraDrift1 16s ease-in-out infinite}
.hero-bg::after{width:380px;height:380px;bottom:-120px;left:-100px;background:radial-gradient(circle,rgba(139,158,138,.28),transparent 70%);animation:auroraDrift2 19s ease-in-out infinite}
@keyframes auroraDrift1{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-60px,50px) scale(1.15)}}
@keyframes auroraDrift2{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(50px,-40px) scale(1.1)}}
.hero-visual{isolation:isolate}

/* orbiting bottles behind the logo — ring path is invisible, only the bottle icons travel around it */
.hero-orbit-ring{position:absolute;width:340px;height:340px;border-radius:50%;border:1px solid transparent;pointer-events:none;z-index:1;animation:orbitSpin 22s linear infinite}
.hero-orbit-ring::before{content:'';position:absolute;top:-11px;left:50%;width:14px;height:20px;margin-left:-7px;filter:drop-shadow(0 0 6px rgba(201,168,130,.75));background-repeat:no-repeat;background-size:contain;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 34'%3E%3Crect x='9' y='0' width='6' height='4' rx='1' fill='%23C9A882'/%3E%3Crect x='8' y='4' width='8' height='5' rx='1' fill='%23C9A882'/%3E%3Cpath d='M5 11 L19 11 L21 30 Q21 33 18 33 L6 33 Q3 33 3 30 Z' fill='%23E8D5B0'/%3E%3Cpath d='M5 11 L19 11 L20 18 L4 18 Z' fill='%23C9A882'/%3E%3C/svg%3E")}
.hero-orbit-ring.reverse{width:410px;height:410px;border-color:transparent;animation:orbitSpinRev 30s linear infinite}
.hero-orbit-ring.reverse::before{width:11px;height:16px;margin-left:-5.5px;filter:drop-shadow(0 0 6px rgba(232,213,176,.6)) brightness(1.15)}
.hero-orbit-ring.orbit3{width:260px;height:260px;animation:orbitSpin 15s linear infinite;animation-delay:-5s}
.hero-orbit-ring.orbit3::before{width:12px;height:17px;margin-left:-6px;filter:drop-shadow(0 0 6px rgba(139,158,138,.55)) hue-rotate(20deg)}
.hero-orbit-ring.orbit4{width:470px;height:470px;animation:orbitSpinRev 26s linear infinite;animation-delay:-10s}
.hero-orbit-ring.orbit4::before{width:10px;height:14px;margin-left:-5px;filter:drop-shadow(0 0 6px rgba(201,168,130,.5)) brightness(.9)}
.hero-orbit-ring.orbit5{width:300px;height:300px;animation:orbitSpin 19s linear infinite;animation-delay:-12s}
.hero-orbit-ring.orbit5::before{width:13px;height:18px;margin-left:-6.5px;filter:drop-shadow(0 0 6px rgba(232,213,176,.6)) saturate(1.3)}
@keyframes orbitSpin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes orbitSpinRev{from{transform:rotate(360deg)}to{transform:rotate(0)}}

/* drifting sparkle particles around the bottle */
.hero-sparkle{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(232,213,176,.95),rgba(201,168,130,0) 70%);pointer-events:none;z-index:3;opacity:0;animation:sparkleDrift 4.5s ease-in-out infinite}
@keyframes sparkleDrift{0%{opacity:0;transform:translateY(10px) scale(.4)}15%{opacity:1}50%{opacity:.85;transform:translateY(-70px) scale(1)}90%{opacity:0}100%{opacity:0;transform:translateY(-110px) scale(.5)}}

/* magnetic glow + gentle scale on hover, no tilt */
.hero-visual img{transition:transform .5s cubic-bezier(.16,1,.3,1),filter .5s ease}
.hero-visual:hover img{transform:translateY(-6px) scale(1.035);filter:drop-shadow(0 26px 65px rgba(201,168,130,.45))}
.hero-visual:hover .bottle-glow{transform:scale(1.22);opacity:1}
.bottle-glow{transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .5s ease}

/* ── Product & Category card: macOS dock-style hover (magnify + label popup) ── */
.category-card,.testimonial-card,.pm-card{position:relative}
.product-card,.category-card{overflow:visible !important}
.product-card,.testimonial-card,.pm-card{transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s ease,border-color .35s ease}
.category-card{transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s ease}
.product-card:hover{transform:translateY(-9px) scale(1.045);box-shadow:0 24px 44px -18px rgba(201,168,130,.4);z-index:6}
.category-card:hover{transform:translateY(-9px) scale(1.045);box-shadow:0 24px 44px -18px rgba(201,168,130,.4);z-index:6}
.testimonial-card:hover{transform:translateY(-4px);border-color:rgba(201,168,130,.3);box-shadow:0 16px 32px -16px rgba(0,0,0,.5)}

.product-card[data-tooltip]::before,.category-card[data-tooltip]::before{
  content:attr(data-tooltip);position:absolute;top:-4px;left:50%;right:auto;bottom:auto;z-index:30;
  width:max-content;height:auto;
  transform:translate(-50%,4px) scale(.85);transform-origin:bottom center;
  opacity:0;pointer-events:none;white-space:nowrap;max-width:220px;overflow:hidden;text-overflow:ellipsis;
  background:rgba(18,16,23,.97);color:var(--champagne);font-family:'Inter',sans-serif;font-size:.7rem;
  letter-spacing:.04em;font-weight:500;padding:.55rem 1rem;border-radius:9px;
  border:1px solid rgba(201,168,130,.28);box-shadow:0 10px 26px -6px rgba(0,0,0,.55);
  transition:opacity .2s cubic-bezier(.34,1.56,.64,1),transform .2s cubic-bezier(.34,1.56,.64,1);
}
.product-card[data-tooltip]::after,.category-card[data-tooltip]::after{
  content:'';position:absolute;top:2px;left:50%;z-index:30;width:0;height:0;
  border:6px solid transparent;border-top-color:rgba(18,16,23,.97);
  transform:translate(-50%,4px) scale(.85);transform-origin:bottom center;opacity:0;pointer-events:none;
  transition:opacity .2s cubic-bezier(.34,1.56,.64,1),transform .2s cubic-bezier(.34,1.56,.64,1);
}
.product-card:hover[data-tooltip]::before,.category-card:hover[data-tooltip]::before{opacity:1;transform:translate(-50%,-14px) scale(1)}
.product-card:hover[data-tooltip]::after,.category-card:hover[data-tooltip]::after{opacity:1;transform:translate(-50%,-10px) scale(1)}

/* ── Buttons: ripple + magnetic polish ── */
.btn-primary,.btn-ghost,.nav-cta,.checkout-btn,.place-order-btn,.modal-add,.submit-product-btn,.sidebar-clear-all-btn,.footer-join-btn,.card-overlay-btn,.filter-btn{position:relative;overflow:hidden}
.ripple-el{position:absolute;border-radius:50%;background:rgba(255,255,255,.45);transform:scale(0);animation:rippleAnim .6s ease-out forwards;pointer-events:none}
@keyframes rippleAnim{to{transform:scale(2.6);opacity:0}}

/* ── Glass polish for overlays / sidebars / modal ── */
.search-overlay{background:rgba(13,11,15,.55);backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%)}
.modal-overlay{background:rgba(13,11,15,.5);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%)}
.checkout-overlay{background:rgba(13,11,15,.6);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%)}
#authOverlay{backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%)}

.modal,.cart-sidebar,.checkout-container,.auth-card{
  background:linear-gradient(165deg,rgba(36,32,48,.72) 0%,rgba(26,23,32,.82) 100%);
  backdrop-filter:blur(28px) saturate(160%);
  -webkit-backdrop-filter:blur(28px) saturate(160%);
  border:1px solid rgba(201,168,130,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),inset 0 0 60px rgba(201,168,130,.03),0 24px 60px -20px rgba(0,0,0,.6);
}
.search-overlay-box{background:rgba(247,242,236,.05);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}

/* ── Stat number pop ── */
.stat-num{display:inline-block}

/* ── Toast polish ── */
#toast{transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .4s ease !important}

/* ── Subtle grain texture over whole page for premium depth ── */
body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:1;opacity:.025;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

@media (prefers-reduced-motion: reduce){
  .hero-bg::before,.hero-bg::after,.preloader-logo,.preloader-bar-fill{animation:none !important}
}

/* Multi-season selector (admin) */
.season-multi{display:flex;flex-wrap:wrap;gap:.5rem}
.season-multi label{cursor:pointer}
.season-multi input{position:absolute;opacity:0;pointer-events:none}
.season-multi span{display:inline-block;padding:.55rem 1rem;border:1px solid rgba(201,168,130,.25);border-radius:999px;font-size:.78rem;color:var(--cream);background:rgba(255,255,255,.03);transition:all .18s ease}
.season-multi input:checked+span{background:linear-gradient(135deg,var(--gold),var(--champagne));color:var(--obsidian);border-color:transparent;font-weight:600}
.season-multi input:focus-visible+span{outline:2px solid var(--gold);outline-offset:2px}

/* Quick View: keep size + price + add-to-cart reachable with long descriptions */
.modal{max-height:88vh;max-height:88dvh}
.modal-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
@media(max-width:900px){
  .modal{max-height:92vh;max-height:92dvh}
  .modal-img{max-height:32vh;min-height:150px}
  .modal-img img{max-height:32vh}
}

/* Reviews */
.rv-stars{display:flex;gap:.3rem}
.rv-stars button{background:none;border:none;cursor:pointer;font-size:1.7rem;line-height:1;color:rgba(201,168,130,.25);padding:0;transition:color .15s,transform .15s}
.rv-stars button.on{color:var(--gold)}
.rv-stars button:hover{transform:scale(1.15)}
.filter-btn.active{color:var(--gold);border-color:var(--gold);background:rgba(201,168,130,.08)}

/* live search */
.search-overlay-wrap{width:100%;max-width:780px;display:flex;flex-direction:column;gap:.8rem;max-height:86vh}
.search-overlay-wrap .search-overlay-box{max-width:none}
.search-results{display:none;overflow-y:auto;border:1px solid rgba(201,168,130,.22);border-radius:18px;background:rgba(26,23,32,.92);padding:.4rem}
.search-results.show{display:block}
.search-result-item{display:flex;align-items:center;gap:.9rem;padding:.6rem .8rem;border-radius:12px;cursor:pointer;transition:background .15s}
.search-result-item:hover{background:rgba(201,168,130,.1)}
.search-result-img{width:46px;height:46px;border-radius:10px;background:var(--dark3);display:flex;align-items:center;justify-content:center;overflow:hidden;flex:0 0 46px;font-size:1.2rem}
.search-result-img img{width:100%;height:100%;object-fit:cover}
.search-result-info{flex:1;min-width:0}
.search-result-brand{font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.search-result-name{font-size:.95rem;color:var(--cream);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.search-result-price{font-size:.8rem;color:var(--champagne);white-space:nowrap}
.search-result-empty{padding:1rem;text-align:center;color:var(--muted);font-size:.85rem}
.search-result-all{padding:.7rem;text-align:center;color:var(--gold);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}
/* separate points option */
.points-option-card{margin:1.1rem 0 .6rem;padding:.9rem 1rem;border:1px dashed rgba(201,168,130,.35);border-radius:12px;background:rgba(201,168,130,.04)}
.points-option-title{font-size:.72rem;letter-spacing:.06em;color:var(--gold);margin-bottom:.6rem}
.points-option-sep{opacity:.5}

/* add / edit perfume — tabbed, compact form */
.pf-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.3rem;padding:.35rem;border:1px solid rgba(201,168,130,.14);border-radius:14px;background:rgba(26,23,32,.7);width:fit-content;max-width:100%}
.pf-tab{display:flex;align-items:center;gap:.55rem;padding:.65rem 1.15rem;border:none;border-radius:10px;background:transparent;color:var(--muted);font-family:inherit;font-size:.78rem;letter-spacing:.04em;cursor:pointer;transition:all .2s}
.pf-tab b{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;border:1px solid rgba(201,168,130,.35);font-size:.65rem;font-weight:600}
.pf-tab:hover{color:var(--cream)}
.pf-tab.active{background:linear-gradient(135deg,var(--gold),var(--champagne));color:var(--obsidian);font-weight:600}
.pf-tab.active b{border-color:rgba(13,11,15,.4)}
.pf-section{display:none;animation:pfFade .25s ease}
.pf-section.active{display:block}
@keyframes pfFade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.pf-hint{opacity:.55;text-transform:none;letter-spacing:0}
.pf-notes3{display:flex;flex-direction:column;gap:1.1rem}
.pf-side{position:sticky;top:6.5rem}
.pf-nav-btn{flex:0 0 auto;padding:.85rem 1.2rem;border-radius:9px;border:1px solid rgba(201,168,130,.25);background:transparent;color:var(--champagne);font-family:inherit;font-size:.78rem;letter-spacing:.06em;cursor:pointer;transition:all .2s}
.pf-nav-btn:hover{border-color:var(--gold);background:rgba(201,168,130,.08)}
#tab-addProduct .admin-actions-bar{position:static;margin:1rem 0 0}
@media(max-width:900px){.pf-side{position:static}.pf-tabs{width:100%}.pf-tab{flex:1;justify-content:center;padding:.6rem .5rem;font-size:.7rem}}

/* ═══════════ ADMIN PANEL — MODERN REDESIGN ═══════════ */
#admin{background:#15121b}
#admin .admin-wrap{max-width:1440px;padding:6.2rem 2rem 4rem}
#admin{--a-surface:#1d1925;--a-surface2:#231e2d;--a-line:rgba(255,255,255,.07);--a-line-gold:rgba(201,168,130,.22)}

/* top bar */
.adm-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.9rem 1.2rem;margin-bottom:1.4rem;background:var(--a-surface);border:1px solid var(--a-line);border-radius:16px}
.adm-brand{display:flex;align-items:center;gap:.8rem}
.adm-brand-mark{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--champagne),var(--gold));color:var(--obsidian);display:flex;align-items:center;justify-content:center;font-family:'Cormorant Garant',serif;font-size:1.5rem;font-weight:600}
.adm-brand-name{font-size:1rem;font-weight:600;color:var(--cream);letter-spacing:.02em}
.adm-brand-sub{font-size:.68rem;color:var(--muted);letter-spacing:.06em;margin-top:.1rem}
.adm-user{display:flex;align-items:center;gap:.8rem}
.adm-avatar{width:40px;height:40px;border-radius:50%;background:var(--a-surface2);border:1px solid var(--a-line-gold);color:var(--gold);display:flex;align-items:center;justify-content:center;overflow:hidden;font-weight:600;flex-shrink:0}
.adm-avatar img{width:100%;height:100%;object-fit:cover}
.adm-user-name{font-size:.86rem;font-weight:600;color:var(--cream);line-height:1.2}
.adm-user-role{font-size:.7rem;color:var(--muted);margin-top:.15rem}
.adm-logout{display:inline-flex;align-items:center;gap:.45rem;margin-left:.4rem;padding:.55rem .95rem;border-radius:10px;border:1px solid var(--a-line);background:transparent;color:#e59a9a;font-family:inherit;font-size:.74rem;cursor:pointer;transition:all .2s}
.adm-logout:hover{background:rgba(224,90,90,.12);border-color:rgba(224,90,90,.4);color:#ffb4b4}

/* sidebar */
#admin .admin-layout{gap:1.5rem}
#admin .admin-sidebar{flex:0 0 244px;top:6.2rem}
#admin .admin-sidebar .tabs{gap:.15rem;padding:.7rem;background:var(--a-surface);border:1px solid var(--a-line);border-radius:16px;box-shadow:none}
#admin .admin-sidebar .tabs::before{display:none}
.nav-group{font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:#6c667a;padding:.9rem .8rem .4rem;font-weight:600}
.nav-group:first-child{padding-top:.3rem}
#admin .admin-sidebar .tab-btn{position:relative;padding:.62rem .8rem;border-radius:10px;font-size:.82rem;letter-spacing:0;text-transform:none;font-weight:500;color:#a9a3b6;gap:.7rem;transform:none;box-shadow:none;background:transparent}
#admin .admin-sidebar .tab-btn svg{width:17px;height:17px;opacity:.8}
#admin .admin-sidebar .tab-btn:hover:not(.active){background:rgba(255,255,255,.04);color:var(--cream);transform:none}
#admin .admin-sidebar .tab-btn.active{background:rgba(201,168,130,.13);color:var(--champagne);font-weight:600;box-shadow:none;transform:none}
#admin .admin-sidebar .tab-btn.active::before{content:'';position:absolute;left:-.7rem;top:22%;bottom:22%;width:3px;border-radius:0 3px 3px 0;background:var(--gold)}
#admin .admin-sidebar .tab-btn.active svg{opacity:1;color:var(--gold)}

/* page headers & cards */
#admin .admin-page-head{border-bottom:none;padding-bottom:0;margin-bottom:1.4rem}
#admin .admin-page-head-icon{width:42px;height:42px;border-radius:12px;background:rgba(201,168,130,.12);box-shadow:none}
#admin .admin-page-head-title{font-family:'Inter',sans-serif;font-size:1.5rem;font-weight:650;letter-spacing:-.01em}
#admin .admin-page-head-title em{font-style:normal;color:var(--gold)}
#admin .admin-page-head-sub{font-size:.8rem}
#admin .admin-card,#admin .dash-card,#admin .dash-stat-card{background:var(--a-surface);border:1px solid var(--a-line);border-radius:16px;box-shadow:none}
#admin .admin-card-title{font-family:'Inter',sans-serif;font-size:1rem;font-weight:600}
#admin .admin-card-icon{border-radius:11px}

/* dashboard */
.dash-hero{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.4rem}
.dash-hero-title{font-size:1.7rem;font-weight:650;color:var(--cream);letter-spacing:-.015em}
.dash-hero-sub{font-size:.82rem;color:var(--muted);margin-top:.3rem}
.dash-hero-actions{display:flex;gap:.6rem}
.dash-act{padding:.62rem 1.1rem;border-radius:10px;border:1px solid var(--a-line);background:var(--a-surface);color:var(--cream);font-family:inherit;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}
.dash-act:hover{border-color:var(--a-line-gold);background:var(--a-surface2)}
.dash-act.primary{background:linear-gradient(135deg,var(--champagne),var(--gold));color:var(--obsidian);border-color:transparent;font-weight:600}
.dash-act.primary:hover{filter:brightness(1.07)}
#admin .dash-stats-grid{gap:1rem;margin-bottom:1.2rem}
#admin .dash-stat-card{position:relative;overflow:hidden;padding:1.25rem 1.3rem;transition:transform .2s,border-color .2s}
#admin .dash-stat-card:hover{transform:translateY(-2px);border-color:var(--a-line-gold)}
#admin .dash-stat-card::after{content:'';position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;background:var(--sc,rgba(201,168,130,.12));filter:blur(18px);opacity:.55;pointer-events:none}
.dash-stat-customers{--sc:#6aa7ff}.dash-stat-orders{--sc:#b08cff}.dash-stat-products{--sc:#4fd1a5}.dash-stat-revenue{--sc:#ffb86b}
#admin .dash-stat-icon{width:42px;height:42px;border-radius:12px;background:color-mix(in srgb,var(--sc,#C9A882) 18%,transparent);color:var(--sc,var(--gold));margin-bottom:1rem}
#admin .dash-stat-value{font-family:'Inter',sans-serif;font-size:1.75rem;font-weight:700;letter-spacing:-.02em}
#admin .dash-stat-label{font-size:.74rem;letter-spacing:.02em;text-transform:none;font-weight:500;margin-top:.35rem}
#admin .dash-row{margin-bottom:1.2rem}
#admin .dash-row-split{gap:1.2rem}
#admin .dash-card{padding:1.35rem 1.4rem}
#admin .dash-card-title{font-family:'Inter',sans-serif;font-size:1rem;font-weight:600}
#admin .dash-card-sub{font-size:.74rem}
#admin .dash-list-row{padding:.85rem 1.4rem;transition:background .15s}
#admin .dash-list-row:hover{background:rgba(255,255,255,.025)}
#tab-dashboard [style*="Cormorant"]{font-family:'Inter',sans-serif !important;font-weight:600}

@media(max-width:900px){
  #admin .admin-wrap{padding:5rem 1rem 3rem}
  #admin .admin-sidebar{flex:1 1 auto;position:relative;top:0}
  #admin .admin-sidebar .tabs{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;padding:.5rem;gap:.3rem}
  #admin .admin-sidebar .tab-btn{width:auto;flex:0 0 auto}
  #admin .admin-sidebar .tab-btn.active::before{display:none}
  .nav-group{display:none}
  .adm-user-info{display:none}
}

/* ═══════════ CUSTOMER ACCOUNT — MODERN REDESIGN ═══════════ */
#accountPage{--c-surface:#1d1925;--c-surface2:#231e2d;--c-line:rgba(255,255,255,.07);--c-line-gold:rgba(201,168,130,.25)}
#accountPage .account-wrap{max-width:1100px;padding:7rem 2rem 4rem}

/* profile banner */
#accountPage .account-profile-card{padding:1.6rem 1.8rem;border-radius:20px;margin-bottom:1.6rem;background:radial-gradient(120% 140% at 0% 0%,rgba(201,168,130,.16),transparent 55%),var(--c-surface);border:1px solid var(--c-line)}
#accountPage .account-profile-card::before{display:none}
#accountPage .account-profile-left{gap:1.1rem}
#accountPage .acct-avatar{width:68px;height:68px;font-family:'Inter',sans-serif;font-weight:600;font-size:1.5rem;background:var(--c-surface2);box-shadow:0 0 0 2px var(--gold),0 0 0 6px rgba(201,168,130,.14)}
.acct-hello{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:.2rem}
#accountPage .account-name{font-family:'Inter',sans-serif;font-size:1.45rem;font-weight:650;letter-spacing:-.015em}
#accountPage .acct-username{display:inline-block;margin-top:.35rem;padding:.15rem .6rem;border-radius:999px;background:rgba(201,168,130,.12);font-size:.7rem;letter-spacing:.02em}
#accountPage .account-email{margin-top:.4rem}
#accountPage .account-logout-btn{border-radius:10px;padding:.62rem 1.1rem;font-size:.76rem;letter-spacing:0;text-transform:none;background:transparent;border:1px solid var(--c-line);color:#e59a9a;font-weight:500}
#accountPage .account-logout-btn:hover{background:rgba(224,90,90,.12);border-color:rgba(224,90,90,.4);color:#ffb4b4;box-shadow:none}

/* stat cards */
#accountPage .acct-stats-row{gap:1rem;margin-bottom:2rem}
#accountPage .acct-stat-card{padding:1.2rem 1.25rem;border-radius:16px;background:var(--c-surface);border:1px solid var(--c-line);gap:.8rem}
#accountPage .acct-stat-card::after{content:'';position:absolute;right:-30px;bottom:-40px;width:110px;height:110px;border-radius:50%;background:var(--stat-ic,var(--gold));filter:blur(34px);opacity:.14;pointer-events:none}
#accountPage .acct-stat-card:hover{transform:translateY(-3px);border-color:var(--c-line-gold);box-shadow:0 14px 30px -16px rgba(0,0,0,.6)}
#accountPage .acct-stat-icon{border-radius:12px;background:color-mix(in srgb,var(--stat-ic,#C9A882) 18%,transparent)}
#accountPage .acct-stat-value{font-family:'Inter',sans-serif;font-size:1.8rem;font-weight:700;letter-spacing:-.02em}
#accountPage .acct-stat-label{font-size:.76rem;letter-spacing:.01em;text-transform:none;font-weight:500;margin-top:-.3rem}

/* section heading + action cards */
#accountPage .acct-section-heading{font-size:.72rem;letter-spacing:.12em;font-weight:600;color:#8d869b;margin-bottom:.9rem}
#accountPage .acct-section-heading::after{background:var(--c-line)}
#accountPage .acct-dash-grid{gap:.8rem}
#accountPage .acct-dash-card{padding:1rem 1.15rem;border-radius:14px;background:var(--c-surface);border:1px solid var(--c-line)}
#accountPage .acct-dash-card:hover{transform:translateY(-2px);background:var(--c-surface2);border-color:var(--c-line-gold);box-shadow:none}
#accountPage .acct-icon-circle{width:42px;height:42px;border-radius:12px;background:rgba(201,168,130,.12)}
#accountPage .acct-dash-label{font-family:'Inter',sans-serif;font-size:.92rem;font-weight:600;letter-spacing:0}
#accountPage .acct-dash-sub{font-size:.74rem}

/* sub-pages */
#accountPage .acct-back-link{text-transform:none;letter-spacing:0;font-size:.8rem;font-weight:500;border-radius:10px;padding:.5rem .95rem;background:var(--c-surface);border:1px solid var(--c-line);color:var(--cream)}
#accountPage .acct-back-link:hover{border-color:var(--c-line-gold);background:var(--c-surface2)}
#accountPage .acct-section-card,#accountPage .myorder-card,#accountPage .points-history-row{background:var(--c-surface);border:1px solid var(--c-line);border-radius:16px;box-shadow:none}
#accountPage .acct-section-card{max-width:620px}
#accountPage .myorder-card:hover,#accountPage .points-history-row:hover{border-color:var(--c-line-gold);box-shadow:none}
#accountPage .myorder-id{font-family:'Inter',sans-serif;font-size:1rem;font-weight:600}
#accountPage .myorder-view-btn{border-radius:10px;text-transform:none;letter-spacing:0;font-size:.78rem;font-weight:600}
#accountPage .points-rule-box{border-radius:14px}

@media(max-width:700px){
  #accountPage .account-wrap{padding:5.5rem 1rem 3rem}
  #accountPage .account-profile-card{flex-direction:column;align-items:flex-start;gap:1.1rem;padding:1.3rem}
  #accountPage .acct-stats-row{grid-template-columns:repeat(2,1fr)}
}

/* customer account — sidebar layout (matches admin) */
#accountPage .account-wrap{max-width:1300px;padding:6.2rem 2rem 4rem}
.acct-layout{display:flex;align-items:flex-start;gap:1.5rem}
.acct-sidebar{flex:0 0 244px;position:sticky;top:6.2rem}
.acct-nav{display:flex;flex-direction:column;gap:.15rem;padding:.7rem;background:var(--c-surface,#1d1925);border:1px solid rgba(255,255,255,.07);border-radius:16px}
.acct-nav-btn{position:relative;display:flex;align-items:center;gap:.7rem;width:100%;padding:.62rem .8rem;border:none;border-radius:10px;background:transparent;color:#a9a3b6;font-family:inherit;font-size:.82rem;font-weight:500;cursor:pointer;text-align:left;transition:all .2s}
.acct-nav-btn svg{opacity:.8;flex-shrink:0}
.acct-nav-btn:hover:not(.active){background:rgba(255,255,255,.04);color:var(--cream)}
.acct-nav-btn.active{background:rgba(201,168,130,.13);color:var(--champagne);font-weight:600}
.acct-nav-btn.active svg{opacity:1;color:var(--gold)}
.acct-nav-btn.active::before{content:'';position:absolute;left:-.7rem;top:22%;bottom:22%;width:3px;border-radius:0 3px 3px 0;background:var(--gold)}
.acct-main{flex:1;min-width:0}
#accountPage .acct-back-link{display:none}
#accountPage .acct-section-card{max-width:680px}
#accountPage .admin-page-head{border-bottom:none;padding-bottom:0;margin-bottom:1.4rem}
#accountPage .admin-page-head-icon{width:42px;height:42px;border-radius:12px;background:rgba(201,168,130,.12);box-shadow:none}
#accountPage .admin-page-head-title{font-family:'Inter',sans-serif;font-size:1.5rem;font-weight:650;letter-spacing:-.01em}
#accountPage .admin-page-head-title em{font-style:normal;color:var(--gold)}
#accountPage .dash-hero{margin-bottom:1.4rem}
.acct-recent-card{background:var(--c-surface,#1d1925);border:1px solid rgba(255,255,255,.07);border-radius:16px;overflow:hidden}
.acct-recent-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.3rem 1.4rem 1rem}
#accountPage .dash-list-row{padding:.85rem 1.4rem;border-bottom:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;align-items:center;gap:1rem;transition:background .15s}
#accountPage .dash-list-row:hover{background:rgba(255,255,255,.025)}
#accountPage .dash-list-row:last-child{border-bottom:none}
#accountPage .dash-card-title{font-size:1rem;font-weight:600;color:var(--cream)}
#accountPage .dash-card-sub{font-size:.74rem;color:var(--muted);margin-top:.2rem}
@media(max-width:900px){
  #accountPage .account-wrap{padding:5rem 1rem 3rem}
  .acct-layout{flex-direction:column}
  .acct-sidebar{position:relative;top:0;width:100%;flex:1 1 auto}
  .acct-nav{flex-direction:row;overflow-x:auto;padding:.5rem;gap:.3rem}
  .acct-nav-btn{width:auto;flex:0 0 auto;white-space:nowrap}
  .acct-nav-btn.active::before{display:none}
}

/* ══ QUICK VIEW v3 (dark) ══ */
.modal-overlay{background:rgba(8,7,10,.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:1.5rem}
.modal{background:#16131d !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;color:var(--cream);max-width:940px;grid-template-columns:44% 56%;border:1px solid rgba(201,168,130,.18) !important;border-radius:24px;box-shadow:0 40px 100px -20px rgba(0,0,0,.8) !important;overflow:hidden}
.modal-close{top:1rem;right:1rem;width:36px;height:36px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);color:var(--cream);z-index:20}
.modal-close:hover{background:var(--gold);color:var(--obsidian);border-color:var(--gold);transform:none}
.modal-img{background:radial-gradient(circle at 50% 38%,rgba(201,168,130,.22) 0%,rgba(201,168,130,0) 62%),#1b1724;background-image:radial-gradient(circle at 50% 38%,rgba(201,168,130,.22) 0%,rgba(201,168,130,0) 62%);min-height:480px;border:none;border-right:1px solid rgba(201,168,130,.12)}
.modal-img::before{display:none}
.modal-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:none}
.modal-img-ph{width:50%;display:flex;align-items:center;justify-content:center}
.modal-img-ph svg{max-width:100%;height:auto}
.modal-img .wish-heart-btn{top:1rem;left:1rem;width:38px;height:38px;background:rgba(22,19,29,.7);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(6px)}
.modal-img .wish-heart-btn svg{stroke:var(--cream)}
.modal-img .wish-heart-btn.active svg{stroke:var(--gold);fill:var(--gold)}
.modal-body{border:none;background:transparent}
.modal-scroll{padding:2.2rem 2.2rem 1rem;gap:1.4rem}
.modal-head{display:flex;flex-direction:column;gap:.5rem;padding-right:2.6rem}
.modal-brand{font-size:.7rem;letter-spacing:.24em;font-weight:600;color:var(--gold)}
.modal-brand::before{display:none}
.modal-name{font-family:'Cormorant Garant',serif;font-size:2.4rem;font-weight:500;background:none;-webkit-background-clip:initial;background-clip:initial;color:var(--cream);line-height:1.05;margin:0}
.modal-badges{gap:.4rem;margin-top:.3rem}
.modal-badge{font-size:.68rem;padding:.3rem .7rem;border-radius:999px;border:1px solid rgba(201,168,130,.2);background:rgba(201,168,130,.06);color:var(--champagne);font-weight:500}
.modal-badge-stock{display:inline-flex;align-items:center;gap:.4rem;background:rgba(127,210,154,.1);border-color:rgba(127,210,154,.3);color:#86d6a0}
.modal-badge-stock i{width:6px;height:6px;border-radius:50%;background:currentColor}
.modal-badge-stock.oos{background:rgba(228,138,138,.1);border-color:rgba(228,138,138,.3);color:#e89a9a}
.modal-badge-sku{display:none}
.modal-section{display:flex;flex-direction:column;gap:.7rem}
.modal-size-label{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-weight:600;margin:0}
.modal-desc{font-size:.88rem;line-height:1.75;color:#aaa4b3;font-style:normal;padding:0;border:none;white-space:pre-line}
.modal-sizes{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:.6rem}
.modal-size-chip{display:flex;flex-direction:column;align-items:center;gap:.15rem;min-width:0;padding:.8rem .5rem;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.03);color:var(--cream);box-shadow:none;transition:border-color .15s,background .15s}
.modal-size-chip:hover{transform:none;border-color:var(--gold);background:rgba(201,168,130,.07)}
.modal-size-chip.selected{background:linear-gradient(145deg,var(--gold),var(--champagne));border-color:transparent;color:var(--obsidian);box-shadow:0 10px 24px -10px rgba(201,168,130,.6);transform:none}
.msc-ml{font-size:1.05rem;font-weight:700}
.msc-price{font-size:.74rem;color:#a39dac}
.modal-size-chip.selected .msc-price{color:#4a3d2b;font-weight:600}
.modal-size-chip-oos{opacity:.4}
.modal-size-chip-oos:hover{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.03)}
.modal-size-chip-oos .msc-ml{text-decoration:line-through}
#modalNotesGrid.modal-notes-grid{display:flex !important;flex-direction:column;gap:.5rem;background:none;border:none;padding:0;border-radius:0}
#modalNotesGrid.modal-notes-grid[hidden]{display:none !important}
.qv-note{display:flex;align-items:flex-start;gap:1rem;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:.75rem .95rem}
.qv-note-label{flex:0 0 52px;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--gold);padding-top:.32rem}
.qv-note-chips{display:flex;flex-wrap:wrap;gap:.35rem}
.qv-chip{background:rgba(201,168,130,.09);border:1px solid rgba(201,168,130,.2);color:var(--cream);font-size:.78rem;padding:.26rem .7rem;border-radius:999px}
.modal-footer{gap:1.2rem;padding:1.1rem 2.2rem 1.6rem;border-top:1px solid rgba(255,255,255,.08);background:#16131d}
.modal-price-wrap{display:flex;flex-direction:column;gap:.1rem;flex-shrink:0}
.modal-price-label{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:#8f8998}
.modal-price{font-family:'Inter',sans-serif;font-size:1.6rem;font-weight:700;letter-spacing:-.02em;background:none;-webkit-background-clip:initial;background-clip:initial;color:var(--champagne)}
.modal-add{background:linear-gradient(135deg,var(--gold),var(--champagne));color:var(--obsidian);border-radius:14px;padding:1.05rem 1.4rem;font-size:.8rem;letter-spacing:.1em;font-weight:700;text-transform:uppercase;box-shadow:0 12px 26px -12px rgba(201,168,130,.6)}
.modal-add:hover{background:linear-gradient(135deg,var(--champagne),var(--gold));transform:translateY(-1px);box-shadow:0 16px 30px -12px rgba(201,168,130,.7)}
.modal-add:disabled{background:#3a3543;color:#8f8998;box-shadow:none}
@media(max-width:900px){
  .modal{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);border-radius:20px}
  .modal-img{min-height:0;height:26vh;max-height:26vh;border-right:none;border-bottom:1px solid rgba(201,168,130,.12)}
  .modal-scroll{padding:1.3rem 1.2rem .8rem;gap:1.2rem}
  .modal-footer{padding:1rem 1.2rem 1.2rem}
  .modal-name{font-size:1.9rem}
}
@media(max-width:520px){.modal-overlay{padding:.6rem}}

/* Brand logo in admin / account top bar */
.adm-brand-mark{width:46px;height:46px;border-radius:0;background:none !important;box-shadow:none;padding:0;overflow:visible}
.adm-brand-mark img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 2px 8px rgba(201,168,130,.25))}

/* ══ HOME REVIEWS ══ */
.rv-section{max-width:1280px;padding-top:4.5rem;padding-bottom:4.5rem}
.rv-wrap{display:grid;grid-template-columns:minmax(260px,.85fr) 2fr;gap:3.5rem;align-items:start}
.rv-eyebrow{font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:1.4rem}
.rv-title{font-family:'Cormorant Garant',serif;font-weight:400;font-size:clamp(2.4rem,3.9vw,3.6rem);line-height:1.02;color:var(--cream);letter-spacing:-.01em;margin-bottom:1.5rem}
.rv-sub{font-size:1rem;line-height:1.7;color:var(--muted);margin-bottom:1.6rem;max-width:380px}
.rv-summary{display:flex;align-items:center;gap:.5rem;font-size:.95rem;color:#c9c3d0;margin-bottom:1.8rem}
.rv-summary b{color:var(--cream);font-weight:600}
.rv-sum-star{color:var(--gold);font-size:1.25rem;line-height:1}
.rv-btn{font-family:'Inter',sans-serif;font-size:.95rem;font-weight:500;border-radius:12px;padding:.95rem 1.7rem;cursor:pointer;border:1px solid transparent;transition:background .2s,color .2s,transform .2s}
.rv-btn-dark{background:var(--cream);color:var(--obsidian)}
.rv-btn-dark:hover{background:var(--gold);transform:translateY(-1px)}
.rv-right{min-width:0}
.rv-track{display:flex;gap:1.25rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:.4rem .2rem 1.6rem;-webkit-overflow-scrolling:touch}
.rv-track::-webkit-scrollbar{display:none}
.rv-card{flex:0 0 calc((100% - 2.5rem)/3);min-width:260px;scroll-snap-align:start;display:flex;flex-direction:column;gap:1.1rem;background:linear-gradient(180deg,#1d1a25 0%,#17141e 100%);border:1px solid rgba(201,168,130,.14);border-radius:20px;padding:1.6rem 1.5rem;box-shadow:0 18px 40px -22px rgba(0,0,0,.7);align-self:stretch;min-height:260px;transition:border-color .25s,transform .25s}
.rv-card:hover{border-color:rgba(201,168,130,.35);transform:translateY(-3px)}
.rv-quote{font-family:'Cormorant Garant',serif;font-size:3rem;line-height:.6;height:1.2rem;color:rgba(201,168,130,.4)}
.rv-text{font-size:1rem;line-height:1.7;color:var(--cream);white-space:pre-line;word-break:break-word}
.rv-stars-row{color:var(--gold);font-size:1.05rem;letter-spacing:.2em}
.rv-star-off{color:rgba(201,168,130,.22)}
.rv-name{font-weight:600;font-size:.95rem;color:var(--cream)}
.rv-card-empty{flex:1 1 100%;gap:1.2rem}
.rv-foot{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.2rem}
.rv-hint{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.rv-nav{display:flex;border-radius:12px;overflow:hidden;border:1px solid rgba(201,168,130,.2)}
.rv-nav button{width:46px;height:42px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.04);color:var(--cream);border:none;cursor:pointer;transition:background .2s,color .2s}
.rv-nav button:hover:not(:disabled){background:var(--gold);color:var(--obsidian)}
.rv-nav button:disabled{opacity:.35;cursor:default}
.rv-nav button+button{border-left:1px solid rgba(201,168,130,.2)}
@media(max-width:1000px){.rv-card{flex-basis:calc((100% - 1.25rem)/2)}}
@media(max-width:860px){.rv-wrap{grid-template-columns:1fr;gap:2rem}.rv-sub{max-width:none}}
@media(max-width:560px){.rv-card{flex-basis:86%}.rv-section{padding-top:3rem;padding-bottom:3rem}}

/* ══ FOOTER v2 ══ */
footer.site-footer{max-width:none;margin:0;padding:0 1.5rem;border-top:none;background:linear-gradient(180deg,#0d0b0f 0%,#0a090c 100%)}
.ft-wordmark-wrap{border-bottom:1px solid rgba(201,168,130,.14);padding:3.5rem 0 2.2rem;background:radial-gradient(ellipse at 50% 0%,rgba(201,168,130,.07),transparent 65%);overflow:hidden}
.ft-wordmark{font-family:'Cormorant Garant',serif;font-weight:300;text-transform:uppercase;letter-spacing:.06em;line-height:1;text-align:center;white-space:nowrap;width:100%;padding:0 1%;font-size:12vw}
.ft-wordmark span{display:inline-block;background:linear-gradient(180deg,#f7f2ec 25%,rgba(232,213,176,.5) 80%,rgba(201,168,130,.2) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.ft-main{display:grid;grid-template-columns:minmax(300px,420px) 1fr;gap:4rem;padding:3.5rem 0 3rem;max-width:1400px;margin:0 auto}
.ft-card{background:linear-gradient(180deg,#1a1720,#131018);border:1px solid rgba(201,168,130,.16);border-radius:20px;padding:2rem 1.8rem;align-self:start}
.ft-card-title{font-family:'Cormorant Garant',serif;font-size:2.1rem;font-weight:400;color:var(--cream);line-height:1.1;margin-bottom:.9rem}
.ft-card-text{font-size:.88rem;line-height:1.7;color:#a9a3b2;margin-bottom:1.4rem}
.ft-card .footer-join-row{display:flex;gap:.6rem;border:none}
.ft-card .footer-join-input{flex:1;min-width:0;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--cream);padding:.9rem 1rem;font-size:.88rem}
.ft-card .footer-join-input::placeholder{color:#7a7580}
.ft-card .footer-join-input:focus{border-color:var(--gold)}
.ft-card .footer-join-btn{background:var(--cream);color:var(--obsidian);border-radius:12px;padding:.9rem 1.2rem;font-size:.85rem;letter-spacing:0;text-transform:none;font-weight:600;white-space:nowrap}
.ft-card .footer-join-btn:hover{background:var(--gold);transform:none;box-shadow:none}
.ft-card-fine{font-size:.78rem;color:#8f8998;margin:1.1rem 0 0}
.ft-card-fine a{color:var(--cream);text-decoration:underline;text-underline-offset:2px}
.ft-card-member{margin-top:1.6rem;padding-top:1.3rem;border-top:1px solid rgba(255,255,255,.08)}
.ft-card-member-q{font-size:.8rem;color:#8f8998;margin-bottom:.6rem}
.ft-card-login{font-size:.92rem;color:var(--cream);text-decoration:none;display:inline-flex;gap:.5rem;align-items:center;transition:color .2s,gap .2s}
.ft-card-login:hover{color:var(--gold);gap:.8rem}
.ft-right{min-width:0;border-top:1px solid rgba(201,168,130,.14);padding-top:1.8rem}
.ft-tagline-row{display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap;align-items:flex-start;margin-bottom:3.2rem}
.ft-tagline{font-size:1.2rem;color:var(--cream);line-height:1.5;max-width:460px}
.ft-contact .footer-contact-line{font-size:.82rem;color:#a9a3b2;margin-bottom:.5rem}
.ft-cols{display:grid;grid-template-columns:repeat(3,minmax(140px,1fr));gap:2rem}
.ft-col-title{font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;color:#a9a3b2;font-weight:600;margin-bottom:1.5rem}
.ft-link{display:block;font-size:.95rem;color:var(--cream);text-decoration:none;margin-bottom:1.15rem;transition:color .2s,transform .2s;line-height:1.4}
.ft-link:hover{color:var(--gold);transform:translateX(3px)}
.ft-social{display:flex;justify-content:center;gap:.8rem;padding:1.2rem 0 1.4rem;border-top:1px solid rgba(201,168,130,.1)}
.ft-pay{display:flex;justify-content:center;padding-bottom:1.6rem}
.ft-pay img{width:100%;max-width:560px;height:46px;object-fit:fill;border-radius:6px;opacity:.9}
footer.site-footer .footer-bottom{max-width:1400px;margin:0 auto;padding:1.4rem 0}
@media(max-width:900px){.ft-main{grid-template-columns:1fr;gap:2.5rem}.ft-right{border-top:none;padding-top:0}}
@media(max-width:560px){footer.site-footer{padding:0 1rem}.ft-cols{grid-template-columns:1fr 1fr}.ft-wordmark-wrap{padding:2.2rem 0 1.4rem}.ft-card{padding:1.6rem 1.3rem}.ft-tagline{font-size:1.05rem}.ft-card .footer-join-row{flex-direction:column}}

.rv-track{align-items:stretch}
.rv-text{flex:1}
.rv-name{margin-top:auto;padding-top:1rem;border-top:1px solid rgba(201,168,130,.12)}