/* Санёк, 20.10.2026. Мелкие правки раскладки, подключает mu-plugins/tds-breadcrumbs.php. Шапку не трогаем.
   1) Плавающая кнопка звонка: #popup__toggle стоял fixed с right:-30px и выходил за экран → на мобильных
      (Ремонт, Доставка) горизонтальная прокрутка ~5px. Сдвигаем якорь в 0, круг — на 30px левее: визуально на том же месте. */
#popup__toggle{right:0}
#popup__toggle .img-circle{right:19px}
/* 2) Рубрика «Статьи»: старое правило main.css .archive.category-articles{margin-top:30px} висит на <body> → пустая полоса над шапкой на мобильных */
body.archive.category-articles{margin-top:0}
/* 3) Фактическая причина прокрутки на мобильных Ремонт/Аренда-Доставка: фото из текста (.alignnone) с max-width:100% и margin-right:20px
      шире колонки на 20px → документ 395px вместо 390px. На узких экранах правый отступ у такого фото убираем. */
@media (max-width:767px){body .ar .ar-content img.alignnone,body .ar .ar-content img:not([class*="align"]){margin-right:0}}

/* 20.10 (2), мобильные ≤575px, десктоп не меняется.
   4) Сравнение люлек (.lyl-table, монтажные платформы): вместо таблицы 560px с прокруткой — карточки по характеристикам,
      как .cl-table--stack на посадочных: заголовок характеристики, ниже «Модель — значение» (подпись из data-label). */
@media (max-width:575px){
  .lyl .lyl-table-hint{display:none!important}
  .lyl .lyl-table-wrap{overflow:visible;border:0;border-radius:0}
  .lyl .lyl-table,.lyl .lyl-table tbody{display:block;width:100%;min-width:0!important;background:none}
  .lyl .lyl-table thead{display:none}
  .lyl .lyl-table tbody tr{display:block;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin:0 0 8px}
  .lyl .lyl-table tbody th,.lyl .lyl-table tbody td{display:flex;justify-content:space-between;gap:12px;padding:4px 0;border:0;background:none!important;position:static;white-space:normal;min-width:0;max-width:none}
  .lyl .lyl-table tbody th{font-family:"OpenSansBold",Arial,sans-serif;color:var(--ink);padding-bottom:6px;margin-bottom:2px;border-bottom:1px solid var(--line)}
  .lyl .lyl-table tbody td::before{content:attr(data-label);color:var(--mut);flex:0 0 auto}
  .lyl .lyl-table tbody td{text-align:right}
  .lyl .lyl-table__price td{color:var(--o)}
}
/* 5) Вкладки карточки (.cv-tabs__bar): 4 вкладки шире экрана и уходили за край со скрытой прокруткой → на узких экранах переносим в «таблетки» по 2 в ряд */
@media (max-width:575px){
  .cv .cv-tabs__bar{display:grid;grid-template-columns:1fr 1fr;gap:8px;overflow:visible;border-bottom:0;margin-bottom:18px}
  .cv .cv-tabs__btn{margin:0;padding:10px 8px;border:1px solid var(--line);border-radius:22px;background:#fff;white-space:normal;line-height:1.25;font-size:15px;text-align:center}
  .cv .cv-tabs__btn.is-on{background:var(--soft);border-color:var(--o);color:var(--ink)}
  .cv .cv-tabs__btn:last-child:nth-child(odd){grid-column:1/-1}
}
/* 6) page-directions (кроме 314): вложенный .row без колонки давал вылезание на 15px с каждой стороны на мобильных */
@media (max-width:767px){.tds-dir .row > .row{margin-left:0;margin-right:0}}