/* MIIN CARE — final mobile compact pass, 05.08.2026 */
@media (max-width: 680px) {
  :root { --mobile-gap: 12px; }
  html { scroll-padding-top: 68px; }
  body { padding-bottom: 62px !important; overflow-x: hidden; }
  .container, .ad-container { width: min(100% - 24px, 1180px) !important; }

  /* Header */
  .site-header, .hub-header, .ad-header {
    min-height: 58px !important;
    height: 58px !important;
  }
  .site-header .container, .hub-header .container, .ad-header .ad-container,
  .site-header-inner, .hub-header-inner, .ad-header-inner {
    min-height: 58px !important;
    height: 58px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .site-logo img, .hub-logo img, .ad-logo img, .header-brand img { width: 34px !important; height: 34px !important; }
  .site-logo strong, .hub-logo strong, .ad-logo strong, .header-brand strong { font-size: 14px !important; }
  .header-cta, .header-button, .ad-header .btn, .site-header .btn {
    min-height: 38px !important;
    height: 38px !important;
    padding: 0 14px !important;
    font-size: 11px !important;
    border-radius: 18px !important;
  }

  /* Universal section rhythm */
  main > section, .section, .collections, .hub-desire, .compare, .trust-section,
  .official-brand-section, .reviews-hub, .choice-cta, .benefits, .category,
  .scenarios, .ritual, .ugc, .formula, .midra-teaser {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .section-head { margin-bottom: 12px !important; gap: 8px !important; }
  .section-head h2, .section-title, .quiz-copy h2, .faq-intro h2, .how-copy h2,
  .returns-card h2, .compact-help-copy h2, .final-card h2 {
    font-size: clamp(27px, 8.1vw, 33px) !important;
    line-height: 1.02 !important;
    letter-spacing: -.045em !important;
    margin-top: 4px !important;
    margin-bottom: 8px !important;
  }
  .section-head > p, .section-head div + p, .section-intro, .hero-lead,
  .quiz-copy > p:not(.kicker), .how-copy > p, .faq-intro > p,
  .returns-card p:not(.kicker), .compact-help-copy > p:not(.kicker) {
    font-size: 12.5px !important;
    line-height: 1.42 !important;
    margin-top: 6px !important;
    margin-bottom: 8px !important;
  }
  .kicker, .eyebrow { font-size: 9px !important; line-height: 1.25 !important; letter-spacing: .14em !important; }
  .btn { min-height: 40px !important; padding: 8px 13px !important; font-size: 11px !important; border-radius: 13px !important; }

  /* Main brand heroes */
  .page-foellie .hero, .page-may .hero { padding: 22px 0 24px !important; }
  .page-foellie .hero-grid, .page-may .hero-grid { gap: 13px !important; }
  .page-foellie .hero-copy h1, .page-may .hero-copy h1 {
    font-size: clamp(34px, 10.4vw, 42px) !important;
    line-height: .98 !important;
    margin-bottom: 8px !important;
  }
  .page-foellie .hero-lead, .page-may .hero-lead { margin: 8px 0 10px !important; }
  .hero-actions { gap: 6px !important; margin-top: 9px !important; }
  .hero-actions .btn { min-height: 40px !important; }
  .hero-desire-points { margin-top: 8px !important; gap: 4px !important; }
  .hero-desire-points span { padding: 5px 7px !important; font-size: 8.5px !important; }
  .hero-proof { margin-top: 9px !important; gap: 5px !important; }
  .hero-proof > div { min-height: 47px !important; padding: 7px 6px !important; border-radius: 13px !important; }
  .hero-proof strong { font-size: 14px !important; }
  .hero-proof span { font-size: 7.8px !important; }
  .hero-visual, .hero-photo { min-height: 250px !important; height: 250px !important; border-radius: 18px !important; }
  .real-product-card { padding: 6px !important; bottom: 6px !important; }

  /* Media / photo carousels */
  .media-showcase, .feeling-section, .reviews-section, .products-section,
  .quiz-section, .brand-story-section, .what-is-section, .objections-section,
  .returns-section, .how-section, .faq-section, .compact-help, .final-cta {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .media-track { grid-auto-columns: 65% !important; gap: 8px !important; }
  .media-slide { aspect-ratio: 9/11.1 !important; border-radius: 16px !important; }
  .media-slide > span { left: 10px !important; right: 10px !important; bottom: 9px !important; font-size: 10.5px !important; }
  .media-play { width: 36px !important; height: 36px !important; }
  .feeling-grid { gap: 8px !important; }
  .feeling-card, .feeling-card:last-child { min-width: 67% !important; border-radius: 16px !important; }
  .feeling-card img { aspect-ratio: 16/9 !important; }
  .feeling-card > div { padding: 11px !important; }
  .feeling-card h3 { font-size: 16px !important; margin: 0 0 4px !important; }
  .feeling-card p { font-size: 10.5px !important; line-height: 1.35 !important; }

  /* Brand proof bars */
  .brand-proof-strip { padding: 0 !important; }
  .proof-title { padding-top: 8px !important; }
  .proof-grid { gap: 0 !important; }
  .proof-grid > div { min-height: 55px !important; padding: 8px !important; }
  .proof-grid strong { font-size: 14px !important; }
  .proof-grid span { font-size: 7.7px !important; }
  .proof-note { padding: 6px 10px 8px !important; font-size: 7.5px !important; }

  /* Quizzes */
  .quiz-shell, .ad-quiz-shell { min-height: 0 !important; border-radius: 18px !important; }
  .quiz-copy, .quiz-stage, .ad-quiz-shell { padding: 14px 13px !important; }
  .quiz-copy h2 { margin: 4px 0 7px !important; }
  .quiz-benefits { margin-top: 8px !important; gap: 4px !important; }
  .quiz-benefits span { padding: 4px 6px !important; font-size: 8px !important; }
  .quiz-progress { margin-top: 11px !important; }
  .quiz-question h3, .quiz-question { font-size: 20px !important; line-height: 1.08 !important; margin: 10px 0 !important; }
  .quiz-question > p { font-size: 12px !important; line-height: 1.35 !important; }
  .quiz-answers, .quiz-options { gap: 6px !important; }
  .quiz-answers button, .quiz-option {
    min-height: 42px !important;
    padding: 9px 10px !important;
    font-size: 10.5px !important;
    border-radius: 12px !important;
  }
  .quiz-nav { margin-top: 8px !important; }

  /* Product collections */
  .aroma-filters { margin-bottom: 9px !important; gap: 5px !important; }
  .aroma-filters button { padding: 6px 8px !important; font-size: 9px !important; }
  .product-grid { gap: 8px !important; }
  .product-card, .product-card.featured { min-width: 68% !important; border-radius: 17px !important; }
  .product-media, .featured .product-media { height: 220px !important; }
  .product-badge { top: 8px !important; left: 8px !important; padding: 4px 7px !important; font-size: 7.5px !important; }
  .product-body, .featured .product-body { padding: 11px !important; }
  .product-title h3 { font-size: 22px !important; line-height: 1 !important; }
  .product-short { font-size: 11px !important; margin-top: 4px !important; }
  .product-description, .product-why, .product-notes {
    font-size: 9.8px !important;
    line-height: 1.35 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }
  .product-note-chips { margin: 6px 0 7px !important; gap: 3px !important; }
  .product-note-chips span { font-size: 7.2px !important; padding: 3px 5px !important; }
  .product-facts { padding: 6px 0 !important; gap: 4px !important; }
  .product-facts > div { font-size: 8.5px !important; }
  .product-more, .product-actions .btn { min-height: 34px !important; font-size: 9.5px !important; }
  .product-actions { gap: 5px !important; margin-top: 5px !important; }

  /* Brand story: one compact screen, not two */
  .brand-story-card { border-radius: 18px !important; overflow: hidden !important; }
  .brand-story-copy { padding: 16px 14px !important; }
  .brand-story-copy h2 { font-size: 27px !important; line-height: 1.01 !important; margin: 4px 0 8px !important; }
  .brand-story-copy .brand-story-lead { font-size: 12px !important; line-height: 1.4 !important; }
  .brand-story-copy p { font-size: 10.5px !important; line-height: 1.4 !important; margin: 6px 0 !important; }
  .brand-story-points { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 5px !important; margin-top: 10px !important; }
  .brand-story-points > div { min-height: 58px !important; padding: 8px !important; border-radius: 12px !important; }
  .brand-story-points strong { font-size: 12px !important; }
  .brand-story-points span { font-size: 7.8px !important; line-height: 1.25 !important; }
  .brand-story-media { min-height: 190px !important; height: 190px !important; }
  .brand-story-media img { height: 190px !important; object-fit: cover !important; }
  .brand-story-caption { padding: 6px 8px !important; font-size: 8px !important; }

  /* Reviews */
  .review-grid { gap: 8px !important; }
  .review-card { min-width: 68% !important; min-height: 0 !important; height: auto !important; padding: 12px !important; border-radius: 16px !important; }
  .review-card blockquote, .review-card p { font-size: 10.5px !important; line-height: 1.35 !important; }
  .review-card footer, .review-card cite { margin-top: 8px !important; font-size: 9px !important; }
  .review-gallery { margin-top: 9px !important; padding: 8px !important; }
  .review-images, .review-images-proof { gap: 7px !important; }
  .review-images img, .review-images-proof img { height: 95px !important; border-radius: 12px !important; }

  /* Education / objections / returns */
  .what-is-grid { gap: 7px !important; }
  .what-is-card { min-width: 66% !important; padding: 12px !important; border-radius: 15px !important; }
  .what-is-card > span { width: 25px !important; height: 25px !important; font-size: 8px !important; }
  .what-is-card h3 { font-size: 15px !important; margin: 8px 0 4px !important; }
  .what-is-card p { font-size: 10px !important; line-height: 1.35 !important; }
  .category-note { margin-top: 8px !important; padding: 9px 10px !important; border-radius: 12px !important; }
  .category-note strong, .category-note span { font-size: 9.5px !important; line-height: 1.35 !important; }
  .objections-grid { gap: 6px !important; }
  .objection-card summary { padding: 11px !important; font-size: 11px !important; }
  .objection-card p { padding: 0 11px 11px !important; font-size: 9.8px !important; line-height: 1.38 !important; }
  .objection-card summary span { width: 21px !important; height: 21px !important; }
  .returns-card { padding: 14px 12px !important; gap: 10px !important; border-radius: 17px !important; }
  .returns-card h2 { font-size: 27px !important; }
  .returns-points { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 4px !important; margin-top: 8px !important; }
  .returns-points span { padding: 5px 4px !important; font-size: 7.5px !important; text-align: center !important; }
  .returns-side { padding: 11px !important; border-radius: 13px !important; }
  .returns-side strong { font-size: 14px !important; }
  .returns-side span { margin: 3px 0 8px !important; font-size: 8.5px !important; }

  /* How-to */
  .how-grid { gap: 12px !important; }
  .how-photo-stack, .how-photo-main { min-height: 245px !important; height: 245px !important; border-radius: 17px !important; }
  .how-photo-small { width: 32% !important; bottom: 34px !important; right: 8px !important; }
  .how-photo-stack > span { font-size: 8.5px !important; padding: 7px 9px !important; }
  .steps { gap: 4px !important; }
  .steps li { grid-template-columns: 28px 1fr !important; gap: 7px !important; padding: 6px 0 !important; }
  .steps li > span { width: 27px !important; height: 27px !important; font-size: 9px !important; }
  .steps strong { font-size: 11.5px !important; }
  .steps p { font-size: 9.8px !important; line-height: 1.35 !important; margin-top: 2px !important; }
  .safety-note { padding: 9px !important; font-size: 9px !important; line-height: 1.35 !important; }

  /* Anonymous form */
  .compact-help-card { padding: 14px 12px !important; gap: 11px !important; border-radius: 17px !important; }
  .compact-help-copy h2 { font-size: 28px !important; }
  .compact-help-copy p { margin-bottom: 5px !important; }
  .confidential-note { font-weight: 600 !important; color: #7b1538 !important; font-size: 10px !important; line-height: 1.35 !important; }
  .contact-form { gap: 6px !important; }
  .contact-form label { font-size: 10.5px !important; gap: 4px !important; }
  .contact-form input, .contact-form textarea { padding: 9px 10px !important; font-size: 11px !important; border-radius: 11px !important; }
  .contact-form textarea { min-height: 72px !important; }
  .privacy-check { font-size: 9px !important; }
  .contact-form button { min-height: 40px !important; }

  /* FAQ and final CTA */
  .faq-grid { gap: 12px !important; }
  .faq-list summary { padding: 10px 0 !important; font-size: 11px !important; }
  .faq-answer p { font-size: 9.8px !important; line-height: 1.38 !important; }
  .final-card { padding: 14px 12px !important; border-radius: 17px !important; gap: 9px !important; }
  .final-card img { width: 48px !important; height: 48px !important; }
  .final-card h2 { font-size: 27px !important; }
  .final-card p { font-size: 9.8px !important; }
  .final-actions { gap: 5px !important; }

  /* Sticky CTA: less screen obstruction */
  .mobile-buybar, .ad-sticky {
    left: 8px !important; right: 8px !important; bottom: 8px !important;
    min-height: 46px !important; padding: 3px !important; border-radius: 14px !important;
  }
  .mobile-buybar a, .ad-sticky a { min-height: 38px !important; font-size: 9.5px !important; border-radius: 10px !important; }

  /* Root / hub */
  .page-root .hub-hero { padding: 24px 0 28px !important; }
  .page-root .hub-hero h1 { font-size: clamp(35px,10.5vw,43px) !important; line-height: .98 !important; }
  .page-root .hero-stats { margin-top: 10px !important; gap: 0 !important; }
  .page-root .hero-stats div { min-height: 48px !important; padding: 7px !important; }
  .page-root .brand-card { min-height: 0 !important; border-radius: 17px !important; }
  .page-root .brand-card h3 { font-size: 31px !important; }
  .page-root .card-image { height: 180px !important; }
  .page-root .card-copy { padding: 13px !important; }
  .page-root .card-copy p { font-size: 11px !important; line-height: 1.38 !important; }
  .page-root .hub-desire-card, .page-root .hub-desire-card:first-child { min-height: 260px !important; flex-basis: 70vw !important; }
  .page-root .hub-desire-copy { padding: 13px !important; }
  .page-root .hub-desire-copy h3 { font-size: 19px !important; }
  .page-root .compare-shell { padding: 14px 12px !important; border-radius: 17px !important; }
  .page-root .compare-card, .page-root .compare-brand { padding: 12px !important; }
  .page-root .compare-card h3, .page-root .compare-brand h3 { font-size: 24px !important; }
  .page-root .compare-card p, .page-root .compare-brand p,
  .page-root .compare-card li, .page-root .compare-brand li { font-size: 10.5px !important; line-height: 1.4 !important; }
  .page-root .trust-cards { gap: 8px !important; }
  .page-root .trust-cards article { padding: 13px !important; min-height: 0 !important; border-radius: 15px !important; }
  .page-root .trust-cards article h3 { font-size: 18px !important; }
  .page-root .trust-cards article p { font-size: 10px !important; line-height: 1.38 !important; }
  .page-root .official-brand-card { padding: 14px !important; border-radius: 16px !important; }
  .page-root .official-stat-grid { gap: 5px !important; }
  .page-root .official-stat-grid > div { padding: 9px !important; min-height: 54px !important; }
  .page-root .testimonial-grid { gap: 8px !important; }
  .page-root .testimonial-grid article { min-height: 0 !important; padding: 12px !important; border-radius: 15px !important; }
  .page-root .testimonial-grid blockquote { font-size: 11px !important; line-height: 1.38 !important; }
  .page-root .choice-cta > .container, .page-root .choice-card { padding: 14px !important; }

  /* Hide May L'Odeur WB actions temporarily but keep URLs in JS/data. */
  .page-may .btn-wb, .page-may .mobile-wb, .page-may [data-product-wb],
  .page-may-ad .btn-wb, .page-may-ad .mobile-wb, .page-may-ad [data-marketplace="wb"],
  .page-may-ad a[href*="wildberries"], .page-may a[href*="wildberries"] { display: none !important; }
}

/* Foellie advertising pages */
@media (max-width: 620px) {
  .page-foellie-ad .ad-hero { padding: 22px 0 !important; }
  .page-foellie-ad .ad-hero h1 { font-size: clamp(33px,9.8vw,40px) !important; }
  .page-foellie-ad .ad-hero .hero-lead { margin: 8px 0 !important; font-size: 12px !important; }
  .page-foellie-ad .hero-buy, .page-foellie-ad .hero-actions { gap: 5px !important; }
  .page-foellie-ad .hero-facts { gap: 5px !important; margin-top: 8px !important; }
  .page-foellie-ad .hero-facts span { padding: 5px !important; font-size: 8px !important; }
  .page-foellie-ad .hero-media, .page-foellie-ad .hero-media img { max-height: 275px !important; }
  .page-foellie-ad .ad-video-card, .page-foellie-ad .ad-video-featured { min-width: 65% !important; aspect-ratio: 9/11.2 !important; }
  .page-foellie-ad .benefit-grid { gap: 7px !important; }
  .page-foellie-ad .benefit-grid article { padding: 11px !important; min-height: 0 !important; }
  .page-foellie-ad .benefit-grid h3 { font-size: 17px !important; }
  .page-foellie-ad .benefit-grid p { font-size: 9.8px !important; }
  .page-foellie-ad .scent-card { min-width: 67% !important; border-radius: 17px !important; }
  .page-foellie-ad .scent-card img { max-height: 220px !important; }
  .page-foellie-ad .scent-copy { padding: 11px !important; }
  .page-foellie-ad .scent-copy h3 { font-size: 23px !important; }
  .page-foellie-ad .scent-copy p { font-size: 9.8px !important; line-height: 1.35 !important; }
  .page-foellie-ad .brand-story-card { padding: 9px !important; gap: 10px !important; }
  .page-foellie-ad .brand-story-media, .page-foellie-ad .brand-story-media img { min-height: 190px !important; height: 190px !important; }
  .page-foellie-ad .review-thumb { height: 130px !important; }
  .page-foellie-ad .usage-card { padding: 13px 11px !important; }
  .page-foellie-ad .usage-card video { max-height: 270px !important; }
}

/* May L'Odeur advertising and product landing pages */
@media (max-width: 620px) {
  .page-may-ad .ad-header { height: 58px !important; }
  .page-may-ad .ad-hero { padding: 22px 0 20px !important; }
  .page-may-ad .ad-hero h1 { font-size: clamp(32px,9.7vw,39px) !important; line-height: .98 !important; }
  .page-may-ad .ad-hero .hero-highlight, .page-may-ad .hero-accent { font-size: 24px !important; line-height: 1.02 !important; }
  .page-may-ad .ad-hero p { font-size: 11.5px !important; line-height: 1.4 !important; }
  .page-may-ad .hero-actions { gap: 5px !important; }
  .page-may-ad .hero-actions a { min-height: 40px !important; font-size: 10px !important; }
  .page-may-ad .hero-collection, .page-may-ad .hero-media { margin-top: 12px !important; }
  .page-may-ad .hero-collection img, .page-may-ad .hero-media img { max-height: 280px !important; object-fit: cover !important; }
  .page-may-ad .social-proof-strip { padding: 10px 0 !important; }
  .page-may-ad .proof-grid, .page-may-ad .social-proof-grid { gap: 5px !important; }
  .page-may-ad .proof-card, .page-may-ad .social-proof-grid > div { padding: 8px !important; min-height: 50px !important; }
  .page-may-ad .category-grid { gap: 7px !important; }
  .page-may-ad .category-card, .page-may-ad .category-grid article { padding: 11px !important; min-height: 0 !important; border-radius: 15px !important; }
  .page-may-ad .category-card h3, .page-may-ad .category-grid h3 { font-size: 16px !important; }
  .page-may-ad .category-card p, .page-may-ad .category-grid p { font-size: 9.8px !important; line-height: 1.35 !important; }
  .page-may-ad .scenario-grid { gap: 8px !important; }
  .page-may-ad .scenario-grid article { min-width: 67% !important; border-radius: 17px !important; }
  .page-may-ad .scenario-grid article img { height: 270px !important; object-fit: cover !important; }
  .page-may-ad .scenario-grid article > div { padding: 11px !important; }
  .page-may-ad .scenario-grid small { font-size: 7.5px !important; }
  .page-may-ad .scenario-grid h3 { font-size: 17px !important; line-height: 1.08 !important; }
  .page-may-ad .scenario-grid p { font-size: 9.5px !important; line-height: 1.35 !important; }
  .page-may-ad .ritual-card, .page-may-ad .ritual-shell { gap: 10px !important; }
  .page-may-ad .ritual-media, .page-may-ad .ritual video { max-height: 320px !important; height: 320px !important; }
  .page-may-ad .ritual-steps article, .page-may-ad .ritual-step { padding: 9px !important; min-height: 0 !important; }
  .page-may-ad .ugc-track { gap: 8px !important; }
  .page-may-ad .ugc-card { min-width: 65% !important; aspect-ratio: 9/11.2 !important; border-radius: 17px !important; }
  .page-may-ad .ad-quiz-shell { padding: 13px 11px !important; border-radius: 17px !important; }
  .page-may-ad .ad-quiz-shell h2 { font-size: 28px !important; }
  .page-may-ad .scents-intro { margin-bottom: 10px !important; }
  .page-may-ad .scents-intro h2 { font-size: 29px !important; }
  .page-may-ad .first-choice { padding: 10px 11px !important; margin: 8px 0 10px !important; border-radius: 14px !important; }
  .page-may-ad .first-choice p, .page-may-ad .first-choice strong { font-size: 10px !important; }
  .page-may-ad .scent-card { min-width: 67% !important; border-radius: 17px !important; }
  .page-may-ad .scent-card img { height: 220px !important; object-fit: cover !important; }
  .page-may-ad .scent-card-copy, .page-may-ad .scent-copy { padding: 11px !important; }
  .page-may-ad .scent-card h3 { font-size: 22px !important; }
  .page-may-ad .scent-card p { font-size: 9.5px !important; line-height: 1.34 !important; }
  .page-may-ad .formula-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 6px !important; }
  .page-may-ad .formula-card, .page-may-ad .formula-grid article { min-height: 0 !important; padding: 10px !important; border-radius: 14px !important; }
  .page-may-ad .formula-card strong, .page-may-ad .formula-grid strong { font-size: 14px !important; }
  .page-may-ad .formula-card h3, .page-may-ad .formula-grid h3 { font-size: 12px !important; }
  .page-may-ad .formula-card p, .page-may-ad .formula-grid p { font-size: 8.5px !important; line-height: 1.3 !important; }
  .page-may-ad .midra-teaser-card, .page-may-ad .midra-teaser > .ad-container > div { padding: 14px !important; border-radius: 17px !important; }
  .page-may-ad .midra-teaser h2 { font-size: 27px !important; }
  .page-may-ad .midra-teaser p { font-size: 10.5px !important; }
  .page-may-ad .product-fit { gap: 12px !important; padding: 12px !important; border-radius: 17px !important; }
  .page-may-ad .product-fit-image img { max-height: 300px !important; object-fit: cover !important; border-radius: 15px !important; }
  .page-may-ad .product-fit-copy h2 { font-size: 30px !important; margin: 5px 0 8px !important; }
  .page-may-ad .product-fit-copy > p { font-size: 11px !important; line-height: 1.38 !important; }
  .page-may-ad .fit-points { gap: 5px !important; margin-top: 8px !important; }
  .page-may-ad .fit-points span { padding: 8px !important; font-size: 9px !important; }
  .page-may-ad .fit-actions { gap: 5px !important; margin-top: 8px !important; }
  .page-may-ad .faq details { border-radius: 13px !important; }
  .page-may-ad .faq summary { padding: 10px !important; font-size: 10.5px !important; }
  .page-may-ad .faq details p { padding: 0 10px 10px !important; font-size: 9.5px !important; }
  .page-may-ad final, .page-may-ad .final { padding: 22px 0 74px !important; }
}