.products-page{
  margin:0;
  background:#fff;
  color:#172f43;
  font-family:"Inter","Inter Fallback",Roboto,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.catalog-page{padding:12px 0 56px}
.catalog-breadcrumb{
  min-height:40px;
  display:flex;
  align-items:center;
  gap:9px;
  color:#758b9b;
  font-size:12px;
}
.catalog-breadcrumb a:hover{color:#0873c4}
.catalog-breadcrumb strong{color:#24415a;font-weight:700}

.brand-showcase{
  height:56px;
  overflow:hidden;
  padding:6px 10px;
  border-radius:10px;
  background:#f1f2f4;
}
.brand-showcase__track{width:max-content;display:flex;animation:brand-marquee 28s linear infinite;will-change:transform}
.brand-showcase__group{display:flex;flex:none;align-items:center;gap:6px;padding-right:6px}
.brand-showcase:hover .brand-showcase__track,.brand-showcase:focus-within .brand-showcase__track{animation-play-state:paused}
@keyframes brand-marquee{to{transform:translateX(-50%)}}
.brand-showcase button{
  flex:0 0 132px;
  width:132px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 8px;
  border:1px solid transparent;
  border-radius:7px;
  background:#fff;
  color:#173a58;
  white-space:nowrap;
  transition:border-color .16s,transform .16s,box-shadow .16s;
}
.brand-showcase button:hover{border-color:#b8d7e8;transform:translateY(-1px)}
.brand-showcase button.active{border-color:#168ed8;box-shadow:0 4px 12px rgba(22,142,216,.11)}
.brand-showcase b{font-size:12px;font-weight:750;letter-spacing:.1px}
.brand-showcase img{display:block;width:100%;max-width:88px;height:22px;object-fit:contain;object-position:center}
.brand-showcase button[data-brand-filter="Mutosi"]{background:#231f20}
.brand-showcase button[data-brand-filter="Tankvina"]{background:#0a2947}
.brand-showcase button[data-brand-filter="Mutosi"]:hover,
.brand-showcase button[data-brand-filter="Mutosi"].active,
.brand-showcase button[data-brand-filter="Tankvina"]:hover,
.brand-showcase button[data-brand-filter="Tankvina"].active{border-color:#44b9e8;box-shadow:0 4px 12px rgba(10,41,71,.18)}
.brand-showcase button[data-brand-filter="Mutosi"] img{height:24px}
.brand-showcase button[data-brand-filter="Sunhouse"] img{height:26px;max-width:94px;transform:scale(1.08)}
.brand-showcase button[data-brand-filter="Tankvina"] img{height:24px;max-width:92px}
.brand-showcase button[data-brand-filter="Iroka"] img{height:24px;max-width:86px}
.brand-showcase__philips{width:76px;max-width:100%;height:20px;color:#063b7a}

.catalog-layout{display:grid;grid-template-columns:222px minmax(0,1fr);gap:24px;margin-top:24px}
.mobile-filter-toggle,.mobile-filter-head,.mobile-filter-actions,.catalog-filter-backdrop{display:none}
.catalog-filter-scroll{display:contents}
.catalog-sidebar{
  align-self:start;
  position:sticky;
  top:88px;
  overflow:hidden;
  border:1px solid #e4e9ed;
  border-radius:12px;
  background:#fff;
}
.category-menu{padding:10px}
.category-toggle{
  width:100%;
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:0 10px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:#273c4d;
  font-size:12.5px;
  font-weight:700;
  line-height:1.3;
  text-align:left;
  text-transform:uppercase;
}
.category-toggle:hover{background:#f6f8f9;color:#0873c4}
.category-toggle.active,.category-toggle.is-open{background:transparent;color:#0873c4}
.category-toggle b{
  width:7px;
  height:7px;
  display:block;
  flex:0 0 auto;
  margin-right:2px;
  border-right:1.7px solid #7791a4;
  border-bottom:1.7px solid #7791a4;
  transform:rotate(-45deg);
  transition:transform .18s ease;
}
.category-toggle.is-open b{transform:rotate(45deg)}
.category-submenu{display:grid;gap:2px;padding:4px 7px 8px 15px}
.category-submenu[hidden]{display:none}
.category-submenu button,.category-submenu a{
  min-height:34px;
  display:flex;
  align-items:center;
  padding:0 9px;
  border:0;
  border-radius:6px;
  background:transparent;
  color:#526a7e;
  font-size:12.5px;
  font-weight:500;
  line-height:1.35;
  text-align:left;
}
.category-submenu button:hover,.category-submenu a:hover{background:#f3f8fb;color:#0873c4;font-weight:700}
.category-submenu button.active{background:transparent;color:#0873c4;font-weight:700;box-shadow:none}
.category-submenu button:focus,.category-submenu a:focus{outline:none}
.category-submenu button:focus-visible,.category-submenu a:focus-visible{outline:2px solid rgba(22,142,216,.45);outline-offset:1px}
.sidebar-filter{padding:16px;border-top:1px solid #e4e9ed}
.filter-section-toggle{width:100%;display:flex;align-items:center;padding:0 0 12px;border:0;background:transparent;color:#263f55;font-size:14px;font-weight:700;text-align:left;pointer-events:none}
.filter-section-toggle b{display:none}
.filter-section-panel[hidden]{display:none}
.price-instruction{margin:0 0 10px;color:#6e8496;font-size:10.5px;text-align:center}
.price-values{display:flex;justify-content:space-between;gap:8px;margin-bottom:9px}
.price-values label{min-width:82px;display:flex;align-items:center;gap:4px;padding:7px 6px;border:1px solid #dbe3e7;border-radius:7px;background:#fff;color:#6e8496;font-size:10.5px}
.price-values input{width:100%;min-width:0;padding:0;border:0;outline:0;background:transparent;color:#0873c4;font:700 10.5px/1 inherit;text-align:right}
.price-range{position:relative;height:20px;margin-top:3px}
.price-range:before{content:"";position:absolute;top:9px;right:3px;left:3px;height:5px;border-radius:4px;background:linear-gradient(to right,#cde1ec 0 var(--price-min,0%),#168ed8 var(--price-min,0%) var(--price-max,100%),#cde1ec var(--price-max,100%) 100%)}
.price-range input{position:absolute;inset:0;width:100%;height:20px;margin:0;background:transparent;pointer-events:none;appearance:none}
.price-range input::-webkit-slider-runnable-track{height:5px;background:transparent}
.price-range input::-webkit-slider-thumb{width:15px;height:15px;margin-top:-5px;border:0;border-radius:50%;background:#168ed8;pointer-events:auto;appearance:none}
.price-range input::-moz-range-track{height:5px;background:transparent}.price-range input::-moz-range-thumb{width:15px;height:15px;border:0;border-radius:50%;background:#168ed8;pointer-events:auto}
.sidebar-brand-list,.sidebar-type-list,.sidebar-status-list{display:grid;gap:2px}
.sidebar-brand-list button,.sidebar-type-list button,.sidebar-status-list button{min-height:35px;display:flex;align-items:center;justify-content:space-between;padding:0 7px;border:0;border-radius:7px;background:transparent;color:#526a7e;font-size:11.5px}
.sidebar-brand-list button:before,.sidebar-type-list button:before,.sidebar-status-list button:before{content:"";width:14px;height:14px;flex:0 0 auto;margin-right:8px;border:1px solid #b9c7d1;border-radius:3px;background:#fff}
.sidebar-brand-list button span,.sidebar-type-list button span,.sidebar-status-list button span{margin-right:auto}
.sidebar-brand-list button b,.sidebar-type-list button b,.sidebar-status-list button b{display:none}
.sidebar-brand-list button:hover,.sidebar-type-list button:hover,.sidebar-status-list button:hover{background:#f6f8f9}
.sidebar-brand-list button.active,.sidebar-type-list button.active,.sidebar-status-list button.active{background:#f3f8fb;color:#0873c4;font-weight:700}
.sidebar-brand-list button.active:before,.sidebar-type-list button.active:before,.sidebar-status-list button.active:before{border-color:#168ed8;background:#168ed8;box-shadow:inset 0 0 0 3px #fff}

.catalog-results{min-width:0}
.catalog-results__head{display:block;margin-bottom:16px}
.catalog-results__head h1{margin:0;color:#1a1a1a;font-size:22px;font-weight:700;line-height:32px}
.catalog-results__head p{margin:4px 0 0;color:#7d8d99;font-size:12px}
.catalog-sort-scroll{display:flex;align-items:center;gap:8px;min-width:0;margin-top:14px;overflow-x:auto;scrollbar-width:none}
.catalog-sort-scroll::-webkit-scrollbar{display:none}
.catalog-sort-scroll button{flex:0 0 auto;min-height:36px;padding:0 16px;border:1px solid #d8e1e6;border-radius:20px;background:#fff;color:#3a5368;font-size:12.5px;font-weight:500;white-space:nowrap}
.catalog-sort-scroll button:hover{border-color:#91c8e8;color:#0873c4}
.catalog-sort-scroll button.active{border-color:#168ed8;background:#168ed8;color:#fff}
.catalog-active-filters{display:flex;align-items:center;gap:9px;margin:-2px 0 14px;padding:10px;border-radius:9px;background:#f1f8fc}
.catalog-active-filters[hidden]{display:none}
.catalog-active-filters>span{color:#61798d;font-size:11.5px;font-weight:700}
.catalog-active-filters>div{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.catalog-active-filter{min-height:32px;display:flex;align-items:center;gap:6px;padding:0 8px;border:1px solid #a9bfce;border-radius:7px;background:#fff;color:#244760;font-size:11px}
.catalog-active-filter span{font-size:13px}
.catalog-active-filters>#filter-reset{margin-left:auto;border:0;background:transparent;color:#0873c4;font-size:11px;white-space:nowrap}
.catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.catalog-empty{min-height:280px;display:grid;place-content:center;gap:6px;border:1px dashed #9fc9e2;border-radius:13px;background:#fff;text-align:center}
.catalog-empty strong{color:#0a4f91}.catalog-empty span{color:#6f8ca5;font-size:12px}
.catalog-pagination{display:flex;justify-content:center;gap:7px;margin-top:22px}
.catalog-pagination button{width:42px;height:42px;border:1px solid #c6ddeb;border-radius:9px;background:#fff;color:#225a88;font-weight:800}
.catalog-pagination button.active{border-color:#0b83d3;background:#0b83d3;color:#fff}

@media(prefers-reduced-motion:reduce){.brand-showcase{overflow-x:auto;scrollbar-width:none}.brand-showcase::-webkit-scrollbar{display:none}.brand-showcase__track{animation:none}.brand-showcase__group[aria-hidden="true"]{display:none}}