/* Блок «Каталог» в «Конструкторе главной».
   Основной вид — стили секции каталога из темы сайта (.section, .wrap, .head-row, .cat-grid, .cat-card, .h-scroll).
   Здесь — только то, что нужно блоку внутри колонок конструктора. */
.pb-catalog{min-width:0}

/* ---- колонка 100%: секция как на нынешней главной ----
   Снимаем боковые поля обёртки конструктора: ширину и поля даёт сама секция (.wrap).
   Вертикальные отступы — общие для всех блоков (page-blocks.css), свои отступы .section внутри блока обнуляются там же. */
.pb-block--cols-1 .pb-cell--catalog{margin-left:calc(-1 * var(--pb-pad-x,0px));margin-right:calc(-1 * var(--pb-pad-x,0px))}

/* ---- колонки 50% и 70% ----
   Меньше колонок сетки, мельче шрифты и отступы; ширина считается по самой колонке (container query). */
.pb-catalog.pb-catalog--narrow{container-type:inline-size}
.pb-catalog.pb-catalog--narrow .section{padding:0}
.pb-catalog.pb-catalog--narrow .wrap{max-width:none;padding:0}
.pb-catalog.pb-catalog--narrow .head-row{gap:12px;margin-bottom:20px}
.pb-catalog.pb-catalog--narrow .s-title{font-size:clamp(1.45rem,2.2vw,1.9rem)}
.pb-catalog.pb-catalog--narrow .s-lead{font-size:1rem}
.pb-catalog.pb-catalog--narrow .cat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.pb-catalog.pb-catalog--narrow .cat-card__title{left:14px;right:14px;bottom:12px;font-size:1.15rem}
.pb-catalog.pb-catalog--narrow .cat-card__body{padding:12px 14px 14px}
.pb-catalog.pb-catalog--narrow .cat-card__sub{font-size:12px;padding:4px 9px}
.pb-catalog.pb-catalog--narrow .cat-card__more{margin-top:10px;font-size:13px}
@container (max-width:460px){
  .pb-catalog.pb-catalog--narrow .cat-grid{grid-template-columns:minmax(0,1fr)}
}
/* телефон: горизонтальная прокрутка карточек остаётся внутри колонки, без вылезания вбок */
@media (max-width:760px){
  .pb-catalog.pb-catalog--narrow .h-scroll{margin:0;padding-left:0;padding-right:0}
}