/* MIIN CARE v9 — final approved mobile refinements */

/* The MIIN CARE mark returns to the brand-selection homepage. */
.ad-brand-wrap,.brand-wrap{display:flex;align-items:center;min-width:0;flex:1;gap:4px}
.ad-brand-home,.brand-home{flex:0 1 auto;min-width:0}
.ad-brand-current,.brand-current{flex:0 0 auto;white-space:nowrap;font-weight:900;line-height:1}
.ad-brand-current{font-size:13px}
.brand-current{font-size:14px;letter-spacing:.04em}

/* Foellie hero: same information hierarchy as the May L’Odeur hero. */
.page-foellie .hero-grid{grid-template-areas:"copy visual" "proof visual";align-items:center}
.page-foellie .hero-copy{grid-area:copy}
.page-foellie .hero-visual{grid-area:visual}
.page-foellie .hero-proof{grid-area:proof;margin-top:22px}
.page-foellie .hero-mobile-social{display:none}

@media(max-width:680px){
  .ad-brand-wrap,.brand-wrap{gap:3px}
  .ad-brand-current,.brand-current{font-size:11.5px;letter-spacing:0}
  .ad-brand-home span,.brand-home span{font-size:11.5px!important;letter-spacing:0!important}

  .page-foellie .hero{padding:25px 0 0}
  .page-foellie .hero-grid{
    display:grid;
    grid-template-columns:1fr;
    grid-template-areas:"copy" "visual" "proof" "social";
    gap:11px;
  }
  .page-foellie .hero-copy{text-align:left}
  .page-foellie .hero-copy .eyebrow{font-size:9px;margin-bottom:8px}
  .page-foellie .hero-copy h1{font-size:clamp(35px,10vw,43px);line-height:1.01;letter-spacing:-.05em}
  .page-foellie .hero-copy h1 em{display:inline;color:var(--wine);font-size:1em;font-weight:600}
  .page-foellie .hero-lead{font-size:12.5px;line-height:1.43;margin:11px 0 13px}
  .page-foellie .hero-bestseller,.page-foellie .hero-desire-points,.page-foellie .social-proof-mini{display:none!important}
  .page-foellie .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0}
  .page-foellie .hero-actions .btn{min-height:42px;padding:0 8px;border-radius:12px;font-size:10px}

  .page-foellie .hero-visual{min-height:0;margin-top:7px}
  .page-foellie .hero-photo{height:auto;aspect-ratio:1.12/1;border-radius:22px;transform:none;box-shadow:0 12px 34px rgba(91,27,51,.12)}
  .page-foellie .hero-photo img{object-fit:cover;object-position:center}

  .page-foellie .hero-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0;padding:0}
  .page-foellie .hero-proof div{min-width:0;padding:9px 7px;border-radius:12px;background:rgba(255,255,255,.78);text-align:left}
  .page-foellie .hero-proof strong{font-size:12px;line-height:1.15}
  .page-foellie .hero-proof span{font-size:8px;line-height:1.3;margin-top:2px}

  .page-foellie .hero-mobile-social{grid-area:social;display:grid;grid-template-columns:1fr 1fr;margin-inline:calc(50% - 50vw);background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  .page-foellie .hero-mobile-social div{display:grid;padding:12px 16px;min-height:64px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
  .page-foellie .hero-mobile-social div:nth-child(2n){border-right:0}
  .page-foellie .hero-mobile-social div:nth-last-child(-n+2){border-bottom:0}
  .page-foellie .hero-mobile-social strong{font-size:14px;color:var(--wine);line-height:1.1}
  .page-foellie .hero-mobile-social span{font-size:8.5px;color:var(--muted);line-height:1.3;margin-top:4px}
  .page-foellie .brand-proof-strip.foellie-proof{display:none}
}

/* Compact “Will this fragrance suit you?” block on aroma pages. */
@media(max-width:640px){
  .ad-quiz-shell:has(.product-fit){padding:13px!important;border-radius:20px!important}
  .product-fit{gap:10px!important;align-items:start!important}
  .product-fit-image{width:min(70%,230px)!important;max-width:230px!important;margin:0 auto!important;border-radius:18px!important}
  .product-fit-copy .kicker{font-size:8px!important;margin-bottom:6px!important}
  .product-fit-copy h2{font-size:29px!important;line-height:1.02!important;margin:0 0 7px!important}
  .product-fit-copy>p{font-size:10.5px!important;line-height:1.42!important;margin:0 0 8px!important}
  .fit-points{display:grid!important;grid-template-columns:1fr!important;gap:5px!important;margin:9px 0!important}
  .fit-points span{padding:7px 9px!important;border-radius:10px!important;font-size:9px!important;line-height:1.28!important}
  .fit-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important}
  .fit-actions a{width:100%!important;min-height:38px!important;padding:0 7px!important;border-radius:10px!important;font-size:9.5px!important}
  .fit-actions .compare{grid-column:1/-1}
  .product-fit-copy .quiz-counter{font-size:8.5px!important;line-height:1.35!important;margin:7px 0 0!important}
}
@media(max-width:350px){.brand-home span{display:inline!important}}