/* Shared final layout layer for every public page, including direct links. */
:root{--bmk-navy568:#142b50;--bmk-amber568:#ffbb29}
html{box-sizing:border-box;-webkit-text-size-adjust:100%;text-size-adjust:100%}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;min-width:0}
main,header,footer,section,aside,article,nav,form,fieldset{min-width:0}
img,video{max-width:100%}button,input,select,textarea{max-width:100%}
.shop-nav513:not([open])>.shop-mega513{display:none!important}
.shop-nav513[open]>.shop-mega513{display:grid}
.page-header513,.product-header{flex-wrap:wrap;gap:16px}
.page-header513 nav,.product-header nav{min-width:0;flex-wrap:wrap;align-items:center}
.page-header513>.bmk-language,.product-header>.bmk-language{margin-left:auto}
.language-bar568{display:flex;justify-content:flex-end;padding:10px 16px;background:#fff;border-bottom:1px solid #dfe5ef}
.bmk-language{position:static;max-width:100%}
.bmk-language button{min-height:40px;font-size:14px!important;white-space:nowrap}
.header .header-actions #bmkAccountOpen{background:var(--bmk-amber568)!important;color:var(--bmk-navy568)!important;border:1px solid #eda50b!important}
#bmkAccountOpen .account-name550{color:var(--bmk-navy568)!important}
#bmkAccountOpen.signed-out557 img{filter:none!important;opacity:1!important}
#bmkAccountOpen.signed-out557 .account-avatar550{background:var(--bmk-navy568)!important;color:var(--bmk-amber568)!important}
#bmkAccountOpen:hover,#bmkAccountOpen:focus-visible{background:#ffd36c!important;outline-color:var(--bmk-navy568)!important}
.colour-results513,.colour-filter513,.colour-workspace,.product-hero>*,.article-layout513>*,.location-layout>*{min-width:0}
.page-header513 nav a,.product-header nav a{white-space:normal}
body:has(.privacy-banner560:not([hidden])) #location545{visibility:hidden}
body[data-page568=cart] .header :is(#searchOpen,#menuOpen){display:none!important}
@media(max-width:900px){
 .page-header513,.product-header{padding:12px 16px;gap:10px;align-items:center}
 .page-header513>a:first-child,.product-header>a:first-child{margin-right:auto;flex:none}
 .page-header513>a:first-child img,.product-header>a:first-child img{width:48px!important;height:48px!important;object-fit:contain}
 .page-header513 nav,.product-header nav{order:3;width:100%;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
 body:not(:has(.pl)) .page-header513 nav a,.product-header nav a{display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;min-height:44px;padding:7px 6px;background:#f4f6fb;border-radius:8px;text-decoration:none}
 .page-header513>.gps513{margin-left:0;padding:9px}.page-header513>.gps513 span{display:none}
 .page-header513>.bmk-language,.product-header>.bmk-language{margin-left:0}
 .colour-workspace{grid-template-columns:minmax(0,1fr)}
 #colourPage,.product-shell,#promotionArticle,#locationPage,.promotions-page{width:100%;padding:24px 16px 90px!important}
 .colour-head513 h1,.location-head h1{font-size:28px;line-height:1.4}
 .colour-head513{margin-bottom:22px}.colour-head513 p{font-size:15px}
 .colour-filter513{position:static;grid-template-columns:repeat(2,minmax(0,1fr));padding:14px;gap:12px}
 .tone-controls{grid-template-columns:repeat(2,minmax(0,1fr))}
 .tone-controls button{min-height:44px;font-size:14px!important;justify-content:flex-start;padding:10px}
 .family-strip513{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;overflow:visible}
 .family-strip513 small{font-size:12px;overflow-wrap:anywhere}
 .family-strip513 button{min-height:72px}
 .shade-grid513{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
 .shade-card513>b{font-size:14px;overflow-wrap:anywhere}.shade-link513{font-size:12px}
 .shade-meta513{flex-wrap:wrap}.shade-meta513 small{overflow-wrap:anywhere}
 .colour-results-head{flex-wrap:wrap;gap:6px}.colour-empty513{padding:28px 16px}
 .promo-slider{grid-auto-columns:100%!important;min-width:0;max-width:100%}
 .promo-content{min-width:0;overflow-wrap:anywhere}.promo-grid{grid-template-columns:minmax(0,1fr)}
 .product-grid,.shade-model-group{grid-template-columns:repeat(2,minmax(0,1fr))}
 .product-header nav .bmk-language{grid-column:1/-1}
 .comparison-scroll{max-width:100%;overscroll-behavior-x:contain}
 .spec-list dd,.store-address,.article-body513{overflow-wrap:anywhere}
 .dw-shell,.dw-card,.dw-toolbar,.pl-stage,.pl-settings,.pl-panel{min-width:0;max-width:100%}
 .dw-bar,.dw-actions,.dw-toolbar{flex-wrap:wrap;height:auto!important}
 .dw-bar strong{min-width:0!important}.dw-bar .bmk-language{margin-left:auto}
 .pl .pl-header{grid-template-columns:90px minmax(0,1fr)}
 .pl .pl-actions{grid-column:1/-1;justify-content:flex-start;min-width:0}
 .pl .pl-actions>*{max-width:100%;white-space:normal}
 .pl .pl-settings nav{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .pl .pl-header>.bmk-language{grid-column:1/-1;justify-self:end}
 dialog{max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px)!important;overflow:auto;overscroll-behavior:contain}
 dialog input,dialog select,dialog textarea,.colour-filter513 input,.colour-filter513 select{font-size:16px!important;min-width:0}
 #location545{left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));width:auto!important;max-width:360px;margin-left:0!important;max-height:45dvh;overflow:auto}
 .privacy-banner560{max-height:50dvh;overflow:auto}.privacy-banner560 h2{font-size:18px!important}.privacy-banner560 p{font-size:13px!important}
 .page-footer513{padding:24px 16px;overflow-wrap:anywhere}
}
@media(max-width:540px){
 .header{grid-template-columns:48px minmax(0,1fr) 44px 44px!important;gap:8px!important;padding:10px 12px!important}
 .header .brand{grid-column:1!important;grid-row:1!important;width:48px!important}
 .header #searchOpen{grid-column:3!important;grid-row:1!important}
 .header #menuOpen{grid-column:4!important;grid-row:1!important}
 .header .gps513{grid-column:2!important;grid-row:1!important;justify-self:end}
 .header #quoteOpen{grid-column:1!important;grid-row:2!important;justify-self:start;min-width:44px!important}
 .header .bmk-language{grid-column:3 / 5!important;grid-row:2!important;justify-self:end}
 .header #bmkAccountOpen{grid-column:2!important;grid-row:2!important;justify-self:stretch}
 .header .header-actions #bmkAccountOpen{grid-column:2!important;grid-row:2!important;min-width:0!important;width:100%!important;max-width:100%!important;padding:6px!important;gap:5px!important}
 .header #quoteOpen{font-size:0!important;gap:2px!important}.header #quoteOpen #quoteCount{font-size:12px!important;padding:2px 4px!important;min-width:16px}
 .header .gps513{width:44px!important;justify-self:end!important}
 .header #bmkAccountOpen .account-name550{font-size:12px!important;max-width:100%!important;overflow-wrap:anywhere}
 .header .bmk-language button{padding:6px!important;font-size:12px!important}
 .header .nav.open{max-height:calc(100dvh - 132px);overflow:auto!important}
 .header .shop-mega513{display:block!important;max-height:none!important;height:auto!important;overflow:visible}
 .header .shop-nav513:not([open])>.shop-mega513{display:none!important}
 .header .mega-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:240px}
 .header .mega-panel{padding:14px}.header .mega-title{display:block}.header .mega-title>a{white-space:normal}
 .header .mega-rail button{min-height:48px;padding:8px;font-size:13px!important;gap:6px}
 .header .mega-columns{grid-template-columns:minmax(0,1fr)}
 .shade-grid513{grid-template-columns:repeat(2,minmax(0,1fr))}
 .family-strip513{grid-template-columns:repeat(4,minmax(0,1fr))}
 .colour-filter513{grid-template-columns:minmax(0,1fr)}
 .colour-filter513 label{font-size:14px}.colour-pagination{gap:8px;flex-wrap:wrap}
 .colour-brand-trigger528{min-height:48px}.colour-brand-options528{max-width:100%}
 .product-hero{grid-template-columns:minmax(0,1fr)}.product-photo,.colour-hero{height:280px}
 .product-card,.color-card{padding:10px;min-width:0}.product-card h3{font-size:16px}
 .spec-list>div{padding:14px 0;grid-template-columns:minmax(0,1fr)}
 .store-card513>div{padding:18px}.article-aside513{padding:18px}.article-aside513 dl{grid-template-columns:minmax(0,1fr)}
 .article-title513 h1{font-size:26px}.article-aside513 dd{margin-bottom:16px}
 .dw-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.dw-toolbar{display:grid;grid-template-columns:minmax(0,1fr)}
 .pl .pl-swatches{grid-template-columns:repeat(3,minmax(0,1fr))}
 .pl .pl-view,.pl .pl-view .ds-fps-view{height:55dvh!important;min-height:280px!important}
 .preview .top,.preview .bottom{flex-wrap:wrap;gap:8px}.preview .top{top:12px}.preview .bottom{bottom:12px}
 .preview .bmk-language{margin-left:auto}.preview .label{max-width:100%}
}
/* v570: the shared 120px badge exceeded the inspiration grid's 64–76px column. */
.inspiration-info .brand-badge{width:100%!important;max-width:100%!important;min-width:0!important;height:38px!important;box-sizing:border-box;margin:0!important}
.inspiration-info .brand-badge img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;transform:none!important}