.catalog-filter-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:30px;align-items:start}
.catalog-filter-results{min-width:0}
.catalog-filter-panel{position:sticky;top:180px;max-height:calc(100dvh - 200px);overflow-y:auto;padding:0 22px 16px 0;border-right:1px solid #d8e5eb;overscroll-behavior:contain;background:#fffdfa;color:#203e52;scrollbar-width:thin}
.catalog-filter-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 0 12px;border-bottom:1px solid #d8e5eb}
.catalog-filter-heading h3{font-family:"DM Sans",Arial,sans-serif;font-size:18px;margin:0;font-weight:700}
.catalog-filter-clear{border:0;background:transparent;color:#456477;font:inherit;font-size:13px;text-decoration:underline;cursor:pointer;padding:8px 0}
.catalog-filter-panel .fabric-filters{display:block;margin:0;padding:17px 0;background:transparent;border:0;border-bottom:1px solid #d8e5eb;border-radius:0}
.catalog-filter-panel .fabric-filters[hidden],.catalog-filter-panel [hidden],.catalog-filter-results [hidden]{display:none!important}
.catalog-filter-panel .fabric-filters>span{display:block;margin-bottom:10px;font-size:14px}
.catalog-filter-panel .filter-buttons{display:flex;flex-wrap:wrap;gap:7px}
.catalog-filter-panel .filter-button,.catalog-filter-panel .color-choice{border:1px solid #d8e5eb;border-radius:9px;padding:8px 11px;background:#fff;color:#203e52;font:inherit;font-size:13px;line-height:1.35;cursor:pointer;min-height:36px}
.catalog-filter-panel .filter-button.active,.catalog-filter-panel .color-choice.selected{background:#ffda68;border-color:#ffda68;color:#203e52}
.catalog-filter-panel .color-menu:not([hidden]){display:flex;flex-wrap:wrap;gap:7px;margin:0;padding:0;background:transparent;border:0;box-shadow:none}
.catalog-filter-panel .color-choice{display:inline-flex;align-items:center;gap:6px}
.filter-color-swatch{display:inline-block;width:12px;height:12px;border:1px solid #203e5230;border-radius:50%;flex:none}
.catalog-filter-results .filters{display:flex;align-items:center;gap:12px;background:transparent;border:0;border-bottom:1px solid #d8e5eb;border-radius:0;padding:0 0 15px;margin:0 0 18px;justify-content:space-between}
.catalog-filter-results .filters>.search-box{width:min(100%,380px);min-width:0}
.catalog-filter-results .product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.catalog-filter-summary{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px}
.catalog-filter-chip{display:inline-block;padding:5px 10px;border-radius:8px;background:#edf3ef;color:#365b4a;font-size:12px}
.catalog-filter-open,.catalog-filter-actions,.catalog-filter-close{display:none!important}
.catalog-filter-dialog{padding:0;border:0;background:#fffdfa;color:#203e52;max-width:none;max-height:none}
.catalog-filter-dialog:not([open]){display:none!important}
.catalog-filter-dialog::backdrop{background:#18384b66}
@media(min-width:761px) and (max-width:1000px){.catalog-filter-layout{grid-template-columns:205px minmax(0,1fr);gap:22px}.catalog-filter-results .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 .catalog-filter-layout{display:block}
 .catalog-filter-results .filters>.search-box{flex:1;width:auto}
 .catalog-filter-open{display:inline-flex!important;align-items:center;justify-content:center;gap:7px;min-height:44px;border:1px solid #cadbe5!important;border-radius:10px!important;background:#fff!important;color:#203e52!important;padding:9px 13px!important;white-space:nowrap}
 .catalog-filter-badge{min-width:20px;height:20px;border-radius:50%;background:#ffda68;color:#203e52;font-size:12px;display:inline-flex;align-items:center;justify-content:center}
 .catalog-filter-results .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
 .catalog-filter-dialog[open]{position:fixed;inset:auto 0 0;margin:0;width:100%;max-height:88dvh;border-radius:22px 22px 0 0;box-shadow:0 -10px 35px #17384d22;overflow:hidden}
 .catalog-filter-panel{position:static;border:0;padding:0;max-height:88dvh;overflow:hidden;display:flex;flex-direction:column}
 .catalog-filter-heading{padding:20px 20px 12px;flex:none;position:relative}
 .catalog-filter-heading:before{content:'';position:absolute;top:7px;left:calc(50% - 18px);width:36px;height:4px;border-radius:4px;background:#d8e5eb}
 .catalog-filter-heading h3{margin-inline-end:auto}
 .catalog-filter-close{display:block!important;border:0;background:transparent;color:#203e52;font-size:26px;min-width:44px;min-height:44px;cursor:pointer}
 .catalog-filter-options{padding:0 20px;overflow-y:auto;overscroll-behavior:contain;min-height:0;flex:1}
 .catalog-filter-panel .fabric-filters{padding:15px 0}
 .catalog-filter-panel .filter-button,.catalog-filter-panel .color-choice{min-height:44px;padding:10px 13px}
 .catalog-filter-actions{display:block!important;border-top:1px solid #d8e5eb;padding:13px 20px max(16px,env(safe-area-inset-bottom));background:#fffdfa;flex:none}
 .catalog-filter-apply{display:flex;justify-content:center;gap:8px;width:100%;background:#ffda68!important;color:#203e52!important;font-size:15px!important;padding:14px!important;border-radius:10px!important}
 body.catalog-filter-modal-open{overflow:hidden}
}
html[dir="rtl"] .catalog-filter-panel{border-right:0;border-left:1px solid #d8e5eb;padding-right:0;padding-left:22px}
@media(max-width:760px){html[dir="rtl"] .catalog-filter-panel{padding:0;border:0}}