/* ---------- Responsive ---------- */
@media (max-width:1240px){
  .nav{display:none}.hamburger{display:grid}
  .logo img{height:40px}
  .dd-card.three{min-width:0}
  .float-card{max-width:220px}.float-card img{width:80px;height:80px}
  .float.f1,.float.f4{left:-3%}.float.f2,.float.f3{right:-3%}
  .float.f1,.float.f2{top:-20%}.float.f3,.float.f4{bottom:-24%}
}
@media (max-width:1020px){
  .cat-tiles{grid-template-columns:repeat(2,1fr)}
  .hero-grid{grid-template-columns:1fr}
  .hero-visual{min-height:420px;order:-1}
  .hero-copy h1{max-width:none}
  .lead-form.horizontal{grid-template-columns:1fr}
  .split{grid-template-columns:1fr}
  .split.rev>.media{order:0}
  .post-layout{grid-template-columns:1fr}
  .product-layout{grid-template-columns:1fr}
  .shop-layout{grid-template-columns:1fr}
  .filters{display:none;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:18px;margin-bottom:18px}
  .filters.open{display:grid}
  .filter-toggle{display:inline-flex}
  .faq-section{grid-template-columns:1fr}
  .faq-section .fimg{position:static;aspect-ratio:16/9}
  .cart-layout{grid-template-columns:1fr}
  .summary-card{position:static}
  .footer .fgrid{grid-template-columns:1fr 1fr}
  .newsletter{grid-template-columns:1fr}
  .newsletter .mascot-nl{display:none}
  .page-hero .mascot-side,.cat-hero .mascot-side{width:110px;opacity:.9}
  .article-layout{grid-template-columns:1fr}
  .article-layout .sidebar{position:static}
  .float-card{max-width:240px}.float-card img{width:92px;height:92px}
  .float.f1,.float.f4{left:-2%}.float.f2,.float.f3{right:-2%}
  .float.f1,.float.f2{top:-4%}.float.f3,.float.f4{bottom:-6%}
  .hero-visual{margin-bottom:48px}
}
@media (max-width:680px){
  :root{--nav-h:68px}
  .header-inner{gap:10px}
  .header-cta{gap:6px}
  .header-cta [data-search-toggle]{display:none}
  .logo img{width:clamp(150px,46vw,196px);height:auto}
  h1{font-size:clamp(2.1rem,9vw,2.8rem)}
  .announce{display:none}
  .phone-pill .lbl{display:none}
  .phone-pill{width:44px;padding:0;justify-content:center}
  .hero{padding-top:20px}
  .hero-visual{min-height:300px}
  .mascot-hero{width:min(58%,250px)}
  .float.f2,.float.f4{display:none}
  .float.f1{left:0;top:-4%}.float.f3{right:0;bottom:2%}
  .float-card{max-width:196px;padding:7px 12px 7px 7px;gap:10px;border-radius:16px}
  .float-card img{width:60px;height:60px;border-radius:12px}
  .float-card .fc-txt{font-size:.86rem}
  .hero-visual{margin-bottom:0}
  h2{font-size:clamp(1.75rem,7.4vw,2.3rem)}
  .section-head h2{max-width:none}
  .page-hero .mascot-side,.cat-hero .mascot-side{display:none}
  .mood-picker,.cat-chips,.faq-nav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:6px}
  .mood-picker::-webkit-scrollbar,.cat-chips::-webkit-scrollbar,.faq-nav::-webkit-scrollbar{display:none}
  .mood-picker .label,.mood,.cat-chips .chip,.faq-nav .chip{flex:none}
  .faq-nav{padding:8px 0 6px}
  .bullets{grid-template-columns:1fr}
  .pgrid{grid-template-columns:repeat(2,1fr);gap:12px}
  .pcard .pbody{padding:12px}
  .pcard h3,.pcard h4.ptitle{font-size:.9rem}
  .mini-add{padding:9px 12px;font-size:.8rem}
  .mini-add .lbl{display:none}
  .footer .fgrid{grid-template-columns:1fr}
  .section-head{align-items:flex-start}
  .bento{grid-template-columns:1fr}
  .cat-tiles{grid-template-columns:repeat(2,1fr);gap:12px}
  .bcard,.bcard.tall{min-height:300px;grid-row:auto}
  .carousel-track .pcard{width:74vw}
  .review-card{width:82vw}
  .gbp-reviews .rv-head{gap:12px;margin-bottom:12px}
  .gbp-reviews .rv-head>div:last-child{width:100%;justify-content:space-between}
  .gbp-reviews .rv-head .btn{flex:1;justify-content:center}
  .gbp-reviews .rv-score b{font-size:1.7rem}
  .age-card img.mascot{width:120px;margin-top:-90px}
  .trust-row{grid-template-columns:1fr;gap:0;padding:8px 0}
  .trust-item{padding:8px 4px}
  .trust-item small{font-size:.76rem}
  .buy-row .btn{flex:1 1 180px;min-width:0;white-space:normal;text-align:center;padding:14px 18px}
  .stats{grid-template-columns:1fr 1fr}
}

@media (max-width:1020px){
  .hero-copy h1.bubble{max-width:none;display:block;margin-top:18px}
  .hero-copy h1.bubble::before{right:auto;left:44px;top:-33px;border:17px solid transparent;border-bottom:19px solid var(--ink);border-top:0}
  .hero-copy h1.bubble::after{right:auto;left:47px;top:-25px;border:14px solid transparent;border-bottom:16px solid #fff;border-top:0}
  .mood-cloud{box-shadow:0 0 0 6px #fff,0 0 0 8px var(--ink),var(--pop)}
}
@media (max-width:680px){
  .hero-copy h1.bubble{padding:18px 20px;border-radius:24px;box-shadow:var(--pop);font-size:clamp(2.2rem,9.4vw,2.9rem)}
  .eyebrow{font-size:.74rem;padding:5px 10px}
  .spark.s2,.spark.s3{display:none}
  .spark.s1{left:auto;right:9%;top:42%}
  .badge-sale{width:56px;height:56px;font-size:.72rem}
}

