.catalog{background:var(--bg);padding:0}.catalog__grid{display:grid;grid-template-columns:320px 1fr;gap:24px}.catalog__sidebar{position:relative;background:#0f172a;color:#fff;padding:20px 18px;border-radius:0 0 0 var(--radius);box-shadow:var(--shadow);overflow:hidden;height:fit-content}.catalog__sidebar img{mix-blend-mode:normal}.catalog__sidebar .recent__item img{background:#fff}.sidebar-header{font-weight:900;letter-spacing:.02em;margin-bottom:12px}.filter-block{border-bottom:1px solid rgba(255,255,255,.08);padding:14px 0}.filter-block:last-child{border-bottom:0}.filter-title{font-weight:800;margin-bottom:8px}.filter-list{display:grid;gap:8px}.check{display:flex;align-items:center;gap:10px}.check input{width:16px;height:16px}.popular-box{margin:14px 0;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px}.popular-title{font-weight:700;margin-bottom:8px}.chip{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#fff;cursor:pointer}.promo{margin-top:14px;background:linear-gradient(180deg,#f1e2c9,#e6d1b1);color:#1b1a18;border-radius:12px;padding:14px;border:1px solid rgba(0,0,0,.06)}.promo__title{font-weight:900;margin-bottom:10px}.promo__btn{width:100%}.recent{margin-top:14px}.recent__title{font-weight:700;margin-bottom:8px}.recent__list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.recent__item img{border-radius:8px;border:1px solid rgba(255,255,255,.1)}.sidebar-seo{margin-top:14px}.sidebar-seo a{color:#fff;opacity:.9}.catalog__content{padding:16px}.catalog__head{display:flex;justify-content:space-between;gap:16px;align-items:end;padding-bottom:12px;border-bottom:var(--border)}.catalog__title{font-size:var(--h1);line-height:1.1}.catalog__desc{opacity:.9}.catalog__meta{display:flex;align-items:center;gap:12px}.sort select{height:44px;border-radius:var(--radius);border:var(--border);background:var(--bg-medium);color:var(--ink);padding:0 12px}.grid{display:grid;gap:16px}.grid--products{grid-template-columns:repeat(3,minmax(0, 1fr));margin-top:16px}.product-card{background:var(--bg-light);border:var(--border);border-radius:var(--radius);padding:12px;display:grid;gap:10px;box-shadow:var(--shadow)}.product-card__media{border-radius:10px;overflow:hidden;display:block;justify-self:center}.product-card__title{font-size:18px;line-height:1.3}.product-card__price{font-weight:800}.product-card__btn{width:100%;justify-content:center}.catalog__pagination{margin-top:16px;display:flex;justify-content:center}.catalog-pagination{display:flex;gap:8px}.page-btn{display:inline-flex;align-items:center;justify-content:center;height:40px;min-width:40px;border-radius:10px;border:var(--border);background:#fff;cursor:pointer}.page-btn.is-active{background:var(--bg-medium)}.catalog__empty{text-align:center;padding:24px 0;opacity:.7}.price-input{width:calc(50% - 6px);border:var(--border);border-radius:8px;padding:8px;background:#fff}.range-price{display:flex;gap:12px;margin-top:8px}.price-slider-wrap{position:relative;height:36px;margin-top:6px}#slider-bar{position:absolute;top:16px;height:6px;background:var(--brand);border-radius:3px;left:0;right:0}#price-range-min,#price-range-max{position:absolute;width:100%;top:0;background:0 0;-webkit-appearance:none;appearance:none;height:36px;margin:0;pointer-events:all}#price-range-min{z-index:2}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#333;width:16px;height:16px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.15)}input[type=range]::-moz-range-thumb{background:#333;width:16px;height:16px;border:none;border-radius:50%}@media (max-width:1200px){.grid--products{grid-template-columns:repeat(2,minmax(0, 1fr))
  }
}

@media (max-width:920px) {
  .catalog__grid {
    grid-template-columns: 1fr
  }

  .catalog__sidebar {
    position: static
  }
}

@media (max-width:560px){.grid--products{grid-template-columns:1fr}}