#catalog.section{padding-top:72px!important;padding-bottom:72px!important;scroll-margin-top:100px}
/* Match the orange category icons in the main navigation. */
#catalog .category-picker536 svg{color:#f59e0b!important;stroke:#f59e0b!important}
#catalog .catalog-top{align-items:center;padding-bottom:30px;margin-bottom:30px;gap:24px}
#catalog .catalog-top .eyebrow{margin:0 0 18px;line-height:1.6}
#catalog .catalog-top h2{margin:0;line-height:1.5}
#catalog .catalog-controls{display:grid;grid-template-columns:minmax(230px,1.3fr) repeat(3,minmax(170px,1fr));align-items:end;gap:16px}
#catalog .filter515{display:flex;flex-direction:column;gap:9px;min-width:0;font-size:12px;color:#68718d}
#catalog .filter515 select,#catalog .brand-trigger515{width:100%;min-width:0;height:54px;border:1px solid #dce0e8;border-radius:8px;background:white;padding:10px 14px;color:#28376a;font:inherit;font-size:15px}
#catalog .search-field{width:100%;max-width:none;min-width:0;height:54px;margin:0}
.brand-picker515{position:relative;min-width:0}.brand-trigger515{display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer}.brand-trigger515>span{flex:1}.brand-trigger515 img,.brand-option515 img{width:65px;height:28px;object-fit:contain}.brand-panel515{position:absolute;z-index:80;top:calc(100% + 8px);right:0;width:max(100%,310px);max-width:calc(100vw - 40px);background:#fff;border:1px solid #dce0e8;border-radius:12px;box-shadow:0 16px 40px #26357126;padding:12px}.brand-panel515[hidden]{display:none}.brand-panel515 input{width:100%;padding:12px;border:1px solid #dce0e8;border-radius:6px;font:inherit}.brand-options515{max-height:300px;overflow:auto;margin-top:8px}.brand-option515{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;border:0;background:white;padding:10px;text-align:left;color:#28376a;font:inherit;cursor:pointer;border-radius:6px}.brand-option515:hover,.brand-option515[aria-pressed=true]{background:#f0f3fa}.brand-option515:focus-visible,.brand-trigger515:focus-visible{outline:2px solid #c58c26;outline-offset:2px}.brand-option515 span{flex:1}.brand-option515 small{color:#737e96}
#catalog .results-line{margin-top:24px}.active-filters515{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.active-filters515:empty{display:none}.active-filters515 button{background:#f2f4fa;border:1px solid #dce0e8;border-radius:20px;padding:8px 12px;font:inherit;font-size:12px;color:#28376a;cursor:pointer}.category-image513{height:170px;padding:18px}.category-image513>img{max-width:100%;max-height:100%}
@media(max-width:1100px){#catalog .catalog-controls{grid-template-columns:repeat(3,minmax(0,1fr))}#catalog .search-field{grid-column:1/-1}}
@media(max-width:600px){#catalog.section{padding-top:44px!important;padding-bottom:44px!important}#catalog .catalog-controls{grid-template-columns:1fr;gap:16px}#catalog .catalog-top{padding-bottom:24px;margin-bottom:24px}#catalog .catalog-top h2{font-size:26px}.brand-panel515{width:100%}.category-image513{height:135px}}

@media(max-width:1550px){
 .header{position:relative;gap:16px!important;justify-content:space-between!important}
 .header>.nav{display:none!important}
 .header>.nav.open{display:flex!important;position:absolute;top:100%;left:0;right:0;z-index:150;background:var(--paper,#fff);padding:20px;flex-direction:column;align-items:stretch;gap:8px;box-shadow:0 12px 20px #24316616}
 .header>.nav.open>a,.header .shop-nav513>summary{justify-content:flex-start}
 .header .shop-nav513{display:block}
 .header .shop-mega513{position:static;width:100%;max-height:65vh;height:auto;grid-template-columns:230px 1fr}
 .header .mobile-menu{display:inline-flex!important;align-items:center;justify-content:center}
 .header .header-actions{margin-left:0!important;gap:10px!important}
 .header .brand{flex:none!important;min-width:0!important}
}
@media(min-width:601px) and (max-width:1000px){
 .header .brand{width:150px!important}.header .brand img{max-width:150px!important}
 .header .header-actions{gap:6px!important}.header .gps513 span{display:none!important}
 .header .quote-button{font-size:13px!important;padding:9px 12px!important}
 .header .bmk-language button{font-size:13px!important;padding:8px!important}
}
@media(max-width:600px){
 .header{display:grid!important;grid-template-columns:minmax(100px,1fr) 32px auto auto;gap:8px!important;height:auto!important;min-height:108px;padding:10px 12px!important;align-items:center!important}
 .header .brand{grid-row:1;grid-column:1;width:110px!important;max-width:110px!important;margin:0!important}
 .header .brand img{width:110px!important;max-width:110px!important;height:auto!important}
 .header .header-actions{display:contents!important}
 .header #searchOpen{grid-row:1;grid-column:2}
 .header .gps513{grid-row:1;grid-column:3;justify-self:end;padding:6px!important;margin:0!important}
 .header .gps513 span{display:none!important}
 .header #menuOpen{grid-row:1;grid-column:4;justify-self:end}
 .header #quoteOpen{grid-row:2;grid-column:1/span 2;justify-self:start;font-size:12px!important;padding:7px 9px!important;min-width:0;white-space:nowrap}
 .header #bmkAccountOpen{grid-row:2;grid-column:3;font-size:12px!important;padding:5px!important;white-space:nowrap}
 .header .bmk-language{grid-row:2;grid-column:4;margin:0!important;justify-self:end}
 .header .bmk-language button{font-size:12px!important;padding:7px!important;min-width:0!important}
 .header .shop-mega513{display:block}.header .mega-rail{max-height:210px}.header .mega-panel{padding:20px}.header .mega-columns{grid-template-columns:1fr}
}

@media(max-width:600px){.header .quote-button::before{content:none!important}}

.category-picker536{position:relative;min-width:0}#catalog .category-trigger536{display:flex;align-items:center;gap:12px;width:100%;min-height:54px;padding:10px 14px;background:#fff;border:1px solid #dce0e8;border-radius:8px;color:#28376a;font:inherit;font-size:15px;text-align:left;cursor:pointer}.category-trigger536>span:first-of-type{flex:1}.category-picker536 svg{width:20px;height:20px;flex:none}.category-options536{position:absolute;z-index:85;top:calc(100% + 8px);left:0;width:100%;min-width:260px;max-width:calc(100vw - 44px);max-height:360px;overflow:auto;background:#fff;border:1px solid #dce0e8;border-radius:12px;padding:6px;box-shadow:0 16px 40px #26357126}.category-options536[hidden]{display:none}.category-options536 button{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:10px;border:0;border-radius:7px;background:#fff;color:#28376a;font:inherit;font-size:14px;text-align:left;cursor:pointer}.category-options536 button:hover,.category-options536 [aria-selected=true]{background:#f0f3fa}.category-options536 button:focus-visible,.category-trigger536:focus-visible{outline:2px solid #c58c26;outline-offset:2px}#catalog #categoryFilter[hidden]{display:none!important}

#catalog .category-trigger536{height:54px}.category-trigger536>span:first-of-type{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Paint showcase: one horizontal rail, four full cards on desktop. */
main#main #bmkFeaturedPaint .featured-paint-grid{display:grid!important;grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:calc((100% - 54px)/4);gap:18px!important;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:12px;scrollbar-width:thin}
#bmkFeaturedPaint .featured-paint-grid>article{min-width:0;scroll-snap-align:start}
#bmkFeaturedPaint .featured-image{height:250px!important;aspect-ratio:auto!important}
#bmkFeaturedPaint .featured-image img{height:100%!important;width:100%!important;object-fit:contain!important;aspect-ratio:auto!important}
.paint-controls587{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin:0 0 16px}.paint-controls587 span{font-size:13px;color:#68718d}.paint-controls587 button{width:42px;height:42px;border:1px solid #dce0e8;border-radius:10px;background:white;color:#28376a;cursor:pointer}
@media(max-width:1100px){main#main #bmkFeaturedPaint .featured-paint-grid{grid-auto-columns:calc((100% - 18px)/2)}}
@media(max-width:600px){main#main #bmkFeaturedPaint .featured-paint-grid{grid-auto-columns:86%}#bmkFeaturedPaint .featured-image{height:210px!important}}
