[hidden]{display:none!important}

/* approved palette-treated logos are wide (about 6.4:1): fit them like the approved demo entry does so the mobile header keeps the menu button on screen */
header img[data-ew-path="/globals/brand/logo_asset_id"]{max-width:230px!important;max-height:45px!important;width:auto!important;height:auto!important}
footer img[data-ew-path="/globals/brand/logo_asset_id"]{max-width:min(100%,320px)!important;max-height:60px!important;width:auto!important;height:auto!important}
@media(max-width:600px){header img[data-ew-path="/globals/brand/logo_asset_id"]{max-width:180px!important;max-height:38px!important}}

/* demo-reconcile-0929 narrow-viewport overflow guards (no change at >= 390 px; no overflow clipping on html/body):
   header logo capped to the room left beside the menu/cart buttons; long headline words wrap; the four-item proof grid stacks at <= 340 px; carousel dots wrap. */
@media(max-width:600px){header img[data-ew-path="/globals/brand/logo_asset_id"]{max-width:min(180px,calc(100vw - 150px))!important;object-fit:contain}.ew-h1,.ew-h2,.ew-lead{overflow-wrap:break-word}}
@media(max-width:340px){.ew-proof{grid-template-columns:minmax(0,1fr)}.ew-proof-item,.ew-proof-item:nth-child(odd){padding-left:0;padding-right:0}.ew-proof-item:nth-child(2){border-top:1px solid var(--rule)}.ew-cardots{flex-wrap:wrap;max-width:100%}.ew-header-in{gap:8px}}

/* Logo sizing = the approved demo entries' own rules (owner decision 2026-09-30: the approved demos have the correct logo sizes).
   Header: max 230x45 (180x38 up to 600 px); footer: max min(100%,320px) x 60; aspect ratio, asset bytes and object-fit:contain untouched. */
html body img[data-brand-logo]{width:auto!important;height:auto!important;max-width:100%;object-fit:contain;max-height:60px}
html body header img[data-brand-logo="header"]{max-width:230px!important;max-height:45px!important;width:auto!important;height:auto!important}
html body footer img[data-brand-logo="footer"]{max-width:min(100%,320px)!important;max-height:60px!important}
@media(max-width:600px){html body header img[data-brand-logo="header"]{max-width:180px!important;max-height:38px!important}}