/* P08 FIX1 — TAXI CAI LAY / SITEWIDE 1280 CONTAINER FINAL LOCK
 * Scope: all public pages rendered by layouts.transport.
 * Goal: one desktop content axis at 1280px while preserving full-bleed section backgrounds.
 */
:root{--taxicailay-shell-final:1280px;--taxicailay-gutter-desktop:40px}

/* Header / utility / service nav / footer: same axis as page content. */
body.transport-native :is(
  .tr-header-p47 .tr-header-row,
  .tm49-utility-inner,
  .tr-servicebar-p47 .tr-servicebar-inner,
  .trf61-inner
){
  width:min(var(--taxicailay-shell-final),calc(100% - var(--taxicailay-gutter-desktop)))!important;
  max-width:var(--taxicailay-shell-final)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}

/* Generic transport shells used by homepage, category, video, supporting and legacy child pages. */
body.transport-native :is(
  .tr-shell,
  .tx37-shell,
  .tr71-shell,
  .p77h-shell,
  .p75-shell,
  .tm72-shell
){
  width:min(var(--taxicailay-shell-final),calc(100% - var(--taxicailay-gutter-desktop)))!important;
  max-width:var(--taxicailay-shell-final)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}

/* Explicit page families — kept separate so future CSS cannot silently re-narrow them. */
body.transport-home-p01 .tr-shell,
body.transport-money-p72 .tm72-shell,
body.taxicailay-price-p04 .p75-shell,
body.taxicailay-p05-news-index .p77h-shell,
body.taxicailay-p05-news-detail .trn74 .tr-shell,
body.transport-about-p75 .p75-shell,
body.transport-contact-p75 .p75-shell,
body.transport-news-category-p35 .tr-shell,
body.transport-video-index-p37 .tx37-shell,
body.trsp73-page .trsp73 .tr-shell{
  width:min(var(--taxicailay-shell-final),calc(100% - var(--taxicailay-gutter-desktop)))!important;
  max-width:var(--taxicailay-shell-final)!important;
  margin-inline:auto!important;
  box-sizing:border-box!important;
}

/* Bootstrap containers if a child transport page uses them. */
body.transport-native main :is(.container,.container-sm,.container-md,.container-lg,.container-xl,.container-xxl){
  max-width:var(--taxicailay-shell-final)!important;
}

/* Tablet/mobile: never force desktop width; preserve safe edge gutters. */
@media(max-width:991.98px){
  :root{--taxicailay-gutter-desktop:28px}
}
@media(max-width:575.98px){
  :root{--taxicailay-gutter-desktop:24px}
}