/* FINAL V6 — mobile-first repair and compact layout */
@media (max-width: 640px) {
  html { scroll-padding-top: 64px !important; }
  body { overflow-x: hidden !important; }
  .section, .page-root section, .page-foellie section, .page-may section { padding-top: 32px !important; padding-bottom: 32px !important; }
  .section-head { margin-bottom: 14px !important; gap: 8px !important; }
  .section-head h2 { font-size: clamp(28px, 8vw, 36px) !important; line-height: 1.02 !important; }
  .section-head > p { margin-top: 7px !important; font-size: 12px !important; line-height: 1.4 !important; }
  .kicker,.eyebrow { margin-bottom: 7px !important; font-size: 9px !important; letter-spacing: .13em !important; }

  /* Foellie main hero */
  .page-foellie .hero { padding: 22px 0 24px !important; }
  .page-foellie .hero-grid { gap: 15px !important; }
  .page-foellie .hero-copy h1 { font-size: clamp(35px, 10.5vw, 45px) !important; line-height: .98 !important; }
  .page-foellie .hero-lead { font-size: 12px !important; line-height: 1.4 !important; margin: 10px 0 !important; }
  .page-foellie .hero-bestseller { display:none !important; }
  .page-foellie .hero-actions { gap: 6px !important; margin: 10px 0 8px !important; }
  .page-foellie .hero-actions .btn { min-height: 40px !important; font-size: 10.5px !important; }
  .page-foellie .hero-desire-points { gap: 5px !important; margin: 8px 0 !important; }
  .page-foellie .hero-desire-points span { padding: 5px 8px !important; font-size: 8px !important; }
  .page-foellie .hero-proof { gap: 5px !important; margin-top: 8px !important; }
  .page-foellie .hero-proof > div { min-height: 48px !important; padding: 7px !important; }
  .page-foellie .hero-proof strong { font-size: 13px !important; }
  .page-foellie .hero-proof span { font-size: 7.5px !important; }
  .page-foellie .hero-photo { height: 270px !important; border-radius: 18px !important; overflow:hidden !important; }
  .page-foellie .hero-photo img { width:100% !important; height:100% !important; object-fit:contain !important; background:#f6e8eb !important; }
  .page-foellie .real-product-card,.page-foellie .social-proof-mini { display:none !important; }

  /* Foellie brand story — no captions over image */
  .page-foellie .brand-story-card { display:block !important; }
  .page-foellie .brand-story-copy { padding: 14px 12px !important; }
  .page-foellie .brand-story-copy h2 { font-size: 25px !important; }
  .page-foellie .brand-story-copy p { font-size: 10px !important; line-height:1.36 !important; }
  .page-foellie .brand-story-media { height: 210px !important; min-height:210px !important; background:#f6e8eb !important; }
  .page-foellie .brand-story-media img { height:100% !important; object-fit:contain !important; }
  .page-foellie .brand-story-caption { display:none !important; }

  /* Foellie how-to photo: pyramid, no floating inset */
  .page-foellie .how-photo-stack { height:235px !important; min-height:235px !important; border-radius:18px !important; background:#f6e8eb !important; overflow:hidden !important; }
  .page-foellie .how-photo-main { width:100% !important; height:100% !important; object-fit:contain !important; }
  .page-foellie .how-photo-small { display:none !important; }
  .page-foellie .how-photo-stack > span { left:8px !important; right:8px !important; bottom:8px !important; font-size:8px !important; padding:6px 8px !important; }

  /* Foellie AD hero — clean, compact, May-like composition */
  .page-foellie-ad .ad-hero { padding: 22px 0 24px !important; }
  .page-foellie-ad .hero-grid { gap: 14px !important; }
  .page-foellie-ad .hero-copy { text-align:left !important; }
  .page-foellie-ad .hero-copy h1 { font-size: clamp(34px,10.2vw,44px) !important; line-height:.98 !important; }
  .page-foellie-ad .hero-copy h1 em { display:block !important; font-size:.68em !important; line-height:1.08 !important; margin-top:5px !important; }
  .page-foellie-ad .hero-lead { font-size:12px !important; line-height:1.4 !important; margin:10px 0 !important; }
  .page-foellie-ad .stock-pill { padding:5px 8px !important; font-size:8px !important; }
  .page-foellie-ad .hero-buy { grid-template-columns:1fr 1fr !important; gap:6px !important; margin:10px 0 !important; }
  .page-foellie-ad .hero-buy a { min-height:40px !important; padding:0 8px !important; font-size:9px !important; }
  .page-foellie-ad .hero-facts { grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:5px !important; }
  .page-foellie-ad .hero-facts span { min-height:45px !important; padding:6px !important; font-size:7.5px !important; }
  .page-foellie-ad .hero-facts b { font-size:11px !important; }
  .page-foellie-ad .hero-media { aspect-ratio: 1/1 !important; height: auto !important; border-radius:18px !important; background:#f6e8eb !important; box-shadow:none !important; }
  .page-foellie-ad .hero-media img { object-fit:contain !important; object-position:center !important; }
  .page-foellie-ad .hero-media > span { display:none !important; }

  /* Foellie AD brand / product / usage */
  .page-foellie-ad .brand-story-card { display:block !important; }
  .page-foellie-ad .brand-story-copy { padding:13px !important; }
  .page-foellie-ad .brand-story-copy h2 { font-size:25px !important; }
  .page-foellie-ad .brand-story-copy p { font-size:10px !important; line-height:1.35 !important; }
  .page-foellie-ad .brand-story-media { height:210px !important; background:#f6e8eb !important; }
  .page-foellie-ad .brand-story-media img { width:100% !important; height:100% !important; object-fit:contain !important; }
  .page-foellie-ad .brand-story-caption { display:none !important; }
  .page-foellie-ad .usage-card { padding:14px 12px !important; gap:12px !important; }
  .page-foellie-ad .usage-card video { max-height:330px !important; }

  /* Foellie quiz: similar density to May quiz */
  .page-foellie-ad .ad-quiz-section { padding:32px 0 !important; }
  .page-foellie-ad .ad-quiz-shell { min-height:0 !important; padding:14px 12px !important; border-radius:18px !important; }
  .page-foellie-ad .quiz-top { margin-bottom:10px !important; }
  .page-foellie-ad .quiz-top h2 { font-size:27px !important; line-height:1 !important; }
  .page-foellie-ad .quiz-top > p { font-size:10px !important; line-height:1.35 !important; }
  .page-foellie-ad .quiz-question { font-size:20px !important; margin:12px 0 9px !important; }
  .page-foellie-ad .quiz-options { gap:6px !important; }
  .page-foellie-ad .quiz-option { min-height:46px !important; padding:9px 11px !important; border-radius:12px !important; font-size:10px !important; }
  .page-foellie-ad .quiz-progress { margin:10px 0 5px !important; }
  .page-foellie-ad .quiz-counter { font-size:8px !important; }

  /* May AD hero fixes: no overlap or giant white gaps */
  .page-may-ad .ad-hero { padding:20px 0 22px !important; }
  .page-may-ad .hero-grid { gap:12px !important; }
  .page-may-ad .hero-copy h1 { font-size:clamp(33px,10vw,43px) !important; line-height:.99 !important; }
  .page-may-ad .hero-copy h1 em { font-size:.68em !important; }
  .page-may-ad .hero-lead { font-size:11px !important; line-height:1.38 !important; margin:9px 0 !important; }
  .page-may-ad .hero-buy { display:grid !important; grid-template-columns:1fr 1fr !important; gap:6px !important; margin:9px 0 !important; }
  .page-may-ad .hero-buy a { min-height:40px !important; padding:0 7px !important; font-size:9px !important; }
  .page-may-ad .hero-visual { display:flex !important; flex-direction:column !important; gap:7px !important; }
  .page-may-ad .hero-media { order:1 !important; width:min(100%,360px) !important; margin:auto !important; aspect-ratio:1/1 !important; border-radius:18px !important; }
  .page-may-ad .hero-media img { object-fit:cover !important; }
  .page-may-ad .hero-facts { order:2 !important; position:static !important; display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:5px !important; width:100% !important; }
  .page-may-ad .hero-facts span { position:static !important; transform:none !important; min-width:0 !important; min-height:44px !important; padding:6px !important; border-radius:11px !important; background:rgba(255,255,255,.72) !important; font-size:7.5px !important; line-height:1.25 !important; }
  .page-may-ad .hero-facts b { font-size:10.5px !important; }
  .page-may-ad .social-proof-strip { margin:0 !important; padding:0 !important; }
  .page-may-ad .proof-strip-grid { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:0 !important; margin:0 !important; padding:0 11px !important; overflow:visible !important; }
  .page-may-ad .proof-strip-grid > div { min-width:0 !important; padding:10px 7px !important; border-right:1px solid var(--line) !important; border-bottom:1px solid var(--line) !important; }
  .page-may-ad .proof-strip-grid strong { font-size:12px !important; }
  .page-may-ad .proof-strip-grid span { font-size:8px !important; }

  /* May product detail pages */
  .page-may-ad .product-fit { gap:12px !important; }
  .page-may-ad .product-fit-image { max-width:330px !important; margin:auto !important; border-radius:18px !important; }
  .page-may-ad .product-fit-copy h2 { font-size:29px !important; line-height:1 !important; }
  .page-may-ad .product-fit-copy > p { font-size:10.5px !important; line-height:1.35 !important; }
  .page-may-ad .fit-points { grid-template-columns:1fr !important; gap:5px !important; margin:9px 0 !important; }
  .page-may-ad .fit-points span { padding:8px 9px !important; font-size:9px !important; border-radius:11px !important; }
  .page-may-ad .fit-actions { margin-top:9px !important; gap:5px !important; }
  .page-may-ad .fit-actions a { min-height:40px !important; font-size:10px !important; }

  /* Scenarios and category cards */
  .page-may-ad .category-grid { gap:7px !important; }
  .page-may-ad .category-grid article { padding:12px !important; border-radius:15px !important; }
  .page-may-ad .category-grid h3 { font-size:18px !important; margin:8px 0 4px !important; }
  .page-may-ad .category-grid p { font-size:10px !important; line-height:1.35 !important; }
  .page-may-ad .scenario-grid article { min-width:72% !important; min-height:350px !important; border-radius:18px !important; }
  .page-may-ad .scenario-grid article img { height:350px !important; object-fit:cover !important; }
  .page-may-ad .scenario-grid article > div { padding:12px !important; }
  .page-may-ad .scenario-grid h3 { font-size:18px !important; line-height:1.02 !important; }
  .page-may-ad .scenario-grid p { font-size:9px !important; line-height:1.35 !important; }

  /* Sticky bars */
  .sticky-buy,.mobile-buybar,.ad-sticky { min-height:44px !important; padding:3px !important; }
  .sticky-buy a,.mobile-buybar a,.ad-sticky a { min-height:38px !important; }
}