/* ══════════════════════════════════════════
   AAKAARKALA v1.0 · WordPress Theme CSS
   Pink City palette · Tahoma base
   ══════════════════════════════════════════ */
:root {
  --pink:#E8175D; --pink-d:#B5104A; --pink-s:#FDE8EF;
  --gold:#F5A623; --gold-s:#FEF3D9;
  --teal:#0D9488; --teal-s:#D0FAF8;
  --violet:#7C3AED; --violet-s:#EDE9FE;
  --ink:#18181B; --char:#3F3F46; --muted:#71717A;
  --line:#E4E4E7; --bg:#FAFAFA; --white:#fff;
  --thread:linear-gradient(90deg,#E8175D 0%,#F5A623 33%,#0D9488 66%,#7C3AED 100%);
  --dark:linear-gradient(135deg,#18081A 0%,#3D1550 55%,#18181B 100%);
  --r:14px; --r2:22px;
  --sh:0 4px 20px rgba(0,0,0,.08);
  --shl:0 12px 48px rgba(0,0,0,.14);
  --ease:cubic-bezier(.23,1,.32,1);
  --nh:70px; --tbh:34px;
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
html{font-size:16.5px}
body{font-family:Tahoma,'Segoe UI',Geneva,Verdana,sans-serif;color:var(--ink);overflow-x:hidden;line-height:1.6;
  background:
    radial-gradient(900px 600px at 15% -5%, rgba(232,23,93,.085), transparent 55%),
    radial-gradient(800px 560px at 100% 20%, rgba(245,166,35,.075), transparent 55%),
    radial-gradient(760px 620px at -5% 70%, rgba(124,58,237,.06), transparent 55%),
    radial-gradient(900px 640px at 90% 105%, rgba(13,148,136,.065), transparent 55%),
    linear-gradient(165deg,#FFFCF9 0%,#FEF5F8 30%,#F9F5FE 60%,#F4FAF9 100%);
  background-attachment:fixed}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none;background:none}
input,select,textarea{font-family:inherit;font-size:.88rem}
::selection{background:var(--pink);color:#fff}
.playfair{font-family:'Playfair Display',serif}

/* ── LAYOUT ─────────────────────────────── */
.wrap{max-width:1320px;margin:0 auto;padding:0 2rem}
.ak-main{padding-top:calc(var(--tbh) + var(--nh));min-height:70vh}

/* ── NAVBAR ─────────────────────────────── */
#nav{
  position:fixed;top:var(--tbh);left:0;right:0;z-index:1000;
  background:rgba(255,255,255,.97);backdrop-filter:blur(20px);
  border-bottom:1.5px solid var(--line);
  transition:box-shadow .3s,transform .4s var(--ease);
}
#nav.scrolled{box-shadow:0 4px 28px rgba(0,0,0,.09)}
#nav.up{transform:translateY(-100%)}
.nav-inner{
  max-width:1320px;margin:0 auto;padding:0 2rem;
  height:var(--nh);display:flex;align-items:center;gap:1.2rem;
}
.brand{display:flex;align-items:center;gap:11px;flex-shrink:0;text-decoration:none}
.bmark{
  width:42px;height:42px;border-radius:11px;
  background:var(--thread);display:flex;align-items:center;justify-content:center;
  font-family:'Playfair Display',serif;font-weight:900;color:#fff;font-size:1.2rem;
  box-shadow:0 4px 14px rgba(232,23,93,.28);transition:transform .35s var(--ease);flex-shrink:0;
}
.brand:hover .bmark{transform:rotate(-7deg) scale(1.07)}
.btxt{line-height:1.15}
.bname{font-family:'Playfair Display',serif;font-weight:900;font-size:1.45rem;color:var(--ink);letter-spacing:-.3px}
.bname span{color:var(--pink)}
.btag{font-size:.72rem;font-weight:700;color:var(--pink);letter-spacing:1.5px;text-transform:uppercase;opacity:.85;
  animation:kkZoom 1.1s cubic-bezier(.23,1,.32,1) .35s both}
@keyframes kkZoom{0%{transform:scale(.7);opacity:0;letter-spacing:8px}60%{transform:scale(1.1);opacity:1}100%{transform:scale(1);letter-spacing:2.5px;opacity:.9}}
.nav-search{
  flex:1;max-width:520px;min-width:160px;
  display:flex;align-items:center;background:#F4F4F8;
  border-radius:50px;border:1.5px solid transparent;overflow:hidden;
  transition:border-color .25s,box-shadow .25s,background .25s;
}
.nav-search:focus-within{background:#fff;border-color:var(--pink);box-shadow:0 0 0 3px rgba(232,23,93,.1)}
.nav-search input{flex:1;border:none;outline:none;background:none;font-size:.84rem;color:var(--ink);padding:10px 0 10px 17px}
.nav-search input::placeholder{color:var(--muted)}
.nav-search button{width:42px;height:42px;margin:3px;border-radius:50%;background:var(--pink);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.88rem;flex-shrink:0;transition:.2s}
.nav-search button:hover{background:var(--pink-d)}
.nav-links{display:flex;align-items:center;gap:.15rem;flex-shrink:0}
.nl{font-size:.8rem;font-weight:600;color:var(--char);padding:8px 12px;border-radius:8px;transition:.2s;white-space:nowrap}
.nl:hover,.nl.on{color:var(--pink);background:var(--pink-s)}
.nav-actions{display:flex;align-items:center;gap:.65rem;flex-shrink:0}
.nico{width:38px;height:38px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:.95rem;color:var(--char);transition:.2s;position:relative;cursor:pointer}
.nico:hover{background:var(--pink-s);color:var(--pink)}
.nico-search-toggle{display:none}
.cbadge{position:absolute;top:-3px;right:-3px;background:var(--pink);color:#fff;font-size:.52rem;min-width:16px;height:16px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-weight:700;border:2px solid #fff;padding:0 2px}
.btn-si,.btn-su{display:flex;align-items:center;gap:7px;padding:8px 17px;border-radius:50px;font-size:.78rem;font-weight:700;transition:.25s var(--ease)}
.btn-si{background:var(--ink);color:#fff}
.btn-si:hover{background:var(--pink);box-shadow:0 4px 14px rgba(232,23,93,.3)}
.btn-su{background:var(--pink);color:#fff}
.btn-su:hover{background:var(--pink-d);box-shadow:0 6px 20px rgba(232,23,93,.35)}
.ham{display:none;flex-direction:column;gap:5px;width:32px;padding:5px 2px}
.ham span{display:block;height:2px;background:var(--ink);border-radius:2px;transition:.3s}
.nms-inner{display:flex;align-items:center;gap:.6rem;padding:.6rem 1.4rem}
.nms-inner i{color:var(--muted)}
.nms-inner input{flex:1;border:none;outline:none;background:none;font-size:.88rem;color:var(--ink)}

/* ── MOBILE PANEL ───────────────────────── */
.mpanel{position:fixed;top:0;right:0;bottom:0;width:320px;max-width:90vw;background:#fff;z-index:2001;transform:translateX(100%);transition:transform .4s var(--ease);display:flex;flex-direction:column;overflow-y:auto;box-shadow:var(--shl)}
.mpanel.open{transform:none}
.mp-bd{position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,.5);opacity:0;pointer-events:none;transition:.3s}
.mp-bd.open{opacity:1;pointer-events:auto}
.mp-head{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 1.4rem;border-bottom:1px solid var(--line)}
.mp-close{font-size:1.1rem;color:var(--muted);transition:.2s;cursor:pointer}
.mp-close:hover{color:var(--pink)}
.mp-search{padding:.7rem 1.4rem;border-bottom:1px solid var(--line)}
.mp-si{display:flex;align-items:center;background:var(--bg);border-radius:50px;padding:0 13px;gap:7px}
.mp-si i{color:var(--muted);font-size:.85rem}
.mp-si input{flex:1;border:none;outline:none;background:none;padding:10px 0;font-size:.84rem;color:var(--ink)}
.mp-auth{padding:1rem 1.4rem;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:.6rem}
.mp-nav{display:flex;flex-direction:column}
.mp-nav a{display:flex;align-items:center;gap:10px;padding:12px 1.4rem;font-size:.9rem;font-weight:700;color:var(--char);border-bottom:1px solid var(--line);transition:.2s}
.mp-nav a:hover{color:var(--pink);background:var(--pink-s)}
.mp-cats{padding:1rem 1.4rem;border-bottom:1px solid var(--line)}
.mp-ct{font-size:.63rem;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted);margin-bottom:.7rem}
.mp-chips{display:flex;flex-wrap:wrap;gap:.45rem}
.mp-chip{padding:6px 12px;border-radius:50px;font-size:.73rem;font-weight:700;border:1.5px solid var(--line);color:var(--char);cursor:pointer;transition:.2s;display:inline-block}
.mp-chip:hover{border-color:var(--pink);color:var(--pink)}
.mp-foot{padding:1rem 1.4rem;margin-top:auto}
.mp-currow{display:flex;flex-wrap:wrap;gap:.4rem}
.mp-cur{padding:5px 11px;border-radius:20px;font-size:.7rem;font-weight:700;border:1px solid var(--line);color:var(--muted);cursor:pointer;transition:.2s}
.mp-cur.on{background:var(--pink);color:#fff;border-color:var(--pink)}

/* ── HERO ───────────────────────────────── */
.hero{padding-top:calc(var(--tbh) + var(--nh));min-height:100vh;display:flex;flex-direction:column;overflow:hidden;position:relative;
  background:
    radial-gradient(560px 380px at 12% 18%, rgba(232,23,93,.10), transparent 62%),
    radial-gradient(520px 360px at 88% 14%, rgba(245,166,35,.12), transparent 62%),
    radial-gradient(560px 400px at 82% 84%, rgba(124,58,237,.09), transparent 62%),
    radial-gradient(480px 340px at 16% 88%, rgba(13,148,136,.10), transparent 62%),
    linear-gradient(160deg,#FFFDFB, #FFF5F8 55%, #FBF6FF)}
.hero-video-bg{position:absolute;inset:0;z-index:0;overflow:hidden;display:none}
.hero-video-bg video{width:100%;height:100%;object-fit:cover}
.hero-video-bg::after{content:'';position:absolute;inset:0;background:rgba(255,255,255,.82)}
.hero.has-video .hero-video-bg{display:block}
.hero.has-video{background:none}
.hero-brand-banner{text-align:center;padding:4rem 2rem 2.5rem;position:relative;z-index:2}
.hero-brand-mark{display:inline-flex;align-items:center;gap:16px;background:rgba(255,255,255,.93);border:1.5px solid rgba(232,23,93,.14);border-radius:var(--r2);padding:1.2rem 2.6rem 1.2rem 1.8rem;box-shadow:0 8px 40px rgba(232,23,93,.1);margin-bottom:1.6rem;backdrop-filter:blur(8px)}
.hbmark{width:64px;height:64px;border-radius:16px;background:var(--thread);display:flex;align-items:center;justify-content:center;font-family:'Playfair Display',serif;font-weight:900;color:#fff;font-size:2rem;box-shadow:0 8px 28px rgba(232,23,93,.35);flex-shrink:0}
.hero-brand-name{font-family:'Playfair Display',serif;font-weight:900;font-size:clamp(2.8rem,7vw,5.2rem);line-height:1;color:var(--ink);letter-spacing:-.5px}
.hero-brand-name span{color:var(--pink)}
.hero-brand-tag{font-size:.78rem;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--pink);margin-top:.4rem;opacity:.9}
.hero-cats{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin-bottom:2rem}
.hero-cat-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:50px;font-size:.78rem;font-weight:700;border:2px solid var(--line);color:var(--char);background:var(--white);transition:all .25s var(--ease);cursor:pointer}
.hero-cat-chip:hover,.hero-cat-chip.on{color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.13)}
.hero-cat-chip[data-c=all]:hover,.hero-cat-chip[data-c=all].on{background:var(--ink)}
.hero-cat-chip:not([data-c=all]){--cc:var(--pink)}
.hero-cat-chip:not([data-c=all]):hover,.hero-cat-chip:not([data-c=all]).on{background:var(--cc)}
.hero-cat-chip i{font-size:.75rem}
.hero-search-row{display:flex;justify-content:center;margin-bottom:0}
.hero-search{display:flex;align-items:center;background:#fff;border-radius:50px;border:2px solid var(--line);box-shadow:0 4px 24px rgba(0,0,0,.07);overflow:hidden;max-width:580px;width:100%;transition:border-color .25s,box-shadow .25s}
.hero-search:focus-within{border-color:var(--pink);box-shadow:0 4px 30px rgba(232,23,93,.15)}
.hero-search input{flex:1;border:none;outline:none;background:none;font-size:.95rem;color:var(--ink);padding:14px 0 14px 22px}
.hero-search input::placeholder{color:var(--muted)}
.hero-search button{margin:5px;padding:10px 24px;border-radius:50px;background:var(--pink);color:#fff;font-size:.88rem;font-weight:700;display:flex;align-items:center;gap:8px;transition:.2s;flex-shrink:0;cursor:pointer}
.hero-search button:hover{background:var(--pink-d)}

/* ── SHOP SECTION ───────────────────────── */
.shop-section{padding:0 0 5rem;background:var(--bg)}
.shop-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:2.4rem 0 1.8rem}
.shop-eyebrow{font-size:.68rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--pink);margin-bottom:.3rem}
.shop-title{font-family:'Playfair Display',serif;font-weight:900;font-size:clamp(1.5rem,2.5vw,2.1rem);color:var(--ink)}
.shop-title em{color:var(--pink);font-style:italic}
.toolbar{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}
.sort-sel{padding:9px 14px;border-radius:10px;border:1.5px solid var(--line);background:#fff;font-size:.8rem;color:var(--char);font-weight:600;outline:none;cursor:pointer;transition:.2s}
.sort-sel:focus{border-color:var(--pink)}
.filter-btn-top{display:flex;align-items:center;gap:7px;padding:9px 16px;border-radius:10px;border:1.5px solid var(--line);background:#fff;font-size:.8rem;font-weight:600;color:var(--char);transition:.2s}
.filter-btn-top:hover,.filter-btn-top.on{border-color:var(--pink);color:var(--pink);background:var(--pink-s)}
.result-count{font-size:.8rem;color:var(--muted);font-weight:600}
.shop-layout{display:flex;gap:2rem;align-items:flex-start}

/* ── FILTER SIDEBAR ─────────────────────── */
.filter-sidebar{width:240px;flex-shrink:0;background:#fff;border-radius:var(--r);border:1.5px solid var(--line);padding:1.4rem;position:sticky;top:calc(var(--tbh) + var(--nh) + 1.5rem);max-height:calc(100vh - var(--tbh) - var(--nh) - 3rem);overflow-y:auto}
.filter-sidebar::-webkit-scrollbar{width:4px}
.filter-sidebar::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}
.fs-title{font-size:.72rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin-bottom:1rem}
.fg{margin-bottom:1.4rem;padding-bottom:1.4rem;border-bottom:1px solid var(--line)}
.fg:last-child{border-bottom:none;margin-bottom:0}
.fg h4{font-size:.8rem;font-weight:700;color:var(--ink);margin-bottom:.7rem}
.fg-opt{display:flex;align-items:center;gap:9px;padding:7px 9px;border-radius:8px;cursor:pointer;transition:.15s;font-size:.82rem;color:var(--char)}
.fg-opt:hover,.fg-opt.on{background:var(--pink-s);color:var(--pink)}
.fg-opt input[type=checkbox]{accent-color:var(--pink);width:14px;height:14px}
.price-inputs{display:flex;align-items:center;gap:.5rem}
.price-inputs input{flex:1;width:0;padding:8px 10px;border-radius:8px;border:1.5px solid var(--line);font-size:.82rem;color:var(--ink);outline:none;transition:.2s}
.price-inputs input:focus{border-color:var(--pink)}
.price-inputs span{color:var(--muted);font-size:.9rem;flex-shrink:0}
.clear-all{width:100%;padding:9px;border-radius:8px;border:1.5px solid var(--line);font-size:.76rem;font-weight:700;color:var(--muted);transition:.2s;cursor:pointer}
.clear-all:hover{border-color:var(--pink);color:var(--pink)}

/* ── PRODUCT GRID ───────────────────────── */
.products-col{flex:1;min-width:0}
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1.3rem}
.pcard{background:#fff;border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);transition:transform .4s var(--ease),box-shadow .4s;cursor:pointer;position:relative}
.pcard:hover{transform:translateY(-7px);box-shadow:var(--shl)}
.pcard-img{aspect-ratio:4/5;overflow:hidden;background:var(--line);position:relative}
.pcard-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.pcard:hover .pcard-img img{transform:scale(1.07)}
.pbadge{position:absolute;top:11px;left:11px;z-index:2;padding:4px 10px;border-radius:20px;font-size:.6rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}
.b-new{background:var(--pink);color:#fff}
.b-lim{background:var(--gold);color:var(--ink)}
.b-best{background:var(--teal);color:#fff}
.pwish{position:absolute;top:11px;right:11px;z-index:2;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.9);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;font-size:.85rem;color:var(--muted);transition:.25s;cursor:pointer;border:none}
.pwish:hover,.pwish.on{color:var(--pink);background:#fff;box-shadow:0 2px 10px rgba(232,23,93,.2)}
.pcard-info{padding:1rem}
.pcat{font-size:.62rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--pink);margin-bottom:.2rem}
.pname{font-size:.97rem;font-weight:700;color:var(--ink);line-height:1.3;margin-bottom:.7rem}
.pfoot{display:flex;align-items:center;justify-content:space-between;gap:.4rem}
.pprices{display:flex;align-items:baseline;gap:.35rem;flex-wrap:wrap}
.pnow{font-size:1rem;font-weight:700;color:var(--ink)}
.pwas{font-size:.76rem;color:var(--muted);text-decoration:line-through}
.poff{font-size:.65rem;font-weight:700;color:var(--teal);background:var(--teal-s);padding:2px 7px;border-radius:6px}
.padd{display:flex;align-items:center;gap:5px;padding:8px 12px;border-radius:50px;font-size:.72rem;font-weight:700;background:var(--ink);color:#fff;transition:.22s;flex-shrink:0;border:none;cursor:pointer}
.padd:hover{background:var(--pink)}
.empty-grid{text-align:center;padding:5rem 2rem;color:var(--muted);grid-column:1/-1}
.empty-grid i{font-size:3rem;opacity:.2;display:block;margin-bottom:1rem}

/* ── PRODUCT DRAWER ─────────────────────── */
.pdrawer-bd{position:fixed;inset:0;z-index:2100;background:rgba(10,5,15,.55);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .35s}
.pdrawer-bd.open{opacity:1;pointer-events:auto}
.pdrawer{position:fixed;top:0;right:0;bottom:0;z-index:2101;width:min(680px,100vw);background:#fff;transform:translateX(100%);transition:transform .42s cubic-bezier(.23,1,.32,1);display:flex;flex-direction:column;box-shadow:-12px 0 60px rgba(0,0,0,.18)}
.pdrawer.open{transform:none}
.pdrawer-head{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.6rem;border-bottom:1px solid var(--line);flex-shrink:0}
.pdrawer-crumb{font-size:.68rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--pink)}
.pd-view-full{font-size:.72rem;font-weight:700;color:var(--muted);transition:.2s}
.pd-view-full:hover{color:var(--pink)}
.pdrawer-close{width:36px;height:36px;border-radius:50%;background:var(--bg);display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--muted);transition:.2s;cursor:pointer;border:none}
.pdrawer-close:hover{background:var(--pink-s);color:var(--pink)}
.pdrawer-body{flex:1;overflow-y:auto;padding:0}
.pdrawer-body::-webkit-scrollbar{width:4px}
.pdrawer-body::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}
.pd-carousel{position:relative;background:#f7f2f5;overflow:hidden}
.pd-carousel-track{display:flex;transition:transform .45s cubic-bezier(.23,1,.32,1)}
.pd-slide{flex:0 0 100%;aspect-ratio:4/3;overflow:hidden}
.pd-slide img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.pd-slide img:hover{transform:scale(1.04)}
.pd-arr{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border:1px solid rgba(0,0,0,.08);display:flex;align-items:center;justify-content:center;font-size:.9rem;color:var(--ink);cursor:pointer;transition:.22s;z-index:5;box-shadow:0 2px 12px rgba(0,0,0,.12)}
.pd-arr:hover{background:#fff;box-shadow:0 4px 18px rgba(0,0,0,.18);color:var(--pink)}
.pd-arr.prev{left:12px}
.pd-arr.next{right:12px}
.pd-dots{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:6px}
.pd-dot{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.55);border:1.5px solid rgba(255,255,255,.8);cursor:pointer;transition:.22s}
.pd-dot.on{background:#fff;transform:scale(1.25)}
.pd-skeleton{padding:1.6rem}
.skel-line{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:skel 1.5s infinite;border-radius:6px}
@keyframes skel{0%{background-position:200% 0}100%{background-position:-200% 0}}
.pd-content{padding:1.6rem}
.pd-badge-row{display:flex;align-items:center;gap:.6rem;margin-bottom:.6rem}
.pd-cat{font-size:.65rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--pink)}
.pd-badge{padding:3px 10px;border-radius:20px;font-size:.6rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}
.pd-title{font-family:'Playfair Display',serif;font-size:clamp(1.4rem,3.5vw,2rem);font-weight:900;color:var(--ink);line-height:1.2;margin-bottom:1rem}
.pd-prices{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;margin-bottom:1.2rem}
.pd-now{font-size:1.7rem;font-weight:700;color:var(--ink)}
.pd-was{font-size:.95rem;color:var(--muted);text-decoration:line-through}
.pd-off{background:var(--teal-s);color:var(--teal);padding:4px 11px;border-radius:7px;font-size:.72rem;font-weight:700}
.pd-desc{font-size:.88rem;color:var(--char);line-height:1.8;margin-bottom:1.4rem;border-bottom:1px solid var(--line);padding-bottom:1.4rem}
.pd-specs{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:1.6rem}
.pd-spec{background:var(--bg);border-radius:10px;padding:.65rem .85rem}
.pd-spec-l{font-size:.58rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--muted)}
.pd-spec-v{font-size:.84rem;font-weight:600;color:var(--ink);margin-top:.15rem}
.pd-actions{padding:1.1rem 1.6rem;border-top:1px solid var(--line);display:flex;gap:.75rem;flex-shrink:0;background:#fff}
.btn-pd-main{flex:1;display:flex;align-items:center;justify-content:center;gap:9px;padding:14px;border-radius:50px;font-size:.9rem;font-weight:700;background:var(--pink);color:#fff;transition:.25s;cursor:pointer;border:none}
.btn-pd-main:hover{background:var(--pink-d);box-shadow:0 6px 20px rgba(232,23,93,.3)}
.btn-pd-wish{width:50px;height:50px;border-radius:50%;border:2px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--muted);transition:.22s;flex-shrink:0;cursor:pointer;background:#fff}
.btn-pd-wish:hover,.btn-pd-wish.on{border-color:var(--pink);color:var(--pink);background:var(--pink-s)}

/* ── SINGLE PRODUCT PAGE ────────────────── */
.single-product-main .wrap{padding-top:2rem;padding-bottom:4rem}
.ak-breadcrumb{font-size:.76rem;color:var(--muted);margin-bottom:2rem}
.ak-breadcrumb a{color:var(--muted);transition:.15s}
.ak-breadcrumb a:hover{color:var(--pink)}
.sp-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-bottom:3rem}
.sp-carousel{position:relative;border-radius:var(--r2);overflow:hidden;background:#f7f2f5}
.sp-track{display:flex;transition:transform .45s var(--ease)}
.sp-slide{flex:0 0 100%;aspect-ratio:1}
.sp-img{width:100%;height:100%;object-fit:cover}
.sp-arr{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border:1px solid rgba(0,0,0,.08);display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--ink);cursor:pointer;transition:.22s;z-index:5;box-shadow:0 2px 12px rgba(0,0,0,.12)}
.sp-arr:hover{background:#fff;color:var(--pink)}
.sp-prev{left:14px}
.sp-next{right:14px}
.sp-thumbs{display:flex;gap:.6rem;margin-top:.8rem;overflow-x:auto;padding-bottom:.2rem}
.sp-thumbs::-webkit-scrollbar{height:3px}
.sp-thumbs::-webkit-scrollbar-thumb{background:var(--line);border-radius:2px}
.sp-thumb{width:72px;height:72px;border-radius:9px;overflow:hidden;flex-shrink:0;border:2px solid transparent;cursor:pointer;transition:.2s}
.sp-thumb.on,.sp-thumb:hover{border-color:var(--pink)}
.sp-thumb img{width:100%;height:100%;object-fit:cover}
.sp-dots{display:none;justify-content:center;gap:6px;margin-top:.8rem}
.sp-dot{width:7px;height:7px;border-radius:50%;background:var(--line);cursor:pointer;transition:.2s;border:none}
.sp-dot.on{background:var(--pink)}
.sp-info{padding:1rem 0}
.sp-cat-row{display:flex;align-items:center;gap:.6rem;margin-bottom:.7rem}
.sp-title{font-family:'Playfair Display',serif;font-weight:900;font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.15;color:var(--ink);margin-bottom:1rem}
.sp-prices{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;margin-bottom:1.3rem}
.sp-now{font-size:1.8rem;font-weight:700;color:var(--ink)}
.sp-desc{font-size:.9rem;color:var(--char);line-height:1.8;margin-bottom:1.4rem}
.sp-specs{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:1.6rem}
.sp-actions{}
.sp-stock-note{font-size:.76rem;color:var(--teal);font-weight:700;margin-bottom:.8rem}
.sp-qty-row{display:flex;gap:.8rem;align-items:center;margin-bottom:.8rem}
.sp-qty{display:flex;align-items:center;border:1.5px solid var(--line);border-radius:50px;overflow:hidden}
.sp-qty button{width:36px;height:44px;font-size:1.1rem;color:var(--char);transition:.15s;background:#fff;border:none;cursor:pointer}
.sp-qty button:hover{background:var(--pink-s);color:var(--pink)}
.sp-qty span{min-width:32px;text-align:center;font-size:.92rem;font-weight:700}
.sp-add-btn{flex:1}
.sp-secondary-actions{display:flex;gap:.6rem}
.btn-pd-wish.sp-wish-btn{width:auto;padding:0 18px;border-radius:50px;font-size:.8rem;gap:7px}
.sp-trust{display:flex;gap:1.2rem;flex-wrap:wrap;margin-top:1.5rem}
.trust-item{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--muted);font-weight:600}
.trust-item i{color:var(--pink);font-size:.8rem}
.sp-sold-out{background:var(--bg);border-radius:var(--r);padding:1.5rem;text-align:center;margin-top:1rem}
.sp-sold-out p{color:var(--muted);margin-bottom:1rem;font-size:.88rem}
.sp-full-desc{background:#fff;border-radius:var(--r);border:1.5px solid var(--line);padding:2rem;margin-bottom:3rem}
.sp-full-desc h2{font-family:'Playfair Display',serif;font-size:1.3rem;font-weight:900;color:var(--ink);margin-bottom:1rem}
.sp-related{margin-bottom:3rem}

/* ── MODALS ─────────────────────────────── */
.mbackdrop{position:fixed;inset:0;z-index:2000;background:rgba(10,5,15,.6);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:1.5rem;opacity:0;pointer-events:none;transition:opacity .3s}
.mbackdrop.open{opacity:1;pointer-events:auto}
.modal{background:#fff;border-radius:24px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;transform:translateY(22px) scale(.97);transition:transform .35s var(--ease);box-shadow:0 32px 80px rgba(0,0,0,.24)}
.mbackdrop.open .modal{transform:none}
.mhead{padding:1.8rem 1.8rem 1.2rem;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--line)}
.mhead h3{font-family:'Playfair Display',serif;font-size:1.4rem;font-weight:900;color:var(--ink)}
.mhead p{font-size:.78rem;color:var(--muted);margin-top:.2rem}
.mclose{width:34px;height:34px;border-radius:50%;background:var(--bg);color:var(--muted);display:flex;align-items:center;justify-content:center;font-size:.95rem;transition:.2s;flex-shrink:0;cursor:pointer;border:none}
.mclose:hover{background:var(--pink-s);color:var(--pink)}
.mbody{padding:1.5rem 1.8rem}
.mtabs{display:flex;gap:.4rem;background:var(--bg);border-radius:11px;padding:.28rem;margin-bottom:1.4rem}
.mtab{flex:1;padding:8px;border-radius:9px;font-size:.8rem;font-weight:700;color:var(--muted);transition:.22s;text-align:center;cursor:pointer}
.mtab.on{background:#fff;color:var(--ink);box-shadow:var(--sh)}
.ff{margin-bottom:1rem}
.ff label{display:block;font-size:.73rem;font-weight:700;color:var(--char);margin-bottom:.35rem;letter-spacing:.3px}
.ff input,.ff select,.ff textarea{width:100%;padding:11px 13px;border-radius:10px;border:1.5px solid var(--line);outline:none;color:var(--ink);background:#fff;transition:.22s}
.ff input:focus,.ff select:focus,.ff textarea:focus{border-color:var(--pink);box-shadow:0 0 0 3px rgba(232,23,93,.1)}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.btn-full{width:100%;padding:13px;border-radius:50px;font-size:.88rem;font-weight:700;background:var(--pink);color:#fff;transition:.22s;cursor:pointer;border:none;display:flex;align-items:center;justify-content:center;gap:7px}
.btn-full:hover{background:var(--pink-d)}
.forgot{display:flex;justify-content:space-between;align-items:center;margin:-.4rem 0 .8rem;font-size:.73rem}
.forgot a{color:var(--pink);font-weight:600}

/* ── MY ACCOUNT ─────────────────────────── */
.account-main .wrap{padding-top:2.5rem;padding-bottom:4rem}
.account-grid{display:grid;grid-template-columns:260px 1fr;gap:2.5rem;align-items:start}
.account-sidebar{background:#fff;border-radius:var(--r);border:1.5px solid var(--line);overflow:hidden;position:sticky;top:calc(var(--nh)+1.5rem)}
.account-user-card{padding:1.4rem;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:.9rem}
.account-avatar .av-img{width:48px;height:48px;border-radius:50%;border:2px solid var(--pink-s)}
.account-uname{font-weight:700;font-size:.92rem;color:var(--ink)}
.account-uemail{font-size:.72rem;color:var(--muted);margin-top:.15rem}
.account-nav{display:flex;flex-direction:column}
.account-nav-link{display:flex;align-items:center;gap:.7rem;padding:12px 1.4rem;font-size:.86rem;font-weight:600;color:var(--char);border-bottom:1px solid var(--line);transition:.15s}
.account-nav-link:last-child{border-bottom:none}
.account-nav-link:hover,.account-nav-link.on{color:var(--pink);background:var(--pink-s)}
.account-nav-link i{width:16px;text-align:center;font-size:.85rem}
.account-content{background:#fff;border-radius:var(--r);border:1.5px solid var(--line);padding:2rem;min-height:400px}
.woocommerce-MyAccount-content h2{font-family:'Playfair Display',serif;font-size:1.3rem;font-weight:900;color:var(--ink);margin-bottom:1.2rem}
.empty-wish{text-align:center;padding:3rem 1rem}
.empty-wish i{font-size:3rem;color:var(--pink-s);display:block;margin-bottom:1rem}
.empty-wish h2{font-family:'Playfair Display',serif;margin-bottom:.6rem}
.empty-wish p{color:var(--muted);margin-bottom:1.5rem}

/* ── CART / CHECKOUT ─────────────────────── */
.cart-main .wrap,.checkout-main .wrap{padding-top:2rem;padding-bottom:4rem}
.page-title{font-family:'Playfair Display',serif;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:900;color:var(--ink);margin-bottom:1.8rem}
.empty-cart{text-align:center;padding:4rem 2rem;color:var(--muted)}
.empty-cart i{font-size:3.5rem;opacity:.2;display:block;margin-bottom:1rem}
.empty-cart h2{font-family:'Playfair Display',serif;margin-bottom:.7rem;color:var(--ink)}
.empty-cart p{margin-bottom:1.5rem}
.empty-cart .btn-full{max-width:280px;margin:0 auto}
.cart-grid{display:grid;grid-template-columns:1fr 380px;gap:2.5rem;align-items:start}
.cart-row{display:flex;gap:1rem;padding:1.1rem 0;border-bottom:1px solid var(--line);align-items:flex-start}
.ci-img-link{flex-shrink:0}
.ci-img{width:80px;height:80px;border-radius:10px;object-fit:cover;background:var(--line)}
.ci-info{flex:1;min-width:0}
.ci-name{font-size:.9rem;font-weight:700;color:var(--ink);margin-bottom:.3rem}
.ci-name a:hover{color:var(--pink)}
.ci-price{font-size:.82rem;color:var(--muted);margin-bottom:.4rem}
.ci-rm{font-size:.88rem;color:var(--muted);cursor:pointer;padding:6px;transition:.2s;margin-left:auto;background:none;border:none;flex-shrink:0}
.ci-rm:hover{color:var(--pink)}
.ci-line-total{font-size:.92rem;font-weight:700;color:var(--ink);flex-shrink:0;padding-top:.2rem}
.cart-coupon{padding:1.2rem 0}
.coupon-form{display:flex;gap:.6rem}
.cart-coupon-input{flex:1;padding:10px 14px;border-radius:10px;border:1.5px solid var(--line);font-size:.82rem;outline:none;transition:.2s}
.cart-coupon-input:focus{border-color:var(--pink)}
.coupon-btn{padding:10px 18px;border-radius:10px;background:var(--ink);color:#fff;font-size:.82rem;font-weight:700;cursor:pointer;border:none;transition:.2s;white-space:nowrap}
.coupon-btn:hover{background:var(--pink)}
.cart-summary,.checkout-order-summary{background:#fff;border-radius:var(--r);border:1.5px solid var(--line);padding:1.6rem;position:sticky;top:calc(var(--nh)+1.5rem)}
.cart-summary h3,.checkout-order-summary h3{font-family:'Playfair Display',serif;font-size:1.1rem;font-weight:900;color:var(--ink);margin-bottom:1.1rem}
.cs-line{display:flex;justify-content:space-between;font-size:.85rem;padding:.4rem 0;color:var(--char)}
.cs-total{border-top:1px solid var(--line);padding-top:.75rem;margin-top:.35rem;font-weight:700;font-size:.98rem;color:var(--ink)}
.cs-free{color:var(--teal);font-weight:700}
.checkout-btn{margin-top:1.2rem;font-size:.9rem}
.continue-shopping{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:.8rem;font-size:.78rem;color:var(--muted);font-weight:600;transition:.2s}
.continue-shopping:hover{color:var(--pink)}
.checkout-grid{display:grid;grid-template-columns:1fr 380px;gap:2.5rem;align-items:start}
.checkout-section{background:#fff;border-radius:var(--r);border:1.5px solid var(--line);padding:1.6rem;margin-bottom:1.2rem}
.checkout-section h3{font-family:'Playfair Display',serif;font-size:1rem;font-weight:900;color:var(--ink);margin-bottom:1.2rem}
.checkout-login-notice{background:var(--pink-s);border-radius:10px;padding:.9rem 1.2rem;font-size:.82rem;margin-bottom:1.5rem}
.checkout-login-notice a{color:var(--pink);font-weight:700}
.co-item{display:flex;align-items:center;gap:.8rem;padding:.8rem 0;border-bottom:1px solid var(--line)}
.co-item-img{width:56px;height:56px;border-radius:8px;object-fit:cover;background:var(--line)}
.co-item-qty{position:absolute;top:-6px;right:-6px;background:var(--ink);color:#fff;width:18px;height:18px;border-radius:50%;font-size:.6rem;font-weight:700;display:flex;align-items:center;justify-content:center}
.co-item-info{flex:1;min-width:0}
.co-item-name{font-size:.82rem;font-weight:700;color:var(--ink)}
.co-item-price{font-size:.84rem;font-weight:700;color:var(--ink);flex-shrink:0}
.co-totals{margin:1rem 0;padding:1rem 0;border-top:1px solid var(--line)}
.co-payment .woocommerce-checkout-payment{background:none;border-radius:0;padding:0}

/* ── FOOTER ─────────────────────────────── */
.ak-footer{background:var(--ink)}
.footer-top{padding:4rem 0 3rem}
.footer-grid{display:grid;grid-template-columns:1.8fr 1fr 1fr 1.4fr;gap:3rem}
.footer-brand-col{}
.footer-brand{margin-bottom:1.1rem;display:inline-flex}
.footer-brand .bname,.footer-brand .btag{color:#fff}
.footer-brand .bname span{color:var(--pink)}
.footer-brand .bmark{box-shadow:0 4px 14px rgba(232,23,93,.4)}
.footer-about{font-size:.82rem;color:rgba(255,255,255,.55);line-height:1.75;margin-bottom:1.2rem;max-width:280px}
.footer-social{display:flex;gap:.6rem;flex-wrap:wrap}
.fsoc{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:.22s}
.fsoc-ig{background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff}
.fsoc-fb{background:#1877f2;color:#fff}
.fsoc-pin{background:#e60023;color:#fff}
.fsoc-wa{background:#25D366;color:#fff}
.fsoc:hover{transform:translateY(-3px);box-shadow:0 6px 18px rgba(0,0,0,.3)}
.footer-col{}
.footer-widget-title{font-size:.68rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.35);margin-bottom:1.1rem}
.footer-links{list-style:none;display:flex;flex-direction:column;gap:.5rem}
.footer-links a,.footer-links li{font-size:.83rem;color:rgba(255,255,255,.6);transition:.15s;line-height:1.5}
.footer-links a:hover{color:var(--pink)}
.footer-contact li{display:flex;align-items:flex-start;gap:.6rem}
.footer-contact i{font-size:.8rem;flex-shrink:0;margin-top:.2rem}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding:1.2rem 0}
.footer-bottom-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}
.footer-copy{font-size:.76rem;color:rgba(255,255,255,.35)}
.footer-pay{display:flex;gap:.5rem;flex-wrap:wrap}
.pay-badge{display:flex;align-items:center;gap:5px;font-size:.72rem;color:rgba(255,255,255,.4);background:rgba(255,255,255,.06);padding:5px 9px;border-radius:7px}

/* ── TOAST ──────────────────────────────── */
.toastwrap{position:fixed;bottom:2.5rem;left:50%;transform:translateX(-50%);z-index:3000;display:flex;flex-direction:column;gap:.5rem;align-items:center;pointer-events:none}
.toast{background:var(--ink);color:#fff;padding:10px 22px;border-radius:50px;font-size:.82rem;font-weight:600;box-shadow:var(--shl);animation:tin .3s var(--ease) both}
@keyframes tin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* ── WHATSAPP ───────────────────────────── */
#wab{position:fixed;bottom:2rem;right:2rem;z-index:999}
.wa-btn{width:58px;height:58px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;font-size:1.55rem;color:#fff;box-shadow:0 6px 24px rgba(37,211,102,.45);transition:.3s var(--ease);cursor:pointer;animation:wap 3.5s ease-in-out infinite}
.wa-btn:hover{transform:scale(1.1)}
@keyframes wap{0%,100%{box-shadow:0 6px 24px rgba(37,211,102,.45)}60%{box-shadow:0 6px 32px rgba(37,211,102,.6),0 0 0 8px rgba(37,211,102,.1)}}
.wa-popup{position:absolute;bottom:70px;right:0;width:296px;background:#fff;border-radius:16px;box-shadow:var(--shl);overflow:hidden;opacity:0;pointer-events:none;transform:translateY(10px) scale(.97);transition:all .3s var(--ease)}
.wa-popup.open{opacity:1;pointer-events:auto;transform:none}
.wa-ph{background:linear-gradient(135deg,#128C7E,#25D366);padding:.9rem 1.1rem;display:flex;align-items:center;gap:.8rem}
.wa-av{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#fff;flex-shrink:0}
.wa-ph h4{color:#fff;font-size:.88rem;font-weight:700;margin-bottom:.1rem}
.wa-ph p{color:rgba(255,255,255,.8);font-size:.68rem}
.waon{width:7px;height:7px;background:#4eff91;border-radius:50%;display:inline-block;margin-right:3px}
.wa-body{padding:.9rem 1.1rem}
.wa-msg{background:#f0f4f8;border-radius:0 11px 11px 11px;padding:.65rem .85rem;font-size:.8rem;color:var(--char);line-height:1.55;margin-bottom:.8rem;position:relative}
.wa-msg::before{content:'';position:absolute;left:-6px;top:0;border:6px solid transparent;border-right-color:#f0f4f8;border-top:0}
.wa-cta{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;padding:10px;border-radius:50px;background:#25D366;color:#fff;font-size:.82rem;font-weight:700;transition:.2s}
.wa-cta:hover{background:#1da851}
.wa-x{position:absolute;top:7px;right:7px;color:rgba(255,255,255,.75);font-size:.95rem;background:none;border:none;cursor:pointer}

/* ── BACK TO TOP ─────────────────────────── */
#btt{position:fixed;bottom:2rem;left:2rem;z-index:998;width:42px;height:42px;border-radius:50%;background:var(--ink);color:#fff;font-size:.88rem;display:flex;align-items:center;justify-content:center;box-shadow:var(--sh);opacity:0;transform:translateY(8px);pointer-events:none;transition:all .35s var(--ease)}
#btt.show{opacity:1;transform:none;pointer-events:auto}
#btt:hover{background:var(--pink)}

/* ── WOO FORM OVERRIDES ─────────────────── */
.woocommerce-form .form-row,.woocommerce-checkout .form-row{margin-bottom:.9rem}
.woocommerce-form .form-row label,.woocommerce-checkout .form-row label{font-size:.73rem;font-weight:700;color:var(--char);display:block;margin-bottom:.35rem}
.woocommerce-form .form-row input,.woocommerce-checkout .form-row input,
.woocommerce-form .form-row select,.woocommerce-checkout .form-row select,
.woocommerce-form .form-row textarea,.woocommerce-checkout .form-row textarea{width:100%;padding:11px 13px;border-radius:10px;border:1.5px solid var(--line);outline:none;color:var(--ink);background:#fff;transition:.22s;font-family:inherit;font-size:.86rem}
.woocommerce-form .form-row input:focus,.woocommerce-checkout .form-row input:focus,
.woocommerce-form .form-row select:focus,.woocommerce-checkout .form-row select:focus{border-color:var(--pink);box-shadow:0 0 0 3px rgba(232,23,93,.1)}
.woocommerce-form-row--wide{width:100%}
.woocommerce-form-row--first,.woocommerce-form-row--last{width:calc(50% - .4rem);display:inline-block}
.woocommerce-form-row--first{margin-right:.8rem}
.woocommerce-button.button,.woocommerce .button.alt,.place-order .button{width:100%;padding:13px;border-radius:50px;font-size:.88rem;font-weight:700;background:var(--pink);color:#fff;transition:.22s;cursor:pointer;border:none;display:block;text-align:center}
.woocommerce-button.button:hover,.woocommerce .button.alt:hover,.place-order .button:hover{background:var(--pink-d)}
.woocommerce-notices-wrapper .woocommerce-message,.woocommerce-notices-wrapper .woocommerce-error{border-radius:10px;margin-bottom:1rem;padding:.8rem 1.1rem;font-size:.84rem}
.woocommerce-notices-wrapper .woocommerce-message{background:var(--teal-s);border:1px solid var(--teal);color:var(--teal)}
.woocommerce-notices-wrapper .woocommerce-error{background:var(--pink-s);border:1px solid var(--pink);color:var(--pink-d)}
.woocommerce-payment-methods{list-style:none}
.woocommerce-payment-methods li{padding:.7rem;border:1.5px solid var(--line);border-radius:10px;margin-bottom:.5rem;cursor:pointer;transition:.15s}
.woocommerce-payment-methods li:hover{border-color:var(--pink)}
.woocommerce-MyAccount-orders .woocommerce-orders-table{width:100%;border-collapse:collapse;font-size:.84rem}
.woocommerce-MyAccount-orders .woocommerce-orders-table th{text-align:left;padding:.7rem .9rem;font-size:.68rem;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);border-bottom:2px solid var(--line)}
.woocommerce-MyAccount-orders .woocommerce-orders-table td{padding:.75rem .9rem;border-bottom:1px solid var(--line)}
.woocommerce-orders-table__cell-order-actions a{background:var(--pink);color:#fff;padding:5px 12px;border-radius:20px;font-size:.72rem;font-weight:700}

/* ── RESPONSIVE ─────────────────────────── */
@media(max-width:1060px){
  .filter-sidebar{display:none}
  .filter-sidebar.open{display:block;position:fixed;top:0;right:0;bottom:0;border-radius:20px 0 0 20px;z-index:1500;max-height:100vh;width:280px;animation:sfIn .35s var(--ease)}
  @keyframes sfIn{from{transform:translateX(100%)}to{transform:none}}
  .sf-backdrop{position:fixed;inset:0;z-index:1499;background:rgba(0,0,0,.45);display:none}
  .sf-backdrop.open{display:block}
  .shop-layout{display:block}
  .sp-grid{grid-template-columns:1fr;gap:2rem}
  .account-grid{grid-template-columns:1fr}
  .account-sidebar{position:static}
  .cart-grid,.checkout-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:860px){
  .nav-links{display:none}
  .btn-si,.btn-su{display:none}
  .ham{display:flex}
  .nav-search{display:none}
  .nico-search-toggle{display:flex}
  .sp-thumbs{display:none}
  .sp-dots{display:flex}
}
@media(max-width:640px){
  :root{--nh:60px;--tbh:30px}
  .hero-brand-mark{padding:.85rem 1.2rem;gap:12px;border-radius:16px;flex-direction:column;align-items:center;text-align:center}
  .hbmark{width:52px;height:52px;font-size:1.55rem}
  .hero-brand-name{font-size:clamp(2rem,9vw,3.5rem)}
  .pgrid{grid-template-columns:repeat(2,1fr);gap:.8rem}
  .frow{grid-template-columns:1fr}
  .hero-cats{gap:.45rem}
  .hero-cat-chip{padding:8px 14px;font-size:.74rem}
  .footer-grid{grid-template-columns:1fr}
  .footer-bottom-inner{flex-direction:column;text-align:center}
  .pdrawer{width:100vw}
  .pd-specs{grid-template-columns:1fr 1fr}
  .pd-content{padding:1.2rem}
  .woocommerce-form-row--first,.woocommerce-form-row--last{width:100%;display:block}
  .woocommerce-form-row--first{margin-right:0}
}
@media(max-width:420px){
  .pgrid{grid-template-columns:1fr}
  .hero-brand-mark{padding:.75rem 1rem}
  .hero-brand-name{font-size:2.2rem}
  .bname{font-size:1.2rem}
  .wrap{padding:0 1rem}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
}

/* ══════════════════════════════════════════
   v3 · TOPBAR (ticker + country/lang/currency)
   ══════════════════════════════════════════ */
#topbar{position:fixed;top:0;left:0;right:0;z-index:1001;height:var(--tbh);background:var(--ink);display:flex;align-items:center}
.tb-inner{max-width:1320px;margin:0 auto;padding:0 2rem;width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.tb-controls{display:flex;align-items:center;gap:.4rem}
.tb-drop{position:relative}
.tb-btn{display:flex;align-items:center;gap:5px;padding:5px 9px;border-radius:6px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);font-size:.7rem;font-weight:700;color:rgba(255,255,255,.75);transition:.2s}
.tb-btn:hover,.tb-drop.open .tb-btn{background:rgba(255,255,255,.16);color:#fff;border-color:rgba(255,255,255,.28)}
.tb-btn .ci{font-size:.48rem;opacity:.65;transition:transform .3s}
.tb-drop.open .tb-btn .ci{transform:rotate(180deg)}
.tb-panel{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:var(--white);border-radius:var(--r);box-shadow:var(--shl);border:1px solid var(--line);padding:.55rem;opacity:0;pointer-events:none;transform:translateY(6px);transition:all .22s var(--ease);z-index:50;max-height:340px;overflow-y:auto}
.tb-panel::-webkit-scrollbar{width:4px}
.tb-panel::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}
.tb-drop.open .tb-panel{opacity:1;pointer-events:auto;transform:none}
.tb-plabel{font-size:.6rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);padding:.35rem .55rem .5rem;border-bottom:1px solid var(--line);margin-bottom:.35rem}
.tb-opt{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:8px;font-size:.8rem;color:var(--char);cursor:pointer;transition:.15s}
.tb-opt:hover,.tb-opt.on{background:var(--pink-s);color:var(--pink)}
.tb-opt em{margin-left:auto;font-style:normal;font-size:.68rem;color:var(--muted)}
.tb-opt.on em{color:var(--pink)}
.tb-note{font-size:.63rem;color:var(--muted);padding:.45rem .55rem;line-height:1.4;border-top:1px solid var(--line);margin-top:.35rem}
.mp-foot{padding:1rem 1.4rem;margin-top:auto}
.mp-currow{display:flex;flex-wrap:wrap;gap:.4rem}
.mp-cur{padding:5px 11px;border-radius:20px;font-size:.7rem;font-weight:700;border:1px solid var(--line);color:var(--muted);cursor:pointer;transition:.2s}
.mp-cur.on{background:var(--pink);color:#fff;border-color:var(--pink)}
@media(max-width:640px){.tb-ticker{display:none}.tb-controls{gap:.3rem;margin-left:auto}.tb-btn{font-size:.62rem;padding:4px 7px}}

/* ══════════════════════════════════════════
   v3 · HOMEPAGE SECTIONS
   ══════════════════════════════════════════ */
/* trust strip */
.trust-strip{background:#fff;border-top:1.5px solid var(--line);border-bottom:1.5px solid var(--line);padding:2.2rem 0}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}
.trust-item{display:flex;align-items:flex-start;gap:.9rem}
.trust-ico{width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:1.15rem;flex-shrink:0}
.trust-item h5{font-size:.9rem;font-weight:700;color:var(--ink);margin-bottom:.15rem}
.trust-item p{font-size:.76rem;color:var(--muted);line-height:1.5}
@media(max-width:900px){.trust-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.trust-grid{grid-template-columns:1fr;gap:1.1rem}}

/* story band */
.story-band{background:var(--dark);color:#fff;padding:4.5rem 0;position:relative;overflow:hidden}
.story-band::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--thread)}
.story-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:3rem;align-items:center}
.story-eyebrow{font-size:.68rem;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold);margin-bottom:.8rem}
.story-title{font-family:'Playfair Display',serif;font-weight:900;font-size:clamp(1.7rem,3.4vw,2.6rem);line-height:1.2;margin-bottom:1.1rem}
.story-title em{color:var(--pink);font-style:italic}
.story-text{font-size:.92rem;color:rgba(255,255,255,.72);line-height:1.85;margin-bottom:1.6rem;max-width:540px}
.story-cta{display:inline-flex;align-items:center;gap:9px;padding:12px 26px;border-radius:50px;background:var(--pink);color:#fff;font-size:.85rem;font-weight:700;transition:.25s var(--ease)}
.story-cta:hover{background:var(--pink-d);transform:translateY(-2px);box-shadow:0 8px 26px rgba(232,23,93,.4)}
.story-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.stat-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:var(--r);padding:1.4rem;backdrop-filter:blur(6px);transition:.3s var(--ease)}
.stat-card:hover{background:rgba(255,255,255,.1);transform:translateY(-4px)}
.stat-num{font-family:'Playfair Display',serif;font-weight:900;font-size:2rem;color:var(--goldT)}
.stat-lab{font-size:.72rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,.55);margin-top:.3rem}
@media(max-width:860px){.story-grid{grid-template-columns:1fr;gap:2.2rem}}

/* newsletter */
.news-band{padding:0 0 5rem;background:var(--bg)}
.news-card{background:#fff;border-radius:var(--r2);border:1.5px solid var(--line);box-shadow:var(--sh);padding:3rem;text-align:center;position:relative;overflow:hidden}
.news-card::before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:var(--thread)}
.news-title{font-family:'Playfair Display',serif;font-weight:900;font-size:clamp(1.4rem,2.6vw,2rem);color:var(--ink);margin-bottom:.5rem}
.news-title em{color:var(--pink);font-style:italic}
.news-sub{font-size:.86rem;color:var(--muted);max-width:440px;margin:0 auto 1.6rem;line-height:1.6}
.news-form{display:flex;max-width:460px;margin:0 auto;background:var(--bg);border-radius:50px;border:2px solid var(--line);overflow:hidden;transition:border-color .25s}
.news-form:focus-within{border-color:var(--pink)}
.news-form input{flex:1;border:none;outline:none;background:none;font-size:.86rem;padding:13px 0 13px 20px;color:var(--ink)}
.news-form button{margin:4px;padding:9px 22px;border-radius:50px;background:var(--pink);color:#fff;font-size:.82rem;font-weight:700;flex-shrink:0;transition:.2s}
.news-form button:hover{background:var(--pink-d)}
.news-ok{display:none;color:var(--teal);font-weight:700;font-size:.88rem;margin-top:1rem}
@media(max-width:480px){.news-card{padding:2rem 1.2rem}.news-form{flex-direction:column;border-radius:18px;gap:.3rem;padding:.4rem}.news-form input{padding:11px 14px}.news-form button{width:100%;margin:0}}

/* ══════════════════════════════════════════
   v3.1 · WHATSAPP + CALL NOW on products
   ══════════════════════════════════════════ */
/* card enquiry row */
.penq{display:flex;gap:.5rem;margin-top:.7rem}
.penq-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 6px;border-radius:9px;font-size:.7rem;font-weight:700;transition:.2s;border:1.5px solid transparent}
.penq-wa{background:#E7F9EE;color:#128C7E;border-color:#BFEAD2}
.penq-wa:hover{background:#25D366;color:#fff;border-color:#25D366;box-shadow:0 4px 12px rgba(37,211,102,.3)}
.penq-wa i{font-size:.9rem}
.penq-call{background:var(--pink-s);color:var(--pink);border-color:#F6C3D5}
.penq-call:hover{background:var(--pink);color:#fff;border-color:var(--pink);box-shadow:0 4px 12px rgba(232,23,93,.3)}
.penq-call i{font-size:.72rem}
@media(max-width:480px){.penq-btn{font-size:.64rem;padding:7px 4px;gap:4px}}

/* single product contact row */
.sp-contact-row{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-top:1rem}
.sp-contact-btn{display:flex;align-items:center;gap:.8rem;padding:.85rem 1.1rem;border-radius:14px;border:1.5px solid;transition:.25s var(--ease)}
.sp-contact-btn i{font-size:1.3rem;flex-shrink:0}
.sp-contact-btn span{line-height:1.25;min-width:0}
.sp-contact-btn strong{display:block;font-size:.84rem}
.sp-contact-btn em{display:block;font-style:normal;font-size:.68rem;opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sp-wa{background:#E7F9EE;color:#0d6e5c;border-color:#BFEAD2}
.sp-wa:hover{background:#25D366;color:#fff;border-color:#25D366;transform:translateY(-2px);box-shadow:0 8px 22px rgba(37,211,102,.32)}
.sp-call{background:var(--pink-s);color:var(--pink-d);border-color:#F6C3D5}
.sp-call:hover{background:var(--pink);color:#fff;border-color:var(--pink);transform:translateY(-2px);box-shadow:0 8px 22px rgba(232,23,93,.32)}
@media(max-width:480px){.sp-contact-row{grid-template-columns:1fr}}

/* quick-view drawer round buttons */
.btn-pd-wa,.btn-pd-call{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.05rem;flex-shrink:0;transition:.22s;border:2px solid}
.btn-pd-wa{background:#E7F9EE;color:#128C7E;border-color:#BFEAD2}
.btn-pd-wa:hover{background:#25D366;color:#fff;border-color:#25D366}
.btn-pd-call{background:var(--pink-s);color:var(--pink);border-color:#F6C3D5;font-size:.9rem}
.btn-pd-call:hover{background:var(--pink);color:#fff;border-color:var(--pink)}

/* price on request */
.ppor{font-size:.8rem;font-weight:700;color:var(--muted);letter-spacing:.2px}
.sp-por{font-size:1.1rem;font-weight:700;color:var(--muted)}

/* ══════════════════════════════════════════
   v4 · DECORATIVE BLOBS + COLORFUL SECTIONS
   ══════════════════════════════════════════ */
.b2b-blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5;pointer-events:none;animation:blobFloat 14s ease-in-out infinite alternate}
.b2b-blob-1{width:380px;height:380px;background:radial-gradient(circle,rgba(232,23,93,.35),transparent 70%);top:-90px;left:-70px}
.b2b-blob-2{width:340px;height:340px;background:radial-gradient(circle,rgba(245,166,35,.35),transparent 70%);top:20%;right:-80px;animation-delay:-5s}
.b2b-blob-3{width:300px;height:300px;background:radial-gradient(circle,rgba(124,58,237,.3),transparent 70%);bottom:-70px;left:30%;animation-delay:-9s}
@keyframes blobFloat{from{transform:translate(0,0) scale(1)}to{transform:translate(26px,-22px) scale(1.08)}}
@media (prefers-reduced-motion: reduce){.b2b-blob{animation:none}}

.trust-strip{background:linear-gradient(120deg,#FFF6F9,#FFFBF2 35%,#F3FBF9 70%,#F7F4FE);border-top:1.5px solid rgba(232,23,93,.12);border-bottom:1.5px solid rgba(124,58,237,.12)}
.story-band{background:linear-gradient(135deg,#1A1024 0%,#241335 45%,#301024 100%)}
.news-band{background:transparent}
.news-card{background:linear-gradient(135deg,#FFF9FB,#FDF6FF 60%,#F5FBFA)}
.shop-section{background:transparent}

/* ══════════════════════════════════════════
   v4 · B2B QUOTE MODAL
   ══════════════════════════════════════════ */
.qmodal-backdrop{position:fixed;inset:0;background:rgba(24,14,30,.55);backdrop-filter:blur(6px);z-index:3000;opacity:0;pointer-events:none;transition:opacity .3s}
.qmodal-backdrop.open{opacity:1;pointer-events:auto}
.qmodal{position:fixed;top:50%;left:50%;transform:translate(-50%,-46%) scale(.96);width:min(480px,calc(100vw - 2rem));max-height:calc(100vh - 3rem);overflow-y:auto;background:linear-gradient(160deg,#FFFDFB,#FFF6F9 55%,#F8F5FF);border-radius:22px;box-shadow:0 30px 90px rgba(0,0,0,.3);z-index:3001;opacity:0;pointer-events:none;transition:all .34s var(--ease);padding:2rem;border:1.5px solid rgba(232,23,93,.15)}
.qmodal.open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}
.qmodal::before{content:'';position:absolute;top:0;left:0;right:0;height:5px;border-radius:22px 22px 0 0;background:var(--thread)}
.qmodal-x{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;background:var(--pink-s);color:var(--pink);display:flex;align-items:center;justify-content:center;transition:.2s}
.qmodal-x:hover{background:var(--pink);color:#fff;transform:rotate(90deg)}
.qmodal-head{text-align:center;margin-bottom:1.4rem}
.qmodal-ico{width:56px;height:56px;margin:0 auto .7rem;border-radius:16px;background:var(--thread);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.4rem;box-shadow:0 8px 24px rgba(232,23,93,.35)}
.qmodal-head h3{font-family:'Playfair Display',serif;font-weight:900;font-size:1.5rem;color:var(--ink)}
.qmodal-prod{font-size:.8rem;font-weight:700;color:var(--pink);margin-top:.25rem}
.qfield{margin-bottom:.9rem}
.qfield label{display:block;font-size:.72rem;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--muted);margin-bottom:.35rem}
.qfield input,.qfield textarea{width:100%;padding:11px 14px;border-radius:12px;border:2px solid var(--line);background:#fff;font-size:.88rem;font-family:inherit;color:var(--ink);outline:none;transition:border-color .2s;resize:vertical}
.qfield input:focus,.qfield textarea:focus{border-color:var(--pink)}
.qrow{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
@media(max-width:440px){.qrow{grid-template-columns:1fr}}
.qsend{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;padding:13px;border-radius:50px;background:linear-gradient(90deg,#25D366,#128C7E);color:#fff;font-size:.92rem;font-weight:700;transition:.25s var(--ease);margin-top:.3rem}
.qsend:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(37,211,102,.4)}
.qsend:disabled{opacity:.7;cursor:wait;transform:none}
.qnote{text-align:center;font-size:.68rem;color:var(--muted);margin-top:.7rem;line-height:1.5}

/* buy row on product page */
.sp-buy-row{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-top:.8rem}
.btn-buy-now,.btn-b2b-quote{display:flex;align-items:center;justify-content:center;gap:8px;padding:13px;border-radius:50px;font-size:.88rem;font-weight:700;transition:.25s var(--ease);text-align:center}
.btn-buy-now{background:linear-gradient(90deg,var(--gold),#E8890C);color:#fff}
.btn-buy-now:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(245,166,35,.42);color:#fff}
.btn-b2b-quote{background:#fff;color:var(--violet);border:2px solid var(--violet)}
.btn-b2b-quote:hover{background:var(--violet);color:#fff;transform:translateY(-2px);box-shadow:0 10px 26px rgba(124,58,237,.35)}
.btn-b2b-solo{grid-column:1/-1;background:var(--violet);color:#fff}
.btn-b2b-solo:hover{background:#6229c9}
@media(max-width:440px){.sp-buy-row{grid-template-columns:1fr}}
.btn-pd-quote{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.95rem;flex-shrink:0;transition:.22s;border:2px solid var(--violet);background:#F5F0FE;color:var(--violet)}
.btn-pd-quote:hover{background:var(--violet);color:#fff}

/* ══════════════════════════════════════════
   v4 · B2B PAGE
   ══════════════════════════════════════════ */
.b2b-hero,.blog-hero,.article-hero{position:relative;overflow:hidden;padding:5.5rem 0 4rem;text-align:center;background:linear-gradient(150deg,#FFF3F7 0%,#FFF8EE 35%,#F2F9FF 70%,#F6F1FF 100%)}
.b2b-hero-inner{position:relative;z-index:1}
.b2b-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 18px;border-radius:50px;background:#fff;border:1.5px solid rgba(232,23,93,.25);color:var(--pink);font-size:.74rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:1.1rem;box-shadow:0 4px 14px rgba(232,23,93,.12)}
.b2b-title{font-family:'Playfair Display',serif;font-weight:900;font-size:clamp(2.1rem,5vw,3.4rem);color:var(--ink);line-height:1.12;margin-bottom:1rem;position:relative;z-index:1}
.b2b-title em{font-style:italic;color:var(--pinkT)}
.b2b-sub{max-width:620px;margin:0 auto 1.8rem;font-size:.95rem;color:var(--char);line-height:1.8;position:relative;z-index:1}
.b2b-cta{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;border-radius:50px;background:linear-gradient(90deg,var(--pink),var(--violet));color:#fff;font-size:.92rem;font-weight:700;transition:.28s var(--ease);box-shadow:0 10px 30px rgba(232,23,93,.3);position:relative;z-index:1}
.b2b-cta:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 16px 40px rgba(124,58,237,.4);color:#fff}
.b2b-sec-head{text-align:center;margin-bottom:2.4rem}
.b2b-sec-head h2{font-family:'Playfair Display',serif;font-weight:900;font-size:clamp(1.6rem,3vw,2.3rem);color:var(--ink)}
.b2b-sec-head h2 em{font-style:italic;color:var(--pink)}
.b2b-sec-head p{font-size:.82rem;color:var(--muted);margin-top:.4rem}
.b2b-serve{padding:4.5rem 0}
.b2b-serve-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.3rem}
.b2b-serve-card{background:#fff;border-radius:var(--r2);padding:1.8rem 1.4rem;text-align:center;border:1.5px solid var(--line);box-shadow:var(--sh);transition:.35s var(--ease);position:relative;overflow:hidden}
.b2b-serve-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px}
.b2b-serve-card:hover{transform:translateY(-7px);box-shadow:var(--shl)}
.b2b-serve-card i{font-size:1.7rem;margin-bottom:.9rem}
.b2b-serve-card h4{font-size:.98rem;font-weight:700;color:var(--ink);margin-bottom:.4rem}
.b2b-serve-card p{font-size:.78rem;color:var(--muted);line-height:1.6}
.sc-pink::before{background:var(--pink)} .sc-pink i{color:var(--pink)}
.sc-gold::before{background:var(--gold)} .sc-gold i{color:var(--gold)}
.sc-teal::before{background:var(--teal)} .sc-teal i{color:var(--teal)}
.sc-violet::before{background:var(--violet)} .sc-violet i{color:var(--violet)}
@media(max-width:960px){.b2b-serve-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.b2b-serve-grid{grid-template-columns:1fr}}
.b2b-steps{padding:4rem 0;background:linear-gradient(120deg,#FFF6F9,#F5F9FF 60%,#F7F4FE)}
.b2b-steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.3rem}
.b2b-step{background:#fff;border-radius:var(--r2);padding:1.7rem 1.4rem;border:1.5px solid var(--line);position:relative;transition:.3s var(--ease)}
.b2b-step:hover{transform:translateY(-5px);box-shadow:var(--shl)}
.b2b-step-n{display:inline-flex;width:40px;height:40px;border-radius:12px;background:var(--thread);color:#fff;font-weight:800;align-items:center;justify-content:center;font-size:1rem;margin-bottom:.8rem;box-shadow:0 6px 16px rgba(232,23,93,.3)}
.b2b-step h4{font-size:.92rem;font-weight:700;color:var(--ink);margin-bottom:.35rem}
.b2b-step p{font-size:.76rem;color:var(--muted);line-height:1.6}
@media(max-width:960px){.b2b-steps-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.b2b-steps-grid{grid-template-columns:1fr}}
.b2b-tiers{padding:4.5rem 0}
.b2b-tier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;max-width:960px;margin:0 auto}
.b2b-tier{background:#fff;border-radius:var(--r2);padding:2rem 1.6rem;border:2px solid var(--line);transition:.3s var(--ease);text-align:center}
.b2b-tier:hover{transform:translateY(-6px);box-shadow:var(--shl)}
.b2b-tier-hot{border-color:var(--pink);background:linear-gradient(160deg,#FFF9FB,#FFF3F7);box-shadow:0 14px 40px rgba(232,23,93,.16)}
.b2b-tier-tag{display:inline-block;padding:4px 14px;border-radius:20px;background:var(--pink-s);color:var(--pink);font-size:.66rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;margin-bottom:.9rem}
.b2b-tier-hot .b2b-tier-tag{background:var(--pink);color:#fff}
.b2b-tier-qty{font-family:'Playfair Display',serif;font-weight:900;font-size:1.9rem;color:var(--ink)}
.b2b-tier-qty span{display:block;font-family:Tahoma,'Segoe UI',sans-serif;font-weight:600;font-size:.72rem;color:var(--muted);letter-spacing:1px;text-transform:uppercase;margin-top:.15rem}
.b2b-tier ul{list-style:none;margin-top:1.1rem;text-align:left}
.b2b-tier li{font-size:.8rem;color:var(--char);padding:.42rem 0 .42rem 1.5rem;position:relative;border-bottom:1px dashed var(--line)}
.b2b-tier li:last-child{border-bottom:none}
.b2b-bottom-cta{text-align:center;margin-top:2.6rem}
@media(max-width:860px){.b2b-tier-grid{grid-template-columns:1fr;max-width:420px}}
.b2b-extra{padding:0 0 4rem}

/* ══════════════════════════════════════════
   v4 · ARCHIVES (BLOG) + ARTICLE
   ══════════════════════════════════════════ */
.wrap-narrow{max-width:820px;margin:0 auto;padding:0 2rem}
.blog-list{padding:3.5rem 0 5rem}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem}
.blog-card{background:#fff;border-radius:var(--r2);overflow:hidden;border:1.5px solid var(--line);box-shadow:var(--sh);transition:.35s var(--ease);display:flex;flex-direction:column;border-top:4px solid var(--bc)}
.blog-card:hover{transform:translateY(-7px);box-shadow:var(--shl)}
.blog-card-img{display:block;aspect-ratio:16/10;overflow:hidden;background:linear-gradient(135deg,#FFF3F7,#F6F1FF)}
.blog-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.blog-card:hover .blog-card-img img{transform:scale(1.06)}
.blog-card-fallback{display:flex;align-items:center;justify-content:center;height:100%;font-size:2.2rem;color:var(--bc);opacity:.55}
.blog-card-body{padding:1.4rem 1.5rem 1.6rem;display:flex;flex-direction:column;flex:1}
.blog-card-meta{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.7rem}
.blog-chip{font-size:.64rem;font-weight:700;letter-spacing:.6px;padding:4px 11px;border-radius:20px;background:var(--bg);color:var(--muted);border:1px solid var(--line)}
.blog-chip-cat{background:var(--pink-s);color:var(--pink);border-color:transparent}
.blog-card-title{font-family:'Playfair Display',serif;font-weight:900;font-size:1.15rem;line-height:1.35;margin-bottom:.5rem}
.blog-card-title a{color:var(--ink);transition:color .2s}
.blog-card-title a:hover{color:var(--pink)}
.blog-card-ex{font-size:.8rem;color:var(--muted);line-height:1.7;flex:1}
.blog-card-more{display:inline-flex;align-items:center;gap:7px;margin-top:1rem;font-size:.78rem;font-weight:700;color:var(--pink);transition:gap .2s}
.blog-card-more:hover{gap:11px;color:var(--pink-d)}
.blog-pager{margin-top:2.6rem;text-align:center}
.blog-pager .nav-links{display:flex;justify-content:center;gap:.5rem}
.blog-pager .page-numbers{padding:8px 15px;border-radius:12px;border:1.5px solid var(--line);font-size:.82rem;font-weight:700;color:var(--char);background:#fff}
.blog-pager .page-numbers.current,.blog-pager .page-numbers:hover{background:var(--pink);color:#fff;border-color:var(--pink)}
@media(max-width:960px){.blog-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.blog-grid{grid-template-columns:1fr}}
.article-hero{padding:5rem 0 2.6rem}
.article-title{font-family:'Playfair Display',serif;font-weight:900;font-size:clamp(1.7rem,4vw,2.7rem);color:var(--ink);line-height:1.2;margin-top:.9rem}
.article-feat{border-radius:var(--r2);overflow:hidden;margin:2rem auto;box-shadow:var(--shl)}
.article-feat img{width:100%}
.article-body{padding:1rem 2rem 3rem;font-size:.96rem;line-height:1.95;color:var(--char)}
.article-body h2,.article-body h3{font-family:'Playfair Display',serif;font-weight:900;color:var(--ink);margin:2rem 0 .8rem}
.article-body h2{font-size:1.55rem}.article-body h3{font-size:1.2rem}
.article-body p{margin-bottom:1.1rem}
.article-body a{color:var(--pink);font-weight:600;text-decoration:underline;text-decoration-color:rgba(232,23,93,.35)}
.article-body img{border-radius:var(--r);margin:1.4rem 0}
.article-body blockquote{border-left:4px solid var(--gold);background:linear-gradient(90deg,#FFFBF2,transparent);padding:1rem 1.4rem;border-radius:0 var(--r) var(--r) 0;font-style:italic;margin:1.4rem 0}
.article-body ul,.article-body ol{padding-left:1.4rem;margin-bottom:1.1rem}
.article-foot{padding-bottom:4.5rem;display:flex;flex-direction:column;gap:1.4rem}
.article-nav{display:flex;justify-content:space-between;gap:1rem;font-size:.82rem;font-weight:700}
.article-nav a{color:var(--char);padding:10px 16px;border-radius:12px;border:1.5px solid var(--line);background:#fff;transition:.2s;max-width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.article-nav a:hover{border-color:var(--pink);color:var(--pink)}
.nl-b2b{position:relative}
.nl-b2b::after{content:'';position:absolute;top:2px;right:-7px;width:6px;height:6px;border-radius:50%;background:var(--gold)}

/* v4.1 · B2B product showcase */
.b2b-products{padding:4.5rem 0;background:linear-gradient(150deg,#FFF9F4,#FDF4F9 50%,#F4F7FE)}
.b2b-prod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem}
.b2b-prod-card{background:#fff;border-radius:var(--r2);overflow:hidden;border:1.5px solid var(--line);box-shadow:var(--sh);transition:.35s var(--ease);display:flex;flex-direction:column}
.b2b-prod-card:hover{transform:translateY(-7px);box-shadow:var(--shl);border-color:rgba(124,58,237,.35)}
.b2b-prod-img{display:block;aspect-ratio:4/5;overflow:hidden;background:linear-gradient(135deg,#FFF3F7,#F6F1FF)}
.b2b-prod-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.b2b-prod-card:hover .b2b-prod-img img{transform:scale(1.07)}
.b2b-prod-fallback{display:flex;align-items:center;justify-content:center;height:100%;font-size:2rem;color:var(--violet);opacity:.4}
.b2b-prod-body{padding:1.1rem 1.2rem 1.3rem;display:flex;flex-direction:column;flex:1}
.b2b-prod-cat{font-size:.62rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--pink);margin-bottom:.3rem}
.b2b-prod-name{font-size:.95rem;font-weight:700;color:var(--ink);line-height:1.35;flex:1}
.b2b-prod-actions{display:flex;gap:.5rem;margin-top:.9rem;align-items:stretch}
.b2b-prod-view{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 10px;border-radius:11px;background:linear-gradient(90deg,var(--pink),var(--violet));color:#fff;font-size:.74rem;font-weight:700;transition:.25s}
.b2b-prod-view:hover{box-shadow:0 8px 20px rgba(124,58,237,.35);transform:translateY(-1px);color:#fff}
.b2b-prod-quote{width:38px;border-radius:11px;border:2px solid var(--violet);background:#F5F0FE;color:var(--violet);display:flex;align-items:center;justify-content:center;font-size:.85rem;transition:.2s;flex-shrink:0}
.b2b-prod-quote:hover{background:var(--violet);color:#fff}
.b2b-cta-ghost{background:#fff;color:var(--pink);border:2px solid var(--pink);box-shadow:none}
.b2b-cta-ghost:hover{background:var(--pink);color:#fff}
@media(max-width:960px){.b2b-prod-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.b2b-prod-grid{grid-template-columns:1fr 1fr;gap:.8rem}.b2b-prod-actions{flex-direction:column}.b2b-prod-quote{width:100%;padding:7px}}

/* ══════════════════════════════════════════
   v5 · TOPBAR TAGLINE + LANGUAGE
   ══════════════════════════════════════════ */
.tb-tagline{display:flex;align-items:center;gap:8px;font-size:.7rem;font-weight:700;letter-spacing:.6px;color:rgba(255,255,255,.75)}
.tb-tagline i{color:var(--gold);font-size:.72rem}
@media(max-width:560px){.tb-tagline span{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}

/* ══════════════════════════════════════════
   v5 · SCROLL-REVEAL ANIMATION
   ══════════════════════════════════════════ */
.rvl{opacity:0;transform:translateY(26px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.rvl.in{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){.rvl{opacity:1;transform:none;transition:none}}

/* ══════════════════════════════════════════
   v5 · PRODUCT PAGE — POINTS / STORY / FAQ
   ══════════════════════════════════════════ */
.sp-points{list-style:none;margin:0 0 1.4rem;display:flex;flex-direction:column;gap:.55rem}
.sp-points li{display:flex;gap:.7rem;align-items:flex-start;font-size:.92rem;color:var(--char);line-height:1.6;background:linear-gradient(90deg,rgba(232,23,93,.05),transparent 70%);padding:.55rem .9rem;border-radius:11px;border-left:3px solid var(--pink)}
.sp-points li i{color:var(--teal);margin-top:3px;flex-shrink:0}
.sp-points li:nth-child(2n){border-left-color:var(--violet);background:linear-gradient(90deg,rgba(124,58,237,.05),transparent 70%)}
.sp-points li:nth-child(3n){border-left-color:var(--gold);background:linear-gradient(90deg,rgba(245,166,35,.07),transparent 70%)}

.sp-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;margin-bottom:3rem}
.sp-story-card{border-radius:var(--r2);padding:2.2rem;position:relative;overflow:hidden;border:1.5px solid transparent;transition:.35s var(--ease)}
.sp-story-card:hover{transform:translateY(-5px)}
.sp-story-hist{background:linear-gradient(150deg,#FFF6EC,#FFEFF5);border-color:rgba(245,166,35,.3)}
.sp-story-sig{background:linear-gradient(150deg,#F1FBF9,#F2F4FF);border-color:rgba(13,148,136,.3)}
.sp-story-ico{width:52px;height:52px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#fff;margin-bottom:1rem;box-shadow:0 8px 22px rgba(0,0,0,.14)}
.sp-story-hist .sp-story-ico{background:linear-gradient(135deg,var(--gold),#E8890C)}
.sp-story-sig .sp-story-ico{background:linear-gradient(135deg,var(--teal),#0A7D72)}
.sp-story-card h2{font-family:'Playfair Display',serif;font-weight:900;font-size:1.35rem;color:var(--ink);margin-bottom:.7rem}
.sp-story-card p{font-size:.9rem;color:var(--char);line-height:1.85}
@media(max-width:820px){.sp-story-grid{grid-template-columns:1fr}}

.sp-faq{margin-bottom:3rem;background:linear-gradient(150deg,#FBF7FF,#FFF5F9 60%,#F4FAFF);border:1.5px solid rgba(124,58,237,.18);border-radius:var(--r2);padding:2.4rem}
.sp-faq-title{font-family:'Playfair Display',serif;font-weight:900;font-size:clamp(1.4rem,2.6vw,1.9rem);color:var(--ink);text-align:center;margin-bottom:1.6rem}
.sp-faq-title em{font-style:italic;color:var(--violet)}
.sp-faq-list{display:flex;flex-direction:column;gap:.7rem;max-width:760px;margin:0 auto}
.sp-faq-item{background:#fff;border-radius:14px;border:1.5px solid var(--line);overflow:hidden;transition:border-color .25s}
.sp-faq-item[open]{border-color:var(--violet)}
.sp-faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.3rem;font-size:.92rem;font-weight:700;color:var(--ink)}
.sp-faq-item summary::-webkit-details-marker{display:none}
.sp-faq-item summary i{color:var(--violet);transition:transform .3s;flex-shrink:0}
.sp-faq-item[open] summary i{transform:rotate(45deg)}
.sp-faq-item p{padding:0 1.3rem 1.1rem;font-size:.86rem;color:var(--char);line-height:1.8}

/* ══════════════════════════════════════════
   v5 · B2B CATEGORY CARDS (dynamic)
   ══════════════════════════════════════════ */
.b2b-cats{padding:4.5rem 0 1rem}
.b2b-cats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.b2b-cat-card{background:#fff;border-radius:var(--r2);overflow:hidden;border:1.5px solid var(--line);box-shadow:var(--sh);transition:.35s var(--ease);display:flex;flex-direction:column;position:relative}
.b2b-cat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:var(--cc);z-index:2}
.b2b-cat-card:hover{transform:translateY(-8px);box-shadow:0 22px 54px rgba(0,0,0,.13);border-color:var(--cc)}
.b2b-cat-img{aspect-ratio:16/9;overflow:hidden;background:var(--cs)}
.b2b-cat-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.b2b-cat-card:hover .b2b-cat-img img{transform:scale(1.07)}
.b2b-cat-fallback{display:flex;align-items:center;justify-content:center;height:100%;font-size:2.4rem;color:var(--cc);opacity:.6}
.b2b-cat-body{padding:1.5rem 1.6rem 1.7rem;position:relative}
.b2b-cat-ico{position:absolute;top:-24px;right:1.4rem;width:48px;height:48px;border-radius:14px;background:var(--cc);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.1rem;box-shadow:0 8px 22px rgba(0,0,0,.2)}
.b2b-cat-body h4{font-family:'Playfair Display',serif;font-weight:900;font-size:1.25rem;color:var(--ink);margin-bottom:.3rem}
.b2b-cat-body p{font-size:.78rem;color:var(--muted);margin-bottom:.9rem}
.b2b-cat-go{display:inline-flex;align-items:center;gap:7px;font-size:.8rem;font-weight:700;color:var(--cc);transition:gap .2s}
.b2b-cat-card:hover .b2b-cat-go{gap:11px}
@media(max-width:900px){.b2b-cats-grid{grid-template-columns:1fr}}

/* ══════════════════════════════════════════════════════
   v6 · CURRENCY CHIP · MAGIC BUTTON · BACKGROUND THEMES
   ══════════════════════════════════════════════════════ */
.tb-cur-chip{padding:5px 11px;border-radius:6px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);font-size:.68rem;font-weight:700;color:rgba(255,255,255,.8);letter-spacing:.5px}


/* ══════════════════════════════════════════════════════
   v7 · GIFTING BRAND — animations, motifs, richer cards
   ══════════════════════════════════════════════════════ */

/* ── ANIMATED BRAND NAME ── */
.hbn-anim .hbn-l{display:inline-block;font-style:normal;animation:hbnRise .7s var(--ease) both;animation-delay:var(--d,0s)}
.hbn-anim .hbn-pink{color:var(--pink)}
@keyframes hbnRise{from{opacity:0;transform:translateY(34px) rotate(6deg)}to{opacity:1;transform:none}}
.hero-brand-name .hbn-l{color:var(--ink)}
.hero-brand-name .hbn-pink{color:var(--pink)}
.hero-brand-name{animation:hbnGlow 5s ease-in-out 1.6s infinite}
@keyframes hbnGlow{0%,100%{text-shadow:0 0 0 rgba(232,23,93,0)}50%{text-shadow:0 6px 34px rgba(232,23,93,.35),0 2px 14px rgba(245,166,35,.25)}}
@media (prefers-reduced-motion: reduce){.hbn-anim .hbn-l{opacity:1;transform:none;animation:none}.hero-brand-name{animation:none}}

/* ── OCCASION CARDS ── */
.occ-section{padding:4rem 0 1.5rem}
.occ-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1.1rem}
.occ-card{position:relative;background:#fff;border:2px solid var(--line);border-radius:18px;padding:1.6rem 1rem 1.4rem;text-align:center;transition:.35s var(--ease);overflow:hidden}
.occ-card::before{content:'';position:absolute;inset:0;background:linear-gradient(150deg,var(--cs),transparent 70%);opacity:0;transition:.35s}
.occ-card:hover{transform:translateY(-8px) rotate(-1deg);border-color:var(--cc);box-shadow:0 18px 40px -8px var(--cs),0 14px 34px rgba(0,0,0,.08)}
.occ-card:hover::before{opacity:1}
.occ-ico{position:relative;width:56px;height:56px;margin:0 auto .8rem;border-radius:50%;background:var(--cs);color:var(--cc);display:flex;align-items:center;justify-content:center;font-size:1.3rem;transition:.35s var(--ease)}
.occ-card:hover .occ-ico{background:var(--cc);color:#fff;transform:rotate(-10deg) scale(1.12);box-shadow:0 8px 20px var(--cs)}
.occ-card h4{position:relative;font-size:.86rem;font-weight:700;color:var(--ink);line-height:1.3}
.occ-count{position:relative;display:block;font-size:.66rem;color:var(--muted);margin-top:.25rem}
.occ-go{position:absolute;bottom:10px;right:12px;font-size:.7rem;color:var(--cc);opacity:0;transform:translateX(-6px);transition:.3s}
.occ-card:hover .occ-go{opacity:1;transform:none}
@media(max-width:1020px){.occ-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){.occ-grid{grid-template-columns:repeat(2,1fr);gap:.8rem}.occ-card{padding:1.2rem .7rem 1.1rem}}

/* ── GIFTS DROPDOWN NAV ── */
.nl-gifts{position:relative}
.nl-gifts-btn i.fa-gift{color:var(--pink);margin-right:2px}
.nl-caret{font-size:.55rem;opacity:.6;margin-left:3px;transition:transform .3s}
.nl-gifts:hover .nl-caret{transform:rotate(180deg)}
.gifts-panel{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%) translateY(8px);min-width:290px;background:#fff;border-radius:18px;border:1.5px solid var(--line);box-shadow:0 24px 60px rgba(0,0,0,.14);padding:.7rem;opacity:0;pointer-events:none;transition:all .28s var(--ease);z-index:60}
.gifts-panel::before{content:'';position:absolute;top:-16px;left:0;right:0;height:16px}
.nl-gifts:hover .gifts-panel,.nl-gifts:focus-within .gifts-panel{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.gifts-opt{display:flex;align-items:center;gap:.85rem;padding:.65rem .8rem;border-radius:12px;transition:.2s;color:var(--char)}
.gifts-opt:hover{background:var(--cs);color:var(--cc);transform:translateX(4px)}
.gifts-opt-ico{width:38px;height:38px;border-radius:11px;background:var(--cs);color:var(--cc);display:flex;align-items:center;justify-content:center;font-size:.95rem;flex-shrink:0;transition:.2s}
.gifts-opt:hover .gifts-opt-ico{background:var(--cc);color:#fff}
.gifts-opt span:last-child{font-size:.86rem;font-weight:700;line-height:1.2}
.gifts-opt em{display:block;font-style:normal;font-size:.66rem;font-weight:600;color:var(--muted)}

/* ── RICHER PRODUCT CARDS ── */
.pcard{border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(140deg,var(--line),var(--line)) border-box;transition:.4s var(--ease)}
.pcard:hover{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(140deg,var(--pink),var(--gold),var(--violet)) border-box;transform:translateY(-9px)}
.pcard-img{position:relative;overflow:hidden}
.pcard-img::before{content:'';position:absolute;top:0;left:-80%;width:50%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);transform:skewX(-20deg);z-index:2;transition:none;pointer-events:none}
.pcard:hover .pcard-img::before{animation:shine .9s ease}
@keyframes shine{to{left:130%}}
.pname{font-family:'Playfair Display',serif;font-weight:900;font-size:1.06rem;line-height:1.3;color:var(--ink);letter-spacing:0}
.pcat{display:inline-block;font-size:.6rem;font-weight:800;letter-spacing:1.6px;padding:3px 10px;border-radius:20px;background:var(--pink-s);color:var(--pink);margin-bottom:.45rem}
.pprices{align-items:center}
.pnow{font-family:'Playfair Display',serif;font-weight:900;font-size:1.16rem;color:var(--price)}
.pnow .woocommerce-Price-amount{color:var(--price)}
.pwas{font-size:.78rem}
.poff{background:linear-gradient(90deg,var(--gold),#E8890C);color:#fff;font-size:.62rem;font-weight:800;padding:3px 9px;border-radius:20px;letter-spacing:.4px}
.padd{background:linear-gradient(90deg,var(--ink),#3A2C46);transition:.3s var(--ease)}
.padd:hover{background:linear-gradient(90deg,var(--pink),var(--violet));transform:scale(1.06);box-shadow:0 8px 20px rgba(232,23,93,.35)}
.pbadge{border-radius:4px 12px 12px 4px;padding:5px 12px 5px 9px;font-weight:800;letter-spacing:1px;box-shadow:0 4px 12px rgba(0,0,0,.18)}
.ppor{font-family:'Playfair Display',serif;font-weight:700;font-style:italic;font-size:.92rem;color:var(--violet)}

/* ── PRODUCT PAGE OPENING ANIMATION ── */
@keyframes spSlideL{from{opacity:0;transform:translateX(-44px) scale(.96)}to{opacity:1;transform:none}}
@keyframes spRiseR{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
.sp-grid>div:first-child{animation:spSlideL .8s var(--ease) both}
.sp-info>*{animation:spRiseR .65s var(--ease) both}
.sp-info>*:nth-child(1){animation-delay:.15s}.sp-info>*:nth-child(2){animation-delay:.25s}
.sp-info>*:nth-child(3){animation-delay:.35s}.sp-info>*:nth-child(4){animation-delay:.45s}
.sp-info>*:nth-child(5){animation-delay:.55s}.sp-info>*:nth-child(6){animation-delay:.65s}
.sp-info>*:nth-child(n+7){animation-delay:.75s}
.sp-carousel{position:relative}
.sp-carousel::before{content:'';position:absolute;inset:-26px;border-radius:30px;background:var(--svg-mandala-ring) center/contain no-repeat;opacity:.5;z-index:-1;animation:slowSpin 80s linear infinite}
.sp-title{color:var(--ink)}
.sp-now{font-family:'Playfair Display',serif;font-weight:900;font-size:1.7rem;color:var(--price)}
@media (prefers-reduced-motion: reduce){.sp-grid>div:first-child,.sp-info>*{animation:none;opacity:1}}

/* story band ribbon + gift */
.story-band .story-eyebrow{position:relative;display:inline-block}

/* ══════════════════════════════════════════
   v7 · PRODUCT-PAGE ENTRANCE ANIMATION
   ══════════════════════════════════════════ */
@keyframes spSlideL{from{opacity:0;transform:translateX(-46px) scale(.97)}to{opacity:1;transform:none}}
@keyframes spRiseUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
@keyframes spZoomIn{from{opacity:0;transform:scale(.86)}to{opacity:1;transform:none}}
.single-product-main .sp-grid>div:first-child{animation:spSlideL .8s var(--ease) both}
.single-product-main .sp-info>*{animation:spRiseUp .7s var(--ease) both}
.single-product-main .sp-info>*:nth-child(1){animation-delay:.15s}
.single-product-main .sp-info>*:nth-child(2){animation-delay:.24s}
.single-product-main .sp-info>*:nth-child(3){animation-delay:.33s}
.single-product-main .sp-info>*:nth-child(4){animation-delay:.42s}
.single-product-main .sp-info>*:nth-child(5){animation-delay:.51s}
.single-product-main .sp-info>*:nth-child(6){animation-delay:.60s}
.single-product-main .sp-info>*:nth-child(7){animation-delay:.69s}
.single-product-main .sp-thumbs .sp-thumb{animation:spZoomIn .5s var(--ease) both}
.single-product-main .sp-thumbs .sp-thumb:nth-child(2){animation-delay:.12s}
.single-product-main .sp-thumbs .sp-thumb:nth-child(3){animation-delay:.24s}
.single-product-main .sp-thumbs .sp-thumb:nth-child(4){animation-delay:.36s}
@media (prefers-reduced-motion: reduce){.single-product-main .sp-grid>div:first-child,.single-product-main .sp-info>*,.single-product-main .sp-thumbs .sp-thumb{animation:none}}

/* grid card stagger on filter/render */
@keyframes cardIn{from{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:none}}
.pgrid .pcard{animation:cardIn .55s var(--ease) both}
.pgrid .pcard:nth-child(2){animation-delay:.06s}.pgrid .pcard:nth-child(3){animation-delay:.12s}
.pgrid .pcard:nth-child(4){animation-delay:.18s}.pgrid .pcard:nth-child(5){animation-delay:.24s}
.pgrid .pcard:nth-child(6){animation-delay:.30s}.pgrid .pcard:nth-child(7){animation-delay:.36s}
.pgrid .pcard:nth-child(8){animation-delay:.42s}
@media (prefers-reduced-motion: reduce){.pgrid .pcard{animation:none}}



/* ══════════════════════════════════════════════════════
   v9 · MIDNIGHT AESTHETIC — dark luxe theme (default)
   Deep plum / wine / navy washes · glowing blooms & petals
   ══════════════════════════════════════════════════════ */
body.theme-dark{
  --ink:#FBF7FF; --char:#E5DCF2; --muted:#AFA3CA;
  --pinkT:#FF85B3; --violetT:#C9AEFF; --tealT:#5EEAD4; --goldT:#FFD98A;
  --price:#FF8FBB;
  --line:#352B4E; --bg:#161022; --white:#201936;
  --pink-s:rgba(232,23,93,.18); --teal-s:rgba(13,148,136,.18);
  --gold-s:rgba(245,166,35,.18); --violet-s:rgba(124,58,237,.20);
  --sh:0 4px 18px rgba(0,0,0,.35); --shl:0 22px 60px rgba(0,0,0,.5);
  --card:#201936; --card2:#271E42; --field:#191331;
}

/* body: midnight multi-colour wash */
body.theme-dark{color:var(--ink);background:
  radial-gradient(1000px 660px at 12% -6%, rgba(232,23,93,.20), transparent 55%),
  radial-gradient(880px 620px at 102% 16%, rgba(124,58,237,.22), transparent 55%),
  radial-gradient(820px 660px at -6% 72%, rgba(37,99,235,.14), transparent 55%),
  radial-gradient(940px 680px at 92% 108%, rgba(13,148,136,.16), transparent 55%),
  linear-gradient(160deg,#1B1230 0%,#161022 34%,#1E0F26 66%,#121826 100%) !important;
  background-attachment:fixed !important}

/* blooms & petals glow on dark */
body.theme-dark::before{opacity:1;filter:saturate(1.35) brightness(1.15)}
.hero::before,.hero::after,.b2b-hero::after,.blog-hero::after,.article-hero::after,
.shop-section::before,.sp-faq::before,.news-card::after,.qmodal::after,
body.theme-dark .sp-story-hist::after, body.theme-dark .sp-story-sig::after{filter:saturate(1.4) brightness(1.2)}

/* topbar & nav */
body.theme-dark #topbar{background:#0E0A18}
body.theme-dark #nav{background:rgba(20,14,32,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}
body.theme-dark #nav.scrolled{background:rgba(16,11,26,.97);box-shadow:0 10px 34px rgba(0,0,0,.45)}
body.theme-dark .nav-search{background:#251C40;border:1.5px solid var(--line)}
body.theme-dark .nav-search input{color:var(--ink)}
body.theme-dark .nav-search input::placeholder{color:var(--muted)}
body.theme-dark .nl{color:var(--char)} .nl:hover,.nl.on{color:#fff}
body.theme-dark .nico{color:var(--char);background:#251C40}
body.theme-dark .nico:hover{background:var(--pink);color:#fff}
body.theme-dark .btn-si{background:#2A2148;color:#fff}
body.theme-dark .bname{color:var(--ink)}
body.theme-dark .gifts-panel, body.theme-dark .tb-panel{background:var(--card2);border-color:var(--line);box-shadow:0 24px 60px rgba(0,0,0,.55)}
body.theme-dark .gifts-opt, body.theme-dark .tb-opt{color:var(--char)}
body.theme-dark .gifts-opt:hover, body.theme-dark .tb-opt:hover, body.theme-dark .tb-opt.on{background:var(--pink-s);color:#fff}
body.theme-dark .tb-plabel{border-color:var(--line)} .tb-note{border-color:var(--line)}

/* hero */
body.theme-dark .hero{background:
  radial-gradient(700px 460px at 14% 20%, rgba(232,23,93,.22), transparent 60%),
  radial-gradient(640px 440px at 86% 14%, rgba(245,166,35,.16), transparent 60%),
  radial-gradient(680px 480px at 84% 86%, rgba(124,58,237,.22), transparent 60%),
  radial-gradient(600px 420px at 14% 88%, rgba(13,148,136,.16), transparent 60%),
  linear-gradient(160deg,#221636,#1A102B 55%,#231029)}
body.theme-dark .hero-brand-name .hbn-l{color:#FDF8FF}
body.theme-dark body.theme-dark .hero-cat-chip{background:#251C40;border-color:var(--line);color:var(--char)}
body.theme-dark .hero-cat-chip:hover, body.theme-dark .hero-cat-chip.on{color:#fff}
@keyframes hbnGlow{0%,100%{text-shadow:0 0 0 rgba(232,23,93,0)}50%{text-shadow:0 8px 44px rgba(255,90,150,.65),0 2px 18px rgba(245,166,35,.4)}}

/* generic cards & surfaces */
.pcard,.blog-card,.b2b-serve-card,.b2b-step,.b2b-tier,.b2b-prod-card,.b2b-cat-card,
.sp-faq-item,.article-nav a,.blog-pager .page-numbers,.stat-card,
body.theme-dark .filter-sidebar, body.theme-dark .fs-title{background:var(--card);border-color:var(--line);color:var(--char)}
body.theme-dark .pcard, body.theme-dark .blog-card, body.theme-dark .b2b-prod-card, body.theme-dark .b2b-cat-card{box-shadow:var(--sh)}
body.theme-dark .pcard:hover{box-shadow:0 22px 56px rgba(232,23,93,.28),0 8px 24px rgba(0,0,0,.5)}
body.theme-dark .blog-card:hover{box-shadow:0 22px 56px rgba(124,58,237,.3)}
.pname,.blog-card-title a,.b2b-serve-card h4,.b2b-step h4,.b2b-prod-name,.b2b-cat-body h4,
body.theme-dark .trust-item h5, body.theme-dark .stat-num, body.theme-dark .sp-faq-item summary, body.theme-dark .b2b-tier-qty{color:var(--ink)}
body.theme-dark .pcard-img, body.theme-dark .blog-card-img, body.theme-dark .b2b-prod-img, body.theme-dark .b2b-cat-img{background:linear-gradient(135deg,#2A1C3E,#231A3C)}
body.theme-dark .blog-chip{background:#191331;border-color:var(--line);color:var(--muted)}
body.theme-dark .filter-sidebar{box-shadow:var(--sh)}
body.theme-dark .fg h4{color:var(--ink)} .fg-opt{color:var(--char)}
body.theme-dark .fg-opt:hover, body.theme-dark .fg-opt.on{background:var(--pink-s);color:#fff}
body.theme-dark .price-inputs input{background:var(--field);border-color:var(--line);color:var(--ink)}
body.theme-dark .sort-sel, body.theme-dark .filter-btn-top{background:var(--card);border-color:var(--line);color:var(--char)}
body.theme-dark .result-count{color:var(--muted)}
.shop-title,.sec-title,.b2b-sec-head h2,.news-title,.story-title,.sp-title,
body.theme-dark .article-title, body.theme-dark .b2b-title, body.theme-dark .sp-story-card h2, body.theme-dark .sp-faq-title, body.theme-dark .shop-eyebrow{color:var(--ink)}

/* light-tinted gradient panels → dark equivalents */
body.theme-dark .trust-strip{background:linear-gradient(120deg,#221537,#1C1430 45%,#14202E);border-color:var(--line)}
body.theme-dark .b2b-steps{background:linear-gradient(120deg,#201535,#171f33)}
body.theme-dark .b2b-products{background:linear-gradient(150deg,#231539,#1B1230 55%,#141C2E)}
body.theme-dark .b2b-hero, body.theme-dark .blog-hero, body.theme-dark .article-hero{background:linear-gradient(150deg,#251639 0%,#1B1030 45%,#141B2F 100%)}
body.theme-dark .b2b-eyebrow{background:#251C40;border-color:rgba(232,23,93,.4);color:#FF6FA5;box-shadow:none}
body.theme-dark .b2b-tier-hot{background:linear-gradient(160deg,#2C1838,#241329);border-color:var(--pink)}
body.theme-dark .b2b-tier li{color:var(--char);border-color:var(--line)}
body.theme-dark .news-card{background:linear-gradient(150deg,#241A3E,#1E142F 60%,#16202F);border-color:var(--line)}
body.theme-dark .news-sub{color:var(--muted)}
body.theme-dark .news-form{background:var(--field);border-color:var(--line)}
body.theme-dark .news-form input{color:var(--ink)}
body.theme-dark .sp-faq{background:linear-gradient(150deg,#231A3E,#1D1233 60%,#141E31);border-color:rgba(124,58,237,.4)}
body.theme-dark .sp-faq-item[open]{border-color:var(--violet)}
body.theme-dark .sp-faq-item p{color:var(--char)}
body.theme-dark .sp-story-hist{background:linear-gradient(150deg,#2A1F2A,#251527);border-color:rgba(245,166,35,.35)}
body.theme-dark .sp-story-sig{background:linear-gradient(150deg,#14262C,#151E31);border-color:rgba(13,148,136,.4)}
body.theme-dark .sp-story-card p{color:var(--char)}
body.theme-dark .sp-points li{color:var(--char);background:linear-gradient(90deg,rgba(232,23,93,.12),transparent 70%)}
body.theme-dark .sp-points li:nth-child(2n){background:linear-gradient(90deg,rgba(124,58,237,.12),transparent 70%)}
body.theme-dark .sp-points li:nth-child(3n){background:linear-gradient(90deg,rgba(245,166,35,.12),transparent 70%)}
body.theme-dark .btn-b2b-quote{background:transparent;color:#C4A8FF;border-color:var(--violet)}
body.theme-dark .btn-b2b-quote:hover{background:var(--violet);color:#fff}
body.theme-dark .b2b-cta-ghost{background:transparent;color:#FF7FB0;border-color:var(--pink)}
body.theme-dark .b2b-prod-quote{background:rgba(124,58,237,.15)}
body.theme-dark .article-body{color:var(--char)}
body.theme-dark .article-body h2, body.theme-dark .article-body h3{color:var(--ink)}
body.theme-dark .article-body blockquote{background:linear-gradient(90deg,rgba(245,166,35,.12),transparent)}
body.theme-dark .ak-breadcrumb, body.theme-dark .ak-breadcrumb a{color:var(--muted)}
body.theme-dark .sp-desc{color:var(--char)} .sp-now{color:var(--ink)}
body.theme-dark .sp-thumb{border-color:var(--line);background:var(--card)}
body.theme-dark .sp-carousel{background:linear-gradient(135deg,#2A1C3E,#231A3C)}
body.theme-dark .sp-arr{background:rgba(32,25,54,.9);color:var(--ink)}
body.theme-dark .sp-trust .trust-item{color:var(--muted)}
body.theme-dark .qmodal{background:linear-gradient(160deg,#251B40,#1F1435 55%,#171F33);border-color:rgba(232,23,93,.35)}
body.theme-dark .qmodal-head h3{color:var(--ink)}
body.theme-dark .qfield input, body.theme-dark .qfield textarea{background:var(--field);border-color:var(--line);color:var(--ink)}
body.theme-dark .qfield label{color:var(--muted)}
body.theme-dark .qmodal-x{background:var(--pink-s);color:#FF7FB0}

/* magic themes → dark variants */
body.theme-dark.bgtheme-sunset{background:
  radial-gradient(940px 620px at 10% -4%, rgba(245,120,35,.24), transparent 55%),
  radial-gradient(860px 600px at 100% 18%, rgba(232,23,93,.22), transparent 55%),
  radial-gradient(820px 640px at 8% 84%, rgba(220,38,38,.16), transparent 55%),
  linear-gradient(160deg,#2A1420 0%,#1F0F1C 45%,#241110 100%) !important;background-attachment:fixed !important}
body.theme-dark.bgtheme-ocean{background:
  radial-gradient(940px 620px at 10% -4%, rgba(13,148,136,.24), transparent 55%),
  radial-gradient(860px 600px at 100% 18%, rgba(37,99,235,.24), transparent 55%),
  radial-gradient(820px 640px at 8% 84%, rgba(124,58,237,.16), transparent 55%),
  linear-gradient(160deg,#0E1B2C 0%,#101425 45%,#0D2027 100%) !important;background-attachment:fixed !important}
body.theme-dark.bgtheme-royal{background:
  radial-gradient(940px 620px at 10% -4%, rgba(124,58,237,.28), transparent 55%),
  radial-gradient(860px 600px at 100% 18%, rgba(232,23,93,.2), transparent 55%),
  radial-gradient(820px 640px at 8% 84%, rgba(245,166,35,.14), transparent 55%),
  linear-gradient(160deg,#1E1236 0%,#170E2B 45%,#20102E 100%) !important;background-attachment:fixed !important}
body.theme-dark.bgtheme-garden{background:
  radial-gradient(940px 620px at 10% -4%, rgba(22,163,74,.2), transparent 55%),
  radial-gradient(860px 600px at 100% 18%, rgba(13,148,136,.22), transparent 55%),
  radial-gradient(820px 640px at 8% 84%, rgba(245,166,35,.14), transparent 55%),
  linear-gradient(160deg,#0F2318 0%,#0F1B22 45%,#14231A 100%) !important;background-attachment:fixed !important}

/* footer & mobile panel & drawers */
body.theme-dark .ak-footer{background:#0E0A18;border-top:1px solid var(--line)}
body.theme-dark .footer-about, body.theme-dark .footer-links a{color:var(--muted)}
body.theme-dark .footer-widget-title{color:var(--ink)}
body.theme-dark .mpanel, body.theme-dark .cart-drawer, body.theme-dark .pdrawer, body.theme-dark .amodal{background:var(--card)!important;color:var(--char)}
body.theme-dark .mp-cur{border-color:var(--line);color:var(--muted)}
body.theme-dark .empty-grid p{color:var(--muted)}

/* silk wave & paisley visibility boost on dark */
body.theme-dark .b2b-hero::before, body.theme-dark .blog-hero::before, body.theme-dark .article-hero::before, body.theme-dark .trust-strip::before, body.theme-dark .ak-footer::before{filter:saturate(1.5) brightness(1.5);opacity:.75}


/* v10 · bright accent text for dark readability */
.pcat,.b2b-prod-cat,.blog-chip-cat,.story-eyebrow,.shop-eyebrow,.b2b-cat-go,
body.theme-dark .blog-card-more, body.theme-dark .qmodal-prod, body.theme-dark .footer-widget-title::after{color:var(--pinkT)}
body.theme-dark .blog-chip-cat{background:rgba(232,23,93,.22);color:var(--pinkT)}
body.theme-dark .pcat{background:rgba(232,23,93,.2)}
body.theme-dark .poff{background:rgba(13,148,136,.22);color:var(--tealT)}
body.theme-dark .pwas{color:var(--muted)}
body.theme-dark .ppor, body.theme-dark .sp-por{color:var(--goldT)}
body.theme-dark .b2b-sec-head h2 em, body.theme-dark .sec-title em, body.theme-dark .news-title em, body.theme-dark .story-title em, body.theme-dark .sp-faq-title em, body.theme-dark .b2b-title em{font-style:italic;color:var(--pinkT)}
body.theme-dark .stat-lab{color:var(--muted)}
body.theme-dark .b2b-tier-tag{background:rgba(232,23,93,.2);color:var(--pinkT)}
body.theme-dark .b2b-tier-hot .b2b-tier-tag{background:var(--pink);color:#fff}
body.theme-dark .b2b-serve-card p, body.theme-dark .b2b-step p, body.theme-dark .trust-item p, body.theme-dark .b2b-cat-body p, body.theme-dark .blog-card-ex, body.theme-dark .b2b-sub, body.theme-dark .news-sub, body.theme-dark .blog-sub{color:var(--muted)}
body.theme-dark .hero-brand-tag{color:var(--pinkT)}
body.theme-dark .tb-tagline{color:rgba(255,255,255,.82)}

/* ══════════════════════════════════════════════════════
   v10 · LIGHT THEME (toggle) — body.theme-light
   ══════════════════════════════════════════════════════ */
body.theme-light, body:not(.theme-dark){
  --ink:#1B1524; --char:#463D57; --muted:#7A7090;
  --line:#EBE4F2; --bg:#FBF8FD; --white:#fff;
  --card:#ffffff; --card2:#ffffff; --field:#F6F2FA;
  --pinkT:#D60450; --violetT:#6D28D9; --tealT:#0B8377; --goldT:#B8860B;
  --price:#D60450;
  --pink-s:rgba(232,23,93,.09); --teal-s:rgba(13,148,136,.10);
  --gold-s:rgba(245,166,35,.12); --violet-s:rgba(124,58,237,.10);
  --sh:0 4px 16px rgba(60,30,80,.08); --shl:0 22px 55px rgba(60,30,80,.14);
}
body.theme-light, body:not(.theme-dark){background:
  radial-gradient(900px 600px at 15% -5%, rgba(232,23,93,.09), transparent 55%),
  radial-gradient(800px 560px at 100% 20%, rgba(245,166,35,.08), transparent 55%),
  radial-gradient(760px 620px at -5% 70%, rgba(124,58,237,.07), transparent 55%),
  radial-gradient(900px 640px at 90% 105%, rgba(13,148,136,.07), transparent 55%),
  linear-gradient(165deg,#FFFDFA 0%,#FDF4F8 30%,#F8F4FE 60%,#F3FAF8 100%) !important;
  background-attachment:fixed !important}
body:not(.theme-dark) #topbar{background:var(--ink)}
body:not(.theme-dark) #nav{background:rgba(255,255,255,.94)}
body:not(.theme-dark) #nav.scrolled{background:rgba(255,255,255,.99);box-shadow:0 10px 30px rgba(60,30,80,.10)}
body:not(.theme-dark) .nav-search{background:#F4EFF9}
body:not(.theme-dark) .nico{background:#F4EFF9}
body:not(.theme-dark) .nico:hover{background:var(--pink);color:#fff}
body:not(.theme-dark) .btn-si{background:var(--ink)}
body:not(.theme-dark) .hero{background:
  radial-gradient(560px 380px at 12% 18%, rgba(232,23,93,.10), transparent 62%),
  radial-gradient(520px 360px at 88% 14%, rgba(245,166,35,.12), transparent 62%),
  radial-gradient(560px 400px at 82% 84%, rgba(124,58,237,.09), transparent 62%),
  linear-gradient(160deg,#FFFDFB,#FFF5F8 55%,#FBF6FF)}
body:not(.theme-dark) .hero-brand-name .hbn-l{color:var(--ink)}
body:not(.theme-dark) .hero-brand-name .hbn-pink{color:var(--pink)}
body:not(.theme-dark) .hero-cat-chip{background:#fff;border-color:var(--line);color:var(--char)}
body:not(.theme-dark) .hero-cat-chip.on,body:not(.theme-dark) .hero-cat-chip:hover{color:#fff}
body:not(.theme-dark) .trust-strip{background:linear-gradient(120deg,#FFF6F9,#FFFBF2 45%,#F5F3FE)}
body:not(.theme-dark) .b2b-steps{background:linear-gradient(120deg,#FFF6F9,#F5F9FF 60%,#F7F4FE)}
body:not(.theme-dark) .b2b-products{background:linear-gradient(150deg,#FFF9F4,#FDF4F9 55%,#F4F7FE)}
body:not(.theme-dark) .b2b-hero,body:not(.theme-dark) .blog-hero,body:not(.theme-dark) .article-hero{background:linear-gradient(150deg,#FFF3F7 0%,#FFF8EE 35%,#F2F9FF 70%,#F6F1FF 100%)}
body:not(.theme-dark) .b2b-eyebrow{background:#fff;border-color:rgba(232,23,93,.25);color:var(--pink)}
body:not(.theme-dark) .news-card{background:linear-gradient(135deg,#FFF9FB,#FDF6FF 60%,#F5FBFA)}
body:not(.theme-dark) .sp-faq{background:linear-gradient(150deg,#FBF7FF,#FFF5F9 60%,#F4FAFF);border-color:rgba(124,58,237,.18)}
body:not(.theme-dark) .sp-story-hist{background:linear-gradient(150deg,#FFF6EC,#FFEFF5);border-color:rgba(245,166,35,.3)}
body:not(.theme-dark) .sp-story-sig{background:linear-gradient(150deg,#F1FBF9,#F2F4FF);border-color:rgba(13,148,136,.3)}
body:not(.theme-dark) .b2b-tier-hot{background:linear-gradient(160deg,#FFF9FB,#FFF3F7)}
body:not(.theme-dark) .qmodal{background:linear-gradient(160deg,#FFFDFB,#FFF6F9 55%,#F8F5FF);border-color:rgba(232,23,93,.15)}
body:not(.theme-dark) .qmodal-x{background:var(--pink-s);color:var(--pink)}
body:not(.theme-dark) .sp-carousel,body:not(.theme-dark) .pcard-img,body:not(.theme-dark) .blog-card-img,
body:not(.theme-dark) .b2b-prod-img,body:not(.theme-dark) .b2b-cat-img{background:linear-gradient(135deg,#FFF3F7,#F6F1FF)}
body:not(.theme-dark) .sp-arr{background:rgba(255,255,255,.94);color:var(--ink)}
body:not(.theme-dark) .btn-b2b-quote{background:#fff;color:var(--violetT)}
body:not(.theme-dark) .b2b-cta-ghost{background:#fff;color:var(--pink)}
body:not(.theme-dark) .ak-footer{background:#17111F}
body:not(.theme-dark)::before{filter:none}
body:not(.theme-dark) .blog-chip-cat{background:var(--pink-s)}
body:not(.theme-dark) .pcat{background:var(--pink-s)}
/* light versions of magic themes */
body:not(.theme-dark).bgtheme-sunset{background:radial-gradient(760px 460px at 10% 6%, rgba(245,140,35,.16), transparent 62%),radial-gradient(700px 440px at 92% 14%, rgba(232,23,93,.13), transparent 62%),linear-gradient(180deg,#FFF8F0 0%,#FFEFE4 45%,#FDEBEF 100%) !important;background-attachment:fixed !important}
body:not(.theme-dark).bgtheme-ocean{background:radial-gradient(760px 460px at 8% 8%, rgba(13,148,136,.14), transparent 62%),radial-gradient(700px 440px at 90% 16%, rgba(37,99,235,.12), transparent 62%),linear-gradient(180deg,#F4FCFB 0%,#EEF6FF 55%,#F3F1FE 100%) !important;background-attachment:fixed !important}
body:not(.theme-dark).bgtheme-royal{background:radial-gradient(760px 460px at 8% 6%, rgba(124,58,237,.15), transparent 62%),radial-gradient(700px 440px at 92% 12%, rgba(232,23,93,.11), transparent 62%),linear-gradient(180deg,#FAF6FF 0%,#F6EFFB 50%,#FDF2F7 100%) !important;background-attachment:fixed !important}
body:not(.theme-dark).bgtheme-garden{background:radial-gradient(760px 460px at 8% 6%, rgba(22,163,74,.12), transparent 62%),radial-gradient(700px 440px at 92% 14%, rgba(13,148,136,.12), transparent 62%),linear-gradient(180deg,#F5FBF4 0%,#EFF9F3 50%,#FDF8EC 100%) !important;background-attachment:fixed !important}

/* theme toggle button */
.tb-theme{width:34px;height:26px;border-radius:6px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);color:rgba(255,255,255,.85);display:flex;align-items:center;justify-content:center;font-size:.78rem;cursor:pointer;transition:.2s}
.tb-theme:hover{background:rgba(255,255,255,.18);color:#fff}

/* hero logo image (optional, replaces text when set) */
.hero-logo-img{max-width:min(420px,80vw);max-height:150px;margin:0 auto 0;display:block;filter:drop-shadow(0 10px 34px rgba(232,23,93,.35));animation:hbnRise .9s var(--ease) both}

/* ══════════════════════════════════════════════════════
   v11 · ROYAL PALETTE — light-first brand colors
   Royal Blue · Pink · Saffron · Navy · Gold
   ══════════════════════════════════════════════════════ */
:root{
  --pink:#E8175D; --pink-d:#C10E4B;
  --royal:#2745C9; --royal-d:#1B2F96;      /* Royal Blue */
  --saffron:#FF8A1E; --saffron-d:#E06E00;  /* Saffron */
  --navy:#14235A;                           /* Dark Blue */
  --goldd:#C9971C;                          /* Golden */
  /* remap legacy accents to the new scheme site-wide */
  --violet:var(--royal); --violet-s:rgba(39,69,201,.10);
  --gold:var(--saffron); --gold-s:rgba(255,138,30,.13);
  --teal:#0E8A6B; --teal-s:rgba(14,138,107,.10);
  --thread:linear-gradient(135deg,var(--pink),var(--saffron) 45%,var(--royal));
  /* light-default tokens */
  --ink:#141E4E; --char:#3A4370; --muted:#6E7699;
  --line:#E5E4F2; --bg:#FBFAFE; --white:#fff;
  --card:#ffffff; --card2:#ffffff; --field:#F5F4FB;
  --pinkT:#D61153; --violetT:var(--royal); --tealT:#0B7A5E; --goldT:#B07E0A;
  --price:#D61153;
  --pink-s:rgba(232,23,93,.09);
  --sh:0 4px 16px rgba(20,35,90,.08); --shl:0 22px 55px rgba(20,35,90,.14);
}
/* light default body wash — royal/pink/saffron glows on ivory */
body:not(.theme-dark){background:
  linear-gradient(135deg,#FFEAF3 0%,#FFF3EC 30%,#F1F0FE 65%,#EAF1FF 100%) !important;
  background-attachment:fixed !important}
body:not(.theme-dark) .hero{background:
  radial-gradient(600px 400px at 12% 18%, rgba(232,23,93,.11), transparent 62%),
  radial-gradient(560px 380px at 88% 14%, rgba(255,138,30,.13), transparent 62%),
  radial-gradient(580px 420px at 84% 86%, rgba(39,69,201,.10), transparent 62%),
  linear-gradient(160deg,#FFFEFC,#FFF4F7 50%,#F4F6FF)}
/* royal-blue headings + saffron/pink accents in light */
body:not(.theme-dark) .shop-title,body:not(.theme-dark) .b2b-sec-head h2,
body:not(.theme-dark) .sp-title,
body:not(.theme-dark) .article-title,body:not(.theme-dark) .b2b-title,
body:not(.theme-dark) .sp-faq-title,body:not(.theme-dark) .sp-story-card h2,
body:not(.theme-dark) .blog-card-title a,body:not(.theme-dark) .pname{color:var(--navy)}
body:not(.theme-dark) .b2b-title em,body:not(.theme-dark) .shop-title em,
body:not(.theme-dark) .b2b-sec-head h2 em,body:not(.theme-dark) .story-title em{color:var(--pink)}
body:not(.theme-dark) .hero-brand-name .hbn-l{color:var(--navy)}
body:not(.theme-dark) .hero-brand-name .hbn-pink{color:var(--pink)}
body:not(.theme-dark) .hero-brand-tag{color:var(--saffron-d)}
body:not(.theme-dark) .shop-eyebrow,body:not(.theme-dark) .story-eyebrow{color:var(--saffron-d)}
body:not(.theme-dark) .pcat{background:rgba(255,138,30,.14);color:var(--saffron-d)}
body:not(.theme-dark) .pnow{color:var(--price)}
body:not(.theme-dark) .nl.on,body:not(.theme-dark) .nl:hover{color:var(--royal)}
body:not(.theme-dark) .blog-card-more,body:not(.theme-dark) .b2b-cat-go{color:var(--royal)}
body:not(.theme-dark) .story-cta,body:not(.theme-dark) .b2b-cta{background:linear-gradient(90deg,var(--pink),var(--royal))}
body:not(.theme-dark) .btn-buy-now{background:linear-gradient(90deg,var(--saffron),#F06B00)}
body:not(.theme-dark) .qsend{background:linear-gradient(90deg,#25D366,#128C7E)}
body:not(.theme-dark) .stat-num{color:var(--goldd)}

/* ── dark theme: royal-tinted midnight with proper text visibility ── */
body.theme-dark{
  --ink:#F7F5FE; --char:#DEDAF0; --muted:#A7A2C6;
  --pinkT:#FF8AB6; --violetT:#93A8FF; --tealT:#4FD8B0; --goldT:#FFC65C;
  --price:#FF95BE;
  --line:#2E3358; --bg:#12152B; --white:#1C2040;
  --card:#1C2040; --card2:#232858; --field:#161A36;
}
body.theme-dark{background:
  radial-gradient(1000px 660px at 12% -6%, rgba(232,23,93,.20), transparent 55%),
  radial-gradient(880px 620px at 102% 16%, rgba(39,69,201,.30), transparent 55%),
  radial-gradient(820px 660px at -6% 72%, rgba(255,138,30,.12), transparent 55%),
  radial-gradient(940px 680px at 92% 108%, rgba(201,151,28,.14), transparent 55%),
  linear-gradient(160deg,#171B38 0%,#12152B 40%,#1C1230 72%,#101B33 100%) !important;
  background-attachment:fixed !important}
body.theme-dark .pname,body.theme-dark .blog-card-title a{color:var(--ink)}
body.theme-dark .pcat{background:rgba(255,138,30,.2);color:var(--goldT)}
body.theme-dark .nl.on,body.theme-dark .nl:hover{color:var(--violetT)}

/* WhatsApp "Ask Us" glowing pill (both themes) */
.wa-ask{position:fixed;right:22px;bottom:22px;z-index:960;display:flex;align-items:center;gap:10px;padding:13px 22px 13px 15px;border-radius:50px;background:linear-gradient(120deg,#25D366,#128C7E);color:#fff;font-weight:800;font-size:.9rem;box-shadow:0 10px 30px rgba(37,211,102,.45);animation:waPulse 2.6s ease-in-out infinite;transition:transform .25s var(--ease)}
.wa-ask:hover{transform:scale(1.07);color:#fff}
.wa-ask i{font-size:1.35rem}
.wa-ask::before{content:'';position:absolute;inset:-5px;border-radius:50px;border:2px solid rgba(37,211,102,.55);animation:waRing 2.6s ease-out infinite}
@keyframes waPulse{0%,100%{box-shadow:0 10px 30px rgba(37,211,102,.45)}50%{box-shadow:0 12px 44px rgba(37,211,102,.75)}}
@keyframes waRing{0%{transform:scale(.9);opacity:.9}100%{transform:scale(1.25);opacity:0}}
@media(max-width:640px){.wa-ask{padding:11px 18px 11px 13px;font-size:.82rem;right:14px;bottom:14px}}
@media (prefers-reduced-motion: reduce){.wa-ask,.wa-ask::before{animation:none}}


/* ══════════════════════════════════════════
   v11.1 · CROSS-THEME COLOR AUDIT FIXES
   ══════════════════════════════════════════ */
/* Story band is always a dark panel — force light text in BOTH themes */
.story-band .story-title{color:#fff}
.story-band .story-title em{color:#FF8AB6}
.story-band .story-eyebrow{color:#FFB45C}
.story-band .story-text{color:rgba(255,255,255,.78)}
.story-band .stat-num{color:#FFD98A}
.story-band .stat-lab{color:rgba(255,255,255,.62)}
.story-band .stat-card{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.14)}
.story-band .story-cta{background:linear-gradient(90deg,var(--pink),var(--saffron));color:#fff}

/* Footer is always dark — force light text/brand in BOTH themes */
.ak-footer{background:#141731}
.ak-footer .bname{color:#fff}
.ak-footer .btag{color:#FF8AB6}
.ak-footer .footer-widget-title{color:rgba(255,255,255,.45)}
.ak-footer .footer-about,.ak-footer .footer-links a{color:rgba(255,255,255,.6)}
.ak-footer .footer-links a:hover{color:#FFD98A}
.ak-footer .fsoc{background:rgba(255,255,255,.08);color:rgba(255,255,255,.75)}
.ak-footer .fsoc:hover{background:var(--pink);color:#fff}
body.theme-dark .ak-footer{background:#0D1024}

/* Topbar always dark strip */
#topbar{background:#10132B}
.tb-tagline{color:rgba(255,255,255,.82)}
.tb-tagline i{color:#FFB45C}

/* ══════════════════════════════════════════
   v11.1 · CLEAN READABLE NUMERALS (prices, stats)
   ══════════════════════════════════════════ */
.pnow,.pnow .woocommerce-Price-amount,.sp-now,.pwas,
.cart-drawer .woocommerce-Price-amount,.qmodal .woocommerce-Price-amount,
.woocommerce-Price-amount{font-family:Tahoma,'Segoe UI',Verdana,sans-serif !important;font-weight:800;letter-spacing:.2px}
.pnow{font-size:1.08rem}
.sp-now{font-size:1.65rem}
.pwas{font-weight:600;font-size:.82rem;text-decoration:line-through}
.stat-num{font-family:Tahoma,'Segoe UI',Verdana,sans-serif;font-weight:800;font-size:1.75rem;letter-spacing:.3px}
.b2b-tier-qty{font-family:Tahoma,'Segoe UI',Verdana,sans-serif;font-weight:800;font-size:1.7rem;letter-spacing:.2px}

/* ══════════════════════════════════════════
   v11.2 · GRID COLUMNS · SLIDER · CONTRAST · PRODUCT PAGE
   ══════════════════════════════════════════ */
/* 4 / 3 / 2 product columns — clean density */
.pgrid{grid-template-columns:repeat(4,1fr);gap:1.2rem}
@media(max-width:1240px){.pgrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.pgrid{grid-template-columns:repeat(2,1fr);gap:.7rem}}
.shop-layout .pgrid{grid-template-columns:repeat(3,1fr)}
@media(min-width:1360px){.shop-layout .pgrid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:1100px){.shop-layout .pgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.shop-layout .pgrid{grid-template-columns:repeat(2,1fr)}}

/* NO GREY TEXT — near-black on light, near-white on dark */
body:not(.theme-dark){--char:#20294F; --muted:#3D466E}
body.theme-dark{--char:#F1EDFA; --muted:#CFC9E6}

/* dual price slider */
.price-slider{position:relative;height:26px;margin:.6rem 2px .2rem}
.ps-track{position:absolute;top:11px;left:0;right:0;height:5px;border-radius:5px;background:var(--line)}
.ps-fill{position:absolute;top:0;bottom:0;border-radius:5px;background:linear-gradient(90deg,var(--pink),var(--royal))}
.price-slider input[type=range]{position:absolute;top:0;left:0;width:100%;height:26px;background:none;-webkit-appearance:none;appearance:none;pointer-events:none;margin:0}
.price-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:19px;height:19px;border-radius:50%;background:#fff;border:3px solid var(--pink);box-shadow:0 2px 8px rgba(232,23,93,.4);cursor:grab;pointer-events:auto;margin-top:0}
.price-slider input[type=range]::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:#fff;border:3px solid var(--pink);box-shadow:0 2px 8px rgba(232,23,93,.4);cursor:grab;pointer-events:auto}
.price-slider #pMax::-webkit-slider-thumb{border-color:var(--royal);box-shadow:0 2px 8px rgba(39,69,201,.4)}
.price-slider #pMax::-moz-range-thumb{border-color:var(--royal)}
.ps-values{display:flex;justify-content:space-between;font-size:.78rem;font-weight:800;color:var(--char);font-family:Tahoma,sans-serif}
body.theme-dark .price-slider input[type=range]::-webkit-slider-thumb{background:var(--card)}

/* ── product page: creative upgrade ── */
.sp-carousel{border-radius:20px;position:relative;box-shadow:0 18px 50px rgba(20,35,90,.16)}
.sp-carousel::before{content:'';position:absolute;inset:-3px;border-radius:23px;background:linear-gradient(135deg,var(--pink),var(--saffron) 45%,var(--royal));z-index:-1}
.sp-title{position:relative;padding-bottom:.8rem}
.sp-title::after{content:'';position:absolute;left:0;bottom:0;width:90px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--pink),var(--saffron),var(--royal));animation:titleBar 1s var(--ease) both .5s}
@keyframes titleBar{from{width:0;opacity:0}to{width:90px;opacity:1}}
.sp-meta-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:.9rem 0 1.1rem}
.sp-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 13px;border-radius:20px;font-size:.72rem;font-weight:800;letter-spacing:.3px}
.sp-chip-medium{background:rgba(255,138,30,.14);color:var(--saffron-d)}
.sp-chip-dim{background:rgba(39,69,201,.10);color:var(--royal)}
.sp-chip-ship{background:rgba(14,138,107,.12);color:var(--tealT)}
body.theme-dark .sp-chip-medium{color:var(--goldT)}
body.theme-dark .sp-chip-dim{color:var(--violetT)}
.sp-prices{background:linear-gradient(90deg,rgba(232,23,93,.07),rgba(39,69,201,.06));border:1.5px dashed rgba(232,23,93,.3);border-radius:14px;padding:.7rem 1rem;display:inline-flex}
body.theme-dark .sp-prices{background:linear-gradient(90deg,rgba(232,23,93,.16),rgba(39,69,201,.16))}
@media(max-width:760px){.sp-carousel::before{inset:-2px}}

/* ══════════════════════════════════════════
   v11.3 · FINAL PRODUCT GRID — clean at every width
   ══════════════════════════════════════════ */
/* desktop: 4 across open grids, 3 beside the sidebar */
.pgrid{grid-template-columns:repeat(4,1fr);gap:1.15rem}
.shop-layout .pgrid{grid-template-columns:repeat(3,1fr)}
@media(min-width:1450px){.shop-layout .pgrid{grid-template-columns:repeat(4,1fr)}}
/* tablets */
@media(max-width:1180px){.pgrid,.shop-layout .pgrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.pgrid,.shop-layout .pgrid{grid-template-columns:repeat(2,1fr);gap:.9rem}}
/* phones: ALWAYS 2 compact columns — never one giant card */
@media(max-width:560px){
  .pgrid,.shop-layout .pgrid{grid-template-columns:repeat(2,1fr) !important;gap:.6rem}
  .pcard-info{padding:.7rem .75rem .85rem}
  .pcat{font-size:.52rem;padding:2px 8px;letter-spacing:1.1px;margin-bottom:.3rem}
  .pname{font-size:.8rem;margin-bottom:.45rem;line-height:1.25}
  .pnow{font-size:.92rem}
  .pwas{font-size:.68rem}
  .padd{padding:6px 10px;font-size:.66rem;border-radius:9px}
  .padd i{font-size:.7rem}
  .pbadge{font-size:.52rem;padding:3px 8px;top:8px;left:8px}
  .pwish{width:28px;height:28px;font-size:.75rem;top:8px;right:8px}
  .b2b-prod-grid{grid-template-columns:repeat(2,1fr) !important;gap:.6rem}
  .b2b-prod-body{padding:.7rem .75rem .85rem}
  .b2b-prod-name{font-size:.78rem}
}
/* card image never towers */
.pcard-img{aspect-ratio:4/5;max-height:340px}
.pcard-img img{width:100%;height:100%;object-fit:cover}
@media(max-width:560px){.pcard-img{max-height:230px}}

/* ══════════════════════════════════════════
   v11.4 · CRITICAL: products column flex fix
   (live-site bug: grid collapsed to slivers)
   ══════════════════════════════════════════ */
.products-col{flex:1 1 auto;min-width:0;width:100%}
.pgrid{width:100%}
.pcard{min-width:0}
.shop-layout > .filter-sidebar{flex:0 0 240px}

/* v11.5 · richer petal shower (12 petals) */

/* ══════════════════════════════════════════════════════
   ROUND CENTERED LOGO (replaces old wordmark-only mark)
   ══════════════════════════════════════════════════════ */
.hero-round-logo{width:150px;height:150px;border-radius:50%;margin:0 auto 1.4rem;
  border:3px solid rgba(232,23,93,.35);background:rgba(255,255,255,.75);
  box-shadow:0 10px 36px rgba(232,23,93,.18);overflow:hidden;
  display:flex;align-items:center;justify-content:center}
.hero-round-logo img{width:100%;height:100%;object-fit:cover}
.hero-round-logo-fallback{font-family:'Playfair Display',serif;font-weight:900;font-size:3.1rem;
  background:linear-gradient(135deg,var(--pink),var(--violet));-webkit-background-clip:text;
  background-clip:text;color:transparent}
@media(max-width:640px){.hero-round-logo{width:104px;height:104px;margin-bottom:1rem}
  .hero-round-logo-fallback{font-size:2.1rem}}

/* ══════════════════════════════════════════════════════
   HERO REDESIGN v2 — flanking video panels, big centered
   logo, shifted up, logo-colour tint. No category chips.
   ══════════════════════════════════════════════════════ */
.hero-flanked{min-height:56vh;display:grid;grid-template-columns:1fr minmax(340px,560px) 1fr;
  align-items:center;padding-top:calc(var(--tbh) + var(--nh) + 1rem);padding-bottom:1.5rem;position:relative;overflow:hidden}
.hero-side-video{position:relative;height:100%;min-height:320px;overflow:hidden}
.hsv-carousel{position:absolute;inset:0}
.hsv-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.1s ease}
.hsv-slide.on{opacity:1}
.hsv-slide video{width:100%;height:100%;object-fit:cover}
.hsv-tint{position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(160deg,rgba(232,23,93,.24) 0%,rgba(255,138,30,.14) 45%,rgba(39,69,201,.20) 100%)}
.hero-side-l{clip-path:polygon(0 0,100% 0,88% 100%,0 100%)}
.hero-side-r{clip-path:polygon(12% 0,100% 0,100% 100%,0 100%)}
.hero-side-video:empty,.hero-side-video:not(:has(.hsv-carousel)){
  background:linear-gradient(160deg,rgba(232,23,93,.10),rgba(39,69,201,.08))}

.hero-brand-banner{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;
  justify-content:center;padding:0 1rem;text-align:center}
.hero-round-logo-lg{width:190px;height:190px;margin-bottom:1.3rem;border-width:4px;
  box-shadow:0 14px 46px rgba(232,23,93,.25)}
@media(max-width:1180px){.hero-flanked{grid-template-columns:1fr}
  .hero-side-video{display:none}
  .hero-round-logo-lg{width:150px;height:150px}}
@media(max-width:640px){.hero-flanked{min-height:auto;padding-top:calc(var(--tbh) + var(--nh) + .6rem);padding-bottom:1rem}
  .hero-round-logo-lg{width:120px;height:120px;margin-bottom:1rem}}

/* ══════════════════════════════════════════════════════
   PRODUCT GRID — locked 3 per row on desktop, filter hugs left
   ══════════════════════════════════════════════════════ */
.shop-layout{align-items:flex-start;gap:1.4rem}
.shop-layout .filter-sidebar{margin-left:0}
.shop-layout .pgrid{grid-template-columns:repeat(3,1fr) !important;gap:1.3rem}
@media(max-width:1180px){.shop-layout .pgrid{grid-template-columns:repeat(2,1fr) !important}}
@media(max-width:560px){.shop-layout .pgrid{grid-template-columns:repeat(2,1fr) !important;gap:.6rem}}

/* ══════════════════════════════════════════════════════
   CONSISTENT CARD ALIGNMENT — every card same shape,
   text never pushes buttons out of line
   ══════════════════════════════════════════════════════ */
.pcard{display:flex;flex-direction:column;height:100%}
.pcard-info{display:flex;flex-direction:column;flex:1}
.pname{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  min-height:2.6em;line-height:1.3}
.pfoot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:.5rem}
.pprices{display:flex;flex-direction:column;gap:1px;min-width:0}
.pcat{display:inline-block}

/* ══════════════════════════════════════════════════════
   SHOP SECTION — separated with a real boundary + medium-dark
   background band so the collection reads as its own zone
   ══════════════════════════════════════════════════════ */
.shop-section{position:relative;padding-top:3.5rem;padding-bottom:4rem;margin-top:1rem;
  background:linear-gradient(180deg,#2B2350 0%,#332A5C 10%,#332A5C 90%,#2B2350 100%)}
/* curved boundary drawn at the very top of the section */
.shop-section::before{content:'';position:absolute;top:-1px;left:0;right:0;height:60px;z-index:1;
  background:#fff;
  clip-path:ellipse(58% 100% at 50% 0%);
  pointer-events:none}
.shop-section > .wrap{position:relative;z-index:2}
.shop-header{padding-top:1.5rem}
.shop-title,.shop-eyebrow{color:#fff}
.shop-title em{color:#FFB4CE}
.result-count{color:rgba(255,255,255,.75)}
.filter-btn-top{background:#fff;color:var(--ink)}
.filter-sidebar{background:#fff}
@media(max-width:760px){.shop-section::before{height:34px}.shop-section{padding-top:2.4rem}}

/* ══════════════════════════════════════════════════════
   REFINEMENTS ROUND 2
   ══════════════════════════════════════════════════════ */

/* 1. Reduce the big empty gap above the hero content */
.hero-flanked{padding-top:calc(var(--tbh) + var(--nh) + .1rem);min-height:auto;padding-bottom:1rem}

/* 2. Nav links centered in the bar, bigger */
.nav-inner{position:relative}
/* Nav: proper 3-column grid so links center WITHOUT overlapping logo/actions */
.nav-inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem}
.nav-links{position:static;transform:none;display:flex;align-items:center;justify-content:center;
  font-size:.96rem;gap:.25rem;flex-wrap:wrap}
.nl{font-size:.95rem;padding:.5rem .7rem;white-space:nowrap}
@media(max-width:860px){.nav-links{display:none}}

/* 3. Shop section: pink-blue, only a little darker than the page — not deep purple */
.shop-section{background:linear-gradient(180deg,#E3D9EC 0%,#D9CFE8 10%,#D6D8EE 90%,#E3D9EC 100%)}
.shop-section::before{background:#fff}
.shop-title,.shop-eyebrow{color:var(--ink)}
.shop-title em{color:var(--pink)}
.result-count{color:var(--muted)}

/* 4. Video panels: plain rectangles, no diagonal cropping — full square/rect video shows as-is */
.hero-side-l,.hero-side-r{clip-path:none}
.hero-side-video{border-radius:18px;margin:0 14px}
.hsv-slide video,.hsv-slide img{object-fit:cover;width:100%;height:100%}

/* 5. Bigger centered logo */
.hero-round-logo-lg{width:230px;height:230px;margin-bottom:1.4rem}
@media(max-width:1180px){.hero-round-logo-lg{width:180px;height:180px}}
@media(max-width:640px){.hero-round-logo-lg{width:140px;height:140px}}

/* 6. Toolbar: filter trigger only, mobile-only */
.toolbar-mobile-only{display:none}
@media(max-width:1060px){
  .toolbar-mobile-only{display:flex;align-items:center;justify-content:flex-end;width:100%}
  .filter-btn-top{display:inline-flex}
}

/* ══════════════════════════════════════════════════════
   ROUND 3 — bigger logo, tighter top, wider search, mobile-tuned
   ══════════════════════════════════════════════════════ */

/* Logo: bigger still, shifted up (less bottom margin pulls search closer too) */
.hero-round-logo-lg{width:270px;height:270px;margin-bottom:1rem;border-width:4px}
@media(max-width:1180px){.hero-round-logo-lg{width:210px;height:210px;margin-bottom:.8rem}}
@media(max-width:760px){.hero-round-logo-lg{width:160px;height:160px;margin-bottom:.7rem}}
@media(max-width:480px){.hero-round-logo-lg{width:120px;height:120px;margin-bottom:.6rem}}

/* Hero content pulled even closer to the nav */
.hero-flanked{padding-top:calc(var(--tbh) + var(--nh));padding-bottom:.4rem;max-height:64vh;overflow:visible}
@media(max-width:760px){.hero-flanked{padding-top:calc(var(--tbh) + var(--nh));padding-bottom:.6rem;max-height:none}}

/* Search bar: noticeably wider and taller */
.hero-search{max-width:720px;border-radius:60px;border-width:2.5px;box-shadow:0 8px 32px rgba(232,23,93,.14)}
.hero-search input{padding:1.1rem 1.6rem;font-size:1.05rem}
.hero-search button{padding:1.1rem 2.2rem;font-size:1rem}
@media(max-width:760px){
  .hero-search{max-width:94vw;border-radius:40px}
  .hero-search input{padding:.8rem 1.1rem;font-size:.92rem}
  .hero-search button{padding:.8rem 1.3rem;font-size:.88rem}
  .hero-search button span,.hero-search button{white-space:nowrap}
}
@media(max-width:480px){
  .hero-search{flex-direction:column;border-radius:20px;box-shadow:0 6px 20px rgba(232,23,93,.12)}
  .hero-search input{width:100%;text-align:center;padding:.9rem 1rem}
  .hero-search button{width:100%;justify-content:center;border-radius:0 0 18px 18px}
}

/* Mobile: hero block sits comfortably, side video panels already hidden ≤1180px */
@media(max-width:760px){
  .hero-brand-banner{padding:0 .8rem}
}

/* ══════════════════════════════════════════════════════
   FIX — "% off" badge: guaranteed visible, solid, on-brand
   ══════════════════════════════════════════════════════ */
.poff{background:linear-gradient(90deg,#E8175D,#F04A86) !important;color:#fff !important;
  font-size:.66rem;font-weight:800;padding:3px 10px;border-radius:20px;letter-spacing:.3px;
  box-shadow:0 2px 6px rgba(232,23,93,.28);display:inline-block}