.catalog-layout.has-sidebar{display:grid;grid-template-columns:285px minmax(0,1fr);gap:28px;align-items:start}
.catalog-layout.has-sidebar>.catalog-sidebar{display:block!important;position:sticky;top:16px;max-height:calc(100dvh - 32px);overflow:auto;min-width:0;padding:0 15px 18px 0;background:#fff;scrollbar-width:thin}
.catalog-sidebar .filter-title{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:12px;background:white;padding:10px 0 16px;border-bottom:1px solid #dce2ec}
.catalog-sidebar .filter-title #reset{margin-left:auto}
.catalog-sidebar .sidebar-section{border-bottom:1px solid #dce2ec;padding:16px 0}
.catalog-sidebar .sidebar-section>summary{cursor:pointer;font-size:16px;font-weight:600;color:#233a65}
.catalog-sidebar .sidebar-section>div,.catalog-sidebar .sidebar-section>aside{margin:14px 0 0;padding:0;border:0;background:none}
.catalog-sidebar .filter-color-heading{justify-content:flex-end;margin-bottom:10px}
.catalog-sidebar .filter-color-heading button{font-size:12px;padding:6px 8px}
.catalog-sidebar #format-options{display:grid;grid-template-columns:1fr;gap:5px}
.catalog-sidebar .format-option{display:flex;gap:9px;align-items:center;min-height:36px;font-size:14px;padding:5px 0;border:0;background:none}
.catalog-sidebar .format-option small{margin-left:auto}
.catalog-sidebar .format-option input{width:18px;height:18px;flex-shrink:0}
.catalog-sidebar #color-strip{display:block!important}
.catalog-sidebar .color-family{padding:9px 0;border-top:0}
.catalog-sidebar .color-family h4{font-size:12px;margin:0 0 8px;color:#748198}
.catalog-sidebar .shade-row{display:flex;flex-wrap:wrap;gap:8px}
.catalog-sidebar .color-choice{width:31px;min-width:31px;padding:0;min-height:31px;border:0}
.catalog-sidebar .color-choice i{width:28px;height:28px}
.catalog-sidebar .color-choice>span:not(.color-tooltip),.catalog-sidebar .color-choice>small{display:none}
.catalog-sidebar .palette-note,.catalog-sidebar .feature-note,.catalog-sidebar .filter-note{font-size:12px;line-height:1.5}
.catalog-sidebar .feature-heading{justify-content:flex-end;margin:0 0 10px}
.catalog-sidebar #extra-filters{display:block}
.catalog-sidebar .trait-filter{padding:12px 0;border-bottom:1px solid #edf0f5}
.catalog-sidebar .trait-filter summary{font-size:14px}
.catalog-sidebar .check{font-size:14px;gap:8px;margin:9px 0}
.catalog-sidebar .dimension-inputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.catalog-sidebar input:not([type=checkbox]):not([type=range]),.catalog-sidebar select{max-width:100%;min-width:0;width:100%;font-size:14px;padding:9px 6px}
.catalog-sidebar label{font-size:13px}
.catalog-sidebar .price-inputs{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.catalog-sidebar input[type=range]{width:100%;accent-color:#ab2926}
.has-sidebar .results{min-width:0}.has-sidebar .grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.sidebar-toggle,.sidebar-close{display:none}.sidebar-backdrop{position:fixed;inset:0;z-index:149;background:#182a4b66;border:0;border-radius:0}
@media(min-width:801px) and (max-width:1100px){.catalog-layout.has-sidebar{grid-template-columns:250px minmax(0,1fr);gap:20px}.has-sidebar .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){
 .catalog-layout.has-sidebar{display:block}
 .sidebar-toggle{display:inline-flex;margin:0 0 18px;min-height:44px}
 .catalog-layout.has-sidebar>.catalog-sidebar{position:fixed;top:0;left:0;bottom:0;width:min(350px,92vw);max-height:100dvh;z-index:150;padding:16px 20px;background:#fff;visibility:hidden;transform:translateX(-100%)}
 .catalog-layout.has-sidebar>.catalog-sidebar.is-open{visibility:visible;transform:translateX(0)}
 .sidebar-close{display:block;font-size:12px;padding:7px 9px}
 .has-sidebar .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .catalog-sidebar .filter-title{top:-16px;padding-top:16px}
}
