/* v499985.1 EMERGENCY CRITICAL CSS — baked into header.php so it renders even if OPcache is serving stale functions.php.
   Fixes mobile layout when LiteSpeed CSS Async hides base rules in <noscript>. */
/* TODO: update comment (needs approval): this CSS now lives in an asset file. */
.category-grid{display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:8px !important}
.category-card{display:flex !important;align-items:center !important;justify-content:center !important;padding:12px 10px !important;background:var(--colour-storefront-primary) !important;border:none !important;border-radius:10px !important;text-decoration:none !important;text-align:center !important;cursor:pointer !important}
.category-card__name{font-size:.75rem !important;font-weight:700 !important;color:var(--colour-bg-light) !important;font-family:"Outfit",system-ui,sans-serif !important;line-height:1.2 !important}
@media(min-width:769px){.category-card{padding:14px 14px !important}.category-card__name{font-size:.82rem !important}}
.promo-banner{display:flex !important;align-items:center !important;justify-content:space-between !important;padding:18px 20px !important;border-radius:16px !important;margin-bottom:16px !important;text-decoration:none !important;color:var(--colour-bg-light) !important;background:linear-gradient(135deg,var(--colour-storefront-heading),var(--colour-brand-dark))}
.promo-banner__sub{font-size:.65rem !important;font-weight:600 !important;color:var(--colour-white-alpha-0-5) !important;text-transform:uppercase !important;letter-spacing:.08em !important;font-family:"Outfit",system-ui,sans-serif !important;display:block}
.promo-banner__title{font-size:1rem !important;font-weight:800 !important;color:var(--colour-bg-light) !important;line-height:1.2 !important;margin:4px 0 !important;font-family:"Outfit",system-ui,sans-serif !important;display:block}
.promo-banner__emoji{font-size:2rem;flex-shrink:0}
.greeting{font-size:1.3rem !important;font-weight:800 !important;color:var(--colour-heading-dark) !important;margin:0 !important;font-family:"Outfit",system-ui,sans-serif !important}
.section__header{display:flex !important;align-items:center !important;justify-content:space-between !important;margin-bottom:12px !important}
.section{padding-left:20px;padding-right:20px}