/* Exact W24 artwork stays unchanged; give the horizontal logo its own space. */
.brand--claim{display:block;min-width:0;max-width:480px;width:100%;line-height:0}
.brand--claim .brand-claim-image{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;filter:none}
.site-header .header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand actions" "nav nav";height:auto;min-height:0;gap:8px 24px;padding-block:12px}
.site-header .brand--claim{grid-area:brand;justify-self:start}
.site-header .header-actions{grid-area:actions;justify-self:end}
.site-header .main-nav{grid-area:nav;position:static;justify-content:flex-start;margin:0;gap:28px}
.site-footer .brand--claim{background:#fff;border:1px solid #d6e3ed;border-radius:6px;padding:14px;width:min(100%,480px);flex-shrink:1;box-sizing:border-box}
.site-footer .footer-top{gap:24px;align-items:center}
/* Native BPD config hook120 supplies the same exact static SVG. Preserve all controls. */
body .bpd-shop-shell.bpd-ux-compact .bpd-shop-header{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand brand" "steps close";height:auto;gap:6px 12px;padding:8px 14px!important}
body .bpd-shop-shell.bpd-ux-compact .bpd-shop-brand{grid-area:brand;display:flex;flex-direction:column;align-items:flex-start;gap:3px;width:100%;min-width:0}
body .bpd-shop-shell.bpd-ux-compact .bpd-shop-brand img.bpd-shop-brand-logo{width:min(100%,400px)!important;height:auto!important;max-width:100%;object-fit:contain;filter:none}
body .bpd-shop-shell.bpd-ux-compact .bpd-shop-product-name{max-width:100%;font-size:14px;white-space:normal;overflow-wrap:anywhere}
body .bpd-shop-shell.bpd-ux-compact .bpd-shop-header>.bpd-shop-steps{grid-area:steps;justify-self:start;flex-wrap:wrap;min-width:0}
body .bpd-shop-shell.bpd-ux-compact .bpd-shop-header>.bpd-shop-close{grid-area:close;justify-self:end;min-height:44px}
@media(max-width:1040px){
 .site-header .header-inner{grid-template-columns:minmax(0,1fr);grid-template-areas:"brand" "actions";gap:3px;padding-block:8px}
 .site-header .brand--claim{width:100%;max-width:480px;justify-self:center}
 .site-header .header-actions{justify-self:end}
 .site-header .main-nav{display:none;position:absolute;top:100%;left:0;right:0;grid-area:auto;gap:0}
 .site-header .main-nav.is-open{display:flex;flex-direction:column;align-items:stretch}
 .site-header .menu-toggle{display:flex!important}
}
@media(max-width:600px){
 .site-footer .brand--claim{padding:10px;max-width:100%}
 .site-footer .footer-top{display:flex;flex-direction:column;align-items:flex-start}
 body .bpd-shop-shell.bpd-ux-compact.is-modal .bpd-shop-header{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand brand" "steps close";padding:7px 8px!important;gap:5px}
 body .bpd-shop-shell.bpd-ux-compact .bpd-shop-brand img.bpd-shop-brand-logo{width:100%!important;max-width:400px;height:auto!important}
 body .bpd-shop-shell.bpd-ux-compact .bpd-shop-header>.bpd-shop-steps{gap:4px}
 body .bpd-shop-shell.bpd-ux-compact .bpd-shop-header>.bpd-shop-steps button{font-size:12px;padding:6px;min-height:40px}
}