@import url("./premium_release_layer.css?v=20260315");
@import url("./premium_depth_layer.css?v=20260315");
@import url("./site_volume_layer.css?v=20260315");
@import url("./brandbook_carbon_layer.css?v=20260315");
@import url("./truck_fx.css?v=20260315");
/* Global nav/footer parity + theme toggle + top button */
html,
body {
  scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
  html,
  body {
    scroll-behavior: auto;
  }
}

html.etl-preload body {
  opacity: 0.94 !important;
  filter: blur(5px) saturate(0.96);
  transform: none;
  transition: opacity 0.42s ease, filter 0.42s ease;
}
html.etl-preload::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 20000;
  background:
    radial-gradient(1200px 500px at 85% -10%, rgba(229, 38, 41, 0.13), rgba(229, 38, 41, 0) 62%),
    linear-gradient(180deg, rgba(246, 247, 250, 0.54) 0%, rgba(237, 240, 246, 0.54) 100%);
  backdrop-filter: blur(14px) saturate(1.02);
  -webkit-backdrop-filter: blur(14px) saturate(1.02);
  transition: opacity 0.44s ease;
  opacity: 1;
  pointer-events: none !important;
}
html[data-theme="dark"].etl-preload::before {
  background:
    radial-gradient(1200px 500px at 85% -10%, rgba(229, 38, 41, 0.2), rgba(229, 38, 41, 0) 62%),
    linear-gradient(180deg, rgba(6, 9, 15, 0.58) 0%, rgba(11, 17, 27, 0.58) 100%);
}
@media (prefers-color-scheme: dark) {
  html.etl-preload:not([data-theme="light"])::before {
    background:
      radial-gradient(1200px 500px at 85% -10%, rgba(229, 38, 41, 0.2), rgba(229, 38, 41, 0) 62%),
      linear-gradient(180deg, rgba(6, 9, 15, 0.62) 0%, rgba(11, 17, 27, 0.62) 100%);
  }
}
html.etl-preload.etl-ready::before {
  opacity: 0;
}
html[data-theme="dark"].etl-preload.etl-ready::before {
  opacity: 0;
}
html.etl-preload::after {
  content: "";
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 20001;
  width: 106px;
  height: 32px;
  background: url("../img/etl-logo.png") center/contain no-repeat;
  opacity: 0.92;
  filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.18));
  transition: opacity 0.44s ease;
  pointer-events: none !important;
}
html[data-theme="dark"].etl-preload::after {
  background: url("../img/etl-logo11.png") center/contain no-repeat;
  filter: drop-shadow(0 8px 22px rgba(0, 0, 0, 0.46));
}
@media (prefers-color-scheme: dark) {
  html.etl-preload:not([data-theme="light"])::after {
    background: url("../img/etl-logo11.png") center/contain no-repeat;
    filter: drop-shadow(0 8px 22px rgba(0, 0, 0, 0.46));
  }
}
html.etl-preload.etl-ready::after {
  opacity: 0;
}
html.etl-ready body {
  opacity: 1;
  filter: none;
  transform: none !important;
  transition: opacity 0.42s ease, filter 0.42s ease;
}

body#top .p-header .p-nav {
  width: 100% !important;
  min-width: 0 !important;
}

body#top #p-header.p-header {
  z-index: 6500 !important;
}
body#top .p-header .p-container,
body#top .p-header .p-nav,
body#top .p-header .p-menu-desktop,
body#top .p-header .p-menu-list,
body#top .p-header .p-has-dropdown,
body#top .p-header .p-logo {
  overflow: visible !important;
}
body#top .p-header .p-has-dropdown {
  position: static;
  z-index: 6600;
}
body#top .p-header .p-dd {
  z-index: 6700 !important;
}

@media (min-width: 1100px) {
  body#top {
    padding-top: 66px !important;
  }
  body#top #p-header.p-header {
    height: 66px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  body#top #p-header.p-header.is-scrolled {
    height: 62px !important;
  }
  body#top .p-header .p-container,
  body#top .p-header .p-nav,
  body#top .p-header .p-menu-list {
    height: 100% !important;
    align-items: center !important;
  }
  body#top .p-header .p-logo {
    height: 100% !important;
    display: inline-flex !important;
    align-items: center !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  body#top .p-header .p-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 32px !important;
    line-height: 1.14 !important;
    font-size: clamp(11px, 0.67vw, 12.5px) !important;
    font-weight: 600 !important;
    padding: 0 7px !important;
    letter-spacing: 0 !important;
    white-space: nowrap;
    position: relative;
  }
  body#top .p-header .p-logo img {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-height: 40px !important;
    object-fit: contain;
    vertical-align: middle;
  }
  body#top .p-header .p-nav {
    gap: 4px !important;
  }
  body#top .p-header .p-menu-desktop {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: visible !important;
  }
  body#top .p-header .p-menu-list {
    gap: clamp(4px, 0.52vw, 8px) !important;
    flex-wrap: nowrap !important;
    overflow: visible !important;
  }
  body#top .p-header .p-menu-list > li {
    display: inline-flex !important;
    align-items: center !important;
    height: 100% !important;
  }
  body#top .p-header .p-btn-primary {
    max-width: 150px;
    padding-left: 10px !important;
    padding-right: 10px !important;
    white-space: nowrap;
  }
  body#top .p-header .p-city-switch {
    display: inline-flex;
    align-items: center;
    gap: 0;
    margin-left: 2px;
    flex: 0 0 auto;
  }
  body#top .p-header .p-city-switch__label {
    display: none;
  }
  body#top .p-header .p-city-switch__select {
    height: 30px;
    min-width: 116px;
    max-width: 142px;
    padding: 0 18px 0 6px;
    border-radius: 9px;
    border: 1px solid rgba(17, 24, 39, 0.15);
    background: rgba(255, 255, 255, 0.82);
    color: rgba(17, 24, 39, 0.9);
    font-size: 9.6px;
    line-height: 1;
    font-weight: 650;
    cursor: pointer;
    outline: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
  }
  body#top .p-header .p-city-switch__select:hover {
    border-color: rgba(229, 38, 41, 0.32);
    background: rgba(255, 255, 255, 0.94);
  }
  body#top .p-header .p-city-switch__select:focus-visible {
    border-color: rgba(229, 38, 41, 0.54);
    box-shadow: 0 0 0 3px rgba(229, 38, 41, 0.16);
  }

  body#top .p-header .p-has-dropdown > .p-dd {
    left: 50% !important;
    top: calc(100% + 10px) !important;
    transform: translateX(-50%) !important;
    right: auto !important;
    width: min(920px, calc(100vw - 24px)) !important;
    max-width: min(920px, calc(100vw - 24px)) !important;
    min-width: 0 !important;
    padding: 14px !important;
  }
  body#top .p-header .p-dd-core {
    grid-template-columns: repeat(2, minmax(300px, 1fr)) !important;
    gap: 14px !important;
  }
  body#top .p-header .p-dd-section {
    padding: 12px !important;
  }
  body#top .p-header .p-dd-link {
    min-height: 56px;
    white-space: normal;
  }
  body#top .p-header .p-dd-link b {
    font-size: 14px;
    line-height: 1.23;
  }
  body#top .p-header .p-dd-link small {
    font-size: 12px;
    line-height: 1.34;
    white-space: normal;
  }
}

@media (max-width: 1660px) and (min-width: 1100px) {
  body#top .p-header .p-city-switch__select {
    min-width: 104px;
    max-width: 124px;
  }
}

@media (min-width: 1100px) {
  body#top .p-header .p-cabinet {
    display: none !important;
  }
}

@media (max-width: 1420px) and (min-width: 1100px) {
  body#top .p-header .p-btn-primary {
    display: none !important;
  }
}

body#top .p-header .p-link::after {
  left: 50% !important;
  bottom: 2px !important;
  width: calc(100% - 14px) !important;
  transform: translateX(-50%) scaleX(0);
  transform-origin: center !important;
  transition: transform 0.22s ease;
}
body#top .p-header .p-link:hover::after,
body#top .p-header .p-link:focus-visible::after,
body#top .p-header .p-link.is-active::after,
body#top .p-header .p-link[aria-current="page"]::after {
  transform: translateX(-50%) scaleX(1);
}
body#top .p-header .p-link.is-active,
body#top .p-header .p-link[aria-current="page"] {
  font-weight: 600 !important;
}

body#top .p-header .p-logo {
  overflow: visible !important;
}
body#top .p-header .p-logo:hover {
  background: transparent !important;
}
body#top .p-header .p-logo img,
body#top .p-header .p-logo svg {
  border-radius: 0 !important;
  clip-path: none !important;
  overflow: visible !important;
}

@media (max-width: 1280px) and (min-width: 981px) {
  body#top .p-header .p-has-dropdown > .p-dd {
    width: min(820px, calc(100vw - 24px)) !important;
    max-width: min(820px, calc(100vw - 24px)) !important;
    min-width: 0 !important;
  }
  body#top .p-header .p-dd-core {
    grid-template-columns: repeat(2, minmax(240px, 1fr)) !important;
  }
}

@media (max-width: 980px) {
  body#top .p-header .p-has-dropdown > .p-dd {
    width: calc(100vw - 14px) !important;
    max-width: calc(100vw - 14px) !important;
    min-width: 0 !important;
    padding: 12px !important;
  }
  body#top .p-header .p-dd-core {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
}

html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: clip;
}

body#top img,
body#top video,
body#top iframe,
body#top canvas {
  max-width: 100%;
}

.etl-breadcrumb-wrap {
  position: relative;
  z-index: 40;
  padding-top: 12px;
  padding-bottom: 2px;
}

.etl-breadcrumb {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(17, 24, 39, 0.1);
  background: rgba(255, 255, 255, 0.84);
  box-shadow: 0 10px 24px rgba(15, 23, 36, 0.08);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  max-width: 100%;
}

.etl-breadcrumb-link,
.etl-breadcrumb-current {
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: 0.01em;
  white-space: nowrap;
}

.etl-breadcrumb-link {
  color: rgba(17, 24, 39, 0.74);
  text-decoration: none;
  transition: color 0.18s ease;
}

.etl-breadcrumb-link:hover {
  color: #e52629;
}

.etl-breadcrumb-current {
  color: rgba(17, 24, 39, 0.94);
  font-weight: 700;
}

.etl-breadcrumb-sep {
  color: rgba(17, 24, 39, 0.38);
  font-size: 11px;
  line-height: 1;
}

@media (max-width: 980px) {
  .etl-breadcrumb-wrap {
    padding-top: 10px;
    padding-bottom: 0;
  }

  .etl-breadcrumb {
    gap: 6px;
    padding: 7px 10px;
  }
}

@media (max-width: 560px) {
  .etl-breadcrumb-wrap {
    padding-top: 8px;
  }

  .etl-breadcrumb-link,
  .etl-breadcrumb-current {
    font-size: 11px;
  }

  .etl-breadcrumb {
    border-radius: 12px;
    max-width: 100%;
  }
}

body#top main,
body#top section,
body#top footer {
  box-sizing: border-box;
}

body#top main .container,
body#top section > .container,
body#top footer .container {
  width: min(1320px, calc(100% - 24px));
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

@media (max-width: 980px) {
  body#top main .container,
  body#top section > .container,
  body#top footer .container {
    width: calc(100% - 20px);
  }
}

@media (max-width: 560px) {
  body#top main .container,
  body#top section > .container,
  body#top footer .container {
    width: calc(100% - 12px);
  }
}

@media (max-width: 1400px) {
  body#top .p-header .p-cabinet {
    display: none !important;
  }
}

footer {
  position: relative;
  padding-top: 14px !important;
  padding-bottom: 10px !important;
  border-top: 1px solid rgba(17, 24, 39, 0.08);
  background:
    radial-gradient(900px 260px at 85% -20%, rgba(229, 38, 41, 0.1), rgba(229, 38, 41, 0) 64%),
    linear-gradient(180deg, rgba(248, 250, 253, 0.98), rgba(241, 245, 250, 0.98));
}
@media (min-width: 1281px) {
  body#top footer .container {
    width: min(1380px, calc(100% - 24px));
    max-width: 1380px;
  }
}
footer .footer-grid {
  display: grid;
  grid-template-columns: minmax(210px, 0.72fr) minmax(470px, 1.55fr) minmax(310px, 0.95fr);
  gap: clamp(14px, 1.6vw, 22px) !important;
  align-items: flex-start;
  justify-items: stretch;
}
footer .footer-logo {
  display: block;
  width: 118px !important;
  height: auto !important;
  max-width: 100%;
  object-fit: contain;
  align-self: flex-start;
}
footer .footer-col {
  display: flex;
  flex-direction: column;
  gap: 8px !important;
  min-width: 0;
  padding: 0 6px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* DT_MOBILE_APP_POLISH */
@media (max-width: 768px) {
  html,
  body {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  body#top {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    overflow-x: clip !important;
  }

  body#top main,
  body#top section,
  body#top footer,
  body#top .container,
  body#top .p-container,
  body#top .calc-wrap,
  body#top .sc-wrap,
  body#top .cp-wrap,
  body#top .svc-wrap,
  body#top .a-wrap,
  body#top .rules-wrap,
  body#top .faq-wrap,
  body#top .blog-article {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body#top main .container,
  body#top section > .container,
  body#top footer .container,
  body#top .calc-wrap {
    width: calc(100% - 16px) !important;
    max-width: calc(100% - 16px) !important;
    margin-inline: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body#top * {
    min-width: 0;
    box-sizing: border-box;
  }

  body#top img,
  body#top svg,
  body#top video,
  body#top canvas,
  body#top iframe {
    max-width: 100% !important;
  }

  body#top .hero-grid,
  body#top #hero > .container.hero-grid,
  body#top .svc-hero > .container,
  body#top .svc-hero .svc-hero-inner,
  body#top .contact-grid,
  body#top .map-grid,
  body#top .price-grid,
  body#top .kv,
  body#top .presence-grid,
  body#top .rq-grid,
  body#top .rq-options,
  body#top .facts,
  body#top .kpi-grid,
  body#top .value-grid,
  body#top .cases-grid,
  body#top .lux-guide,
  body#top .lux-kpis,
  body#top .about2-priority,
  body#top .about2-role-grid,
  body#top .about2-regs,
  body#top .about2-metric,
  body#top .about2-visuals,
  body#top .about2-grid,
  body#top .about2-columns,
  body#top .about2-cases,
  body#top .about2-steps,
  body#top .cp-grid-2,
  body#top .cp-grid-3,
  body#top .svc-grid2,
  body#top .svc-grid3,
  body#top .svc-grid-2,
  body#top .svc-grid-3,
  body#top .bento-grid,
  body#top .cargo-grid,
  body#top .blog-compare,
  body#top .blog-marking-grid,
  body#top .blog-temp-cards {
    grid-template-columns: 1fr !important;
  }

  body#top .about2-logo-grid,
  body#top .about2-stats,
  body#top .geo-list,
  body#top div[style*="grid-template-columns:repeat(4,1fr)"] {
    grid-template-columns: 1fr 1fr !important;
  }

  body#top .hero-premium,
  body#top .hero-grid,
  body#top .hero-content,
  body#top .hero-actions {
    overflow: visible !important;
  }

  body#top #hero .hero-visual,
  body#top .hero-visual {
    justify-content: center !important;
    align-items: flex-end !important;
  }

  body#top #hero .hero-visual .hero-truck,
  body#top .hero-visual .hero-truck {
    width: min(100%, 560px) !important;
    max-width: 100% !important;
    transform: none !important;
    margin-inline: auto !important;
  }

  body#top h1 {
    font-size: clamp(34px, 9vw, 52px) !important;
    line-height: 0.94 !important;
    letter-spacing: -0.03em !important;
  }

  body#top h2 {
    font-size: clamp(28px, 7.2vw, 38px) !important;
    line-height: 1.04 !important;
  }

  body#top h3 {
    font-size: clamp(18px, 5vw, 22px) !important;
    line-height: 1.14 !important;
  }

  body#top p,
  body#top li,
  body#top .svc-sub,
  body#top .hero-subtitle,
  body#top .footer-text {
    font-size: 15px !important;
    line-height: 1.55 !important;
  }

  body#top .section,
  body#top section {
    scroll-margin-top: 84px;
  }

  body#top :is(
    .p-btn-primary,
    .btn,
    .btn-primary,
    .btn-outline,
    .magnetic-btn,
    .etl-sidebar-btn,
    .p-drawer-action,
    .rq-submit,
    .rq-option,
    .calc-submit,
    button,
    a[class*="btn"]
  ) {
    min-height: 48px !important;
    padding: 13px 16px !important;
    border-radius: 14px !important;
    font-size: 15px !important;
    line-height: 1.15 !important;
  }

  body#top :is(input, select, textarea, .input, .p-city-switch__select) {
    min-height: 48px !important;
    font-size: 16px !important;
  }

  body#top .hero-point,
  body#top .geo-meta-item,
  body#top .badge,
  body#top .pill {
    min-height: 36px !important;
    padding: 8px 12px !important;
    font-size: 12px !important;
  }

  body#top .table-wrap,
  body#top .data-table-wrap,
  body#top .rq-table-wrap,
  body#top .price-table-wrap,
  body#top .sc-table,
  body#top .svc-table {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  body#top table.data-table,
  body#top .data-table,
  body#top .price-table,
  body#top .rq-table {
    min-width: 640px !important;
  }

  body#top footer {
    padding-bottom: calc(18px + env(safe-area-inset-bottom)) !important;
  }
}

@media (max-width: 560px) {
  body#top main .container,
  body#top section > .container,
  body#top footer .container,
  body#top .calc-wrap {
    width: calc(100% - 12px) !important;
    max-width: calc(100% - 12px) !important;
  }

  body#top .about2-logo-grid,
  body#top .about2-stats,
  body#top .geo-list,
  body#top div[style*="grid-template-columns:repeat(4,1fr)"] {
    grid-template-columns: 1fr !important;
  }

  body#top h1 {
    font-size: clamp(30px, 10vw, 42px) !important;
  }

  body#top h2 {
    font-size: clamp(24px, 7.6vw, 32px) !important;
  }
}
@media (min-width: 981px) {
  footer .footer-col + .footer-col {
    padding-left: 10px;
    border-left: 1px solid rgba(17, 24, 39, 0.09);
  }
  footer .footer-col:nth-child(2) {
    padding-right: clamp(10px, 0.95vw, 16px) !important;
  }
  footer .footer-col:last-child {
    padding-left: clamp(18px, 1.45vw, 28px) !important;
    justify-self: end;
    width: min(100%, 380px);
  }
}
footer .footer-h {
  margin-bottom: 2px !important;
  font-size: clamp(12px, 0.88vw, 13px) !important;
  line-height: 1.3;
  font-weight: 800;
  letter-spacing: .01em;
}
footer .footer-links {
  gap: 5px !important;
  margin: 0 !important;
  padding: 0 !important;
}
footer .footer-links--sitemap {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  column-gap: 18px !important;
  row-gap: 8px !important;
}
footer .footer-sitemap-group {
  position: relative;
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 3px;
  border: 0 !important;
  padding-top: 8px !important;
  margin: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
footer .footer-sitemap-group::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: rgba(17, 24, 39, 0.09);
}
footer .footer-sitemap-group:first-child {
  margin-top: 0 !important;
  padding-top: 10px !important;
}
footer .footer-sitemap-group__title {
  margin: 0 0 2px;
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(17, 24, 39, 0.62);
}
footer .footer-links--contacts {
  display: flex;
  flex-direction: column;
  gap: 5px !important;
}
footer .footer-links--contacts > a {
  font-weight: 700;
}
footer .footer-main-city {
  font-size: 12px !important;
  line-height: 1.4;
}
footer .footer-main-city a {
  color: rgba(17, 24, 39, 0.9);
  font-weight: 750;
  text-decoration: none;
  border-bottom: 1px solid rgba(17, 24, 39, 0.18);
  transition: color .18s ease, border-color .18s ease;
}
footer .footer-main-city a:hover {
  color: #e52629;
  border-bottom-color: rgba(229, 38, 41, 0.46);
}
footer .footer-links a {
  display: block;
  line-height: 1.28;
  font-size: clamp(11.5px, 0.82vw, 12.5px) !important;
  color: rgba(17, 24, 39, 0.86);
  text-decoration: none;
  overflow-wrap: break-word;
  word-break: normal;
  hyphens: none;
  white-space: normal !important;
  text-overflow: clip !important;
  overflow: visible !important;
  transition: color .18s ease;
}
footer .footer-links a:hover {
  color: #e52629;
}
footer .footer-text {
  margin: 0;
  line-height: 1.45;
  font-size: clamp(11.5px, 0.82vw, 12.5px) !important;
  color: rgba(17, 24, 39, 0.72);
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}
footer .footer-city-links {
  margin-top: 1px;
  display: flex;
  flex-wrap: wrap;
  gap: 5px 6px;
}
footer .footer-city-link {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 3px 8px;
  border-radius: 999px;
  border: 1px solid rgba(17, 24, 39, 0.14);
  background: rgba(255, 255, 255, 0.64);
  color: rgba(17, 24, 39, 0.86);
  text-decoration: none;
  font-size: 10.5px;
  font-weight: 700;
  transition: border-color .18s ease, color .18s ease, background-color .18s ease;
}
footer .footer-city-links .footer-city-link:nth-child(n+5) {
  display: none;
}
footer .footer-city-link:hover {
  color: #e52629;
  border-color: rgba(229, 38, 41, 0.4);
  background: rgba(255, 255, 255, 0.86);
}
footer .footer-city-link--primary {
  border-color: rgba(229, 38, 41, 0.45);
  background: rgba(229, 38, 41, 0.1);
  color: rgba(137, 18, 20, 0.96);
}
footer .footer-city-contacts {
  margin-top: 4px;
  padding-top: 8px;
  border-top: 1px solid rgba(17, 24, 39, 0.1);
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}
footer .footer-city-contact {
  margin: 0;
  display: grid;
  gap: 2px;
}
footer .footer-city-contact strong {
  font-size: 12px;
  line-height: 1.25;
  color: rgba(17, 24, 39, 0.9);
}
footer .footer-city-contact span {
  font-size: 12px;
  line-height: 1.35;
  color: rgba(17, 24, 39, 0.72);
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}
footer .footer-presence-title {
  margin-top: 4px;
  font-weight: 700;
  color: rgba(17, 24, 39, 0.78);
}
footer .footer-presence-list {
  font-size: 11.5px;
  line-height: 1.3;
}
footer .footer-meta,
footer .footer-note {
  margin-top: 4px !important;
}
footer .footer-social {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
footer .footer-social.footer-social--pack {
  gap: 10px;
}
footer .footer-social.footer-social--pack .footer-social__link--pack {
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  background-color: transparent;
  position: relative;
  border-radius: 7px;
  cursor: pointer;
  transition: all .3s;
  text-decoration: none;
}
footer .footer-social.footer-social--pack .footer-social__icon-shell {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
footer .footer-social.footer-social--pack .footer-social__svg-container {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  backdrop-filter: blur(4px);
  letter-spacing: 0.8px;
  border-radius: 10px;
  transition: all .3s;
  border: 1px solid rgba(156, 156, 156, 0.466);
  position: relative;
  z-index: 2;
}
footer .footer-social.footer-social--pack .footer-social__bg {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  z-index: 1;
  border-radius: 10px;
  pointer-events: none;
  transition: all .3s;
}
footer .footer-social.footer-social--pack .footer-social__link--pack:hover .footer-social__bg {
  transform: rotate(35deg);
  transform-origin: bottom;
}
footer .footer-social.footer-social--pack .footer-social__link--pack:hover .footer-social__svg-container {
  background-color: rgba(156, 156, 156, 0.466);
}
footer .footer-social.footer-social--pack .footer-social__icon {
  width: 1.2em;
  height: 1.2em;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 3;
}
footer .footer-social.footer-social--pack .footer-social__icon--vk,
footer .footer-social.footer-social--pack .footer-social__icon--telegram {
  width: 1.22em;
  height: 1.22em;
}
footer .footer-social.footer-social--pack .footer-social__icon--max {
  width: 1.62em;
  height: 0.86em;
}
footer .footer-social.footer-social--pack .footer-social__icon--whatsapp {
  width: 1.16em;
  height: 1.16em;
}
footer .footer-social.footer-social--pack .footer-social__icon svg {
  width: 100%;
  height: 100%;
  display: block;
  fill: currentColor;
}
footer .footer-social.footer-social--pack .footer-social__icon img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}
footer .footer-social.footer-social--pack .footer-social__sr {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  white-space: nowrap;
}
footer .footer-social.footer-social--pack .footer-social__bg--vk {
  background: linear-gradient(45deg, #005eca 0%, #0077ff 50%, #005eca 100%);
}
footer .footer-social.footer-social--pack .footer-social__bg--telegram {
  background: linear-gradient(45deg, #1d93d2 0%, #0088cc 50%, #27a5e7 100%);
}
footer .footer-social.footer-social--pack .footer-social__bg--max {
  background: linear-gradient(135deg, #f2f6fb 0%, #dbe7f3 100%);
}
footer .footer-social.footer-social--pack .footer-social__bg--whatsapp {
  background: linear-gradient(45deg, #128c7e 0%, #25d366 50%, #128c7e 100%);
}
footer .footer-social.footer-social--pack .footer-social__bg--instagram {
  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}
footer .footer-social:not(.footer-social--pack) .footer-social__link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 7px 3px 5px;
  border-radius: 999px;
  border: 1px solid rgba(17, 24, 39, 0.11);
  background: rgba(255, 255, 255, 0.58);
  backdrop-filter: blur(4px);
  color: rgba(17, 24, 39, 0.88);
  font-size: 11px;
  font-weight: 700;
  text-decoration: none;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background-color .18s ease, color .18s ease;
}
footer .footer-social:not(.footer-social--pack) .footer-social__link:hover {
  transform: translateY(-1px);
  border-color: rgba(229, 38, 41, 0.38);
  background: rgba(255, 255, 255, 0.82);
  color: #e52629;
  box-shadow: 0 8px 18px rgba(17, 24, 39, 0.12);
}
footer .footer-social:not(.footer-social--pack) .footer-social__icon {
  width: 18px;
  height: 18px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, #ee3a3c, #e52629);
  color: #fff;
  box-shadow: 0 5px 12px rgba(229, 38, 41, 0.34);
}
footer .footer-social:not(.footer-social--pack) .footer-social__icon svg {
  width: 11px;
  height: 11px;
  display: block;
  fill: currentColor;
}
footer .footer-social:not(.footer-social--pack) .footer-social__icon i {
  font-size: 11px;
  display: block;
  line-height: 1;
}
footer .footer-bottom {
  margin-top: 8px !important;
  padding-top: 6px !important;
  align-items: center;
  font-size: 11.5px;
  line-height: 1.25;
  color: rgba(17, 24, 39, 0.7);
}
footer .footer-legal {
  margin-left: auto;
}
@media (max-width: 1360px) {
  footer .footer-grid {
    grid-template-columns: minmax(195px, 0.7fr) minmax(420px, 1.45fr) minmax(280px, 0.9fr);
  }
}
@media (max-width: 1200px) {
  footer .footer-grid {
    grid-template-columns: minmax(170px, 0.66fr) minmax(360px, 1.35fr) minmax(230px, 0.84fr);
    gap: 14px !important;
  }
  footer .footer-col:last-child {
    width: min(100%, 340px);
  }
  footer .footer-links--sitemap {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 14px !important;
  }
}
@media (max-width: 980px) {
  footer .footer-grid {
    gap: 8px !important;
  }
  footer .footer-col + .footer-col {
    border-left: 0;
    border-top: 1px solid rgba(17, 24, 39, 0.09);
    padding-left: 6px;
    padding-top: 6px;
  }
  footer .footer-links--sitemap {
    grid-template-columns: minmax(0, 1fr) !important;
    column-gap: 0 !important;
  }
  footer .footer-city-links .footer-city-link:nth-child(n+5) {
    display: inline-flex;
  }
  footer .footer-legal {
    margin-left: 0;
  }
}

@media (max-width: 700px) {
  footer .footer-links--sitemap {
    grid-template-columns: minmax(0, 1fr) !important;
    column-gap: 0 !important;
    row-gap: 4px !important;
  }
}

@media (max-width: 820px) {
  footer {
    padding-top: 18px !important;
    padding-bottom: 16px !important;
  }
  footer .footer-grid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }
  footer .footer-col {
    gap: 10px !important;
    padding: 16px !important;
    border: 1px solid rgba(17, 24, 39, 0.08) !important;
    border-radius: 20px !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(247, 249, 252, 0.92)) !important;
    box-shadow: 0 16px 30px rgba(17, 24, 39, 0.06) !important;
  }
  footer .footer-col + .footer-col {
    border-top: 1px solid rgba(17, 24, 39, 0.08) !important;
    padding-top: 16px !important;
  }
  footer .footer-h {
    font-size: 13px !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase;
  }
  footer .footer-text,
  footer .footer-links a,
  footer .footer-main-city,
  footer .footer-city-contact span {
    font-size: 14px !important;
    line-height: 1.5 !important;
  }
  footer .footer-links {
    gap: 8px !important;
  }
  footer .footer-links a {
    display: flex !important;
    align-items: center;
    min-height: 48px;
    padding: 11px 14px;
    border-radius: 14px;
    border: 1px solid rgba(17, 24, 39, 0.08);
    background: rgba(255, 255, 255, 0.74);
  }
  footer .footer-links a:hover {
    background: rgba(255, 255, 255, 0.94);
  }
  footer .footer-social {
    gap: 10px !important;
    flex-wrap: wrap;
  }
  footer .footer-social:not(.footer-social--pack) .footer-social__link {
    min-height: 46px;
    padding: 6px 14px 6px 8px;
    font-size: 13px;
  }
  footer .footer-social:not(.footer-social--pack) .footer-social__icon {
    width: 28px;
    height: 28px;
  }
  footer .footer-social:not(.footer-social--pack) .footer-social__icon svg {
    width: 15px;
    height: 15px;
  }
  footer .footer-city-links {
    gap: 8px !important;
  }
  footer .footer-city-link {
    min-height: 42px;
    padding: 10px 14px !important;
    font-size: 13px !important;
  }
  footer .footer-note {
    margin-top: 2px;
    padding: 10px 12px;
    border-radius: 14px;
    background: rgba(17, 24, 39, 0.04);
  }
  footer .footer-bottom {
    margin-top: 14px !important;
    padding-top: 12px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    justify-items: start;
    gap: 8px !important;
    font-size: 13px;
  }
  footer .footer-dot {
    display: none;
  }
  footer .footer-legal a {
    display: inline-flex;
    align-items: center;
    min-height: 42px;
    padding: 10px 14px;
    border-radius: 14px;
    border: 1px solid rgba(17, 24, 39, 0.08);
    background: rgba(255, 255, 255, 0.76);
  }
}

@media (max-width: 560px) {
  footer .footer-col {
    padding: 14px !important;
    border-radius: 18px !important;
  }
  footer .footer-links a,
  footer .footer-legal a {
    min-height: 46px;
    padding: 10px 12px;
    border-radius: 13px;
  }
  footer .footer-social:not(.footer-social--pack) .footer-social__link {
    width: 100%;
    justify-content: flex-start;
  }
  footer .footer-city-links {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  footer .footer-city-link {
    justify-content: center;
  }
}

.fab-top {
  position: fixed;
  right: 18px;
  bottom: 18px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1px solid rgba(229, 38, 41, 0.34);
  background: linear-gradient(180deg, #eb2f32, #e52629);
  color: #fff;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  line-height: 1;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.22);
  z-index: 1200;
  opacity: 1;
  pointer-events: auto;
  transition: filter 0.2s ease;
}
.fab-top:hover {
  filter: brightness(1.05);
}

.cms-runtime-block {
  margin: 18px auto;
  padding: 16px 18px;
  max-width: 1200px;
  border-radius: 14px;
  border: 1px solid rgba(17, 24, 39, 0.1);
  background: linear-gradient(180deg, rgba(255,255,255,0.82), rgba(248,250,254,0.82));
  box-shadow: 0 10px 24px rgba(17, 24, 39, 0.08);
}
.cms-runtime-block h2 {
  margin: 0 0 8px;
}
.cms-runtime-block p {
  margin: 0;
}

.theme-switch {
  width: 44px;
  height: 24px;
  border-radius: 999px;
  border: 1px solid rgba(0, 0, 0, 0.16);
  background: linear-gradient(180deg, rgba(5, 8, 12, 0.96), rgba(0, 0, 0, 0.92));
  display: inline-block;
  padding: 1px;
  cursor: pointer;
  flex: 0 0 auto;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.18);
  transition: background 0.24s ease, border-color 0.24s ease, box-shadow 0.24s ease;
  position: relative;
  overflow: hidden;
}
.theme-switch:focus-visible {
  outline: 2px solid rgba(229, 38, 41, 0.42);
  outline-offset: 1px;
}
.theme-switch__thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 2px 9px rgba(0, 0, 0, 0.24);
  transform: translateX(0);
  transition: transform 0.24s cubic-bezier(0.22, 1, 0.36, 1), background 0.24s ease, box-shadow 0.24s ease;
  position: absolute;
  top: 1px;
  left: 1px;
  z-index: 2;
}
.theme-switch[aria-checked="true"] {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(244, 246, 250, 0.96));
  border-color: rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 10px rgba(0, 0, 0, 0.16);
}
.theme-switch[aria-checked="true"] .theme-switch__thumb {
  transform: translateX(20px);
  background: #111622;
  box-shadow: 0 2px 9px rgba(0, 0, 0, 0.32), inset 0 0 0 1px rgba(255, 255, 255, 0.1);
}
.theme-switch__sun,
.theme-switch__moon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  z-index: 3;
  pointer-events: none;
  transition: opacity 0.24s ease, transform 0.24s ease, filter 0.24s ease, text-shadow 0.24s ease;
}
.theme-switch__sun {
  left: 5px;
  color: #ffcc3d;
  opacity: 1;
  filter: saturate(1.35) brightness(1.16);
  text-shadow: 0 0 10px rgba(255, 204, 61, 0.7), 0 0 2px rgba(255, 230, 150, 0.8);
}
.theme-switch__moon {
  right: 5px;
  color: #eef7ff;
  opacity: 1;
  filter: saturate(1.35) brightness(1.2);
  text-shadow: 0 0 12px rgba(190, 228, 255, 0.78), 0 0 2px rgba(235, 246, 255, 0.95);
}
.theme-switch[aria-checked="true"] .theme-switch__sun {
  opacity: 0.68;
  transform: translateY(-50%) scale(0.95);
  color: rgba(229, 38, 41, 0.9);
  filter: saturate(1);
  text-shadow: 0 0 10px rgba(229, 38, 41, 0.28), 0 0 2px rgba(229, 38, 41, 0.52);
}
.theme-switch[aria-checked="true"] .theme-switch__moon {
  opacity: 1;
  transform: translateY(-50%) scale(1.1);
  color: #121c2b;
  filter: saturate(1.18) brightness(1);
  text-shadow: 0 0 10px rgba(18, 28, 43, 0.14), 0 0 2px rgba(18, 28, 43, 0.36);
}
@media (max-width: 1099px) {
  .theme-switch {
    display: none;
  }
}

html.etl-theme-switching body,
html.etl-theme-switching :is(main, section, footer, .p-header, .p-dd, .card, .bento-card, .svc-card, .doc-card, .faq-card, .stat-card, .process-step, .trust-marquee, .logo-tile, .geo-svg-wrap, .geo-note, .geo-kpi, .geo-meta-item, .geo-route-badge, .geo-route-eta, .m-app-footer, #m-bottom-nav, input, select, textarea, button, a, span, p, h1, h2, h3, h4, h5, h6) {
  transition-duration: 0.18s !important;
  transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1) !important;
}

@media (prefers-reduced-motion: reduce) {
  html.etl-theme-switching body,
  html.etl-theme-switching :is(main, section, footer, .p-header, .p-dd, .card, .bento-card, .svc-card, .doc-card, .faq-card, .stat-card, .process-step, .trust-marquee, .logo-tile, .geo-svg-wrap, .geo-note, .geo-kpi, .geo-meta-item, .geo-route-badge, .geo-route-eta, .m-app-footer, #m-bottom-nav, input, select, textarea, button, a, span, p, h1, h2, h3, h4, h5, h6) {
    transition-duration: 0ms !important;
  }
}

html[data-theme="dark"] {
  color-scheme: dark;
  background: #0c0c0c;
}
html[data-theme="dark"] body {
  background: #0c0c0c !important;
  color: #f1f1f1 !important;
}
html[data-theme="dark"] .p-header,
html[data-theme="dark"] .p-header.is-scrolled {
  background: rgba(12, 12, 12, 0.94) !important;
  border-bottom-color: rgba(255, 255, 255, 0.12) !important;
  backdrop-filter: blur(14px);
}
html[data-theme="dark"] .p-header .p-link,
html[data-theme="dark"] .p-header .p-cabinet,
html[data-theme="dark"] .p-header .p-dd-toggle,
html[data-theme="dark"] .p-header .p-dd a {
  color: #f4f7ff !important;
}
html[data-theme="dark"] body#top .p-header .p-cabinet {
  border-color: rgba(255,255,255,.16);
  background: rgba(18,18,18,.92);
}
html[data-theme="dark"] body#top .p-header .p-cabinet::before {
  border-color: rgba(245,245,245,.9);
}
html[data-theme="dark"] .p-header .p-dd {
  background: #171717 !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
}
html[data-theme="dark"] .p-header .p-dd a:hover {
  background: rgba(229, 38, 41, 0.15) !important;
}
html[data-theme="dark"] .etl-breadcrumb {
  border-color: rgba(255, 255, 255, 0.16);
  background: rgba(18, 18, 18, 0.88);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.4);
}
html[data-theme="dark"] .etl-breadcrumb-link {
  color: rgba(236,236,236,.78);
}
html[data-theme="dark"] .etl-breadcrumb-link:hover {
  color: #ff5658;
}
html[data-theme="dark"] .etl-breadcrumb-current {
  color: rgba(247,247,247,.95);
}
html[data-theme="dark"] .etl-breadcrumb-sep {
  color: rgba(236,236,236,.4);
}
html[data-theme="dark"] main,
html[data-theme="dark"] section,
html[data-theme="dark"] footer,
html[data-theme="dark"] .section,
html[data-theme="dark"] .container,
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6 {
  color: #f2f2f2 !important;
}
html[data-theme="dark"] .bento-card,
html[data-theme="dark"] .card,
html[data-theme="dark"] .stat-card,
html[data-theme="dark"] .glass,
html[data-theme="dark"] .panel,
html[data-theme="dark"] .box {
  background: linear-gradient(180deg, #181818, #111111) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.46) !important;
}
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea {
  background: #151515 !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
  color: #f3f3f3 !important;
}
html[data-theme="dark"] footer {
  background: #111111 !important;
  border-top-color: rgba(255, 255, 255, 0.12) !important;
}
html[data-theme="dark"] footer .footer-col + .footer-col {
  border-left-color: rgba(255, 255, 255, 0.13) !important;
  border-top-color: rgba(255, 255, 255, 0.13) !important;
}
html[data-theme="dark"] footer .footer-links a,
html[data-theme="dark"] footer .footer-text,
html[data-theme="dark"] footer .footer-bottom {
  color: rgba(234, 240, 255, 0.84) !important;
}
html[data-theme="dark"] footer .footer-sitemap-group__title {
  color: rgba(210, 222, 248, 0.62) !important;
}
html[data-theme="dark"] footer .footer-sitemap-group::before {
  background: rgba(255, 255, 255, 0.15);
}
html[data-theme="dark"] footer .footer-city-contacts {
  border-top-color: rgba(255, 255, 255, 0.16) !important;
}
html[data-theme="dark"] footer .footer-city-contact strong {
  color: rgba(241, 246, 255, 0.92) !important;
}
html[data-theme="dark"] footer :is(.footer-city-contact span, .footer-note) {
  color: rgba(216, 226, 246, 0.78) !important;
}
html[data-theme="dark"] footer .footer-main-city a {
  color: rgba(241, 246, 255, 0.94) !important;
  border-bottom-color: rgba(241, 246, 255, 0.3) !important;
}
html[data-theme="dark"] footer .footer-main-city a:hover {
  color: #ff6a6c !important;
  border-bottom-color: rgba(255, 106, 108, 0.55) !important;
}
html[data-theme="dark"] footer .footer-city-link {
  border-color: rgba(255, 255, 255, 0.2) !important;
  background: rgba(20, 20, 20, 0.86) !important;
  color: rgba(240, 240, 240, 0.9) !important;
}
html[data-theme="dark"] footer .footer-city-link:hover {
  border-color: rgba(229, 38, 41, 0.58) !important;
  color: #ff6a6c !important;
}
html[data-theme="dark"] footer .footer-city-link--primary {
  border-color: rgba(229, 38, 41, 0.62) !important;
  background: rgba(229, 38, 41, 0.18) !important;
  color: rgba(255, 227, 229, 0.96) !important;
}
html[data-theme="dark"] body#top .p-header .p-city-switch__label {
  color: rgba(230, 230, 230, 0.66) !important;
}
html[data-theme="dark"] body#top .p-header .p-city-switch__select {
  border-color: rgba(255, 255, 255, 0.18) !important;
  background: rgba(20, 20, 20, 0.86) !important;
  color: rgba(240, 240, 240, 0.94) !important;
}
html[data-theme="dark"] body#top .p-header .p-city-switch__select:hover {
  border-color: rgba(229, 38, 41, 0.58) !important;
  background: rgba(22, 22, 22, 0.96) !important;
}
html[data-theme="dark"] body#top .p-header .p-city-switch__select:focus-visible {
  box-shadow: 0 0 0 3px rgba(229, 38, 41, 0.2) !important;
}
html[data-theme="dark"] footer .footer-social:not(.footer-social--pack) .footer-social__link {
  background: rgba(20, 20, 20, 0.86) !important;
  border-color: rgba(255,255,255,0.14) !important;
  color: rgba(240,240,240,0.9) !important;
}
html[data-theme="dark"] footer .footer-social.footer-social--pack .footer-social__svg-container {
  border: 1px solid rgba(156, 156, 156, 0.466);
  background-color: transparent;
}
html[data-theme="dark"] .cms-runtime-block {
  background: linear-gradient(180deg, rgba(16,24,39,0.9), rgba(11,18,29,0.9));
  border-color: rgba(255,255,255,0.13);
  box-shadow: 0 14px 30px rgba(0,0,0,0.45);
}
html[data-theme="dark"] img,
html[data-theme="dark"] svg,
html[data-theme="dark"] video,
html[data-theme="dark"] canvas {
  filter: none !important;
}

/* Release fix: mobile header usability + stable index hero flow */
@media (max-width: 1099px) {
  body#top {
    padding-top: 64px !important;
  }
  body#top #p-header.p-header {
    height: 64px !important;
    min-height: 64px !important;
  }
  body#top .p-header .p-nav {
    justify-content: flex-start !important;
    gap: 8px !important;
    min-height: 64px !important;
  }
  body#top .p-header .p-logo {
    margin-right: auto !important;
    padding: 4px 6px !important;
  }
  body#top .p-header .p-logo img {
    max-height: 32px !important;
    width: auto !important;
    height: auto !important;
  }
  body#top .p-header .p-btn-primary {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 34px !important;
    padding: 0 10px !important;
    border-radius: 10px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    max-width: 138px !important;
  }
  body#top .p-header .p-burger {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    padding: 0 !important;
    border-radius: 10px !important;
    border: 1px solid rgba(17, 24, 39, 0.16) !important;
    background: rgba(255, 255, 255, 0.9) !important;
    margin-left: 2px !important;
  }
  body#top .p-header .p-burger span {
    width: 16px !important;
    height: 2px !important;
    background: rgba(17, 24, 39, 0.86) !important;
  }
  body#top .p-mobile-menu {
    background: #ffffff !important;
    border-left: 1px solid rgba(17, 24, 39, 0.12) !important;
    box-shadow: -22px 0 36px rgba(0, 0, 0, 0.14) !important;
  }
  body#top .p-mobile-link {
    color: rgba(17, 24, 39, 0.9) !important;
    border-bottom: 1px solid rgba(17, 24, 39, 0.08) !important;
  }
  body#top .p-mobile-sub a {
    color: rgba(48, 58, 74, 0.86) !important;
  }
}

@media (max-width: 560px) {
  body#top .p-header .p-btn-primary {
    display: none !important;
  }
}

body#top #hero.hero-premium {
  min-height: 0 !important;
}
body#top #hero.hero-premium + .stats-section {
  margin-top: 0 !important;
  padding-top: 10px !important;
}
@media (max-width: 980px) {
  body#top #hero.hero-premium .hero-grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    padding: 30px 0 14px !important;
    align-items: start !important;
  }
  body#top #hero.hero-premium .hero-visual {
    display: flex !important;
    visibility: visible !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    justify-content: center !important;
    margin-top: 4px !important;
  }
  body#top #hero.hero-premium .hero-truck,
  body#top #hero.hero-premium .hero-visual .hero-truck,
  body#top #hero.hero-premium .hero-visual img,
  body#top #hero.hero-premium img.hero-truck {
    position: relative !important;
    right: auto !important;
    left: auto !important;
    bottom: auto !important;
    top: auto !important;
    transform: none !important;
    display: block !important;
    width: min(560px, 98vw) !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
    opacity: 1 !important;
    filter: drop-shadow(0 14px 30px rgba(0, 0, 0, 0.16)) !important;
  }
}
@media (max-width: 560px) {
  body#top #hero.hero-premium .hero-content h1,
  body#top #hero.hero-premium h1 {
    font-size: clamp(32px, 10.6vw, 44px) !important;
    line-height: 0.96 !important;
    letter-spacing: -0.01em !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  body#top #hero.hero-premium .hero-grid {
    padding: 26px 0 10px !important;
  }
  body#top #hero.hero-premium .hero-content h1 {
    margin-bottom: 10px !important;
  }
  body#top #hero.hero-premium .hero-subtitle {
    margin-bottom: 12px !important;
  }
  body#top #hero.hero-premium .hero-truck,
  body#top #hero.hero-premium .hero-visual .hero-truck,
  body#top #hero.hero-premium .hero-visual img,
  body#top #hero.hero-premium img.hero-truck {
    width: min(510px, 97vw) !important;
  }
}

html[data-theme="dark"] body#top .p-header .p-burger {
  background: rgba(20, 20, 20, 0.88) !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
}
html[data-theme="dark"] body#top .p-header .p-burger span {
  background: rgba(240, 246, 255, 0.92) !important;
}
html[data-theme="dark"] body#top .p-mobile-menu {
  background: #0f1623 !important;
  border-left-color: rgba(255, 255, 255, 0.14) !important;
  box-shadow: -24px 0 40px rgba(0, 0, 0, 0.5) !important;
}
html[data-theme="dark"] body#top .p-mobile-link {
  color: rgba(240, 240, 240, 0.92) !important;
  border-bottom-color: rgba(255, 255, 255, 0.12) !important;
}
html[data-theme="dark"] body#top .p-mobile-sub a {
  color: rgba(213, 223, 242, 0.84) !important;
}

/* Release hardening: keep mobile header compact and strictly in viewport */
@media (max-width: 1099px) {
  body#top #p-header.p-header .p-menu-desktop,
  body#top #p-header.p-header .p-menu-desktop *,
  body#top #p-header.p-header .p-has-dropdown > .p-dd {
    display: none !important;
  }

  body#top #p-header.p-header,
  body#top #p-header.p-header .p-container,
  body#top #p-header.p-header .p-nav {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
  }

  body#top #p-header.p-header .p-nav {
    justify-content: space-between !important;
    gap: 10px !important;
    flex-wrap: nowrap !important;
    position: relative !important;
    padding-right: 52px !important;
  }

  body#top #p-header.p-header .p-menu-desktop,
  body#top #p-header.p-header .p-cabinet,
  body#top #p-header.p-header .p-city-switch,
  body#top #p-header.p-header .theme-switch,
  body#top #p-header.p-header .p-btn-primary {
    display: none !important;
  }

  body#top #p-header.p-header .p-logo {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    margin-right: 0 !important;
    overflow: visible !important;
  }

  body#top #p-header.p-header .p-logo img {
    max-height: 34px !important;
    width: auto !important;
    height: auto !important;
  }

  body#top #p-header.p-header .p-burger {
    display: none !important;
  }

  body#top #p-header.p-header .p-link::after {
    display: none !important;
  }
}

@media (max-width: 480px) {
  body#top #p-header.p-header .p-logo img {
    max-height: 30px !important;
  }
}

body#top #p-header.p-header .p-link.is-active::after,
body#top #p-header.p-header .p-link[aria-current="page"]::after,
body#top #p-header.p-header .p-link[aria-current="true"]::after {
  left: 8px !important;
  right: 8px !important;
  width: auto !important;
  max-width: calc(100% - 16px) !important;
  transform: none !important;
}

/* Global mobile adaptation baseline */
@media (max-width: 1099px) {
  html,
  body {
    overflow-x: hidden !important;
  }

  body#top main,
  body#top section,
  body#top footer {
    overflow-x: clip !important;
  }

  body#top main .container,
  body#top section > .container,
  body#top footer .container {
    width: calc(100% - 16px) !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body#top h1 {
    font-size: clamp(26px, 8.4vw, 36px) !important;
    line-height: 1.06 !important;
  }

  body#top h2 {
    font-size: clamp(22px, 6.2vw, 30px) !important;
    line-height: 1.12 !important;
  }

  body#top h3 {
    font-size: clamp(18px, 5vw, 24px) !important;
    line-height: 1.18 !important;
  }

  body#top :is(.hero-grid, .services-grid, .bento-grid, .process-grid, .why-grid, .rq-grid, .price-grid, .contact-grid, .faq-grid, .docs-grid, .cargo-grid, .svc-grid, .sc-grid, .table-grid) {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  body#top :is(.card, .bento-card, .svc-card, .stat-card, .panel-card, .rq-card, .why-card, .doc-card, .faq-card, .cargo-card, .cargo-flow-item, .cargo-extra-item) {
    padding: 12px !important;
    border-radius: 14px !important;
  }

  body#top :is(.form-row, .rf-grid, .rf-row, .calc-grid, .filters-grid) {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  body#top :is(.table-wrap, .data-table-wrap, .sc-table-wrap, .map-stage, .map-wrap) {
    width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  body#top table {
    min-width: 640px;
  }

  body#top .fab-top {
    right: 14px !important;
    bottom: 14px !important;
    width: 44px !important;
    height: 44px !important;
  }
}

@media (max-width: 560px) {
  body#top main .container,
  body#top section > .container,
  body#top footer .container {
    width: calc(100% - 12px) !important;
  }

  body#top :is(.hero-section, .section-light, .section-muted, .svc-section, .rules-section, .faq-section, .wh-section, .stats-section, .trust-section, .process-section) {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
  }

  body#top table {
    min-width: 560px;
  }
}

/* Mobile app-like bottom navigation */
@media (max-width: 1099px) {
  body#top {
    padding-bottom: calc(84px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body#top #m-bottom-nav.m-bottom-nav {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 7200;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 6px;
    padding: 8px 10px calc(8px + env(safe-area-inset-bottom, 0px));
    border-radius: 18px 18px 0 0;
    border-top: 1px solid rgba(17, 24, 39, 0.14);
    border-left: none;
    border-right: none;
    border-bottom: none;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 250, 255, 0.98));
    box-shadow: 0 -8px 24px rgba(10, 16, 26, 0.16);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    transition: transform 0.22s ease, opacity 0.22s ease;
  }

  body#top #m-bottom-nav .m-bottom-nav__link {
    min-height: 42px;
    padding: 0 6px;
    border-radius: 12px;
    border: 1px solid transparent;
    background: transparent;
    color: rgba(25, 32, 45, 0.88);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.01em;
    cursor: pointer;
  }

  body#top #m-bottom-nav .m-bottom-nav__link.is-active,
  body#top #m-bottom-nav .m-bottom-nav__link[aria-current="page"] {
    border-color: rgba(229, 38, 41, 0.32);
    background: rgba(229, 38, 41, 0.1);
    color: #b6191d;
  }

  body#top #m-bottom-nav .m-bottom-nav__link--menu {
    border-color: rgba(17, 24, 39, 0.2);
    background: rgba(17, 24, 39, 0.06);
  }
  body#top #m-bottom-nav .m-bottom-nav__link--menu.is-active {
    border-color: rgba(229, 38, 41, 0.32);
    background: rgba(229, 38, 41, 0.1);
    color: #b6191d;
  }

  body#top #m-bottom-nav .m-bottom-nav__txt {
    display: block;
    white-space: nowrap;
  }

  html[data-theme="dark"] body#top #m-bottom-nav.m-bottom-nav {
    border-color: rgba(17, 24, 39, 0.14) !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 250, 255, 0.98)) !important;
  }

  html[data-theme="dark"] body#top #m-bottom-nav .m-bottom-nav__link {
    color: rgba(25, 32, 45, 0.88) !important;
  }

  body#top .fab-top {
    right: 14px !important;
    bottom: calc(94px + env(safe-area-inset-bottom, 0px)) !important;
    z-index: 7300 !important;
  }

  .etl-cookie {
    bottom: calc(86px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body#top .p-mobile-menu {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    top: 64px !important;
    bottom: calc(76px + env(safe-area-inset-bottom, 0px)) !important;
    width: 100% !important;
    max-width: none !important;
    border-left: none !important;
    border-top: 1px solid rgba(17, 24, 39, 0.12) !important;
    border-radius: 20px 20px 0 0 !important;
    transform: translateY(110%) !important;
    visibility: hidden !important;
    pointer-events: none !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    z-index: 7400 !important;
    box-shadow: 0 -18px 36px rgba(0, 0, 0, 0.16) !important;
    padding-top: 10px !important;
    transition: transform 0.22s ease !important;
  }

  body#top.menu-open .p-mobile-menu {
    transform: translateY(0) !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  body#top .p-mobile-inner {
    padding: 6px 16px 14px !important;
  }

  body#top .p-mobile-link {
    min-height: 46px !important;
    padding: 12px 2px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    border-radius: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  body#top .p-mobile-sub a {
    min-height: 40px !important;
    padding: 10px 4px !important;
    font-size: 15px !important;
  }

  body#top .p-mobile-nav {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
  }

  body#top .p-mobile-group {
    display: block !important;
  }

  body#top .p-mobile-sub {
    max-height: 0 !important;
    overflow: hidden !important;
    transition: max-height 0.22s ease !important;
  }

  body#top .p-mobile-group.is-open .p-mobile-sub {
    max-height: 480px !important;
  }

  body#top.menu-open {
    overflow-y: auto !important;
    touch-action: pan-y !important;
  }

  body#top.menu-open #m-bottom-nav.m-bottom-nav {
    transform: none !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }
}

@media (max-width: 560px) {
  body#top #m-bottom-nav.m-bottom-nav {
    gap: 4px;
    padding: 7px 8px calc(7px + env(safe-area-inset-bottom, 0px));
    border-radius: 16px 16px 0 0;
  }

  body#top #m-bottom-nav .m-bottom-nav__link {
    min-height: 40px;
    font-size: 10px;
  }
}

/* Mobile app-shell polish: controls and cards */
@media (max-width: 1099px) {
  body#top {
    -webkit-tap-highlight-color: transparent;
  }

  body#top :is(.p-btn-primary, .btn-primary, .btn-outline, button, .chip, .status-pill) {
    min-height: 42px !important;
    border-radius: 12px !important;
  }

  body#top :is(input, select, textarea) {
    min-height: 44px !important;
    border-radius: 12px !important;
    font-size: 16px !important;
  }

  body#top :is(.card, .bento-card, .svc-card, .ops-card, .stat-card, .faq-card, .doc-card, .rq-card, .why-card, .panel-card) {
    border-radius: 16px !important;
    box-shadow: 0 8px 18px rgba(12, 18, 28, 0.08) !important;
  }

  body#top :is(.section-light, .section-muted, .calc-wrap, .svc-section, .rules-section, .faq-section) .container {
    width: min(100%, 980px) !important;
  }
}

/* Mobile visibility guard for index sections */
@media (max-width: 1099px) {
  body#top .stats-section,
  body#top .stats-grid,
  body#top .stats-section .stat-card,
  body#top #services,
  body#top #how,
  body#top #trust,
  body#top #trust-anchor,
  body#top #ops,
  body#top #calculator,
  body#top #geo,
  body#top #lead,
  body#top .trust-section,
  body#top .process-section,
  body#top #faq {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    display: block !important;
  }

  body#top :is(.reveal, .etl-reveal, .trust-reveal-item, .process-step, .bento-card, .ops-card, .svc-card, .card, .doc-card, .faq-card, .logo-tile) {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    animation: none !important;
    transition: none !important;
  }

  body#top .trust-section .trust-reveal-item {
    opacity: 1 !important;
    transform: none !important;
  }
}

/* Mobile app-shell hardening: menu visibility + touch-first layout (desktop untouched) */
@media (max-width: 1099px) {
  html,
  body {
    scroll-behavior: smooth !important;
  }

  body#top {
    background: #eef1f6 !important;
    padding-bottom: calc(92px + env(safe-area-inset-bottom, 0px)) !important;
    overscroll-behavior-y: contain !important;
  }

  body#top #m-bottom-nav.m-bottom-nav {
    grid-template-columns: repeat(6, minmax(56px, 1fr)) !important;
    gap: 4px !important;
    padding: 8px 8px calc(8px + env(safe-area-inset-bottom, 0px)) !important;
    border-radius: 16px 16px 0 0 !important;
    box-shadow: 0 -10px 24px rgba(10, 16, 26, 0.18) !important;
  }

  body#top #m-bottom-nav .m-bottom-nav__link {
    min-height: 44px !important;
    padding: 0 4px !important;
    font-size: 9.5px !important;
    letter-spacing: 0 !important;
    border-radius: 11px !important;
  }

  body#top.menu-open::before {
    content: "" !important;
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    top: 64px !important;
    bottom: calc(76px + env(safe-area-inset-bottom, 0px)) !important;
    background: rgba(8, 12, 20, 0.26) !important;
    backdrop-filter: blur(2px) !important;
    -webkit-backdrop-filter: blur(2px) !important;
    z-index: 22000 !important;
    pointer-events: none !important;
  }

  body#top .p-mobile-menu {
    display: block !important;
    opacity: 0 !important;
    z-index: 22100 !important;
    background: linear-gradient(180deg, rgba(251, 253, 255, 0.99), rgba(243, 247, 252, 0.99)) !important;
    border-top: 1px solid rgba(17, 24, 39, 0.14) !important;
    box-shadow: 0 -20px 34px rgba(8, 14, 22, 0.2) !important;
    transition: transform 0.22s ease, opacity 0.22s ease !important;
  }

  body#top.menu-open .p-mobile-menu {
    opacity: 1 !important;
    transform: translateY(0) !important;
  }

  body#top .p-mobile-inner {
    padding: 10px 14px calc(14px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body#top .p-mobile-link {
    min-height: 48px !important;
    padding: 12px 10px !important;
    border: 1px solid rgba(17, 24, 39, 0.1) !important;
    background: rgba(255, 255, 255, 0.9) !important;
    border-radius: 12px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    margin-bottom: 6px !important;
  }

  body#top .p-mobile-group.is-open .p-mobile-trigger {
    border-color: rgba(229, 38, 41, 0.28) !important;
    background: rgba(229, 38, 41, 0.08) !important;
    color: #b6191d !important;
  }

  body#top .p-mobile-sub {
    padding: 2px 2px 8px !important;
  }

  body#top .p-mobile-sub a {
    min-height: 42px !important;
    border-radius: 10px !important;
    padding: 10px 10px !important;
    background: rgba(255, 255, 255, 0.76) !important;
    border: 1px solid rgba(17, 24, 39, 0.08) !important;
    margin-bottom: 6px !important;
  }

  body#top .p-mobile-footer {
    position: sticky !important;
    bottom: 0 !important;
    padding-top: 8px !important;
    background: linear-gradient(180deg, rgba(243, 247, 252, 0), rgba(243, 247, 252, 0.98) 32%) !important;
  }

  body#top .p-mobile-footer .p-btn-full {
    min-height: 44px !important;
    border-radius: 12px !important;
    width: 100% !important;
  }

  body#top main .container,
  body#top section > .container,
  body#top footer .container {
    width: calc(100% - 14px) !important;
  }

  body#top #hero.hero-premium .hero-actions .p-btn-primary,
  body#top #hero.hero-premium .hero-actions .btn-primary {
    min-height: 46px !important;
    width: min(100%, 260px) !important;
    border-radius: 12px !important;
  }

  body#top #hero.hero-premium .hero-content h1,
  body#top #hero.hero-premium h1 {
    white-space: normal !important;
    font-size: clamp(28px, 8vw, 35px) !important;
    line-height: 1.02 !important;
    letter-spacing: 0 !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  body#top .stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body#top .stat-card {
    min-height: 78px !important;
    padding: 10px 10px 9px !important;
  }

  body#top #services .bento-grid {
    gap: 10px !important;
  }

  body#top #services .bento-card {
    min-height: 96px !important;
    padding: 12px !important;
    border-radius: 14px !important;
  }

  body#top #services .btn-outline {
    min-height: 42px !important;
    border-radius: 12px !important;
    padding: 0 14px !important;
  }

  body#top .seg {
    overflow-x: auto !important;
    flex-wrap: nowrap !important;
    padding-bottom: 2px !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body#top .seg .seg-btn {
    flex: 0 0 auto !important;
    min-height: 36px !important;
    border-radius: 999px !important;
    padding: 0 12px !important;
  }

  body#top .svc-grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  body#top .svc-card {
    border-radius: 16px !important;
  }

  body#top .svc-card::before {
    height: 108px !important;
    background-size: cover, contain !important;
  }

  body#top .svc-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body#top .svc-actions .btn-primary,
  body#top .svc-actions .btn-outline {
    width: 100% !important;
    min-height: 42px !important;
    justify-content: center !important;
    font-size: 13px !important;
    padding: 0 8px !important;
  }

  body#top .sc-wrap {
    max-width: none !important;
    padding: 16px 8px 96px !important;
  }

  body#top .sc-hero {
    border-radius: 16px !important;
    padding: 14px !important;
  }

  body#top .filters-bar,
  body#top .filters-left,
  body#top .page-actions {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 8px !important;
  }

  body#top .filters-left .field,
  body#top .filters-left .field[style] {
    min-width: 0 !important;
    width: 100% !important;
  }

  body#top .table-wrap,
  body#top .mt-embed {
    border-radius: 14px !important;
    overflow: hidden !important;
  }

  body#top table.data-table {
    min-width: 640px !important;
  }

  body#top #etlRoutesMap {
    height: 260px !important;
  }
}

@media (max-width: 420px) {
  body#top .svc-actions {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 768px) {
  body#top #services .bento-grid {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 2px 2px 8px !important;
    scroll-snap-type: x mandatory !important;
    scroll-behavior: smooth !important;
    overscroll-behavior-x: contain !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }

  body#top #services .bento-grid::-webkit-scrollbar {
    display: none !important;
    height: 0 !important;
  }

  body#top #services .bento-grid::-webkit-scrollbar-thumb {
    display: none !important;
  }

  body#top #services .bento-card {
    flex: 0 0 min(86vw, 320px) !important;
    width: min(86vw, 320px) !important;
    scroll-snap-align: start !important;
  }

  body#top #how .process-track {
    display: none !important;
  }

  body#top #how .process-grid {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 2px 2px 10px !important;
    scroll-snap-type: x mandatory !important;
    scroll-behavior: smooth !important;
    overscroll-behavior-x: contain !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }

  body#top #how .process-grid::-webkit-scrollbar {
    display: none !important;
    height: 0 !important;
  }

  body#top #how .process-step {
    flex: 0 0 min(86vw, 332px) !important;
    width: min(86vw, 332px) !important;
    min-height: 188px !important;
    padding: 13px !important;
    border-radius: 14px !important;
    scroll-snap-align: start !important;
  }

  body#top #how .process-step__hit {
    pointer-events: auto !important;
    touch-action: manipulation !important;
  }

  body#top #how h2::after {
    content: none;
    display: none;
  }
}

/* Mobile header/counters/footer refinement */
@media (max-width: 1099px) {
  body#top #p-header.p-header {
    display: none !important;
  }

  body#top :is(img, svg, video, canvas, iframe) {
    max-width: 100% !important;
    height: auto !important;
  }

  body#top {
    padding-top: 0 !important;
  }

  body#top.menu-open::before {
    top: 0 !important;
  }

  body#top .p-mobile-menu {
    top: 0 !important;
  }

  body#top #hero.hero-premium {
    padding-top: 8px !important;
  }

  body#top .stats-section {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  body#top .stats-grid {
    gap: 6px !important;
  }

  body#top .stat-card {
    min-height: 66px !important;
    padding: 8px 8px 7px !important;
    border-radius: 12px !important;
  }

  body#top .stat-number {
    font-size: clamp(18px, 4.8vw, 22px) !important;
    line-height: 1.05 !important;
    letter-spacing: 0 !important;
    margin-bottom: 4px !important;
  }

  body#top .stat-label {
    font-size: 10px !important;
    line-height: 1.2 !important;
  }

  body#top footer {
    padding-top: 8px !important;
    padding-bottom: calc(62px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body#top footer .footer-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  body#top footer .footer-col {
    gap: 6px !important;
    padding: 8px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  body#top footer .footer-col + .footer-col {
    border-top: 1px solid rgba(17, 24, 39, 0.08) !important;
    padding-top: 6px !important;
    margin-top: 0 !important;
  }

  body#top footer .footer-h {
    font-size: 12px !important;
    margin-bottom: 3px !important;
  }

  body#top footer .footer-links {
    gap: 4px !important;
  }

  body#top footer .footer-links--sitemap {
    grid-template-columns: minmax(0, 1fr) !important;
    column-gap: 0 !important;
    row-gap: 6px !important;
  }

  body#top footer .footer-sitemap-group {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding-top: 6px !important;
  }

  body#top footer .footer-sitemap-group:first-child {
    margin-top: 0 !important;
  }

  body#top footer .footer-city-contacts {
    margin-top: 4px !important;
    padding-top: 6px !important;
    gap: 6px !important;
  }

  body#top footer .footer-city-links {
    gap: 6px !important;
  }

  body#top footer .footer-city-link {
    min-height: 26px !important;
    padding: 3px 9px !important;
    font-size: 11px !important;
  }

  body#top footer .footer-city-contact span {
    font-size: 11px !important;
    line-height: 1.35 !important;
  }

  body#top footer .footer-links a,
  body#top footer .footer-text {
    font-size: 11px !important;
    line-height: 1.24 !important;
  }

  body#top footer .footer-social:not(.footer-social--pack) .footer-social__link {
    min-height: 26px !important;
    padding: 2px 7px 2px 5px !important;
    font-size: 10px !important;
  }
  body#top footer .footer-social.footer-social--pack .footer-social__link--pack {
    width: 34px !important;
    height: 34px !important;
  }

  body#top footer .footer-bottom {
    margin-top: 4px !important;
    padding-top: 4px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px 8px !important;
    justify-content: center !important;
    text-align: center !important;
    font-size: 11px !important;
  }

  body#top footer .footer-dot {
    opacity: 0.5 !important;
  }

  body#top footer.mobile-app-footer-ready {
    margin-top: 10px !important;
    padding-top: 0 !important;
    padding-bottom: calc(66px + env(safe-area-inset-bottom, 0px)) !important;
    border-top: 1px solid rgba(17, 24, 39, 0.12) !important;
    background: linear-gradient(180deg, rgba(244, 247, 252, 0.98), rgba(236, 242, 250, 0.98)) !important;
  }

  body#top footer.mobile-app-footer-ready .container {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body#top footer.mobile-app-footer-ready .footer-grid,
  body#top footer.mobile-app-footer-ready .footer-bottom,
  body#top footer.mobile-app-footer-ready .etl-admin-link {
    display: none !important;
  }

  body#top footer.mobile-app-footer-ready .m-app-footer {
    display: grid !important;
    gap: 6px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 8px 10px !important;
    border-radius: 0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.86) !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
    background: linear-gradient(180deg, rgba(251, 253, 255, 0.9), rgba(243, 247, 253, 0.9)) !important;
    box-shadow: 0 -4px 14px rgba(10, 16, 26, 0.05) !important;
  }

  body#top footer.mobile-app-footer-ready .m-app-footer__brand {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-bottom: 6px;
    border-bottom: 1px solid rgba(17, 24, 39, 0.08);
  }

  body#top footer.mobile-app-footer-ready .m-app-footer__logo {
    display: none !important;
  }

  body#top footer.mobile-app-footer-ready .m-app-footer__brand-text {
    display: grid;
    gap: 2px;
    min-width: 0;
  }

  body#top footer.mobile-app-footer-ready .m-app-footer__brand-text strong {
    font-size: 12px;
    line-height: 1.2;
    color: rgba(14, 20, 30, 0.94);
  }

  body#top footer.mobile-app-footer-ready .m-app-footer__brand-text span {
    font-size: 10px;
    line-height: 1.3;
    color: rgba(72, 82, 98, 0.82);
  }

  body#top footer.mobile-app-footer-ready .m-app-footer__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
  }

  body#top footer.mobile-app-footer-ready .m-app-footer__btn {
    min-height: 34px;
    border-radius: 10px;
    text-decoration: none;
    font-size: 10.5px;
    font-weight: 800;
    letter-spacing: 0.01em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
  }

  body#top footer.mobile-app-footer-ready .m-app-footer__btn--primary {
    color: #fff;
    background: linear-gradient(180deg, #ef3a3d, #e52629);
    box-shadow: 0 8px 18px rgba(229, 38, 41, 0.24);
    border-color: rgba(229, 38, 41, 0.5);
  }

  body#top footer.mobile-app-footer-ready .m-app-footer__btn--ghost {
    color: rgba(17, 24, 39, 0.88);
    background: rgba(255, 255, 255, 0.8);
    border-color: rgba(17, 24, 39, 0.14);
  }

  body#top footer.mobile-app-footer-ready .m-app-footer__chips {
    display: flex;
    flex-wrap: nowrap;
    gap: 5px;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 1px 0 1px;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  body#top footer.mobile-app-footer-ready .m-app-footer__chips::-webkit-scrollbar {
    display: none;
    height: 0;
  }

  body#top footer.mobile-app-footer-ready .m-app-footer__chips a {
    flex: 0 0 auto;
    min-height: 26px;
    padding: 0 8px;
    border-radius: 999px;
    border: 1px solid rgba(17, 24, 39, 0.12);
    background: rgba(255, 255, 255, 0.72);
    color: rgba(24, 32, 45, 0.86);
    text-decoration: none;
    font-size: 9.5px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    scroll-snap-align: start;
    white-space: nowrap;
  }

  body#top footer.mobile-app-footer-ready .m-app-footer__meta {
    border-top: 1px solid rgba(17, 24, 39, 0.08);
    padding-top: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    font-size: 10px;
    color: rgba(83, 92, 107, 0.84);
  }

  body#top footer.mobile-app-footer-ready .m-app-footer__meta a {
    color: rgba(17, 24, 39, 0.88);
    font-weight: 700;
    text-decoration: none;
  }

  body#top.mobile-app-footer-ready {
    padding-bottom: 0 !important;
  }

  body#top.mobile-app-footer-ready main,
  body#top.mobile-app-footer-ready section,
  body#top.mobile-app-footer-ready footer {
    max-width: 100vw !important;
  }
}

@media (max-width: 560px) {
  body#top footer.mobile-app-footer-ready .m-app-footer__actions {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body#top footer.mobile-app-footer-ready .m-app-footer__meta {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }

  body#top footer .footer-links--sitemap {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 360px) {
  body#top footer.mobile-app-footer-ready .m-app-footer__actions {
    grid-template-columns: 1fr !important;
  }

  body#top #m-bottom-nav.m-bottom-nav {
    gap: 2px !important;
    padding: 6px 6px calc(6px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body#top #m-bottom-nav .m-bottom-nav__link {
    min-height: 40px !important;
    padding: 0 2px !important;
    font-size: 8.5px !important;
  }
}

/* AVTO page: mobile adaptation with swipe sections and truck image integrity */
@media (max-width: 980px) {
  body#top.avto-page {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  body#top.avto-page main.container {
    width: calc(100% - 12px) !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body#top.avto-page .svc-section,
  body#top.avto-page .svc-hero {
    max-width: 100% !important;
  }

  body#top.avto-page .svc-hero {
    margin: 14px 0 18px !important;
    border-radius: 18px !important;
    overflow: hidden !important;
  }

  body#top.avto-page .svc-hero-inner {
    padding: 18px 14px 14px !important;
    gap: 10px !important;
  }

  body#top.avto-page .svc-title {
    font-size: clamp(30px, 9vw, 38px) !important;
    line-height: 0.98 !important;
  }

  body#top.avto-page .svc-lead {
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  body#top.avto-page .svc-hero::after {
    inset: -14px -10px -8px -10px !important;
    background-position: right 8% center !important;
    background-size: min(560px, 122vw) !important;
    opacity: 0.16 !important;
    transform: none !important;
  }

  body#top.avto-page .svc-pills {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    overflow: visible !important;
  }

  body#top.avto-page .svc-pill {
    min-height: 32px !important;
    padding: 6px 10px !important;
    justify-content: flex-start !important;
    text-align: left !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }

  body#top.avto-page .svc-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body#top.avto-page .svc-actions > .p-btn-primary {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    justify-content: center !important;
  }

  body#top.avto-page .svc-actions > .svc-ghost {
    width: 100% !important;
    min-height: 42px !important;
    justify-content: center !important;
    font-size: 13px !important;
    padding: 10px !important;
  }

  body#top.avto-page .svc-section--swipe .svc-sub {
    margin-bottom: 10px !important;
  }

  body#top.avto-page .svc-section--swipe .svc-sub::after {
    content: "Свайп влево/вправо";
    display: inline-block;
    margin-top: 8px;
    padding: 3px 10px;
    border-radius: 999px;
    border: 1px solid rgba(229, 38, 41, 0.24);
    background: rgba(229, 38, 41, 0.07);
    color: rgba(15, 17, 21, 0.72);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.02em;
  }

  body#top.avto-page .svc-grid2--swipe {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 10px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 2px 2px 10px !important;
    scroll-snap-type: x mandatory !important;
    scroll-behavior: smooth !important;
    overscroll-behavior-x: contain !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }

  body#top.avto-page .svc-grid2--swipe::-webkit-scrollbar {
    display: none !important;
    height: 0 !important;
  }

  body#top.avto-page .svc-grid2--swipe > .svc-card {
    flex: 0 0 min(86vw, 360px) !important;
    width: min(86vw, 360px) !important;
    scroll-snap-align: start !important;
  }

  body#top.avto-page .svc-grid2--swipe > .fleet-card {
    flex: 0 0 min(92vw, 420px) !important;
    width: min(92vw, 420px) !important;
    display: flex !important;
    flex-direction: column !important;
    align-self: stretch !important;
  }

  body#top.avto-page .fleet-card .fleet-top {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto 1fr !important;
    gap: 12px !important;
    height: 100% !important;
  }

  body#top.avto-page .fleet-truck-img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 190px !important;
    max-height: 190px !important;
    object-fit: contain !important;
    object-position: center center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 8px !important;
    border-radius: 14px !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(246, 249, 253, 0.95)) !important;
  }

  body#top.avto-page .fleet-table td {
    padding: 8px 9px !important;
    font-size: 13px !important;
  }

  body#top.avto-page .fleet-meta {
    display: grid !important;
    grid-template-rows: auto auto auto 1fr !important;
    align-content: start !important;
  }

  body#top.avto-page .fleet-meta .small {
    min-height: 44px !important;
  }

  body#top.avto-page .svc-steps {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    overflow: visible !important;
    padding: 0 !important;
  }

  body#top.avto-page .svc-step {
    width: 100% !important;
    min-height: 0 !important;
  }

  body#top.avto-page .svc-steps--timeline {
    overflow: visible !important;
  }

  body#top.avto-page .svc-steps--timeline .svc-tl-list {
    overflow-y: visible !important;
    padding-top: 16px !important;
    padding-bottom: 10px !important;
  }

  body#top.avto-page .svc-steps--timeline .svc-tl-list::before {
    top: 24px !important;
  }

  body#top.avto-page .svc-steps--timeline .svc-step {
    overflow: visible !important;
    padding-top: 38px !important;
  }

  body#top.avto-page .svc-steps--timeline .svc-step::after {
    top: 24px !important;
  }
}

@media (max-width: 560px) {
  body#top.avto-page .svc-actions {
    grid-template-columns: 1fr !important;
  }

  body#top.avto-page .svc-grid2--swipe > .svc-card {
    flex-basis: min(90vw, 340px) !important;
    width: min(90vw, 340px) !important;
  }

  body#top.avto-page .svc-grid2--swipe > .fleet-card {
    flex-basis: min(94vw, 380px) !important;
    width: min(94vw, 380px) !important;
  }

  body#top.avto-page .fleet-truck-img {
    height: 176px !important;
    max-height: 176px !important;
  }

  body#top.avto-page .svc-pills {
    gap: 5px !important;
  }

  body#top.avto-page .svc-pill {
    padding: 6px 9px !important;
    font-size: 11.5px !important;
  }
}

/* Service pages (svc-* layout): unified mobile adaptation across related pages */
@media (max-width: 980px) {
  body#top.service-page {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  body#top.service-page .svc-pills {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    overflow: visible !important;
  }

  body#top.service-page .svc-pill {
    min-height: 32px !important;
    padding: 6px 10px !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }

  body#top.service-page .svc-grid2--swipe {
    align-items: stretch !important;
  }

  body#top.service-page .svc-grid2--swipe > .fleet-card {
    display: flex !important;
    flex-direction: column !important;
    align-self: stretch !important;
  }

  body#top.service-page .fleet-card .fleet-top {
    height: 100% !important;
    grid-template-rows: auto 1fr !important;
  }

  body#top.service-page .fleet-truck-img,
  body#top.service-page .fleet-top img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 190px !important;
    max-height: 190px !important;
    object-fit: contain !important;
    object-position: center center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body#top.service-page .fleet-meta {
    display: grid !important;
    grid-template-rows: auto auto auto 1fr !important;
    align-content: start !important;
  }

  body#top.service-page .fleet-meta .small {
    min-height: 44px !important;
  }

  body#top.service-page .svc-steps--timeline {
    overflow: visible !important;
  }

  body#top.service-page .svc-steps--timeline .svc-tl-list {
    overflow-y: visible !important;
    padding-top: 16px !important;
    padding-bottom: 10px !important;
  }

  body#top.service-page .svc-steps--timeline .svc-tl-list::before {
    top: 24px !important;
  }

  body#top.service-page .svc-steps--timeline .svc-step {
    overflow: visible !important;
    padding-top: 38px !important;
  }

  body#top.service-page .svc-steps--timeline .svc-step::after {
    top: 24px !important;
  }
}

@media (max-width: 560px) {
  body#top.service-page .svc-pill {
    padding: 6px 9px !important;
    font-size: 11.5px !important;
  }

  body#top.service-page .fleet-truck-img,
  body#top.service-page .fleet-top img {
    height: 176px !important;
    max-height: 176px !important;
  }
}

/* Service pages (cargo-* layout): mobile adaptation for FTL and LTL pages */
@media (max-width: 980px) {
  body#top.service-page .cargo-page {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    padding-bottom: 14px !important;
  }

  body#top.service-page .cargo-page .cargo-head {
    padding-top: 18px !important;
    padding-bottom: 10px !important;
  }

  body#top.service-page .cargo-page .cargo-head h1 {
    max-width: none !important;
  }

  body#top.service-page .cargo-page .cargo-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body#top.service-page .cargo-page .cargo-kpi {
    padding: 9px 10px !important;
    border-radius: 12px !important;
  }

  body#top.service-page .cargo-page .cargo-kpi b {
    font-size: 16px !important;
    line-height: 1.12 !important;
  }

  body#top.service-page .cargo-page .cargo-kpi span {
    font-size: 11.5px !important;
    line-height: 1.35 !important;
  }

  body#top.service-page .cargo-page .cargo-hero {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    padding-top: 6px !important;
  }

  body#top.service-page .cargo-page :is(.cargo-hero-card, .cargo-hero-visual) {
    border-radius: 16px !important;
    padding: 14px !important;
  }

  body#top.service-page .cargo-page .cargo-hero-visual {
    min-height: 0 !important;
    gap: 8px !important;
  }

  body#top.service-page .cargo-page .cargo-hero-visual img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: clamp(168px, 42vw, 240px) !important;
    object-fit: contain !important;
    object-position: center center !important;
    margin-inline: auto !important;
  }

  body#top.service-page .cargo-page .cargo-note {
    font-size: 12px !important;
    line-height: 1.45 !important;
  }

  body#top.service-page .cargo-page .cargo-pills {
    gap: 6px !important;
    margin-bottom: 12px !important;
  }

  body#top.service-page .cargo-page .cargo-pill {
    padding: 6px 9px !important;
    font-size: 11.5px !important;
    line-height: 1.2 !important;
  }

  body#top.service-page .cargo-page .cargo-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body#top.service-page .cargo-page .cargo-actions :is(.btn-primary, .cargo-ghost) {
    width: 100% !important;
    justify-content: center !important;
    min-height: 42px !important;
    height: 42px !important;
    padding-inline: 12px !important;
    margin: 0 !important;
  }

  body#top.service-page .cargo-page .cargo-section {
    padding-top: 16px !important;
  }

  body#top.service-page .cargo-page .cargo-grid,
  body#top.service-page .cargo-page .cargo-extra {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  body#top.service-page .cargo-page .cargo-card,
  body#top.service-page .cargo-page .cargo-extra-item {
    padding: 14px !important;
    border-radius: 14px !important;
  }

  body#top.service-page .cargo-page .cargo-flow {
    border-radius: 16px !important;
    padding: 12px !important;
    overflow: visible !important;
  }

  body#top.service-page .cargo-page .cargo-flow-list {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    overflow: visible !important;
  }

  body#top.service-page .cargo-page .cargo-flow-item {
    min-height: 0 !important;
    padding: 12px 11px !important;
  }

  body#top.service-page .cargo-page .cargo-rates {
    overflow-x: auto !important;
  }

  body#top.service-page .cargo-page .cargo-rates table {
    min-width: 620px !important;
  }

  body#top.service-page .cargo-page .cargo-rates th,
  body#top.service-page .cargo-page .cargo-rates td {
    padding: 10px 11px !important;
  }

  body#top.service-page .cargo-page .cargo-cta {
    border-radius: 16px !important;
    padding: 14px !important;
    gap: 10px !important;
  }

  body#top.service-page .cargo-page .cargo-cta h3 {
    max-width: none !important;
  }

  body#top.service-page .cargo-page .cargo-cta-actions {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body#top.service-page .cargo-page .cargo-cta-actions :is(.btn-primary, .cargo-ghost) {
    width: 100% !important;
    justify-content: center !important;
    min-height: 42px !important;
    height: 42px !important;
  }
}

@media (max-width: 560px) {
  body#top.service-page .cargo-page .cargo-kpis {
    grid-template-columns: 1fr !important;
  }

  body#top.service-page .cargo-page .cargo-actions,
  body#top.service-page .cargo-page .cargo-cta-actions {
    grid-template-columns: 1fr !important;
  }
}

/* Service pages (simple template): pickup/loading/packing/general/free storage */
@media (max-width: 980px) {
  body#top.simple-service-page main.page {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    padding-bottom: 12px !important;
  }

  body#top.simple-service-page .page-head {
    padding-top: 18px !important;
    padding-bottom: 6px !important;
  }

  body#top.simple-service-page .page-head h1 {
    font-size: clamp(30px, 7.2vw, 42px) !important;
    line-height: 1.03 !important;
    letter-spacing: -0.02em !important;
  }

  body#top.simple-service-page .page-head .lead {
    font-size: 14px !important;
    line-height: 1.55 !important;
  }

  body#top.simple-service-page .seg {
    margin-top: 12px !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    align-items: stretch !important;
  }

  body#top.simple-service-page .seg button {
    width: 100% !important;
    height: 40px !important;
    padding-inline: 10px !important;
    font-size: 12.5px !important;
    line-height: 1.2 !important;
    justify-content: center !important;
  }

  body#top.simple-service-page main.page > section.container[style*="padding:"] {
    padding-top: 12px !important;
    padding-bottom: 8px !important;
  }

  body#top.simple-service-page .svc-grid {
    margin-top: 12px !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  body#top.simple-service-page .svc-card {
    padding: 14px !important;
    border-radius: 14px !important;
    gap: 8px !important;
  }

  body#top.simple-service-page .svc-ico {
    width: 36px !important;
    height: 36px !important;
    border-radius: 12px !important;
  }

  body#top.simple-service-page .svc-title {
    font-size: 17px !important;
    line-height: 1.2 !important;
  }

  body#top.simple-service-page :is(.svc-desc, .bul, .svc-note) {
    font-size: 13px !important;
    line-height: 1.5 !important;
  }

  body#top.simple-service-page .svc-actions {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body#top.simple-service-page .svc-actions > * {
    min-width: 0 !important;
  }

  body#top.simple-service-page .svc-actions :is(a, button, .btn-primary, .btn-ghost) {
    width: 100% !important;
    min-height: 40px !important;
    justify-content: center !important;
    text-align: center !important;
  }

  body#top.simple-service-page .callout {
    margin-top: 14px !important;
    padding: 14px !important;
    border-radius: 14px !important;
  }
}

@media (max-width: 560px) {
  body#top.simple-service-page .seg {
    grid-template-columns: 1fr !important;
  }

  body#top.simple-service-page .svc-actions {
    grid-template-columns: 1fr !important;
  }
}

/* Warehouse page: mobile app-like adaptation */
@media (max-width: 980px) {
  body#top.warehouse-service-page {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  body#top.warehouse-service-page .page-head {
    padding-top: 18px !important;
    padding-bottom: 6px !important;
  }

  body#top.warehouse-service-page .wh-badges {
    margin-top: 12px !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
  }

  body#top.warehouse-service-page .wh-badge {
    height: 36px !important;
    padding: 0 10px !important;
    border-radius: 11px !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    min-width: 0 !important;
  }

  body#top.warehouse-service-page .wh-cta {
    margin-top: 12px !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
  }

  body#top.warehouse-service-page .wh-cta :is(a, button, .btn-primary, .btn-ghost) {
    width: 100% !important;
    min-height: 40px !important;
    justify-content: center !important;
    text-align: center !important;
  }

  body#top.warehouse-service-page .wh-section {
    margin-top: 22px !important;
  }

  body#top.warehouse-service-page .wh-grid {
    margin-top: 12px !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  body#top.warehouse-service-page .wh-card {
    border-radius: 14px !important;
    padding: 14px !important;
    gap: 8px !important;
  }

  body#top.warehouse-service-page .wh-ico {
    width: 36px !important;
    height: 36px !important;
    border-radius: 12px !important;
  }

  body#top.warehouse-service-page .wh-title {
    font-size: 17px !important;
    line-height: 1.2 !important;
  }

  body#top.warehouse-service-page :is(.wh-desc, .wh-bul, .wh-muted) {
    font-size: 13px !important;
    line-height: 1.52 !important;
  }

  body#top.warehouse-service-page .wh-callout {
    margin-top: 14px !important;
    border-radius: 14px !important;
    padding: 14px !important;
  }
}

@media (max-width: 560px) {
  body#top.warehouse-service-page .wh-badges,
  body#top.warehouse-service-page .wh-cta {
    grid-template-columns: 1fr !important;
  }
}

/* Tracking page: mobile app-like adaptation */
@media (max-width: 980px) {
  body#top.tracking-page main.container.trk-page {
    width: calc(100% - 12px) !important;
    max-width: 100% !important;
    margin-inline: auto !important;
    padding-top: 16px !important;
    padding-bottom: 12px !important;
    overflow-x: hidden !important;
  }

  body#top.tracking-page :is(.trk-hero, .trk-form, .trk-card, .trk-callout, .trk-result) {
    border-radius: 14px !important;
    padding: 14px !important;
  }

  body#top.tracking-page .trk-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body#top.tracking-page .trk-actions :is(a, button, .btn, .btn-primary, .btn-outline) {
    width: 100% !important;
    min-height: 40px !important;
    justify-content: center !important;
    text-align: center !important;
  }

  body#top.tracking-page .trk-form > div[style*="display:flex"] {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body#top.tracking-page .trk-form > div[style*="display:flex"] > * {
    min-width: 0 !important;
  }

  body#top.tracking-page .trk-grid {
    margin-top: 12px !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  body#top.tracking-page .trk-status {
    gap: 6px !important;
  }

  body#top.tracking-page .trk-status span {
    padding: 6px 9px !important;
    font-size: 11.5px !important;
  }

  body#top.tracking-page .trk-result-head {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 8px !important;
  }

  body#top.tracking-page .trk-result-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }
}

@media (max-width: 560px) {
  body#top.tracking-page .trk-actions,
  body#top.tracking-page .trk-form > div[style*="display:flex"],
  body#top.tracking-page .trk-result-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Trips page: mobile app-like adaptation */
@media (max-width: 980px) {
  body#top.trips-page {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  body#top.trips-page .filters-bar {
    margin-top: 12px !important;
    display: grid !important;
    gap: 10px !important;
  }

  body#top.trips-page .filters-left {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  body#top.trips-page .field {
    min-width: 0 !important;
    width: 100% !important;
  }

  body#top.trips-page .field[style*="min-width"] {
    min-width: 0 !important;
  }

  body#top.trips-page .field .lead-input {
    width: 100% !important;
  }

  body#top.trips-page .page-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body#top.trips-page .status-pill-sm {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    justify-content: center !important;
    min-height: 40px !important;
  }

  body#top.trips-page .page-actions :is(a, button, .btn-primary, .btn-outline) {
    width: 100% !important;
    min-height: 40px !important;
    justify-content: center !important;
    text-align: center !important;
  }

  body#top.trips-page .table-wrap {
    margin-top: 12px !important;
    border-radius: 14px !important;
  }

  body#top.trips-page .table-head {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 6px !important;
    padding: 12px !important;
  }

  body#top.trips-page #tripsTable {
    min-width: 640px !important;
  }

  body#top.trips-page .bento-grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  body#top.trips-page .cta-card .bento-card > div[style*="display:flex"] {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body#top.trips-page .cta-card .bento-card > div[style*="display:flex"] > * {
    min-width: 0 !important;
  }

  body#top.trips-page .cta-card .bento-card > div[style*="display:flex"] :is(a, button, .btn-primary, .btn-outline) {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }
}

@media (max-width: 560px) {
  body#top.trips-page .page-actions,
  body#top.trips-page .cta-card .bento-card > div[style*="display:flex"] {
    grid-template-columns: 1fr !important;
  }
}

/* Static content pages: about / why / contact / documents / pricing / faq */
@media (max-width: 980px) {
  body#top.about-page,
  body#top.why-page,
  body#top.contact-page,
  body#top.docs-page,
  body#top.pricing-page,
  body#top.faq-page {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  /* About */
  body#top.about-page .grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  body#top.about-page :is(.card, .cta, .fact, .item) {
    border-radius: 14px !important;
  }

  body#top.about-page :is(.card, .cta) {
    padding: 14px !important;
  }

  body#top.about-page .facts {
    gap: 8px !important;
  }

  body#top.about-page :is(.card, .cta) > div[style*="display:flex"] {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body#top.about-page :is(.card, .cta) > div[style*="display:flex"] :is(a, button, .btn-primary, .btn-outline) {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }

  /* Why */
  body#top.why-page .why-wrap {
    max-width: 100% !important;
    padding: 20px 10px 14px !important;
  }

  body#top.why-page .why-hero h1 {
    font-size: clamp(30px, 7vw, 40px) !important;
    line-height: 1.04 !important;
  }

  body#top.why-page .why-badges {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body#top.why-page .why-badge {
    min-width: 0 !important;
    justify-content: center !important;
    padding: 9px 10px !important;
    font-size: 12px !important;
  }

  body#top.why-page .why-grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  body#top.why-page :is(.why-card, .side-card) {
    border-radius: 16px !important;
  }

  body#top.why-page .why-list {
    padding: 12px !important;
    gap: 8px !important;
  }

  body#top.why-page .why-item {
    border-radius: 14px !important;
    padding: 11px !important;
  }

  body#top.why-page .cta {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body#top.why-page .cta :is(a, button, .btn-primary, .btn-outline) {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }

  /* Contact */
  body#top.contact-page .contact-grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-top: 14px !important;
  }

  body#top.contact-page .card {
    border-radius: 14px !important;
    padding: 14px !important;
  }

  body#top.contact-page .item {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
  }

  body#top.contact-page .left {
    width: 100% !important;
  }

  body#top.contact-page .tag {
    align-self: flex-start !important;
  }

  body#top.contact-page .btn-row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body#top.contact-page .btn-row :is(a, button, .btn-primary, .btn-outline) {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }

  body#top.contact-page .mapbox {
    border-radius: 14px !important;
  }

  body#top.contact-page :is(#dgOfficeWrap, #dgOffice) {
    height: 220px !important;
  }

  /* Documents */
  body#top.docs-page .docs-grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-top: 14px !important;
  }

  body#top.docs-page .docs-card {
    border-radius: 14px !important;
    padding: 14px !important;
  }

  body#top.docs-page .doc-item {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
  }

  body#top.docs-page .doc-left {
    width: 100% !important;
  }

  body#top.docs-page .checklist {
    gap: 8px !important;
  }

  body#top.docs-page .btn-row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body#top.docs-page .btn-row :is(a, button, .btn-primary, .btn-outline) {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }

  body#top.docs-page :is(.bento-grid, .section-muted .bento-grid) {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  body#top.docs-page .bento-card {
    border-radius: 14px !important;
    padding: 14px !important;
  }

  /* Pricing */
  body#top.pricing-page .price-grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-top: 14px !important;
  }

  body#top.pricing-page :is(.card, .ex2, .final-cta, .fact, .step, .k) {
    border-radius: 14px !important;
  }

  body#top.pricing-page :is(.card, .ex2, .final-cta) {
    padding: 14px !important;
  }

  body#top.pricing-page :is(.kv, .examples-grid, .facts, .bento-grid) {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  body#top.pricing-page .card > div[style*="display:flex"],
  body#top.pricing-page .ex2 > div[style*="margin-top:12px"][style*="display:flex"],
  body#top.pricing-page .final-cta > div[style*="display:flex"] {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body#top.pricing-page :is(.card, .ex2, .final-cta) > div[style*="display:flex"] :is(a, button, .btn-primary, .btn-outline) {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }

  /* FAQ */
  body#top.faq-page .faq-wrap {
    max-width: 100% !important;
    padding: 22px 10px 14px !important;
  }

  body#top.faq-page .page-head h1 {
    font-size: clamp(30px, 7vw, 40px) !important;
  }

  body#top.faq-page .faq-card {
    border-radius: 14px !important;
  }

  body#top.faq-page .faq-section {
    padding: 12px !important;
    gap: 8px !important;
  }

  body#top.faq-page .acc-btn {
    padding: 12px !important;
    font-size: 14px !important;
    gap: 10px !important;
  }

  body#top.faq-page .acc-ico {
    width: 30px !important;
    height: 30px !important;
    border-radius: 10px !important;
  }

  body#top.faq-page .acc-panel {
    padding: 0 12px 12px 12px !important;
  }

  body#top.faq-page .cta-strip {
    border-radius: 14px !important;
    padding: 14px !important;
  }

  body#top.faq-page .cta-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body#top.faq-page .cta-actions :is(a, button, .btn-primary, .btn-outline) {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }
}

@media (max-width: 560px) {
  body#top.about-page :is(.card, .cta) > div[style*="display:flex"],
  body#top.why-page .why-badges,
  body#top.why-page .cta,
  body#top.contact-page .btn-row,
  body#top.docs-page .btn-row,
  body#top.pricing-page .card > div[style*="display:flex"],
  body#top.pricing-page .ex2 > div[style*="margin-top:12px"][style*="display:flex"],
  body#top.pricing-page .final-cta > div[style*="display:flex"],
  body#top.faq-page .cta-actions {
    grid-template-columns: 1fr !important;
  }
}

/* Form flow pages: request / calculator / thanks */
@media (max-width: 980px) {
  body#top.request-page,
  body#top.calculator-page,
  body#top.thanks-page {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  /* Request */
  body#top.request-page .rq-container {
    width: calc(100% - 12px) !important;
    max-width: 100% !important;
  }

  body#top.request-page .rq-hero {
    padding-top: 18px !important;
    padding-bottom: 12px !important;
  }

  body#top.request-page .rq-main {
    padding-top: 10px !important;
    padding-bottom: 14px !important;
  }

  body#top.request-page .rq-title h1 {
    font-size: clamp(30px, 7.2vw, 42px) !important;
    line-height: 1.04 !important;
  }

  body#top.request-page .rq-title p {
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  body#top.request-page .rq-badges {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
  }

  body#top.request-page .rq-pill {
    width: 100% !important;
    min-width: 0 !important;
    justify-content: center !important;
    padding: 9px 10px !important;
    font-size: 11.5px !important;
  }

  body#top.request-page .rq-grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  body#top.request-page .rq-card {
    border-radius: 16px !important;
  }

  body#top.request-page .rq-card-h,
  body#top.request-page .rq-card-b {
    padding: 14px !important;
  }

  body#top.request-page .rq-card-h {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 8px !important;
  }

  body#top.request-page .rq-steps {
    justify-content: flex-start !important;
    width: 100% !important;
    gap: 6px !important;
  }

  body#top.request-page .rq-step {
    min-height: 30px !important;
    padding: 6px 9px !important;
    font-size: 11px !important;
  }

  body#top.request-page .rq-form {
    gap: 10px !important;
  }

  body#top.request-page :is(.rq-field, .rq-field.w4, .rq-field.w3) {
    grid-column: span 12 !important;
  }

  body#top.request-page .rq-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    align-items: stretch !important;
  }

  body#top.request-page .rq-actions .rq-mini {
    grid-column: 1 / -1 !important;
  }

  body#top.request-page .rq-actions .rq-btn {
    width: 100% !important;
    min-height: 42px !important;
    height: 42px !important;
    justify-content: center !important;
  }

  body#top.request-page .rq-actions > div[style*="display:flex"] {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
  }

  body#top.request-page .rq-kv {
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    font-size: 12.5px !important;
  }

  /* Calculator */
  body#top.calculator-page main.calc-wrap {
    max-width: 100% !important;
    width: calc(100% - 12px) !important;
    margin-inline: auto !important;
    padding: 18px 0 14px !important;
  }

  body#top.calculator-page .calc-head h1 {
    font-size: clamp(30px, 7.2vw, 42px) !important;
    line-height: 1.04 !important;
  }

  body#top.calculator-page .calc-head p {
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  body#top.calculator-page .calc-grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-top: 12px !important;
  }

  body#top.calculator-page .card {
    border-radius: 14px !important;
    padding: 14px !important;
  }

  body#top.calculator-page :is(.f-row, .f-row3, .route-row) {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  body#top.calculator-page .btn-row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body#top.calculator-page .btn-row :is(a, button, .btn-primary, .btn-outline) {
    width: 100% !important;
    min-height: 40px !important;
    justify-content: center !important;
    text-align: center !important;
  }

  body#top.calculator-page .checks {
    gap: 8px !important;
  }

  body#top.calculator-page #cServices {
    grid-template-columns: 1fr !important;
  }

  /* Thanks */
  body#top.thanks-page main[style*="max-width:920px"] {
    max-width: 100% !important;
    width: calc(100% - 12px) !important;
    margin: 18px auto 14px !important;
    padding: 0 !important;
  }

  body#top.thanks-page main[style*="max-width:920px"] > div[style*="display:flex"] {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body#top.thanks-page main[style*="max-width:920px"] > div[style*="display:flex"] :is(a, button, .btn, .btn-primary, .btn-outline) {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }
}

@media (max-width: 560px) {
  body#top.request-page .rq-badges,
  body#top.request-page .rq-actions,
  body#top.calculator-page .btn-row,
  body#top.thanks-page main[style*="max-width:920px"] > div[style*="display:flex"] {
    grid-template-columns: 1fr !important;
  }

  body#top.request-page .rq-kv {
    grid-template-columns: 1fr !important;
  }
}

/* Final mobile pass: index / schedule / services / rules / acceptance / concept */
@media (max-width: 980px) {
  body#top.index-page,
  body#top.schedule-page,
  body#top.services-page,
  body#top.rules-page,
  body#top.acceptance-page,
  body#top.concept-page {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  /* Index */
  body#top.index-page main {
    overflow-x: hidden !important;
  }

  body#top.index-page .hero-grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  body#top.index-page .hero-content h1 {
    font-size: clamp(34px, 8vw, 54px) !important;
    line-height: 1.02 !important;
  }

  body#top.index-page .hero-subtitle {
    font-size: 14px !important;
    line-height: 1.52 !important;
  }

  body#top.index-page .hero-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body#top.index-page .hero-actions :is(a, button, .btn-primary, .btn-outline) {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }

  body#top.index-page .hero-visual {
    display: flex !important;
    justify-content: center !important;
  }

  body#top.index-page .hero-truck {
    width: min(100%, 520px) !important;
    max-width: 100% !important;
    height: auto !important;
    margin-inline: auto !important;
  }

  body#top.index-page .stats-grid {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scroll-snap-type: x mandatory !important;
    overscroll-behavior-x: contain !important;
    gap: 10px !important;
    padding: 4px 8px 8px 2px !important;
    scrollbar-width: none !important;
  }

  body#top.index-page .stats-grid::-webkit-scrollbar {
    display: none !important;
  }

  body#top.index-page .stat-card {
    flex: 0 0 min(82vw, 280px) !important;
    min-width: min(82vw, 280px) !important;
    padding: 14px !important;
    border-radius: 18px !important;
    scroll-snap-align: start !important;
  }

  body#top.index-page #services .bento-grid,
  body#top.index-page .process-grid {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scroll-snap-type: x mandatory !important;
    gap: 10px !important;
    padding-bottom: 4px !important;
    scrollbar-width: none !important;
  }

  body#top.index-page #services .bento-grid::-webkit-scrollbar,
  body#top.index-page .process-grid::-webkit-scrollbar {
    display: none !important;
  }

  body#top.index-page #services .bento-grid > .bento-card,
  body#top.index-page .process-grid > .process-step {
    flex: 0 0 min(84vw, 320px) !important;
    width: min(84vw, 320px) !important;
    scroll-snap-align: start !important;
  }

  body#top:is(.index-page,.calculator-page) #calculator .calc-grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  body#top.index-page .trust-logos {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  body#top.index-page #geo .geo-svg-wrap {
    padding: 10px !important;
    border-radius: 14px !important;
  }

  body#top.index-page #lead .bento-card > div[style*="display:flex"] {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body#top.index-page #lead .bento-card > div[style*="display:flex"] :is(a, button, .btn-primary, .btn-outline) {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }

  /* Schedule */
  body#top.schedule-page .sc-wrap {
    max-width: 100% !important;
    width: calc(100% - 12px) !important;
    margin-inline: auto !important;
    padding: 18px 0 14px !important;
  }

  body#top.schedule-page .sc-hero h1 {
    font-size: clamp(30px, 7.2vw, 42px) !important;
    line-height: 1.04 !important;
  }

  body#top.schedule-page .sc-badges {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body#top.schedule-page .filters-bar {
    display: grid !important;
    gap: 10px !important;
  }

  body#top.schedule-page .filters-left {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  body#top.schedule-page .field {
    min-width: 0 !important;
    width: 100% !important;
  }

  body#top.schedule-page .field[style*="min-width"] {
    min-width: 0 !important;
  }

  body#top.schedule-page .page-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body#top.schedule-page .status-pill-sm {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    justify-content: center !important;
  }

  body#top.schedule-page .page-actions :is(a, button, .btn-primary, .btn-outline) {
    width: 100% !important;
    min-height: 40px !important;
    justify-content: center !important;
    text-align: center !important;
  }

  body#top.schedule-page .table-wrap {
    margin-top: 12px !important;
    border-radius: 14px !important;
  }

  body#top.schedule-page .table-head {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 6px !important;
    padding: 12px !important;
  }

  body#top.schedule-page table.data-table {
    min-width: 700px !important;
  }

  body#top.schedule-page .map-grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  body#top.schedule-page #etlRoutesMap {
    height: 320px !important;
  }

  body#top.schedule-page .map-toggle {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body#top.schedule-page .panel-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body#top.schedule-page .panel-actions :is(a, button, .btn-primary, .btn-outline) {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }

  /* Services */
  body#top.services-page .seg {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin-top: 12px !important;
  }

  body#top.services-page .seg button {
    width: 100% !important;
    min-height: 36px !important;
    padding-inline: 10px !important;
    justify-content: center !important;
    font-size: 12px !important;
  }

  body#top.services-page .svc-grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-top: 12px !important;
  }

  body#top.services-page .svc-card {
    border-radius: 14px !important;
    padding: 14px !important;
  }

  body#top.services-page .svc-card::before {
    height: 96px !important;
    margin-bottom: 10px !important;
  }

  body#top.services-page .svc-title {
    font-size: 17px !important;
    line-height: 1.2 !important;
  }

  body#top.services-page .svc-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body#top.services-page .svc-actions :is(a, button, .btn-primary, .btn-outline) {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }

  body#top.services-page .callout {
    border-radius: 14px !important;
    padding: 14px !important;
  }

  body#top.services-page .callout > div[style*="display:flex"] {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body#top.services-page .callout > div[style*="display:flex"] :is(a, button, .btn-primary, .btn-outline) {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }

  /* Rules */
  body#top.rules-page .rules-wrap {
    max-width: 100% !important;
    padding: 22px 10px 14px !important;
  }

  body#top.rules-page .page-head h1 {
    font-size: clamp(30px, 7vw, 40px) !important;
  }

  body#top.rules-page .mini-row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body#top.rules-page .rules-card {
    border-radius: 14px !important;
  }

  body#top.rules-page .rules-section {
    padding: 12px !important;
    gap: 8px !important;
  }

  body#top.rules-page .acc-btn {
    padding: 12px !important;
    font-size: 14px !important;
    gap: 10px !important;
  }

  body#top.rules-page .acc-ico {
    width: 30px !important;
    height: 30px !important;
    border-radius: 10px !important;
  }

  body#top.rules-page .acc-panel {
    padding: 0 12px 12px 12px !important;
  }

  body#top.rules-page .cta-strip {
    border-radius: 14px !important;
    padding: 14px !important;
  }

  body#top.rules-page .cta-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body#top.rules-page .cta-actions :is(a, button, .btn-primary, .btn-outline) {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }

  /* Acceptance */
  body#top.acceptance-page .a-grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  body#top.acceptance-page .a-card,
  body#top.acceptance-page .a-box,
  body#top.acceptance-page .a-note {
    border-radius: 14px !important;
    padding: 14px !important;
  }

  body#top.acceptance-page .a-split {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  body#top.acceptance-page .a-kv .row {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 6px !important;
  }

  body#top.acceptance-page .a-cta {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body#top.acceptance-page .a-cta :is(a, button, .btn-primary, .btn-outline) {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }

  /* Concept */
  body#top.concept-page .container {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  body#top.concept-page .hero {
    min-height: 0 !important;
    height: auto !important;
  }

  body#top.concept-page .hero::before {
    display: none !important;
  }

  body#top.concept-page .hero-container {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  body#top.concept-page .hero-title {
    font-size: clamp(34px, 8vw, 52px) !important;
    line-height: 0.96 !important;
  }

  body#top.concept-page .hero-desc {
    font-size: 14px !important;
    line-height: 1.5 !important;
    max-width: none !important;
  }

  body#top.concept-page .hero-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body#top.concept-page .hero-actions :is(a, button, .btn-primary, .btn-outline, .btn) {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }

  body#top.concept-page .hero-image-wrapper {
    margin-top: 6px !important;
    height: auto !important;
  }

  body#top.concept-page .hero-img {
    max-width: 100% !important;
    margin-inline: auto !important;
  }

  body#top.concept-page .stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body#top.concept-page .stat-card {
    border-right: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    padding: 12px !important;
  }

  body#top.concept-page .section {
    padding: 44px 0 !important;
  }

  body#top.concept-page .sec-head {
    margin-bottom: 20px !important;
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 10px !important;
  }

  body#top.concept-page .process-section .sec-head > div[style*="display:flex"] {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
  }

  body#top.concept-page .services-grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  body#top.concept-page .card {
    height: auto !important;
    min-height: 0 !important;
    padding: 18px 14px !important;
  }

  body#top.concept-page .process-wrapper {
    gap: 10px !important;
    padding-bottom: 4px !important;
    scrollbar-width: none !important;
  }

  body#top.concept-page .process-wrapper::-webkit-scrollbar {
    display: none !important;
  }

  body#top.concept-page .process-step {
    min-width: min(84vw, 320px) !important;
    padding: 20px 16px !important;
  }

  body#top.concept-page .geo-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  body#top.concept-page .map-visual {
    height: 260px !important;
  }

  body#top.concept-page .footer-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  body#top.concept-page .footer-bottom {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 6px !important;
  }
}

@media (max-width: 560px) {
  body#top.index-page #lead .bento-card > div[style*="display:flex"],
  body#top.index-page .hero-actions,
  body#top.schedule-page .sc-badges,
  body#top.schedule-page .page-actions,
  body#top.schedule-page .map-toggle,
  body#top.schedule-page .panel-actions,
  body#top.services-page .seg,
  body#top.services-page .svc-actions,
  body#top.services-page .callout > div[style*="display:flex"],
  body#top.rules-page .mini-row,
  body#top.rules-page .cta-actions,
  body#top.acceptance-page .a-cta,
  body#top.concept-page .hero-actions,
  body#top.concept-page .process-section .sec-head > div[style*="display:flex"],
  body#top.request-page .rq-actions > div[style*="display:flex"] {
    grid-template-columns: 1fr !important;
  }

  body#top.index-page #services .bento-grid > .bento-card,
  body#top.index-page .process-grid > .process-step,
  body#top.concept-page .process-step {
    flex-basis: min(88vw, 340px) !important;
    width: min(88vw, 340px) !important;
  }

  body#top.services-page .svc-card::before {
    height: 88px !important;
  }

  body#top.concept-page .stats-grid,
  body#top.index-page .stats-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Service pages: mobile consistency pass for related transport pages */
@media (max-width: 980px) {
  body#top.service-page main.container {
    width: calc(100% - 12px) !important;
    max-width: 100% !important;
    margin-inline: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow-x: hidden !important;
  }

  body#top.service-page .svc-hero {
    margin: 14px 0 16px !important;
    border-radius: 18px !important;
  }

  body#top.service-page .svc-hero-inner {
    padding: 16px 14px !important;
    gap: 10px !important;
  }

  body#top.service-page .svc-hero::after {
    background-position: center 82% !important;
    background-size: min(560px, 95vw) !important;
    opacity: 0.09 !important;
  }

  body#top.service-page .svc-title {
    margin: 8px 0 6px !important;
    font-size: clamp(30px, 7.4vw, 40px) !important;
    line-height: 1.04 !important;
    text-wrap: balance !important;
  }

  body#top.service-page .svc-lead {
    font-size: 14px !important;
    line-height: 1.55 !important;
    max-width: none !important;
  }

  body#top.service-page .svc-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
  }

  body#top.service-page .svc-actions > * {
    min-width: 0 !important;
    margin: 0 !important;
  }

  body#top.service-page .svc-actions :is(a, button, .p-btn-primary, .svc-ghost, .btn-primary, .btn-outline) {
    width: 100% !important;
    min-height: 42px !important;
    justify-content: center !important;
    text-align: center !important;
  }

  body#top.service-page .svc-section {
    padding: 16px 0 !important;
  }

  body#top.service-page .svc-h2 {
    font-size: clamp(24px, 6vw, 30px) !important;
    line-height: 1.08 !important;
    margin-bottom: 8px !important;
  }

  body#top.service-page .svc-sub {
    margin-bottom: 12px !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
  }

  body#top.service-page :is(.svc-grid2, .svc-grid3) {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  body#top.service-page .svc-card {
    border-radius: 14px !important;
    padding: 14px !important;
  }

  body#top.service-page .svc-steps {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  body#top.service-page .svc-step {
    border-radius: 14px !important;
    padding: 12px !important;
    overflow: visible !important;
  }

  body#top.service-page .svc-n {
    margin-bottom: 8px !important;
  }

  body#top.service-page .svc-cta {
    border-radius: 14px !important;
    padding: 14px !important;
  }

  body#top.service-page .svc-cta .inner {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    align-items: start !important;
  }

  body#top.service-page .svc-cta .inner > div[style*="display:flex"] {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
  }

  body#top.service-page .svc-cta :is(a, button, .p-btn-primary, .svc-ghost, .btn-primary, .btn-outline) {
    width: 100% !important;
    min-height: 42px !important;
    justify-content: center !important;
    text-align: center !important;
  }
}

@media (max-width: 560px) {
  body#top.service-page .svc-actions,
  body#top.service-page .svc-cta .inner > div[style*="display:flex"] {
    grid-template-columns: 1fr !important;
  }
}

/* Final mobile pass #2: documents / faq / why / trips / tracking */
@media (max-width: 980px) {
  body#top.docs-page,
  body#top.faq-page,
  body#top.why-page,
  body#top.trips-page,
  body#top.tracking-page {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  body#top.docs-page main > .section-light > .container,
  body#top.faq-page .faq-wrap,
  body#top.why-page .why-wrap,
  body#top.trips-page main > .section-light > .container,
  body#top.tracking-page main.container.trk-page {
    width: calc(100% - 12px) !important;
    max-width: 100% !important;
    margin-inline: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body#top.docs-page .page-head h1,
  body#top.faq-page .page-head h1,
  body#top.why-page .why-hero h1,
  body#top.trips-page .page-head h1,
  body#top.tracking-page .trk-hero h1 {
    font-size: clamp(30px, 7.2vw, 40px) !important;
    line-height: 1.04 !important;
    letter-spacing: -0.02em !important;
  }

  body#top.docs-page .page-head p,
  body#top.faq-page .page-head p,
  body#top.why-page .why-hero p,
  body#top.trips-page .page-head p,
  body#top.tracking-page .trk-hero p {
    font-size: 14px !important;
    line-height: 1.55 !important;
    max-width: none !important;
  }

  body#top.docs-page :is(.docs-card, .doc-card, .bento-card),
  body#top.faq-page :is(.faq-card, .cta-strip),
  body#top.why-page :is(.why-card, .side-card, .why-item),
  body#top.trips-page :is(.table-wrap, .bento-card),
  body#top.tracking-page :is(.trk-hero, .trk-form, .trk-card, .trk-result, .trk-callout) {
    border-radius: 14px !important;
  }

  body#top.docs-page .doc-item {
    align-items: flex-start !important;
    gap: 8px !important;
  }

  body#top.docs-page #lead .bento-card > div[style*="display:flex"] {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body#top.docs-page #lead .bento-card > div[style*="display:flex"] :is(a, button, .btn-primary, .btn-outline) {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }

  body#top.faq-page .mini-row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body#top.faq-page .pill {
    min-width: 0 !important;
    justify-content: center !important;
  }

  body#top.faq-page .acc-btn {
    align-items: flex-start !important;
  }

  body#top.faq-page .acc-q {
    line-height: 1.32 !important;
    text-align: left !important;
  }

  body#top.why-page .why-badges,
  body#top.why-page .cta {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body#top.why-page .why-badge,
  body#top.why-page .cta :is(a, button, .btn-primary, .btn-outline) {
    width: 100% !important;
    min-width: 0 !important;
    justify-content: center !important;
    text-align: center !important;
  }

  body#top.why-page .kpi {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  body#top.trips-page .filters-bar,
  body#top.trips-page .filters-left {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    align-items: stretch !important;
  }

  body#top.trips-page .field,
  body#top.trips-page .field[style*="min-width"] {
    min-width: 0 !important;
    width: 100% !important;
  }

  body#top.trips-page .page-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
  }

  body#top.trips-page .status-pill-sm {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    justify-content: center !important;
  }

  body#top.trips-page .page-actions :is(a, button, .btn-primary, .btn-outline) {
    width: 100% !important;
    min-height: 42px !important;
    justify-content: center !important;
    text-align: center !important;
  }

  body#top.trips-page .table-head {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 6px !important;
    padding: 12px !important;
  }

  body#top.trips-page .table-wrap {
    margin-top: 12px !important;
  }

  body#top.trips-page #tripsTable {
    min-width: 700px !important;
  }

  body#top.trips-page .cta-card .bento-card > div[style*="display:flex"] {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body#top.trips-page .cta-card .bento-card > div[style*="display:flex"] :is(a, button, .btn-primary, .btn-outline) {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }

  body#top.tracking-page .trk-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
  }

  body#top.tracking-page .trk-actions :is(a, button, .btn-primary, .btn-outline, .btn) {
    width: 100% !important;
    min-height: 42px !important;
    justify-content: center !important;
    text-align: center !important;
  }

  body#top.tracking-page .trk-form > div[style*="display:flex"] {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body#top.tracking-page .trk-result-head {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 6px !important;
  }

  body#top.tracking-page .trk-result-grid {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }
}

@media (max-width: 560px) {
  body#top.docs-page #lead .bento-card > div[style*="display:flex"],
  body#top.faq-page .mini-row,
  body#top.why-page .why-badges,
  body#top.why-page .cta,
  body#top.trips-page .page-actions,
  body#top.trips-page .cta-card .bento-card > div[style*="display:flex"],
  body#top.tracking-page .trk-actions,
  body#top.tracking-page .trk-form > div[style*="display:flex"] {
    grid-template-columns: 1fr !important;
  }
}

/* Final mobile pass #3: about / contact / pricing / rules / acceptance / concept */
@media (max-width: 980px) {
  body#top.about-page,
  body#top.contact-page,
  body#top.pricing-page,
  body#top.rules-page,
  body#top.acceptance-page,
  body#top.concept-page {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  body#top.about-page main > .section-light > .container,
  body#top.contact-page main > .section-light > .container,
  body#top.pricing-page main > .section-light > .container,
  body#top.pricing-page #lead > .container,
  body#top.rules-page .rules-wrap,
  body#top.acceptance-page main > .section-light > .container,
  body#top.concept-page .container {
    width: calc(100% - 12px) !important;
    max-width: 100% !important;
    margin-inline: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body#top.about-page .page-head > p[style*="max-width"],
  body#top.contact-page .page-head > p[style*="max-width"],
  body#top.pricing-page .page-head > p[style*="max-width"],
  body#top.rules-page .page-head > p,
  body#top.acceptance-page .page-head > p[style*="margin-top"],
  body#top.concept-page .hero-desc {
    max-width: none !important;
  }

  body#top.about-page .page-head > div[style*="display:flex"],
  body#top.about-page .cta > div[style*="display:flex"],
  body#top.contact-page .btn-row,
  body#top.pricing-page .card > div[style*="display:flex"],
  body#top.pricing-page .ex2 > div[style*="margin-top:12px"][style*="display:flex"],
  body#top.pricing-page .final-cta > div[style*="display:flex"],
  body#top.pricing-page #lead .bento-card > div[style*="display:flex"],
  body#top.rules-page .mini-row,
  body#top.rules-page .cta-actions,
  body#top.acceptance-page .a-cta,
  body#top.acceptance-page .a-top,
  body#top.concept-page .hero-actions,
  body#top.concept-page .process-section .sec-head > div[style*="display:flex"] {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    align-items: stretch !important;
  }

  body#top.about-page :is(.btn-primary, .btn-outline),
  body#top.contact-page .btn-row :is(a, button, .btn-primary, .btn-outline),
  body#top.pricing-page :is(.btn-primary, .btn-outline),
  body#top.rules-page .cta-actions :is(a, button, .btn-primary, .btn-outline),
  body#top.acceptance-page .a-cta :is(a, button, .btn-primary, .btn-outline),
  body#top.concept-page .hero-actions :is(a, button, .btn-primary, .btn-outline, .btn) {
    width: 100% !important;
    min-height: 42px !important;
    justify-content: center !important;
    text-align: center !important;
  }

  body#top.contact-page .form-row {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  body#top.contact-page .item-head {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 8px !important;
  }

  body#top.pricing-page .examples-grid[style*="minmax(220px"] {
    grid-template-columns: 1fr !important;
  }

  body#top.pricing-page .price-factor {
    min-height: 64px !important;
    padding: 10px 10px !important;
  }

  body#top.acceptance-page .a-grid {
    gap: 10px !important;
  }

  body#top.acceptance-page .a-top .tag {
    align-self: flex-start !important;
    white-space: normal !important;
  }

  body#top.acceptance-page .a-kv .row {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 6px !important;
  }

  body#top.concept-page .hero {
    padding-top: 14px !important;
    padding-bottom: 18px !important;
  }

  body#top.concept-page .hero-label {
    min-height: 30px !important;
    padding-inline: 10px !important;
    font-size: 11px !important;
  }

  body#top.concept-page .section {
    padding: 30px 0 !important;
  }
}

@media (max-width: 560px) {
  body#top.about-page .page-head > div[style*="display:flex"],
  body#top.about-page .cta > div[style*="display:flex"],
  body#top.contact-page .btn-row,
  body#top.pricing-page .card > div[style*="display:flex"],
  body#top.pricing-page .ex2 > div[style*="margin-top:12px"][style*="display:flex"],
  body#top.pricing-page .final-cta > div[style*="display:flex"],
  body#top.pricing-page #lead .bento-card > div[style*="display:flex"],
  body#top.rules-page .mini-row,
  body#top.rules-page .cta-actions,
  body#top.acceptance-page .a-cta,
  body#top.acceptance-page .a-top,
  body#top.concept-page .hero-actions,
  body#top.concept-page .process-section .sec-head > div[style*="display:flex"] {
    grid-template-columns: 1fr !important;
  }
}

/* Final mobile pass #4: global app-like rhythm across all pages */
@media (max-width: 1099px) {
  body#top :is(
    .container,
    .page-head,
    .card,
    .bento-card,
    .svc-card,
    .docs-card,
    .doc-card,
    .faq-card,
    .why-card,
    .side-card,
    .trk-card,
    .rq-card,
    .a-card,
    .a-box,
    .a-note,
    .ex2,
    .price-factor,
    .fact,
    .step,
    .k,
    .panel-card
  ) {
    min-width: 0 !important;
  }

  body#top :is(
    .p-btn-primary,
    .btn-primary,
    .btn-outline,
    .btn,
    button,
    .p-mobile-link,
    .m-bottom-nav__link,
    .seg-btn,
    .pill,
    .badge,
    .status-pill-sm,
    .trk-pill
  ) {
    touch-action: manipulation !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  body#top :is(
    #services .bento-grid,
    #how .process-grid,
    .process-wrapper,
    .seg,
    .svc-grid2--swipe,
    .cargo-rates,
    .m-app-footer__chips
  ) {
    scrollbar-width: none !important;
  }

  body#top :is(
    #services .bento-grid,
    #how .process-grid,
    .process-wrapper,
    .seg,
    .svc-grid2--swipe,
    .cargo-rates,
    .m-app-footer__chips
  )::-webkit-scrollbar {
    display: none !important;
    height: 0 !important;
    width: 0 !important;
  }

  body#top :is(.page-head h1, .hero-title, .svc-title, .sc-hero h1, .trk-hero h1, .why-hero h1) {
    text-wrap: balance !important;
  }

  body#top .fab-top {
    transition: transform 0.2s ease, opacity 0.2s ease !important;
  }
}

@media (max-width: 560px) {
  body#top .page-head {
    margin-bottom: 10px !important;
  }

  body#top :is(.stat-card, .cargo-kpi, .fact) {
    min-height: 0 !important;
  }

  body#top footer .footer-social {
    flex-wrap: wrap !important;
    gap: 6px !important;
  }
}

/* Mobile QA pass: compact premium filter, stable schedule map, clean menu active state */
@media (max-width: 1099px) {
  body#top.services-page .seg {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;
    margin-top: 10px !important;
    padding: 2px 0 4px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scroll-snap-type: x proximity !important;
  }

  body#top.services-page .seg button,
  body#top.services-page .seg .seg-btn {
    flex: 0 0 auto !important;
    width: auto !important;
    min-height: 30px !important;
    height: 30px !important;
    padding: 0 11px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(17, 24, 39, 0.14) !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(245, 248, 252, 0.96)) !important;
    color: rgba(23, 31, 44, 0.84) !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    letter-spacing: 0.01em !important;
    white-space: nowrap !important;
    box-shadow: 0 3px 10px rgba(12, 18, 28, 0.06) !important;
    scroll-snap-align: start !important;
  }

  body#top.services-page .seg button[aria-pressed="true"],
  body#top.services-page .seg .seg-btn[aria-pressed="true"] {
    border-color: rgba(229, 38, 41, 0.36) !important;
    background: linear-gradient(180deg, rgba(229, 38, 41, 0.16), rgba(229, 38, 41, 0.08)) !important;
    color: #a2181b !important;
    box-shadow: 0 6px 14px rgba(229, 38, 41, 0.18) !important;
  }

  body#top.schedule-page .mt-embed {
    border-radius: 16px !important;
    overflow: hidden !important;
  }

  body#top.schedule-page .map-grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    padding: 10px !important;
  }

  body#top.schedule-page .map-stage {
    border-radius: 14px !important;
    overflow: hidden !important;
  }

  body#top.schedule-page #etlRoutesMap {
    display: block !important;
    width: 100% !important;
    min-height: 250px !important;
    height: clamp(250px, 44vh, 340px) !important;
  }

  body#top.schedule-page .map-toggle {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding-bottom: 2px !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body#top.schedule-page .map-toggle button {
    flex: 0 0 auto !important;
    min-height: 32px !important;
    height: 32px !important;
    padding: 0 10px !important;
    border-radius: 10px !important;
    font-size: 11px !important;
    white-space: nowrap !important;
  }

  body#top.schedule-page .panel-card {
    position: static !important;
  }

  body#top.schedule-page .leaflet-container .route-label {
    font-size: 11px !important;
    padding: 6px 9px !important;
  }

  body#top .p-mobile-link.is-active::after,
  body#top .p-mobile-link[aria-current="page"]::after {
    content: none !important;
    display: none !important;
  }
}

@media (max-width: 560px) {
  body#top.services-page .seg {
    gap: 5px !important;
    margin-top: 8px !important;
    padding-bottom: 3px !important;
  }

  body#top.services-page .seg button,
  body#top.services-page .seg .seg-btn {
    min-height: 28px !important;
    height: 28px !important;
    padding: 0 9px !important;
    font-size: 10.5px !important;
  }

  body#top.schedule-page #etlRoutesMap {
    min-height: 240px !important;
    height: clamp(240px, 42vh, 300px) !important;
  }
}

/* DT679: dark theme readability hard-fix across pages */
html[data-theme="dark"] body#top #p-header.p-header .p-link,
html[data-theme="dark"] body#top #p-header.p-header .p-cabinet,
html[data-theme="dark"] body#top #p-header.p-header .p-dd-toggle {
  color: rgba(236, 242, 255, 0.9) !important;
}

html[data-theme="dark"] #p-header.p-header .p-link,
html[data-theme="dark"] #p-header.p-header .p-cabinet,
html[data-theme="dark"] #p-header.p-header .p-dd-toggle {
  color: rgba(236, 242, 255, 0.9) !important;
}

html[data-theme="dark"] body#top #p-header.p-header .p-link:hover,
html[data-theme="dark"] body#top #p-header.p-header .p-link.is-active,
html[data-theme="dark"] body#top #p-header.p-header .p-link[aria-current="page"],
html[data-theme="dark"] body#top #p-header.p-header .p-dd-toggle[aria-expanded="true"] {
  color: #ffffff !important;
}

html[data-theme="dark"] #p-header.p-header .p-link:hover,
html[data-theme="dark"] #p-header.p-header .p-link.is-active,
html[data-theme="dark"] #p-header.p-header .p-link[aria-current="page"],
html[data-theme="dark"] #p-header.p-header .p-dd-toggle[aria-expanded="true"] {
  color: #ffffff !important;
}

html[data-theme="dark"] body#top #p-header.p-header .p-link::after {
  background: #e52629 !important;
  opacity: 1 !important;
}

html[data-theme="dark"] #p-header.p-header .p-link::after {
  background: #e52629 !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body#top :is(
  .card,
  .bento-card,
  .svc-card,
  .docs-card,
  .doc-card,
  .faq-card,
  .rq-card,
  .panel-card,
  .panel,
  .box,
  .wh-card,
  .fleet-card,
  .cargo-card,
  .price-card,
  .price-factor,
  .fact,
  .doc-item,
  .check,
  .callout,
  .note,
  .acc,
  details,
  article,
  .quote-field,
  .quote-modal__dialog
) {
  background: linear-gradient(180deg, #101827, #0b121d) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: rgba(236, 242, 255, 0.92) !important;
}

html[data-theme="dark"] body :is(
  .card,
  .bento-card,
  .svc-card,
  .docs-card,
  .doc-card,
  .faq-card,
  .rq-card,
  .panel-card,
  .panel,
  .box,
  .wh-card,
  .fleet-card,
  .cargo-card,
  .price-card,
  .price-factor,
  .fact,
  .doc-item,
  .check,
  .callout,
  .note,
  .acc,
  details,
  article,
  .quote-field,
  .quote-modal__dialog
) {
  background: linear-gradient(180deg, #101827, #0b121d) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: rgba(236, 242, 255, 0.92) !important;
}

html[data-theme="dark"] body#top :is(
  p,
  li,
  .muted,
  .mini,
  .doc-sub,
  .svc-desc,
  .footer-text
) {
  color: rgba(221, 231, 250, 0.84) !important;
}

html[data-theme="dark"] body :is(
  p,
  li,
  .muted,
  .mini,
  .doc-sub,
  .svc-desc,
  .footer-text
) {
  color: rgba(221, 231, 250, 0.84) !important;
}

/* Dark theme hardening: smooth switch + full-surface readability */
:root,
body#top,
body#top main,
body#top section,
body#top footer,
body#top :is(.card, .bento-card, .svc-card, .docs-card, .doc-card, .faq-card, .rq-card, .panel-card, .wh-card, .fleet-card, .cargo-card, .price-card, .price-factor, .fact, .callout, .note, .quote-modal__dialog, .map-panel, .m-app-footer, #m-bottom-nav) {
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

@media (prefers-reduced-motion: reduce) {
  :root,
  body#top,
  body#top main,
  body#top section,
  body#top footer,
  body#top :is(.card, .bento-card, .svc-card, .docs-card, .doc-card, .faq-card, .rq-card, .panel-card, .wh-card, .fleet-card, .cargo-card, .price-card, .price-factor, .fact, .callout, .note, .quote-modal__dialog, .map-panel, .m-app-footer, #m-bottom-nav) {
    transition: none !important;
  }
}

html[data-theme="dark"] body#top,
html[data-theme="dark"] body#top :is(main, .page, .section, .section-light, .section-muted, .services-hero, .process-section, .trust-section, .stats-section, .container) {
  background: #111111 !important;
  color: #efefef !important;
}

html[data-theme="dark"] body#top :is(.card, .bento-card, .svc-card, .docs-card, .doc-card, .faq-card, .rq-card, .panel-card, .wh-card, .fleet-card, .cargo-card, .price-card, .price-factor, .fact, .callout, .note, .quote-modal__dialog, .map-panel, .m-app-footer, #m-bottom-nav, .doc-item, .check) {
  background: linear-gradient(180deg, #181818, #111111) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: #efefef !important;
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.42) !important;
}

html[data-theme="dark"] body#top [style*="background:#fff"],
html[data-theme="dark"] body#top [style*="background: #fff"],
html[data-theme="dark"] body#top [style*="background:#ffffff"],
html[data-theme="dark"] body#top [style*="background: #ffffff"],
html[data-theme="dark"] body#top [style*="background:rgb(255,255,255)"],
html[data-theme="dark"] body#top [style*="background: rgb(255,255,255)"],
html[data-theme="dark"] body#top [style*="background:rgba(255,255,255"],
html[data-theme="dark"] body#top [style*="background: rgba(255,255,255"],
html[data-theme="dark"] body#top [style*="background:rgba(255, 255, 255"],
html[data-theme="dark"] body#top [style*="background: rgba(255, 255, 255"],
html[data-theme="dark"] body#top [style*="#fff"] {
  background: linear-gradient(180deg, #181818, #111111) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
}

html[data-theme="dark"] body [style*="background:#fff"],
html[data-theme="dark"] body [style*="background: #fff"],
html[data-theme="dark"] body [style*="background:#ffffff"],
html[data-theme="dark"] body [style*="background: #ffffff"],
html[data-theme="dark"] body [style*="background:rgb(255,255,255)"],
html[data-theme="dark"] body [style*="background: rgb(255,255,255)"],
html[data-theme="dark"] body [style*="background:rgba(255,255,255"],
html[data-theme="dark"] body [style*="background: rgba(255,255,255"],
html[data-theme="dark"] body [style*="background:rgba(255, 255, 255"],
html[data-theme="dark"] body [style*="background: rgba(255, 255, 255"],
html[data-theme="dark"] body [style*="#fff"] {
  background: linear-gradient(180deg, #181818, #111111) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
}

html[data-theme="dark"] body#top [style*="color:rgba(0,0,0"],
html[data-theme="dark"] body#top [style*="color: rgba(0,0,0"],
html[data-theme="dark"] body#top [style*="color:rgba(29,29,27"],
html[data-theme="dark"] body#top [style*="color: rgba(29,29,27"],
html[data-theme="dark"] body#top [style*="color:rgba(29, 29, 27"],
html[data-theme="dark"] body#top [style*="color: rgba(29, 29, 27"],
html[data-theme="dark"] body#top [style*="color:#000"],
html[data-theme="dark"] body#top [style*="color: #000"],
html[data-theme="dark"] body#top [style*="color:#1d1d1b"],
html[data-theme="dark"] body#top [style*="color: #1d1d1b"] {
  color: rgba(235, 241, 255, 0.9) !important;
}

html[data-theme="dark"] body [style*="color:rgba(0,0,0"],
html[data-theme="dark"] body [style*="color: rgba(0,0,0"],
html[data-theme="dark"] body [style*="color:rgba(29,29,27"],
html[data-theme="dark"] body [style*="color: rgba(29,29,27"],
html[data-theme="dark"] body [style*="color:rgba(29, 29, 27"],
html[data-theme="dark"] body [style*="color: rgba(29, 29, 27"],
html[data-theme="dark"] body [style*="color:#000"],
html[data-theme="dark"] body [style*="color: #000"],
html[data-theme="dark"] body [style*="color:#1d1d1b"],
html[data-theme="dark"] body [style*="color: #1d1d1b"] {
  color: rgba(235, 241, 255, 0.9) !important;
}

html[data-theme="dark"] body#top :is(p, li, small, .muted, .svc-desc, .doc-sub, .mini, .footer-text) {
  color: rgba(227, 236, 255, 0.8) !important;
}

html[data-theme="dark"] body#top :is(h1, h2, h3, h4, h5, h6, strong, b, .svc-title, .doc-title, .stat-number) {
  color: #f4f7ff !important;
}

/* Pricing page: explicit dark normalization for inline light UI parts */
html[data-theme="dark"] body#top.pricing-page :is(.ex2, .step, .k, .ex-item, .pill, .final-cta) {
  background: linear-gradient(180deg, #101827, #0b121d) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: rgba(236, 242, 255, 0.9) !important;
}

html[data-theme="dark"] body#top.pricing-page .final-cta {
  background: linear-gradient(180deg, rgba(229, 38, 41, 0.18), rgba(16, 24, 39, 0.92)) !important;
}

html[data-theme="dark"] body#top.pricing-page :is(.k .t, .fact .t, .pill, .mini) {
  color: rgba(220, 230, 250, 0.78) !important;
}

html[data-theme="dark"] body#top.pricing-page :is(.k .v, .fact .v, .ex-item strong, .step strong, .ex2 h3, .final-cta h3) {
  color: #f4f7ff !important;
}

html[data-theme="dark"] body#top.pricing-page .section-block {
  background: linear-gradient(180deg, #101827, #0b121d) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.42) !important;
}

html[data-theme="dark"] body#top.pricing-page .section-block :is(h2, h3, p, .muted) {
  color: rgba(240, 240, 240, 0.9) !important;
}

/* Release polish: newly added simple service pages */
body#top.simple-service-page main.page > section.container[style*="padding:28px 0 8px"] {
  padding-top: 30px !important;
  padding-bottom: 10px !important;
}

body#top.simple-service-page :is(.cards, .cards-3) {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

body#top.simple-service-page .split[style*="grid-template-columns"] {
  display: grid !important;
  gap: 14px !important;
  align-items: stretch !important;
}

body#top.simple-service-page .card[style*="box-shadow:0 20px 60px"] {
  border: 1px solid rgba(16, 24, 39, 0.1) !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, #ffffff, #f8fafc) !important;
  box-shadow: 0 18px 42px rgba(10, 16, 26, 0.08) !important;
}

body#top.simple-service-page h3[style*="margin:0 0"] {
  margin: 0 0 10px !important;
  color: rgba(14, 20, 31, 0.96) !important;
  line-height: 1.24 !important;
}

body#top.simple-service-page :is(p, li)[style*="color:rgba(0,0,0"],
body#top.simple-service-page :is(p, li)[style*="color: rgba(0,0,0"],
body#top.simple-service-page :is(p, li)[style*="color:rgba(29,29,27"],
body#top.simple-service-page :is(p, li)[style*="color: rgba(29,29,27"] {
  color: rgba(32, 40, 55, 0.78) !important;
}

body#top.simple-service-page ul[style*="padding-left:18px"] {
  margin: 0 !important;
  padding-left: 18px !important;
  line-height: 1.62 !important;
}

body#top.simple-service-page :is(div, p)[style*="display:flex"][style*="flex-wrap:wrap"] {
  display: flex !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

@media (max-width: 980px) {
  body#top.simple-service-page :is(.cards, .cards-3) {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  body#top.simple-service-page .split[style*="grid-template-columns"] {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
}

html[data-theme="dark"] body#top.simple-service-page .card[style*="box-shadow:0 20px 60px"] {
  background: linear-gradient(180deg, #101827, #0b121d) !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.42) !important;
}

html[data-theme="dark"] body#top.simple-service-page h3[style*="margin:0 0"] {
  color: #f4f7ff !important;
}

html[data-theme="dark"] body#top.simple-service-page :is(p, li)[style*="color:rgba(0,0,0"],
html[data-theme="dark"] body#top.simple-service-page :is(p, li)[style*="color: rgba(0,0,0"],
html[data-theme="dark"] body#top.simple-service-page :is(p, li)[style*="color:rgba(29,29,27"],
html[data-theme="dark"] body#top.simple-service-page :is(p, li)[style*="color: rgba(29,29,27"] {
  color: rgba(223, 233, 252, 0.86) !important;
}

html[data-theme="dark"] body#top.simple-service-page .card[style*="background:linear-gradient(180deg,rgba(229,38,41,.08)"] {
  background: linear-gradient(180deg, rgba(229, 38, 41, 0.2), rgba(16, 24, 39, 0.92)) !important;
  border-color: rgba(229, 38, 41, 0.38) !important;
}

html[data-theme="dark"] body#top.pricing-page .price-factor {
  background: linear-gradient(180deg, #101827, #0b121d) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
}

html[data-theme="dark"] body#top.pricing-page .price-factor b {
  color: rgba(236, 242, 255, 0.9) !important;
}

html[data-theme="dark"] body#top.pricing-page .price-factor span {
  color: rgba(220, 230, 250, 0.82) !important;
}

/* About dropdown: same visual language as Services, but one-column */
body#top #p-header.p-header .p-has-dropdown-about > .p-dd {
  width: min(460px, calc(100vw - 24px)) !important;
  max-width: min(460px, calc(100vw - 24px)) !important;
  min-width: 0 !important;
  padding: 14px !important;
}
body#top #p-header.p-header .p-has-dropdown-about > .p-dd .p-dd-core {
  grid-template-columns: 1fr !important;
  gap: 12px !important;
}

/* Global site search */
body#top #p-header.p-header .p-site-search-trigger {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  min-height: 32px;
  padding: 0 !important;
  border-radius: 10px;
  border: 1px solid rgba(13, 20, 31, 0.14);
  background: rgba(255, 255, 255, 0.7);
  color: rgba(18, 26, 40, 0.9) !important;
  font-size: 0 !important;
  font-weight: 600 !important;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
  position: relative;
  transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}
body#top #p-header.p-header .p-site-search-trigger::before,
body#top #p-header.p-header .p-site-search-trigger::after {
  content: none !important;
}
body#top #p-header.p-header .p-site-search-trigger__icon {
  width: 16px;
  height: 16px;
  display: block;
  overflow: visible;
  transform-origin: 50% 50%;
  transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
}
body#top #p-header.p-header .p-site-search-trigger__path {
  stroke: currentColor;
  stroke-width: 1.85;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
  stroke-dasharray: 100;
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 0.32s ease, stroke 0.22s ease;
}
body#top #p-header.p-header .p-site-search-trigger:hover {
  border-color: rgba(229, 38, 41, 0.35);
  background: rgba(255, 255, 255, 0.96);
  color: rgba(10, 14, 20, 0.98) !important;
}
body#top #p-header.p-header .p-site-search-trigger:hover .p-site-search-trigger__icon {
  transform: translateY(-0.5px) scale(1.08) rotate(-8deg);
}
body#top #p-header.p-header .p-site-search-trigger:hover .p-site-search-trigger__path {
  stroke-dashoffset: 9;
}

@keyframes etlSearchIconPulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.08); }
  100% { transform: scale(1); }
}
body.etl-search-open #p-header .p-site-search-trigger {
  border-color: rgba(229, 38, 41, 0.5) !important;
  color: #e52629 !important;
}
body.etl-search-open #p-header .p-site-search-trigger .p-site-search-trigger__icon {
  animation: etlSearchIconPulse 1.15s ease-in-out infinite;
}

.etl-site-search {
  position: fixed;
  inset: 0;
  z-index: 23050;
  display: none;
}
.etl-site-search.is-open {
  display: block;
}
.etl-site-search__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(7, 12, 20, 0.55);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}
.etl-site-search__dialog {
  position: relative;
  width: min(760px, calc(100vw - 24px));
  max-height: min(78vh, 740px);
  margin: 74px auto 0;
  border-radius: 16px;
  border: 1px solid rgba(13, 20, 31, 0.12);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(244, 248, 253, 0.97));
  box-shadow: 0 34px 90px rgba(3, 10, 19, 0.34);
  overflow: hidden;
}
.etl-site-search__head {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px;
  border-bottom: 1px solid rgba(13, 20, 31, 0.1);
}
.etl-site-search__input {
  flex: 1 1 auto;
  min-width: 0;
  height: 42px;
  border-radius: 11px;
  border: 1px solid rgba(13, 20, 31, 0.16);
  background: rgba(255, 255, 255, 0.94);
  padding: 0 12px;
  font-size: 14px;
  color: rgba(10, 15, 22, 0.92);
  outline: none;
}
.etl-site-search__input:focus {
  border-color: rgba(229, 38, 41, 0.44);
  box-shadow: 0 0 0 3px rgba(229, 38, 41, 0.12);
}
.etl-site-search__close {
  width: 36px;
  height: 36px;
  border: 1px solid rgba(13, 20, 31, 0.14);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.88);
  color: rgba(20, 28, 39, 0.86);
  cursor: pointer;
}
.etl-site-search__results {
  max-height: min(62vh, 620px);
  overflow: auto;
  padding: 8px;
}
.etl-site-search__item {
  display: block;
  padding: 10px 11px;
  border-radius: 11px;
  border: 1px solid transparent;
  text-decoration: none;
  color: rgba(12, 18, 28, 0.95);
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
.etl-site-search__item + .etl-site-search__item {
  margin-top: 6px;
}
.etl-site-search__item:hover {
  background: rgba(255, 255, 255, 0.9);
  border-color: rgba(229, 38, 41, 0.26);
}
.etl-site-search__title {
  display: block;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.22;
}
.etl-site-search__meta {
  display: block;
  margin-top: 2px;
  font-size: 12px;
  color: rgba(45, 59, 79, 0.72);
}
.etl-site-search__hl {
  background: rgba(229, 38, 41, 0.16);
  color: inherit;
  border-radius: 5px;
  padding: 0 2px;
}
.etl-site-search__empty {
  padding: 14px;
  color: rgba(45, 59, 79, 0.78);
  font-size: 13px;
}
body.etl-search-open {
  overflow: hidden !important;
}

html[data-theme="dark"] body#top #p-header.p-header .p-site-search-trigger {
  border-color: rgba(255, 255, 255, 0.2);
  background: rgba(22, 30, 42, 0.88);
  color: rgba(232, 241, 255, 0.92) !important;
}
html[data-theme="dark"] .etl-site-search__dialog {
  border-color: rgba(255, 255, 255, 0.16);
  background: linear-gradient(180deg, rgba(9, 14, 22, 0.99), rgba(8, 12, 19, 0.99));
}
html[data-theme="dark"] .etl-site-search__head {
  border-bottom-color: rgba(255, 255, 255, 0.12);
}
html[data-theme="dark"] .etl-site-search__input {
  border-color: rgba(255, 255, 255, 0.18);
  background: rgba(18, 27, 39, 0.92);
  color: rgba(235, 242, 255, 0.96);
}
html[data-theme="dark"] .etl-site-search__close {
  border-color: rgba(255, 255, 255, 0.2);
  background: rgba(18, 27, 39, 0.9);
  color: rgba(235, 242, 255, 0.92);
}
html[data-theme="dark"] .etl-site-search__item {
  color: rgba(235, 242, 255, 0.95);
}
html[data-theme="dark"] .etl-site-search__item:hover {
  background: rgba(19, 30, 44, 0.9);
  border-color: rgba(229, 38, 41, 0.36);
}
html[data-theme="dark"] .etl-site-search__meta,
html[data-theme="dark"] .etl-site-search__empty {
  color: rgba(198, 212, 236, 0.8);
}
html[data-theme="dark"] .etl-site-search__hl {
  background: rgba(229, 38, 41, 0.28);
}

@media (max-width: 1099px) {
  body#top #p-header.p-header .p-site-search-trigger {
    display: none !important;
  }
  body#top .p-mobile-link--search {
    appearance: none;
    -webkit-appearance: none;
    width: 100%;
    text-align: left;
    border: 1px solid rgba(13, 20, 31, 0.12);
    background: rgba(255, 255, 255, 0.72);
  }
  html[data-theme="dark"] body#top .p-mobile-link--search {
    border-color: rgba(255, 255, 255, 0.18);
    background: rgba(20, 30, 45, 0.84);
    color: rgba(233, 242, 255, 0.92) !important;
  }
  .etl-site-search__dialog {
    width: calc(100vw - 12px);
    margin-top: 56px;
    border-radius: 14px;
  }
}

/* Dark theme targeted fixes for index readability */
html[data-theme="dark"] body#top.index-page .stats-section .stat-number,
html[data-theme="dark"] body#top.index-page .stats-section .stat-label {
  color: rgba(238, 244, 255, 0.95) !important;
}
html[data-theme="dark"] body#top.index-page #hero .hero-accent {
  color: rgba(233, 241, 255, 0.42) !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.46);
}

html[data-theme="dark"] body#top.index-page #how .process-line {
  background: rgba(240, 240, 240, 0.3) !important;
}
html[data-theme="dark"] body#top.index-page #how .process-dot {
  box-shadow: 0 8px 20px rgba(229, 38, 41, 0.35) !important;
}
html[data-theme="dark"] body#top.index-page #how .process-step__num {
  color: rgba(240, 246, 255, 0.95) !important;
  background: rgba(229, 38, 41, 0.2) !important;
}
html[data-theme="dark"] body#top.index-page #how .process-step.is-active .process-step__num {
  background: #e52629 !important;
  color: #fff !important;
}
html[data-theme="dark"] body#top.index-page #how :is(.process-step__lead, .process-step__text, .process-step__title) {
  color: rgba(228, 236, 252, 0.88) !important;
}

html[data-theme="dark"] body#top.index-page #trust .trust-marquee {
  border-color: rgba(255, 255, 255, 0.14) !important;
  background: linear-gradient(180deg, rgba(16, 24, 39, 0.94), rgba(11, 18, 29, 0.94)) !important;
}
html[data-theme="dark"] body#top.index-page #trust .trust-marquee::before {
  background: linear-gradient(90deg, rgba(11, 18, 29, 0.96), rgba(11, 18, 29, 0)) !important;
}
html[data-theme="dark"] body#top.index-page #trust .trust-marquee::after {
  background: linear-gradient(270deg, rgba(11, 18, 29, 0.96), rgba(11, 18, 29, 0)) !important;
}
html[data-theme="dark"] body#top.index-page #trust :is(.logo-tile, .trust-logos .logo-tile) {
  background: rgba(14, 21, 34, 0.94) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
}

html[data-theme="dark"] body#top.index-page #geo :is(.geo-note, .geo-kpi, .geo-meta-item, .geo-route-badge, .geo-route-eta) {
  background: rgba(18, 18, 18, 0.92) !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
  color: rgba(231, 239, 255, 0.88) !important;
}
html[data-theme="dark"] body#top.index-page #geo .geo-kpi strong {
  color: rgba(243, 248, 255, 0.98) !important;
}
html[data-theme="dark"] body#top.index-page #geo .geo-kpi span {
  color: rgba(196, 211, 236, 0.78) !important;
}
html[data-theme="dark"] body#top.index-page #geo .geo-city-lead {
  color: rgba(217, 228, 246, 0.88) !important;
}
html[data-theme="dark"] body#top.index-page #geo .geo-mini {
  border-top-color: rgba(255, 255, 255, 0.2) !important;
}
html[data-theme="dark"] body#top.index-page #geo .geo-svg-wrap {
  border-color: rgba(255, 255, 255, 0.16) !important;
  background: radial-gradient(110% 130% at 100% 0%, rgba(229, 38, 41, 0.18), transparent 45%),
              linear-gradient(180deg, rgba(9, 14, 23, 0.98), rgba(7, 11, 18, 0.98)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 16px 32px rgba(0, 0, 0, 0.44) !important;
}
html[data-theme="dark"] body#top.index-page #geo .geo-grid {
  stroke: rgba(198, 213, 236, 0.24) !important;
}
html[data-theme="dark"] body#top.index-page #geo .geo-label {
  fill: rgba(231, 239, 255, 0.95) !important;
  stroke: rgba(8, 12, 20, 0.92) !important;
}
html[data-theme="dark"] body#top.index-page #geo .geo-legend rect {
  fill: rgba(14, 23, 37, 0.9) !important;
  stroke: rgba(255, 255, 255, 0.18) !important;
}
html[data-theme="dark"] body#top.index-page #geo .geo-legend text {
  fill: rgba(228, 236, 251, 0.9) !important;
}
html[data-theme="dark"] footer :is(.footer-presence-title, .footer-presence-list, .footer-city-contact span) {
  color: rgba(228, 236, 251, 0.84) !important;
}

html[data-theme="dark"] body#top.schedule-page #etlRoutesMap {
  background: #0a111d !important;
}
html[data-theme="dark"] body#top.schedule-page #etlRoutesMap .leaflet-tile {
  filter: invert(1) hue-rotate(182deg) saturate(0.42) brightness(0.78) contrast(1.06) !important;
}
html[data-theme="dark"] body#top.schedule-page #etlRoutesMap .leaflet-control-zoom a {
  background: linear-gradient(180deg, #111b2a, #0c1522) !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
  color: rgba(238, 244, 255, 0.9) !important;
}
html[data-theme="dark"] body#top.schedule-page #etlRoutesMap .leaflet-control-attribution {
  background: rgba(7, 12, 21, 0.84) !important;
  color: rgba(220, 230, 250, 0.78) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}
html[data-theme="dark"] body#top.schedule-page #etlRoutesMap .leaflet-control-attribution a {
  color: rgba(235, 242, 255, 0.88) !important;
}

/* Unified premium hover model for cards (desktop / pointer devices) */
@media (hover: hover) and (pointer: fine) {
  body#top :is(.bento-card, .card, .svc-card, .doc-card, .docs-card, .faq-card, .rq-card, .panel-card, .ops-card, .why-card, .wh-card, .fleet-card, .cargo-card, .price-card, .price-factor, .fact, .stat-card, .logo-tile, .process-step) {
    transition: transform .26s cubic-bezier(.2,.8,.2,1), box-shadow .26s cubic-bezier(.2,.8,.2,1), border-color .22s ease, background-color .22s ease !important;
    transform: translateY(0);
  }

  body#top :is(.bento-card, .card, .svc-card, .doc-card, .docs-card, .faq-card, .rq-card, .panel-card, .ops-card, .why-card, .wh-card, .fleet-card, .cargo-card, .price-card, .price-factor, .fact, .stat-card, .logo-tile, .process-step):hover {
    transform: translateY(-3px) !important;
    border-color: rgba(229, 38, 41, 0.22) !important;
    box-shadow: 0 30px 90px rgba(0, 0, 0, 0.1), 0 26px 90px rgba(229, 38, 41, 0.08) !important;
  }

  html[data-theme="dark"] body#top :is(.bento-card, .card, .svc-card, .doc-card, .docs-card, .faq-card, .rq-card, .panel-card, .ops-card, .why-card, .wh-card, .fleet-card, .cargo-card, .price-card, .price-factor, .fact, .stat-card, .logo-tile, .process-step):hover {
    border-color: rgba(229, 38, 41, 0.36) !important;
    box-shadow: 0 24px 62px rgba(0, 0, 0, 0.48), 0 0 0 1px rgba(229, 38, 41, 0.22) inset !important;
  }

  /* Index / Services section: keep glow-under-cursor but remove oversized hover shadows */
  body#top.index-page #services .bento-card:hover {
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08) !important;
    border-color: rgba(229, 38, 41, 0.2) !important;
  }
  html[data-theme="dark"] body#top.index-page #services .bento-card:hover {
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.42) !important;
    border-color: rgba(229, 38, 41, 0.34) !important;
  }

  /* Cursor glow like in "Наши услуги" for other cards */
  body#top :is(.card, .svc-card, .doc-card, .docs-card, .faq-card, .rq-card, .panel-card, .ops-card, .why-card, .wh-card, .fleet-card, .cargo-card, .price-card, .price-factor, .fact, .stat-card, .logo-tile, .process-step) {
    position: relative;
    overflow: hidden;
  }
  body#top :is(.card, .svc-card, .doc-card, .docs-card, .faq-card, .rq-card, .panel-card, .ops-card, .why-card, .wh-card, .fleet-card, .cargo-card, .price-card, .price-factor, .fact, .stat-card, .logo-tile, .process-step)::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(130px 130px at var(--mx, 50%) var(--my, 20%), rgba(255, 255, 255, 0.78), rgba(255, 255, 255, 0) 62%);
    opacity: 0;
    transition: opacity .22s ease;
    pointer-events: none;
  }
  body#top :is(.card, .svc-card, .doc-card, .docs-card, .faq-card, .rq-card, .panel-card, .ops-card, .why-card, .wh-card, .fleet-card, .cargo-card, .price-card, .price-factor, .fact, .stat-card, .logo-tile, .process-step):hover::before {
    opacity: .48;
  }
  html[data-theme="dark"] body#top :is(.card, .svc-card, .doc-card, .docs-card, .faq-card, .rq-card, .panel-card, .ops-card, .why-card, .wh-card, .fleet-card, .cargo-card, .price-card, .price-factor, .fact, .stat-card, .logo-tile, .process-step)::before {
    background: radial-gradient(130px 130px at var(--mx, 50%) var(--my, 20%), rgba(229, 38, 41, 0.26), rgba(229, 38, 41, 0) 64%);
  }
}

/* Micro interactions for buttons that lacked feedback */
body#top :is(.btn-primary, .btn-outline, .p-btn-primary, .p-btn-secondary, .btn, button[type="button"], button[type="submit"], .etl-cookie__btn, .etl-promo__btn, .fab-top) {
  transition: transform .16s ease, box-shadow .2s ease, filter .2s ease, background-color .2s ease, border-color .2s ease, color .2s ease !important;
}
@media (hover: hover) and (pointer: fine) {
  body#top :is(.btn-primary, .btn-outline, .p-btn-primary, .p-btn-secondary, .btn, button[type="button"], button[type="submit"], .etl-cookie__btn, .etl-promo__btn, .fab-top):hover {
    transform: translateY(-1px);
    filter: brightness(1.02);
  }
}
body#top :is(.btn-primary, .btn-outline, .p-btn-primary, .p-btn-secondary, .btn, button[type="button"], button[type="submit"], .etl-cookie__btn, .etl-promo__btn, .fab-top):active {
  transform: translateY(0) scale(.985);
}

/* Index calculator polish: cleaner layout, no overlaps, better readability */
body#top:is(.index-page,.calculator-page) #calculator {
  padding-block: 44px 84px;
}
body#top:is(.index-page,.calculator-page) #calculator .calc-head :is(h1, h2) {
  font-size: clamp(30px, 3.2vw, 42px);
  line-height: 1.06;
  letter-spacing: -0.02em;
}
body#top:is(.index-page,.calculator-page) #calculator .calc-head p {
  max-width: 72ch;
  color: rgba(29, 29, 27, 0.68);
}
body#top:is(.index-page,.calculator-page) #calculator .calc-grid {
  gap: 16px;
  align-items: stretch;
}
body#top:is(.index-page,.calculator-page) #calculator .calc-grid > * {
  min-width: 0;
}
body#top:is(.index-page,.calculator-page) #calculator .card {
  padding: 18px;
  border-radius: 18px;
  border: 1px solid rgba(13, 24, 42, 0.08);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 253, 0.96));
  box-shadow: 0 18px 42px rgba(12, 18, 30, 0.08);
}
body#top:is(.index-page,.calculator-page) #calculator .calc-section-title {
  margin-bottom: 9px;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(40, 47, 57, 0.82);
}
body#top:is(.index-page,.calculator-page) #calculator .calc-label-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
body#top:is(.index-page,.calculator-page) #calculator .route-row {
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: end;
  margin-bottom: 12px;
}
body#top:is(.index-page,.calculator-page) #calculator .field-swap {
  align-self: end;
  display: flex;
  justify-content: center;
}
body#top:is(.index-page,.calculator-page) #calculator .calc-route-swap {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  padding: 0;
  font-size: 19px;
  font-weight: 800;
  line-height: 1;
  color: rgba(32, 39, 49, 0.82);
}
body#top:is(.index-page,.calculator-page) #calculator .calc-helper {
  margin-top: 8px;
  margin-bottom: 8px;
  font-size: 12px;
  line-height: 1.35;
  color: rgba(64, 71, 81, 0.66);
}
body#top:is(.index-page,.calculator-page) #calculator .calc-spacer {
  height: 10px;
}
body#top:is(.index-page,.calculator-page) #calculator .field .calc-exped-inline {
  margin-bottom: 4px;
}
body#top:is(.index-page,.calculator-page) #calculator .inp {
  min-height: 46px;
  font-size: 14px;
}
body#top:is(.index-page,.calculator-page) #calculator .checks {
  margin-top: 8px;
}
body#top:is(.index-page,.calculator-page) #calculator .chk {
  border-radius: 12px;
  border-color: rgba(13, 24, 42, 0.08);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(244, 247, 251, 0.86));
}
body#top:is(.index-page,.calculator-page) #calculator .chk small {
  line-height: 1.3;
}
body#top:is(.index-page,.calculator-page) #calculator .btn-row {
  margin-top: 14px;
  gap: 10px;
}
body#top:is(.index-page,.calculator-page) #calculator .btn-row > :is(a, button) {
  min-height: 44px;
}
body#top:is(.index-page,.calculator-page) #calculator .res-top {
  margin-bottom: 10px;
}
body#top:is(.index-page,.calculator-page) #calculator .price {
  letter-spacing: -0.018em;
}
body#top:is(.index-page,.calculator-page) #calculator .calc-result-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
}
body#top:is(.index-page,.calculator-page) #calculator .calc-result-badge {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  max-width: 100%;
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid rgba(13, 24, 42, 0.1);
  background: rgba(251, 252, 255, 0.86);
  color: rgba(45, 52, 62, 0.76);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body#top:is(.index-page,.calculator-page) #calculator .line {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 10px;
}
body#top:is(.index-page,.calculator-page) #calculator .line-main {
  min-width: 0;
}
body#top:is(.index-page,.calculator-page) #calculator .line-title {
  display: block;
  color: rgba(30, 35, 45, 0.9);
  font-weight: 800;
  line-height: 1.22;
}
body#top:is(.index-page,.calculator-page) #calculator .line-meta {
  display: block;
  margin-top: 4px;
  color: rgba(77, 86, 98, 0.72);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.25;
  overflow-wrap: anywhere;
}
body#top:is(.index-page,.calculator-page) #calculator .line-value {
  white-space: nowrap;
  align-self: center;
}
body#top:is(.index-page,.calculator-page) #calculator .hint {
  line-height: 1.45;
}

html[data-theme="dark"] body#top:is(.index-page,.calculator-page) #calculator .calc-head p {
  color: rgba(203, 217, 238, 0.82);
}
html[data-theme="dark"] body#top:is(.index-page,.calculator-page) #calculator .card {
  border-color: rgba(255, 255, 255, 0.13);
  background: linear-gradient(180deg, rgba(10, 20, 35, 0.94), rgba(8, 16, 29, 0.96));
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.44);
}
html[data-theme="dark"] body#top:is(.index-page,.calculator-page) #calculator .calc-section-title {
  color: rgba(221, 232, 249, 0.92);
}
html[data-theme="dark"] body#top:is(.index-page,.calculator-page) #calculator .calc-route-swap {
  color: rgba(240, 240, 240, 0.88);
}
html[data-theme="dark"] body#top:is(.index-page,.calculator-page) #calculator .calc-helper {
  color: rgba(190, 206, 232, 0.78);
}
html[data-theme="dark"] body#top:is(.index-page,.calculator-page) #calculator .chk {
  border-color: rgba(255, 255, 255, 0.13);
  background: linear-gradient(180deg, rgba(12, 22, 36, 0.74), rgba(9, 18, 31, 0.76));
}
html[data-theme="dark"] body#top:is(.index-page,.calculator-page) #calculator .calc-result-badge {
  border-color: rgba(255, 255, 255, 0.16);
  background: rgba(15, 26, 42, 0.78);
  color: rgba(222, 234, 252, 0.88);
}
html[data-theme="dark"] body#top:is(.index-page,.calculator-page) #calculator .line-title {
  color: rgba(236, 244, 255, 0.95);
}
html[data-theme="dark"] body#top:is(.index-page,.calculator-page) #calculator .line-meta {
  color: rgba(181, 199, 229, 0.76);
}

@media (max-width: 980px) {
  body#top:is(.index-page,.calculator-page) #calculator {
    padding-block: 30px 68px;
  }
  body#top:is(.index-page,.calculator-page) #calculator .route-row {
    grid-template-columns: 1fr;
  }
  body#top:is(.index-page,.calculator-page) #calculator .field-swap {
    justify-content: flex-start;
  }
  body#top:is(.index-page,.calculator-page) #calculator .f-row3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body#top:is(.index-page,.calculator-page) #calculator .chk--wide {
    grid-column: 1 / -1;
  }
  body#top:is(.index-page,.calculator-page) #calculator .btn-row > :is(a, button) {
    flex: 1 1 calc(50% - 5px);
  }
}
@media (max-width: 640px) {
  body#top:is(.index-page,.calculator-page) #calculator .calc-head :is(h1, h2) {
    font-size: clamp(28px, 8vw, 34px);
  }
  body#top:is(.index-page,.calculator-page) #calculator .f-row3 {
    grid-template-columns: 1fr;
  }
  body#top:is(.index-page,.calculator-page) #calculator .btn-row > :is(a, button) {
    flex: 1 1 100%;
  }
  body#top:is(.index-page,.calculator-page) #calculator .line {
    grid-template-columns: 1fr;
    gap: 6px;
  }
  body#top:is(.index-page,.calculator-page) #calculator .line-value {
    justify-self: start;
  }
}

/* DT620_UNIFIED_PAGE_SURFACE
   User request: single white surface in light theme on every page,
   and full dark surface without white strips in dark theme.
*/
html:not([data-theme="dark"]) body#top {
  background: #ffffff !important;
}
html:not([data-theme="dark"]) body#top :is(
  main,
  .page,
  section,
  .section,
  .section-light,
  .section-muted,
  .hero-section,
  .svc-hero,
  .services-hero,
  .page-head,
  .calc-wrap,
  .stats-section,
  .process-section,
  .trust-section,
  .rules-section,
  .faq-section
) {
  background-color: #ffffff !important;
}
html:not([data-theme="dark"]) body#top :is(.hero-section, .svc-hero, .services-hero, .page-head) {
  background-image: none !important;
}

html[data-theme="dark"] body#top {
  background: #080808 !important;
}
html[data-theme="dark"] body#top :is(
  main,
  .page,
  section,
  .section,
  .section-light,
  .section-muted,
  .hero-section,
  .svc-hero,
  .services-hero,
  .page-head,
  .calc-wrap,
  .stats-section,
  .process-section,
  .trust-section,
  .rules-section,
  .faq-section
) {
  background: #080808 !important;
  color: #efefef !important;
}
html[data-theme="dark"] body#top :is(.hero-section, .svc-hero, .services-hero, .page-head) {
  background-image: none !important;
}
html[data-theme="dark"] body#top .svc-hero::before,
html[data-theme="dark"] body#top .svc-hero::after,
html[data-theme="dark"] body#top .hero-section::before,
html[data-theme="dark"] body#top .hero-section::after {
  opacity: 0 !important;
}

/* fix mobile bottom bar staying light in dark theme */
html[data-theme="dark"] body#top #m-bottom-nav.m-bottom-nav {
  border-color: rgba(255,255,255,.12) !important;
  background: linear-gradient(180deg, rgba(14,14,14,.98), rgba(8,8,8,.98)) !important;
}
html[data-theme="dark"] body#top #m-bottom-nav .m-bottom-nav__link {
  color: rgba(239,239,239,.9) !important;
}

/* DT621_DARK_SURFACE_AND_HERO_TRUCK_FIX
   - remove white side columns in dark theme on pages without body#top
   - keep truck visible in dark hero/service hero
*/
html[data-theme="dark"] {
  background: #080808 !important;
}
html[data-theme="dark"] body {
  background: #080808 !important;
  color: #efefef !important;
}
html[data-theme="dark"] body :is(main, .page, section, .section, .section-light, .section-muted, .services-hero, .process-section, .trust-section, .stats-section, .calc-wrap) {
  background-color: #080808 !important;
}

/* ensure no light gutters appear from root canvas during scroll */
html[data-theme="dark"], html[data-theme="dark"] body {
  overflow-x: hidden !important;
}

/* keep truck/watermark visible in dark mode */
html[data-theme="dark"] body .svc-hero::after {
  opacity: 0.14 !important;
}
html[data-theme="dark"] body#top .svc-hero::after {
  opacity: 0.14 !important;
}
html[data-theme="dark"] body :is(.hero-visual, .hero-media, .hero-truck, .container-img),
html[data-theme="dark"] body :is(.hero-visual img, .hero-media img, .hero-truck img, .container-img, img.hero-truck) {
  visibility: visible !important;
  opacity: 1 !important;
  filter: none !important;
}


/* Back to top (Uiverse adapted, ETL colors) */
.etl-cab-fab {
  position: fixed;
  right: 26px;
  top: 84px;
  bottom: auto;
  z-index: 9550;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  width: 46px;
  height: 46px;
  border: none;
  border-radius: 999px;
  cursor: pointer;
  overflow: hidden;
  text-decoration: none;
  transition: width 0.3s ease, border-radius 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
  background: linear-gradient(180deg, #ff4a4a, #e52629);
}
.etl-cab-fab__sign {
  width: 100%;
  height: 100%;
  transition: width 0.3s ease, padding 0.3s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.etl-cab-fab__sign svg {
  width: 16px;
  height: 16px;
}
.etl-cab-fab__sign svg path {
  fill: #fff;
}
.etl-cab-fab__text {
  position: absolute;
  right: 0;
  width: 0;
  opacity: 0;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
  transition: opacity 0.3s ease, width 0.3s ease, padding 0.3s ease;
}
.etl-cab-fab:hover {
  width: 198px;
  border-radius: 40px;
  box-shadow: 0 10px 28px rgba(229, 38, 41, 0.34);
}
.etl-cab-fab:hover .etl-cab-fab__sign {
  width: 28%;
  padding-left: 14px;
}
.etl-cab-fab:hover .etl-cab-fab__text {
  opacity: 1;
  width: 72%;
  padding-right: 14px;
}
.etl-cab-fab:active {
  transform: translate(1px, 1px);
}
.etl-cab-fab:focus-visible {
  outline: none;
  box-shadow:
    0 0 0 3px rgba(229, 38, 41, 0.16),
    0 10px 28px rgba(229, 38, 41, 0.34);
}

/* Quick actions rail (desktop/tablet) */
.etl-quick-rail {
  position: fixed;
  top: 50%;
  right: 16px;
  left: auto;
  transform: translateY(-50%);
  z-index: 9540;
  transition: transform 0.34s cubic-bezier(.2,.8,.2,1);
}
.etl-quick-rail.is-collapsed {
  transform: translate(calc(100% + 14px), -50%);
}
.etl-quick-rail__panel {
  min-width: 196px;
  display: grid;
  gap: 10px;
  padding: 12px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background:
    radial-gradient(260px 120px at 100% 0, rgba(229, 38, 41, 0.22), rgba(229, 38, 41, 0)),
    linear-gradient(180deg, rgba(9, 15, 24, 0.82), rgba(7, 12, 21, 0.78));
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.08) inset,
    0 18px 40px rgba(2, 8, 16, 0.44);
  backdrop-filter: blur(14px) saturate(1.14);
  -webkit-backdrop-filter: blur(14px) saturate(1.14);
}
.etl-quick-rail__toggle {
  position: absolute;
  left: -44px;
  right: auto;
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
  height: 86px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-right: none;
  border-radius: 16px 0 0 16px;
  background: linear-gradient(180deg, rgba(11, 17, 28, 0.84), rgba(9, 14, 24, 0.8));
  color: rgba(255, 232, 232, 0.96);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow:
    -6px 10px 20px rgba(2, 8, 16, 0.42),
    inset 0 0 0 1px rgba(255, 255, 255, 0.08);
  transition: border-color .22s ease, box-shadow .22s ease, background-color .22s ease;
  overflow: visible;
}
.etl-quick-rail__toggle:hover,
.etl-quick-rail__toggle:active,
.etl-quick-rail__toggle:focus,
.etl-quick-rail__toggle:focus-visible {
  transform: translateY(-50%) !important;
  border-color: rgba(229, 38, 41, 0.42);
  box-shadow:
    -8px 12px 24px rgba(2, 8, 16, 0.46),
    inset 0 0 0 1px rgba(229, 38, 41, 0.26);
}
.etl-quick-rail__chevron {
  width: 22px;
  height: 22px;
  display: inline-block;
  color: rgba(255, 236, 236, 0.98);
  transform-origin: center;
}
.etl-quick-rail__chevron svg {
  width: 22px;
  height: 22px;
  display: block;
}
.etl-quick-rail__chevron path {
  stroke: currentColor;
  fill: none;
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.etl-quick-rail.is-collapsed .etl-quick-rail__chevron {
  transform: rotate(0deg);
  animation: etlChevronWave 1.35s ease-in-out infinite;
}
.etl-quick-rail:not(.is-collapsed) .etl-quick-rail__chevron {
  transform: rotate(180deg);
  animation: none;
}
.etl-quick-rail.is-collapsed .etl-quick-rail__panel {
  box-shadow: none;
}
.etl-quick-rail__link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex-direction: row;
  justify-content: flex-start;
  min-height: 42px;
  padding: 0 11px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.07);
  color: rgba(243, 248, 255, 0.96);
  text-decoration: none;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  text-align: left;
  transition: background-color .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.etl-quick-rail__link span {
  flex: 1 1 auto;
  text-align: left;
}
.etl-quick-rail__link:hover {
  border-color: rgba(229, 38, 41, 0.44);
  background: rgba(229, 38, 41, 0.18);
  color: #fff;
  transform: translateX(-2px);
  box-shadow: 0 8px 16px rgba(2, 8, 16, 0.28);
}
.etl-quick-rail__link i {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 1px solid rgba(229, 38, 41, 0.46);
  background:
    radial-gradient(130% 130% at 28% 22%, rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0)),
    linear-gradient(180deg, rgba(255, 118, 118, 0.44), rgba(229, 38, 41, 0.26));
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 13px;
  font-weight: 700;
  font-style: normal;
  color: #fff;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.64),
    0 4px 12px rgba(142, 20, 24, 0.34);
}
.etl-quick-rail__icon {
  width: 15px;
  height: 15px;
  display: block;
  filter: drop-shadow(0 1px 0 rgba(255, 255, 255, 0.45));
}
.etl-quick-rail__icon path,
.etl-quick-rail__icon circle,
.etl-quick-rail__icon rect,
.etl-quick-rail__icon polyline {
  stroke: currentColor;
  fill: none;
  stroke-width: 2.05;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.etl-quick-rail__link--primary {
  border-color: rgba(229, 38, 41, 0.52);
  background: linear-gradient(180deg, rgba(255, 84, 84, 0.92), rgba(229, 38, 41, 0.9));
  color: #fff;
  box-shadow: 0 10px 22px rgba(142, 20, 24, 0.38);
}
.etl-quick-rail__link--primary i {
  border-color: rgba(255, 255, 255, 0.44);
  background:
    radial-gradient(130% 130% at 28% 22%, rgba(255, 255, 255, 0.52), rgba(255, 255, 255, 0)),
    rgba(255, 255, 255, 0.16);
  color: #fff;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.65),
    0 5px 14px rgba(142, 20, 24, 0.34);
}
.etl-quick-rail__link--primary:hover {
  color: #fff;
  border-color: rgba(229, 38, 41, 0.64);
  background: linear-gradient(180deg, rgba(255, 98, 98, 0.95), rgba(221, 30, 33, 0.93));
}
.etl-quick-rail:not(.is-collapsed) .etl-quick-rail__link {
  animation: etlQuickLinkIn .36s ease both;
}
.etl-quick-rail:not(.is-collapsed) .etl-quick-rail__link:nth-child(2) { animation-delay: .04s; }
.etl-quick-rail:not(.is-collapsed) .etl-quick-rail__link:nth-child(3) { animation-delay: .08s; }
.etl-quick-rail:not(.is-collapsed) .etl-quick-rail__link:nth-child(4) { animation-delay: .12s; }

.etl-uibtt {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: rgb(20, 20, 20);
  border: none;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 0px 0px 4px rgba(196, 0, 0, 0.22);
  cursor: pointer;
  transition-duration: 0.3s;
  overflow: hidden;
  position: fixed;
  right: 26px;
  bottom: 26px;
  z-index: 9600;
  opacity: 0;
  visibility: hidden;
  transform: translateY(16px);
  pointer-events: none;
}

.etl-uibtt.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
  display: flex !important;
}

.etl-uibtt__icon {
  font-size: 14px;
  color: white;
  transition-duration: 0.3s;
  line-height: 1;
}

.etl-uibtt:hover {
  width: 140px;
  border-radius: 50px;
  transition-duration: 0.3s;
  background-color: rgb(196, 0, 0);
  align-items: center;
}

.etl-uibtt:hover .etl-uibtt__icon {
  transition-duration: 0.3s;
  transform: translateY(-200%);
}

.etl-uibtt::before {
  position: absolute;
  bottom: -20px;
  content: "Наверх";
  color: white;
  font-size: 0px;
}

.etl-uibtt:hover::before {
  font-size: 13px;
  opacity: 1;
  bottom: unset;
  transition-duration: 0.3s;
}

@media (max-width: 768px) {
  .etl-cab-fab {
    display: none !important;
  }
  .etl-quick-rail {
    display: none !important;
  }
  .etl-uibtt {
    right: 14px;
    bottom: calc(68px + env(safe-area-inset-bottom, 0px));
    width: 46px;
    height: 46px;
  }
}

@media (min-width: 1100px) and (max-width: 1360px) {
  .etl-cab-fab {
    top: 78px;
    right: 16px;
  }
}

@media (max-width: 1099px) {
  .etl-cab-fab {
    display: none !important;
  }
  .etl-quick-rail {
    display: none !important;
  }
}

html[data-theme="dark"] .etl-uibtt {
  background: linear-gradient(180deg, #1a1a1a, #111111);
  border: 1px solid rgba(229, 38, 41, 0.45);
  box-shadow:
    0 0 0 1px rgba(229, 38, 41, 0.32),
    0 12px 28px rgba(0, 0, 0, 0.45);
}

html[data-theme="dark"] .etl-cab-fab {
  background: linear-gradient(180deg, #e63838, #ba171a);
  box-shadow:
    0 0 0 1px rgba(229, 38, 41, 0.28),
    2px 2px 12px rgba(0, 0, 0, 0.5);
}
html[data-theme="dark"] .etl-cab-fab:hover {
  box-shadow:
    0 0 0 1px rgba(229, 38, 41, 0.36),
    0 12px 30px rgba(0, 0, 0, 0.6);
}
html[data-theme="dark"] .etl-quick-rail__panel {
  border-color: rgba(255, 255, 255, 0.35);
  background:
    radial-gradient(260px 120px at 100% 0, rgba(255, 120, 120, 0.22), rgba(255, 120, 120, 0)),
    linear-gradient(180deg, rgba(15, 23, 36, 0.4), rgba(11, 18, 29, 0.28));
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.16) inset,
    0 20px 34px rgba(0, 0, 0, 0.34);
}
html[data-theme="dark"] .etl-quick-rail__toggle {
  border-color: rgba(255, 255, 255, 0.34);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0.1));
  color: rgba(255, 255, 255, 0.95);
}
html[data-theme="dark"] .etl-quick-rail__link {
  border-color: rgba(255, 255, 255, 0.34);
  background: rgba(255, 255, 255, 0.12);
  color: rgba(246, 250, 255, 0.98);
}
html[data-theme="dark"] .etl-quick-rail__link:hover {
  border-color: rgba(255, 255, 255, 0.5);
  background: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 1);
}
html[data-theme="dark"] .etl-quick-rail__link i {
  border-color: rgba(255, 255, 255, 0.5);
  background:
    radial-gradient(130% 130% at 28% 22%, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0)),
    linear-gradient(180deg, rgba(255, 255, 255, 0.28), rgba(255, 255, 255, 0.12));
  color: rgba(255, 255, 255, 0.96);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.36),
    0 6px 16px rgba(0, 0, 0, 0.34);
}

body.etl-calc-overlay-open {
  overflow: hidden !important;
}

.etl-calc-overlay {
  position: fixed;
  inset: 0;
  z-index: 12050;
  display: none;
}

.etl-calc-overlay.is-open {
  display: block;
}

.etl-calc-overlay__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(6, 10, 18, 0.52);
  backdrop-filter: blur(8px) saturate(1.03);
  -webkit-backdrop-filter: blur(8px) saturate(1.03);
}

.etl-calc-overlay__dialog {
  --etl-overlay-w: min(980px, 94vw);
  --etl-overlay-h: min(640px, 84vh);
  position: absolute;
  left: 50%;
  top: 50%;
  width: var(--etl-overlay-w);
  height: var(--etl-overlay-h);
  transform: translate(-50%, -50%);
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.24);
  box-shadow:
    0 26px 70px rgba(3, 8, 16, 0.48),
    0 0 0 1px rgba(255, 255, 255, 0.14) inset;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.84), rgba(242, 246, 251, 0.8));
  animation: etlCalcOverlayIn .26s cubic-bezier(.2,.8,.2,1) both;
}

.etl-calc-overlay__close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 999px;
  background: rgba(8, 14, 24, 0.74);
  color: #fff;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
  z-index: 2;
  transition: background-color .2s ease, transform .2s ease;
}

.etl-calc-overlay__close:hover {
  background: rgba(229, 38, 41, 0.92);
  transform: scale(1.05);
}

.etl-calc-overlay__frame {
  width: 100%;
  height: 100%;
  border: 0;
  background: #f6f8fb;
}

body.etl-embed-mode header,
body.etl-embed-mode footer,
body.etl-embed-mode .etl-breadcrumb-wrap,
body.etl-embed-mode #etl-cab-fab,
body.etl-embed-mode #etl-quick-rail,
body.etl-embed-mode #etlBtt,
body.etl-embed-mode .etl-admin-link,
body.etl-embed-mode #m-bottom-nav {
  display: none !important;
}

body.etl-embed-mode {
  background: #f4f6fa !important;
}

#etl-quick-rail {
  display: none !important;
}

body.etl-embed-mode main {
  margin-top: 0 !important;
  padding-top: 16px !important;
}

@keyframes etlCalcOverlayIn {
  from {
    opacity: 0;
    transform: translate(-50%, calc(-50% + 8px)) scale(0.985);
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}

@media (max-width: 992px) {
  .etl-calc-overlay__dialog {
    width: min(96vw, 920px);
    height: min(var(--etl-overlay-h), 90vh);
    border-radius: 14px;
  }
}

@keyframes etlQuickLinkIn {
  0% {
    opacity: 0;
    transform: translateX(8px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes etlChevronWave {
  0% {
    transform: rotate(0deg) translateX(0);
    opacity: .86;
  }
  40% {
    transform: rotate(0deg) translateX(2px);
    opacity: 1;
  }
  100% {
    transform: rotate(0deg) translateX(0);
    opacity: .86;
  }
}


html[data-theme="dark"] .etl-uibtt.is-visible {
  opacity: 1 !important;
  visibility: visible !important;
  display: flex !important;
  pointer-events: auto !important;
}

html[data-theme="dark"] .etl-uibtt::before {
  color: #ffffff;
}

/* Unified FAQ style for all internal pages except dedicated faq.html */
body#top:not(.faq-page) :is(.svc-faq, .cargo-faq, .cp-faq) {
  margin-top: 12px;
  display: grid;
  gap: 10px;
}
body#top:not(.faq-page) :is(.svc-faq, .cargo-faq, .cp-faq) details {
  border: 1px solid rgba(17, 24, 39, 0.1);
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(249, 251, 255, 0.96));
  box-shadow: 0 8px 20px rgba(11, 18, 30, 0.06);
  overflow: hidden;
  padding: 0;
}
body#top:not(.faq-page) :is(.svc-faq, .cargo-faq, .cp-faq) details[open] {
  border-color: rgba(229, 38, 41, 0.34);
  box-shadow:
    inset 0 0 0 1px rgba(229, 38, 41, 0.12),
    0 10px 24px rgba(11, 18, 30, 0.08);
}
body#top:not(.faq-page) :is(.svc-faq, .cargo-faq, .cp-faq) summary {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  cursor: pointer;
  padding: 14px 16px;
  font-weight: 700;
  line-height: 1.44;
  color: rgba(16, 24, 38, 0.94);
}
body#top:not(.faq-page) :is(.svc-faq, .cargo-faq, .cp-faq) summary::-webkit-details-marker {
  display: none;
}
body#top:not(.faq-page) :is(.svc-faq, .cargo-faq, .cp-faq) summary::after {
  content: "+";
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 1px solid rgba(17, 24, 39, 0.2);
  color: rgba(17, 24, 39, 0.78);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  font-size: 15px;
  line-height: 1;
}
body#top:not(.faq-page) :is(.svc-faq, .cargo-faq, .cp-faq) details[open] summary {
  border-bottom: 1px solid rgba(17, 24, 39, 0.09);
  background: rgba(229, 38, 41, 0.04);
}
body#top:not(.faq-page) :is(.svc-faq, .cargo-faq, .cp-faq) details[open] summary::after {
  content: "−";
  color: #e52629;
  border-color: rgba(229, 38, 41, 0.44);
}
body#top:not(.faq-page) :is(.svc-faq-body, .cargo-faq-body) {
  padding: 12px 16px 16px;
  color: rgba(17, 24, 39, 0.76);
  line-height: 1.6;
}
body#top:not(.faq-page) .cp-faq p {
  margin: 0;
  padding: 12px 16px 16px;
  color: rgba(17, 24, 39, 0.76);
  line-height: 1.6;
}
@media (max-width: 768px) {
  body#top:not(.faq-page) :is(.svc-faq, .cargo-faq, .cp-faq) summary {
    padding: 12px 14px;
  }
  body#top:not(.faq-page) :is(.svc-faq-body, .cargo-faq-body),
  body#top:not(.faq-page) .cp-faq p {
    padding: 10px 14px 14px;
  }
}
html[data-theme="dark"] body#top:not(.faq-page) :is(.svc-faq, .cargo-faq, .cp-faq) details {
  border-color: rgba(237, 242, 255, 0.18);
  background: linear-gradient(180deg, rgba(15, 23, 36, 0.96), rgba(11, 18, 29, 0.95));
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.35);
}
html[data-theme="dark"] body#top:not(.faq-page) :is(.svc-faq, .cargo-faq, .cp-faq) details[open] {
  border-color: rgba(229, 38, 41, 0.42);
  box-shadow:
    inset 0 0 0 1px rgba(229, 38, 41, 0.16),
    0 14px 32px rgba(0, 0, 0, 0.42);
}
html[data-theme="dark"] body#top:not(.faq-page) :is(.svc-faq, .cargo-faq, .cp-faq) summary {
  color: rgba(243, 248, 255, 0.96);
}
html[data-theme="dark"] body#top:not(.faq-page) :is(.svc-faq, .cargo-faq, .cp-faq) summary::after {
  border-color: rgba(237, 242, 255, 0.28);
  color: rgba(233, 241, 255, 0.84);
}
html[data-theme="dark"] body#top:not(.faq-page) :is(.svc-faq, .cargo-faq, .cp-faq) details[open] summary {
  border-bottom-color: rgba(237, 242, 255, 0.16);
  background: rgba(229, 38, 41, 0.12);
}
html[data-theme="dark"] body#top:not(.faq-page) :is(.svc-faq-body, .cargo-faq-body),
html[data-theme="dark"] body#top:not(.faq-page) .cp-faq p {
  color: rgba(221, 230, 246, 0.86);
}

/* Premium custom scrollbar */
html {
  scrollbar-width: thin;
  scrollbar-color: rgba(88, 100, 122, 0.92) rgba(12, 18, 30, 0.22);
}
html::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
html::-webkit-scrollbar-track {
  background:
    linear-gradient(180deg, rgba(241, 245, 252, 0.94), rgba(227, 234, 244, 0.88));
  border-left: 1px solid rgba(13, 21, 35, 0.16);
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.7),
    inset 0 8px 16px rgba(255, 255, 255, 0.24);
}
html::-webkit-scrollbar-thumb {
  background:
    linear-gradient(180deg, rgba(126, 137, 159, 0.98), rgba(66, 76, 95, 0.96));
  border: 2px solid rgba(255, 255, 255, 0.94);
  border-radius: 999px;
  box-shadow:
    inset 0 1px 1px rgba(255, 255, 255, 0.45),
    inset 0 0 0 1px rgba(20, 28, 42, 0.28),
    0 4px 12px rgba(23, 31, 46, 0.3);
}
html::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, rgba(146, 158, 181, 1), rgba(78, 89, 110, 0.98));
}
html::-webkit-scrollbar-thumb:active {
  background: linear-gradient(180deg, rgba(106, 117, 139, 1), rgba(57, 67, 85, 0.99));
}
html[data-theme="dark"] {
  scrollbar-color: rgba(136, 147, 170, 0.9) rgba(5, 10, 18, 0.95);
}
html[data-theme="dark"]::-webkit-scrollbar-track {
  background:
    linear-gradient(180deg, rgba(9, 15, 25, 0.99), rgba(14, 22, 36, 0.97));
  border-left: 1px solid rgba(237, 242, 255, 0.16);
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.05),
    inset 0 8px 18px rgba(255, 255, 255, 0.03);
}
html[data-theme="dark"]::-webkit-scrollbar-thumb {
  background:
    linear-gradient(180deg, rgba(150, 161, 186, 0.95), rgba(89, 99, 121, 0.93));
  border-color: rgba(8, 14, 24, 0.92);
  box-shadow:
    inset 0 1px 1px rgba(255, 255, 255, 0.22),
    inset 0 0 0 1px rgba(13, 21, 35, 0.56),
    0 4px 12px rgba(0, 0, 0, 0.45);
}

/* Cabinet quick auth popup (Uiverse style adapted) */
body.etl-cab-popup-open {
  overflow: hidden !important;
}

body.etl-cab-popup-open > *:not(#etl-cab-popup) {
  filter: blur(5px) saturate(0.96);
  opacity: 0.985;
  transition: filter 0.26s ease, opacity 0.26s ease;
}

.etl-cab-popup {
  --etl-cab-card-bg: linear-gradient(180deg, #171717 0%, #101114 100%);
  --etl-cab-card-border: rgba(229, 38, 41, 0.24);
  --etl-cab-card-shadow: 0 20px 50px rgba(0, 0, 0, 0.46);
  --etl-cab-text: #ffffff;
  --etl-cab-subtext: rgba(229, 234, 242, 0.72);
  --etl-cab-field-bg: #171717;
  --etl-cab-field-shadow: inset 2px 5px 10px rgba(5, 5, 5, 0.88);
  --etl-cab-input: #f2f4f8;
  --etl-cab-placeholder: rgba(214, 220, 230, 0.64);
  --etl-cab-input-border: rgba(196, 200, 210, 0.56);
  --etl-cab-input-focus: rgba(150, 150, 200, 0.95);
  --etl-cab-label: rgba(160, 170, 188, 0.84);
  --etl-cab-label-bg: #141519;
  --etl-cab-close-bg: rgba(255, 255, 255, 0.08);
  --etl-cab-close-fg: #ffffff;
  --etl-cab-btn-bg: #252525;
  --etl-cab-btn-bg-hover: #111111;
  --etl-cab-btn-fg: #ffffff;
  position: fixed;
  inset: 0;
  z-index: 12000;
  display: grid;
  place-items: center;
  padding: clamp(16px, 3vw, 24px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.24s ease, visibility 0.24s ease;
  background: transparent !important;
  isolation: isolate;
}

html[data-theme="dark"] .etl-cab-popup {
  --etl-cab-card-bg: linear-gradient(180deg, #ffffff 0%, #f5f7fb 100%);
  --etl-cab-card-border: rgba(18, 24, 36, 0.14);
  --etl-cab-card-shadow: 0 24px 58px rgba(0, 0, 0, 0.52);
  --etl-cab-text: #161b26;
  --etl-cab-subtext: rgba(38, 49, 68, 0.76);
  --etl-cab-field-bg: #ffffff;
  --etl-cab-field-shadow: inset 0 0 0 1px rgba(31, 40, 58, 0.16), inset 1px 2px 5px rgba(12, 16, 24, 0.08);
  --etl-cab-input: #161b26;
  --etl-cab-placeholder: rgba(74, 86, 108, 0.64);
  --etl-cab-input-border: rgba(120, 132, 154, 0.46);
  --etl-cab-input-focus: rgba(229, 38, 41, 0.9);
  --etl-cab-label: rgba(76, 88, 108, 0.9);
  --etl-cab-label-bg: #ffffff;
  --etl-cab-close-bg: rgba(16, 21, 31, 0.08);
  --etl-cab-close-fg: #1b2436;
  --etl-cab-btn-bg: #1b2436;
  --etl-cab-btn-bg-hover: #101724;
  --etl-cab-btn-fg: #ffffff;
}

html[data-theme="dark"] body .etl-cab-popup,
html[data-theme="dark"] body#top .etl-cab-popup,
body .etl-cab-popup {
  background: transparent !important;
}

.etl-cab-popup.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.etl-cab-popup__backdrop {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(1200px 500px at 85% -10%, rgba(229, 38, 41, 0.13), rgba(229, 38, 41, 0) 62%),
    linear-gradient(180deg, rgba(246, 247, 250, 0.22) 0%, rgba(237, 240, 246, 0.22) 100%);
  backdrop-filter: blur(14px) saturate(1.02);
  -webkit-backdrop-filter: blur(14px) saturate(1.02);
}

html[data-theme="dark"] .etl-cab-popup__backdrop {
  background:
    radial-gradient(1200px 500px at 85% -10%, rgba(229, 38, 41, 0.2), rgba(229, 38, 41, 0) 62%),
    linear-gradient(180deg, rgba(6, 9, 15, 0.22) 0%, rgba(11, 17, 27, 0.22) 100%);
}

.etl-cab-popup__dialog {
  position: relative;
  z-index: 1;
  width: min(420px, 92vw);
  animation: etlCabPopupIn 0.26s cubic-bezier(0.22, 0.82, 0.29, 1) both;
}

@keyframes etlCabPopupIn {
  from {
    opacity: 0;
    transform: translateY(8px) scale(0.985);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.etl-cab-popup__close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 50%;
  background: var(--etl-cab-close-bg);
  color: var(--etl-cab-close-fg);
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
  transition: background 0.2s ease, transform 0.2s ease;
}

.etl-cab-popup__close:hover {
  background: rgba(229, 38, 41, 0.9);
  transform: scale(1.05);
}

.etl-cab-popup__form {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 28px 26px 16px;
  background: var(--etl-cab-card-bg);
  border-radius: 22px;
  border: 1px solid var(--etl-cab-card-border);
  box-shadow: var(--etl-cab-card-shadow);
  transition: transform 0.32s ease, border-color 0.32s ease;
}

.etl-cab-popup__form:hover {
  transform: scale(1.02);
  border-color: rgba(229, 38, 41, 0.58);
}

.etl-cab-popup__heading {
  text-align: center;
  margin: 0;
  color: var(--etl-cab-text);
  font-size: 1.25rem;
  font-weight: 700;
}

.etl-cab-popup__sub {
  text-align: center;
  margin: 0 0 10px;
  color: var(--etl-cab-subtext);
  font-size: 0.86rem;
}

.etl-cab-popup__field {
  margin: 0.55em 0;
  position: relative;
  width: 100%;
}

.etl-cab-popup__input {
  font-family: "Segoe UI", "Instrument Sans", sans-serif;
  font-size: 100%;
  padding: 0.82em 0.9em;
  outline: none;
  border: 2px solid var(--etl-cab-input-border);
  background-color: transparent;
  border-radius: 20px;
  width: 100%;
  color: var(--etl-cab-input);
  transition: border-color 0.26s ease;
}

.etl-cab-popup__label {
  font-size: 100%;
  position: absolute;
  left: 0;
  top: 0;
  padding: 0.82em;
  margin-left: 0.5em;
  pointer-events: none;
  transition: all 0.3s ease;
  color: var(--etl-cab-label);
}

.etl-cab-popup__input-group :is(.etl-cab-popup__input:focus, .etl-cab-popup__input:valid) ~ .etl-cab-popup__label {
  transform: translateY(-50%) scale(0.9);
  margin: 0;
  margin-left: 1.3em;
  padding: 0.33em 0.45em;
  background-color: var(--etl-cab-label-bg);
  border-radius: 999px;
}

.etl-cab-popup__input-group :is(.etl-cab-popup__input:focus, .etl-cab-popup__input:valid) {
  border-color: var(--etl-cab-input-focus);
}

.etl-cab-popup__actions {
  display: flex;
  gap: 8px;
  margin-top: 14px;
}

.etl-cab-popup__btn {
  border: 0;
  outline: 0;
  cursor: pointer;
  transition: 0.22s ease;
  font-weight: 600;
}

.etl-cab-popup__btn--primary,
.etl-cab-popup__btn--secondary {
  flex: 1 1 0;
  min-height: 40px;
  padding: 0 14px;
  border-radius: 10px;
  color: var(--etl-cab-btn-fg);
  background: var(--etl-cab-btn-bg);
}

.etl-cab-popup__btn--primary {
  background: linear-gradient(135deg, #ff3d3f, #e52629);
  box-shadow: 0 8px 22px rgba(229, 38, 41, 0.32);
}

.etl-cab-popup__btn--secondary:hover {
  background: var(--etl-cab-btn-bg-hover);
}

.etl-cab-popup__btn--primary:hover {
  filter: brightness(1.06);
}

.etl-cab-popup__btn--link {
  margin-top: 6px;
  min-height: 38px;
  width: 100%;
  border-radius: 10px;
  background: var(--etl-cab-btn-bg);
  color: var(--etl-cab-btn-fg);
}

.etl-cab-popup__btn--link:hover {
  background: #e52629;
}

.etl-cab-popup__error {
  margin-top: 2px;
  margin-bottom: 2px;
  padding: 8px 10px;
  border-radius: 10px;
  border: 1px solid rgba(229, 38, 41, 0.42);
  background: rgba(229, 38, 41, 0.11);
  color: #e52629;
  font-size: 12px;
  line-height: 1.35;
}

@media (max-width: 480px) {
  .etl-cab-popup__form {
    padding: 24px 18px 14px;
  }
}

/* Global floating input style */
.etl-inputGroup {
  --etl-input-border: rgb(200, 200, 200);
  --etl-input-focus: rgb(150, 150, 200);
  --etl-input-label: rgb(100, 100, 100);
  --etl-input-label-bg: #e8e8e8;
  font-family: "Segoe UI", "Instrument Sans", sans-serif;
  margin: 0.5em 0 0.8em;
  width: 100%;
  position: relative;
}

.etl-inputGroup .etl-input {
  font-size: 100%;
  padding: 0.82em 0.9em;
  outline: none;
  border: 2px solid var(--etl-input-border);
  background-color: transparent;
  border-radius: 18px;
  width: 100%;
  min-height: 44px;
  color: inherit;
  transition: border-color 0.25s ease;
}

.etl-inputGroup .etl-input-label {
  font-size: 100%;
  position: absolute;
  left: 0;
  top: 0;
  padding: 0.82em;
  margin-left: 0.5em;
  pointer-events: none;
  transition: all 0.3s ease;
  color: var(--etl-input-label);
}

.etl-inputGroup:focus-within .etl-input-label,
.etl-inputGroup.is-filled .etl-input-label {
  transform: translateY(-50%) scale(0.9);
  margin: 0;
  margin-left: 1.25em;
  padding: 0.35em 0.45em;
  background-color: var(--etl-input-label-bg);
  border-radius: 999px;
}

.etl-inputGroup:focus-within .etl-input,
.etl-inputGroup.is-filled .etl-input {
  border-color: var(--etl-input-focus);
}

html[data-theme="dark"] .etl-inputGroup {
  --etl-input-border: rgba(144, 156, 178, 0.45);
  --etl-input-focus: rgba(229, 38, 41, 0.9);
  --etl-input-label: rgba(198, 210, 232, 0.82);
  --etl-input-label-bg: #09101a;
}

/* Floating labels: calculator + request form (site-wide key forms) */
body#top :is(.index-page #calculator, .calculator-page) .field {
  position: relative;
}

body#top :is(.index-page #calculator, .calculator-page) .field > label[for]:not(.calc-exped-inline):not(.calc-label-hidden) {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0.82em;
  margin-left: 0.5em;
  pointer-events: none;
  transition: all 0.3s ease;
  color: rgba(100, 100, 100, 0.95);
  font-size: 100%;
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-weight: 600 !important;
  z-index: 1;
}

html[data-theme="dark"] body#top :is(.index-page #calculator, .calculator-page) .field > label[for]:not(.calc-exped-inline):not(.calc-label-hidden) {
  color: rgba(198, 210, 232, 0.86);
}

body#top :is(.index-page #calculator, .calculator-page) .field > .inp {
  border: solid 1.5px #9e9e9e !important;
  border-radius: 1rem !important;
  background: none !important;
  padding: 1rem !important;
  font-size: 1rem !important;
  color: rgba(29, 29, 27, 0.92) !important;
  transition: border 150ms cubic-bezier(0.4, 0, 0.2, 1) !important;
}

html[data-theme="dark"] body#top :is(.index-page #calculator, .calculator-page) .field > .inp {
  border-color: rgba(144, 156, 178, 0.52) !important;
  color: #f5f5f5 !important;
}

body#top :is(.index-page #calculator, .calculator-page) .field > input.inp::placeholder {
  color: transparent;
}

body#top :is(.index-page #calculator, .calculator-page) .field > label[for]:not(.calc-exped-inline):not(.calc-label-hidden) {
  position: absolute;
  left: 15px;
  top: -3px !important;
  margin: 0;
  color: #777 !important;
  pointer-events: none;
  transform: translateY(1rem);
  transition: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  font-size: 1rem !important;
  font-weight: 500 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  z-index: 1;
  line-height: 1;
}

body#top :is(.index-page #calculator, .calculator-page) .field:has(> .inp:focus) > label[for]:not(.calc-exped-inline):not(.calc-label-hidden),
body#top :is(.index-page #calculator, .calculator-page) .field:has(> input.inp:not(:placeholder-shown)) > label[for]:not(.calc-exped-inline):not(.calc-label-hidden),
body#top :is(.index-page #calculator, .calculator-page) .field:has(> select.inp) > label[for]:not(.calc-exped-inline):not(.calc-label-hidden) {
  transform: translateY(-50%) scale(0.8);
  background-color: #ffffff;
  padding: 0 .2em;
  color: #e52629 !important;
}

html[data-theme="dark"] body#top :is(.index-page #calculator, .calculator-page) .field:has(> .inp:focus) > label[for]:not(.calc-exped-inline):not(.calc-label-hidden),
html[data-theme="dark"] body#top :is(.index-page #calculator, .calculator-page) .field:has(> input.inp:not(:placeholder-shown)) > label[for]:not(.calc-exped-inline):not(.calc-label-hidden),
html[data-theme="dark"] body#top :is(.index-page #calculator, .calculator-page) .field:has(> select.inp) > label[for]:not(.calc-exped-inline):not(.calc-label-hidden) {
  background-color: #212121;
  color: #ff6a6c !important;
}

body#top :is(.index-page #calculator, .calculator-page) .field:has(> .inp:focus) > .inp {
  outline: none !important;
  border: 1.5px solid #e52629 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body#top :is(.index-page #calculator, .calculator-page) .field:has(> .inp:focus) > .inp {
  border-color: rgba(255, 106, 108, 0.92) !important;
}

body#top.request-page #rqForm .rqf-field {
  position: relative;
}

body#top.request-page #rqForm .rqf-field > label.rqf-label[for] {
  position: absolute;
  left: 15px;
  top: 0;
  margin: 0;
  pointer-events: none;
  transition: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  color: #777 !important;
  transform: translateY(1rem);
  font-size: 1rem !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-weight: 500 !important;
  z-index: 1;
  line-height: 1;
}

html[data-theme="dark"] body#top.request-page #rqForm .rqf-field > label.rqf-label[for] {
  color: rgba(232, 232, 232, 0.86) !important;
}

body#top.request-page #rqForm .rqf-field > :is(.rq-inp, .rq-sel, .rq-ta) {
  border: solid 1.5px #9e9e9e !important;
  border-radius: 1rem !important;
  background: none !important;
  padding: 1rem !important;
  font-size: 1rem !important;
  color: rgba(29, 29, 27, 0.92) !important;
  transition: border 150ms cubic-bezier(0.4, 0, 0.2, 1) !important;
}

html[data-theme="dark"] body#top.request-page #rqForm .rqf-field > :is(.rq-inp, .rq-sel, .rq-ta) {
  border-color: rgba(144, 156, 178, 0.52) !important;
  color: #f5f5f5 !important;
}

body#top.request-page #rqForm .rqf-field > .rq-ta {
  min-height: 120px;
}

body#top.request-page #rqForm .rqf-field > input.rq-inp::placeholder,
body#top.request-page #rqForm .rqf-field > textarea.rq-ta::placeholder {
  color: transparent;
}

body#top.request-page #rqForm .rqf-field:has(> :is(.rq-inp, .rq-sel, .rq-ta):focus) > label.rqf-label[for],
body#top.request-page #rqForm .rqf-field:has(> input.rq-inp:not(:placeholder-shown)) > label.rqf-label[for],
body#top.request-page #rqForm .rqf-field:has(> textarea.rq-ta:not(:placeholder-shown)) > label.rqf-label[for],
body#top.request-page #rqForm .rqf-field:has(> .rq-sel) > label.rqf-label[for] {
  transform: translateY(-50%) scale(0.8);
  background-color: #ffffff;
  padding: 0 .2em;
  color: #e52629 !important;
}

html[data-theme="dark"] body#top.request-page #rqForm .rqf-field:has(> :is(.rq-inp, .rq-sel, .rq-ta):focus) > label.rqf-label[for],
html[data-theme="dark"] body#top.request-page #rqForm .rqf-field:has(> input.rq-inp:not(:placeholder-shown)) > label.rqf-label[for],
html[data-theme="dark"] body#top.request-page #rqForm .rqf-field:has(> textarea.rq-ta:not(:placeholder-shown)) > label.rqf-label[for],
html[data-theme="dark"] body#top.request-page #rqForm .rqf-field:has(> .rq-sel) > label.rqf-label[for] {
  background-color: #212121;
  color: #ff6a6c !important;
}

body#top.request-page #rqForm .rqf-field:has(> :is(.rq-inp, .rq-sel, .rq-ta):focus) > :is(.rq-inp, .rq-sel, .rq-ta) {
  outline: none !important;
  border: 1.5px solid #e52629 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body#top.request-page #rqForm .rqf-field:has(> :is(.rq-inp, .rq-sel, .rq-ta):focus) > :is(.rq-inp, .rq-sel, .rq-ta) {
  border-color: rgba(255, 106, 108, 0.92) !important;
}

/* PRE_RELEASE_SAFE_006: mobile overflow guard for cargo-like service pages */
@media (max-width: 560px) {
  body#top.service-page .cargo-page,
  body#top.service-page .cargo-page .container {
    overflow-x: clip !important;
  }

  body#top.service-page .cargo-page .cargo-rates {
    max-width: 100% !important;
    overflow-x: auto !important;
    overscroll-behavior-x: contain !important;
  }

  body#top.service-page .cargo-page .cargo-rates table {
    width: max-content !important;
    min-width: 620px !important;
  }

  body#top.service-page .p-mobile-inner,
  body#top.service-page .p-mobile-footer,
  body#top.service-page .p-mobile-footer .p-btn-full {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* DT_CURSOR_INPUT_CONSISTENCY_2026 */
body#top {
  cursor: default;
}

body#top :is(
  a[href],
  button,
  [role="button"],
  summary,
  label[for],
  .is-clickable,
  [data-href],
  input[type="button"],
  input[type="submit"],
  input[type="reset"],
  input[type="checkbox"],
  input[type="radio"]
) {
  cursor: pointer;
}

body#top :is(
  input:not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),
  textarea
) {
  cursor: text;
}

body#top select {
  cursor: pointer;
}

body#top :is(input, select, textarea):disabled,
body#top [aria-disabled="true"] {
  cursor: not-allowed !important;
}

body#top :is(
  .lead-input,
  .trk-form input[type="text"],
  .trk-form input[type="search"],
  .trk-form input[type="tel"],
  .trk-form input[type="email"],
  .trk-form input[type="number"],
  .trk-form select,
  .trk-form textarea
) {
  width: 100%;
  min-height: 44px;
  border-radius: 14px !important;
  border: 1px solid rgba(17, 24, 39, 0.16) !important;
  background: rgba(255, 255, 255, 0.92) !important;
  color: rgba(17, 24, 39, 0.92) !important;
  padding: 12px 14px !important;
  font-size: 14px !important;
  line-height: 1.3;
  outline: none;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
  transition: border-color 0.16s ease, box-shadow 0.16s ease, background-color 0.16s ease;
}

body#top select:is(.lead-input, .trk-form select) {
  padding-right: 36px !important;
}

body#top textarea:is(.lead-input, .trk-form textarea) {
  min-height: 110px;
  resize: vertical;
}

body#top :is(
  .lead-input,
  .trk-form input[type="text"],
  .trk-form input[type="search"],
  .trk-form input[type="tel"],
  .trk-form input[type="email"],
  .trk-form input[type="number"],
  .trk-form select,
  .trk-form textarea
):focus {
  border-color: rgba(229, 38, 41, 0.46) !important;
  box-shadow: 0 0 0 4px rgba(229, 38, 41, 0.1) !important;
  background: #fff !important;
}

body#top :is(
  .lead-input,
  .trk-form input[type="text"],
  .trk-form input[type="search"],
  .trk-form input[type="tel"],
  .trk-form input[type="email"],
  .trk-form input[type="number"],
  .trk-form select,
  .trk-form textarea
)::placeholder {
  color: rgba(17, 24, 39, 0.45) !important;
}

html[data-theme="dark"] body#top :is(
  .lead-input,
  .trk-form input[type="text"],
  .trk-form input[type="search"],
  .trk-form input[type="tel"],
  .trk-form input[type="email"],
  .trk-form input[type="number"],
  .trk-form select,
  .trk-form textarea
) {
  border-color: rgba(144, 156, 178, 0.42) !important;
  background: rgba(12, 18, 30, 0.94) !important;
  color: rgba(236, 242, 252, 0.94) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

html[data-theme="dark"] body#top :is(
  .lead-input,
  .trk-form input[type="text"],
  .trk-form input[type="search"],
  .trk-form input[type="tel"],
  .trk-form input[type="email"],
  .trk-form input[type="number"],
  .trk-form select,
  .trk-form textarea
):focus {
  border-color: rgba(229, 38, 41, 0.78) !important;
  box-shadow: 0 0 0 4px rgba(229, 38, 41, 0.22) !important;
  background: rgba(10, 16, 28, 0.98) !important;
}

html[data-theme="dark"] body#top :is(
  .lead-input,
  .trk-form input[type="text"],
  .trk-form input[type="search"],
  .trk-form input[type="tel"],
  .trk-form input[type="email"],
  .trk-form input[type="number"],
  .trk-form select,
  .trk-form textarea
)::placeholder {
  color: rgba(203, 215, 236, 0.54) !important;
}

/* Contact form: same floating-input pattern as calculator/request */
body#top.contact-page #contactForm .form-row > div {
  position: relative;
}

body#top.contact-page #contactForm .form-row > div > label[for] {
  position: absolute;
  left: 15px;
  top: 0;
  margin: 0;
  pointer-events: none;
  transition: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  color: #777 !important;
  transform: translateY(1rem);
  font-size: 1rem !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-weight: 500 !important;
  z-index: 1;
  line-height: 1;
}

html[data-theme="dark"] body#top.contact-page #contactForm .form-row > div > label[for] {
  color: rgba(232, 232, 232, 0.86) !important;
}

body#top.contact-page #contactForm .form-row > div > :is(input.lead-input, textarea.lead-input) {
  border: solid 1.5px #9e9e9e !important;
  border-radius: 1rem !important;
  background: none !important;
  padding: 1rem !important;
  font-size: 1rem !important;
  color: rgba(29, 29, 27, 0.92) !important;
  transition: border 150ms cubic-bezier(0.4, 0, 0.2, 1) !important;
}

body#top.contact-page #contactForm .form-row > div > textarea.lead-input {
  min-height: 120px;
}

body#top.contact-page #contactForm .form-row > div > :is(input.lead-input, textarea.lead-input)::placeholder {
  color: transparent !important;
}

html[data-theme="dark"] body#top.contact-page #contactForm .form-row > div > :is(input.lead-input, textarea.lead-input) {
  border-color: rgba(144, 156, 178, 0.52) !important;
  color: #f5f5f5 !important;
}

body#top.contact-page #contactForm .form-row > div:has(> :is(input.lead-input, textarea.lead-input):focus) > label[for],
body#top.contact-page #contactForm .form-row > div:has(> input.lead-input:not(:placeholder-shown)) > label[for],
body#top.contact-page #contactForm .form-row > div:has(> textarea.lead-input:not(:placeholder-shown)) > label[for] {
  transform: translateY(-50%) scale(0.8);
  background-color: #ffffff;
  padding: 0 .2em;
  color: #e52629 !important;
}

html[data-theme="dark"] body#top.contact-page #contactForm .form-row > div:has(> :is(input.lead-input, textarea.lead-input):focus) > label[for],
html[data-theme="dark"] body#top.contact-page #contactForm .form-row > div:has(> input.lead-input:not(:placeholder-shown)) > label[for],
html[data-theme="dark"] body#top.contact-page #contactForm .form-row > div:has(> textarea.lead-input:not(:placeholder-shown)) > label[for] {
  background-color: #212121;
  color: #ff6a6c !important;
}

body#top.contact-page #contactForm .form-row > div:has(> :is(input.lead-input, textarea.lead-input):focus) > :is(input.lead-input, textarea.lead-input) {
  outline: none !important;
  border: 1.5px solid #e52629 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body#top.contact-page #contactForm .form-row > div:has(> :is(input.lead-input, textarea.lead-input):focus) > :is(input.lead-input, textarea.lead-input) {
  border-color: rgba(255, 106, 108, 0.92) !important;
}


/* DT_DROPDOWN_PREMIUM_V2_ROLLBACK_START
   Safe override layer for header dropdown visual refresh.
   Rollback: remove this block or restore backup from _backups/ROLLBACK_DROPDOWN_*/
@media (min-width: 1100px) {
  body#top #p-header.p-header .p-has-dropdown > .p-dd {
    top: calc(100% + 10px) !important;
    width: min(980px, calc(100vw - 28px)) !important;
    max-width: min(980px, calc(100vw - 28px)) !important;
    padding: 16px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(18, 26, 38, 0.12) !important;
    background:
      radial-gradient(740px 280px at 6% -10%, rgba(229, 38, 41, 0.1), rgba(229, 38, 41, 0) 64%),
      linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(246, 249, 253, 0.98)) !important;
    box-shadow:
      0 26px 54px rgba(11, 18, 30, 0.18),
      inset 0 1px 0 rgba(255, 255, 255, 0.88) !important;
    backdrop-filter: blur(10px) saturate(1.04);
    -webkit-backdrop-filter: blur(10px) saturate(1.04);
    transform-origin: 50% 0;
    animation: etlPremiumDdIn .2s ease;
  }

  body#top #p-header.p-header .p-dd-core {
    gap: 12px !important;
  }

  body#top #p-header.p-header .p-dd-section {
    padding: 11px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(20, 30, 44, 0.1) !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(250, 252, 255, 0.84)) !important;
  }

  body#top #p-header.p-header .p-dd-col-title {
    margin: 0 0 8px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.11em !important;
    color: rgba(64, 77, 97, 0.72) !important;
  }

  body#top #p-header.p-header .p-dd-list {
    gap: 7px !important;
  }

  body#top #p-header.p-header .p-dd-link {
    padding: 9px 10px !important;
    border-radius: 10px !important;
    border: 1px solid transparent !important;
    background: transparent !important;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background-color .18s ease !important;
  }

  body#top #p-header.p-header .p-dd-link b {
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.26 !important;
    letter-spacing: 0 !important;
  }

  body#top #p-header.p-header .p-dd-link small {
    margin-top: 3px !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
    color: rgba(77, 90, 112, 0.78) !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
    white-space: normal !important;
    text-overflow: clip !important;
  }

  body#top #p-header.p-header .p-dd-link:hover,
  body#top #p-header.p-header .p-dd-link:focus-visible {
    transform: translateY(-1px) !important;
    border-color: rgba(229, 38, 41, 0.32) !important;
    background: rgba(255, 255, 255, 0.98) !important;
    box-shadow: 0 10px 22px rgba(16, 24, 38, 0.12) !important;
  }

  body#top #p-header.p-header .p-has-dropdown-about > .p-dd {
    width: min(560px, calc(100vw - 28px)) !important;
    max-width: min(560px, calc(100vw - 28px)) !important;
  }
}

@keyframes etlPremiumDdIn {
  from {
    opacity: 0;
    transform: translateX(-50%) translateY(5px);
  }
  to {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }
}

html[data-theme="dark"] body#top #p-header.p-header .p-has-dropdown > .p-dd {
  border-color: rgba(177, 196, 225, 0.2) !important;
  background:
    radial-gradient(740px 280px at 6% -10%, rgba(229, 38, 41, 0.14), rgba(229, 38, 41, 0) 64%),
    linear-gradient(180deg, rgba(9, 15, 24, 0.98), rgba(6, 11, 19, 0.98)) !important;
  box-shadow:
    0 32px 66px rgba(0, 0, 0, 0.5),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] body#top #p-header.p-header .p-dd-section {
  border-color: rgba(177, 196, 225, 0.18) !important;
  background: linear-gradient(180deg, rgba(19, 29, 44, 0.78), rgba(12, 21, 35, 0.84)) !important;
}

html[data-theme="dark"] body#top #p-header.p-header .p-dd-col-title {
  color: rgba(202, 218, 241, 0.76) !important;
}

html[data-theme="dark"] body#top #p-header.p-header .p-dd-link {
  border-color: transparent !important;
  background: transparent !important;
}

html[data-theme="dark"] body#top #p-header.p-header .p-dd-link small {
  color: rgba(184, 201, 228, 0.82) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body#top #p-header.p-header .p-dd-link:hover,
html[data-theme="dark"] body#top #p-header.p-header .p-dd-link:focus-visible {
  border-color: rgba(229, 38, 41, 0.46) !important;
  background: rgba(28, 41, 60, 0.94) !important;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.34) !important;
}

/* DT_DROPDOWN_SMALLTEXT_BG_KILL: force plain subtitle text without any tint */
#p-header .p-dd-link > div,
#p-header .p-dd-link small,
#p-header .p-dd-link small * {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
}
/* DT_DROPDOWN_PREMIUM_V2_ROLLBACK_END */

/* DT_MAGNETIC_CURSOR_V2:
   - hide native cursor consistently on desktop
   - keep native text/select cursors for form controls */
html.etl-magnetic-cursor-on,
html.etl-magnetic-cursor-on *,
html.etl-magnetic-cursor-on *::before,
html.etl-magnetic-cursor-on *::after {
  cursor: none !important;
}

html.etl-magnetic-cursor-on input,
html.etl-magnetic-cursor-on textarea,
html.etl-magnetic-cursor-on select,
html.etl-magnetic-cursor-on [contenteditable=""],
html.etl-magnetic-cursor-on [contenteditable="true"] {
  cursor: text !important;
}

html.etl-magnetic-cursor-on option,
html.etl-magnetic-cursor-on [data-native-cursor="true"] {
  cursor: default !important;
}

.etl-magnet-cursor-dot,
.etl-magnet-cursor-ring {
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 12000;
  opacity: 0;
  transition: opacity 0.16s ease;
  will-change: transform;
}

.etl-magnet-cursor-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #e52629;
  box-shadow: 0 0 14px rgba(229, 38, 41, 0.45);
  transition: width 0.14s ease, height 0.14s ease, box-shadow 0.14s ease, background-color 0.14s ease;
}

.etl-magnet-cursor-dot.is-hover {
  width: 11px;
  height: 11px;
  background: #ff3a3d;
  box-shadow: 0 0 20px rgba(229, 38, 41, 0.65);
}

.etl-magnet-cursor-ring {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 1.5px solid rgba(229, 38, 41, 0.52);
  background: radial-gradient(circle at center, rgba(229, 38, 41, 0.12), rgba(229, 38, 41, 0));
  display: block !important;
}

.etl-magnet-cursor-ring.is-down {
  transform: scale(0.9);
}

.is-cursor-magnetic {
  box-shadow: none !important;
}

/* DT_FINAL_UNIFY_CTA_BUTTONS:
   Unified public CTA buttons (main content), without touching nav/system controls. */
body#top main :is(a,button):is(.btn-primary,.p-btn-primary,.btn.btn-primary,.rq-btn.primary):not(.p-burger):not(.theme-switch):not(.etl-uibtt) {
  min-height: 48px !important;
  padding: 0 20px !important;
  border-radius: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #e52629 !important;
  border: 1px solid #e52629 !important;
  color: #fff !important;
  text-decoration: none !important;
  box-shadow: none !important;
  filter: none !important;
}

body#top main :is(a,button):is(.btn-primary,.p-btn-primary,.btn.btn-primary,.rq-btn.primary):not(.p-burger):not(.theme-switch):not(.etl-uibtt):hover {
  background: #cc1f23 !important;
  border-color: #cc1f23 !important;
  box-shadow: none !important;
  filter: none !important;
}

body#top main :is(a,button):is(.btn-outline,.btn.btn-outline,.rq-btn):not(.primary):not(.calc-route-swap):not(.geo-btn):not(.acc-btn):not(.seg-btn) {
  min-height: 48px !important;
  padding: 0 20px !important;
  border-radius: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #fff !important;
  border: 1px solid rgba(27, 27, 27, 0.18) !important;
  color: rgba(27, 27, 27, 0.9) !important;
  text-decoration: none !important;
  box-shadow: none !important;
  filter: none !important;
}

body#top main :is(a,button):is(.btn-outline,.btn.btn-outline,.rq-btn):not(.primary):not(.calc-route-swap):not(.geo-btn):not(.acc-btn):not(.seg-btn):hover {
  background: #fff !important;
  border-color: rgba(229, 38, 41, 0.38) !important;
  color: #b71c1c !important;
  box-shadow: none !important;
  filter: none !important;
}

body#top main :is(a,button):is(.btn-outline,.btn.btn-outline,.rq-btn):not(.primary):not(.calc-route-swap):not(.geo-btn):not(.acc-btn):not(.seg-btn):active {
  transform: translateY(0) !important;
  background: #fff !important;
  box-shadow: none !important;
  filter: none !important;
}

body#top main :is(a,button):is(.btn-primary,.p-btn-primary,.btn.btn-primary,.rq-btn.primary,.btn-outline,.btn.btn-outline,.rq-btn):not(.p-burger):not(.theme-switch):not(.etl-uibtt):focus-visible {
  outline: 2px solid rgba(229, 38, 41, 0.35) !important;
  outline-offset: 2px !important;
  box-shadow: none !important;
  filter: none !important;
}

html[data-theme="dark"] body#top main :is(a,button):is(.btn-outline,.btn.btn-outline,.rq-btn):not(.primary):not(.calc-route-swap):not(.geo-btn):not(.acc-btn):not(.seg-btn) {
  background: rgba(20, 28, 40, 0.9) !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
  color: rgba(242, 246, 255, 0.95) !important;
  box-shadow: none !important;
  filter: none !important;
}

html[data-theme="dark"] body#top main :is(a,button):is(.btn-outline,.btn.btn-outline,.rq-btn):not(.primary):not(.calc-route-swap):not(.geo-btn):not(.acc-btn):not(.seg-btn):hover {
  background: rgba(20, 28, 40, 0.9) !important;
  border-color: rgba(229, 38, 41, 0.5) !important;
  color: #fff !important;
  box-shadow: none !important;
  filter: none !important;
}

/* DT_FINAL_HERO_TITLE_GUARD:
   Prevent intermittent hero/page title disappearance on hard reload across pages. */
body#top :is(.svc-hero .svc-title, .page-head h1, .hero-title, .sc-hero h1, .trk-hero h1, .why-hero h1) {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  -webkit-text-fill-color: currentColor !important;
  text-fill-color: currentColor !important;
}

/* Keep avto page tuned size/color from previous fix */
body#top.avto-page .svc-hero .svc-title {
  color: #0f1115 !important;
  font-size: clamp(34px, 4.4vw, 52px) !important;
  line-height: 1.02 !important;
}

html[data-theme="dark"] body#top.avto-page .svc-hero .svc-title {
  color: rgba(244, 248, 255, 0.96) !important;
}

/* ── cab-uiverse form — shared between cabinet.html and nav popup ── */
.cab-uiverse-form {
  margin-top: 12px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 16px;
  border-radius: 20px;
  border: 1px solid rgba(120, 136, 168, 0.24);
  background: linear-gradient(165deg, #141a24, #11161f);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 18px 42px rgba(0,0,0,0.25);
  transition: transform .28s ease, border-color .28s ease;
}
.cab-uiverse-form:hover {
  transform: translateY(-2px);
  border-color: rgba(195, 22, 43, 0.45);
}
.cab-uiverse-heading {
  text-align: center;
  margin: 4px 0 8px;
  color: #f5f8ff;
  font-size: 18px;
  font-weight: 700;
}
.cab-uiverse-field {
  display: flex;
  align-items: center;
  gap: .6em;
  border-radius: 14px;
  padding: .72em .8em;
  border: 1px solid rgba(255,255,255,0.07);
  color: #fff;
  background: #171d28;
  box-shadow: inset 2px 5px 10px rgba(5, 8, 13, 0.85);
}
.cab-uiverse-input-icon {
  width: 18px; height: 18px;
  fill: #e7edf9;
  flex: 0 0 auto;
}
.cab-uiverse-input-field {
  background: none !important;
  border: none !important;
  outline: none !important;
  width: 100%;
  color: #e7edf9 !important;
  font-size: 14px;
}
.cab-uiverse-input-field::placeholder { color: rgba(218,228,247,0.58); }
.cab-uiverse-btn-row {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 10px;
}
.cab-uiverse-button {
  border: none;
  outline: none;
  cursor: pointer;
  border-radius: 10px;
  transition: .28s ease-in-out;
  min-height: 40px;
  padding: 0 16px;
  font-size: 13px;
  font-weight: 700;
}
.cab-uiverse-button--primary {
  color: #fff;
  background: linear-gradient(135deg, #e52629, #a50f20);
  box-shadow: 0 10px 24px rgba(229,38,41,0.28);
}
.cab-uiverse-button--primary:hover { background: linear-gradient(135deg, #ff2f33, #b71324); }
.cab-uiverse-button--ghost { color: #eff3fb; background: #252d3a; }
.cab-uiverse-button--ghost:hover { background: #313b4c; }
.cab-uiverse-button--link {
  margin-top: 2px;
  width: 100%;
  color: #f1f5ff;
  background: #252d3a;
}
.cab-uiverse-button--link:hover { background: #e52629; }
html[data-theme="dark"] .cab-uiverse-form {
  border-color: rgba(162,180,212,0.28);
  background: linear-gradient(165deg, #0f1521, #0b111a);
}

/* DT900_SAFE_DARK_MONOBLACK
   Global near-black dark theme override.
   Reversible as a single block if the user wants the previous version back.
*/
html[data-theme="dark"],
html[data-theme="dark"] body,
html[data-theme="dark"] body#top,
html[data-theme="dark"] body#top :is(main, .page, section, .section, .section-light, .section-muted, .services-hero, .process-section, .trust-section, .stats-section, .calc-wrap, .container) {
  background: #080808 !important;
  color: #f1f1f1 !important;
}

html[data-theme="dark"] .p-header,
html[data-theme="dark"] .p-header.is-scrolled,
html[data-theme="dark"] footer,
html[data-theme="dark"] .p-dd,
html[data-theme="dark"] .m-app-footer,
html[data-theme="dark"] #m-bottom-nav {
  background: #0b0b0b !important;
}

html[data-theme="dark"] body#top :is(
  .card,
  .bento-card,
  .svc-card,
  .docs-card,
  .doc-card,
  .faq-card,
  .rq-card,
  .panel-card,
  .wh-card,
  .fleet-card,
  .cargo-card,
  .price-card,
  .price-factor,
  .fact,
  .callout,
  .note,
  .quote-modal__dialog,
  .map-panel,
  .doc-item,
  .check,
  .logo-tile,
  .process-step,
  .stat-card,
  .track-strip,
  .review-widget,
  .review-quote,
  .lead-note
) {
  background: #101010 !important;
  background-image: none !important;
  border-color: rgba(255,255,255,.12) !important;
  color: #f1f1f1 !important;
  box-shadow: 0 16px 34px rgba(0,0,0,.44) !important;
}

html[data-theme="dark"] body#top :is(input, select, textarea, .inp, .lead-input) {
  background: #121212 !important;
  background-image: none !important;
  border-color: rgba(255,255,255,.16) !important;
  color: #f3f3f3 !important;
}

html[data-theme="dark"] body#top :is(
  p,
  li,
  small,
  .muted,
  .svc-desc,
  .doc-sub,
  .mini,
  .footer-text,
  .hint,
  .faq-answer,
  .track-help
) {
  color: rgba(241,241,241,.74) !important;
}

html[data-theme="dark"] body#top :is(h1, h2, h3, h4, h5, h6, strong, b, .svc-title, .doc-title, .stat-number, .price) {
  color: #f7f7f7 !important;
}

html[data-theme="dark"] body#top .p-mobile-menu,
html[data-theme="dark"] body#top :is(.trust-marquee, .section-block, .final-cta, .price-factor, .ex2, .step, .k, .ex-item, .pill, .etl-quick-rail__panel, .cab-uiverse-form) {
  background: #101010 !important;
  background-image: none !important;
}

html[data-theme="dark"] body#top .trust-marquee::before {
  background: linear-gradient(90deg, rgba(16,16,16,1), rgba(16,16,16,0)) !important;
}

html[data-theme="dark"] body#top .trust-marquee::after {
  background: linear-gradient(270deg, rgba(16,16,16,1), rgba(16,16,16,0)) !important;
}

html[data-theme="dark"] body#top .p-header,
html[data-theme="dark"] body#top #p-header.p-header,
html[data-theme="dark"] body#top .p-header .p-nav {
  background: #080808 !important;
  background-image: none !important;
  border-color: rgba(255,255,255,.08) !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.34) !important;
}

html[data-theme="dark"] body#top .p-header :is(.p-link, .p-dd-trigger, .p-action-link, .p-city-switch__label) {
  color: rgba(241,241,241,.78) !important;
}

html[data-theme="dark"] body#top .p-header :is(.p-link:hover, .p-link.is-active, .p-link[aria-current="page"], .p-dd-trigger:hover) {
  color: #f7f7f7 !important;
}

html[data-theme="dark"] body#top .p-header .p-city-switch__select {
  background: #121212 !important;
  background-image: none !important;
  border-color: rgba(255,255,255,.14) !important;
  color: #f3f3f3 !important;
}

html[data-theme="dark"] body#top .p-header .p-city-switch__select:hover {
  background: #161616 !important;
  border-color: rgba(255,255,255,.20) !important;
}

html[data-theme="dark"] body#top.index-page #trust .trust-marquee,
html[data-theme="dark"] body#top.index-page #trust :is(.logo-tile, .trust-logos .logo-tile) {
  background: #101010 !important;
  background-image: none !important;
  border-color: rgba(255,255,255,.12) !important;
  box-shadow: 0 16px 34px rgba(0,0,0,.34) !important;
}

html[data-theme="dark"] body#top.index-page #trust .trust-marquee::before {
  background: linear-gradient(90deg, rgba(16,16,16,1), rgba(16,16,16,0)) !important;
}

html[data-theme="dark"] body#top.index-page #trust .trust-marquee::after {
  background: linear-gradient(270deg, rgba(16,16,16,1), rgba(16,16,16,0)) !important;
}

html[data-theme="dark"] body#top:is(.index-page,.calculator-page) #calculator .calc-route-swap {
  background: #121212 !important;
  background-image: none !important;
  border-color: rgba(255,255,255,.14) !important;
  color: #f3f3f3 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body#top:is(.index-page,.calculator-page) #calculator .calc-route-swap:hover {
  background: #161616 !important;
  border-color: rgba(255,255,255,.20) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] body#top #p-header.p-header .p-has-dropdown > .p-dd,
html[data-theme="dark"] .p-dd {
  background: #0f0f0f !important;
  background-image: none !important;
  border-color: rgba(255,255,255,.12) !important;
  box-shadow: 0 28px 56px rgba(0,0,0,.52) !important;
}

html[data-theme="dark"] body#top #p-header.p-header .p-dd-section {
  background: #141414 !important;
  background-image: none !important;
  border-color: rgba(255,255,255,.10) !important;
}

html[data-theme="dark"] body#top #p-header.p-header .p-dd-col-title {
  color: rgba(255,255,255,.64) !important;
}

html[data-theme="dark"] body#top #p-header.p-header .p-dd-link {
  background: transparent !important;
  color: #f5f5f5 !important;
}

html[data-theme="dark"] body#top #p-header.p-header .p-dd-link small {
  color: rgba(255,255,255,.64) !important;
}

html[data-theme="dark"] body#top #p-header.p-header .p-dd-link:hover,
html[data-theme="dark"] body#top #p-header.p-header .p-dd-link:focus-visible {
  background: #191919 !important;
  border-color: rgba(255,255,255,.14) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body#top main :is(a,button):is(.btn-outline,.btn.btn-outline,.rq-btn):not(.primary):not(.calc-route-swap):not(.geo-btn):not(.acc-btn):not(.seg-btn) {
  background: #121212 !important;
  border-color: rgba(255,255,255,.14) !important;
  color: #f3f3f3 !important;
}

html[data-theme="dark"] body#top main :is(a,button):is(.btn-outline,.btn.btn-outline,.rq-btn):not(.primary):not(.calc-route-swap):not(.geo-btn):not(.acc-btn):not(.seg-btn):hover {
  background: #171717 !important;
  border-color: rgba(255,255,255,.20) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] body#top :is(.service-page, .simple-service-page, .avto-page, .services-page) :is(
  .svc-card,
  .svc-step,
  .svc-cta,
  .svc-cta .inner,
  .svc-hero,
  .svc-section,
  .svc-pill,
  .cargo-pill,
  .cargo-rates,
  .cargo-page .card,
  .cargo-page table,
  .cargo-page .cargo-kpi
) {
  background: #101010 !important;
  background-image: none !important;
  border-color: rgba(255,255,255,.12) !important;
  color: #f3f3f3 !important;
  box-shadow: 0 16px 34px rgba(0,0,0,.34) !important;
}

html[data-theme="dark"] body#top :is(.service-page, .simple-service-page, .avto-page, .services-page) :is(
  .svc-sub,
  .svc-lead,
  .svc-card p,
  .svc-pill,
  .cargo-pill,
  .cargo-page p,
  .cargo-page li
) {
  color: rgba(255,255,255,.72) !important;
}

html[data-theme="dark"] body#top.pricing-page :is(
  .pdf-accordion,
  .card,
  .step,
  .k,
  .ex-item,
  .ex2,
  .final-cta,
  .price-factor,
  .section-block,
  .fact
) {
  background: #101010 !important;
  background-image: none !important;
  border-color: rgba(255,255,255,.12) !important;
  color: #f5f5f5 !important;
  box-shadow: 0 16px 34px rgba(0,0,0,.34) !important;
}

html[data-theme="dark"] body#top.pricing-page :is(.mini, .step p, .ex-item p, .card p, .section-block p, .price-factor span, .k .t, .fact .t, .pill) {
  color: rgba(255,255,255,.72) !important;
}

html[data-theme="dark"] body#top.pricing-page :is(.pdf-chip, .pill) {
  background: #141414 !important;
  border-color: rgba(255,255,255,.14) !important;
  color: #f3f3f3 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body#top.pricing-page .pdf-chip:hover {
  background: #191919 !important;
  border-color: rgba(255,255,255,.20) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] body#top.pricing-page .pdf-chip.is-active {
  background: #e52629 !important;
  border-color: #e52629 !important;
  color: #fff !important;
}

html[data-theme="dark"] body#top.pricing-page :is(.price-table, table) {
  background: #101010 !important;
  color: #f3f3f3 !important;
}

html[data-theme="dark"] body#top.pricing-page :is(.price-table th, .price-table td) {
  border-color: rgba(255,255,255,.10) !important;
  color: #f3f3f3 !important;
  background: transparent !important;
}

html[data-theme="dark"] body#top.faq-page :is(.faq-card, .cta-strip, details, .pill) {
  background: #101010 !important;
  background-image: none !important;
  border-color: rgba(255,255,255,.12) !important;
  color: #f3f3f3 !important;
  box-shadow: 0 16px 34px rgba(0,0,0,.34) !important;
}

html[data-theme="dark"] body#top.faq-page :is(p, .muted, .faq-answer, .pill) {
  color: rgba(255,255,255,.72) !important;
}

html[data-theme="dark"] body#top :is(.schedule-page, .trips-page) :is(
  .table-wrap,
  .table-head,
  .panel-card,
  .legend-pill,
  .status-pill-sm,
  .map-toggle button,
  .filters-bar,
  .field,
  .bento-card,
  .cta-card .bento-card
) {
  background: #101010 !important;
  background-image: none !important;
  border-color: rgba(255,255,255,.12) !important;
  color: #f3f3f3 !important;
  box-shadow: 0 16px 34px rgba(0,0,0,.34) !important;
}

html[data-theme="dark"] body#top :is(.schedule-page, .trips-page) :is(table.data-table, #tripsTable) {
  background: #101010 !important;
  color: #f3f3f3 !important;
}

html[data-theme="dark"] body#top :is(.schedule-page, .trips-page) :is(table.data-table th, table.data-table td, #tripsTable th, #tripsTable td) {
  background: transparent !important;
  border-color: rgba(255,255,255,.10) !important;
  color: #f3f3f3 !important;
}

html[data-theme="dark"] body#top :is(.schedule-page, .trips-page) :is(.panel-card .muted, .table-empty td, .legend-pill, .status-pill-sm, .table-head p, .page-head p) {
  color: rgba(255,255,255,.72) !important;
}

html[data-theme="dark"] body#top :is(.schedule-page, .trips-page) .data-table tbody tr:hover td {
  background: #171717 !important;
}

html[data-theme="dark"] body#top.about-page :is(
  .card,
  .fact,
  .item,
  .cta,
  .kpi,
  .value-card,
  .case-card,
  .about2-hero,
  .about2-hero-point
) {
  background: #101010 !important;
  background-image: none !important;
  border-color: rgba(255,255,255,.12) !important;
  color: #f5f5f5 !important;
  box-shadow: 0 16px 34px rgba(0,0,0,.34) !important;
}

html[data-theme="dark"] body#top.about-page :is(.mini, .fact .t, .section-lead, .value-card p, .case-text, .about2-hero p, .kpi-label) {
  color: rgba(255,255,255,.72) !important;
}

html[data-theme="dark"] body#top :is(
  .cargo-kpi,
  .cargo-hero-card,
  .cargo-card,
  .faq-item,
  .cargo-cta,
  .cargo-ghost,
  .route-table th,
  .route-table td,
  .avto-faq-item,
  .sea-faq-item,
  .rel-card,
  .sea-rel-card
) {
  background: #101010 !important;
  background-image: none !important;
  border-color: rgba(255,255,255,.12) !important;
  color: #f3f3f3 !important;
  box-shadow: 0 16px 34px rgba(0,0,0,.34) !important;
}

html[data-theme="dark"] body#top :is(.cargo-ghost, .route-table th) {
  background: #141414 !important;
}

html[data-theme="dark"] body#top .route-table tr:hover td {
  background: #171717 !important;
}

html[data-theme="dark"] body#top :is(
  .cargo-card p,
  .cargo-card li,
  .faq-item p,
  .faq-item .muted,
  .cargo-hero-card p,
  .cargo-ghost,
  .route-table td,
  .avto-faq-item p,
  .sea-faq-item p,
  .rel-card p,
  .sea-rel-card p
) {
  color: rgba(255,255,255,.72) !important;
}

html[data-theme="dark"] body#top :is(.cargo-cta, .about2-hero, .pdf-accordion, .vacancy-card, .blog-card) {
  background: #101010 !important;
  background-image: none !important;
  border-color: rgba(255,255,255,.12) !important;
  color: #f5f5f5 !important;
}

html[data-theme="dark"] body#top :is(.about2-hero-point, .pdf-chip, .legend-pill, .status-pill-sm, .trk-pill, .badge) {
  background: #141414 !important;
  background-image: none !important;
  border-color: rgba(255,255,255,.14) !important;
  color: #f3f3f3 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body#top :is(.cab-uiverse-form, .cab-uiverse-field, .cab-uiverse-button--ghost, .cab-uiverse-button--link) {
  background: #101010 !important;
  background-image: none !important;
  border-color: rgba(255,255,255,.12) !important;
  color: #f3f3f3 !important;
  box-shadow: 0 16px 34px rgba(0,0,0,.34) !important;
}

html[data-theme="dark"] body#top :is(.cab-uiverse-input-field, .cab-uiverse-input-icon) {
  color: #f3f3f3 !important;
  fill: #f3f3f3 !important;
}

html[data-theme="dark"] body#top #p-header.p-header :is(.p-dd-more-btn, .p-dd-more-link) {
  background: #141414 !important;
  border-color: rgba(255,255,255,.14) !important;
  color: #f3f3f3 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body#top #p-header.p-header :is(.p-dd-more-btn, .p-dd-more-link):hover {
  background: #191919 !important;
  border-color: rgba(255,255,255,.20) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] body#top .seg .seg-btn,
html[data-theme="dark"] body#top.services-page .seg-btn {
  background: #141414 !important;
  border-color: rgba(255,255,255,.14) !important;
  color: rgba(243,243,243,.88) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body#top .seg .seg-btn:hover,
html[data-theme="dark"] body#top.services-page .seg-btn:hover {
  background: #191919 !important;
  border-color: rgba(255,255,255,.20) !important;
  color: #ffffff !important;
  transform: none !important;
}

html[data-theme="dark"] body#top .seg .seg-btn[aria-pressed="true"],
html[data-theme="dark"] body#top.services-page .seg-btn[aria-pressed="true"] {
  background: #1a1a1a !important;
  border-color: rgba(229,38,41,.42) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] body#top.pricing-page #pricing-faq-mini :is(.faq-item, .faq-item b, .faq-item span) {
  color: #f3f3f3 !important;
}

html[data-theme="dark"] body#top.pricing-page #pricing-faq-mini .faq-item span {
  color: rgba(255,255,255,.72) !important;
}

/* Final FAQ dark unification: schedule / services / why / blog / vacancies / sea / route pages */
html[data-theme="dark"] body#top :is(.etl-faq-item, .sea-faq-item, .faq-item) {
  background: #121212 !important;
  background-image: none !important;
  border-color: rgba(255,255,255,.10) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body#top :is(.etl-faq-item summary, .sea-faq-item summary, .faq-item h3, .faq-item b, .faq-item strong) {
  color: #ffffff !important;
}
html[data-theme="dark"] body#top :is(.etl-faq-item p, .sea-faq-item p, .faq-item p, .faq-item span, .faq-item .muted) {
  color: rgba(255,255,255,.76) !important;
}
html[data-theme="dark"] body#top :is(.etl-faq-item summary::after, .sea-faq-item summary::after) {
  color: rgba(229,38,41,.86) !important;
}
html[data-theme="dark"] body#top :is(#schedule-faq, #services-faq, #why-faq, #blog-faq, #vacancies-faq) {
  background: transparent !important;
}

/* Unified breadcrumb system for all pages */
body#top {
  --etl-page-shell: min(1520px, calc(100vw - 32px));
}
@media (max-width: 980px) {
  body#top {
    --etl-page-shell: calc(100vw - 24px);
  }
}
@media (max-width: 640px) {
  body#top {
    --etl-page-shell: calc(100vw - 16px);
  }
}

/* Global page shell: all internal pages use the same width as the homepage */
body#top:not(.index-page) > main {
  width: min(100%, var(--etl-page-shell)) !important;
  max-width: var(--etl-page-shell) !important;
  margin-inline: auto !important;
}
body#top:not(.index-page) > main > .container,
body#top:not(.index-page) > main > .section-light > .container,
body#top:not(.index-page) > main > .section-muted > .container,
body#top:not(.index-page) > main > .page-head .container,
body#top:not(.index-page) > main > .cargo-head .container,
body#top:not(.index-page) > main > .cargo-hero,
body#top:not(.index-page) > main > .svc-section,
body#top:not(.index-page) > main > .rules-section,
body#top:not(.index-page) > main > .faq-section {
  width: 100% !important;
  max-width: none !important;
  margin-inline: 0 !important;
}

body#top .breadcrumb {
  width: min(1440px, calc(100% - clamp(24px, 4vw, 64px)));
  margin: 0 auto;
  padding: 18px 0 10px !important;
}
body#top .breadcrumb__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 8px;
  list-style: none;
  margin: 0;
  padding: 0;
  min-height: 20px;
  font-size: 12px;
  line-height: 1.35;
}
body#top .breadcrumb__item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: rgba(29,29,27,.46);
  font-weight: 500;
}
body#top .breadcrumb__item + .breadcrumb__item::before {
  content: "/";
  color: rgba(29,29,27,.24);
  font-size: 10px;
  font-weight: 600;
}
body#top .breadcrumb__link {
  color: rgba(29,29,27,.56);
  text-decoration: none;
  transition: color .16s ease;
}
body#top .breadcrumb__link:hover {
  color: #e52629;
}
body#top .breadcrumb__item--current {
  color: rgba(29,29,27,.78);
  font-weight: 600;
}
html[data-theme="dark"] body#top .breadcrumb__item {
  color: rgba(255,255,255,.38);
}
html[data-theme="dark"] body#top .breadcrumb__item + .breadcrumb__item::before {
  color: rgba(255,255,255,.18);
}
html[data-theme="dark"] body#top .breadcrumb__link {
  color: rgba(255,255,255,.52);
}
html[data-theme="dark"] body#top .breadcrumb__link:hover {
  color: #e52629;
}
html[data-theme="dark"] body#top .breadcrumb__item--current {
  color: rgba(255,255,255,.82);
}
body#top :is(.page-head, .svc-hero, .cargo-head, .blog-head) > .breadcrumb,
body#top :is(.page-head, .svc-hero, .cargo-head, .blog-head) .breadcrumb {
  width: 100%;
  margin: 0 0 8px;
  padding: 0 !important;
}
@media (max-width: 768px) {
  body#top .breadcrumb {
    width: min(1440px, calc(100% - 24px));
    padding: 18px 0 8px !important;
    margin-left: 58px !important;
    max-width: calc(100% - 82px) !important;
  }
  body#top .breadcrumb__list {
    font-size: 11.5px;
    gap: 5px 7px;
  }
}

/* Bring why/schedule to the same shell geometry as standard internal pages */
body#top.why-page main.why-wrap,
body#top.schedule-page main.sc-wrap {
  width: min(100%, var(--etl-page-shell));
  max-width: none;
  padding-top: 0 !important;
  padding-left: 0;
  padding-right: 0;
}
body#top.why-page main.why-wrap > :not(.breadcrumb),
body#top.schedule-page main.sc-wrap > :not(.breadcrumb) {
  padding-left: 20px;
  padding-right: 20px;
}
body#top.why-page main.why-wrap > .breadcrumb + .why-hero,
body#top.schedule-page main.sc-wrap > .breadcrumb + .sc-hero {
  margin-top: 14px;
}
@media (max-width: 980px) {
  body#top.why-page main.why-wrap,
  body#top.schedule-page main.sc-wrap {
    width: min(100%, var(--etl-page-shell));
  }
  body#top.why-page main.why-wrap > :not(.breadcrumb),
  body#top.schedule-page main.sc-wrap > :not(.breadcrumb) {
    padding-left: 0;
    padding-right: 0;
  }
  body#top.why-page main.why-wrap > .breadcrumb + .why-hero,
  body#top.schedule-page main.sc-wrap > .breadcrumb + .sc-hero {
    margin-top: 10px;
  }
}

/* Unified width shell for all service pages */
body#top.service-page {
  --etl-service-shell: var(--etl-page-shell);
}
body#top.service-page :is(main.container, main.page, main.page.cargo-page, .cargo-page) {
  width: var(--etl-service-shell) !important;
  max-width: none !important;
  margin-inline: auto !important;
}
body#top.service-page main.page > section.container,
body#top.service-page main.page > section.page-head .container,
body#top.service-page .cargo-page > section.container,
body#top.service-page .cargo-page > section.page-head .container,
body#top.warehouse-service-page .section-light > .container {
  width: 100% !important;
  max-width: none !important;
  margin-inline: 0 !important;
}
@media (max-width: 980px) {
  body#top.service-page {
    --etl-service-shell: var(--etl-page-shell);
  }
}

/* Normalize top spacing so every service page starts from the same breadcrumb baseline */
body#top.service-page :is(main.container, main.page, main) {
  padding-top: 0 !important;
}
body#top.service-page :is(main.container, main.page, main) > .breadcrumb + :is(.svc-hero, .page-head, .section-light) {
  margin-top: 12px;
}
body#top.tracking-page main.container.trk-page {
  padding-top: 0 !important;
}
body#top.tracking-page main.container.trk-page > .breadcrumb + .trk-hero {
  margin-top: 14px;
}
@media (max-width: 980px) {
  body#top.service-page :is(main.container, main.page, main) > .breadcrumb + :is(.svc-hero, .page-head, .section-light) {
    margin-top: 8px;
  }
  body#top.tracking-page main.container.trk-page > .breadcrumb + .trk-hero {
    margin-top: 10px;
  }
}

/* Internal page layout system: one header rhythm, one section rhythm, one typography scale */
body#top:not(.index-page) {
  --etl-page-header-gap: 14px;
  --etl-page-section-gap: 28px;
  --etl-page-title-size: clamp(32px, 3vw, 44px);
  --etl-page-title-line: 1.04;
  --etl-page-section-title-size: clamp(24px, 2vw, 32px);
  --etl-page-lead-width: 78ch;
}
body#top:not(.index-page) :is(.page-head, .why-hero, .sc-hero, .trk-hero, .calc-head, .svc-hero, .cargo-head) {
  margin-bottom: 0 !important;
}
body#top:not(.index-page) :is(
  .page-head h1,
  .why-hero h1,
  .sc-hero h1,
  .trk-hero h1,
  .calc-head h1,
  .calc-head h2,
  .svc-title,
  .cargo-head h1
) {
  font-size: var(--etl-page-title-size) !important;
  line-height: var(--etl-page-title-line) !important;
  letter-spacing: -0.03em !important;
  margin: 0 0 10px !important;
}
body#top:not(.index-page) :is(
  .page-head > p,
  .why-hero > p,
  .sc-hero > p,
  .trk-hero > p,
  .calc-head > p,
  .svc-lead,
  .cargo-head .lead
) {
  max-width: var(--etl-page-lead-width) !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  line-height: 1.55 !important;
}
body#top:not(.index-page) :is(
  main > .section-light,
  main > .section-muted,
  main > .svc-section,
  main > .rules-section,
  main > .faq-section,
  main > .cargo-section,
  main > .cargo-hero,
  main > .page-head,
  main > .cargo-head
) {
  margin-top: var(--etl-page-section-gap) !important;
}
body#top:not(.index-page) :is(
  .svc-h2,
  .trk-section-title,
  .calc-section-title,
  .section-title h2,
  .page-head h2,
  .cargo-hero-card h2
) {
  font-size: var(--etl-page-section-title-size) !important;
  line-height: 1.1 !important;
  letter-spacing: -0.02em !important;
}
body#top:not(.index-page) :is(.svc-actions, .cargo-actions, .trk-actions, .cta, .wh-cta) {
  margin-top: var(--etl-page-header-gap) !important;
}
body#top:not(.index-page) :is(.svc-section, .cargo-section, .rules-section, .faq-section) {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
@media (max-width: 980px) {
  body#top:not(.index-page) {
    --etl-page-header-gap: 10px;
    --etl-page-section-gap: 22px;
    --etl-page-title-size: clamp(28px, 7vw, 38px);
    --etl-page-section-title-size: clamp(21px, 5vw, 28px);
  }
}

/* Legacy content pages: normalize wrappers without rewriting page HTML */
body#top:not(.index-page) > main > :is(.faq-wrap, .rules-wrap),
body#top:not(.index-page) > main.page.blog-page > .container,
body#top:not(.index-page) > main > .section-light > .faq-wrap,
body#top:not(.index-page) > main > .section-light > .rules-wrap {
  width: 100% !important;
  max-width: none !important;
  margin-inline: 0 !important;
}
body#top:not(.index-page) :is(.btn-row, .cta-actions, .a-cta) {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: var(--etl-page-header-gap) !important;
}
body#top:not(.index-page) :is(.mini-row, .why-badges, .sc-badges, .wh-badges) {
  margin-top: var(--etl-page-header-gap) !important;
}
body#top:not(.index-page) :is(.contact-grid, .faq-grid, .rules-grid, .docs-grid, .blog-grid, .price-factors, .presence-grid) {
  margin-top: var(--etl-page-section-gap) !important;
}
body#top:not(.index-page) :is(.section-block, .pattern-cta, .a-note, .note, .cta-strip) {
  margin-top: var(--etl-page-header-gap) !important;
}
@media (max-width: 980px) {
  body#top:not(.index-page) :is(.btn-row, .cta-actions, .a-cta) {
    gap: 8px;
  }
}

/* Unified service pages visual system */
body#top.service-page {
  --etl-service-surface: #ffffff;
  --etl-service-surface-2: linear-gradient(180deg, rgba(255,255,255,.98), rgba(250,250,250,.96));
  --etl-service-line: rgba(29,29,27,.08);
  --etl-service-shadow: 0 18px 44px rgba(17, 23, 35, .08);
  --etl-service-radius-lg: 24px;
  --etl-service-radius-md: 18px;
  --etl-service-radius-sm: 16px;
}
html[data-theme="dark"] body#top.service-page {
  --etl-service-surface: #121212;
  --etl-service-surface-2: linear-gradient(180deg, rgba(18,18,18,.98), rgba(15,15,15,.96));
  --etl-service-line: rgba(255,255,255,.09);
  --etl-service-shadow: 0 20px 50px rgba(0,0,0,.34);
}

body#top.service-page :is(.svc-hero, .cargo-hero-card, .cargo-hero-visual, .svc-card, .svc-step, .svc-cta, .cargo-card, .cargo-kpi, .cargo-cta, .wh-card, .wh-callout) {
  border-radius: var(--etl-service-radius-md) !important;
  border: 1px solid var(--etl-service-line) !important;
  box-shadow: var(--etl-service-shadow) !important;
}
body#top.service-page :is(.svc-card, .svc-step, .cargo-card, .cargo-kpi, .wh-card) {
  background: var(--etl-service-surface) !important;
}
body#top.service-page :is(.svc-hero, .svc-cta, .cargo-hero-card, .cargo-hero-visual, .cargo-cta, .wh-callout) {
  background: var(--etl-service-surface-2) !important;
}
body#top.service-page :is(.svc-hero, .cargo-hero-card, .cargo-hero-visual, .cargo-cta, .wh-callout) {
  border-radius: var(--etl-service-radius-lg) !important;
}

body#top.service-page :is(.svc-card, .svc-step, .cargo-card, .wh-card) {
  padding: 18px !important;
}
body#top.service-page :is(.svc-cta, .cargo-cta, .wh-callout) {
  padding: 22px !important;
}
body#top.service-page :is(.cargo-kpi, .svc-kpi, .wh-badge) {
  border-radius: var(--etl-service-radius-sm) !important;
}

body#top.service-page :is(.svc-title, .cargo-head h1, .wh-section .section-title h2, .wh-title, .cargo-hero-card h2, .cargo-card h3, .svc-card h3, .svc-step h4, .svc-cta h3, .cargo-cta h3, .wh-callout h3) {
  color: rgba(29,29,27,.96) !important;
}
body#top.service-page :is(.svc-lead, .svc-sub, .cargo-head .lead, .cargo-hero-card p, .cargo-card p, .svc-card p, .svc-step p, .svc-list, .svc-cta p, .cargo-cta p, .wh-muted, .wh-desc, .wh-bul, .wh-callout p) {
  color: rgba(29,29,27,.72) !important;
}
html[data-theme="dark"] body#top.service-page :is(.svc-title, .cargo-head h1, .wh-section .section-title h2, .wh-title, .cargo-hero-card h2, .cargo-card h3, .svc-card h3, .svc-step h4, .svc-cta h3, .cargo-cta h3, .wh-callout h3) {
  color: rgba(255,255,255,.95) !important;
}
html[data-theme="dark"] body#top.service-page :is(.svc-lead, .svc-sub, .cargo-head .lead, .cargo-hero-card p, .cargo-card p, .svc-card p, .svc-step p, .svc-list, .svc-cta p, .cargo-cta p, .wh-muted, .wh-desc, .wh-bul, .wh-callout p) {
  color: rgba(255,255,255,.74) !important;
}

body#top.service-page :is(.svc-actions, .cargo-actions, .svc-cta-actions, .cargo-cta-actions, .wh-cta) {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}
body#top.service-page :is(.svc-actions, .cargo-actions, .svc-cta-actions, .cargo-cta-actions, .wh-cta) > * {
  margin: 0 !important;
}

body#top.service-page :is(.svc-ghost, .cargo-ghost) {
  border-radius: 14px !important;
}
body#top.service-page :is(.svc-pills, .cargo-pills, .wh-badges) {
  gap: 8px !important;
}
body#top.service-page :is(.svc-pill, .cargo-pill, .wh-badge) {
  min-height: 36px;
  padding: 8px 12px !important;
  border: 1px solid var(--etl-service-line) !important;
  background: rgba(229,38,41,.04) !important;
}
html[data-theme="dark"] body#top.service-page :is(.svc-pill, .cargo-pill, .wh-badge) {
  background: rgba(229,38,41,.08) !important;
}

body#top.service-page :is(.svc-grid, .svc-grid2, .svc-grid3, .cargo-grid, .cargo-extra, .wh-grid) {
  gap: 18px !important;
}
body#top.service-page :is(.svc-section, .cargo-section, .wh-section) + :is(.svc-section, .cargo-section, .wh-section) {
  margin-top: 0 !important;
}
body#top.service-page .wh-section .section-title {
  margin-bottom: 10px !important;
}

/* Service templates audit pass: unify layout without touching page content */
body#top.service-page {
  --etl-service-content-width: 78ch;
  --etl-service-card-gap: 18px;
  --etl-service-kpi-gap: 10px;
}
body#top.service-page :is(.svc-hero, .page-head.cargo-head, .section-light .page-head) {
  position: relative;
}
body#top.service-page :is(.svc-hero, .page-head.cargo-head, .section-light .page-head) :is(.svc-title, h1) {
  max-width: 22ch !important;
}
body#top.service-page :is(.svc-lead, .cargo-head .lead, .page-head > p, .wh-muted) {
  max-width: var(--etl-service-content-width) !important;
}
body#top.service-page :is(.svc-grid, .svc-grid2, .svc-grid3, .cargo-grid, .cargo-extra, .wh-grid, .cargo-kpis, .svc-kpis) {
  gap: var(--etl-service-card-gap) !important;
}
body#top.service-page :is(.cargo-kpis, .svc-kpis) {
  gap: var(--etl-service-kpi-gap) !important;
}
body#top.service-page :is(.svc-card h3, .cargo-card h3, .wh-title, .svc-step h4) {
  margin: 0 0 8px !important;
  font-size: 19px !important;
  line-height: 1.22 !important;
  letter-spacing: -0.01em !important;
}
body#top.service-page :is(.svc-card p, .cargo-card p, .wh-desc, .svc-step p, .svc-list, .wh-bul, .cargo-kpi span) {
  font-size: 14px !important;
  line-height: 1.58 !important;
}
body#top.service-page :is(.svc-card, .cargo-card, .wh-card) :is(ul, ol) {
  padding-left: 18px !important;
  margin: 0 !important;
}
body#top.service-page :is(.svc-card, .cargo-card, .wh-card) :is(li) {
  margin: 6px 0 !important;
}
body#top.service-page :is(.svc-cta, .cargo-cta, .wh-callout) :is(h3, p) {
  max-width: 60ch !important;
}
body#top.service-page :is(.svc-cta, .cargo-cta, .wh-callout) :is(.btn-primary, .btn-outline, .p-btn-primary, .svc-ghost, .cargo-ghost) {
  min-height: 44px !important;
}
body#top.service-page :is(.route-table, .cargo-rates table) {
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow: 0 12px 30px rgba(11,18,30,.08) !important;
}
body#top.service-page :is(.faq-item, .cargo-faq details, .avto-faq-item, .sea-faq-item) {
  border-radius: 16px !important;
  border: 1px solid var(--etl-service-line) !important;
  background: var(--etl-service-surface) !important;
}
/* Unified FAQ accordion across marketing pages */
.etl-faq-section {
  position: relative;
}
.etl-faq-item {
  border-radius: 14px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #fff;
  padding: 16px 20px;
  margin-bottom: 10px;
  box-shadow: var(--shadow-1);
}
.etl-faq-item summary {
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  color: rgba(15, 17, 22, 0.92);
}
.etl-faq-item summary::-webkit-details-marker {
  display: none;
}
.etl-faq-item summary::after {
  content: "+";
  font-size: 20px;
  font-weight: 300;
  color: rgba(229, 38, 41, 0.7);
  flex-shrink: 0;
}
.etl-faq-item[open] summary::after {
  content: "−";
}
.etl-faq-item p {
  margin: 12px 0 0;
  font-size: 14px;
  line-height: 1.6;
  color: rgba(29, 29, 27, 0.72);
}
html[data-theme="dark"] .etl-faq-item {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.1);
}
html[data-theme="dark"] .etl-faq-item summary {
  color: rgba(255, 255, 255, 0.9);
}
html[data-theme="dark"] .etl-faq-item p {
  color: rgba(255, 255, 255, 0.62);
}
html[data-theme="dark"] body#top.service-page :is(.route-table, .cargo-rates table) {
  box-shadow: 0 16px 34px rgba(0,0,0,.34) !important;
}
@media (max-width: 980px) {
  body#top.service-page {
    --etl-service-card-gap: 12px;
    --etl-service-kpi-gap: 8px;
  }
  body#top.service-page :is(.svc-hero, .page-head.cargo-head, .section-light .page-head) :is(.svc-title, h1) {
    max-width: none !important;
  }
  body#top.service-page :is(.svc-card h3, .cargo-card h3, .wh-title, .svc-step h4) {
    font-size: 17px !important;
  }
}
/* NIC final: remove red glow from iOS-style switches across all pages */
.theme-switch,
.theme-switch[aria-checked="true"],
.theme-switch__thumb,
.calc-switch .calc-switch-ui,
.calc-switch input[type="checkbox"]:checked + .calc-switch-ui,
html[data-theme="dark"] .calc-switch .calc-switch-ui,
html[data-theme="dark"] .calc-switch input[type="checkbox"]:checked + .calc-switch-ui,
html[data-theme="dark"] body#top.index-page #calculator .calc-switch input[type="checkbox"]:not(:checked) + .calc-switch-ui,
html[data-theme="dark"] body#top.index-page #calculator .calc-switch input[type="checkbox"]:checked + .calc-switch-ui {
  box-shadow: none !important;
}

.theme-switch:focus-visible,
.calc-switch input[type="checkbox"]:focus-visible + .calc-switch-ui {
  outline: none !important;
  box-shadow: none !important;
}

.theme-switch[aria-checked="true"] {
  background: #e52629 !important;
  background-image: none !important;
  border-color: #e52629 !important;
}

html[data-theme="dark"] .theme-switch[aria-checked="true"] {
  background: #e52629 !important;
  background-image: none !important;
  border-color: #e52629 !important;
}

.theme-switch[aria-checked="true"] .theme-switch__thumb {
  background: #ffffff !important;
}

.calc-switch .calc-switch-ui,
html[data-theme="dark"] .calc-switch .calc-switch-ui,
html[data-theme="dark"] body#top.index-page #calculator .calc-switch input[type="checkbox"]:not(:checked) + .calc-switch-ui {
  background: rgba(15,23,42,.14) !important;
  background-image: none !important;
  border-color: rgba(0,0,0,.18) !important;
}

.calc-switch input[type="checkbox"]:checked + .calc-switch-ui,
html[data-theme="dark"] .calc-switch input[type="checkbox"]:checked + .calc-switch-ui,
html[data-theme="dark"] body#top.index-page #calculator .calc-switch input[type="checkbox"]:checked + .calc-switch-ui,
body#top.index-page #calculator .calc-switch input[type="checkbox"]:checked + .calc-switch-ui {
  background: #e52629 !important;
  background-image: none !important;
  border-color: #e52629 !important;
}

/* Global FAQ unification layer */
body#top :is(.etl-faq-section, .cargo-faq, .cp-faq, .svc-faq, .svc-qa) {
  display: grid !important;
  gap: 10px !important;
}
body#top :is(.etl-faq-item, .cargo-faq details, .cp-faq details, .svc-faq details, .svc-qa details, .faq-page .acc-item) {
  border-radius: 14px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #fff !important;
  box-shadow: var(--shadow-1) !important;
  overflow: hidden !important;
  transition: border-color 0.22s ease, box-shadow 0.22s ease, background-color 0.22s ease, transform 0.22s ease !important;
}
body#top :is(.etl-faq-item, .cargo-faq details, .cp-faq details, .svc-faq details, .svc-qa details):hover,
body#top .faq-page .acc-item:hover {
  border-color: rgba(229, 38, 41, 0.18) !important;
  box-shadow: 0 14px 30px rgba(11, 18, 30, 0.09), 0 10px 24px rgba(229, 38, 41, 0.06) !important;
}
body#top :is(.etl-faq-item[open], .cargo-faq details[open], .cp-faq details[open], .svc-faq details[open], .svc-qa details[open]),
body#top .faq-page .acc-item[aria-expanded="true"] {
  border-color: rgba(229, 38, 41, 0.22) !important;
  box-shadow: 0 16px 34px rgba(11, 18, 30, 0.11), 0 12px 28px rgba(229, 38, 41, 0.08) !important;
}
body#top :is(.etl-faq-item summary, .cargo-faq summary, .cp-faq summary, .svc-faq summary, .svc-qa summary, .faq-page .acc-btn) {
  width: 100% !important;
  margin: 0 !important;
  padding: 16px 20px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  list-style: none !important;
  cursor: pointer;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 12px !important;
  text-align: left !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  color: rgba(15, 17, 22, 0.92) !important;
  transition: color 0.2s ease !important;
}
body#top :is(.etl-faq-item summary, .cargo-faq summary, .cp-faq summary, .svc-faq summary, .svc-qa summary)::-webkit-details-marker {
  display: none !important;
}
body#top :is(.etl-faq-item summary, .cargo-faq summary, .cp-faq summary, .svc-faq summary, .svc-qa summary)::after {
  content: "+" !important;
  font-size: 20px !important;
  font-weight: 300 !important;
  line-height: 1 !important;
  color: rgba(229, 38, 41, 0.72) !important;
  flex-shrink: 0 !important;
}
body#top :is(.etl-faq-item[open], .cargo-faq details[open], .cp-faq details[open], .svc-faq details[open], .svc-qa details[open]) summary::after {
  content: "−" !important;
}
body#top .faq-page .acc-btn .acc-ico {
  width: 20px !important;
  height: 20px !important;
  border: 0 !important;
  border-radius: 0 !important;
  display: inline-grid !important;
  place-items: center !important;
  color: rgba(229, 38, 41, 0.72) !important;
  background: transparent !important;
  flex-shrink: 0 !important;
}
body#top .faq-page .acc-btn .acc-ico::before {
  content: "+" !important;
  font-size: 20px !important;
  font-weight: 300 !important;
  line-height: 1 !important;
}
body#top .faq-page .acc-item[aria-expanded="true"] .acc-btn .acc-ico::before {
  content: "−" !important;
}
body#top :is(.etl-faq-item p, .cargo-faq .cargo-faq-body, .svc-faq .svc-faq-body, .svc-qa .qa-body, .cp-faq p, .faq-page .acc-panel) {
  margin: 0 !important;
  padding: 0 20px 18px !important;
  color: rgba(29, 29, 27, 0.72) !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  background: transparent !important;
  border: 0 !important;
}
body#top :is(.cargo-faq .cargo-faq-body, .svc-faq .svc-faq-body, .svc-qa .qa-body, .faq-page .acc-panel) p {
  margin: 0 !important;
}
body#top :is(.cargo-faq .cargo-faq-body, .svc-faq .svc-faq-body, .svc-qa .qa-body, .faq-page .acc-panel) :is(ul, ol) {
  margin: 8px 0 0 18px !important;
  padding: 0 !important;
}
body#top .faq-page .acc-q {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}
body#top .faq-page .acc-q i {
  color: rgba(229, 38, 41, 0.78) !important;
}
html[data-theme="dark"] body#top :is(.etl-faq-item, .cargo-faq details, .cp-faq details, .svc-faq details, .svc-qa details, .faq-page .acc-item) {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.28) !important;
}
html[data-theme="dark"] body#top :is(.etl-faq-item[open], .cargo-faq details[open], .cp-faq details[open], .svc-faq details[open], .svc-qa details[open]),
html[data-theme="dark"] body#top .faq-page .acc-item[aria-expanded="true"] {
  border-color: rgba(229, 38, 41, 0.28) !important;
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.34), 0 14px 28px rgba(229, 38, 41, 0.08) !important;
}
html[data-theme="dark"] body#top :is(.etl-faq-item summary, .cargo-faq summary, .cp-faq summary, .svc-faq summary, .svc-qa summary, .faq-page .acc-btn) {
  color: rgba(255, 255, 255, 0.9) !important;
}
html[data-theme="dark"] body#top :is(.etl-faq-item p, .cargo-faq .cargo-faq-body, .svc-faq .svc-faq-body, .svc-qa .qa-body, .cp-faq p, .faq-page .acc-panel) {
  color: rgba(255, 255, 255, 0.62) !important;
}
html[data-theme="dark"] body#top .faq-page .acc-q i,
html[data-theme="dark"] body#top .faq-page .acc-btn .acc-ico,
html[data-theme="dark"] body#top :is(.etl-faq-item summary, .cargo-faq summary, .cp-faq summary, .svc-faq summary, .svc-qa summary)::after {
  color: rgba(255, 107, 109, 0.86) !important;
}

/* Final FAQ parity layer: home + route/service details blocks */
body#top :is(#faq-home .faq-list, .etl-faq-section, .cargo-faq, .cp-faq, .svc-faq, .svc-qa) {
  display: grid !important;
  gap: 10px !important;
}
body#top :is(#faq-home .faq-list details, details.faq-item, .etl-faq-item, .cargo-faq details, .cp-faq details, .svc-faq details, .svc-qa details, .faq-page .acc-item) {
  padding: 0 !important;
  margin: 0 !important;
  position: relative !important;
  border-radius: 18px !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.99), rgba(248,250,252,.96)) !important;
  box-shadow:
    0 18px 36px rgba(11, 18, 30, 0.07),
    inset 0 1px 0 rgba(255,255,255,.74) !important;
  overflow: hidden !important;
  transition: border-color .24s ease, box-shadow .24s ease, transform .24s ease, background-color .24s ease !important;
}
body#top :is(#faq-home .faq-list details, details.faq-item, .etl-faq-item, .cargo-faq details, .cp-faq details, .svc-faq details, .svc-qa details, .faq-page .acc-item)::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 auto 0 0 !important;
  width: 4px !important;
  background: linear-gradient(180deg, rgba(229,38,41,.16), rgba(229,38,41,.55), rgba(229,38,41,.16)) !important;
  opacity: .45 !important;
  transition: opacity .24s ease, transform .24s ease !important;
}
body#top :is(#faq-home .faq-list details, details.faq-item, .etl-faq-item, .cargo-faq details, .cp-faq details, .svc-faq details, .svc-qa details):hover,
body#top .faq-page .acc-item:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(229, 38, 41, 0.16) !important;
  box-shadow:
    0 22px 42px rgba(11, 18, 30, 0.1),
    0 10px 24px rgba(229, 38, 41, 0.05),
    inset 0 1px 0 rgba(255,255,255,.82) !important;
}
body#top :is(#faq-home .faq-list details[open], details.faq-item[open], .etl-faq-item[open], .cargo-faq details[open], .cp-faq details[open], .svc-faq details[open], .svc-qa details[open]),
body#top .faq-page .acc-item[aria-expanded="true"] {
  border-color: rgba(229, 38, 41, 0.22) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,1), rgba(250,248,248,.98)) !important;
  box-shadow:
    0 24px 46px rgba(11, 18, 30, 0.11),
    0 12px 28px rgba(229, 38, 41, 0.08),
    inset 0 1px 0 rgba(255,255,255,.84) !important;
}
body#top :is(#faq-home .faq-list details[open], details.faq-item[open], .etl-faq-item[open], .cargo-faq details[open], .cp-faq details[open], .svc-faq details[open], .svc-qa details[open], .faq-page .acc-item[aria-expanded="true"])::before {
  opacity: .92 !important;
}
body#top :is(#faq-home .faq-list summary, details.faq-item > summary, .etl-faq-item summary, .cargo-faq summary, .cp-faq summary, .svc-faq summary, .svc-qa summary, .faq-page .acc-btn) {
  width: 100% !important;
  min-height: 64px !important;
  margin: 0 !important;
  padding: 18px 22px 18px 24px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  list-style: none !important;
  cursor: pointer;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 14px !important;
  text-align: left !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.45 !important;
  letter-spacing: -.01em !important;
  color: rgba(15, 17, 22, 0.94) !important;
  transition: color .22s ease, background-color .22s ease !important;
}
body#top :is(#faq-home .faq-list summary, details.faq-item > summary, .etl-faq-item summary, .cargo-faq summary, .cp-faq summary, .svc-faq summary, .svc-qa summary):hover,
body#top .faq-page .acc-btn:hover {
  background: linear-gradient(180deg, rgba(229,38,41,.035), rgba(255,255,255,0)) !important;
}
body#top :is(#faq-home .faq-list summary, details.faq-item > summary, .etl-faq-item summary, .cargo-faq summary, .cp-faq summary, .svc-faq summary, .svc-qa summary)::-webkit-details-marker {
  display: none !important;
}
body#top :is(#faq-home .faq-list summary, details.faq-item > summary, .etl-faq-item summary, .cargo-faq summary, .cp-faq summary, .svc-faq summary, .svc-qa summary)::after {
  content: "+" !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(229, 38, 41, 0.14) !important;
  background:
    linear-gradient(180deg, rgba(229, 38, 41, 0.09), rgba(229, 38, 41, 0.04)) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.5),
    0 8px 16px rgba(229,38,41,.08) !important;
  font-size: 18px !important;
  font-weight: 300 !important;
  line-height: 1 !important;
  color: rgba(229, 38, 41, 0.78) !important;
  flex-shrink: 0 !important;
  transform: translateZ(0) !important;
  transition: transform .22s ease, border-color .22s ease, background-color .22s ease, color .22s ease, box-shadow .22s ease !important;
}
body#top :is(#faq-home .faq-list details[open], details.faq-item[open], .etl-faq-item[open], .cargo-faq details[open], .cp-faq details[open], .svc-faq details[open], .svc-qa details[open]) summary::after {
  content: "−" !important;
  transform: rotate(180deg) !important;
  border-color: rgba(229, 38, 41, 0.22) !important;
  background:
    linear-gradient(180deg, rgba(229,38,41,.16), rgba(229,38,41,.08)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.55),
    0 10px 18px rgba(229,38,41,.12) !important;
}
body#top :is(#faq-home .faq-answer, details.faq-item .faq-answer, .etl-faq-item p, .cargo-faq .cargo-faq-body, .svc-faq .svc-faq-body, .svc-qa .qa-body, .cp-faq p, .faq-page .acc-panel) {
  margin: 0 !important;
  padding: 0 22px 22px 24px !important;
  color: rgba(29, 29, 27, 0.72) !important;
  font-size: 14px !important;
  line-height: 1.68 !important;
  background: transparent !important;
  border: 0 !important;
}
body#top :is(#faq-home .faq-answer, details.faq-item .faq-answer, .cargo-faq .cargo-faq-body, .svc-faq .svc-faq-body, .svc-qa .qa-body, .faq-page .acc-panel) p {
  margin: 0 !important;
}
body#top :is(#faq-home .faq-answer, details.faq-item .faq-answer, .cargo-faq .cargo-faq-body, .svc-faq .svc-faq-body, .svc-qa .qa-body, .faq-page .acc-panel) :is(ul, ol) {
  margin: 8px 0 0 18px !important;
  padding: 0 !important;
}
html[data-theme="dark"] body#top :is(#faq-home .faq-list details, details.faq-item, .etl-faq-item, .cargo-faq details, .cp-faq details, .svc-faq details, .svc-qa details, .faq-page .acc-item) {
  background: linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.038)) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  box-shadow:
    0 22px 42px rgba(0, 0, 0, 0.32),
    inset 0 1px 0 rgba(255,255,255,.04) !important;
}
html[data-theme="dark"] body#top :is(#faq-home .faq-list details[open], details.faq-item[open], .etl-faq-item[open], .cargo-faq details[open], .cp-faq details[open], .svc-faq details[open], .svc-qa details[open]),
html[data-theme="dark"] body#top .faq-page .acc-item[aria-expanded="true"] {
  border-color: rgba(229, 38, 41, 0.28) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.045)) !important;
  box-shadow:
    0 24px 46px rgba(0, 0, 0, 0.36),
    0 14px 30px rgba(229, 38, 41, 0.09) !important;
}
html[data-theme="dark"] body#top :is(#faq-home .faq-list summary, details.faq-item > summary, .etl-faq-item summary, .cargo-faq summary, .cp-faq summary, .svc-faq summary, .svc-qa summary, .faq-page .acc-btn) {
  color: rgba(255, 255, 255, 0.92) !important;
}
html[data-theme="dark"] body#top :is(#faq-home .faq-list summary, details.faq-item > summary, .etl-faq-item summary, .cargo-faq summary, .cp-faq summary, .svc-faq summary, .svc-qa summary)::after,
html[data-theme="dark"] body#top .faq-page .acc-btn .acc-ico {
  color: rgba(255, 107, 109, 0.88) !important;
  border-color: rgba(229, 38, 41, 0.2) !important;
  background: linear-gradient(180deg, rgba(229,38,41,.14), rgba(229,38,41,.07)) !important;
}
html[data-theme="dark"] body#top :is(#faq-home .faq-answer, details.faq-item .faq-answer, .etl-faq-item p, .cargo-faq .cargo-faq-body, .svc-faq .svc-faq-body, .svc-qa .qa-body, .cp-faq p, .faq-page .acc-panel) {
  color: rgba(255, 255, 255, 0.66) !important;
}

@media (max-width: 1099px) {
  body#top {
    padding-bottom: calc(100px + env(safe-area-inset-bottom, 0px)) !important;
  }
  #m-bottom-nav {
    --m-active-index: 0;
    position: fixed !important;
    left: 12px !important;
    right: 12px !important;
    bottom: calc(12px + env(safe-area-inset-bottom, 0px)) !important;
    width: auto !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0 !important;
    padding: 10px 8px 9px !important;
    border-radius: 24px !important;
    border: 1px solid rgba(18, 22, 33, 0.08) !important;
    background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,255,255,.58)) !important;
    backdrop-filter: blur(24px) saturate(1.2) !important;
    -webkit-backdrop-filter: blur(24px) saturate(1.2) !important;
    box-shadow:
      0 18px 44px rgba(13, 18, 28, 0.18),
      0 4px 14px rgba(13, 18, 28, 0.06),
      inset 0 1px 0 rgba(255,255,255,.72) !important;
    overflow: visible !important;
    z-index: 1200 !important;
  }
  #m-bottom-nav::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: inherit !important;
    pointer-events: none !important;
    background:
      linear-gradient(180deg, rgba(255,255,255,.36), rgba(255,255,255,0) 58%),
      linear-gradient(90deg, rgba(229,38,41,.06), rgba(229,38,41,0) 28%) !important;
  }
  #m-bottom-nav .m-bottom-nav__link {
    position: relative !important;
    z-index: 2 !important;
    flex: 1 1 20% !important;
    min-width: 0 !important;
    min-height: 60px !important;
    padding: 10px 4px 8px !important;
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    color: rgba(31, 36, 45, 0.52) !important;
    text-decoration: none !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 18px !important;
    transform: translateY(0) !important;
    transition:
      color .28s ease,
      transform .38s cubic-bezier(.22,1,.36,1),
      opacity .28s ease !important;
  }
  #m-bottom-nav .m-bottom-nav__link::after {
    content: none !important;
  }
  #m-bottom-nav .m-bottom-nav__icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 23px !important;
    line-height: 1 !important;
    transition:
      color .28s ease,
      transform .38s cubic-bezier(.22,1,.36,1) !important;
  }
  #m-bottom-nav .m-bottom-nav__txt {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
    line-height: 1.2 !important;
    opacity: .72 !important;
    transition:
      color .28s ease,
      opacity .28s ease,
      transform .38s cubic-bezier(.22,1,.36,1) !important;
  }
  #m-bottom-nav .m-bottom-nav__link.is-active,
  #m-bottom-nav .m-bottom-nav__link[aria-current="page"],
  #m-bottom-nav .m-bottom-nav__link.is-current,
  #m-bottom-nav .m-bottom-nav__link.m-bottom-nav__link--menu.is-open {
    color: #e52629 !important;
    transform: translateY(-10px) !important;
  }
  #m-bottom-nav .m-bottom-nav__link.is-active .m-bottom-nav__icon,
  #m-bottom-nav .m-bottom-nav__link[aria-current="page"] .m-bottom-nav__icon,
  #m-bottom-nav .m-bottom-nav__link.is-current .m-bottom-nav__icon,
  #m-bottom-nav .m-bottom-nav__link.m-bottom-nav__link--menu.is-open .m-bottom-nav__icon {
    color: #e52629 !important;
    transform: scale(1.04) !important;
  }
  #m-bottom-nav .m-bottom-nav__link.is-active .m-bottom-nav__txt,
  #m-bottom-nav .m-bottom-nav__link[aria-current="page"] .m-bottom-nav__txt,
  #m-bottom-nav .m-bottom-nav__link.is-current .m-bottom-nav__txt,
  #m-bottom-nav .m-bottom-nav__link.m-bottom-nav__link--menu.is-open .m-bottom-nav__txt {
    opacity: 1 !important;
    color: #e52629 !important;
  }
  #m-bottom-nav .m-bottom-nav__indicator {
    position: absolute !important;
    top: -15px !important;
    left: calc(((100% - 16px) / 5) * var(--m-active-index) + (((100% - 16px) / 5) / 2) + 8px) !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 50% !important;
    transform: translateX(-50%) !important;
    background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.84)) !important;
    border: 5px solid #e52629 !important;
    box-shadow:
      0 8px 18px rgba(229, 38, 41, 0.18),
      0 0 0 1px rgba(255,255,255,.64) inset !important;
    transition: left .38s cubic-bezier(.22,1,.36,1) !important;
    z-index: 1 !important;
    pointer-events: none !important;
  }
  #m-bottom-nav .m-bottom-nav__indicator::before,
  #m-bottom-nav .m-bottom-nav__indicator::after {
    content: "" !important;
    position: absolute !important;
    bottom: -8px !important;
    width: 18px !important;
    height: 18px !important;
    background: transparent !important;
    pointer-events: none !important;
  }
  #m-bottom-nav .m-bottom-nav__indicator::before {
    left: -18px !important;
    border-top-right-radius: 18px !important;
    box-shadow: 4px -6px 0 0 rgba(255,255,255,.74) !important;
  }
  #m-bottom-nav .m-bottom-nav__indicator::after {
    right: -18px !important;
    border-top-left-radius: 18px !important;
    box-shadow: -4px -6px 0 0 rgba(255,255,255,.74) !important;
  }
  .fab-top {
    bottom: calc(96px + env(safe-area-inset-bottom, 0px)) !important;
  }
  .etl-cookie {
    bottom: calc(108px + env(safe-area-inset-bottom, 0px)) !important;
  }
  html[data-theme="dark"] #m-bottom-nav {
    border-color: rgba(255,255,255,.08) !important;
    background: linear-gradient(180deg, rgba(18,21,28,.82), rgba(12,15,21,.72)) !important;
    box-shadow:
      0 18px 44px rgba(0, 0, 0, 0.42),
      inset 0 1px 0 rgba(255,255,255,.08) !important;
  }
  html[data-theme="dark"] #m-bottom-nav::before {
    background:
      linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,0) 58%),
      linear-gradient(90deg, rgba(229,38,41,.09), rgba(229,38,41,0) 26%) !important;
  }
  html[data-theme="dark"] #m-bottom-nav .m-bottom-nav__link {
    color: rgba(255,255,255,.5) !important;
  }
  html[data-theme="dark"] #m-bottom-nav .m-bottom-nav__link.is-active,
  html[data-theme="dark"] #m-bottom-nav .m-bottom-nav__link[aria-current="page"],
  html[data-theme="dark"] #m-bottom-nav .m-bottom-nav__link.is-current,
  html[data-theme="dark"] #m-bottom-nav .m-bottom-nav__link.m-bottom-nav__link--menu.is-open {
    color: #ff5d60 !important;
  }
  html[data-theme="dark"] #m-bottom-nav .m-bottom-nav__link.is-active .m-bottom-nav__icon,
  html[data-theme="dark"] #m-bottom-nav .m-bottom-nav__link[aria-current="page"] .m-bottom-nav__icon,
  html[data-theme="dark"] #m-bottom-nav .m-bottom-nav__link.is-current .m-bottom-nav__icon,
  html[data-theme="dark"] #m-bottom-nav .m-bottom-nav__link.m-bottom-nav__link--menu.is-open .m-bottom-nav__icon,
  html[data-theme="dark"] #m-bottom-nav .m-bottom-nav__link.is-active .m-bottom-nav__txt,
  html[data-theme="dark"] #m-bottom-nav .m-bottom-nav__link[aria-current="page"] .m-bottom-nav__txt,
  html[data-theme="dark"] #m-bottom-nav .m-bottom-nav__link.is-current .m-bottom-nav__txt,
  html[data-theme="dark"] #m-bottom-nav .m-bottom-nav__link.m-bottom-nav__link--menu.is-open .m-bottom-nav__txt {
    color: #ff6b6d !important;
  }
  html[data-theme="dark"] #m-bottom-nav .m-bottom-nav__indicator {
    background: linear-gradient(180deg, rgba(30,35,44,.98), rgba(20,24,31,.88)) !important;
    border-color: #ff5d60 !important;
    box-shadow:
      0 10px 22px rgba(229, 38, 41, 0.24),
      0 0 0 1px rgba(255,255,255,.08) inset !important;
  }
  html[data-theme="dark"] #m-bottom-nav .m-bottom-nav__indicator::before {
    box-shadow: 4px -6px 0 0 rgba(20,24,31,.78) !important;
  }
  html[data-theme="dark"] #m-bottom-nav .m-bottom-nav__indicator::after {
    box-shadow: -4px -6px 0 0 rgba(20,24,31,.78) !important;
  }
}

@media (max-width: 560px) {
  body#top {
    padding-bottom: calc(92px + env(safe-area-inset-bottom, 0px)) !important;
  }
  #m-bottom-nav {
    left: 10px !important;
    right: 10px !important;
    bottom: calc(10px + env(safe-area-inset-bottom, 0px)) !important;
    padding: 9px 6px 8px !important;
    border-radius: 22px !important;
  }
  #m-bottom-nav .m-bottom-nav__link {
    min-height: 56px !important;
    padding: 9px 2px 7px !important;
  }
  #m-bottom-nav .m-bottom-nav__icon {
    font-size: 21px !important;
  }
  #m-bottom-nav .m-bottom-nav__txt {
    font-size: 9px !important;
    letter-spacing: .06em !important;
  }
  #m-bottom-nav .m-bottom-nav__indicator {
    width: 32px !important;
    height: 32px !important;
    top: -13px !important;
    left: calc(((100% - 12px) / 5) * var(--m-active-index) + (((100% - 12px) / 5) / 2) + 6px) !important;
  }
}

@media (max-width: 1099px) {
  body#top #p-header.p-header .p-burger,
  body#top #p-header.p-header #p-burger-btn {
    display: none !important;
  }
}

@media (max-width: 1099px) {
  body#top {
    padding-bottom: calc(88px + env(safe-area-inset-bottom, 0px)) !important;
  }
  #m-bottom-nav {
    position: fixed !important;
    left: 12px !important;
    right: 12px !important;
    bottom: calc(12px + env(safe-area-inset-bottom, 0px)) !important;
    width: auto !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    overflow: visible !important;
    z-index: 1200 !important;
  }
  #m-bottom-nav::before,
  #m-bottom-nav .m-bottom-nav__indicator {
    display: none !important;
    content: none !important;
  }
  #m-bottom-nav .m-bottom-nav__link {
    width: min(280px, calc(100vw - 24px)) !important;
    min-height: 56px !important;
    padding: 0 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: row !important;
    gap: 10px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(18, 22, 33, 0.08) !important;
    background: linear-gradient(180deg, rgba(255,255,255,.82), rgba(255,255,255,.62)) !important;
    box-shadow:
      0 18px 44px rgba(13, 18, 28, 0.18),
      0 4px 14px rgba(13, 18, 28, 0.06),
      inset 0 1px 0 rgba(255,255,255,.72) !important;
    backdrop-filter: blur(24px) saturate(1.2) !important;
    -webkit-backdrop-filter: blur(24px) saturate(1.2) !important;
    color: rgba(31, 36, 45, 0.82) !important;
    transform: none !important;
  }
  #m-bottom-nav .m-bottom-nav__icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 21px !important;
    line-height: 1 !important;
    color: currentColor !important;
  }
  #m-bottom-nav .m-bottom-nav__txt {
    display: block !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
    opacity: 1 !important;
    color: currentColor !important;
    white-space: nowrap !important;
  }
  #m-bottom-nav .m-bottom-nav__link.is-active,
  #m-bottom-nav .m-bottom-nav__link.m-bottom-nav__link--menu.is-open {
    color: #e52629 !important;
    border-color: rgba(229,38,41,.16) !important;
    background: linear-gradient(180deg, rgba(255,255,255,.9), rgba(255,255,255,.7)) !important;
  }
  html[data-theme="dark"] #m-bottom-nav .m-bottom-nav__link {
    border-color: rgba(255,255,255,.08) !important;
    background: linear-gradient(180deg, rgba(18,21,28,.82), rgba(12,15,21,.72)) !important;
    color: rgba(255,255,255,.82) !important;
    box-shadow:
      0 18px 44px rgba(0, 0, 0, 0.42),
      inset 0 1px 0 rgba(255,255,255,.08) !important;
  }
  html[data-theme="dark"] #m-bottom-nav .m-bottom-nav__link.is-active,
  html[data-theme="dark"] #m-bottom-nav .m-bottom-nav__link.m-bottom-nav__link--menu.is-open {
    color: #ff6b6d !important;
    border-color: rgba(229,38,41,.18) !important;
    background: linear-gradient(180deg, rgba(24,28,36,.92), rgba(18,22,30,.82)) !important;
  }
  .fab-top {
    bottom: calc(90px + env(safe-area-inset-bottom, 0px)) !important;
  }
  .etl-cookie {
    bottom: calc(98px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

@media (max-width: 560px) {
  body#top {
    padding-bottom: calc(84px + env(safe-area-inset-bottom, 0px)) !important;
  }
  #m-bottom-nav {
    left: 10px !important;
    right: 10px !important;
    bottom: calc(10px + env(safe-area-inset-bottom, 0px)) !important;
  }
  #m-bottom-nav .m-bottom-nav__link {
    width: min(250px, calc(100vw - 20px)) !important;
    min-height: 52px !important;
    border-radius: 16px !important;
  }
  #m-bottom-nav .m-bottom-nav__icon {
    font-size: 19px !important;
  }
  #m-bottom-nav .m-bottom-nav__txt {
    font-size: 11px !important;
  }
}

@media (max-width: 768px) {
  html,
  body,
  body#top {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  body#top {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }

  body#top main,
  body#top section,
  body#top article,
  body#top aside,
  body#top .container,
  body#top .section,
  body#top .section-light,
  body#top .section-muted,
  body#top .page-head,
  body#top .svc-hero,
  body#top .cargo-head,
  body#top .why-hero,
  body#top .hero-section {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body#top :is(.container, .narrow, .container-narrow, .page, .inner, .svc-hero > .container, .svc-hero .svc-hero-inner) {
    width: calc(100% - 24px) !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body#top * {
    min-width: 0;
  }

  body#top img,
  body#top svg,
  body#top video,
  body#top canvas,
  body#top iframe {
    max-width: 100% !important;
  }

  body#top :is(.hero-visual, .hero-media, .hero-truck, .container-img, .svc-hero::after),
  body#top :is(.hero-visual img, .hero-media img, .hero-truck img, img.hero-truck) {
    max-width: 100% !important;
  }

  body#top :is(.hero-grid, .services-grid, .bento-grid, .process-grid, .why-grid, .rq-grid, .price-grid, .contact-grid, .faq-grid, .docs-grid, .cargo-grid, .sc-grid, .table-grid, .svc-grid, .svc-grid2, .svc-grid3, .svc-grid-2, .cp-grid-2, .cp-grid-3, .about2-grid, .about2-columns, .about2-cases, .presence-grid, .map-grid, .facts, .kpi-grid, .value-grid, .cases-grid, .rq-options, .wh-grid, .cargo-kpis, .cargo-extra, .reviews-map-grid, .sitemap-grid) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
  }

  body#top :is(.svc-grid2--swipe, .avto-page .svc-grid2--swipe, .service-page .svc-grid2--swipe) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    overflow: visible !important;
    padding-bottom: 0 !important;
  }

  body#top :is(.facts > *, .kpi-grid > *, .value-grid > *, .cases-grid > *, .price-grid > *, .svc-grid > *, .svc-grid2 > *, .svc-grid3 > *, .svc-grid-2 > *, .cp-grid-2 > *, .cp-grid-3 > *, .about2-grid > *, .about2-columns > *, .about2-cases > *, .presence-grid > *, .map-grid > *, .cargo-grid > *, .wh-grid > *, .rq-grid > *, .rq-options > *) {
    width: 100% !important;
    max-width: 100% !important;
  }

  body#top :is(.btn, .button, .chip, .pill, .cta, .hero-cta, .svc-pill, .svc-pills a, .svc-pills span, a.btn, button, input[type="button"], input[type="submit"], input[type="reset"]) {
    min-height: 48px !important;
    min-width: 48px !important;
  }

  body#top :is(button, .btn, .button, a.btn, input[type="submit"], input[type="button"], input[type="reset"]) {
    font-size: 15px !important;
    line-height: 1.2 !important;
    padding: 12px 16px !important;
    border-radius: 14px !important;
  }

  body#top :is(input:not([type="checkbox"]):not([type="radio"]), textarea, select, .input, .form-control) {
    min-height: 48px !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
  }

  body#top textarea {
    min-height: 120px !important;
  }

  body#top :is(h1, .svc-title, .hero-title) {
    font-size: clamp(34px, 8.2vw, 48px) !important;
    line-height: .96 !important;
    letter-spacing: -.03em !important;
    word-break: break-word;
  }

  body#top :is(h2, .cargo-h2, .section-title) {
    font-size: clamp(28px, 6.4vw, 34px) !important;
    line-height: 1.04 !important;
    word-break: break-word;
  }

  body#top :is(h3, .card-title, .svc-card h3) {
    font-size: 18px !important;
    line-height: 1.2 !important;
  }

  body#top :is(p, li, .muted, .svc-sub, .svc-lead, .cargo-lead, .lead) {
    font-size: 15px !important;
    line-height: 1.55 !important;
  }

  body#top :is(.svc-card, .cargo-card, .wh-card, .why-card, .side-card, .kpi-box, .price-card, .contact-card, .blog-card, .svc-step, .fleet-card, .cargo-kpi, .cargo-note, .etl-faq-item, .faq-item, .acc-item) {
    padding: 16px !important;
    border-radius: 18px !important;
  }

  body#top :is(.svc-hero, .page-head, .hero-section, .cargo-head, .why-hero) {
    padding-top: 22px !important;
    padding-bottom: 22px !important;
  }

  body#top :is(.svc-process-board, .process-board, .cargo-flow, .timeline, .svc-fleet-showcase) {
    overflow: hidden !important;
  }

  body#top :is(table, .table, .table-pricing) {
    min-width: 640px;
  }

  body#top :is(.table-wrap, .table-responsive, .table-scroll, .pricing-table-wrap, .schedule-table-wrap) {
    width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body#top [style*="grid-template-columns: repeat(2"],
  body#top [style*="grid-template-columns: repeat(3"],
  body#top [style*="grid-template-columns: repeat(4"] {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body#top [style*="width: 50%"],
  body#top [style*="width:50%"],
  body#top [style*="width: 33.333"],
  body#top [style*="width:33.333"],
  body#top [style*="width: 25%"],
  body#top [style*="width:25%"] {
    width: 100% !important;
  }

  body#top.services-page .svc-card::before {
    height: 132px !important;
    background-size: cover, cover !important;
    background-position: center center, center center !important;
  }
}

@media (max-width: 768px) {
  /* Key page stabilization: index / services / schedule / documents */

  body#top.index-page #hero > .container.hero-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 18px !important;
    align-items: start !important;
    padding-right: 0 !important;
  }

  body#top.index-page #hero > .container.hero-grid > :last-child {
    order: 2;
  }

  body#top.index-page .hero-points {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: max-content !important;
    align-items: center !important;
    gap: 8px !important;
    margin-top: 14px !important;
    padding: 2px 12px 8px 2px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    overscroll-behavior-x: contain !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    scroll-snap-type: x proximity !important;
    touch-action: pan-x !important;
    cursor: grab !important;
  }

  body#top.index-page .hero-points::-webkit-scrollbar {
    display: none !important;
  }

  body#top.index-page .hero-point {
    min-height: 38px !important;
    padding: 8px 12px !important;
    font-size: 12px !important;
    white-space: nowrap !important;
    scroll-snap-align: start !important;
  }

  body#top.index-page #calculator .calc-grid,
  body#top.index-page #calculator .calc-grid > div,
  body#top.index-page #calculator .calc-grid > section {
    min-width: 0 !important;
  }

  body#top.index-page #calculator .calc-grid {
    gap: 14px !important;
  }

  body#top.index-page #calculator .row,
  body#top.index-page #calculator .route-row,
  body#top.index-page #calculator .route-grid,
  body#top.index-page #calculator .services-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  body#top.index-page #tracking-strip .track-strip {
    padding: 18px !important;
  }

  body#top.index-page #tracking-strip .track-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  body#top.index-page #tracking-strip .track-actions .btn-primary {
    width: 100% !important;
  }

  body#top.index-page #faq-home summary {
    padding-right: 58px !important;
  }

  body#top.services-page .page-head {
    padding-right: 0 !important;
  }

  body#top.services-page .page-head-main {
    gap: 10px !important;
  }

  body#top.services-page .svc-filter-panel {
    position: static !important;
    top: auto !important;
    right: auto !important;
    width: 100% !important;
    margin-top: 16px !important;
    padding: 16px !important;
  }

  body#top.services-page .svc-quicknav {
    margin-top: 14px !important;
    gap: 8px !important;
  }

  body#top.services-page .svc-quicknav a {
    min-height: 40px !important;
    padding: 0 12px !important;
    font-size: 13px !important;
  }

  body#top.services-page .svc-group-head {
    gap: 4px !important;
    padding-bottom: 12px !important;
  }

  body#top.schedule-page .sc-wrap {
    padding: 24px 12px 64px !important;
  }

  body#top.schedule-page .filters-bar,
  body#top.schedule-page .filters-left,
  body#top.schedule-page .page-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    gap: 10px !important;
  }

  body#top.schedule-page .field {
    min-width: 0 !important;
    width: 100% !important;
    flex: none !important;
  }

  body#top.schedule-page .btn-outline,
  body#top.schedule-page .btn-primary {
    width: 100% !important;
  }

  body#top.schedule-page .pill-row {
    gap: 8px !important;
  }

  body#top.schedule-page .legend-pill {
    min-height: 34px !important;
    padding: 7px 10px !important;
  }

  body#top.schedule-page .table-wrap {
    border-radius: 18px !important;
  }

  body#top.schedule-page .table-head {
    padding: 14px !important;
  }

  body#top.schedule-page .table-head h2,
  body#top.schedule-page .table-head h3 {
    font-size: 15px !important;
  }

  body#top.docs-page .docs-hero,
  body#top.docs-page .docs-summary,
  body#top.docs-page .docs-quick {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
  }

  body#top.docs-page .docs-panel,
  body#top.docs-page .docs-toolbar,
  body#top.docs-page .docs-card,
  body#top.docs-page .docs-quick-card {
    padding: 16px !important;
  }

  body#top.docs-page .docs-library-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: start !important;
  }

  body#top.docs-page .docs-library-stat {
    min-width: 0 !important;
    text-align: left !important;
  }

  body#top.docs-page .docs-search-wrap,
  body#top.docs-page .docs-filters,
  body#top.docs-page .docs-actions {
    width: 100% !important;
    min-width: 0 !important;
  }
}

@media (max-width: 768px) {
  /* Service pages: make them feel like native mobile screens */

  body#top.service-page main.container,
  body#top.simple-service-page main.container,
  body#top.avto-page main.container,
  body#top.docs-page main.container {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  body#top.service-page .svc-section,
  body#top.simple-service-page .svc-section,
  body#top.avto-page .svc-section {
    padding: 18px 0 !important;
  }

  body#top.service-page .svc-hero,
  body#top.simple-service-page .svc-hero,
  body#top.avto-page .svc-hero {
    margin: 16px 0 18px !important;
    border-radius: 22px !important;
  }

  body#top.service-page .svc-hero-inner,
  body#top.simple-service-page .svc-hero-inner,
  body#top.avto-page .svc-hero-inner {
    padding: 18px !important;
    gap: 12px !important;
  }

  body#top.service-page .svc-kicker,
  body#top.simple-service-page .svc-kicker,
  body#top.avto-page .svc-kicker {
    min-height: 30px !important;
    padding: 7px 10px !important;
    font-size: 11px !important;
  }

  body#top.service-page .svc-pills,
  body#top.simple-service-page .svc-pills,
  body#top.avto-page .svc-pills {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: max-content !important;
    align-items: center !important;
    gap: 8px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 2px 12px 8px 2px !important;
    overscroll-behavior-x: contain !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    scroll-snap-type: x proximity !important;
    touch-action: pan-x !important;
  }

  body#top.service-page .svc-pills::-webkit-scrollbar,
  body#top.simple-service-page .svc-pills::-webkit-scrollbar,
  body#top.avto-page .svc-pills::-webkit-scrollbar {
    display: none !important;
  }

  body#top.service-page .svc-pill,
  body#top.simple-service-page .svc-pill,
  body#top.avto-page .svc-pill {
    min-height: 38px !important;
    padding: 8px 11px !important;
    font-size: 12px !important;
    white-space: nowrap !important;
    scroll-snap-align: start !important;
  }

  body#top.service-page .svc-actions,
  body#top.simple-service-page .svc-actions,
  body#top.avto-page .svc-actions,
  body#top.service-page .section-subcta,
  body#top.simple-service-page .section-subcta,
  body#top.avto-page .section-subcta {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  body#top.service-page .svc-actions > *,
  body#top.simple-service-page .svc-actions > *,
  body#top.avto-page .svc-actions > *,
  body#top.service-page .section-subcta > *,
  body#top.simple-service-page .section-subcta > *,
  body#top.avto-page .section-subcta > * {
    width: 100% !important;
  }

  body#top.service-page .svc-grid2,
  body#top.service-page .svc-grid3,
  body#top.service-page .svc-grid-2,
  body#top.simple-service-page .svc-grid2,
  body#top.simple-service-page .svc-grid3,
  body#top.simple-service-page .svc-grid-2,
  body#top.avto-page .svc-grid2,
  body#top.avto-page .svc-grid3,
  body#top.avto-page .svc-grid-2 {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
  }

  body#top.service-page .svc-card,
  body#top.simple-service-page .svc-card,
  body#top.avto-page .svc-card {
    padding: 16px !important;
  }

  body#top.avto-page .svc-mode {
    padding: 14px !important;
    border-radius: 18px !important;
  }

  body#top.avto-page .svc-mode-head {
    align-items: stretch !important;
    gap: 12px !important;
  }

  body#top.avto-page .svc-mode-switch {
    width: 100% !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 4px !important;
  }

  body#top.avto-page .svc-mode-btn {
    min-width: 0 !important;
    padding: 11px 10px !important;
    font-size: 11px !important;
    letter-spacing: .08em !important;
  }

  body#top.avto-page .svc-mode-panel,
  body#top.avto-page .svc-mode-visual,
  body#top.avto-page .fleet-showcase,
  body#top.avto-page .svc-process-board-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  body#top.avto-page .svc-load-stage,
  body#top.avto-page .svc-load-meta {
    min-height: 0 !important;
  }

  body#top.avto-page .svc-load-stage {
    height: 280px !important;
  }

  body#top.avto-page .svc-load-truck {
    inset: 18px 14px 18px 14px !important;
  }

  body#top.avto-page .svc-mode-main h3 {
    min-height: 0 !important;
    font-size: 18px !important;
  }

  body#top.avto-page .svc-mode-main p {
    min-height: 0 !important;
    font-size: 14px !important;
  }

  body#top.avto-page .svc-mode-kpis {
    grid-template-columns: minmax(0, 1fr) !important;
    min-height: 0 !important;
  }

  body#top.avto-page .svc-process-board {
    padding: 16px !important;
    border-radius: 20px !important;
  }

  body#top.avto-page .svc-process-board-head {
    display: grid !important;
    gap: 10px !important;
  }

  body#top.avto-page .svc-process-board-meta {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  body#top.avto-page .svc-process-board-item {
    padding-left: 22px !important;
  }

  body#top.avto-page .svc-cta .inner,
  body#top.service-page .svc-cta .inner,
  body#top.simple-service-page .svc-cta .inner {
    padding: 18px !important;
  }
}

@media (max-width: 768px) {
  /* Targeted stabilization for complex service pages */

  body#top.multi-service-page .svc-process-board,
  body#top.sea-page .sea-route,
  body#top.urgent-page .urgent-flow-wrap,
  body#top.rail-page .svc-cta,
  body#top.multi-service-page .svc-cta,
  body#top.sea-page .svc-cta,
  body#top.urgent-page .svc-cta {
    border-radius: 20px !important;
    overflow: hidden !important;
  }

  body#top.multi-service-page .svc-hero,
  body#top.sea-page .svc-hero,
  body#top.rail-page .svc-hero,
  body#top.urgent-page .svc-hero {
    margin: 14px 0 18px !important;
    border-radius: 22px !important;
  }

  body#top.multi-service-page .svc-hero-inner,
  body#top.sea-page .svc-hero-inner,
  body#top.rail-page .svc-hero-inner,
  body#top.urgent-page .svc-hero-inner {
    padding: 18px !important;
    gap: 12px !important;
  }

  body#top.multi-service-page .svc-grid3,
  body#top.multi-service-page .svc-grid2,
  body#top.sea-page .svc-grid3,
  body#top.sea-page .svc-grid2,
  body#top.rail-page .svc-grid3,
  body#top.rail-page .svc-grid2,
  body#top.urgent-page .svc-grid3,
  body#top.urgent-page .svc-grid2,
  body#top.urgent-page .svc-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
  }

  body#top.multi-service-page .svc-card,
  body#top.sea-page .svc-card,
  body#top.rail-page .svc-card,
  body#top.urgent-page .svc-card {
    padding: 16px !important;
  }

  body#top.multi-service-page .svc-process-board {
    padding: 16px !important;
  }

  body#top.multi-service-page .svc-process-board-head {
    display: grid !important;
    gap: 10px !important;
  }

  body#top.multi-service-page .svc-process-board-meta,
  body#top.multi-service-page .svc-process-board-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  body#top.multi-service-page .svc-process-rail {
    overflow-x: auto !important;
    padding-bottom: 4px !important;
    scrollbar-width: none !important;
  }

  body#top.multi-service-page .svc-process-rail::-webkit-scrollbar {
    display: none !important;
  }

  body#top.multi-service-page .svc-process-rail-grid {
    min-width: 560px !important;
    gap: 18px !important;
  }

  body#top.multi-service-page .svc-process-board-item {
    padding: 14px 14px 14px 22px !important;
  }

  body#top.sea-page .sea-route {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
  }

  body#top.sea-page .sea-route-main,
  body#top.sea-page .sea-route-side {
    padding: 16px !important;
  }

  body#top.sea-page .sea-route-head,
  body#top.sea-page .sea-route-copy,
  body#top.sea-page .sea-route-metrics,
  body#top.sea-page .sea-route-overlay,
  body#top.sea-page .sea-route-status {
    gap: 10px !important;
  }

  body#top.sea-page .sea-route-switch {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
  }

  body#top.sea-page .sea-route-tab {
    min-height: 44px !important;
    padding: 10px 12px !important;
  }

  body#top.sea-page .sea-route-metrics,
  body#top.sea-page .sea-route-panel,
  body#top.sea-page .sea-route-overlay {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body#top.sea-page .sea-route-stage {
    min-height: 300px !important;
    border-radius: 18px !important;
  }

  body#top.sea-page .sea-route-status-card,
  body#top.sea-page .sea-route-side-card,
  body#top.sea-page .sea-route-metric {
    padding: 12px !important;
  }

  body#top.rail-page .section-subcta,
  body#top.urgent-page .section-subcta {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  body#top.rail-page .section-subcta > *,
  body#top.urgent-page .section-subcta > * {
    width: 100% !important;
  }

  body#top.urgent-page .urgent-flow-wrap {
    padding: 16px !important;
  }

  body#top.urgent-page .urgent-flow-list {
    gap: 14px !important;
  }

  body#top.urgent-page .urgent-flow-step {
    grid-template-columns: 42px minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  body#top.urgent-page .urgent-flow-step__num {
    width: 42px !important;
    height: 42px !important;
    font-size: 13px !important;
  }

  body#top.urgent-page .urgent-flow-step__card {
    padding: 14px !important;
  }

  body#top.multi-service-page .svc-cta .inner,
  body#top.sea-page .svc-cta .inner,
  body#top.rail-page .svc-cta .inner,
  body#top.urgent-page .svc-cta .inner {
    display: grid !important;
    gap: 12px !important;
    padding: 18px !important;
  }
}

@media (max-width: 768px) {
  body#top.index-page #trust .trust-proof {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 12px !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    padding: 4px 8px 8px 2px !important;
    margin-top: 18px !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-x: contain !important;
    scroll-snap-type: x proximity !important;
    scrollbar-width: none !important;
    touch-action: pan-x !important;
  }

  body#top.index-page #trust .trust-proof::-webkit-scrollbar {
    display: none !important;
  }

  body#top.index-page #trust .trust-proof > .trust-proof-card {
    flex: 0 0 min(84vw, 320px) !important;
    width: min(84vw, 320px) !important;
    min-width: min(84vw, 320px) !important;
    scroll-snap-align: start !important;
  }

  body#top.index-page .hero-points,
  body#top.index-page .stats-grid {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 12px !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    padding: 2px 8px 8px 2px !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-x: contain !important;
    scroll-snap-type: x proximity !important;
    scrollbar-width: none !important;
    touch-action: pan-x !important;
  }

  body#top.index-page .hero-points::-webkit-scrollbar,
  body#top.index-page .stats-grid::-webkit-scrollbar {
    display: none !important;
  }

  body#top.index-page .hero-point {
    flex: 0 0 max-content !important;
    width: auto !important;
    min-width: 0 !important;
    scroll-snap-align: start !important;
  }

  body#top.index-page .stat-card {
    flex: 0 0 min(82vw, 280px) !important;
    width: min(82vw, 280px) !important;
    min-width: min(82vw, 280px) !important;
    scroll-snap-align: start !important;
  }

  body#top.index-page #services .bento-grid,
  body#top.index-page #how .process-grid,
  body#top.index-page .process-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    padding: 0 !important;
    scroll-snap-type: none !important;
    scroll-behavior: auto !important;
    overscroll-behavior: auto !important;
    -webkit-overflow-scrolling: auto !important;
    scrollbar-width: auto !important;
    touch-action: auto !important;
  }

  body#top.index-page #services .bento-grid::-webkit-scrollbar,
  body#top.index-page #how .process-grid::-webkit-scrollbar,
  body#top.index-page .process-grid::-webkit-scrollbar {
    display: none !important;
  }

  body#top.index-page #services .bento-grid > .bento-card,
  body#top.index-page #how .process-grid > .process-step,
  body#top.index-page .process-grid > .process-step {
    flex: initial !important;
    width: 100% !important;
    min-width: 0 !important;
    scroll-snap-align: none !important;
  }
}

@media (max-width: 768px) {
  /* Final mobile rails for index */
  body#top.index-page #services .bento-grid {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 14px !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    padding: 6px 16px 14px 2px !important;
    margin-top: 18px !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-x: contain !important;
    scroll-snap-type: x proximity !important;
    scrollbar-width: none !important;
    touch-action: manipulation !important;
    scroll-padding-inline: 12px !important;
  }

  body#top.index-page #services .bento-grid::-webkit-scrollbar {
    display: none !important;
  }

  body#top.index-page #services .bento-grid > .bento-card {
    flex: 0 0 min(82vw, 320px) !important;
    width: min(82vw, 320px) !important;
    min-width: min(82vw, 320px) !important;
    scroll-snap-align: start !important;
    min-height: 100% !important;
  }

  body#top.index-page #trust .trust-proof,
  body#top.index-page .hero-points,
  body#top.index-page .stats-grid,
  body#top.index-page #dispatch-regularity .task-grid,
  body#top.index-page #work-formats .formats-grid,
  body#top.index-page #cargo-types .cargo-grid {
    touch-action: manipulation !important;
  }

  body#top.index-page #dispatch-regularity .task-grid,
  body#top.index-page #work-formats .formats-grid,
  body#top.index-page #cargo-types .cargo-grid {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 14px !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    padding: 6px 16px 14px 2px !important;
    margin-top: 18px !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-x: contain !important;
    scroll-snap-type: x proximity !important;
    scrollbar-width: none !important;
    scroll-padding-inline: 12px !important;
    touch-action: manipulation !important;
  }

  body#top.index-page #dispatch-regularity .task-grid::-webkit-scrollbar,
  body#top.index-page #work-formats .formats-grid::-webkit-scrollbar,
  body#top.index-page #cargo-types .cargo-grid::-webkit-scrollbar {
    display: none !important;
  }

  body#top.index-page #dispatch-regularity .task-grid > .task-card,
  body#top.index-page #work-formats .formats-grid > .format-card,
  body#top.index-page #cargo-types .cargo-grid > .cargo-card {
    flex: 0 0 min(82vw, 320px) !important;
    width: min(82vw, 320px) !important;
    min-width: min(82vw, 320px) !important;
    scroll-snap-align: start !important;
  }

  body#top.index-page #cargo-types .cargo-grid > .cargo-card {
    min-height: 100% !important;
  }

  body#top.index-page #trust .trust-proof,
  body#top.index-page #services .bento-grid,
  body#top.index-page #dispatch-regularity .task-grid,
  body#top.index-page #work-formats .formats-grid,
  body#top.index-page #cargo-types .cargo-grid,
  body#top.index-page .hero-points,
  body#top.index-page .stats-grid {
    scroll-behavior: smooth !important;
  }

  body#top.index-page #trust .trust-proof,
  body#top.index-page #services .bento-grid,
  body#top.index-page #dispatch-regularity .task-grid,
  body#top.index-page #work-formats .formats-grid,
  body#top.index-page #cargo-types .cargo-grid {
    align-items: stretch !important;
    mask-image: linear-gradient(to right, transparent 0, #000 12px, #000 calc(100% - 16px), transparent 100%) !important;
    -webkit-mask-image: linear-gradient(to right, transparent 0, #000 12px, #000 calc(100% - 16px), transparent 100%) !important;
  }

  body#top.index-page #trust .trust-proof > .trust-proof-card,
  body#top.index-page #services .bento-grid > .bento-card,
  body#top.index-page #dispatch-regularity .task-grid > .task-card,
  body#top.index-page #work-formats .formats-grid > .format-card,
  body#top.index-page #cargo-types .cargo-grid > .cargo-card,
  body#top.index-page .stats-grid > .stat-card {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    min-height: 100% !important;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
    will-change: transform !important;
  }

  body#top.index-page #trust .trust-proof > .trust-proof-card:active,
  body#top.index-page #services .bento-grid > .bento-card:active,
  body#top.index-page #dispatch-regularity .task-grid > .task-card:active,
  body#top.index-page #work-formats .formats-grid > .format-card:active,
  body#top.index-page #cargo-types .cargo-grid > .cargo-card:active,
  body#top.index-page .stats-grid > .stat-card:active {
    transform: scale(.985) !important;
  }

  body#top.index-page #trust .trust-proof > .trust-proof-card,
  body#top.index-page #services .bento-grid > .bento-card,
  body#top.index-page #dispatch-regularity .task-grid > .task-card,
  body#top.index-page #work-formats .formats-grid > .format-card,
  body#top.index-page #cargo-types .cargo-grid > .cargo-card {
    border-radius: 20px !important;
    box-sizing: border-box !important;
  }

  body#top.index-page #cargo-types .cargo-grid > .cargo-card h3,
  body#top.index-page #services .bento-grid > .bento-card h3,
  body#top.index-page #dispatch-regularity .task-grid > .task-card h3,
  body#top.index-page #work-formats .formats-grid > .format-card h3,
  body#top.index-page #trust .trust-proof > .trust-proof-card h3 {
    margin-bottom: 8px !important;
  }

  body#top.index-page #services .bento-grid > .bento-card p,
  body#top.index-page #dispatch-regularity .task-grid > .task-card p,
  body#top.index-page #work-formats .formats-grid > .format-card p,
  body#top.index-page #trust .trust-proof > .trust-proof-card p,
  body#top.index-page #cargo-types .cargo-grid > .cargo-card .cargo-card__meta {
    margin-bottom: 0 !important;
  }

  body#top.index-page #dispatch-regularity .task-grid > .task-card .task-card__meta,
  body#top.index-page #work-formats .formats-grid > .format-card .format-card__foot,
  body#top.index-page #cargo-types .cargo-grid > .cargo-card .cargo-card__meta {
    margin-top: auto !important;
  }
}

@media (max-width: 768px) {
  /* Unified final mobile rails for index */
  body#top.index-page .etl-mobile-rail {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 14px !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    padding: 6px 16px 16px 0 !important;
    margin-top: 18px !important;
    scroll-padding-inline: 16px !important;
    scroll-snap-type: x proximity !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-x: contain !important;
    overscroll-behavior-y: auto !important;
    touch-action: manipulation !important;
    mask-image: linear-gradient(to right, transparent 0, #000 14px, #000 calc(100% - 14px), transparent 100%) !important;
    -webkit-mask-image: linear-gradient(to right, transparent 0, #000 14px, #000 calc(100% - 14px), transparent 100%) !important;
    scroll-behavior: smooth !important;
  }

  body#top.index-page .etl-mobile-rail::-webkit-scrollbar {
    display: none !important;
  }

  body#top.index-page .etl-mobile-rail > * {
    scroll-snap-align: start !important;
  }

  body#top.index-page .etl-mobile-rail > :is(.bento-card, .task-card, .format-card, .cargo-card, .trust-proof-card) {
    flex: 0 0 min(82vw, 320px) !important;
    width: min(82vw, 320px) !important;
    min-width: min(82vw, 320px) !important;
    min-height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    box-sizing: border-box !important;
    border-radius: 20px !important;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
    will-change: transform !important;
  }

  body#top.index-page .etl-mobile-rail > :is(.bento-card, .task-card, .format-card, .cargo-card, .trust-proof-card):active {
    transform: scale(.985) !important;
  }

  body#top.index-page .etl-mobile-rail > .stat-card {
    flex: 0 0 min(82vw, 280px) !important;
    width: min(82vw, 280px) !important;
    min-width: min(82vw, 280px) !important;
    min-height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
    will-change: transform !important;
  }

  body#top.index-page .etl-mobile-rail > .stat-card:active {
    transform: scale(.985) !important;
  }

  body#top.index-page .etl-mobile-rail > :is(.bento-card, .task-card, .format-card, .cargo-card, .trust-proof-card) h3 {
    margin-bottom: 8px !important;
  }

  body#top.index-page .etl-mobile-rail > :is(.bento-card, .task-card, .format-card, .trust-proof-card) p,
  body#top.index-page .etl-mobile-rail > .cargo-card .cargo-card__meta {
    margin-bottom: 0 !important;
  }

  body#top.index-page .etl-mobile-rail > .task-card .task-card__meta,
  body#top.index-page .etl-mobile-rail > .format-card .format-card__foot,
  body#top.index-page .etl-mobile-rail > .cargo-card .cargo-card__meta {
    margin-top: auto !important;
  }

  body#top.index-page .hero-points.etl-mobile-rail {
    gap: 10px !important;
    padding: 2px 16px 10px 0 !important;
    margin-top: 0 !important;
  }

  body#top.index-page .hero-points.etl-mobile-rail > .hero-point {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: max-content !important;
    white-space: nowrap !important;
  }

  body#top.index-page .stats-grid.etl-mobile-rail {
    gap: 12px !important;
    padding: 6px 16px 14px 0 !important;
  }

  /* Tighten mobile geography section */
  body#top.index-page #geo.section-light {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }

  body#top.index-page #geo .geo-section-title {
    max-width: none !important;
    margin-bottom: 8px !important;
  }

  body#top.index-page #geo .geo-intro {
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    max-width: none !important;
  }

  body#top.index-page #geo .bento-grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin-top: 12px !important;
  }

  body#top.index-page #geo .bento-card {
    padding: 16px !important;
    min-height: 0 !important;
  }

  body#top.index-page #geo .geo-list {
    gap: 8px !important;
    margin-top: 10px !important;
  }

  body#top.index-page #geo .geo-note {
    margin-top: 10px !important;
    padding: 10px 12px !important;
  }

  body#top.index-page #geo .geo-city-meta {
    margin-top: 8px !important;
  }

  body#top.index-page #geo .geo-city-lead {
    margin-top: 8px !important;
    max-width: none !important;
  }

  body#top.index-page #geo .geo-mini {
    margin-top: 10px !important;
    padding-top: 10px !important;
  }

  body#top.index-page #geo .geo-svg-wrap {
    padding: 8px !important;
    border-radius: 14px !important;
  }

  body#top.index-page #geo .geo-svg {
    width: 100% !important;
    height: auto !important;
    max-height: 260px !important;
    display: block !important;
  }
}
@media (max-width: 768px) {
  body#top.index-page #reviews {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
  }

  body#top.index-page #reviews .reviews-grid {
    margin-top: 14px !important;
  }

  body#top.index-page #reviews .review-widget,
  body#top.index-page #reviews .review-widget iframe {
    min-height: 420px !important;
    height: 420px !important;
  }

  body#top.index-page #lead {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
  }

  body#top.index-page #lead .lead-shell {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  body#top.index-page #lead .lead-note {
    padding: 14px 16px !important;
  }

  body#top.index-page #geo.section-light {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
  }

  body#top.index-page #geo .bento-grid {
    gap: 10px !important;
    margin-top: 10px !important;
  }

  body#top.index-page #geo .bento-card {
    padding: 14px !important;
  }

  body#top.index-page #geo .geo-svg {
    max-height: 220px !important;
  }

  body#top.index-page #how .process-track {
    display: none !important;
  }

  body#top.index-page #how .process-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
}

@media (max-width: 768px) {
  /* Final mobile index flow: keep only the affected sections in normal vertical layout */
  body#top.index-page .hero-points {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    overflow: visible !important;
    padding: 0 !important;
    margin-top: 16px !important;
    scroll-snap-type: none !important;
    mask-image: none !important;
    -webkit-mask-image: none !important;
  }

  body#top.index-page .hero-points > .hero-point {
    flex: 0 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
  }

  body#top.index-page .stats-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    overflow: visible !important;
    padding: 0 !important;
    margin-top: 18px !important;
    scroll-snap-type: none !important;
    mask-image: none !important;
    -webkit-mask-image: none !important;
  }

  body#top.index-page .stats-grid > .stat-card {
    width: auto !important;
    min-width: 0 !important;
    flex: initial !important;
  }

  body#top.index-page :is(#tracking-strip, #geo, #dispatch-regularity, #work-formats, #cargo-types, #faq-home, #reviews, #lead) {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    clip: auto !important;
    clip-path: none !important;
    contain: none !important;
    content-visibility: visible !important;
    position: relative !important;
    z-index: auto !important;
  }

  body#top.index-page #tracking-strip .track-strip,
  body#top.index-page #geo .bento-grid,
  body#top.index-page #dispatch-regularity .task-grid,
  body#top.index-page #work-formats .formats-grid,
  body#top.index-page #cargo-types .cargo-grid,
  body#top.index-page #faq-home .faq-grid,
  body#top.index-page #reviews .reviews-grid,
  body#top.index-page #lead .lead-shell {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-top: 12px !important;
    padding: 0 !important;
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    scroll-snap-type: none !important;
    scroll-behavior: auto !important;
    overscroll-behavior: auto !important;
    mask-image: none !important;
    -webkit-mask-image: none !important;
    touch-action: auto !important;
  }

  body#top.index-page :is(#services .bento-card.is-clickable, #dispatch-regularity .task-card.is-clickable) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    display: flex !important;
    position: relative !important;
    inset: auto !important;
    transform: none !important;
    overflow: hidden !important;
    align-self: auto !important;
    justify-self: stretch !important;
    text-decoration: none !important;
  }

  body#top.index-page :is(#tracking-strip .track-feedback[hidden], #tracking-strip .trk-result[hidden], #geo .geo-map-tooltip[hidden]) {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  body#top.index-page #geo .geo-map-tooltip {
    pointer-events: none !important;
    max-width: calc(100vw - 48px) !important;
  }

  body#top.index-page :is(#geo .geo-svg-wrap, #geo .geo-svg) {
    max-width: 100% !important;
    overflow: hidden !important;
  }

  body#top.index-page #reviews .review-widget,
  body#top.index-page #reviews .review-widget iframe {
    width: 100% !important;
    min-height: 360px !important;
    height: 360px !important;
  }
}

@media (max-width: 768px) {
  body#top.index-page #how .process-grid,
  body#top.index-page #dispatch-regularity .task-grid,
  body#top.index-page #work-formats .formats-grid {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 14px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 18px !important;
    padding: 6px 16px 16px 0 !important;
    scroll-snap-type: x proximity !important;
    scroll-behavior: smooth !important;
    overscroll-behavior-x: contain !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    mask-image: none !important;
    -webkit-mask-image: none !important;
  }

  body#top.index-page #how .process-grid::-webkit-scrollbar,
  body#top.index-page #dispatch-regularity .task-grid::-webkit-scrollbar,
  body#top.index-page #work-formats .formats-grid::-webkit-scrollbar {
    display: none !important;
    height: 0 !important;
  }

  body#top.index-page #how .process-grid > .process-step,
  body#top.index-page #dispatch-regularity .task-grid > .task-card,
  body#top.index-page #work-formats .formats-grid > .format-card {
    flex: 0 0 min(84vw, 320px) !important;
    width: min(84vw, 320px) !important;
    min-width: min(84vw, 320px) !important;
    max-width: min(84vw, 320px) !important;
    min-height: 100% !important;
    scroll-snap-align: start !important;
  }

  body#top.index-page #how .process-track {
    display: none !important;
  }

  body#top.index-page #how h2::after {
    content: "Свайп по шагам" !important;
    display: block !important;
    margin-top: 8px !important;
    color: rgba(78, 88, 104, 0.72) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .02em !important;
  }

  body#top.index-page :is(#dispatch-regularity, #work-formats) h2::after {
    content: "Свайп по карточкам" !important;
    display: block !important;
    margin-top: 8px !important;
    color: rgba(78, 88, 104, 0.72) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .02em !important;
  }

  body#top.index-page #tracking-strip .track-strip {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    padding: 18px 16px 20px !important;
    margin-top: 12px !important;
    border-radius: 22px !important;
    text-align: center !important;
  }

  body#top.index-page #tracking-strip .track-strip::before {
    width: 100% !important;
    height: 4px !important;
    inset: 0 0 auto 0 !important;
  }

  body#top.index-page #tracking-strip .track-copy {
    justify-items: center !important;
    text-align: center !important;
  }

  body#top.index-page #tracking-strip .track-copy h2 {
    max-width: 14ch !important;
    margin-inline: auto !important;
  }

  body#top.index-page #tracking-strip .track-copy p,
  body#top.index-page #tracking-strip .track-help {
    max-width: 31ch !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }

  body#top.index-page #tracking-strip .track-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  body#top.index-page #tracking-strip .track-actions .btn-primary {
    width: 100% !important;
  }

  body#top.index-page #tracking-strip .track-field > .track-label {
    left: 50% !important;
    width: calc(100% - 32px) !important;
    text-align: center !important;
    transform: translate(-50%, 1rem) !important;
  }

  body#top.index-page #tracking-strip .track-field:has(> input:focus) > .track-label,
  body#top.index-page #tracking-strip .track-field:has(> input:not(:placeholder-shown)) > .track-label {
    transform: translate(-50%, -50%) scale(.8) !important;
  }
}

@media (max-width: 820px) {
  body#top footer:not(.mobile-app-footer-ready) {
    padding-top: 18px !important;
    padding-bottom: calc(86px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body#top footer:not(.mobile-app-footer-ready) .footer-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  body#top footer:not(.mobile-app-footer-ready) .footer-col {
    gap: 10px !important;
    padding: 16px !important;
    border: 1px solid rgba(17, 24, 39, 0.08) !important;
    border-radius: 20px !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(247, 249, 252, 0.92)) !important;
    box-shadow: 0 16px 30px rgba(17, 24, 39, 0.06) !important;
  }

  body#top footer:not(.mobile-app-footer-ready) .footer-col + .footer-col {
    border-top: 1px solid rgba(17, 24, 39, 0.08) !important;
    padding-top: 16px !important;
    margin-top: 0 !important;
  }

  body#top footer:not(.mobile-app-footer-ready) .footer-h {
    font-size: 13px !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
  }

  body#top footer:not(.mobile-app-footer-ready) :is(.footer-text, .footer-links a, .footer-main-city, .footer-city-contact span) {
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  body#top footer:not(.mobile-app-footer-ready) .footer-links {
    gap: 8px !important;
  }

  body#top footer:not(.mobile-app-footer-ready) .footer-links a {
    display: flex !important;
    align-items: center !important;
    min-height: 48px !important;
    padding: 11px 14px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(17, 24, 39, 0.08) !important;
    background: rgba(255, 255, 255, 0.74) !important;
  }

  body#top footer:not(.mobile-app-footer-ready) .footer-social {
    gap: 10px !important;
    flex-wrap: wrap !important;
  }

  body#top footer:not(.mobile-app-footer-ready) .footer-social:not(.footer-social--pack) .footer-social__link {
    min-height: 46px !important;
    padding: 6px 14px 6px 8px !important;
    font-size: 13px !important;
  }

  body#top footer:not(.mobile-app-footer-ready) .footer-social:not(.footer-social--pack) .footer-social__icon {
    width: 28px !important;
    height: 28px !important;
  }

  body#top footer:not(.mobile-app-footer-ready) .footer-city-links {
    gap: 8px !important;
  }

  body#top footer:not(.mobile-app-footer-ready) .footer-city-link {
    min-height: 42px !important;
    padding: 10px 14px !important;
    font-size: 13px !important;
  }

  body#top footer:not(.mobile-app-footer-ready) .footer-note {
    margin-top: 2px !important;
    padding: 10px 12px !important;
    border-radius: 14px !important;
    background: rgba(17, 24, 39, 0.04) !important;
  }

  body#top footer:not(.mobile-app-footer-ready) .footer-bottom {
    margin-top: 14px !important;
    padding-top: 12px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    justify-items: start !important;
    gap: 8px !important;
    text-align: left !important;
    font-size: 13px !important;
  }

  body#top footer:not(.mobile-app-footer-ready) .footer-dot {
    display: none !important;
  }

  body#top footer:not(.mobile-app-footer-ready) .footer-legal a {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 42px !important;
    padding: 10px 14px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(17, 24, 39, 0.08) !important;
    background: rgba(255, 255, 255, 0.76) !important;
  }
}

@media (max-width: 560px) {
  body#top.index-page #how .process-grid > .process-step,
  body#top.index-page #dispatch-regularity .task-grid > .task-card,
  body#top.index-page #work-formats .formats-grid > .format-card {
    flex-basis: min(88vw, 304px) !important;
    width: min(88vw, 304px) !important;
    min-width: min(88vw, 304px) !important;
    max-width: min(88vw, 304px) !important;
  }

  body#top footer:not(.mobile-app-footer-ready) .footer-col {
    padding: 14px !important;
    border-radius: 18px !important;
  }

  body#top footer:not(.mobile-app-footer-ready) :is(.footer-links a, .footer-legal a) {
    min-height: 46px !important;
    padding: 10px 12px !important;
    border-radius: 13px !important;
  }

  body#top footer:not(.mobile-app-footer-ready) .footer-social:not(.footer-social--pack) .footer-social__link {
    width: 100% !important;
    justify-content: flex-start !important;
  }

  body#top footer:not(.mobile-app-footer-ready) .footer-city-links {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body#top footer:not(.mobile-app-footer-ready) .footer-city-link {
    justify-content: center !important;
  }
}

/* DT_MOBILE_FIX_TABLE: route-table и svc-spec-table на мобильных получают горизонтальный
   скролл вместо overflow:hidden (который применяется для border-radius на десктопе).
   Используем тот же специфичный селектор, чтобы перебить правило выше. */
@media (max-width: 768px) {
  body#top.service-page :is(.route-table, .cargo-rates table),
  body#top.service-page .svc-spec-table {
    display: block !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
}