/* ==========================================================================
   FashionShop-Vegarix — "Maison Noir" Premium Design Layer  (v2)
   Ink · Ivory · Champagne Gold  |  Cormorant Garamond + Manrope + Hind Siliguri
   Scoped to .fs-lux (storefront only). Loaded after fashionshop.css.
   ========================================================================== */

/* ---------- Self-hosted fonts (no Google Fonts request) ---------- */
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/cormorant-garamond-latin-500-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/cormorant-garamond-latin-600-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/cormorant-garamond-latin-700-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:600;font-display:swap;src:url("../fonts/cormorant-garamond-latin-600-italic.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Manrope";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/manrope-latin-400-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Manrope";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/manrope-latin-500-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Manrope";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/manrope-latin-600-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Manrope";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/manrope-latin-700-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* Bengali — body */
@font-face{font-family:"Hind Siliguri";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/hind-siliguri-bengali-400-normal.woff2") format("woff2");unicode-range:U+0951-0952,U+0964-0965,U+0980-09FE,U+1CF7,U+200C-200D,U+20B9,U+25CC}
@font-face{font-family:"Hind Siliguri";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/hind-siliguri-bengali-500-normal.woff2") format("woff2");unicode-range:U+0951-0952,U+0964-0965,U+0980-09FE,U+1CF7,U+200C-200D,U+20B9,U+25CC}
@font-face{font-family:"Hind Siliguri";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/hind-siliguri-bengali-600-normal.woff2") format("woff2");unicode-range:U+0951-0952,U+0964-0965,U+0980-09FE,U+1CF7,U+200C-200D,U+20B9,U+25CC}
@font-face{font-family:"Hind Siliguri";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/hind-siliguri-bengali-700-normal.woff2") format("woff2");unicode-range:U+0951-0952,U+0964-0965,U+0980-09FE,U+1CF7,U+200C-200D,U+20B9,U+25CC}
/* Bengali — display */
@font-face{font-family:"Noto Serif Bengali";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/noto-serif-bengali-bengali-600-normal.woff2") format("woff2");unicode-range:U+0951-0952,U+0964-0965,U+0980-09FE,U+1CF7,U+200C-200D,U+20B9,U+25CC}
@font-face{font-family:"Noto Serif Bengali";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/noto-serif-bengali-bengali-700-normal.woff2") format("woff2");unicode-range:U+0951-0952,U+0964-0965,U+0980-09FE,U+1CF7,U+200C-200D,U+20B9,U+25CC}

/* ---------- Design tokens ---------- */
:root{
  --fs-ink:#14110f;
  --fs-ink-2:#211b16;
  --fs-ivory:#f7f3ec;
  --fs-cream:#fcf9f3;
  --fs-sand:#e8dfcf;
  --fs-sand-2:#efe8da;
  --fs-gold:#b8935a;
  --fs-gold-light:#e6d3a6;
  --fs-gold-deep:#8c6d38;
  --fs-text:#1a1612;
  --fs-muted:#6f665a;
  --fs-gold-grad:linear-gradient(135deg,#f0e0b6 0%,#c9a468 48%,#9a7a41 100%);
  --fs-ink-grad:linear-gradient(135deg,#2a221b 0%,#14110f 100%);
  --fs-ease:cubic-bezier(.16,1,.3,1);
  --fs-display:"Cormorant Garamond","Noto Serif Bengali",Georgia,"Times New Roman",serif;
  --fs-body:"Manrope","Hind Siliguri","Noto Sans Bengali",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --font-sans:var(--fs-body);
  --font-serif:var(--fs-display);
}

/* ---------- Base ---------- */
html{scroll-behavior:smooth;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.fs-lux{background:var(--fs-ivory);color:var(--fs-text);font-family:var(--fs-body);overflow-x:hidden}
.fs-lux button,.fs-lux input,.fs-lux textarea,.fs-lux select{font-family:var(--fs-body)}
.fs-lux .font-serif-title,.fs-lux h1.font-serif-title,.fs-lux h2.font-serif-title,.fs-lux h3.font-serif-title{font-family:var(--fs-display);font-weight:700;letter-spacing:-.005em}
.fs-lux ::selection{background:var(--fs-gold);color:var(--fs-ink)}
.fs-lux [class*="bg-[#FAF9F5]"]{background-color:var(--fs-ivory)}
.fs-lux [class*="bg-[#FFFDF8]"]{background-color:var(--fs-cream)}
.fs-lux [class*="border-[#E8E3D8]"]{border-color:var(--fs-sand)}
.fs-lux [class*="text-[#555555]"]{color:var(--fs-muted)}
.fs-lux svg.lucide{stroke-width:1.6;transition:color .3s var(--fs-ease),transform .4s var(--fs-ease)}
.fs-lux{scrollbar-width:thin;scrollbar-color:var(--fs-gold) var(--fs-ivory)}
html:has(.fs-lux)::-webkit-scrollbar{width:10px}
html:has(.fs-lux)::-webkit-scrollbar-track{background:var(--fs-ivory)}
html:has(.fs-lux)::-webkit-scrollbar-thumb{background:linear-gradient(var(--fs-gold),var(--fs-gold-deep));border-radius:10px;border:2px solid var(--fs-ivory)}
.fs-lux :focus-visible{outline:2px solid var(--fs-gold);outline-offset:3px;border-radius:6px}

/* ---------- Announcement bar (injected from Settings → announcement) ---------- */
.fs-announce{position:relative;background:var(--fs-ink);color:var(--fs-gold-light);font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;overflow:hidden;border-bottom:1px solid rgba(184,147,90,.35);z-index:41}
.fs-announce::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(230,211,166,.16) 50%,transparent 70%);background-size:220% 100%;animation:fsSheen 6s linear infinite}
.fs-announce-track{display:flex;width:max-content;animation:fsMarquee 38s linear infinite}
.fs-announce:hover .fs-announce-track{animation-play-state:paused}
.fs-announce span{padding:10px 56px;white-space:nowrap;position:relative}
.fs-announce span::after{content:"◆";position:absolute;right:-5px;top:50%;transform:translateY(-50%);font-size:7px;color:var(--fs-gold)}
@keyframes fsMarquee{to{transform:translateX(-50%)}}
@keyframes fsSheen{0%{background-position:150% 0}100%{background-position:-150% 0}}

/* ---------- Header ---------- */
.fs-lux header.sticky{background:rgba(247,243,236,.78);backdrop-filter:blur(18px) saturate(170%);-webkit-backdrop-filter:blur(18px) saturate(170%);border-bottom:1px solid rgba(184,147,90,.22);box-shadow:none;transition:background .4s var(--fs-ease),box-shadow .4s var(--fs-ease)}
.fs-lux header.sticky[data-fs-scrolled="1"]{background:rgba(252,249,243,.92);box-shadow:0 12px 30px -18px rgba(20,17,15,.35)}
.fs-lux header .font-serif-title{font-size:1.75rem;line-height:1;letter-spacing:.05em;color:var(--fs-ink);transition:color .4s var(--fs-ease)}
@media(min-width:1024px){.fs-lux header .font-serif-title{font-size:2.05rem}}
.fs-lux header .group:hover .font-serif-title{color:var(--fs-gold-deep)}
.fs-lux header nav>button,.fs-lux header nav>div>button{font-family:var(--fs-body);font-size:11px;font-weight:600;letter-spacing:.18em;color:var(--fs-ink);position:relative;transition:color .3s var(--fs-ease)}
.fs-lux header nav>button:hover,.fs-lux header nav>div>button:hover{color:var(--fs-gold-deep)}
.fs-lux header nav>button::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:var(--fs-gold);transform:scaleX(0);transform-origin:right;transition:transform .5s var(--fs-ease)}
.fs-lux header nav>button:hover::after{transform:scaleX(1);transform-origin:left}
.fs-lux header nav>button:has(>span.absolute)::after{display:none}
.fs-lux header nav span.absolute{background:var(--fs-gold)!important;height:1px!important}
.fs-lux header input{background:rgba(252,249,243,.9);border:1px solid var(--fs-sand);color:var(--fs-ink);transition:border-color .3s,box-shadow .3s}
.fs-lux header input:focus{outline:none;border-color:var(--fs-gold);box-shadow:0 0 0 4px rgba(184,147,90,.16)}
.fs-lux header form button{background:var(--fs-ink-grad)!important;transition:transform .3s var(--fs-ease),box-shadow .3s}
.fs-lux header form button:hover{transform:scale(1.08);box-shadow:0 6px 16px -4px rgba(140,109,56,.6)}
.fs-lux header form button svg{color:var(--fs-gold-light)!important}
.fs-lux header .flex.items-center.gap-2\.5>button{border:1px solid var(--fs-sand);background:rgba(252,249,243,.9);font-weight:600;letter-spacing:.04em;transition:border-color .3s,box-shadow .3s,transform .3s var(--fs-ease)}
.fs-lux header .flex.items-center.gap-2\.5>button:hover{border-color:var(--fs-gold);box-shadow:0 8px 20px -10px rgba(140,109,56,.7);transform:translateY(-1px)}
.fs-lux header .flex.items-center.gap-2\.5>button:last-child .rounded-full{background:var(--fs-ink-grad)!important}
.fs-lux header .flex.items-center.gap-2\.5>button:last-child svg{color:var(--fs-gold-light)!important}

/* ---------- Hero ---------- */
.fs-lux main>div:first-child>div.relative{background:var(--fs-ink)}
.fs-lux div[class*="h-[500px]"]{position:relative}
.fs-lux div[class*="h-[500px]"]::after{content:"";position:absolute;inset:0;z-index:15;pointer-events:none;background:linear-gradient(90deg,rgba(20,17,15,.78) 0%,rgba(20,17,15,.38) 45%,rgba(20,17,15,.05) 75%),linear-gradient(0deg,rgba(20,17,15,.55) 0%,transparent 38%)}
.fs-lux div[class*="duration-700"][class*="opacity-100"] img{animation:fsKen 11s ease-out both}
@keyframes fsKen{from{transform:scale(1.02)}to{transform:scale(1.11)}}
.fs-lux button[class*="bg-black/40"]{background:rgba(20,17,15,.34)!important;border:1px solid rgba(230,211,166,.45);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background .35s var(--fs-ease),transform .35s var(--fs-ease),border-color .35s}
.fs-lux button[class*="bg-black/40"]:hover{background:var(--fs-gold)!important;border-color:var(--fs-gold-light);transform:translateY(-50%) scale(1.08)!important}
.fs-lux button[class*="bg-black/40"] svg{color:var(--fs-gold-light)!important}
.fs-lux button[class*="bg-black/40"]:hover svg{color:var(--fs-ink)!important}
.fs-lux div[class*="bottom-3"][class*="left-1/2"] button{background:rgba(230,211,166,.45)!important;box-shadow:none!important;height:3px!important;border-radius:2px!important}
.fs-lux div[class*="bottom-3"][class*="left-1/2"] button[class*="w-6"]{background:var(--fs-gold-light)!important;width:42px!important}

.fs-hero-copy{position:absolute;z-index:20;left:0;right:0;top:50%;transform:translateY(-50%);pointer-events:none}
.fs-hero-copy .inner{max-width:80rem;margin:0 auto;padding:0 1.25rem 0 3.5rem}
@media(min-width:640px){.fs-hero-copy .inner{padding:0 3.5rem 0 5rem}}
@media(min-width:1024px){.fs-hero-copy .inner{padding:0 2rem}}
.fs-hero-tag{display:inline-flex;align-items:center;gap:12px;color:var(--fs-gold-light);font-size:10.5px;font-weight:700;letter-spacing:.34em;text-transform:uppercase;animation:fsRise 1s var(--fs-ease) .15s both}
.fs-hero-tag::before{content:"";width:34px;height:1px;background:var(--fs-gold)}
.fs-hero-title{margin:.7rem 0 0;max-width:16ch;font-family:var(--fs-display);font-weight:600;font-size:clamp(2rem,6.2vw,4.9rem);line-height:.98;letter-spacing:-.01em;color:#fbf6ea;text-shadow:0 2px 30px rgba(0,0,0,.35);animation:fsRise 1.1s var(--fs-ease) .3s both}
.fs-hero-title em{font-style:italic;font-weight:600;background:var(--fs-gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.06em}
.fs-hero-sub{margin:1rem 0 0;max-width:40ch;color:rgba(251,246,234,.82);font-size:clamp(.78rem,1.4vw,1rem);line-height:1.7;font-weight:500;animation:fsRise 1.1s var(--fs-ease) .45s both}
.fs-hero-cta{pointer-events:auto;margin-top:1.4rem;display:inline-flex;align-items:center;gap:12px;padding:.95rem 1.7rem;border:1px solid var(--fs-gold-light);background:var(--fs-gold-grad);color:var(--fs-ink);font:700 11px/1 var(--fs-body);letter-spacing:.22em;text-transform:uppercase;cursor:pointer;position:relative;overflow:hidden;animation:fsRise 1.1s var(--fs-ease) .6s both;transition:transform .4s var(--fs-ease),box-shadow .4s var(--fs-ease)}
.fs-hero-cta::before{content:"";position:absolute;top:0;left:-120%;width:80%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);transition:left .8s var(--fs-ease)}
.fs-hero-cta:hover{transform:translateY(-3px);box-shadow:0 18px 34px -12px rgba(184,147,90,.75)}
.fs-hero-cta:hover::before{left:140%}
.fs-hero-cta svg{width:16px;height:16px;transition:transform .4s var(--fs-ease)}
.fs-hero-cta:hover svg{transform:translateX(5px)}
@media(max-width:639px){.fs-hero-cta{padding:.7rem 1.1rem;font-size:10px;margin-top:.9rem}.fs-hero-sub{display:none}.fs-hero-tag{font-size:9px;letter-spacing:.26em}}
@keyframes fsRise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}

/* ---------- Section headings ---------- */
.fs-lux main section h2.font-serif-title{font-size:clamp(1.7rem,3.2vw,2.6rem);line-height:1.05;color:var(--fs-ink)}
.fs-lux main section h2.font-serif-title::after{content:"";display:block;width:46px;height:2px;margin-top:12px;background:var(--fs-gold-grad)}
.fs-lux main section h2+p{margin-top:10px;font-size:12px;letter-spacing:.06em;color:var(--fs-muted)}
.fs-lux main section>div[class*="border-b"]{border-bottom:1px solid var(--fs-sand);padding-bottom:1rem}
.fs-lux main section button:has(>span+svg){font-size:10.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--fs-ink);padding-bottom:4px;border-bottom:1px solid var(--fs-gold);transition:color .3s,gap .4s var(--fs-ease)}
.fs-lux main section button:has(>span+svg):hover{color:var(--fs-gold-deep);gap:10px}

/* ---------- Categories ---------- */
.fs-lux main>section:first-of-type,.fs-lux main>div>section:first-child{background:var(--fs-ivory)}
.fs-lux main section div.no-scrollbar{gap:1.4rem;padding:.75rem 0 .25rem}
@media(min-width:640px){.fs-lux main section div.no-scrollbar{gap:2.2rem}}
.fs-lux main section div.no-scrollbar>button{padding:.4rem;border-radius:0;background:transparent!important;transition:transform .5s var(--fs-ease)}
.fs-lux main section div.no-scrollbar>button:hover{transform:translateY(-5px)}
.fs-lux main section div.no-scrollbar>button>div{width:76px;height:76px;border-radius:999px;border:1px solid var(--fs-sand);background:var(--fs-cream);box-shadow:0 0 0 4px var(--fs-ivory),0 0 0 5px rgba(184,147,90,.35);transition:box-shadow .5s var(--fs-ease),border-color .4s}
@media(min-width:640px){.fs-lux main section div.no-scrollbar>button>div{width:96px;height:96px}}
.fs-lux main section div.no-scrollbar>button:hover>div{box-shadow:0 0 0 4px var(--fs-ivory),0 0 0 6px var(--fs-gold),0 18px 28px -14px rgba(140,109,56,.7);border-color:var(--fs-gold)}
.fs-lux main section div.no-scrollbar>button>div[class*="bg-[#000000]"]{background:var(--fs-ink-grad);color:var(--fs-gold-light);font-family:var(--fs-display);font-size:1.15rem;letter-spacing:.14em;font-weight:700}
.fs-lux main section div.no-scrollbar>button>div img{transition:transform .8s var(--fs-ease)}
.fs-lux main section div.no-scrollbar>button:hover>div img{transform:scale(1.12)}
.fs-lux main section div.no-scrollbar>button>span{font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--fs-ink);margin-top:.35rem}

/* ---------- Flash sale banner ---------- */
.fs-lux main section>div[class*="rounded-2xl"]{position:relative;overflow:hidden;border-radius:18px;border:1px solid rgba(184,147,90,.5);background:radial-gradient(900px 260px at 85% -20%,rgba(184,147,90,.28),transparent 60%),linear-gradient(120deg,#14110f 0%,#241c15 55%,#14110f 100%);box-shadow:0 30px 50px -28px rgba(20,17,15,.7),inset 0 1px 0 rgba(230,211,166,.25);padding:1.4rem 1.6rem}
.fs-lux main section>div[class*="rounded-2xl"]::before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(230,211,166,.12) 50%,transparent 65%);background-size:250% 100%;animation:fsSheen 7s linear infinite;pointer-events:none}
.fs-lux main section>div[class*="rounded-2xl"] h3{color:#f6ead0;font-size:clamp(1.5rem,2.6vw,2.2rem)}
.fs-lux main section>div[class*="rounded-2xl"] p{color:rgba(246,234,208,.68);letter-spacing:.05em}
.fs-lux main section>div[class*="rounded-2xl"] div[class*="w-12"][class*="h-12"]{background:var(--fs-gold-grad)!important;box-shadow:0 10px 22px -8px rgba(184,147,90,.8);animation:fsPulse 3.2s ease-in-out infinite}
.fs-lux main section>div[class*="rounded-2xl"] div[class*="w-12"][class*="h-12"] svg{color:var(--fs-ink)!important}
@keyframes fsPulse{0%,100%{box-shadow:0 10px 22px -8px rgba(184,147,90,.8),0 0 0 0 rgba(184,147,90,.45)}50%{box-shadow:0 10px 22px -8px rgba(184,147,90,.8),0 0 0 12px rgba(184,147,90,0)}}
.fs-lux main section>div[class*="rounded-2xl"] div[class*="rounded-xl"][class*="bg-[#111111]"]{background:rgba(255,255,255,.05)!important;border:1px solid rgba(184,147,90,.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(6px)}
.fs-lux main section>div[class*="rounded-2xl"] .font-mono{font-family:var(--fs-display);font-size:1.7rem;font-weight:700;color:var(--fs-gold-light)!important;font-variant-numeric:tabular-nums}
.fs-lux main section>div[class*="rounded-2xl"] span[class*="text-zinc-300"]{color:var(--fs-gold)!important;font-size:9.5px;letter-spacing:.2em;text-transform:uppercase}
.fs-lux main section>div[class*="rounded-2xl"] button{background:var(--fs-gold-grad)!important;color:var(--fs-ink)!important;border:1px solid var(--fs-gold-light);font-weight:700;letter-spacing:.2em;text-transform:uppercase;font-size:11px;border-radius:999px;transition:transform .4s var(--fs-ease),box-shadow .4s}
.fs-lux main section>div[class*="rounded-2xl"] button svg{color:var(--fs-ink)!important}
.fs-lux main section>div[class*="rounded-2xl"] button:hover{transform:translateY(-3px);box-shadow:0 16px 28px -10px rgba(184,147,90,.8)}

/* ---------- Product grid & cards ---------- */
.fs-lux main div[class*="grid-cols-2"][class*="lg:grid-cols-5"]{gap:1.1rem}
@media(min-width:1024px){.fs-lux main div[class*="grid-cols-2"][class*="lg:grid-cols-5"]{gap:1.6rem}}
.fs-lux main div[class*="grid-cols-2"][class*="lg:grid-cols-5"]>div.group{position:relative;border-radius:14px;background:var(--fs-cream);border:1px solid rgba(184,147,90,.2);box-shadow:0 1px 0 rgba(255,255,255,.7) inset;overflow:hidden;transition:transform .6s var(--fs-ease),box-shadow .6s var(--fs-ease),border-color .4s}
.fs-lux main div[class*="grid-cols-2"][class*="lg:grid-cols-5"]>div.group:hover{transform:translateY(-8px);border-color:rgba(184,147,90,.65);box-shadow:0 30px 44px -26px rgba(20,17,15,.5),0 0 0 1px rgba(184,147,90,.12)}
.fs-lux div.group>div[class*="aspect-[4/5]"]{padding:0;background:linear-gradient(160deg,#efe8db,#e2d8c5)}
.fs-lux div.group>div[class*="aspect-[4/5]"] img{object-fit:cover;transition:transform 1.1s var(--fs-ease),filter .6s}
.fs-lux div.group:hover>div[class*="aspect-[4/5]"] img{transform:scale(1.07)}
.fs-lux div.group>div[class*="aspect-[4/5]"]::after{content:"";position:absolute;left:0;right:0;bottom:0;height:42%;background:linear-gradient(0deg,rgba(20,17,15,.38),transparent);opacity:0;transition:opacity .5s var(--fs-ease);pointer-events:none;z-index:9}
.fs-lux div.group:hover>div[class*="aspect-[4/5]"]::after{opacity:1}
.fs-lux div.group>div[class*="aspect-[4/5]"]>div[class*="bg-black/5"]{background:transparent!important;align-items:flex-end;padding-bottom:.9rem}
.fs-lux div.group>div[class*="aspect-[4/5]"]>div[class*="bg-black/5"] span{background:rgba(252,249,243,.92)!important;color:var(--fs-ink)!important;border:1px solid var(--fs-gold-light);border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;padding:.55rem 1rem;backdrop-filter:blur(8px);transform:translateY(12px);transition:transform .6s var(--fs-ease)}
.fs-lux div.group:hover>div[class*="aspect-[4/5]"]>div[class*="bg-black/5"] span{transform:none}
.fs-lux span[class*="bg-[#E30613]"]{background:var(--fs-ink)!important;color:var(--fs-gold-light)!important;border:1px solid rgba(230,211,166,.55);border-radius:999px!important;padding:.3rem .65rem!important;font-size:9.5px!important;letter-spacing:.14em!important;font-weight:700;box-shadow:0 8px 16px -8px rgba(20,17,15,.6)!important}
.fs-lux div.group>div[class*="p-3.5"]{background:transparent!important;padding:1rem 1rem 1.05rem;text-align:left}
.fs-lux div.group>div[class*="p-3.5"] span[class*="uppercase"]{color:var(--fs-gold-deep)!important;font-size:9.5px;letter-spacing:.24em;font-weight:700;margin-bottom:.3rem}
.fs-lux div.group>div[class*="p-3.5"] h3{font-family:var(--fs-body);font-size:.82rem;font-weight:600;line-height:1.45;color:var(--fs-ink)}
@media(min-width:640px){.fs-lux div.group>div[class*="p-3.5"] h3{font-size:.88rem}}
.fs-lux div.group:hover>div[class*="p-3.5"] h3{color:var(--fs-gold-deep)}
.fs-lux div.group div[class*="items-baseline"]{margin-top:.5rem;gap:.55rem}
.fs-lux div.group div[class*="items-baseline"]>*:first-child{font-family:var(--fs-display);font-size:1.55rem;font-weight:700;line-height:1;color:var(--fs-ink)}
.fs-lux div.group div[class*="items-baseline"]>*:nth-child(2){color:var(--fs-muted);font-size:.78rem;font-weight:500;text-decoration-color:rgba(184,147,90,.8)}
.fs-lux div.group>div[class*="p-3.5"]>div[class*="border-t"]{border-top:1px solid var(--fs-sand);padding-top:.8rem;gap:.5rem}
.fs-lux div.group button[class*="bg-[#000000]"]{position:relative;overflow:hidden;background:var(--fs-ink-grad)!important;color:var(--fs-gold-light)!important;border:1px solid rgba(184,147,90,.55);border-radius:8px;font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;transition:transform .45s var(--fs-ease),box-shadow .45s var(--fs-ease),color .3s}
.fs-lux div.group button[class*="bg-[#000000]"]::before{content:"";position:absolute;top:0;left:-120%;width:70%;height:100%;background:linear-gradient(100deg,transparent,rgba(230,211,166,.38),transparent);transform:skewX(-20deg);transition:left .8s var(--fs-ease)}
.fs-lux div.group button[class*="bg-[#000000]"]:hover{transform:translateY(-2px);box-shadow:0 12px 22px -10px rgba(140,109,56,.8);color:#fff!important}
.fs-lux div.group button[class*="bg-[#000000]"]:hover::before{left:140%}
.fs-lux div.group button[class*="bg-[#000000]"] svg{color:var(--fs-gold-light)!important}
.fs-lux div.group button[class*="border-[#000000]"]{background:transparent!important;border:1px solid var(--fs-gold)!important;color:var(--fs-gold-deep)!important;border-radius:8px;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;transition:background .35s var(--fs-ease),color .35s,transform .35s var(--fs-ease)}
.fs-lux div.group button[class*="border-[#000000]"]:hover{background:var(--fs-gold)!important;color:var(--fs-ink)!important;transform:translateY(-2px)}

/* ---------- Footer ---------- */
.fs-lux footer{position:relative;background:radial-gradient(900px 300px at 15% -10%,rgba(184,147,90,.12),transparent 60%),linear-gradient(180deg,#14110f,#0d0b09)!important;border-top:1px solid rgba(184,147,90,.45)!important;color:#efe6d3}
.fs-lux footer::before{content:"";position:absolute;top:-1px;left:50%;transform:translateX(-50%);width:160px;height:2px;background:var(--fs-gold-grad)}
.fs-lux footer div[class*="bg-[#111111]"]{background:rgba(255,255,255,.025)!important;border:1px solid rgba(184,147,90,.18)!important;border-radius:12px;box-shadow:none!important;transition:border-color .4s,transform .5s var(--fs-ease),background .4s}
.fs-lux footer div[class*="bg-[#111111]"]:hover{border-color:rgba(184,147,90,.6)!important;transform:translateY(-4px);background:rgba(184,147,90,.06)!important}
.fs-lux footer div[class*="w-10"][class*="h-10"]{background:rgba(184,147,90,.12)!important;border:1px solid rgba(184,147,90,.4);border-radius:999px!important;color:var(--fs-gold-light)!important}
.fs-lux footer div[class*="w-10"][class*="h-10"] svg{stroke-width:1.5}
.fs-lux footer h4{font-size:.78rem!important;letter-spacing:.1em;color:#f6ead0!important}
.fs-lux footer p,.fs-lux footer li{color:rgba(239,230,211,.72)!important}
.fs-lux footer .font-serif-title{font-size:2rem;letter-spacing:.06em;background:var(--fs-gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.fs-lux footer a,.fs-lux footer button{transition:color .3s}
.fs-lux footer a:hover,.fs-lux footer button:hover{color:var(--fs-gold-light)!important}
.fs-lux footer svg{color:var(--fs-gold)}
.fs-lux footer [class*="border-[#222222]"]{border-color:rgba(184,147,90,.2)!important}

/* ---------- Forms, checkout & cart ---------- */
.fs-lux input:not([type=checkbox]):not([type=radio]),.fs-lux textarea,.fs-lux select{transition:border-color .3s,box-shadow .3s,background .3s}
.fs-lux main input:not([type=checkbox]):not([type=radio]):focus,.fs-lux main textarea:focus,.fs-lux main select:focus{outline:none;border-color:var(--fs-gold)!important;box-shadow:0 0 0 4px rgba(184,147,90,.16)}
.fs-lux button[type="submit"]{position:relative;overflow:hidden;background:var(--fs-ink-grad)!important;color:var(--fs-gold-light)!important;border:1px solid rgba(184,147,90,.6)!important;letter-spacing:.14em;text-transform:uppercase;font-weight:700;transition:transform .45s var(--fs-ease),box-shadow .45s var(--fs-ease)}
.fs-lux button[type="submit"]:hover{transform:translateY(-2px);box-shadow:0 16px 28px -12px rgba(140,109,56,.85)}
.fs-lux [class*="fixed"][class*="inset-0"][class*="bg-black"]{backdrop-filter:blur(4px)}

/* ---------- Scroll-reveal motion (driven by fashionshop-premium.js) ---------- */
[data-fs-reveal="pre"]{opacity:0;transform:translateY(34px) scale(.985)}
[data-fs-reveal="in"]{opacity:1;transform:none;transition:opacity 1s var(--fs-ease) var(--fs-d,0ms),transform 1s var(--fs-ease) var(--fs-d,0ms)}

/* ---------- Mobile polish ---------- */
@media(max-width:639px){
  .fs-lux main div[class*="grid-cols-2"][class*="lg:grid-cols-5"]>div.group{border-radius:12px}
  .fs-lux div.group div[class*="items-baseline"]>*:first-child{font-size:1.3rem}
  .fs-lux div.group button[class*="bg-[#000000]"],.fs-lux div.group button[class*="border-[#000000]"]{font-size:9px;letter-spacing:.1em}
  .fs-announce{font-size:10px}
  .fs-lux main section>div[class*="rounded-2xl"]{padding:1.1rem}
}

/* ---------- Accessibility: honour reduced motion ---------- */
@media(prefers-reduced-motion:reduce){
  .fs-lux *,.fs-lux *::before,.fs-lux *::after,.fs-announce *,.fs-announce::before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  [data-fs-reveal="pre"]{opacity:1;transform:none}
  html{scroll-behavior:auto}
}

/* ---------- Refinements (v2.1) ---------- */
/* Flash-sale icon tile keeps its gold fill (beats the countdown-box rule) */
.fs-lux main section>div[class*="rounded-2xl"] div[class*="rounded-xl"][class*="w-12"][class*="h-12"]{background:var(--fs-gold-grad)!important;border:1px solid var(--fs-gold-light);backdrop-filter:none}
/* Narrow product-card buttons: never wrap the label */
.fs-lux div.group button{white-space:nowrap}
.fs-lux div.group button[class*="bg-[#000000]"]{font-size:9.5px;letter-spacing:.1em;padding-left:.4rem;padding-right:.4rem;gap:.35rem}
.fs-lux div.group button[class*="bg-[#000000]"] svg{width:13px;height:13px;flex-shrink:0}
.fs-lux div.group button[class*="border-[#000000]"]{font-size:9.5px;letter-spacing:.08em;padding-left:.7rem;padding-right:.7rem}
/* Category captions: allow longer names */
.fs-lux main section div.no-scrollbar>button>span{max-width:120px!important;white-space:normal;text-align:center;line-height:1.3}

/* ---------- Product page ---------- */
.fs-lux main button[class*="w-full"][class*="h-12"][class*="bg-[#000000]"]{position:relative;overflow:hidden;background:var(--fs-ink-grad)!important;color:var(--fs-gold-light)!important;border:1px solid rgba(184,147,90,.7);border-radius:10px;letter-spacing:.2em;font-weight:700;box-shadow:0 18px 30px -18px rgba(20,17,15,.8);transition:transform .45s var(--fs-ease),box-shadow .45s var(--fs-ease),color .3s}
.fs-lux main button[class*="w-full"][class*="h-12"][class*="bg-[#000000]"]::before{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(100deg,transparent,rgba(230,211,166,.42),transparent);transform:skewX(-20deg);animation:fsCtaSheen 4.5s ease-in-out infinite}
@keyframes fsCtaSheen{0%,55%{left:-120%}100%{left:160%}}
.fs-lux main button[class*="w-full"][class*="h-12"][class*="bg-[#000000]"]:hover{transform:translateY(-3px);box-shadow:0 24px 36px -16px rgba(140,109,56,.85);color:#fff!important}
.fs-lux main button[class*="w-full"][class*="h-12"][class*="bg-[#000000]"] svg{color:var(--fs-gold-light)!important}
.fs-lux main button[class*="min-w-10"][class*="h-10"]{border-radius:8px;border:1px solid var(--fs-sand);background:var(--fs-cream);color:var(--fs-ink);letter-spacing:.06em;transition:border-color .3s,transform .35s var(--fs-ease),box-shadow .35s}
.fs-lux main button[class*="min-w-10"][class*="h-10"]:hover{border-color:var(--fs-gold);transform:translateY(-2px)}
.fs-lux main button[class*="min-w-10"][class*="h-10"][class*="bg-[#000000]"]{background:var(--fs-ink-grad)!important;color:var(--fs-gold-light)!important;border:1px solid var(--fs-gold)!important;box-shadow:0 10px 18px -10px rgba(20,17,15,.7)}
.fs-lux main button[class*="h-11"][class*="border-[#000000]"]{background:transparent!important;border:1px solid var(--fs-gold)!important;color:var(--fs-gold-deep)!important;border-radius:10px;letter-spacing:.16em;transition:background .35s var(--fs-ease),color .35s,transform .35s var(--fs-ease)}
.fs-lux main button[class*="h-11"][class*="border-[#000000]"]:hover{background:var(--fs-gold)!important;color:var(--fs-ink)!important;transform:translateY(-2px)}
.fs-lux main button[class*="h-11"][class*="bg-[#16A34A]"]{border-radius:10px;background:linear-gradient(135deg,#1fb458,#128a43)!important;letter-spacing:.04em;box-shadow:0 12px 22px -14px rgba(18,138,67,.9)}
.fs-lux main button[class*="px-4"][class*="py-2"][class*="bg-[#000000]"]{background:var(--fs-ink-grad)!important;color:var(--fs-gold-light)!important;border-radius:999px;letter-spacing:.06em}
.fs-lux main button[class*="px-4"][class*="py-2"][class*="border-[#E8E3D8]"]{border-radius:999px}
.fs-lux main div[class*="lg:grid-cols-12"] img{border-radius:6px}
.fs-lux main div[class*="lg:grid-cols-12"]>div:first-child>div{border-radius:16px;border-color:rgba(184,147,90,.3);box-shadow:0 30px 50px -34px rgba(20,17,15,.55)}
.fs-lux main h1{font-family:var(--fs-display);font-weight:700;letter-spacing:-.005em;color:var(--fs-ink)}

/* ---------- Mobile bottom navigation ---------- */
.fs-lux div[class*="md:hidden"][class*="fixed"][class*="bottom-0"]{background:rgba(252,249,243,.94)!important;backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border-top:1px solid rgba(184,147,90,.4)!important;box-shadow:0 -14px 30px -18px rgba(20,17,15,.45)!important}
.fs-lux div[class*="md:hidden"][class*="fixed"][class*="bottom-0"] [class*="bg-[#000000]"]{background:var(--fs-ink-grad)!important;box-shadow:0 0 0 4px var(--fs-cream),0 0 0 5px var(--fs-gold),0 14px 22px -8px rgba(20,17,15,.6)!important}
.fs-lux div[class*="md:hidden"][class*="fixed"][class*="bottom-0"] [class*="bg-[#000000]"] svg{color:var(--fs-gold-light)!important}
.fs-lux div[class*="md:hidden"][class*="fixed"][class*="bottom-0"] span{letter-spacing:.06em;font-weight:600}


/* ---------- Bengali text: no tracking, no forced caps (keeps conjuncts intact) ---------- */
.fs-lux [lang="bn"]{letter-spacing:0!important;text-transform:none!important;word-spacing:.02em}
.fs-lux button[lang="bn"]{font-size:1.02em}

/* ---------- Cart drawer (overlay > panel) ---------- */
.fs-lux div[class*="fixed"][class*="inset-0"][class*="z-50"]{background:rgba(20,17,15,.62)!important;backdrop-filter:blur(5px)}
.fs-lux div[class*="fixed"][class*="inset-0"][class*="z-50"]>div{background:var(--fs-cream)!important;border-left:1px solid rgba(184,147,90,.5);box-shadow:-30px 0 70px -24px rgba(20,17,15,.7)}
.fs-lux div[class*="fixed"][class*="inset-0"][class*="z-50"]>div h2,.fs-lux div[class*="fixed"][class*="inset-0"][class*="z-50"]>div .font-serif-title{font-family:var(--fs-display);font-size:1.6rem;letter-spacing:.01em;color:var(--fs-ink)}
.fs-lux div[class*="fixed"][class*="inset-0"][class*="z-50"] button[class*="w-full"][class*="bg-[#000000]"]{position:relative;overflow:hidden;background:var(--fs-ink-grad)!important;color:var(--fs-gold-light)!important;border:1px solid rgba(184,147,90,.7);border-radius:10px;letter-spacing:.2em;font-weight:700;transition:transform .4s var(--fs-ease),box-shadow .4s var(--fs-ease)}
.fs-lux div[class*="fixed"][class*="inset-0"][class*="z-50"] button[class*="w-full"][class*="bg-[#000000]"]:hover{transform:translateY(-2px);box-shadow:0 16px 26px -12px rgba(140,109,56,.85)}
.fs-lux div[class*="fixed"][class*="inset-0"][class*="z-50"] button[class*="w-full"][class*="border-[#000000]"]{background:transparent!important;border:1px solid var(--fs-gold)!important;color:var(--fs-gold-deep)!important;border-radius:10px;letter-spacing:.2em;font-weight:700;transition:background .35s var(--fs-ease),color .35s}
.fs-lux div[class*="fixed"][class*="inset-0"][class*="z-50"] button[class*="w-full"][class*="border-[#000000]"]:hover{background:var(--fs-gold)!important;color:var(--fs-ink)!important}
/* success toast */
.fs-lux div[class*="fixed"][class*="z-[9999]"]>*{border-radius:14px!important;border:1px solid rgba(184,147,90,.5)!important;box-shadow:0 24px 40px -20px rgba(20,17,15,.6)!important}

/* ---------- Refinements (v2.2) ---------- */
/* Quick-view pill: style the outer pill only, flatten any nested span */
.fs-lux div.group>div[class*="aspect-[4/5]"]>div[class*="bg-black/5"] span span,
.fs-lux div.group>div[class*="aspect-[4/5]"]>div[class*="bg-black/5"] span svg+span{background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important;backdrop-filter:none!important;transform:none!important;border-radius:0!important}
.fs-lux div.group>div[class*="aspect-[4/5]"]>div[class*="bg-black/5"] span{display:inline-flex;align-items:center;gap:.45rem;box-shadow:0 14px 26px -12px rgba(20,17,15,.6)}
/* Lining (full-height) numerals for prices, timer and headings */
.fs-lux .font-serif-title,.fs-lux div.group div[class*="items-baseline"]>*:first-child,.fs-lux main section>div[class*="rounded-2xl"] .font-mono,.fs-lux main h1,.fs-lux main div[class*="lg:grid-cols-12"] [class*="text-3xl"],.fs-lux main div[class*="lg:grid-cols-12"] [class*="text-4xl"]{font-variant-numeric:lining-nums;font-feature-settings:"lnum" 1}
