/* Єдиний макет хабів-розділів (Пасажирські, Вантажні, Доставка, Туризм, Для водіїв):
   однакові поля зліва/справа й висота заголовка — щоб при переході між сервісами
   нічого не «стрибало». Підключати ПІСЛЯ власних стилів сторінки.
   Телефон: текст і картки — 16px від краю. Комп'ютер: 36px. Маркет — marketplace/css/components/hub-cards.css. */
html body :is(main.trip-hub, main.cargo-hub, main.delivery-hub, main.svc-hub, main.sp){
  width:min(100% - 36px, 1324px) !important; /* = ширина шапки: краї карток рівно по краях шапки */
  max-width:1324px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-top:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
  box-sizing:border-box !important;
}
html body :is(.trip-hub__intro, .cargo-hub__intro, .delivery-hub__intro, .svc-hub__intro, .svc-hub__h2, .delivery-hub__foot){
  max-width:none !important;
  padding-left:0 !important;
  padding-right:0 !important;
}
html body :is(.trip-hub, .cargo-hub, .delivery-hub, .svc-hub) .drive__grid{
  max-width:none !important;
  padding-left:0 !important;
  padding-right:0 !important;
}
html body .delivery-hub .otype-grid{ max-width:none !important; padding-left:0 !important; padding-right:0 !important; }
html body .sp__crumbs span:last-child{ color:#171411 !important; }
html body :is(.trip-hub, .cargo-hub, .delivery-hub, .svc-hub) .drive{
  padding-left:0 !important;
  padding-right:0 !important;
}
/* «Для водіїв» — заголовок як на інших хабах */
html body .sp__crumbs{ margin:0 0 12px !important; line-height:1 !important; font-family:Arial, sans-serif !important; }
html body .sp > h1{ margin:0 0 18px !important; font:900 clamp(30px, 4vw, 48px)/1.05 Arial, sans-serif !important; letter-spacing:-.035em !important; }

@media (max-width:768px){
  html body :is(main.trip-hub, main.cargo-hub, main.delivery-hub, main.svc-hub, main.sp){
    width:100% !important;
    padding-left:16px !important;
    padding-right:16px !important;
  }
  html body .cargo-hub .beta-mini{ padding-left:0 !important; padding-right:0 !important; }
  html body .sp > h1{ margin-bottom:16px !important; font-size:30px !important; }
}
@media (max-width:768px){
  html body .sp__eyebrow{ margin-bottom:7px !important; font-size:10px !important; }
}