/* Отличия шаблона от общих стилей. Подключается после main.css. */
.cat-layout{display:grid;grid-template-columns:264px 1fr;gap:30px;align-items:start;padding:26px 0 62px}
/* Сетка каталога описана в main.css и привязана к .cat-layout —
   к раскладке с колонкой фильтров. Здесь её не переопределяем: без привязки
   правило доставалось и служебным страницам, где фильтра нет, и поиск
   с избранным показывали по три широких карточки вместо четырёх. */
.card-price{margin-top:auto;display:flex;align-items:baseline;gap:9px;margin-bottom:12px}
@media (max-width:1080px){
  /* Фильтры и сетка каталога описаны в общем файле — здесь только отличия. */
  .footer-grid{grid-template-columns:1fr 1fr}
  .quiz-inline{grid-template-columns:1fr;gap:22px;padding:26px}
}
@media (max-width:860px){
  .topbar-left{display:none}
  .hsearch{display:none}
  .header .wrap{height:70px;gap:14px}
  .header .btn-primary{display:none}
  h2{font-size:25px}
  .cat-head h1{font-size:27px}
  .section{padding:44px 0}
  .view{display:none}
}
@media (max-width:560px){
  .hphone{font-size:16px}
  .logo img{height:40px}
  .footer-grid{grid-template-columns:1fr}
  .cat-head h1{font-size:24px}
  .cat-count{display:block;margin:6px 0 0}
  .toolbar{gap:8px}
  .sorts{width:100%}
  .seo-table{font-size:13px}
  .seo-table th,.seo-table td{padding:8px 9px}
}

/* Сетка выше задана без условия на ширину и перебивала мобильное правило
   из main.css: на телефоне фильтр уезжает в шторку, а витрине оставалась
   колонка 264 px. */
@media (max-width:1000px){.cat-layout{grid-template-columns:minmax(0,1fr);gap:0;padding-top:6px}}