/* ТК82 04.11.2026 fix7 — точечные правки вёрстки поверх утверждённого дизайна (обход 390/768/1100/1440).
   Подключается последним: внутренние страницы, главная и /market/ (nginx map $tk82ap_ce). Для /market/ — только п. 9.
   Откат: /root/seo-1104/tk82-fix7/ROLLBACK.txt */

/* 1. Главная, блок «Посчитаем вашу перевозку»: пустой якорь <span id="lead-form"> занимал вторую колонку сетки,
      форма падала под текст и правая половина блока пустовала (≥1024 px). Якорь выводим из сетки — форма снова справа. */
body.rb-home .cta>.cta-grid>#lead-form{position:absolute;width:0;height:0;overflow:hidden}

/* 2. Главная, подвал «Контакты»: телефон, почта и адреса шли одной строкой без переносов — каждый пункт с новой строки, как на внутренних. */
body.rb-home .footer-contact{display:flex;flex-direction:column;align-items:flex-start;gap:8px}

/* 3. Калькулятор маршрута (страницы направлений, /pricing/, /calculator/) на планшете: форма была сжата в 340 px рядом с
      тёмной карточкой, в списках обрезалось «Егорьевский скла…», «Не нужна — забер…», поля в ряду стояли на разной высоте.
      До 900 px — форма на всю ширину, итог под ней; поля в ряду выровнены по нижнему краю. */
@media (max-width:900px){body.rb .calc-wrap{grid-template-columns:minmax(0,1fr)!important}}
body.rb .calc-row{align-items:end}

/* 4. /pricing/, таблицы «Отправка из: …»: белая рамка группы шла без внутренних отступов — заголовок прилипал к рамке,
      кнопки стояли на её нижнем крае, группы слипались. Убираем лишнюю внешнюю рамку (у таблицы своя), даём зазор между группами. */
body.rb .tariff-group{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0 0 clamp(28px,3vw,44px)!important;border-radius:0!important}
body.rb .tariff-group>h3{margin-bottom:12px}

/* 5. /pricing/ и страницы направлений: у таблиц тарифов колонки «Цена за кг / за м³ / 1 м³ считается как» стояли на разной
      высоте от таблицы к таблице (ширина считалась по тексту). Одна сетка колонок для всех 4-колоночных таблиц. */
@media (min-width:600px){
  body.rb .tariff-tbl:has(tr>:nth-child(4):last-child){table-layout:fixed;width:100%}
  body.rb .tariff-tbl tr>:first-child:nth-last-child(4){width:40%}
  body.rb .tariff-tbl tr>:nth-child(2):nth-last-child(3),
  body.rb .tariff-tbl tr>:nth-child(3):nth-last-child(2){width:18%}
  body.rb .tariff-tbl tr>:nth-child(4):last-child{width:24%}
}

/* 6. Статьи блога и справочные страницы (146 стр.): текст статьи стоял колонкой 840 px по центру, а заголовок, хлебные крошки
      и блоки ниже — от левого края сетки (сдвиг 130 px на 1100 и 300 px на 1440). Колонку ставим на тот же левый край,
      ширину строки для чтения сохраняем. */
@media (min-width:900px){
  body.rb .container[style*="max-width:840px"]{max-width:1600px!important}
  body.rb .container[style*="max-width:840px"]>*{max-width:725px}
  body.rb .container[style*="max-width:840px"]>picture{display:block}
}

/* 7. Фото «Как это выглядит вживую» (107 стр.): 6 снимков вставали 4 + 2 на 1100 и 5 + 1 на 1440. Теперь ровно 3 + 3. */
@media (min-width:700px){body.rb .photo-real{grid-template-columns:repeat(3,minmax(0,1fr))!important}}

/* 8. Форма «Рассчитать стоимость перевозки» (/services/palletizing/ и др.): галочка согласия растягивалась на 474 px,
      текст «Согласие на обработку данных» уезжал вправо. Обычная галочка слева от текста. */
body.rb .tkc-consent{align-items:center;gap:10px}
body.rb .tkc-consent input[type=checkbox]{width:18px!important;min-width:18px;height:18px;flex:0 0 18px;margin:0!important;padding:0!important}

/* 9. /market/ (05.11): нижние блоки «Как мы работаем с поставкой» и «Отдел маркетплейсов» стояли не по сетке страницы
      (+2 px на 390, −8 px на 768/1100, −20 px на 1440). Та же ширина и края, что у .container. */
.mp-howwework,.mp-contact{padding-left:0!important;padding-right:0!important}
.mp-howwework-inner,.mp-contact-inner{width:min(1160px,calc(100% - 48px));max-width:none!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box}
@media (max-width:720px){.mp-howwework-inner,.mp-contact-inner{width:min(1160px,calc(100% - 28px))}}
