/** Shopify CDN: Minification failed

Line 454:152 Unexpected "{"

**/

/* ═══════════════════════════════════════════════════
   DESIGN TOKENS — Trusted Parenthood + Scandinavian
═══════════════════════════════════════════════════ */
:root {
  /* ── Primitives ─────────────────────── */
  --white: #FFFFFF;
  --off-white: #FAFAFA;
  --gray-50: #F7F7F7;
  --gray-100: #F0F0F0;
  --gray-200: #E5E5E5;
  --gray-300: #CCCCCC;
  --black: #111111;
  --rose: #C8456C;
  --rose-dark: #A83458;
  --rose-mid: #E08FAE;
  --rose-light: #FDEDF3;
  --rose-pale: #FFF0F4;

  /* ── Legacy aliases (keep existing selectors working) ─────────────── */
  --sage-50: var(--gray-50);
  --sage-100: var(--gray-100);
  --sage-200: var(--gray-200);
  --sage-300: var(--gray-300);
  --sage-500: var(--black);
  --sage-600: #333333;
  --sage-700: #222222;
  --sage-900: var(--black);
  --cream-50: var(--off-white);
  --cream-100: var(--gray-50);
  --cream-200: var(--gray-100);
  --cream-300: var(--gray-200);
  --terra-50: var(--rose-pale);
  --terra-100: var(--rose-light);
  --terra-300: var(--rose-mid);
  --terra-500: var(--rose);
  --terra-600: var(--rose-dark);
  --amber-300: var(--rose-mid);
  --amber-500: var(--rose);
  --amber-600: var(--rose-dark);
  --warm-white: var(--white);
  --warm-gray: #888888;

  /* ── Tints (category dividers) ───────────────────────────────────── */
  --tint-feeding:  var(--rose-pale);
  --tint-sleeping: #F0F4FF;
  --tint-mommies:  var(--rose-light);
  --tint-care:     #F5F5F5;
  --line-feeding:  var(--rose-light);
  --line-sleeping: #DCE2F0;
  --line-mommies:  #F1D9E4;
  --line-care:     #E5E5E5;

  /* ── Semantic ───────────────────────────────────────────────────── */
  --bg:         var(--white);
  --surface:    var(--white);
  --surface-2:  var(--gray-50);
  --border:     var(--gray-100);
  --border-md:  var(--gray-200);
  --text:       var(--black);
  --text-mid:   #444444;
  --text-muted: #888888;
  --primary:    var(--rose);
  --primary-dk: var(--rose-dark);
  --primary-lt: var(--rose-light);
  --primary-md: var(--rose-mid);
  --accent:     var(--rose);
  --accent-lt:  var(--rose-light);
  --dark:       var(--black);

  /* ── Typography ─────────────────────────────────────────────────── */
  --font-display: 'DM Sans', system-ui, sans-serif;
  --font-body:    'DM Sans', system-ui, sans-serif;

  /* ── Spacing ────────────────────────────────────────────────────── */
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;
  --s6:24px;--s8:32px;--s10:40px;--s12:48px;--s16:64px;

  /* ── Radius ─────────────────────────────────────────────────────── */
  --r-sm:8px;--r:12px;--r-md:16px;--r-lg:20px;--r-xl:28px;--r-full:9999px;

  /* ── Shadows ────────────────────────────────────────────────────── */
  --shadow-xs: 0 1px 3px rgba(0,0,0,0.06);
  --shadow-sm: 0 2px 8px rgba(0,0,0,0.08),0 1px 2px rgba(0,0,0,0.04);
  --shadow-md: 0 8px 24px rgba(0,0,0,0.10),0 2px 6px rgba(0,0,0,0.05);
  --shadow-lg: 0 20px 48px rgba(0,0,0,0.12),0 4px 12px rgba(0,0,0,0.06);

  /* ── Ease ───────────────────────────────────────────────────────── */
  --ease:cubic-bezier(0.16,1,0.3,1);
  --ease-in:cubic-bezier(0.4,0,1,1);
  --ease-spring:cubic-bezier(0.34,1.56,0.64,1);
}

/* ── Reset ── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:hidden}
body{font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.6;font-size:15px;-webkit-font-smoothing:antialiased;overflow-x:hidden;max-width:100vw}
img{max-width:100%;display:block}
button{font-family:inherit;cursor:pointer;border:none;background:none}
a{color:inherit;text-decoration:none}

/* ── Typography ── */
.display-xl{font-family:var(--font-display);font-size:clamp(2.8rem,9vw,6.5rem);font-weight:600;line-height:.95;letter-spacing:-.03em}
.display-lg{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.8rem);font-weight:600;line-height:1;letter-spacing:-.025em}
.display-md{font-family:var(--font-display);font-size:clamp(1.5rem,3.5vw,2.5rem);font-weight:600;line-height:1.1;letter-spacing:-.02em}
.heading{font-family:var(--font-display);font-size:1.35rem;font-weight:600;line-height:1.25;letter-spacing:-.015em}
.label{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.eyebrow{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--primary)}

/* ── Layout ── */
.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--s4)}
@media(min-width:768px){.container{padding:0 var(--s8)}}
@media(min-width:1024px){.container{padding:0 var(--s12)}}

/* ══════════════════════════════════════════
   ANNOUNCE BAR
══════════════════════════════════════════ */
.announce{
  background:var(--sage-900);
  color:rgba(255,255,255,.88);
  display:flex;align-items:center;justify-content:center;
  gap:var(--s6);flex-wrap:wrap;
  padding:10px var(--s4);
  font-size:12.5px;font-weight:500;letter-spacing:.01em;
  overflow-x:auto;white-space:nowrap;
}
.announce-item{display:inline-flex;align-items:center;gap:7px;flex-shrink:0}
.announce-item img{flex-shrink:0;display:block}
.announce-dot{width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.25);flex-shrink:0}
.announce a{display:inline-flex;align-items:center;gap:7px;color:var(--amber-300);font-weight:600;transition:color .15s}
.announce a:hover{color:#fff}
.announce a img{flex-shrink:0;display:block}
@media(max-width:600px){
  .announce{gap:var(--s2);padding:8px var(--s4);font-size:12px;flex-direction:column;align-items:center}
  .announce-dot{display:none}
  .announce-item:nth-of-type(3){display:none}
}

/* ══════════════════════════════════════════
   NAVIGATION
══════════════════════════════════════════ */
.nav{
  position:sticky;top:0;z-index:100;
  background:rgba(253,252,250,.92);
  backdrop-filter:blur(20px) saturate(160%);
  -webkit-backdrop-filter:blur(20px) saturate(160%);
  border-bottom:1px solid var(--border);
  transition:box-shadow .2s;
}
.nav.scrolled{box-shadow:var(--shadow-sm)}
.nav{overflow:visible}
.nav-inner{
  display:flex;align-items:center;justify-content:space-between;
  height:72px;gap:var(--s4);position:relative;
}
.nav-logo{flex-shrink:0;display:flex;align-items:center;gap:10px;text-decoration:none}
.nav-logo img{display:none}
.nav-logo-text{display:flex;flex-direction:column;line-height:1}
.nav-logo-name{font-family:'Poppins',system-ui,sans-serif;font-size:26px;font-weight:700;color:var(--dark);letter-spacing:-.02em;line-height:1;text-transform:lowercase}
.nav-logo-sub{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#c4845a;margin-top:4px}
.nav-link{display:inline-flex;align-items:center;gap:6px;font-size:15px;font-weight:600;color:var(--text);text-decoration:none;padding:8px 14px;border-radius:var(--r-full);transition:background .15s,color .15s;white-space:nowrap;letter-spacing:.005em}
.nav-link .dd-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}
.nav-link .dd-chevron{width:13px;height:13px;opacity:.55;transition:transform .2s,opacity .15s;flex-shrink:0}
.nav-link-cat:hover .dd-chevron,.nav-link-sale:hover .dd-chevron{opacity:1;transform:rotate(180deg)}
.nav-link:hover{background:var(--cream-100);color:var(--dark)}
.nav-link.active{color:var(--terra-500)}
.nav-link-sale{color:var(--terra-600);font-weight:700}
.nav-link-sale:hover{background:var(--cream-100);color:var(--terra-600)}
.nav-center{
  display:flex;align-items:center;gap:var(--s2);
  font-size:13px;font-weight:500;color:var(--text-mid);
}
.nav-center a{padding:6px 12px;border-radius:var(--r-full);transition:all .15s}
.nav-center a:hover{background:var(--surface-2);color:var(--text)}
@media(max-width:768px){.nav-center{display:none}}
.nav-actions{display:flex;align-items:center;gap:var(--s2)}
.subnav{background:#fff;border-bottom:1px solid var(--border);position:sticky;top:64px;z-index:90}
.subnav-wrap{position:relative}
.subnav-inner{display:flex;align-items:center;justify-content:center;gap:var(--s8);padding:0 var(--s8);overflow-x:auto;scrollbar-width:none;height:46px}
.subnav-inner::-webkit-scrollbar{display:none}
.subnav-link{display:inline-flex;align-items:center;gap:6px;font-size:15px;font-weight:600;color:var(--text);text-decoration:none;white-space:nowrap;padding:15px 4px;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}
.subnav-link .dd-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}
.subnav-link .dd-chevron{width:13px;height:13px;opacity:.55;transition:transform .2s,opacity .15s}
.subnav-cat:hover .dd-chevron{opacity:1;transform:rotate(180deg)}
.subnav-link:hover{color:var(--dark);border-bottom-color:var(--dark)}
.subnav-link.active{color:var(--terra-500);border-bottom-color:var(--terra-500)}
.subnav-sale{color:var(--terra-600);font-weight:700}
.subnav-sale:hover{color:var(--terra-600);border-bottom-color:var(--terra-500)}
@media(max-width:768px){.subnav-inner{justify-content:flex-start;gap:var(--s5);padding:0 var(--s5);font-size:13px}.subnav{top:60px}}
.nav-search-btn{display:grid;place-items:center;width:40px;height:40px;border-radius:var(--r-full);color:var(--text);transition:background .15s}
.nav-search-btn:hover{background:var(--sage-50)}
.lang-pill{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:var(--r-full);border:1.5px solid var(--border-md);font-size:13px;font-weight:600;color:var(--text);transition:border-color .15s,background .15s}
.lang-pill:hover{border-color:var(--sage-500);background:var(--sage-50)}
@media(max-width:480px){.lang-pill{padding:0 10px}.lang-pill svg{display:none}}
/* Search overlay */
.search-overlay{position:fixed;inset:0;z-index:300;background:rgba(26,45,36,.45);backdrop-filter:blur(6px);display:none;align-items:flex-start;justify-content:center;padding:12vh var(--s4) var(--s4)}
.search-overlay.open{display:flex}
.search-panel{position:relative;width:min(980px,100%);background:#fff;border-radius:var(--r-lg);box-shadow:var(--shadow-lg);overflow:hidden;animation:searchIn .25s var(--ease);display:flex;flex-direction:column;max-height:82vh}
.search-x{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--cream-100);color:var(--text);transition:background .15s;z-index:2}
.search-x:hover{background:var(--cream-200)}
.search-quick{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:14px 22px 4px}
.search-quick-label{font-size:13px;font-weight:700;color:var(--text);margin-right:2px}
.search-chip{font-size:13px;font-weight:500;color:var(--text-mid);background:var(--cream-100);border-radius:var(--r-full);padding:7px 14px;transition:background .15s,color .15s}
.search-chip:hover{background:var(--sage-50);color:var(--sage-700)}
.search-insp-title{font-family:var(--font-display);font-size:1.15rem;font-weight:600;color:var(--dark);text-align:center;padding:18px 0 4px}
.search-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:12px 18px 6px}
@media(max-width:760px){.search-grid{grid-template-columns:repeat(2,1fr)}}
.search-gcard{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:14px;text-align:left;transition:background .13s;cursor:pointer}
.search-gcard:hover{background:var(--cream-50)}
.search-gcard img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;background:var(--cream-100)}
.search-gcard-stars{font-size:11px;color:var(--terra-500);letter-spacing:1px}
.search-gcard-stars span{color:var(--text-muted);letter-spacing:0;margin-left:3px}
.search-gcard-name{font-size:13px;font-weight:600;color:var(--text);line-height:1.3}
.search-gcard-price{font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--dark)}
.search-viewall{margin:8px auto 16px;font-size:14px;font-weight:700;color:var(--dark);padding:9px 22px;border-radius:var(--r-full);transition:background .15s}
.search-viewall:hover{background:var(--cream-100)}
@keyframes searchIn{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}
.search-input-row{display:flex;align-items:center;gap:10px;padding:16px 18px;border-bottom:1px solid var(--border)}
.search-input-row svg{flex-shrink:0;color:var(--text-muted)}
.search-input-row input{flex:1;border:none;outline:none;font-size:16px;font-family:var(--font-body);color:var(--text);background:none}
.search-close{font-size:11px;font-weight:700;color:var(--text-muted);border:1.5px solid var(--border-md);border-radius:6px;padding:3px 7px;flex-shrink:0}
.search-results{max-height:52vh;overflow-y:auto;padding:6px}
.search-hit{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border-radius:12px;text-align:left;transition:background .12s;cursor:pointer}
.search-hit:hover{background:var(--sage-50)}
.search-hit img{width:48px;height:48px;border-radius:10px;object-fit:cover;background:var(--cream-100);flex-shrink:0}
.search-hit-name{font-size:14px;font-weight:600;color:var(--text)}
.search-hit-meta{font-size:12px;color:var(--text-muted)}
.search-hit-price{margin-left:auto;font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--dark);flex-shrink:0}
.search-empty{padding:26px;text-align:center;font-size:14px;color:var(--text-muted)}
@keyframes hitFlash{0%,100%{box-shadow:none}30%{box-shadow:0 0 0 3px var(--terra-300)}}
.pcard.search-flash{animation:hitFlash 1.6s var(--ease) 1}
/* ── Dropdown Nav ─────────────────────────────────────────────────────────── */
.nav-dropdown{position:relative;display:flex;align-items:center}
.nav-dropdown-trigger{display:flex;align-items:center;gap:5px;padding:7px 13px;border-radius:var(--r-full);border:none;background:transparent;font-size:14px;font-weight:600;color:var(--text);cursor:pointer;transition:background .15s,color .15s;white-space:nowrap;font-family:var(--font-body)}
.nav-dropdown-trigger:hover,.nav-dropdown.open .nav-dropdown-trigger{background:var(--surface-2);color:var(--dark)}
.nav-dropdown-trigger .dd-chevron{width:14px;height:14px;transition:transform .2s;flex-shrink:0;opacity:.6}
.nav-dropdown.open .dd-chevron{transform:rotate(180deg)}
.nav-dropdown-trigger .dd-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}
.dd-dot-feeding{background:#E8956D}
.dd-dot-sleeping{background:#A9B8D8}
.dd-dot-mommies{background:#D97FAB}
.dd-dot-care{background:#5BAF88}
.nav-dd-menu{display:none}
/* ── Mega menu (Momcozy-style) ── */
.mega{position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid var(--border);box-shadow:0 24px 48px rgba(26,45,36,.12);opacity:0;pointer-events:none;transform:translateY(-8px);transition:opacity .2s var(--ease),transform .2s var(--ease);z-index:190}
.mega.open{opacity:1;pointer-events:auto;transform:translateY(0)}
.mega-inner{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:240px 1fr;gap:36px;padding:30px 36px 34px}
.mega-side{display:flex;flex-direction:column;gap:4px}
.mega-side-item{text-align:left;font-size:15px;font-weight:600;color:var(--text-mid);padding:11px 16px;border-radius:10px;transition:background .14s,color .14s;display:flex;align-items:center;gap:9px}
.mega-side-item .dd-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}
.mega-side-item:hover{background:var(--cream-100);color:var(--text)}
.mega-side-item.active{background:var(--cream-100);color:var(--dark);position:relative}
.mega-side-item.active::after{content:'';position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:3px;background:var(--terra-500)}
.mega-side-sale{color:var(--terra-600)!important}
.mega-side-saletag{margin-left:auto;font-size:10px;font-weight:800;letter-spacing:.08em;color:#fff;background:var(--terra-500);padding:2px 7px;border-radius:var(--r-full)}
.mega-viewall{margin-top:auto;align-self:flex-start;font-size:14px;font-weight:600;color:var(--dark);border:1.5px solid var(--border-md);border-radius:var(--r-full);padding:11px 26px;transition:border-color .15s,background .15s}
.mega-viewall:hover{border-color:var(--dark);background:var(--cream-50)}
.mega-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-content:start}
.mega-card{display:flex;flex-direction:column;cursor:pointer;border-radius:14px;overflow:hidden;background:var(--cream-50);transition:transform .18s var(--ease),box-shadow .18s var(--ease);text-align:center}
.mega-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
.mega-card img{width:100%;aspect-ratio:1.15;object-fit:cover;background:var(--cream-100)}
.mega-card-name{font-size:13.5px;font-weight:600;color:var(--text);line-height:1.35;padding:12px 12px 14px}
.mega-more{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:var(--cream-50);border-radius:14px;cursor:pointer;transition:background .15s;min-height:160px}
.mega-more:hover{background:var(--cream-100)}
.mega-more-circle{width:52px;height:52px;border-radius:50%;background:var(--sage-500);color:#fff;display:grid;place-items:center;transition:transform .18s var(--ease)}
.mega-more:hover .mega-more-circle{transform:translateX(4px)}
.mega-more-label{font-size:14.5px;font-weight:700;color:var(--dark)}
@media(max-width:900px){.mega{display:none}}
.dd-section-label{padding:6px 14px 4px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}
.dd-item{display:flex;align-items:center;gap:9px;padding:8px 14px;font-size:13.5px;color:var(--text);text-decoration:none;transition:background .12s;cursor:pointer;border:none;background:none;width:100%;text-align:left;font-family:var(--font-body)}
.dd-item:hover{background:var(--surface-2);color:var(--dark)}
.dd-icon{width:22px;height:22px;flex-shrink:0;object-fit:contain}
.dd-divider{height:1px;background:var(--border);margin:4px 10px}
/* ── View all link ── */
.dd-view-all{display:block;text-align:center;padding:7px 14px;font-size:12px;font-weight:600;color:var(--primary-dk);text-decoration:none;border-top:1px solid var(--border);margin-top:4px;transition:background .12s;border-radius:0 0 14px 14px}
.dd-view-all:hover{background:var(--surface-2)}
/* ── Burger ── */
.nav-burger{display:none;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--border);border-radius:10px;background:#fff;cursor:pointer;flex-shrink:0;flex-direction:column;gap:5px;padding:9px}
.nav-burger span{display:block;width:100%;height:2px;background:var(--dark);border-radius:2px;transition:transform .2s,opacity .2s}
@media(max-width:768px){.nav-burger{display:flex}}
/* ── Mobile Drawer ── */
#mobile-drawer{position:fixed;top:0;right:0;width:min(320px,88vw);height:100vh;background:#fff;z-index:500;transform:translateX(100%);transition:transform .3s cubic-bezier(.16,1,.3,1);box-shadow:-8px 0 32px rgba(0,0,0,.12);overflow-y:auto}
#mobile-drawer.open{transform:translateX(0)}
#drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:499;opacity:0;pointer-events:none;transition:opacity .3s}
#drawer-overlay.open{opacity:1;pointer-events:auto}
.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 14px;border-bottom:1px solid var(--border)}
.drawer-logo{height:40px;width:40px;border-radius:50%;object-fit:contain}
.drawer-close{width:32px;height:32px;border-radius:50%;background:var(--surface-2);border:none;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;color:var(--text-mid)}
.drawer-cat{border-bottom:1px solid var(--border)}
.drawer-cat-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 18px;background:none;border:none;font-size:15px;font-weight:700;color:var(--dark);cursor:pointer;font-family:var(--font-body)}
.drawer-cat-trigger .dc-left{display:flex;align-items:center;gap:10px}
.drawer-cat-chevron{width:16px;height:16px;transition:transform .2s;opacity:.5}
.drawer-cat.open .drawer-cat-chevron{transform:rotate(180deg)}
.drawer-cat-items{max-height:0;overflow:hidden;transition:max-height .3s cubic-bezier(.16,1,.3,1)}
.drawer-cat.open .drawer-cat-items{max-height:600px}
.drawer-item{display:flex;align-items:center;gap:10px;padding:10px 18px 10px 36px;font-size:14px;color:var(--text);text-decoration:none;border:none;background:none;width:100%;text-align:left;cursor:pointer;font-family:var(--font-body)}
.drawer-item:hover{background:var(--surface-2)}
.drawer-item .dd-icon{width:20px;height:20px;flex-shrink:0;object-fit:contain}
.drawer-links{padding:14px 18px;display:flex;flex-direction:column;gap:4px}
.drawer-link{display:block;padding:10px 0;font-size:14px;color:var(--text);text-decoration:none;border-bottom:1px solid var(--border)}

.nav-trust{display:none}
.cart-btn{
  position:relative;
  display:flex;align-items:center;justify-content:center;
  width:40px;height:40px;
  border-radius:50%;
  background:transparent;color:var(--dark);
  border:none;cursor:pointer;
  transition:background .15s;
  flex-shrink:0;
}
.cart-btn:hover{background:var(--surface-2)}
.cart-btn svg{width:24px;height:24px;stroke:var(--dark);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.cart-count{
  position:absolute;top:-2px;right:-2px;
  min-width:18px;height:18px;
  background:var(--dark);color:white;
  border-radius:var(--r-full);
  font-size:10px;font-weight:700;
  display:flex;align-items:center;justify-content:center;
  padding:0 4px;
  border:2px solid var(--bg);
  transition:transform .2s var(--ease-spring),opacity .15s;
}
.cart-count[data-count="0"]{opacity:0;pointer-events:none}
.cart-count.bump{transform:scale(1.4)}

/* ══════════════════════════════════════════
   HERO
══════════════════════════════════════════ */
.hero{
  background:var(--cream-100);
  padding:var(--s10) 0;
  overflow:hidden;
  position:relative;
}
@media(min-width:768px){.hero{padding:var(--s16) 0 calc(var(--s16)*1.25)}}
.hero-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:var(--s8);
  align-items:center;
}
@media(min-width:900px){
  .hero-grid{grid-template-columns:1fr 1fr;gap:var(--s16)}
}
.hero-left{display:flex;flex-direction:column;gap:var(--s6)}
.hero-badge{
  display:inline-flex;align-items:center;gap:8px;
  padding:5px 14px;border-radius:var(--r-full);
  background:var(--primary-lt);border:1px solid var(--primary-md);
  font-size:12px;font-weight:600;color:var(--primary-dk);
  width:fit-content;
}
.hero-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--primary);animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}
.hero-title{font-family:var(--font-display);font-size:clamp(2.4rem,5.4vw,4.2rem);font-weight:600;line-height:1.04;letter-spacing:-.02em;color:var(--dark)}
.hero-title em{font-style:italic;color:var(--terra-500)}
.hero-sub{font-size:16px;line-height:1.65;color:var(--text-mid);max-width:440px}
.hero-ctas{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap}
.btn-primary{
  height:48px;padding:0 var(--s6);border-radius:var(--r-full);
  background:var(--dark);color:white;
  font-size:14px;font-weight:600;
  display:inline-flex;align-items:center;gap:8px;
  transition:all .2s var(--ease);
  box-shadow:0 4px 16px rgba(26,45,36,.18);
}
.btn-primary:hover{background:var(--primary);box-shadow:0 6px 24px rgba(26,45,36,.22);transform:translateY(-1px)}
.btn-secondary{
  height:48px;padding:0 var(--s5);border-radius:var(--r-full);
  border:1.5px solid var(--border-md);
  background:white;color:var(--text);
  font-size:14px;font-weight:500;
  display:inline-flex;align-items:center;gap:6px;
  transition:all .15s;
}
.btn-secondary:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-lt)}
.hero-stats{
  display:flex;align-items:center;gap:var(--s6);
  padding-top:var(--s4);
  border-top:1px solid var(--border);
}
.hstat{display:flex;flex-direction:column;gap:2px}
.hstat-n{font-family:var(--font-display);font-size:1.6rem;font-weight:700;color:var(--dark);letter-spacing:-.02em}
.hstat-l{font-size:11.5px;color:var(--text-muted);font-weight:500}
.hero-visual{position:relative}
.hero-img-wrap{
  border-radius:var(--r-xl);
  overflow:hidden;
  aspect-ratio:4/5;
  background:var(--cream-200);
  box-shadow:var(--shadow-lg);
  position:relative;
}
@media(min-width:900px){.hero-img-wrap{aspect-ratio:3/4}}
.hero-img-wrap img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}
.hero-float{
  position:absolute;
  background:rgba(253,252,250,.95);
  backdrop-filter:blur(16px);
  border-radius:var(--r-md);
  box-shadow:var(--shadow-md);
  border:1px solid rgba(255,255,255,.8);
}
.hf-1{
  bottom:24px;left:12px;
  padding:14px 18px;
  display:flex;align-items:center;gap:12px;
}
@media(min-width:640px){.hf-1{left:-20px}}
.hf-icon{width:40px;height:40px;border-radius:var(--r);background:var(--primary-lt);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.hf-icon img{width:24px;height:24px;object-fit:contain;display:block}
.hf-label{font-size:10px;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px}
.hf-val{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--dark)}
.hf-2{
  top:24px;right:12px;
  padding:10px 16px;
  display:flex;align-items:center;gap:10px;
}
@media(min-width:640px){.hf-2{right:-12px}}
.hf-stars{color:var(--terra-500);font-size:13px;letter-spacing:1px}

/* ══════════════════════════════════════════
   TRUST BAR
══════════════════════════════════════════ */
.trust-bar{
  background:var(--surface);
  border-bottom:1px solid var(--border);
  border-top:1px solid var(--border);
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
.trust-bar::-webkit-scrollbar{display:none}
.trust-inner{
  display:flex;align-items:center;
  padding:18px var(--s4);
  gap:0;
  min-width:max-content;
}
@media(min-width:768px){.trust-inner{justify-content:center;min-width:unset}}
.trust-item{
  display:flex;align-items:center;gap:10px;
  padding:0 var(--s5);
  flex-shrink:0;
}
.trust-sep{width:1px;height:28px;background:var(--border);flex-shrink:0}
.trust-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.trust-icon svg{display:block;color:var(--dark)}{width:44px;height:44px;object-fit:contain}
.trust-text strong{display:block;font-size:13px;font-weight:600;color:var(--dark)}
.trust-text span{font-size:11.5px;color:var(--text-muted)}

/* ══════════════════════════════════════════
   SECTION COMMON
══════════════════════════════════════════ */
.section{padding:var(--s12) 0}
@media(min-width:768px){.section{padding:var(--s16) 0}}
.section-head{margin-bottom:var(--s8)}
@media(min-width:768px){.section-head{margin-bottom:var(--s12)}}
.section-kicker{display:flex;align-items:center;gap:8px;margin-bottom:var(--s3);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--primary)}
.section-kicker::before{content:'';width:18px;height:2px;background:var(--primary);border-radius:2px;flex-shrink:0}
.section-title{font-family:var(--font-display);font-size:clamp(1.6rem,4vw,2.6rem);font-weight:600;letter-spacing:-.025em;color:var(--dark);line-height:1.1}
.section-sub{font-size:15px;color:var(--text-mid);line-height:1.6;margin-top:var(--s3);max-width:520px}

/* ══════════════════════════════════════════
   FILTERS
══════════════════════════════════════════ */
.filters-wrap{
  position:sticky;top:60px;z-index:50;
  background:rgba(253,252,250,.95);
  backdrop-filter:blur(16px);
  border-bottom:1px solid var(--border);
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
.filters-wrap::-webkit-scrollbar{display:none}
.filters{
  display:flex;align-items:center;gap:var(--s2);
  padding:10px var(--s4);
  min-width:max-content;
}
@media(min-width:768px){.filters{padding:12px var(--s8);min-width:unset;justify-content:flex-start;gap:10px}}
.filters-viewmore{margin-left:auto;font-size:14px;font-weight:600;color:var(--dark);text-decoration:underline;text-underline-offset:3px;white-space:nowrap;cursor:pointer;align-self:center;background:none;border:none}
.filters-viewmore:hover{color:var(--primary)}
.filters-wrap .container{max-width:1720px}
.filter-btn{
  height:44px;padding:0 18px;
  border-radius:var(--r-full);
  border:1.5px solid var(--border);
  background:white;color:var(--text-mid);
  font-size:13px;font-weight:500;
  flex-shrink:0;
  transition:all .15s;
  white-space:nowrap;
  display:inline-flex;align-items:center;gap:8px;
}
.filter-btn img{width:28px;height:28px;object-fit:contain;flex-shrink:0;border-radius:4px}
.filter-btn:hover{border-color:var(--primary-md);color:var(--primary);background:var(--primary-lt)}
.filter-btn.active{background:var(--dark);border-color:var(--dark);color:white;font-weight:600}

/* ══════════════════════════════════════════
   PRODUCTS GRID
══════════════════════════════════════════ */
.products-section{padding:var(--s10) 0 var(--s16)}
.products-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}
@media(min-width:480px){.products-grid{grid-template-columns:repeat(2,1fr);gap:12px}}
@media(min-width:640px){.products-grid{grid-template-columns:repeat(2,1fr);gap:16px}}
@media(min-width:900px){.products-grid{grid-template-columns:repeat(3,1fr);gap:16px}}
@media(min-width:1200px){.products-grid{grid-template-columns:repeat(4,1fr);gap:14px}}
/* wider product grid → bigger cards (Momcozy-style) */
.products-section .container{max-width:1720px;padding-left:16px;padding-right:16px}
@media(min-width:1600px){.products-grid{gap:30px}}

/* ── Category Divider ── */
.cat-divider{
  grid-column:1/-1;
  width:100%;box-sizing:border-box;
  display:flex;align-items:center;gap:var(--s3);
  padding:10px 16px;
  border-radius:var(--r);
  cursor:pointer;user-select:none;
  transition:box-shadow .15s;
  background:var(--surface-2);
  border:1px solid var(--border);
  margin-top:var(--s4);
}
.cat-divider:first-child{margin-top:0}
.cat-divider:hover{box-shadow:var(--shadow-sm)}
.cat-div-chevron{margin-left:auto;display:grid;place-items:center;flex-shrink:0;transition:transform .25s var(--ease);color:var(--text-muted)}
.cat-divider.collapsed .cat-div-chevron{transform:rotate(-90deg)}
.cat-divider .cat-div-count{margin-left:0}
.pcard.section-collapsed{display:none!important}
.cat-divider[data-cat-div="feeding"]{background:var(--tint-feeding);border-color:var(--line-feeding);border-left:4px solid var(--terra-300)}
.cat-divider[data-cat-div="sleeping"]{background:var(--tint-sleeping);border-color:var(--line-sleeping);border-left:4px solid #A9B8D8}
.cat-divider[data-cat-div="mommies"]{background:var(--tint-mommies);border-color:var(--line-mommies);border-left:4px solid #E08FAE}
.cat-divider[data-cat-div="care"]{background:var(--tint-care);border-color:var(--line-care);border-left:4px solid var(--sage-300)}
.cat-div-icon{font-size:18px;line-height:1;display:flex;align-items:center}.cat-div-icon img{width:22px;height:22px;object-fit:contain;display:block}
.cat-div-label{font-size:13px;font-weight:700;color:var(--dark);letter-spacing:.01em}
.cat-div-count{font-size:11px;color:var(--text-muted);margin-left:auto}

/* ── Product Card ── */
.pcard{
  background:var(--surface);
  border-radius:var(--r-lg);
  overflow:hidden;
  border:1px solid var(--border);
  position:relative;
  transition:transform .25s var(--ease), box-shadow .25s var(--ease), border-color .25s;
  cursor:pointer;
  display:flex;flex-direction:column;
}
.pcard:hover{
  transform:translateY(-3px);
  box-shadow:var(--shadow-md);
  border-color:var(--border-md);
}

/* Image */
.pcard-img{
  aspect-ratio:1;
  position:relative;overflow:hidden;
  background:#fff;
  flex-shrink:0;
  border-bottom:none;
}
.pcard-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease)}
.pcard:hover .pcard-img img{transform:scale(1.04)}
.pcard-img-click{cursor:zoom-in}

/* Quick View overlay */
.qv-overlay{
  position:absolute;inset:0;
  display:flex;align-items:flex-end;justify-content:center;
  padding-bottom:14px;
  opacity:0;
  transition:opacity .2s;
  pointer-events:none;
}
.pcard:hover .qv-overlay{opacity:1;pointer-events:auto}
.qv-btn{
  height:36px;padding:0 18px;
  border-radius:var(--r-full);
  background:rgba(26,45,36,.88);
  backdrop-filter:blur(8px);
  color:white;font-size:12px;font-weight:600;
  border:1px solid rgba(255,255,255,.15);
  letter-spacing:.02em;
  transform:translateY(8px);
  transition:transform .2s var(--ease);
}
.pcard:hover .qv-btn{transform:translateY(0)}

/* Badges */
.badge-icon{width:20px;height:20px;object-fit:contain;vertical-align:middle;margin-right:4px;display:inline-block}
.pbadge{
  position:absolute;top:10px;left:10px;z-index:5;
  padding:3px 9px;border-radius:4px;
  font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  background:#1a2d24;color:white;
  display:inline-flex;align-items:center;
  box-shadow:none;border:none;backdrop-filter:none;
}
.badge-icon{display:none}
.bundle-ribbon{
  position:absolute;top:10px;right:10px;z-index:6;pointer-events:none;
  display:flex;align-items:center;
  padding:3px 9px;border-radius:4px;
  background:#4a7b61;color:white;
  box-shadow:none;border:none;backdrop-filter:none;animation:none;
}
.bundle-ribbon img{display:none}
.bundle-ribbon::before{content:none}
.bundle-ribbon::after{
  content:'Bundle';font-size:10px;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;color:white;display:block;
  background:none;-webkit-text-fill-color:white;
}
@keyframes bfloat{0%,100%,50%{transform:none}}
/* Card body */
.pcard-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px;flex:1}
@media(min-width:640px){.pcard-body{padding:14px 16px 16px}}
.pcard-cat{font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}
.pcard-name{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--dark);line-height:1.25;letter-spacing:-.01em}
@media(min-width:640px){.pcard-name{font-size:1.05rem}}
.pcard-rating{font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:4px}
.stars{color:var(--terra-500);letter-spacing:1px}
.pcard-sizes{display:flex;gap:4px;flex-wrap:wrap;margin:2px 0}
.size-opt{
  font-size:10.5px;font-weight:600;padding:3px 8px;
  border-radius:var(--r-sm);border:1.5px solid var(--border-md);
  cursor:pointer;color:var(--text-mid);transition:all .13s;
  background:white;user-select:none;white-space:nowrap;
}
.size-opt:hover{border-color:var(--sage-500);color:var(--sage-700)}.size-opt.active{background:var(--sage-50);color:var(--sage-700);border-color:var(--sage-500);font-weight:700}.pcard-animal-icon{width:16px;height:16px;object-fit:contain;flex-shrink:0;vertical-align:middle}
.pcard-color-label{font-size:11px;color:var(--text-muted);margin-top:1px}
.pcard-color-label b{color:var(--text);font-weight:600}
.pcard-swatches{display:flex;gap:5px;flex-wrap:wrap;align-items:center}
.swatch{
  width:20px;height:20px;border-radius:50%;cursor:pointer;
  border:2.5px solid transparent;transition:all .15s;
  display:inline-block;box-sizing:border-box;flex-shrink:0;
}
.swatch.active,.swatch:hover{border-color:var(--sage-600);transform:scale(1.15);box-shadow:0 0 0 2px #fff inset}
.pcard-swatches.has-overflow .swatch:nth-of-type(n+4){display:none}
.swatch-more{display:inline-flex;align-items:center;justify-content:center;width:28px;height:20px;border-radius:var(--r-full);background:var(--cream-100);font-size:10.5px;font-weight:700;color:var(--text);cursor:pointer;border:1.5px solid var(--border-md);transition:background .15s,border-color .15s;flex-shrink:0;position:relative}
.swatch-more:hover{background:#fff;border-color:var(--dark)}
.swatch-more-tip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);background:var(--dark);color:#fff;font-size:11px;font-weight:600;padding:5px 9px;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s}
.swatch-more:hover .swatch-more-tip{opacity:1}

/* Urgency */
.pcard-urgency{
  font-size:11px;font-weight:600;
  display:flex;align-items:center;gap:5px;
  color:var(--text-muted);margin-top:2px;
}
.urgency-dot{width:6px;height:6px;border-radius:50%;background:#E55252;animation:pulse 1.5s infinite;flex-shrink:0}
.pcard-urgency.in-stock{color:var(--sage-500);font-weight:500;opacity:.85}
.pcard-urgency.in-stock .urgency-dot{background:var(--primary);animation:none}

/* Footer */
.pcard-footer{
  display:flex;align-items:center;justify-content:space-between;
  gap:8px;margin-top:auto;padding-top:10px;
  border-top:1px solid var(--border);
}
.pcard-price-row{display:flex;align-items:baseline;gap:5px}
.pcard-price{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--dark)}
.pcard-was{font-size:12px;color:var(--text-muted);text-decoration:line-through}
.pcard-save{font-size:10.5px;font-weight:700;padding:2px 7px;border-radius:var(--r-full);background:var(--terra-50);color:var(--terra-600)}
.pcard-add{
  width:36px;height:36px;border-radius:50%;
  background:var(--dark);color:white;
  font-size:20px;font-weight:300;line-height:1;
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
  transition:all .18s var(--ease);
  box-shadow:var(--shadow-xs);
}
.pcard-add:hover{background:var(--primary);transform:scale(1.1);box-shadow:var(--shadow-sm)}

/* ══════════════════════════════════════════
   PRODUCT POPUP (QUICK VIEW)
══════════════════════════════════════════ */
#product-popup{
  position:fixed;inset:0;z-index:500;
  display:flex;align-items:center;justify-content:center;
  opacity:0;pointer-events:none;transition:opacity .25s;
  padding:var(--s4);
}
#product-popup.open{opacity:1;pointer-events:auto}
#pp-overlay{position:absolute;inset:0;background:rgba(26,45,36,.45);backdrop-filter:blur(4px)}
#pp-box{
  position:relative;background:var(--surface);
  border-radius:var(--r-xl);
  max-width:860px;width:100%;
  max-height:90vh;overflow-y:auto;
  display:flex;flex-direction:row;
  box-shadow:var(--shadow-lg);z-index:1;
}
#pp-close{
  position:absolute;top:14px;right:14px;
  width:34px;height:34px;border-radius:50%;
  background:var(--cream-100);border:1px solid var(--border);
  font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;
  z-index:10;transition:.15s;color:var(--text-mid);
}
#pp-close:hover{background:var(--dark);color:white;border-color:var(--dark)}
.pp-gal{width:47%;flex-shrink:0;padding:20px;display:flex;flex-direction:column;gap:10px}
.pp-main-wrap{position:relative}
#pp-main{width:100%;aspect-ratio:1;object-fit:cover;border-radius:18px;background:#fff;display:block;padding:0;overflow:hidden}
.pp-arrow{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;background:#1A2D24;color:#fff;display:grid;place-items:center;cursor:pointer;border:none;opacity:0;transition:opacity .18s var(--ease),background .15s;z-index:3}
.pp-main-wrap:hover .pp-arrow{opacity:.92}
.pp-arrow:hover{background:#000;opacity:1!important}
.pp-arrow.prev{left:10px}
.pp-arrow.next{right:10px}
.pp-arrow.disabled{opacity:.3!important;pointer-events:none}
@media(max-width:600px){.pp-arrow{opacity:.92}}
.pp-thumbs{display:flex;gap:6px;flex-wrap:wrap}
.pp-thumb{width:52px;height:52px;border-radius:var(--r);object-fit:cover;cursor:pointer;border:2px solid transparent;transition:all .15s;background:var(--cream-100)}
.pp-thumb.active,.pp-thumb:hover{border-color:var(--primary)}
.pp-info{padding:24px 22px 24px 4px;flex:1;display:flex;flex-direction:column;gap:10px;min-width:0}
.pp-pcat{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}
.pp-ptitle{font-family:var(--font-display);font-size:1.3rem;font-weight:700;color:var(--dark);line-height:1.2;letter-spacing:-.015em}
#pp-specs{display:grid;grid-template-columns:1fr 1fr;gap:5px 12px;margin:0}
.pp-accordion{margin:6px 0 4px;border-top:1px solid var(--border)}
.pp-acc-item{border-bottom:1px solid var(--border)}
.pp-acc-head{
  width:100%;display:flex;align-items:center;justify-content:space-between;
  padding:14px 0;background:none;border:none;cursor:pointer;
  font-family:var(--font-body);font-size:15px;font-weight:700;color:var(--dark);text-align:left;
  transition:color .15s;
}
.pp-acc-head:hover{color:var(--primary)}
.pp-acc-icon{position:relative;width:14px;height:14px;flex-shrink:0;display:inline-block}
.pp-acc-icon span{position:absolute;top:50%;left:50%;background:var(--dark);border-radius:1px;transition:transform .25s var(--ease),opacity .2s}
.pp-acc-icon span:first-child{width:14px;height:2px;transform:translate(-50%,-50%)}
.pp-acc-icon span:last-child{width:2px;height:14px;transform:translate(-50%,-50%)}
.pp-acc-item.open .pp-acc-icon span:last-child{transform:translate(-50%,-50%) rotate(90deg);opacity:0}
.pp-acc-body{max-height:0;overflow:hidden;transition:max-height .35s var(--ease)}
.pp-acc-item.open .pp-acc-body{max-height:600px}
.pp-acc-body > div{padding:0 0 16px}
.pp-acc-body #pp-desc{font-size:14px;color:var(--text-mid);line-height:1.65}
.pp-acc-body.pp-clamped{position:relative}
.pp-acc-body.pp-clamped::after{content:"";position:absolute;left:0;right:0;bottom:0;height:38px;background:linear-gradient(rgba(255,255,255,0),#fff);pointer-events:none}
.pp-readmore{display:none;margin:-4px 0 14px;background:none;border:0;color:var(--primary);font-weight:700;font-size:13px;cursor:pointer;font-family:inherit;padding:0}
.pp-readmore:hover{text-decoration:underline}
.pp-spec-item{display:flex;align-items:flex-start;gap:6px;font-size:12.5px;color:var(--text-mid);line-height:1.4}
.pp-spec-item{display:flex;align-items:flex-start;gap:6px;font-size:11.5px;color:var(--text-mid);line-height:1.4}
.pp-spec-item span{flex:1}
@media(max-width:480px){#pp-specs{grid-template-columns:1fr}}
.pp-prating{font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:4px}
.pp-pprice-row{display:flex;align-items:baseline;gap:7px}
.pp-pprice{font-family:var(--font-display);font-size:1.6rem;font-weight:700;color:var(--dark)}
.pp-pwas{font-size:13px;color:var(--text-muted);text-decoration:line-through}
.pp-psave{font-size:10px;font-weight:700;padding:2px 8px;border-radius:var(--r-full);background:#DCFCE7;color:#14532D}
.pp-varlabel{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-top:9px;margin-bottom:3px}
.pp-swatches{display:flex;gap:8px;flex-wrap:wrap}
.pp-swatch{
  position:relative;display:inline-flex;align-items:center;gap:9px;
  padding:6px 16px 6px 7px;border-radius:9999px;cursor:pointer;
  border:2px solid var(--border-md);background:#fff;
  transition:border-color .18s,background .15s;
  font-size:13px;font-weight:600;color:var(--text);
  box-sizing:border-box;
}
.pp-swatch::before{
  content:'';width:22px;height:22px;border-radius:50%;
  background:var(--pp-swatch-color, #ccc);
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.06);
  flex-shrink:0;
}
.pp-swatch:hover{border-color:var(--text)}
.pp-swatch.active{border-color:var(--primary);border-width:2px}
.pp-swatch-name{white-space:nowrap}
.pp-swatch.has-img::before{display:none}
.pp-sw-img{width:24px;height:24px;border-radius:50%;object-fit:cover;flex-shrink:0;background:var(--cream-100);box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.pp-sizes{display:flex;gap:6px;flex-wrap:wrap}
.pp-size{font-size:12px;font-weight:700;padding:5px 12px;border-radius:var(--r);border:1.5px solid var(--border-md);cursor:pointer;transition:all .13s;background:white;color:var(--dark)}
.pp-size.active,.pp-size:hover{background:var(--dark);color:white;border-color:var(--dark)}
.pp-chiprow{display:flex;gap:8px;flex-wrap:wrap}
.pp-chip{display:inline-flex;align-items:center;gap:8px;padding:5px 13px 5px 5px;border-radius:9999px;border:2px solid var(--border-md);background:#fff;cursor:pointer;font-size:12.5px;font-weight:600;color:var(--text);transition:border-color .18s;box-sizing:border-box;line-height:1.1}
.pp-chip img{width:34px;height:34px;border-radius:50%;object-fit:cover;flex-shrink:0;background:var(--cream-100)}
.pp-chip.txt{padding:7px 15px}
.pp-chip:hover{border-color:var(--text)}
.pp-chip.active{border-color:var(--primary);border-width:2px}
@media(max-width:600px){.pp-chip{font-size:11.5px;padding:4px 11px 4px 4px}.pp-chip img{width:30px;height:30px}}
.pp-axlabel{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-top:7px;margin-bottom:3px}
.pp-axrow{display:flex;gap:6px;flex-wrap:wrap}
.pp-axbtn{font-size:12px;font-weight:700;padding:5px 15px;border-radius:9999px;border:1.5px solid var(--border-md);cursor:pointer;background:#fff;color:var(--dark);transition:all .13s}
.pp-axbtn.active,.pp-axbtn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}
.pp-type-tabs{display:flex;gap:5px;flex-wrap:wrap}
.pp-type-tab{font-size:11px;font-weight:700;padding:4px 12px;border-radius:var(--r-full);border:1.5px solid var(--border-md);cursor:pointer;background:white;color:var(--dark);transition:all .13s}
.pp-type-tab.active{background:var(--dark);color:white}
#pp-add-btn{
  margin-top:auto;padding:14px;border-radius:var(--r-md);
  background:linear-gradient(95deg,#1F1F1F 0%,#2A2424 45%,#7A2E2E 100%);
  color:white;font-size:14px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
  border:none;cursor:pointer;transition:all .2s;width:100%;
  display:flex;align-items:center;justify-content:center;gap:8px;
  box-shadow:0 4px 16px rgba(26,45,36,.18);
}
#pp-add-btn:hover{background:linear-gradient(95deg,#0F0F0F 0%,#1F1818 45%,#9C3838 100%);box-shadow:0 6px 24px rgba(0,0,0,.25)}#pp-shop-btn{margin-top:8px;padding:13px;border-radius:50px;background:#5a31f4;color:white;font-size:14px;font-weight:700;border:none;cursor:pointer;transition:all .2s;width:100%;letter-spacing:.2px}
#pp-shop-btn:hover{background:#4a25d4}
#pp-shop-btn:disabled{opacity:.6;cursor:not-allowed}
/* Dynamic checkout buttons (Shop Pay / Apple Pay / PayPal) — Shopify injects these via shopify_payment_button */
.shopify-payment-button{display:none}
.shopify-payment-button__button{width:100%!important;border-radius:var(--r-md)!important;padding:13px!important;font-weight:600!important}
/* More payment methods banner */
.pp-more-pay{
  margin-top:8px;background:#FFE8C2;border-radius:var(--r-md);
  padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;
  font-size:13px;font-weight:700;color:var(--dark);cursor:default;
}
.pp-more-pay-logos{display:flex;align-items:center;gap:6px}
.pp-more-pay-logos img{height:18px;display:block}
.pp-installments{text-align:center;font-size:12px;color:var(--text-mid);margin-top:8px;font-weight:500}
.pp-share{display:flex;align-items:center;gap:14px;margin-top:18px;padding-top:14px;border-top:1px solid var(--border)}
.pp-share-label{font-size:14px;font-weight:600;color:var(--text)}
.pp-share-btn{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:var(--text);text-decoration:none;transition:background .15s,color .15s,transform .12s}
.pp-share-btn:hover{background:var(--cream-100);color:var(--dark);transform:translateY(-1px)}
/* Footer email + social */
.footer-email{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-size:14px;font-weight:500;color:var(--text);text-decoration:none;transition:color .15s}
.footer-email:hover{color:var(--terra-500)}
.footer-social{display:flex;gap:10px;margin-top:18px}
.footer-social-btn{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--cream-100);color:var(--text);text-decoration:none;transition:background .15s,color .15s,transform .15s}
.footer-social-btn:hover{background:var(--dark);color:#fff;transform:translateY(-2px)}
.pp-installments strong{color:var(--dark);font-weight:600}

/* Mobile popup */
@media(max-width:600px){
  #pp-box{flex-direction:column;border-radius:var(--r-xl) var(--r-xl) 0 0;position:fixed;bottom:0;left:0;right:0;width:100%;max-width:100%;max-height:93vh}
  #product-popup{align-items:flex-end;padding:0}
  .pp-gal{width:100%;padding:14px 14px 0;flex-shrink:0;flex-direction:column}
  #pp-main{aspect-ratio:1;border-radius:18px;padding:0;overflow:hidden;object-fit:cover}
  .pp-thumbs{gap:5px;order:0;flex-direction:row;flex:none;flex-wrap:wrap;max-height:none}
  .pp-thumb{width:44px;height:44px}
  .pp-info{width:100%;padding:14px 16px 20px;overflow-y:auto;max-height:54vh}
  .pp-ptitle{font-size:1.15rem}
  .pp-pprice{font-size:1.35rem}
  .pp-info>div:last-child{flex-wrap:wrap;gap:8px;font-size:11px}
}

/* ── Bundle Pricing ── */
.bundle-wrap{margin:12px 0 8px}
.bundle-title{font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px}
.bundle-urgency{display:inline-block;background:#FEF3C7;color:#92400E;font-size:11px;font-weight:700;padding:2px 9px;border-radius:var(--r-full);margin-bottom:10px}
.bundle-option{
  display:flex;align-items:center;gap:10px;
  padding:10px 12px;border:1.5px solid var(--border);
  border-radius:var(--r-md);cursor:pointer;margin-bottom:6px;
  position:relative;transition:all .15s;background:white;
}
.bundle-option:hover{border-color:var(--border-md)}
.bundle-option.selected{border-color:var(--dark);background:var(--sage-50)}
.bundle-option.popular{border-color:var(--primary)}
.bundle-option.popular.selected{border-color:var(--primary);background:var(--primary-lt)}
.bundle-radio{width:16px;height:16px;border-radius:50%;border:2px solid var(--border-md);flex-shrink:0;transition:all .15s;display:flex;align-items:center;justify-content:center}
.bundle-option.selected .bundle-radio{border-color:var(--dark);background:var(--dark)}
.bundle-option.popular.selected .bundle-radio{border-color:var(--primary);background:var(--primary)}
.bundle-radio-dot{width:6px;height:6px;border-radius:50%;background:white}
.bundle-label{flex:1}
.bundle-name{font-size:13px;font-weight:700;color:var(--dark)}
.bundle-each{font-size:11px;color:var(--text-muted);margin-top:1px}
.bundle-price-col{text-align:right}
.bundle-price{font-size:14px;font-weight:800;color:var(--dark)}
.bundle-was{font-size:11px;color:var(--text-muted);text-decoration:line-through}
.bundle-badge-popular{position:absolute;top:-9px;right:10px;background:var(--primary);color:white;font-size:10px;font-weight:800;padding:2px 9px;border-radius:var(--r-full);letter-spacing:.04em}
.bundle-items{margin-top:14px;padding:14px;background:#faf7f8;border-radius:16px;border:1px solid #f1e7ec}
.bundle-items-title{font-size:11px;font-weight:700;color:var(--text-muted);margin-bottom:10px;letter-spacing:.08em;text-transform:uppercase}
.bundle-item-row{display:flex;align-items:center;gap:11px;margin-bottom:8px;padding:11px 13px;background:#fff;border-radius:13px;border:1px solid #efe7ea;transition:border-color .15s,box-shadow .15s}
.bundle-item-row:last-child{margin-bottom:0}
.bundle-item-row:hover{border-color:#e3c5cf;box-shadow:0 2px 10px rgba(200,69,108,.06)}
.bundle-item-num{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--primary);color:#fff;font-size:11px;font-weight:700;flex-shrink:0;letter-spacing:-.02em}
.bundle-item-select{flex:1;padding:10px 34px 10px 13px;border:1.5px solid var(--border-md);border-radius:11px;font-size:13px;font-weight:600;color:var(--dark);background-color:#fff;cursor:pointer;max-width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;background-size:14px}
.bundle-item-select:hover{border-color:#d9b3c0}
.bundle-item-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(200,69,108,.13)}
/* custom dropdown */
.bsel{position:relative;flex:1;min-width:0}
.bsel-btn{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:10px 12px;border:1.5px solid var(--border-md);border-radius:11px;background:#fff;font-size:13px;font-weight:600;color:var(--dark);cursor:pointer;font-family:inherit;text-align:left}
.bsel-btn:hover{border-color:#d9b3c0}
.bsel.open .bsel-btn{border-color:var(--primary);box-shadow:0 0 0 3px rgba(200,69,108,.13)}
.bsel-cur{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bsel-chev{flex-shrink:0;color:#999;transition:transform .18s}
.bsel.open .bsel-chev{transform:rotate(180deg);color:var(--primary)}
.bsel-list{position:fixed;z-index:3000;background:#fff;border:1px solid #eee;border-radius:12px;box-shadow:0 12px 34px rgba(0,0,0,.16);padding:6px;max-height:280px;overflow-y:auto;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .14s,transform .14s}
.bsel.open .bsel-list{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)}
.bsel-opt{padding:9px 11px;border-radius:8px;font-size:13px;font-weight:500;color:var(--dark);cursor:pointer;transition:background .12s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bsel-opt:hover{background:#faf2f5}
.bsel-opt.on{background:rgba(200,69,108,.1);color:var(--primary);font-weight:700}
.bsel-opt.dis{color:#bbb;cursor:not-allowed}
.bsel-opt.dis:hover{background:none}
.bundle-item-swatches{display:flex;gap:5px;flex-wrap:wrap;align-items:center}
.bundle-item-swatch{width:19px;height:19px;border-radius:50%;cursor:pointer;border:2.5px solid transparent;transition:all .13s;flex-shrink:0}
.bundle-item-swatch.active{border-color:var(--dark);transform:scale(1.18)}
.bundle-item-label{font-size:11px;color:var(--text-muted);margin-left:4px}

/* ── Shipping Progress ── */
.ship-bar-wrap{padding:10px 0 6px}
.ship-bar-track{height:6px;background:var(--border);border-radius:var(--r-full);overflow:hidden;margin-bottom:6px}
.ship-bar-fill{height:100%;border-radius:var(--r-full);background:linear-gradient(90deg,var(--sage-300),var(--sage-500));transition:width .4s var(--ease)}
.ship-bar-text{font-size:12px;color:var(--text-mid);display:flex;align-items:center;justify-content:space-between}
.ship-bar-text strong{color:var(--primary)}

/* ══════════════════════════════════════════
   CART SIDEBAR
══════════════════════════════════════════ */
#cart-overlay{position:fixed;inset:0;background:rgba(26,45,36,.4);z-index:400;opacity:0;pointer-events:none;transition:opacity .25s;backdrop-filter:blur(3px)}
#cart-overlay.open{opacity:1;pointer-events:auto}
#cart-sidebar{
  position:fixed;top:0;right:0;bottom:0;
  width:min(400px,100vw);
  background:var(--surface);z-index:401;
  transform:translateX(100%);transition:transform .32s var(--ease);
  display:flex;flex-direction:column;
  box-shadow:-8px 0 48px rgba(26,45,36,.1);
}
#cart-sidebar.open{transform:translateX(0)}
.cart-header{
  padding:20px var(--s5);
  border-bottom:1px solid var(--border);
  display:flex;align-items:center;justify-content:space-between;
}
.cart-header h3{font-family:var(--font-display);font-size:1.2rem;font-weight:700;color:var(--dark)}
.cart-close{width:32px;height:32px;border-radius:50%;background:var(--cream-100);border:1px solid var(--border);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-mid);transition:.15s}
.cart-close:hover{background:var(--dark);color:white}
.cart-items{flex:1;overflow-y:auto;padding:var(--s5)}
.cart-empty{text-align:center;padding:var(--s16) var(--s5);color:var(--text-muted)}
.cart-empty-icon{margin-bottom:var(--s4);display:flex;justify-content:center}.cart-empty-icon img{width:56px;height:56px;object-fit:contain;opacity:.7}
.cart-empty p{font-size:14px}
.cart-item{display:flex;align-items:flex-start;gap:var(--s3);padding:var(--s4) 0;border-bottom:1px solid var(--border)}
.cart-item:last-child{border-bottom:none}
.ci-emoji{font-size:28px;width:44px;height:44px;border-radius:var(--r);background:var(--cream-100);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ci-info{flex:1;min-width:0}
.ci-name{font-size:13px;font-weight:600;color:var(--dark);line-height:1.3;margin-bottom:3px}
.ci-price{font-size:13px;color:var(--text-mid)}
.ci-qty{display:flex;align-items:center;gap:8px;margin-top:8px}
.ci-qty button{width:26px;height:26px;border-radius:50%;border:1.5px solid var(--border-md);background:white;font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:500;color:var(--text-mid);transition:.13s}
.ci-qty button:hover{border-color:var(--primary);color:var(--primary)}
.ci-qty span{font-size:14px;font-weight:600;color:var(--dark);min-width:20px;text-align:center}
.ci-remove{font-size:11px;color:var(--text-muted);cursor:pointer;padding:2px 4px;margin-left:auto;transition:color .13s}
.ci-remove:hover{color:#E55252}
.cart-footer{padding:var(--s5);border-top:1px solid var(--border)}
.cart-subtotal{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--s4)}
.cart-subtotal span:first-child{font-size:13px;color:var(--text-muted)}
.cart-subtotal span:last-child{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--dark)}
.ship-notice{font-size:12px;color:var(--primary);text-align:center;margin-bottom:var(--s4);font-weight:500}
.checkout-btn{
  width:100%;height:50px;border-radius:var(--r-md);
  background:var(--dark);color:white;
  font-size:15px;font-weight:700;
  display:flex;align-items:center;justify-content:center;gap:8px;
  transition:all .2s;box-shadow:0 4px 16px rgba(26,45,36,.18);
}
.checkout-btn:hover{background:var(--primary);box-shadow:0 6px 24px rgba(26,45,36,.22)}

/* ══════════════════════════════════════════
   REVIEWS SECTION
══════════════════════════════════════════ */
.reviews-section{background:#fff;padding:var(--s12) 0}
@media(min-width:768px){.reviews-section{padding:var(--s16) 0}}
.tp-badge-row{display:flex;justify-content:center;margin-bottom:var(--s8)}
.tp-badge{display:inline-flex;align-items:center;gap:12px;background:#f7f7f7;border:1px solid #e3e3e3;border-radius:100px;padding:9px 20px 9px 12px}
.tp-logo-star{width:30px;height:30px;flex-shrink:0}
.tp-badge-info{display:flex;flex-direction:column;line-height:1;gap:4px}
.tp-badge-score{font-size:13px;font-weight:700;color:#191919}
.tp-badge-count{font-size:11px;color:#777}
.tp-badge-stars{display:flex;gap:2px;margin-left:4px}
.tp-badge-star{width:18px;height:18px;background:#00B67A;display:inline-flex;align-items:center;justify-content:center;font-size:11px;color:#fff}
.tp-carousel-outer{overflow:hidden;position:relative}
.tp-track{display:flex;gap:16px;transition:transform .45s cubic-bezier(.25,.46,.45,.94);will-change:transform}
.tp-slide{flex:0 0 calc((100% - 32px) / 3)}
@media(max-width:767px){.tp-slide{flex:0 0 100%}}
@media(min-width:768px) and (max-width:1023px){.tp-slide{flex:0 0 calc(50% - 8px)}}
.tcard{background:#fff;border:1px solid var(--border);border-radius:var(--r-lg);padding:24px 24px 20px;display:flex;flex-direction:column;gap:10px;min-height:200px;box-sizing:border-box;box-shadow:var(--shadow-xs);overflow:hidden;transition:box-shadow .25s var(--ease),transform .25s var(--ease)}.tcard:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}
.tcard-tp-stars{display:flex;gap:2px;flex-shrink:0}
.tcard-flag,.tcard-flag-wrap{flex-shrink:0;margin-right:4px;display:inline-block;line-height:0;box-shadow:0 1px 2px rgba(0,0,0,.08);border-radius:2.5px}
.tcard-tp-star{width:22px;height:22px;background:#00B67A;display:inline-flex;align-items:center;justify-content:center;font-size:11px;color:#fff;flex-shrink:0}
.tcard-text{font-size:14px;line-height:1.65;color:#444;flex:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.tcard-author{margin-top:auto;padding-top:10px;border-top:1px solid #f2f2f2;flex-shrink:0}
.tcard-name-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.tcard-verified{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:500;color:var(--text-muted);background:var(--surface-2);border-radius:20px;padding:2px 8px;white-space:nowrap}
.tcard-verified svg{width:12px;height:12px;flex-shrink:0}
.tcard-name{font-size:13px;font-weight:700;color:#1a1a1a;line-height:1.3}
.tcard-date{font-size:11.5px;color:#bbb;margin-top:2px}
.tp-nav{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:28px}
.tp-arrow{width:38px;height:38px;border-radius:50%;border:1.5px solid #ddd;background:#fff;cursor:pointer;font-size:22px;color:var(--text-mid);display:inline-flex;align-items:center;justify-content:center;transition:all .2s;line-height:1;padding:0}
.tp-arrow:hover{border-color:#00B67A;color:#00B67A;background:#f0fbf7}
.tp-dots{display:flex;gap:6px;align-items:center}
.tp-dot{width:7px;height:7px;border-radius:50%;background:#ddd;cursor:pointer;transition:all .3s;border:none;padding:0;outline:none;flex-shrink:0}
.tp-dot.active{background:#00B67A;width:20px;border-radius:4px}

/* ══════════════════════════════════════════
   WHY MYBULBY
══════════════════════════════════════════ */
.why-section{padding:var(--s12) 0}
@media(min-width:768px){.why-section{padding:var(--s16) 0}}
.why-grid{display:grid;grid-template-columns:1fr;gap:var(--s12);align-items:center}
@media(min-width:900px){.why-grid{grid-template-columns:1fr 1fr;gap:var(--s16)}}
.why-features{display:flex;flex-direction:column;gap:0;margin-top:var(--s8)}
.why-feat{display:flex;align-items:flex-start;gap:var(--s4);padding:var(--s5) 0;border-bottom:1px solid var(--border)}
.why-feat:first-child{padding-top:0}
.why-feat:last-child{border-bottom:none}
.wf-icon{width:44px;height:44px;border-radius:var(--r-md);background:var(--primary-lt);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;border:1px solid var(--primary-md)}.wf-icon img{width:26px;height:26px;object-fit:contain;display:block}
.wf-text strong{display:block;font-size:15px;font-weight:600;color:var(--dark);margin-bottom:3px}
.wf-text p{font-size:13.5px;color:var(--text-mid);line-height:1.55}
.why-visual{
  border-radius:var(--r-xl);overflow:hidden;
  aspect-ratio:4/3;background:#ffffff;
  position:relative;
  box-shadow:var(--shadow-lg);
}
.why-visual img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;
  -webkit-mask-image:linear-gradient(to right, transparent 0%, black 15%, black 85%, transparent 100%), linear-gradient(to bottom, transparent 0%, black 8%, black 100%, black 100%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(to right, transparent 0%, black 15%, black 85%, transparent 100%), linear-gradient(to bottom, transparent 0%, black 8%, black 100%, black 100%);
  mask-composite:intersect;
}
.why-stat-grid{
  position:absolute;bottom:0;left:0;right:0;
  display:grid;grid-template-columns:1fr 1fr;
  gap:1px;background:var(--border);
}
.wstat{background:rgba(0,0,0,0.18);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:10px 18px;text-align:center}
.wstat-n{font-family:var(--font-display);font-size:1.4rem;font-weight:700;color:#fff;letter-spacing:-.02em}
.wstat-l{font-size:10px;color:rgba(255,255,255,0.82);font-weight:500;text-transform:uppercase;letter-spacing:.05em}

/* ══════════════════════════════════════════
   GUARANTEE
══════════════════════════════════════════ */
.guarantee-section{
  background:linear-gradient(155deg,var(--sage-600) 0%,var(--sage-700) 45%,var(--sage-900) 100%);
  position:relative;overflow:hidden;
  padding:var(--s12) 0;
  color:white;
}
.guarantee-section::before{content:'';position:absolute;top:-120px;left:50%;transform:translateX(-50%);width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(232,192,122,.14) 0%,transparent 65%);pointer-events:none}
@media(min-width:768px){.guarantee-section{padding:var(--s16) 0}}
.guarantee-inner{text-align:center;max-width:600px;margin:0 auto}
.guarantee-badge{width:64px;height:64px;border-radius:50%;background:rgba(255,255,255,.15);border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;font-size:28px;margin:0 auto var(--s5)}.guarantee-badge img{width:34px;height:34px;object-fit:contain;filter:brightness(0) invert(1)}
.guarantee-title{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700;color:white;letter-spacing:-.025em;margin-bottom:var(--s3)}
.guarantee-sub{font-size:15px;color:rgba(255,255,255,.8);line-height:1.65}
.guarantee-items{display:flex;justify-content:center;gap:var(--s8);flex-wrap:wrap;margin-top:var(--s8)}
.gi{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:rgba(255,255,255,.9)}
.gi-icon{font-size:18px;display:flex;align-items:center}.gi-icon img{width:26px;height:26px;object-fit:contain;filter:brightness(0) invert(1)}

/* ══════════════════════════════════════════
   FOOTER
══════════════════════════════════════════ */
footer{background:var(--dark);color:rgba(255,255,255,.75);padding:var(--s16) 0 var(--s8)}
.footer-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:var(--s10);
}
@media(min-width:640px){.footer-grid{grid-template-columns:1fr 1fr}}
@media(min-width:900px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}}
.footer-brand{display:flex;flex-direction:column;gap:var(--s4)}
.footer-brand img{width:100%;max-width:260px;height:auto;object-fit:cover;border-radius:12px}
.footer-desc{font-size:13.5px;line-height:1.65;color:rgba(255,255,255,.55);max-width:260px}
.footer-col h4{font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:var(--s4)}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:var(--s3)}
.footer-col a{font-size:13.5px;color:rgba(255,255,255,.6);transition:color .15s}
.footer-col a:hover{color:white}
.footer-bottom{
  margin-top:var(--s12);padding-top:var(--s6);
  border-top:1px solid rgba(255,255,255,.08);
  display:flex;align-items:center;justify-content:space-between;
  gap:var(--s4);flex-wrap:wrap;
}
.footer-copy{font-size:12px;color:rgba(255,255,255,.35)}
.footer-badges{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap}
.cpi{display:flex;align-items:center;padding:4px 8px;border-radius:6px;
.ftbadge{font-size:11px;font-weight:600;color:rgba(255,255,255,.85);padding:5px 12px;border-radius:6px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);display:flex;align-items:center}
background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}

/* ══════════════════════════════════════════
   REVEAL ANIMATIONS
══════════════════════════════════════════ */
@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.reveal{opacity:0;animation:fadeUp .6s var(--ease) forwards}
.reveal.d1{animation-delay:.05s}
.reveal.d2{animation-delay:.12s}
.reveal.d3{animation-delay:.19s}
.reveal.d4{animation-delay:.26s}

/* ══════════════════════════════════════════
   TOASTS
══════════════════════════════════════════ */
#toast-container{position:fixed;bottom:80px;left:50%;transform:translateX(-50%);z-index:600;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}
@media(min-width:768px){#toast-container{bottom:24px}}
.toast{
  background:var(--dark);color:white;
  padding:10px 20px;border-radius:var(--r-full);
  font-size:13px;font-weight:600;
  box-shadow:var(--shadow-lg);
  animation:toastIn .3s var(--ease) forwards;
  display:flex;align-items:center;gap:8px;
  pointer-events:auto;
}
@keyframes toastIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.toast-out{animation:toastOut .3s var(--ease) forwards}
@keyframes toastOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(12px)}}

/* ══════════════════════════════════════════
   EMAIL POPUP
══════════════════════════════════════════ */
#email-popup-overlay{
  position:fixed;inset:0;background:rgba(26,45,36,.5);
  z-index:700;display:flex;align-items:center;justify-content:center;
  opacity:0;pointer-events:none;transition:opacity .25s;
  backdrop-filter:blur(4px);
  padding:var(--s4);
}
#email-popup-overlay.open{opacity:1;pointer-events:auto}
#email-popup{
  background:var(--surface);border-radius:var(--r-xl);
  max-width:440px;width:100%;
  padding:var(--s8);position:relative;
  box-shadow:var(--shadow-lg);
  animation:scaleIn .3s var(--ease) forwards;
}
@keyframes scaleIn{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}
.ep-header{display:flex;justify-content:flex-end;margin-bottom:var(--s4)}
.ep-close{width:30px;height:30px;border-radius:50%;background:var(--cream-100);border:1px solid var(--border);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-mid);transition:.15s}
.ep-close:hover{background:var(--dark);color:white}
.ep-emoji{text-align:center;margin-bottom:var(--s4);display:flex;justify-content:center}.ep-emoji img{width:64px;height:64px;object-fit:contain}
.ep-title{font-family:var(--font-display);font-size:1.6rem;font-weight:700;color:var(--dark);text-align:center;letter-spacing:-.02em;margin-bottom:var(--s2)}
.ep-sub{font-size:14px;color:var(--text-mid);text-align:center;line-height:1.55;margin-bottom:var(--s6)}
.ep-form{display:flex;gap:var(--s2)}
.ep-input{
  flex:1;height:46px;padding:0 14px;
  border:1.5px solid var(--border-md);border-radius:var(--r-md);
  font-size:14px;font-family:var(--font-body);color:var(--dark);
  background:white;outline:none;transition:border-color .15s;
}
.ep-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(74,123,97,.12)}
.ep-submit{
  height:46px;padding:0 var(--s5);border-radius:var(--r-md);
  background:var(--dark);color:white;font-size:13.5px;font-weight:700;
  border:none;cursor:pointer;transition:all .15s;white-space:nowrap;
}
.ep-submit:hover{background:var(--primary)}
.ep-fine{font-size:11px;color:var(--text-muted);text-align:center;margin-top:var(--s3)}

/* ══════════════════════════════════════════
   CHAT WIDGET
══════════════════════════════════════════ */
#chat-widget{position:fixed;bottom:20px;right:16px;z-index:300}
@media(min-width:768px){#chat-widget{bottom:24px;right:24px}}
.chat-toggle{
  width:54px;height:54px;border-radius:50%;
  background:var(--dark);
  overflow:hidden;border:none;cursor:pointer;
  box-shadow:var(--shadow-md);
  transition:all .2s var(--ease);
}
.chat-toggle:hover{transform:scale(1.07);box-shadow:var(--shadow-lg)}
#chat-bubble{
  position:absolute;bottom:66px;right:0;
  width:min(300px,88vw);
  background:var(--surface);border-radius:var(--r-xl) var(--r-xl) 4px var(--r-xl);
  box-shadow:var(--shadow-lg);border:1px solid var(--border);
  padding:var(--s5);
  display:none;
}
#chat-bubble.open{display:block;animation:fadeUp .2s var(--ease)}
.chat-messages{height:180px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;margin-bottom:10px}
.chat-msg{padding:8px 12px;border-radius:var(--r-md);font-size:13px;line-height:1.5;max-width:85%;white-space:pre-wrap}
.chat-msg.bot{background:var(--cream-100);color:var(--text);align-self:flex-start;border-radius:4px var(--r-md) var(--r-md) var(--r-md)}
.chat-msg.user{background:var(--dark);color:white;align-self:flex-end;border-radius:var(--r-md) 4px var(--r-md) var(--r-md)}
.chat-input-row{display:flex;gap:6px}
#chat-input{flex:1;height:36px;padding:0 10px;border:1.5px solid var(--border-md);border-radius:var(--r-md);font-size:13px;font-family:var(--font-body);outline:none;transition:border-color .15s}
#chat-input:focus{border-color:var(--primary)}
#chat-send{height:36px;padding:0 12px;border-radius:var(--r-md);background:var(--dark);color:white;font-size:12px;font-weight:600;border:none;cursor:pointer;transition:.15s}
#chat-send:hover{background:var(--primary)}

/* ══════════════════════════════════════════
   MISC
══════════════════════════════════════════ */
#pp-desc{font-size:13px;color:var(--text-mid);line-height:1.65;margin:4px 0}
/* Reduce motion */
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* ══ NEW CARD DESIGN — reference style ══════════════════════ */
.pcard{background:#fff;border-radius:16px;border:1px solid var(--border);box-shadow:0 2px 10px rgba(0,0,0,.06)}
.pcard:hover{transform:translateY(-3px);box-shadow:0 10px 32px rgba(0,0,0,.12);border-color:var(--border-md)}

/* Name header */
.pcard-header{padding:12px 14px 10px;border-bottom:1px solid var(--border);background:#fff;border-radius:16px 16px 0 0}
.pcard-header .pcard-name{font-size:14px;font-weight:600;color:var(--dark);text-align:left;line-height:1.3;letter-spacing:-.005em;display:flex;align-items:center;gap:8px}.pcard-header .pcard-name::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--sage-300);flex-shrink:0}

/* Image — contain so 3D icons don't fill card */
.pcard-img > img{object-fit:contain!important;padding:8%!important;}
.pcard:hover .pcard-img > img{transform:scale(1.03)!important;}
/* Reset badge icons inside image — prevent 100% width override */
.pcard-img .badge-icon{width:20px!important;height:20px!important;padding:0!important;flex-shrink:0!important;object-fit:contain!important;}

/* Badges inside image — bottom left */
.pcard-img .pbadge{top:auto!important;bottom:10px!important;left:10px}
.pcard-img .bundle-ribbon{top:auto!important;bottom:10px!important;right:10px!important;animation:none}

/* Body cleanup */
.pcard-body{padding:10px 14px 12px;gap:6px}
.pcard-cat{display:none}

/* Full-width add to cart */
.pcard-add-full{
  width:100%!important;height:44px!important;border-radius:9999px!important;
  background:#1A1A1A!important;color:#fff!important;
  font-size:14px!important;font-weight:700!important;letter-spacing:.01em;
  box-shadow:none!important;flex-shrink:0;
  margin-top:4px;
  transition:background .18s ease,transform .12s ease!important;
}
.pcard-add-full:hover{background:#000!important;transform:translateY(-1px)!important;box-shadow:0 6px 16px rgba(0,0,0,.18)!important}
.pcard-add-full:hover{background:var(--primary)!important;transform:none!important;box-shadow:none!important}

/* Price row centered at bottom */
.pcard-footer{border-top:1px solid var(--border)!important;padding-top:10px!important;justify-content:center!important}
.pcard-price-row{justify-content:center;width:100%}
.pcard-price{font-size:1.1rem!important}

/* Card body + header background per category */
.pcard[data-cat="feeding"] .pcard-header{background:var(--tint-feeding);border-bottom-color:var(--line-feeding)}
.pcard[data-cat="feeding"] .pcard-body{background:var(--tint-feeding);border-radius:0 0 15px 15px}
.pcard[data-cat="feeding"] .pcard-footer{border-top-color:var(--line-feeding)!important}
.pcard[data-cat="sleeping"] .pcard-header{background:var(--tint-sleeping);border-bottom-color:var(--line-sleeping)}
.pcard[data-cat="sleeping"] .pcard-body{background:var(--tint-sleeping);border-radius:0 0 15px 15px}
.pcard[data-cat="sleeping"] .pcard-footer{border-top-color:var(--line-sleeping)!important}
.pcard[data-cat="feeding"] .pcard-name::before{background:var(--terra-300)}
.pcard[data-cat="sleeping"] .pcard-name::before{background:#A9B8D8}
.pcard[data-cat="mommies"] .pcard-header{background:var(--tint-mommies);border-bottom-color:var(--line-mommies)}
.pcard[data-cat="mommies"] .pcard-body{background:var(--tint-mommies);border-radius:0 0 15px 15px}
.pcard[data-cat="mommies"] .pcard-footer{border-top-color:var(--line-mommies)!important}
.pcard[data-cat="mommies"] .pcard-name::before{background:#E08FAE}
.pcard[data-cat="care"] .pcard-header{background:var(--tint-care);border-bottom-color:var(--line-care)}
.pcard[data-cat="care"] .pcard-body{background:var(--tint-care);border-radius:0 0 15px 15px}
.pcard[data-cat="care"] .pcard-footer{border-top-color:var(--line-care)!important}
.pcard[data-cat="care"] .pcard-name::before{background:var(--sage-300)}

/* Partial star rating */
.star-rating{position:relative;display:inline-block;font-size:13px;letter-spacing:1px;line-height:1}
.star-rating .s-empty{color:#e0d5d5}
.star-rating .s-filled{position:absolute;top:0;left:0;overflow:hidden;width:var(--pct);color:var(--terra-500);white-space:nowrap}


/* === COMBINED FROM theme.liquid === */

@media(max-width:768px){
  #about .container > div { grid-template-columns:1fr !important; gap:40px !important; }
}
/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•
   MYBULBY â€” MOBILE IMPROVEMENTS v12
   Coller Ã  la FIN de assets/bulby.css
â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */

/* â”€â”€ NAV compact on mobile â”€â”€ */
@media(max-width:768px){
  .nav-inner{height:58px;gap:8px;padding:0 14px}
  .nav-logo img{height:40px;width:40px}
  .nav-logo-name{font-size:17px}
  .nav-logo-sub{font-size:9px;margin-top:4px}
  .nav-actions{gap:4px}
  .nav-search-btn,.cart-btn{width:34px;height:34px}
  .nav-burger{width:34px;height:34px}
}

/* â”€â”€ HERO â€” hide floats, compact text â”€â”€ */
@media(max-width:899px){
  .hero{padding:48px 0 32px}
  .hero-title{font-size:clamp(1.8rem,6.5vw,3rem)}
  .hero-sub{font-size:14px;max-width:100%}
  .hero-ctas{flex-wrap:wrap;gap:8px}
  .hf-1,.hf-2{display:none}
  .hero-stats{gap:var(--s4);padding-top:var(--s3)}
  .hstat-n{font-size:1.3rem}
}
@media(max-width:479px){
  .hero-title{font-size:1.75rem}
  .hero-badge{font-size:11px}
}

/* â”€â”€ PRODUCT GRID â€” 2 colonnes dÃ¨s 360px â”€â”€ */
@media(max-width:479px){
  .products-grid{grid-template-columns:repeat(2,1fr);gap:6px;padding-left:6px;padding-right:6px}
  .pcard-body{padding:9px 10px 10px}
  .pcard-name{font-size:.8rem;line-height:1.25}
  .pcard-price{font-size:.95rem}
  .pcard-was{font-size:.75rem}
  .pcard-add-full{font-size:12px;padding:9px 8px}
}

/* â”€â”€ TRUST BAR â€” scroll tactile â”€â”€ */
@media(max-width:767px){
  .trust-bar{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .trust-bar::-webkit-scrollbar{display:none}
  .trust-item{min-width:140px;flex-shrink:0}
}

/* â”€â”€ CART SIDEBAR â”€â”€ */
@media(max-width:400px){
  #cart-sidebar{width:100vw;border-radius:0}
}

/* â”€â”€ QUICK VIEW â”€â”€ */
@media(max-width:600px){
  #pp-box{max-height:94vh}
  .pp-info{padding-bottom:max(20px,env(safe-area-inset-bottom))}
  #pp-add-btn,#pp-shop-btn{font-size:14px;min-height:46px}
}

/* â”€â”€ UPSELL POPUP â”€â”€ */
@media(max-width:600px){
  #upsell-popup{left:12px!important;right:12px!important;bottom:calc(70px + env(safe-area-inset-bottom))!important;width:auto!important;max-width:none!important}
}

/* â”€â”€ CHAT + TOAST â”€â”€ */
@media(max-width:767px){
  #chat-widget{bottom:calc(16px + env(safe-area-inset-bottom));right:14px}
  #toast-container{bottom:calc(70px + env(safe-area-inset-bottom));left:12px;right:12px}
  .toast{font-size:13px;padding:10px 14px}
}

/* â”€â”€ IOS SAFE AREA â”€â”€ */
@supports(padding:env(safe-area-inset-bottom)){
  #mobile-drawer{padding-bottom:env(safe-area-inset-bottom);height:100dvh}
  #cart-sidebar{padding-bottom:env(safe-area-inset-bottom)}
}

/* â”€â”€ SECTIONS â”€â”€ */
@media(max-width:767px){
  .section{padding:var(--s10) 0}
  .section-head{margin-bottom:var(--s6)}
  .section-head h2{font-size:1.7rem}
}

/* â”€â”€ FOOTER â”€â”€ */
@media(max-width:639px){
  .footer-grid{grid-template-columns:1fr;gap:20px}
  .footer-brand{max-width:100%}
}

/* â•â• DRAWER â€” logo mascotte + catÃ©gories colorÃ©es + photos produit â•â• */

/* Logo dans le drawer â€” identique nav bureau */
.drawer-nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.drawer-mascot{height:46px;width:46px;object-fit:cover;object-position:center 20%;border-radius:50%;filter:drop-shadow(0 2px 8px rgba(0,0,0,.12))}

/* Dots couleurs catÃ©gories */
.dd-dot-feeding{background:#f4a261}
.dd-dot-sleeping{background:#7b6fd4}

/* Fond colorÃ© des items par catÃ©gorie */
.drawer-cat-feeding .drawer-cat-items{background:#FFF8F2}
.drawer-cat-sleeping .drawer-cat-items{background:#F4F2FF}
.drawer-cat-mommies .drawer-cat-items{background:#FEF0F6}
.drawer-cat-care .drawer-cat-items{background:#EEF7F3}

/* Trigger colorÃ© au hover */
.drawer-cat-feeding .drawer-cat-trigger:hover{background:#FFF8F2}
.drawer-cat-sleeping .drawer-cat-trigger:hover{background:#F4F2FF}
.drawer-cat-mommies .drawer-cat-trigger:hover{background:#FEF0F6}
.drawer-cat-care .drawer-cat-trigger:hover{background:#EEF7F3}

/* Photos produit dans le drawer */
.drawer-prod-img{width:44px;height:44px;border-radius:8px;object-fit:cover;flex-shrink:0;border:1px solid rgba(0,0,0,.07)}
.drawer-item{padding:8px 16px;gap:12px;align-items:center}
.drawer-item span{font-size:14px;color:var(--text);text-align:left}
.why-stat-grid{position:absolute!important;top:16px!important;left:0!important;right:0!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important;justify-content:center!important;align-items:flex-start!important;padding:0 12px!important;background:none!important;}
.wstat{background:rgba(255,255,255,0.92)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;padding:5px 14px!important;border-radius:999px!important;display:flex!important;align-items:center!important;gap:5px!important;box-shadow:0 2px 10px rgba(0,0,0,0.15)!important;text-align:left!important;}
.wstat-n{font-size:.82rem!important;font-weight:700!important;color:#1a2e20!important;letter-spacing:-.01em!important}
.wstat-l{font-size:10px!important;color:#4a6050!important;letter-spacing:.04em!important}

 .star-rating{position:relative!important;display:inline-block!important;font-size:13px!important;letter-spacing:1px!important;line-height:1!important}
.star-rating .s-empty{color:#e0d5d5!important}
.star-rating .s-filled{position:absolute!important;top:0!important;left:0!important;overflow:hidden!important;width:var(--pct)!important;color:#B5603A!important;white-space:nowrap!important}
.pcard-rating{display:flex!important;align-items:center!important;gap:4px!important;visibility:visible!important;opacity:1!important}

/* ── Locale pill ── */
.locale-pill{display:flex;align-items:center;gap:6px;padding:5px 11px;background:none;border:1.5px solid rgba(26,46,36,.2);border-radius:999px;font-size:12px;font-weight:600;color:var(--dark);cursor:pointer;transition:border-color .2s,background .2s;white-space:nowrap}
.locale-pill:hover{border-color:var(--primary);background:rgba(74,123,97,.06)}
/* ── Locale modal ── */
#locale-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:9000}
#locale-overlay.open{display:block}
#locale-modal{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:16px;width:min(700px,95vw);max-height:82vh;z-index:9001;flex-direction:column;overflow:hidden;box-shadow:0 24px 64px rgba(0,0,0,.2)}
#locale-modal.open{display:flex}
.lm-head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border);flex-shrink:0}
.lm-title{font-size:17px;font-weight:700;color:var(--dark);margin:0}
.lm-close{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:4px;border-radius:8px;display:flex;transition:background .15s}
.lm-close:hover{background:var(--cream-100)}
.lm-scroll{overflow-y:auto;padding:20px 24px}
.lm-section{margin-bottom:20px}
.lm-region-title{font-size:13px;font-weight:700;color:var(--dark);letter-spacing:.04em;text-transform:uppercase;margin-bottom:10px}
.lm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.lm-card{padding:11px 14px;border:1.5px solid var(--border);border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:3px;transition:border-color .15s,background .15s}
.lm-card:hover{border-color:var(--primary);background:rgba(74,123,97,.04)}
.lm-card.lm-active{border-color:var(--primary);background:rgba(74,123,97,.07)}
.lm-cname{font-size:13px;font-weight:600;color:var(--dark)}
.lm-clang{font-size:12px;color:var(--text-muted)}
@media(max-width:600px){.lm-grid{grid-template-columns:repeat(2,1fr)}.locale-pill{font-size:11px;padding:4px 9px}}

/* ── Support mega menu ── */
#dd-support .nav-dd-menu{position:absolute;top:100%;right:-16px;min-width:540px;padding:14px;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;background:#fff;border:1.5px solid #e8e8e8;border-radius:14px;box-shadow:0 8px 32px rgba(0,0,0,.1);opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .18s,transform .18s;z-index:999}
#dd-support.open .nav-dd-menu{opacity:1;pointer-events:auto;transform:translateY(0)}
.support-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:18px 6px 14px;border-radius:12px;border:1.5px solid #eee;text-decoration:none;transition:border-color .15s,background .15s;text-align:center}
.support-card:hover{border-color:var(--primary);background:rgba(74,123,97,.04)}
.support-card svg{stroke:var(--dark);flex-shrink:0}
.support-card-label{font-size:11.5px;font-weight:600;color:var(--dark);line-height:1.35}
.drawer-section-label{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#999;padding:14px 0 4px}

/* ── Nav compact (Support item added) ── */
.nav-link{padding:6px 10px!important;font-size:13.5px!important}
.nav-dropdown-trigger{padding:6px 10px!important;font-size:13.5px!important}
.nav-center{gap:2px!important}

.sp-sec{display:none}
.sp-sec h2{font-size:1.25rem;font-weight:700;color:var(--dark);margin:1.4em 0 .5em}
.sp-sec h3{font-size:1rem;font-weight:600;color:var(--dark);margin:1.2em 0 .4em}
.sp-sec p{margin:.6em 0}
.sp-sec details{border:1.5px solid #eee;border-radius:10px;padding:12px 16px;margin:.6em 0}
.sp-sec summary{font-weight:600;cursor:pointer;color:var(--dark);list-style:none}
.sp-sec summary::-webkit-details-marker{display:none}
.sp-sec a{color:var(--primary);text-decoration:underline}

/* ════════════════════════════════════════════════════════════════════
   MYBULBY v14.5 — MOMCOZY REDESIGN OVERRIDE
════════════════════════════════════════════════════════════════════ */

/* ── Hero: dark gradient ─────────────────────────────────────────── */
.hero{background:linear-gradient(135deg,#1a1a1a 0%,#3d1a2a 45%,#6b3040 75%,#c47a6a 100%)!important}
.hero-grid{grid-template-columns:1fr!important}
.hero-visual{display:none!important}
.hero-title,.hero-subtitle,.hero-copy,.hero h1,.hero h2,.hero p{color:#ffffff!important}
.btn-primary{background:#ffffff!important;color:var(--black)!important;border-color:#ffffff!important}
.btn-primary:hover{background:var(--rose-light)!important;color:var(--rose-dark)!important}

/* ── Filter pills — Momcozy style ───────────────────────────────── */
.filter-btn{
  height:38px;
  padding:0 18px;
  border-radius:var(--r-full)!important;
  border:1.5px solid var(--gray-200)!important;
  background:var(--white)!important;
  font-size:13px;font-weight:500;
  color:#666!important;
  display:inline-flex;align-items:center;gap:6px;
  cursor:pointer;transition:all .15s;
  white-space:nowrap
}
.filter-btn img{display:none!important}
.filter-btn:hover{border-color:var(--black)!important;color:var(--black)!important}
.filter-btn.active{
  background:var(--rose)!important;
  border-color:var(--rose)!important;
  color:#ffffff!important;
  font-weight:600!important
}

/* ── Category dividers — visible with rose border ───────────────── */
.cat-divider{
  display:flex!important;
  align-items:center;
  gap:12px;
  padding:12px 16px;
  background:var(--white)!important;
  border:1px solid var(--gray-100)!important;
  border-left:4px solid var(--rose)!important;
  border-radius:var(--r)!important;
  margin:24px 0 16px!important;
  cursor:pointer;
  transition:box-shadow .15s
}
.cat-divider:hover{box-shadow:var(--shadow-sm)}
.cat-divider[data-cat-div="feeding"]{border-left:4px solid var(--rose)!important}
.cat-divider[data-cat-div="sleeping"]{border-left:4px solid #6B8DD6!important}
.cat-divider[data-cat-div="mommies"]{border-left:4px solid var(--rose)!important}
.cat-divider[data-cat-div="care"]{border-left:4px solid #4A9B6F!important}
.cat-div-icon{width:28px;height:28px;object-fit:contain;flex-shrink:0}
.cat-div-label{font-size:15px;font-weight:700;color:var(--black);letter-spacing:-.01em}
.cat-div-count{font-size:12px;color:var(--text-muted);font-weight:400;margin-left:auto}
.cat-div-chevron{margin-left:4px;transition:transform .2s;color:var(--text-muted)}

/* ── Product cards — Momcozy style ──────────────────────────────── */
.pcard{
  background:var(--white)!important;
  border:1.5px solid var(--gray-100)!important;
  border-radius:20px!important;
  overflow:hidden;
  display:flex;flex-direction:column;
  transition:transform .2s,box-shadow .2s,border-color .2s!important
}
.pcard:hover{
  border-color:var(--gray-300)!important;
  transform:translateY(-4px)!important;
  box-shadow:0 12px 32px rgba(0,0,0,0.10)!important
}

/* Image area */
.pcard-img{
  margin:10px!important;
  border-radius:14px!important;
  background:var(--gray-50)!important;
  aspect-ratio:1!important;
  overflow:hidden;
  order:2
}
.pcard-img img{object-fit:contain!important}

/* Body: name + stars go ABOVE image */
.pcard-body{
  padding:14px 14px 0!important;
  order:1;
  gap:4px!important
}
.pcard-name{
  font-size:14px!important;
  font-weight:700!important;
  color:var(--black)!important;
  line-height:1.3!important;
  letter-spacing:-.01em!important
}
.pcard-rating{
  font-size:12px!important;
  color:var(--rose)!important;
  font-weight:500!important
}
.pcard-rating .rating-count{color:var(--text-muted)!important;font-weight:400!important}

/* Hide extras from card face */
.pcard-cat,.pcard-sizes,.pcard-color-label,
.pcard-swatches,.pcard-variant-selectors,
.size-opt{display:none!important}

/* Tags / price area — below image */
.pcard-footer,.pcard-prices,.pcard-bottom{order:3}

/* Price styling */
.pcard-price,.price-current{
  font-size:16px!important;
  font-weight:700!important;
  color:var(--rose)!important
}
.pcard-was,.price-compare,.price-was{
  font-size:11px!important;
  color:var(--text-muted)!important;
  text-decoration:line-through!important
}

/* Add to Cart / CTA button on cards */
.pcard .btn,.pcard .add-btn,.pcard .atc-btn,.pcard-atc,
.pcard [class*="cart"],.pcard [class*="add"]{
  display:block!important;
  margin:0 14px 14px!important;
  padding:11px!important;
  background:var(--black)!important;
  color:#ffffff!important;
  font-size:13px!important;
  font-weight:700!important;
  border:none!important;
  border-radius:var(--r-full)!important;
  cursor:pointer;
  text-align:center!important;
  transition:background .15s!important;
  order:4
}
.pcard:hover .btn,.pcard:hover .add-btn,.pcard:hover .atc-btn,
.pcard:hover .pcard-atc{background:var(--rose)!important}

/* Quick View overlay */
.qv-overlay{border-radius:14px!important}
.qv-btn{
  background:var(--black)!important;
  color:#ffffff!important;
  border-radius:var(--r-full)!important
}

/* Badges */
.badge-best,.badge-new,.badge-sale{border-radius:var(--r-full)!important}
.badge-best{background:var(--rose)!important;color:#fff!important}
.badge-sale{background:var(--black)!important;color:#fff!important}


/* ════════════════════════════════════════════════════════════════════
   MYBULBY v20 — CARTE MOMCOZY (grille home)
   ordre: titre -> etoiles -> image -> bulles -> prix -> Shop Now
════════════════════════════════════════════════════════════════════ */
.pcard-mz{display:flex;flex-direction:column;background:#fff;border-radius:20px;border:1px solid transparent;box-shadow:0 6px 26px rgba(17,17,17,.07);padding:14px 14px;overflow:hidden}
.pcard-mz:hover{transform:translateY(-4px);box-shadow:0 16px 42px rgba(17,17,17,.13)}
.pcard-mz .pcard-cat{display:none}
.pcard-mz .pcard-header{padding:0;margin:0;border:none;background:none!important;border-radius:0}
.pcard-mz .pcard-body{background:#fff!important}
.pcard-mz .pcard-footer{border-top-color:var(--border)!important}
.pcard-mz .pcard-name{display:block;text-align:center;font-family:'Poppins',system-ui,sans-serif;font-size:19px;font-weight:600;color:var(--dark);line-height:1.25;letter-spacing:-.005em;text-decoration:none}
.pcard-mz .pcard-name::before{display:none!important}
.pcard-mz .pcard-rating{display:flex;justify-content:center;align-items:center;gap:5px;margin-top:6px;min-height:18px}
.pcard-mz .pcard-img{margin:8px 0 0!important;background:transparent!important;border-radius:0!important;aspect-ratio:5/4;cursor:pointer;overflow:hidden;display:block}
.pcard-mz .pcard-img > img{width:100%;height:100%;object-fit:contain!important;padding:2%!important;display:block;transition:transform .25s ease}
.pcard-mz:hover .pcard-img > img{transform:scale(1.03)!important}
.pcard-mz .pcard-pills{display:grid;grid-template-columns:1fr 1fr;justify-items:stretch;align-items:stretch;gap:6px 8px;margin-top:auto;padding-top:8px;border-top:1px solid var(--border)}
.pcard-mz .pcard-pill{font-size:10px;font-weight:500;color:#6b6b6b;background:#f7f7f6;border:1px solid #efeeec;border-radius:999px;padding:4px 9px;line-height:1.2;white-space:normal;text-align:center;letter-spacing:.01em}
.pcard-mz .pcard-footer{border:none!important;padding:0!important;padding-top:8px!important;margin-top:10px!important;justify-content:center!important;display:flex}
.pcard-mz .pcard-price-row{justify-content:center;width:100%;display:flex;align-items:baseline;gap:8px}
.pcard-mz .pcard-price{font-size:1.3rem!important;font-weight:700;color:var(--primary)!important}
.pcard-mz .pcard-was{color:var(--text-muted);text-decoration:line-through;font-size:.95rem}
.pcard-mz .pcard-save{display:inline-block;background:var(--primary);color:#fff;font-size:11px;font-weight:800;letter-spacing:.03em;padding:3px 9px;border-radius:999px;line-height:1.35;text-transform:uppercase;white-space:nowrap}
.pcard-mz .pcard-add{display:flex!important;align-items:center;justify-content:center;width:auto!important;align-self:center!important;padding:0 22px!important;height:33px!important;margin-top:8px;border-radius:9999px;background:#000!important;color:#fff!important;font-size:15px!important;font-weight:700;letter-spacing:.02em;text-decoration:none;box-shadow:none!important;transition:background .18s,transform .14s,box-shadow .18s}
.pcard-mz .pcard-add:hover{background:#1a1a1a!important;transform:translateY(-1px)!important;box-shadow:0 6px 16px rgba(0,0,0,.16)!important}
@media(max-width:480px){.pcard-mz .pcard-name{font-size:17px}.pcard-mz .pcard-pill{font-size:9.5px;padding:3px 8px}}

/* -- FIX ordre (neutralise les vieux order: herites) -- */
.pcard-mz{flex-direction:column!important}
.pcard-mz[style*="display: none"],.pcard-mz[style*="display:none"]{display:none!important}
.pcard-mz .pcard-header{order:1!important}
.pcard-mz .pcard-rating{order:2!important}
.pcard-mz .pcard-img{order:3!important}
.pcard-mz .pcard-swatches{order:4!important}
.pcard-mz .pcard-thumbs{order:4!important}
.pcard-mz .pcard-sizes{order:5!important}
.pcard-mz .pcard-urgency{order:6!important}
.pcard-mz .pcard-pills{order:7!important}
.pcard-mz .pcard-footer{order:8!important}
.pcard-mz .pcard-add{order:9!important}

/* -- Etoiles en dur (note + nb d'avis, partial fill) -- */
.pcard-mz .star-rating{position:relative;display:inline-block;font-size:14px;letter-spacing:1px;line-height:1}
.pcard-mz .star-rating .s-empty{color:#e6dada}
.pcard-mz .star-rating .s-filled{position:absolute;top:0;left:0;overflow:hidden;width:var(--pct);color:var(--primary);white-space:nowrap}
.pcard-mz .rating-count{font-size:12px;color:var(--text-muted);font-weight:500}


/* -- Variantes sur carte Momcozy (couleur / taille / stock) -- */
.pcard-mz .pcard-swatches,.pcard-mz .pcard-sizes,.pcard-mz .pcard-urgency{display:flex!important}
.pcard-mz .pcard-swatches{justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px}
.pcard-mz .pcard-swatches .swatch{width:22px;height:22px;border-radius:50%;cursor:pointer;border:1px solid rgba(0,0,0,.14);box-sizing:border-box;transition:box-shadow .15s,transform .12s;flex-shrink:0;display:inline-block;padding:0}
.pcard-mz .pcard-swatches .swatch:hover{transform:scale(1.08)}
.pcard-mz .pcard-swatches .swatch.active{box-shadow:none;border-color:rgba(0,0,0,.14);transform:none}
.pcard-mz .swatch-more{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:22px;padding:0 9px;border-radius:999px;background:#f4f3f1;border:1px solid #e6e3de;font-size:11px;font-weight:600;color:#666;cursor:pointer;text-decoration:none;line-height:1}
.pcard-mz .swatch-more:hover{border-color:var(--dark);color:var(--dark)}
.pcard-mz .pcard-sizes{justify-content:center;align-items:center;gap:7px;flex-wrap:wrap;margin-top:6px}
.pcard-mz .size-more{color:#9a9a9a!important;border-style:dashed!important;font-weight:600}
.pcard-mz .pcard-sizes .size-opt{display:inline-flex!important;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 10px;border-radius:11px;border:1.5px solid #e4e3df;background:#fff;font-size:13px;font-weight:600;color:#444;cursor:pointer;transition:border-color .15s,color .15s,background .15s;user-select:none;white-space:nowrap}
.pcard-mz .pcard-sizes .size-opt:hover{border-color:#bdbdbd}
.pcard-mz .pcard-sizes .size-opt.active{border-color:var(--dark);color:var(--dark);background:#fafafa}
.pcard-mz .pcard-urgency{justify-content:center;align-items:center;gap:7px;margin-top:6px;font-size:12.5px;font-weight:600;color:#7a7a7a}
.pcard-mz .pcard-urgency .urgency-dot{width:7px;height:7px;border-radius:50%;background:#E55252;flex-shrink:0;animation:none}
.pcard-mz .pcard-urgency.in-stock{color:#2f8f5b}
.pcard-mz .pcard-urgency.in-stock .urgency-dot{background:#34a06d}
@media(max-width:480px){
  .pcard-mz .pcard-sizes .size-opt{min-width:32px;height:32px;font-size:12px;border-radius:9px}
  .pcard-mz .pcard-swatches .swatch{width:20px;height:20px}
  .pcard-mz .pcard-urgency{font-size:11.5px}
}


/* -- Mini-vignettes de variantes (modeles) facon Momcozy -- */
.pcard-mz .pcard-thumbs{display:flex!important;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px}
.pcard-mz .pcard-thumb{width:46px;height:46px;border-radius:10px;object-fit:cover;cursor:pointer;border:1.5px solid #ededed;background:#fafafa;padding:3px;transition:border-color .15s,transform .12s;flex-shrink:0;display:block}
.pcard-mz .pcard-thumb:hover{transform:translateY(-2px);border-color:#cfcfcf}
.pcard-mz .pcard-thumb.active{border-color:var(--dark)}
@media(max-width:480px){.pcard-mz .pcard-thumb{width:40px;height:40px;border-radius:9px}}


/* -- Conteneur variantes + barre de filtre (modeles) -- */
.pcard-mz .pcard-varwrap{order:4!important;display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;margin-top:12px}
.pcard-mz .pcard-varwrap .pcard-swatches,.pcard-mz .pcard-varwrap .pcard-thumbs{margin-top:0!important}
.pcard-mz .pcard-grpbar{display:flex;justify-content:center;flex-wrap:wrap;gap:6px}
.pcard-mz .pcard-grpbtn{font-size:11.5px;font-weight:600;color:#666;background:#f6f6f5;border:1px solid #e7e5e0;border-radius:999px;padding:4px 13px;cursor:pointer;transition:all .15s;line-height:1.2;font-family:inherit}
.pcard-mz .pcard-grpbtn:hover{border-color:#bcbcbc;color:#333}
.pcard-mz .pcard-grpbtn.active{background:var(--dark);border-color:var(--dark);color:#fff}
.pcard-mz .pcard-thumbs{flex-wrap:wrap;max-width:100%}
/* ── Quick-view per-product review ── */
.pp-review{margin-top:14px;background:linear-gradient(135deg,#fdf2f4,#eef3fb);border:1px solid #f0e3e6;border-radius:14px;padding:14px 16px}
.pp-review-stars{font-size:16px;letter-spacing:2px;line-height:1}
.pp-review-stars .pp-rv-full{color:var(--primary)}
.pp-review-stars .pp-rv-empty{color:#e6dada}
.pp-review-text{margin:9px 0 8px;font-size:14px;line-height:1.5;color:#4a4a4a}
.pp-review-author{font-size:12.5px;font-weight:700;color:#6b6b6b;display:flex;align-items:center;gap:6px}
.pp-review-author::before{content:"\2713";display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:var(--primary);color:#fff;font-size:10px;font-weight:700}
/* ── Card product badges (top-left of image) ── */
.pcard-mz .pcard-img{position:relative}
.pcard-mz .pcard-badges{position:absolute;top:8px;left:8px;display:flex;flex-direction:column;gap:5px;z-index:2;align-items:flex-start;pointer-events:none}
.pcard-mz .pcard-badge{font-size:10px;font-weight:700;letter-spacing:.02em;padding:4px 10px;border-radius:999px;line-height:1.15;white-space:nowrap;background:rgba(255,255,255,.78);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:.5px solid rgba(255,255,255,.6);box-shadow:0 1px 4px rgba(0,0,0,.10)}
.pcard-mz .pb-bundle{color:#993C1D}
.pcard-mz .pb-bestseller{color:#2C2C2A}
.pcard-mz .pb-new{color:#0F6E56}
.pcard-mz .pb-toprated{color:#854F0B}

/* ===== Wishlist (built-in) ===== */
.pcard-mz{position:relative}
.wish-btn{position:absolute;top:12px;right:12px;z-index:6;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.92);border:1px solid #ececec;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.08);transition:transform .12s ease,background .15s;padding:0}
.wish-btn svg{width:19px;height:19px;fill:none;stroke:#999;stroke-width:2;transition:fill .15s,stroke .15s}
.wish-btn:hover{transform:scale(1.08);background:#fff}
.wish-btn.active svg{fill:#e0245e;stroke:#e0245e}
.wish-nav-btn{position:relative;background:none;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--dark);padding:6px}
.wish-nav-btn:hover{color:#e0245e}
.wish-count{position:absolute;top:-2px;right:-4px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#e0245e;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}
#wish-overlay{position:fixed;inset:0;background:rgba(26,45,36,.4);z-index:400;opacity:0;pointer-events:none;transition:opacity .25s;backdrop-filter:blur(3px)}
#wish-overlay.open{opacity:1;pointer-events:auto}
#wish-sidebar{position:fixed;top:0;right:0;bottom:0;width:min(400px,100vw);background:var(--surface);z-index:401;transform:translateX(100%);transition:transform .32s var(--ease);display:flex;flex-direction:column;box-shadow:-8px 0 48px rgba(26,45,36,.1)}
#wish-sidebar.open{transform:translateX(0)}
.wish-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}
.wish-thumb img{width:64px;height:64px;object-fit:contain;border-radius:10px;background:#faf9f8;display:block}
.wish-info{flex:1;display:flex;flex-direction:column;gap:3px}
.wish-name{font-size:14px;font-weight:600;color:var(--dark);text-decoration:none;line-height:1.3}
.wish-price{font-size:14px;font-weight:700;color:var(--primary)}
.wish-remove{align-self:flex-start;margin-top:2px;background:none;border:none;color:#999;font-size:12px;cursor:pointer;text-decoration:underline;padding:0}
.wish-remove:hover{color:#e0245e}

.drawer-mascot{display:none!important}


/* ═══ v29 MOBILE MOMCOZY CARD LAYOUT ═══ */
.pcard-actions{display:none}
@media(max-width:767px){
  /* wider, flatter, harmonized cards */
  .products-grid{grid-template-columns:repeat(2,1fr) !important;gap:10px !important;padding-left:8px !important;padding-right:8px !important;align-items:stretch !important}
  .pcard-mz{height:auto;min-height:100%}
  .pcard-mz{display:flex !important;flex-direction:column !important;padding:0 0 18px !important;gap:0 !important;border-radius:14px !important;border:none !important;box-shadow:0 1px 6px rgba(17,17,17,.05) !important;overflow:hidden}
  .pcard-mz .pcard-header{padding:0 12px !important;min-height:46px;display:flex;align-items:center;justify-content:center}
  .pcard-mz .pcard-name{font-size:15px;line-height:1.35}
  /* image: edge-to-edge, square, no gray inset frame */
  .pcard-img,.pcard-mz .pcard-img{margin:0 !important;width:100% !important;border-radius:0 !important;background:#f6f4f2 !important;aspect-ratio:1 !important}
  .pcard-mz .pcard-img > img{padding:4% !important;object-fit:contain !important;mix-blend-mode:multiply}
  /* icons row right AFTER the image (img has order:3 base, tie -> DOM order) */
  .pcard-mz .pcard-actions{order:3 !important;display:flex !important;justify-content:center;gap:30px;padding:12px 0 2px}
  .pcard-actions button{background:none;border:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;line-height:0}
  .pcard-actions svg{width:21px;height:21px;stroke:#222;fill:none;stroke-width:1.6}
  .pcard-mz .pcard-rating{justify-content:center;margin:4px 0 0}
  .pcard-mz .pcard-footer{margin:8px 0 0 !important;min-height:74px;flex-direction:column;justify-content:flex-start !important;align-items:center}
  .pcard-mz .pcard-price-row{justify-content:center;gap:6px;flex-wrap:wrap;padding:0 8px}
  .pcard-mz .pcard-price{font-size:19px;font-weight:800;white-space:nowrap}
  .pcard-price .from-lbl{font-size:12px;font-weight:400;color:#555;margin-right:5px}
  .pcard-mz .pcard-varwrap{justify-content:center;margin:8px 0 0}
  .pcard-mz .pcard-sizes{justify-content:center}
  .pcard-mz .pcard-sizes .size-opt{min-width:42px !important;height:42px !important;font-size:13px !important}
  .pcard-mz .pcard-swatches .swatch{width:28px !important;height:28px !important}
  /* pills: compact Momcozy style */
  .pcard-mz .pcard-pills{display:flex !important;flex-wrap:wrap;justify-content:center;align-content:flex-end;gap:5px 6px;padding:8px 10px 0;margin-top:auto !important;min-height:66px}
  .pcard-mz .pcard-pill{font-size:10.5px !important;padding:4px 10px !important;background:#f3f1ef;border:0;border-radius:999px;line-height:1.25}
  .pcard-mz .pcard-shopnow,.pcard-mz .pcard-add-full,.pcard-mz .pcard-urgency,.pcard-mz .pcard-grpbar,.pcard-mz .pcard-thumbs{display:none !important}
  .pcard-mz .wish-btn{display:none !important}
  /* why-section stats: out of the image, clean 2x2 grid below */
  .why-stat-grid{position:static !important;inset:auto !important;transform:none !important;display:grid !important;grid-template-columns:1fr 1fr !important;gap:8px !important;margin-top:12px !important;padding:0 !important;flex-direction:unset !important}
  .wstat{background:#f6f1ea !important;box-shadow:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;border-radius:14px !important;padding:14px 10px !important;display:flex !important;flex-direction:column !important;align-items:center !important;gap:2px !important;text-align:center !important}
  .wstat-n{font-size:21px !important;color:#141414 !important}
  .wstat-l{font-size:10.5px !important;color:#6b6259 !important}
  /* footer accordion (Momcozy style) */
  .footer-grid{display:block !important}
  .footer-brand{padding-bottom:18px}
  .footer-col{border-top:1px solid rgba(0,0,0,.09)}
  .footer-col h4{display:flex;justify-content:space-between;align-items:center;padding:17px 2px;margin:0 !important;font-size:15px;cursor:pointer;user-select:-webkit-user-select;-webkit-user-select:none}
  .footer-col h4::after{content:'+';font-size:24px;font-weight:300;line-height:1;transition:transform .25s ease}
  .footer-col.open h4::after{transform:rotate(45deg)}
  .footer-col ul{max-height:0;overflow:hidden;transition:max-height .3s ease;margin:0 !important}
  .footer-col.open ul{max-height:320px;padding-bottom:14px}
  /* toast: kill the leftover translateX that pushed it half offscreen */
  #toast-container{left:12px !important;right:12px !important;transform:none !important}
  .toast{max-width:100%}
}
/* v29: mirror wishlist state on the action-row heart (works at any width) */
.pcard-mz:has(.wish-btn.active) .pcard-actions button[aria-label="Wishlist"] svg{fill:#e0245e;stroke:#e0245e}


/* ═══ v29 NEWSLETTER ═══ */
.nl-sec{background:#f6f1ea;padding:56px 22px 50px}
.nl-sec .container{max-width:1100px;margin:0 auto}
.nl-title{font-size:38px;font-weight:800;line-height:1.05;text-transform:uppercase;letter-spacing:-.01em;color:#141414;margin:0 0 14px}
.nl-sub{font-size:15px;line-height:1.55;color:#4c4741;max-width:520px;margin:0 0 30px}
.nl-row{display:flex;max-width:560px;border-radius:999px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.nl-input{flex:1;min-width:0;border:0;background:#d8d0c9;color:#141414;font-size:15px;padding:0 24px;height:58px;font-family:inherit;outline:none}
.nl-input::placeholder{color:#8d867f}
.nl-btn{background:#141414;color:#fff;border:0;padding:0 32px;height:58px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;font-family:inherit;transition:background .2s}
.nl-btn:hover{background:#2e2a26}
.nl-note{font-size:14px;color:#4c4741;text-align:center;max-width:560px;margin:16px 0 0}
.nl-ok{font-size:16px;font-weight:600;color:#1a7f5e;margin:6px 0 0}
.nl-err{font-size:13px;color:#c0392b;margin:10px 0 0}
@media(max-width:767px){
  .nl-sec{padding:44px 18px 40px}
  .nl-title{font-size:32px}
  .nl-btn{padding:0 22px;font-size:12px}
  .nl-input{padding:0 18px;height:54px}
  .nl-btn{height:54px}
}


/* ═══ v29 MOBILE SECTION ACCORDIONS ═══ */
.sec-acc-head{display:none}
@media(max-width:767px){
  .sec-acc-head{display:flex;justify-content:space-between;align-items:center;width:100%;background:none;border:0;border-top:1px solid rgba(0,0,0,.09);padding:19px 18px;font-family:inherit;font-size:15px;font-weight:700;letter-spacing:.02em;color:#141414;cursor:pointer;text-align:left}
  .sec-acc-ic{font-size:26px;font-weight:300;line-height:1;transition:transform .25s ease}
  .sec-open .sec-acc-ic{transform:rotate(45deg)}
  .sec-acc-body{max-height:0;overflow:hidden;transition:max-height .4s ease}
  .sec-open .sec-acc-body{max-height:4500px;transition:max-height .6s ease}
  .why-section,.reviews-section{padding-top:0 !important;padding-bottom:0 !important}
  .sec-open .sec-acc-body{padding-bottom:26px}
}

/* ═══ v29 DESKTOP CARD ACTION ROW (eye + heart under image, like mobile) ═══ */
@media(min-width:768px){
  .pcard-mz .pcard-actions{display:flex;justify-content:center;gap:30px;padding:10px 0 2px;order:3!important}
  .pcard-mz .pcard-actions button{background:none;border:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;line-height:0}
  .pcard-mz .pcard-actions button[aria-label="Add to cart"]{display:none}
  .pcard-mz .pcard-actions svg{width:20px;height:20px;stroke:#222;fill:none;stroke-width:1.6;transition:stroke .15s}
  .pcard-mz .pcard-actions button:hover svg{stroke:#C8456C}
  .pcard-mz:has(.wish-btn.active) .pcard-actions button[aria-label="Wishlist"] svg{fill:#e0245e;stroke:#e0245e}
  .pcard-mz .wish-btn{display:none!important}
}

/* ═══ v29 hide Bundle badge on cards (Bundle Sale section covers it) ═══ */
.pcard-badge.pb-bundle{display:none!important}
