/* MIIN CARE — compact mobile system for main brand pages and Foellie ads */
@media (max-width: 680px) {
  /* Shared vertical rhythm */
  .section,
  .collections,
  .hub-desire,
  .compare,
  .trust-section,
  .official-brand-section,
  .reviews-hub,
  .choice-cta {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }
  .section-head { margin-bottom: 18px !important; }
  .section-head h2,
  .quiz-copy h2,
  .how-copy h2,
  .faq-intro h2,
  .final-card h2,
  .compact-help-copy h2,
  .returns-card h2 {
    font-size: clamp(29px, 8.6vw, 36px) !important;
    line-height: 1.02 !important;
    letter-spacing: -.045em !important;
  }
  .section-head > p,
  .quiz-copy > p:not(.kicker),
  .how-copy > p,
  .faq-intro > p,
  .compact-help-copy > p:not(.kicker),
  .returns-card p:not(.kicker) {
    font-size: 13.5px !important;
    line-height: 1.48 !important;
    margin-top: 9px !important;
  }
  .kicker { font-size: 9.5px !important; letter-spacing: .13em !important; }

  /* Main brand heroes */
  .hero { padding: 25px 0 32px !important; }
  .hero-grid { gap: 17px !important; }
  .hero-copy h1 {
    font-size: clamp(36px, 11.2vw, 46px) !important;
    line-height: .98 !important;
  }
  .hero-lead { font-size: 13.5px !important; line-height: 1.48 !important; margin: 13px 0 !important; }
  .hero-desire-points { margin-top: 11px !important; }
  .hero-desire-points span { font-size: 10px !important; padding: 6px 8px !important; }
  .hero-actions { gap: 7px !important; margin-top: 13px !important; }
  .hero-actions .btn { min-height: 43px !important; font-size: 12px !important; padding-inline: 12px !important; }
  .hero-proof { gap: 5px !important; margin-top: 13px !important; }
  .hero-proof > div { padding: 9px 7px !important; min-height: 55px !important; }
  .hero-proof strong { font-size: 15px !important; }
  .hero-proof span { font-size: 8.7px !important; line-height: 1.25 !important; }
  .hero-visual { min-height: 315px !important; }
  .hero-photo { height: 315px !important; min-height: 315px !important; border-radius: 21px !important; }
  .real-product-card { padding: 8px !important; bottom: 7px !important; }
  .real-product-card img { width: 44px !important; height: 44px !important; }
  .real-product-card strong { font-size: 12px !important; }
  .real-product-card small { font-size: 8px !important; }
  .social-proof-mini { font-size: 10px !important; }

  /* Video and emotional carousels */
  .media-showcase { padding-top: 42px !important; padding-bottom: 42px !important; }
  .media-showcase .section-head { margin-bottom: 14px !important; }
  .media-track { grid-auto-columns: 72% !important; gap: 9px !important; padding-bottom: 8px !important; }
  .media-slide { aspect-ratio: 9/12.2 !important; border-radius: 19px !important; }
  .media-slide > span { left: 12px !important; right: 12px !important; bottom: 11px !important; font-size: 12px !important; }
  .media-play { width: 42px !important; height: 42px !important; }
  .media-dots { margin-top: 0 !important; }

  .feeling-section { padding-top: 42px !important; padding-bottom: 42px !important; }
  .feeling-grid { gap: 9px !important; padding-bottom: 7px !important; }
  .feeling-card, .feeling-card:last-child { min-width: 73% !important; border-radius: 19px !important; }
  .feeling-card img { aspect-ratio: 5/3 !important; }
  .feeling-card > div { padding: 14px !important; }
  .feeling-card h3 { font-size: 18px !important; margin-bottom: 5px !important; }
  .feeling-card p { font-size: 12px !important; line-height: 1.42 !important; }

  /* Proof strip */
  .proof-title { padding-top: 12px !important; }
  .proof-grid > div { min-height: 68px !important; padding: 11px 10px !important; }
  .proof-grid strong { font-size: 16px !important; }
  .proof-grid span { font-size: 8.8px !important; }
  .proof-note { padding-bottom: 9px !important; font-size: 8px !important; }

  /* Quiz */
  .quiz-section { padding-top: 42px !important; padding-bottom: 42px !important; }
  .quiz-shell { border-radius: 20px !important; min-height: 0 !important; }
  .quiz-copy { padding: 19px 16px !important; }
  .quiz-copy h2 { margin: 6px 0 9px !important; }
  .quiz-benefits { margin-top: 12px !important; gap: 5px !important; }
  .quiz-benefits span { font-size: 9px !important; padding: 5px 7px !important; }
  .quiz-progress { margin-top: 17px !important; }
  .quiz-stage { padding: 17px 15px !important; }
  .quiz-question h3 { font-size: 24px !important; margin-bottom: 12px !important; }
  .quiz-answers { gap: 8px !important; }
  .quiz-answers button { padding: 11px 12px !important; min-height: 48px !important; font-size: 12px !important; }
  .quiz-nav { margin-top: 12px !important; }

  /* Collections and cards */
  .products-section { padding-top: 42px !important; padding-bottom: 42px !important; }
  .aroma-filters { margin-bottom: 13px !important; }
  .aroma-filters button { padding: 7px 10px !important; font-size: 10.5px !important; }
  .product-grid { gap: 10px !important; padding-bottom: 10px !important; }
  .product-card, .product-card.featured { min-width: 72% !important; border-radius: 20px !important; }
  .product-media, .featured .product-media { height: 285px !important; min-height: 0 !important; }
  .product-badge { top: 10px !important; left: 10px !important; padding: 5px 8px !important; font-size: 8.5px !important; }
  .product-body, .featured .product-body { padding: 15px !important; }
  .product-title h3 { font-size: 25px !important; }
  .product-short { font-size: 12px !important; margin-top: 5px !important; }
  .product-notes, .product-description, .product-why { font-size: 11px !important; line-height: 1.4 !important; }
  .product-note-chips { margin: 8px 0 10px !important; gap: 4px !important; }
  .product-note-chips span { font-size: 8px !important; padding: 4px 6px !important; }
  .product-facts { gap: 6px !important; padding: 8px 0 !important; }
  .product-facts > div { font-size: 10px !important; }
  .product-more { min-height: 38px !important; font-size: 11px !important; margin-top: 9px !important; }
  .product-actions { gap: 6px !important; margin-top: 7px !important; }
  .product-actions .btn { min-height: 39px !important; font-size: 11px !important; }

  /* Quick-start and ritual blocks */
  .quick-start-section { padding-top: 42px !important; padding-bottom: 42px !important; }
  .quick-grid { gap: 9px !important; padding-bottom: 8px !important; }
  .quick-card { min-width: 66% !important; border-radius: 18px !important; }
  .quick-card img { aspect-ratio: 5/3 !important; }
  .quick-card > div { padding: 12px !important; }
  .quick-card h3 { font-size: 17px !important; }
  .quick-card strong, .quick-card p { font-size: 10.5px !important; }
  .quick-actions { margin-top: 12px !important; }

  .ritual-banner-inner { margin-inline: -12px !important; border-radius: 0 !important; min-height: 0 !important; }
  .ritual-banner-copy { padding: 25px 18px !important; }
  .ritual-banner-copy h2 { font-size: 31px !important; margin: 6px 0 10px !important; }
  .ritual-banner-copy p { font-size: 13px !important; line-height: 1.45 !important; }
  .ritual-points { margin-top: 12px !important; gap: 5px !important; }
  .ritual-points span { font-size: 9.5px !important; padding: 6px 8px !important; }
  .ritual-banner-media { height: 250px !important; }

  /* Brand story */
  .brand-story-section { padding-block: 42px !important; }
  .brand-story-card { margin-inline: 0 !important; border-radius: 20px !important; }
  .brand-story-copy { padding: 22px 17px !important; }
  .brand-story-copy h2 { font-size: 31px !important; margin: 6px 0 12px !important; }
  .brand-story-copy .brand-story-lead { font-size: 14px !important; }
  .brand-story-copy p { font-size: 12px !important; line-height: 1.45 !important; }
  .brand-story-points { gap: 6px !important; margin-top: 14px !important; }
  .brand-story-points > div { padding: 10px !important; }
  .brand-story-points strong { font-size: 14px !important; }
  .brand-story-points span { font-size: 9.5px !important; }
  .brand-story-media { min-height: 250px !important; }
  .brand-story-caption { padding: 9px 11px !important; }

  /* Reviews */
  .reviews-section { padding-top: 42px !important; padding-bottom: 42px !important; }
  .review-grid { gap: 9px !important; padding-bottom: 8px !important; }
  .review-card { min-width: 74% !important; min-height: 175px !important; padding: 15px !important; border-radius: 19px !important; }
  .review-card blockquote, .review-card p { font-size: 12px !important; line-height: 1.4 !important; }
  .review-gallery { margin-top: 12px !important; padding: 11px !important; }
  .review-images img, .review-images-proof img { height: 120px !important; }

  /* Education, objections, returns, instructions */
  .what-is-section { padding-top: 42px !important; }
  .what-is-grid { display: flex !important; overflow-x: auto !important; scroll-snap-type: x mandatory !important; gap: 8px !important; margin-inline: -12px !important; padding: 0 12px 7px !important; }
  .what-is-card { min-width: 72% !important; scroll-snap-align: start !important; padding: 15px !important; border-radius: 18px !important; }
  .what-is-card > span { width: 29px !important; height: 29px !important; font-size: 9px !important; }
  .what-is-card h3 { font-size: 17px !important; margin: 10px 0 6px !important; }
  .what-is-card p { font-size: 11.5px !important; line-height: 1.42 !important; }
  .category-note { margin-top: 10px !important; padding: 11px 12px !important; }
  .category-note span { font-size: 11px !important; }

  .objections-section { padding-top: 42px !important; padding-bottom: 42px !important; }
  .objections-grid { gap: 7px !important; }
  .objection-card { border-radius: 15px !important; }
  .objection-card summary { padding: 13px 13px !important; font-size: 12.5px !important; }
  .objection-card summary span { width: 23px !important; height: 23px !important; font-size: 16px !important; }
  .objection-card p { padding: 0 13px 13px !important; font-size: 11.5px !important; line-height: 1.45 !important; }

  .returns-card, .compact-help-card { padding: 17px 14px !important; border-radius: 19px !important; gap: 15px !important; }
  .returns-points { margin-top: 12px !important; gap: 5px !important; }
  .returns-points span { padding: 7px 8px !important; font-size: 9.5px !important; }
  .returns-side { padding: 15px !important; border-radius: 16px !important; }
  .returns-side strong { font-size: 16px !important; }
  .returns-side span { font-size: 10px !important; margin: 5px 0 12px !important; }

  .how-grid { gap: 17px !important; }
  .how-photo-stack { min-height: 335px !important; }
  .how-photo-main { min-height: 335px !important; }
  .how-photo-small { bottom: 46px !important; }
  .steps { gap: 7px !important; }
  .steps li { grid-template-columns: 33px 1fr !important; gap: 8px !important; padding: 9px 0 !important; }
  .steps li > span { width: 31px !important; height: 31px !important; font-size: 10px !important; }
  .steps strong { font-size: 13px !important; }
  .steps p { font-size: 11px !important; line-height: 1.42 !important; }
  .safety-note { padding: 11px !important; font-size: 10.5px !important; }

  .contact-form { gap: 8px !important; }
  .contact-form input, .contact-form textarea { padding: 10px 11px !important; font-size: 12px !important; }
  .contact-form textarea { min-height: 82px !important; }

  .faq-grid { gap: 16px !important; }
  .faq-list summary { padding-block: 12px !important; font-size: 13px !important; }
  .faq-answer p { font-size: 11.5px !important; line-height: 1.45 !important; }

  .final-card { padding: 17px 14px !important; border-radius: 19px !important; }
  .final-card h2 { margin: 4px 0 8px !important; }
  .final-card p { font-size: 11.5px !important; line-height: 1.4 !important; }
  .final-actions { gap: 6px !important; }
  .final-actions .btn { min-height: 41px !important; font-size: 11px !important; }

  /* Sticky CTA */
  .mobile-buybar { left: 8px !important; right: 8px !important; padding: 4px !important; border-radius: 14px !important; }
  .mobile-buybar a { min-height: 40px !important; font-size: 10.5px !important; border-radius: 10px !important; }

  /* Root page */
  .hub-hero { padding: 32px 0 39px !important; }
  .hub-hero h1 { font-size: clamp(38px, 11.6vw, 48px) !important; }
  .hub-hero .hero-lead { font-size: 13.5px !important; line-height: 1.48 !important; }
  .hero-stats { margin-top: 18px !important; }
  .hero-stats div { min-height: 58px !important; padding: 9px !important; }
  .brand-card { min-height: 420px !important; border-radius: 20px !important; }
  .brand-card h3 { font-size: 39px !important; }
  .card-image { height: 210px !important; }
  .card-copy { padding: 17px !important; }
  .hub-desire-card, .hub-desire-card:first-child { min-height: 330px !important; flex-basis: 75vw !important; }
  .hub-desire-copy { padding: 17px !important; }
  .hub-desire-copy h3 { font-size: 22px !important; }
  .compare-shell { padding: 18px 14px !important; }
  .trust-cards article, .official-brand-card { padding: 17px !important; }
  .testimonial-grid article { padding: 15px !important; }
}

/* Foellie ad pages */
@media (max-width: 620px) {
  .ad-header { height: 55px !important; }
  .ad-hero { padding: 28px 0 25px !important; }
  .ad-hero h1 { font-size: clamp(34px, 10.3vw, 43px) !important; line-height: .99 !important; }
  .ad-hero .hero-lead { font-size: 13px !important; line-height: 1.48 !important; margin: 12px 0 !important; }
  .ad-hero .hero-buy { gap: 6px !important; }
  .ad-hero .hero-buy a { min-height: 42px !important; font-size: 11px !important; }
  .ad-hero .hero-facts { gap: 6px !important; }
  .ad-hero .hero-facts span { padding: 7px !important; font-size: 9px !important; }
  .ad-hero .hero-media { max-height: 350px !important; }
  .ad-hero .hero-media img { max-height: 350px !important; object-fit: cover !important; }
  .ad-video-section { padding-top: 42px !important; padding-bottom: 42px !important; }
  .ad-video-card, .ad-video-featured { min-width: 72% !important; aspect-ratio: 9/12.4 !important; }
  .benefits, .section, .ad-quiz-section { padding-top: 42px !important; padding-bottom: 42px !important; }
  .benefits h2, .ad-quiz-section h2, .section-head h2 { font-size: 31px !important; }
  .benefit-grid article { padding: 14px !important; }
  .ad-quiz-shell { padding: 18px 14px !important; }
  .quiz-question { font-size: 22px !important; margin: 16px 0 12px !important; }
  .quiz-option { min-height: 49px !important; padding: 11px 12px !important; font-size: 11px !important; }
  .scent-card { min-width: 72% !important; }
  .scent-card img { max-height: 285px !important; }
  .scent-copy { padding: 15px !important; }
  .review-card { min-width: 74% !important; }
  .review-thumb { height: 175px !important; }
  .usage-card { padding: 17px 14px !important; }
  .usage-card video { max-height: 360px !important; }
  .brand-story-card { padding: 12px !important; gap: 15px !important; }
  .brand-story-media, .brand-story-media img { min-height: 245px !important; }
  .brand-story-copy h2 { font-size: 30px !important; }
  .final-card { padding: 18px 14px !important; }
  .ad-sticky { padding: 4px !important; border-radius: 14px !important; }
  .ad-sticky a { min-height: 40px !important; font-size: 10.5px !important; }
}

/* Use one compact white header on mobile, with a direct collection CTA. */
@media (max-width: 680px) {
  .miin-network { display: none !important; }
  body { padding-top: 0 !important; }
  .site-header,
  .hub-header {
    display: block !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 100 !important;
    background: rgba(255,250,248,.96) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
  }
  .site-header .header-inner,
  .hub-header .header-inner { height: 58px !important; }
  .site-header .brand { gap: 8px !important; }
  .site-header .brand img { width: 34px !important; height: 34px !important; }
  .site-header .brand span { font-size: 11.5px !important; white-space: nowrap !important; }
  .site-header .header-buy { min-height: 38px !important; padding: 0 12px !important; font-size: 10.5px !important; }
}