body.filter-sheet-open{overflow:hidden}
.catalog-page{padding:4px 0 78px}
.catalog-breadcrumb{min-height:32px;padding:0 2px;font-size:10.5px}

.brand-showcase{height:56px;margin:0 -1px;padding:5px 7px;border-radius:9px}
.brand-showcase__track{animation-duration:22s}
.brand-showcase button{flex:0 0 96px;width:96px;min-width:96px;height:44px;padding:0 8px}
.brand-showcase img{max-width:84px;height:22px}
.brand-showcase button[data-brand-filter="Sunhouse"] img{height:25px}
.brand-showcase b{font-size:12px}
.brand-showcase__philips{width:74px;height:20px}

.catalog-layout{display:block;margin-top:10px}
.catalog-results{margin-top:0}
.catalog-results__head{position:relative;display:grid;grid-template-areas:"title" "sort" "count";margin-bottom:10px}
.catalog-results__head>div:first-child{display:contents}
.catalog-results__head h1{grid-area:title;font-size:19px;line-height:26px}
.catalog-results__head p{grid-area:count;margin:7px 0 0;font-size:10.5px}
.catalog-sort-scroll{grid-area:sort;margin-top:8px;padding:0 48px 1px 0}
.catalog-sort-scroll button{min-height:44px;padding:0 13px;font-size:11.5px}
.mobile-filter-toggle{position:absolute;right:0;top:34px;width:44px;min-height:44px;display:grid;place-items:center;padding:0;border:1px solid #8bc9e9;border-radius:10px;background:#ecf8fd;color:#0873c4}
.mobile-filter-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.catalog-active-filters{align-items:flex-start;flex-wrap:wrap;margin-bottom:10px;padding:8px}
.catalog-active-filters>#filter-reset{margin-left:0}

.catalog-filter-backdrop{position:fixed;z-index:79;inset:0;display:block;border:0;background:rgba(8,25,38,.52);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility .22s ease}
.catalog-filter-backdrop.open{opacity:1;visibility:visible;pointer-events:auto}
.catalog-sidebar{position:fixed;z-index:80;top:auto;right:0;bottom:57px;left:0;width:100%;height:clamp(260px,38dvh,360px);display:flex;flex-direction:column;margin:0;overflow:hidden;border:0;border-radius:20px 20px 0 0;background:#fff;box-shadow:0 -18px 45px rgba(8,37,61,.22);visibility:hidden;transform:translateY(calc(105% + 57px));transition:transform .24s ease,visibility .24s ease}
.catalog-sidebar.open{visibility:visible;transform:translateY(0)}
.mobile-filter-head{position:relative;z-index:3;order:0;min-height:60px;flex:0 0 60px;display:grid;grid-template-columns:72px 1fr 72px;align-items:center;padding:7px 14px;border-bottom:1px solid #e8edf0;background:#fff}
.mobile-filter-head strong{color:#173750;font-size:17px;text-align:center;text-transform:uppercase}
.mobile-filter-head button{height:40px;border:0;background:transparent}
.mobile-filter-head #filter-close{width:40px;display:grid;place-items:center;border-radius:50%;background:#edf2f5;color:#526b7e;font-size:28px;font-weight:300;line-height:1}
.mobile-filter-head #filter-clear-mobile{justify-self:end;padding:0;color:#7b8c98;font-size:12px;font-weight:650}

.catalog-filter-scroll{order:1;display:flex;min-width:0;min-height:0;flex:1 1 0;flex-direction:column;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}
.category-menu{order:1;padding:12px 14px}
.filter-brand{order:2}
.filter-type{order:3}
.filter-price{order:4}
.filter-status{order:5}
.sidebar-filter{padding:0;border-top:1px solid #e8edf0}
.filter-section-toggle{min-height:48px;justify-content:space-between;padding:0 16px;color:#273c4d;font-size:12.5px;text-transform:uppercase;pointer-events:auto}
.filter-section-toggle b{width:7px;height:7px;display:block;margin-right:3px;border-right:1.7px solid #7791a4;border-bottom:1.7px solid #7791a4;transform:rotate(-45deg);transition:transform .18s ease}
.filter-section-toggle[aria-expanded="true"]{color:#0873c4}
.filter-section-toggle[aria-expanded="true"] b{transform:rotate(45deg)}
.filter-section-panel{padding:0 16px 14px}
.filter-price .filter-section-panel{padding-top:2px}
.price-instruction{margin-bottom:9px;font-size:10.5px}
.price-control-row{display:grid;grid-template-columns:82px 90px minmax(110px,1fr);align-items:center;gap:8px}
.price-values{display:contents}
.price-values label{min-width:0;height:34px;margin:0;padding:0 8px}
.price-values input{font-size:11px}
.price-range{grid-column:3;height:34px;margin:0}
.price-range:before{top:15px}
.price-range input{height:34px}
.price-range input::-webkit-slider-thumb{margin-top:-5px}
.sidebar-brand-list,.sidebar-type-list,.sidebar-status-list{display:flex;flex-wrap:nowrap;gap:7px 8px;padding-bottom:7px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}
.sidebar-brand-list::-webkit-scrollbar,.sidebar-type-list::-webkit-scrollbar,.sidebar-status-list::-webkit-scrollbar{height:3px}
.sidebar-brand-list::-webkit-scrollbar-thumb,.sidebar-type-list::-webkit-scrollbar-thumb,.sidebar-status-list::-webkit-scrollbar-thumb{border-radius:3px;background:#c7d8e2}
.sidebar-brand-list button,.sidebar-type-list button,.sidebar-status-list button{width:auto;min-height:32px;padding:0 12px;border:1px solid #d5e0e7;border-radius:17px;background:#fff;font-size:11.5px;white-space:nowrap}
.sidebar-brand-list button:before,.sidebar-type-list button:before,.sidebar-status-list button:before{display:none}
.sidebar-brand-list button.active,.sidebar-type-list button.active,.sidebar-status-list button.active{border-color:#168ed8;background:#edf8fd;color:#0873c4}
.category-toggle{min-height:44px;font-size:12.5px}
.category-submenu{grid-template-columns:1fr 1fr;gap:5px;padding:5px 7px 10px}
.category-submenu button,.category-submenu a{min-height:40px;padding:0 10px;border:1px solid #d9e4ea;border-radius:7px;background:#fff;font-size:12px;font-weight:600}
.mobile-filter-actions{position:relative;z-index:3;order:2;display:grid;flex:0 0 auto;grid-template-columns:minmax(108px,.72fr) minmax(0,1.28fr);gap:10px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));border-top:1px solid #dfe8ed;background:#fff;box-shadow:0 -8px 20px rgba(13,54,81,.08)}
.mobile-filter-actions button{height:46px;border-radius:10px;font-size:13.5px;font-weight:800}
.mobile-filter-reset{border:1px solid #8bc9e9;background:#fff;color:#0873c4}
.mobile-filter-apply{border:1px solid #0c85cc;background:#0c85cc;color:#fff}

.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.catalog-pagination button{width:44px;height:44px}

@media(max-width:370px){
  .catalog-grid{gap:6px}
  .brand-showcase button{flex-basis:100px;width:100px;min-width:100px}
  .sidebar-brand-list button,.sidebar-type-list button,.sidebar-status-list button{padding:0 10px;font-size:11px}
  .catalog-sort-scroll button{padding:0 11px;font-size:11px}
}