/* v575: a comfortable, consistent reading frame across public pages. */
:root{--site-frame575:1500px;--site-gutter575:max(clamp(18px,4.5vw,72px),calc((100vw - var(--site-frame575))/2))}
html{scroll-padding-top:100px}
body{overflow-x:clip}
body .header,body .page-header513,body .product-header{padding-inline:var(--site-gutter575)!important}
body .header:after{left:var(--site-gutter575)!important}
@media(min-width:901px){
  main#main .hero{height:min(560px,64vh)!important;min-height:500px!important;max-height:560px!important}
  main#main .hero-content{left:var(--site-gutter575)!important;bottom:15%!important}
  main#main .intro-strip{padding:18px var(--site-gutter575)!important}
  main#main>.section,main#main>.catalog-section,main#main>.promotions-section,main#main>.collection-section,main#main>.bmk-atelier-entry,main#main>.contact{padding-inline:var(--site-gutter575)!important}
  main#main>.section{padding-block:54px!important}
  main#main #bmkBrands{padding-block:34px!important}
  main#main #bmkPromotions512{padding:32px var(--site-gutter575)!important}
  main#main #materials{padding-block:56px!important}
  main#main #colourInspiration{padding-block:56px!important}
  main#main #bmkFeaturedPaint{padding-block:52px!important}
  main#main #collections512{padding:42px var(--site-gutter575)!important}
  main#main #catalog{padding:44px var(--site-gutter575) 60px!important}
  main#main #supplierCatalogues{padding:44px var(--site-gutter575)!important}
  main#main .bmk-atelier-entry{padding-block:56px!important;gap:clamp(24px,3vw,44px)!important}
  main#main .contact{padding-block:58px!important}
  #materials .section-heading{margin-bottom:26px!important}
  #categories .category-tile513{min-height:212px!important;padding:20px!important}
  #categories .category-top520{margin-bottom:16px!important}
  #categories .category-tile513>small{margin-bottom:15px!important}
  #categories .category-action520{padding-top:12px!important}
  #categories.category-grid513{gap:15px!important}
  #catalog .catalog-top{padding-bottom:20px!important;margin-bottom:22px!important}
  #catalog .catalog-controls{gap:14px!important}
  #catalog .product-grid{gap:18px!important}
  #catalog .bmk-product-photo{height:205px!important}
  #catalog .bmk-product-body{padding:17px!important}
  #bmkPromotions512 .promo-brand563:has(.promo-empty):not(:has(.promo-card)){display:none!important}
  #bmkPromotions512 .promo-shop{padding:24px!important}
  #bmkPromotions512 .promo-heading{margin-bottom:18px!important}
  #bmkPromotions512 .promo-shop .promo-subhead{margin-bottom:14px!important}
  .section-heading{margin-bottom:28px!important}
  .section-heading h2{font-size:clamp(28px,2.9vw,42px)!important;line-height:1.3!important}
  #materials h2{font-size:clamp(30px,3.1vw,44px)!important}
  #colourInspiration .inspiration-grid,#bmkFeaturedPaint .featured-paint-grid{gap:18px!important}
  #colourInspiration .inspiration-photo{height:280px!important}
  .product-shell{max-width:1400px!important}
  #colourPage,#locationPage,.promotions-page{max-width:1500px!important}
  #colourPage,#locationPage,.promotions-page,.product-shell,#promotionArticle{padding:34px clamp(24px,3.8vw,52px) 76px!important}
  .product-shell section{margin-block:30px!important}
  .product-hero{gap:32px!important}
  .product-photo,.colour-hero{height:390px!important}
  .colour-workspace{gap:24px!important}
  .location-layout{gap:20px!important}
  .promotions-page .promo-brand563,.promotions-page .promo-shop{padding:24px!important}
  .promotions-page .promo-heading{margin-bottom:20px!important}
  body[data-page568="privacy"] main{max-width:1040px;margin:0 auto;padding:40px 36px 76px!important}
  body[data-page568="design-workshop"] .ds-top,body[data-page568="design-workshop"] .ds-shell,body[data-page568="design-atelier"] .ds-top,body[data-page568="design-atelier"] .ds-shell{max-width:1600px;margin-inline:auto}
}
#categories .category-label513 b{line-height:1.4!important}
#catalog .bmk-product h3{font-size:17px!important;line-height:1.45!important}
#catalog .bmk-product p,#collections512 .collection-card p{font-size:14px!important;line-height:1.55!important}
#collections512 .collection-card{gap:14px!important}
#supplierCatalogues .supplier-grid{gap:16px!important}
#supplierCatalogues .supplier-card{padding:18px!important}
@media(min-width:761px) and (max-width:1100px){
  #categories.category-grid513{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  #categories .category-tile513{min-height:208px!important;padding:18px!important}
  main#main>.section{padding-block:46px!important}
}
@media(max-width:900px){
  :root{--site-gutter575:clamp(16px,4vw,28px)}
  body .header,body .page-header513,body .product-header{padding-inline:var(--site-gutter575)!important}
  main#main .hero{min-height:420px!important;max-height:470px!important}
  main#main .hero-content{left:var(--site-gutter575)!important;right:var(--site-gutter575)!important;bottom:14%!important}
  main#main>.section,main#main>.catalog-section,main#main>.promotions-section,main#main>.collection-section,main#main>.bmk-atelier-entry,main#main>.contact{padding-inline:var(--site-gutter575)!important}
  main#main>.section{padding-block:38px!important}
  main#main #bmkBrands{padding-block:26px!important}
  main#main #bmkPromotions512,main#main #collections512,main#main #supplierCatalogues{padding:30px var(--site-gutter575)!important}
  main#main #materials{padding-block:40px!important}
  main#main #colourInspiration,main#main #bmkFeaturedPaint{padding-block:38px!important}
  main#main #catalog{padding:36px var(--site-gutter575) 50px!important}
  main#main .bmk-atelier-entry,main#main .contact{padding-block:44px!important}
  #materials .section-heading{margin-bottom:22px!important}
  #categories .category-tile513{min-height:202px!important;padding:18px!important}
  #categories .category-top520{margin-bottom:15px!important}
  #categories .category-tile513>small{margin-bottom:13px!important}
  .section-heading{margin-bottom:24px!important}
  .section-heading h2{font-size:clamp(26px,4vw,34px)!important}
  #colourPage,#locationPage,.promotions-page,.product-shell,#promotionArticle{max-width:100%;padding:28px var(--site-gutter575) 64px!important}
  .product-shell section{margin-block:26px!important}
  .product-hero{gap:24px!important}
  .colour-workspace{gap:18px!important}
  body[data-page568="privacy"] main{max-width:100%;padding:28px var(--site-gutter575) 64px!important}
}
@media(max-width:600px){
  main#main .hero{min-height:380px!important;max-height:440px!important}
  main#main .intro-strip{padding:16px var(--site-gutter575)!important;gap:8px!important}
  #categories.category-grid513{gap:10px!important}
  #categories .category-tile513{min-height:178px!important;padding:14px!important}
  #categories .category-top520{margin-bottom:10px!important}
  #categories .category-icon520{width:42px;height:42px}
  #categories .category-icon520 svg{width:25px;height:25px}
  #categories .category-label513 b{font-size:15px!important}
  #categories .category-tile513>small{font-size:12px!important;line-height:1.45!important}
  #categories .category-action520{padding-top:10px!important}
  #catalog .bmk-product-photo{height:190px!important}
  #catalog .bmk-product-body{padding:16px!important}
  #bmkPromotions512 .promo-shop,.promotions-page .promo-shop{padding:18px 14px!important}
  #colourInspiration .inspiration-photo{height:240px!important}
  .product-photo,.colour-hero{height:280px!important}
  .location-layout{gap:16px!important}
}

@media(min-width:1401px){body .header .nav{gap:clamp(14px,1.1vw,24px)!important}body .header .nav a,body .header .shop-nav513>summary{font-size:14px!important}body .page-header513 nav a{font-size:14px!important}}