/* mobile-fixes.css: phone layout fixes (2026-10-15) */
html body .packages{grid-template-columns:repeat(3,1fr)}
@media (max-width:900px){html body .packages{grid-template-columns:1fr;max-width:520px;margin-left:auto;margin-right:auto}}
@media (max-width:600px){
html body .package-card{padding:28px 22px}
html body .packages{gap:28px}
html body .alert-bar{padding:5px 12px;font-size:.72rem;gap:2px 12px;line-height:1.3}
html body .alert-bar>*{font-size:inherit}
html body .hero{padding-top:16px;padding-bottom:20px}
html body .hero .hero-eyebrow{font-size:.64rem;padding:3px 9px;margin-bottom:8px;letter-spacing:.02em}
html body .hero h1{font-size:clamp(1.55rem,6.8vw,2.4rem);line-height:1.12;margin-bottom:10px}
html body .hero .hero-sub{font-size:.9rem;line-height:1.45;margin-bottom:14px}
html body .hero .hero-price-badge{padding:7px 12px;margin-bottom:14px}
html body .hero .hero-price-badge .price{font-size:1.35rem}
html body .hero .hero-btns{gap:8px}
}