/* ========================================================================== 
   TLT Premium 1.8.2 — Mobile Responsive Overhaul
   Purpose-built phone layout for 320–760 px instead of a compressed desktop.
   Loaded last so it can safely neutralize legacy fixed geometry.
   ========================================================================== */

@media (max-width: 760px) {
  html,
  body.tlt-site {
    width: 100%;
    max-width: 100%;
    overflow-x: clip !important;
  }

  body.tlt-site {
    font-size: 15px;
    -webkit-text-size-adjust: 100%;
  }

  .tlt-shell {
    width: calc(100% - 32px) !important;
    max-width: none !important;
    margin-inline: 16px !important;
  }

  .tlt-section,
  .tlt-hero,
  .tlt-footer,
  .tlt-final-cta,
  .tlt-component {
    max-width: 100vw !important;
    overflow-x: clip !important;
  }

  .tlt-section__eyebrow,
  .tlt-kicker,
  .tlt-catalog-intro,
  .tlt-signature-story__intro,
  .tlt-seo__intro,
  .tlt-final-cta__actions,
  .tlt-portal__copy,
  .tlt-route-control__statement,
  .tlt-calc-head > p,
  .tlt-quality__head > p {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  h1, h2, h3,
  .tlt-hero h1,
  .tlt-catalog-head h2,
  .tlt-signature-story__head h2,
  .tlt-route-control__statement h2,
  .tlt-calc-head h2,
  .tlt-quality__head h2,
  .tlt-seo__head h2,
  .tlt-portal__copy h2,
  .tlt-final-cta h2 {
    max-width: 100% !important;
    overflow-wrap: break-word;
    word-break: normal;
    text-wrap: pretty;
  }

  /* ---------- Header ---------- */
  .tlt-header,
  .tlt-header__inner {
    height: 68px !important;
  }

  .tlt-header {
    background: rgba(2, 9, 15, .975) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
  }

  .tlt-header__inner {
    width: calc(100% - 24px) !important;
    margin-inline: 12px !important;
    gap: 10px !important;
  }

  .tlt-brand {
    min-width: 0 !important;
    flex: 0 0 auto !important;
  }

  .tlt-brand__logo {
    width: 88px !important;
    height: 56px !important;
    object-position: left center !important;
  }

  .tlt-header__actions {
    margin-left: auto !important;
    flex: 0 0 auto !important;
  }

  .tlt-header__actions .tlt-phone-stack,
  .tlt-header__actions .tlt-header-cta {
    display: none !important;
  }

  .tlt-header__actions .tlt-track-trigger.tlt-header-action {
    min-height: 34px !important;
    height: 34px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    border: 0 !important;
    border-left: 1px solid rgba(255,255,255,.14) !important;
    border-right: 1px solid rgba(255,255,255,.14) !important;
    font-size: 8.5px !important;
    letter-spacing: .04em !important;
  }

  .tlt-track-trigger__full { display: none !important; }
  .tlt-track-trigger__short { display: inline !important; }

  .tlt-menu-toggle {
    display: block !important;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    padding: 8px !important;
    margin: 0 !important;
    position: relative;
    z-index: 1003;
  }

  .tlt-menu-toggle span {
    width: 26px !important;
    height: 2px !important;
    margin: 5px auto !important;
    transition: transform .22s ease, opacity .18s ease;
    transform-origin: center;
  }

  .tlt-menu-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
  .tlt-menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
  .tlt-menu-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

  .tlt-nav {
    display: block !important;
    position: fixed !important;
    z-index: 1001 !important;
    top: 68px !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    margin: 0 !important;
    padding: 22px 20px 34px !important;
    overflow-y: auto !important;
    background:
      radial-gradient(circle at 80% 5%, rgba(225,186,107,.08), transparent 30%),
      rgba(3, 11, 18, .985) !important;
    border-top: 1px solid rgba(255,255,255,.07);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-10px);
    transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
  }

  .tlt-nav.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: none;
  }

  .tlt-nav ul,
  .tlt-nav .mod-menu,
  .tlt-nav__fallback {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  .tlt-nav li { width: 100% !important; }
  .tlt-nav a {
    display: flex !important;
    align-items: center !important;
    min-height: 58px !important;
    width: 100% !important;
    padding: 0 4px !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
    color: #eef2f5 !important;
    font-size: 13px !important;
    letter-spacing: .08em !important;
  }
  .tlt-nav a::after {
    content: "→";
    margin-left: auto;
    color: var(--tlt-gold-2);
    font-size: 15px;
  }
  body.tlt-menu-open { overflow: hidden !important; }

  /* ---------- Track order dialog ---------- */
  .tlt-track-modal { padding: 0 !important; place-items: end center !important; }
  .tlt-track-dialog {
    width: 100% !important;
    max-width: none !important;
    max-height: 92svh !important;
    padding: 30px 18px 24px !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
  }
  .tlt-track-dialog h2 { font-size: 42px !important; line-height: .98 !important; }
  .tlt-track-dialog__intro p { margin: 16px 0 22px !important; font-size: 12px !important; }
  .tlt-track-form { grid-template-columns: 1fr !important; }
  .tlt-track-submit { min-height: 54px !important; }
  .tlt-track-result__top { display: grid !important; gap: 12px !important; }
  .tlt-track-result__badge { max-width: none !important; text-align: left !important; justify-self: start; }
  .tlt-track-result__meta { grid-template-columns: 1fr !important; }
  .tlt-track-timeline {
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    margin-top: 12px !important;
  }
  .tlt-track-timeline::before { display: none !important; }
  .tlt-track-step {
    grid-template-columns: 34px 1fr !important;
    justify-items: start !important;
    align-items: center !important;
    min-height: 46px !important;
    text-align: left !important;
  }
  .tlt-track-step__mark { width: 28px !important; height: 28px !important; box-shadow: none !important; }
  .tlt-track-step__text { max-width: none !important; font-size: 9px !important; }

  /* ---------- Hero ---------- */
  .tlt-hero--cinematic,
  .tlt-hero {
    min-height: auto !important;
    padding: 92px 0 34px !important;
  }
  .tlt-hero__inner {
    min-height: auto !important;
    padding: 18px 0 22px !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
  }
  .tlt-hero__copy {
    max-width: 100% !important;
    transform: none !important;
  }
  .tlt-kicker {
    margin-bottom: 18px !important;
    font-size: 8px !important;
    line-height: 1.5 !important;
    letter-spacing: .18em !important;
  }
  .tlt-kicker::after { width: 30px !important; height: 1px !important; }
  .tlt-hero h1 {
    font-size: clamp(38px, 11.2vw, 48px) !important;
    line-height: 1.02 !important;
    letter-spacing: -.045em !important;
    margin-bottom: 18px !important;
  }
  .tlt-hero__audience {
    margin-bottom: 17px !important;
    font-size: 7.5px !important;
    line-height: 1.65 !important;
    letter-spacing: .18em !important;
  }
  .tlt-hero__copy p {
    font-size: 14px !important;
    line-height: 1.65 !important;
    margin: 0 !important;
  }
  .tlt-hero__buttons {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 9px !important;
    margin-top: 24px !important;
  }
  .tlt-hero__buttons .tlt-btn { width: 100% !important; min-height: 50px !important; }
  .tlt-hero__scene { background-position: 68% 54% !important; }
  .tlt-hero__shade {
    background:
      linear-gradient(90deg, rgba(2,9,15,.98), rgba(2,9,15,.88) 67%, rgba(2,9,15,.48)),
      linear-gradient(180deg, rgba(2,9,15,.08), rgba(2,9,15,.28) 54%, rgba(2,9,15,.95)) !important;
  }
  .tlt-hero-hotspots,
  .tlt-scroll-cue,
  .tlt-luxe-rail { display: none !important; }

  .tlt-stats {
    width: calc(100% - 32px) !important;
    margin-inline: 16px !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 0 !important;
    padding-top: 0 !important;
  }
  .tlt-stat,
  .tlt-stats > div {
    min-width: 0 !important;
    min-height: 74px !important;
    padding: 15px 10px 12px !important;
    border-left: 0 !important;
    border-right: 1px solid rgba(255,255,255,.08) !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
  }
  .tlt-stats > :nth-child(2n) { border-right: 0 !important; }
  .tlt-stats strong { font-size: 17px !important; }
  .tlt-stats span { font-size: 9px !important; line-height: 1.35 !important; }

  /* ---------- Shared section rhythm ---------- */
  .tlt-section,
  .tlt-catalog-preview,
  .tlt-services,
  .tlt-logistics,
  .tlt-calculator,
  .tlt-quality,
  .tlt-portal {
    padding-top: 68px !important;
    padding-bottom: 68px !important;
  }
  .tlt-section__eyebrow { margin-bottom: 18px !important; font-size: 8.5px !important; letter-spacing: .18em !important; }

  /* ---------- Catalog ---------- */
  .tlt-catalog-head {
    display: block !important;
    padding-left: 0 !important;
    margin-bottom: 30px !important;
  }
  .tlt-catalog-number { font-size: 70px !important; top: -22px !important; opacity: .35 !important; }
  .tlt-catalog-head h2 { font-size: 38px !important; line-height: 1.02 !important; }
  .tlt-catalog-intro { margin-top: 22px !important; padding: 0 !important; }
  .tlt-catalog-intro p { font-size: 13px !important; }
  .tlt-catalog-grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  .tlt-catalog-card {
    min-height: 0 !important;
    padding: 14px !important;
  }
  .tlt-catalog-card__visual { height: 150px !important; margin: 0 0 10px !important; }
  .tlt-catalog-product {
    width: 94% !important;
    height: 142px !important;
    transform: none !important;
  }
  .tlt-catalog-card:hover,
  .tlt-catalog-card:hover .tlt-catalog-product { transform: none !important; }
  .tlt-catalog-card__type { font-size: 20px !important; }
  .tlt-catalog-card__subtitle { min-height: 0 !important; font-size: 9px !important; }
  .tlt-catalog-specs { margin: 16px 0 !important; }
  .tlt-catalog-specs dt,
  .tlt-catalog-specs dd { font-size: 9px !important; }
  .tlt-catalog-card__action { height: 42px !important; font-size: 9px !important; }
  .tlt-catalog-foot { display: none !important; }

  /* ---------- Signature story ---------- */
  .tlt-signature-story,
  .tlt-signature-story--cinematic {
    padding: 68px 0 56px !important;
  }
  .tlt-signature-story__head {
    display: block !important;
    margin-bottom: 28px !important;
  }
  .tlt-signature-story__head h2 { font-size: 37px !important; line-height: 1.02 !important; }
  .tlt-signature-story__intro {
    margin-top: 24px !important;
    padding-left: 16px !important;
  }
  .tlt-story-flow__spine { left: 8px !important; }
  .tlt-story-chapter,
  .tlt-signature-story--cinematic .tlt-story-chapter {
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
    gap: 14px !important;
    padding: 24px 0 30px 26px !important;
  }
  .tlt-story-chapter::before { left: 8px !important; top: 31px !important; }
  .tlt-story-chapter__meta { display: flex !important; flex-direction: row !important; justify-content: flex-start !important; gap: 10px !important; padding: 0 !important; }
  .tlt-story-chapter__meta small { writing-mode: initial !important; transform: none !important; }
  .tlt-story-chapter__copy,
  .tlt-story-chapter--inspect .tlt-story-chapter__copy,
  .tlt-story-chapter--install .tlt-story-chapter__copy,
  .tlt-story-chapter--inspect .tlt-story-chapter__media,
  .tlt-story-chapter--install .tlt-story-chapter__media {
    grid-column: auto !important;
  }
  .tlt-story-chapter__copy h3 { font-size: 24px !important; line-height: 1.08 !important; }
  .tlt-story-chapter__copy p { font-size: 13px !important; line-height: 1.7 !important; }
  .tlt-story-chapter__media,
  .tlt-story-chapter__media--select,
  .tlt-story-chapter__media--inspect,
  .tlt-story-chapter__media--install,
  .tlt-story-chapter__media--route {
    width: 100% !important;
    height: 190px !important;
    min-height: 0 !important;
    padding: 5px !important;
  }
  .tlt-story-panel-image { object-fit: cover !important; }
  .tlt-story-mini-route__labels { font-size: 5.5px !important; }
  .tlt-capability-line {
    margin-top: 8px !important;
    padding-top: 18px !important;
    gap: 14px !important;
    font-size: 7px !important;
    overflow-x: auto !important;
  }

  /* ---------- Route / logistics ---------- */
  .tlt-route-control { padding: 62px 0 66px !important; }
  .tlt-route-control__top { display: block !important; margin-bottom: 24px !important; }
  .tlt-route-control__statement h2 { font-size: 36px !important; line-height: 1.03 !important; }
  .tlt-route-control__status { margin-top: 22px !important; max-width: 100% !important; }
  .tlt-route-console__chrome { height: 38px !important; padding: 0 12px !important; font-size: 6.5px !important; }
  .tlt-route-console__map {
    min-height: 235px !important;
    padding: 12px !important;
    background-size: 42px 42px !important;
  }
  .tlt-route-console__svg { top: 12px !important; height: 190px !important; }
  .tlt-route-console__coords { display: none !important; }
  .tlt-route-console__footer { grid-template-columns: 1fr 1fr !important; }
  .tlt-route-console__footer > div {
    min-width: 0 !important;
    padding: 13px 11px !important;
    border-right: 1px solid rgba(255,255,255,.06) !important;
    border-bottom: 1px solid rgba(255,255,255,.06) !important;
  }
  .tlt-route-console__footer > div:nth-child(2n) { border-right: 0 !important; }
  .tlt-route-console__footer .tlt-btn {
    grid-column: 1 / -1 !important;
    width: calc(100% - 24px) !important;
    margin: 12px !important;
    white-space: normal !important;
  }

  /* ---------- Calculator ---------- */
  .tlt-calculator__shell { width: calc(100% - 24px) !important; margin-inline: 12px !important; }
  .tlt-calc-number { font-size: 72px !important; top: -15px !important; }
  .tlt-calc-head { display: block !important; margin-bottom: 30px !important; }
  .tlt-calc-head h2 { font-size: 36px !important; line-height: 1.03 !important; }
  .tlt-calc-head > p { margin-top: 20px !important; font-size: 13px !important; }
  .tlt-calc-layout { grid-template-columns: 1fr !important; gap: 16px !important; }
  .tlt-calc-panel,
  .tlt-calc-summary { padding: 16px !important; }
  .tlt-calc-types { grid-template-columns: 1fr !important; gap: 7px !important; }
  .tlt-calc-type { min-height: 66px !important; padding: 12px !important; }
  .tlt-calc-row { grid-template-columns: 1fr !important; gap: 0 !important; }
  .tlt-calc-segment { grid-template-columns: repeat(3, 1fr) !important; }
  .tlt-calc-segment button { min-width: 0 !important; padding-inline: 4px !important; font-size: 10px !important; }
  .tlt-calc-fields--2 { grid-template-columns: 1fr !important; }
  .tlt-calc-extras { grid-template-columns: 1fr !important; gap: 6px !important; }
  .tlt-calc-extras span { min-height: 46px !important; font-size: 10px !important; }
  .tlt-calc-summary { position: static !important; top: auto !important; }
  .tlt-calc-summary__visual { height: 170px !important; }
  .tlt-calc-product { width: 100% !important; height: 158px !important; }
  .tlt-calc-summary__type strong { font-size: 28px !important; }
  .tlt-calc-summary__list dd { max-width: 58% !important; overflow-wrap: anywhere; }
  .tlt-calc-total > strong { font-size: 30px !important; }

  /* ---------- Quality / inspection ---------- */
  .tlt-quality::before { font-size: 92px !important; top: 22px !important; }
  .tlt-quality__head { display: block !important; margin-bottom: 30px !important; }
  .tlt-quality__head h2 { font-size: 36px !important; line-height: 1.03 !important; }
  .tlt-quality__head > p { margin-top: 20px !important; font-size: 13px !important; }
  .tlt-quality__layout { grid-template-columns: 1fr !important; gap: 14px !important; }
  .tlt-quality__visual {
    min-height: 300px !important;
    height: auto !important;
    padding: 22px 10px !important;
  }
  .tlt-quality__visual img {
    width: 100% !important;
    max-height: 220px !important;
    transform: translateY(10px) !important;
  }
  .tlt-quality__badge { left: 14px !important; top: 14px !important; }
  .tlt-quality__marker { font-size: 6.5px !important; gap: 5px !important; }
  .tlt-quality__marker::after { width: 25px !important; }
  .tlt-quality__marker--1 { left: 6% !important; top: 55% !important; }
  .tlt-quality__marker--2 { right: 4% !important; top: 40% !important; }
  .tlt-quality__marker--3 { left: 8% !important; bottom: 9% !important; }
  .tlt-quality__marker--4 { right: 4% !important; bottom: 12% !important; }
  .tlt-quality__checklist { height: auto !important; min-height: 0 !important; }
  .tlt-quality-item { grid-template-columns: 34px 1fr !important; gap: 10px !important; padding: 18px 16px !important; }
  .tlt-quality-item strong { font-size: 14px !important; }
  .tlt-quality__cta { width: calc(100% - 28px) !important; margin: 14px !important; min-height: 50px !important; white-space: normal !important; }

  /* ---------- SEO / about ---------- */
  .tlt-seo { padding: 64px 0 !important; }
  .tlt-seo__head { display: block !important; margin-bottom: 32px !important; }
  .tlt-seo__head h2 { font-size: 36px !important; line-height: 1.02 !important; }
  .tlt-seo__intro { margin-top: 24px !important; padding-left: 14px !important; }
  .tlt-seo__intro p { font-size: 13px !important; line-height: 1.7 !important; }
  .tlt-seo__grid { grid-template-columns: 1fr !important; }
  .tlt-seo-card {
    grid-template-columns: 28px minmax(0,1fr) !important;
    gap: 10px !important;
    padding: 24px 0 !important;
  }
  .tlt-seo-card h3 { font-size: 21px !important; }
  .tlt-seo-card p { font-size: 13px !important; }
  .tlt-seo__types { grid-template-columns: 1fr !important; }
  .tlt-seo-type { min-height: 0 !important; padding: 22px 18px !important; border-right: 0 !important; border-bottom: 1px solid rgba(165,188,205,.13) !important; }
  .tlt-seo-type:last-child { border-bottom: 0 !important; }
  .tlt-seo__faq { display: block !important; margin-top: 52px !important; }
  .tlt-seo__faq-title h3 { font-size: 28px !important; }
  .tlt-seo__faq-list { margin-top: 28px !important; }
  .tlt-seo__faq-list summary { padding: 20px 34px 20px 0 !important; font-size: 15px !important; }
  .tlt-seo__faq-list summary::after { right: 2px !important; top: 16px !important; }

  /* ---------- Client portal ---------- */
  .tlt-portal__layout { grid-template-columns: 1fr !important; gap: 34px !important; }
  .tlt-portal__copy h2 { font-size: 38px !important; line-height: 1.03 !important; }
  .tlt-portal__copy > p { font-size: 13px !important; }
  .tlt-portal-demo { padding: 14px !important; }
  .tlt-portal-demo__top { font-size: 7px !important; letter-spacing: .10em !important; gap: 10px !important; }
  .tlt-portal-demo__order { grid-template-columns: 1fr !important; gap: 8px !important; padding: 18px 0 !important; }
  .tlt-portal-progress {
    overflow: visible !important;
    padding: 14px 0 18px !important;
  }
  .tlt-portal-progress__bar { display: none !important; }
  .tlt-portal-progress ol {
    min-width: 0 !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
  }
  .tlt-portal-progress li {
    display: grid !important;
    grid-template-columns: 26px 1fr !important;
    grid-template-areas: "dot title" "dot text";
    column-gap: 10px !important;
    min-height: 46px !important;
    text-align: left !important;
  }
  .tlt-portal-progress i { grid-area: dot; width: 15px !important; height: 15px !important; margin: 2px auto 0 !important; }
  .tlt-portal-progress b { grid-area: title; font-size: 9px !important; margin: 0 0 3px !important; }
  .tlt-portal-progress li > span { grid-area: text; font-size: 8px !important; }
  .tlt-portal-panels { grid-template-columns: 1fr !important; }

  /* ---------- Final CTA ---------- */
  .tlt-final-cta { padding: 68px 0 72px !important; }
  .tlt-final-cta__inner { grid-template-columns: 1fr !important; gap: 28px !important; }
  .tlt-final-cta h2 {
    font-size: 35px !important;
    line-height: 1.03 !important;
    letter-spacing: -.04em !important;
  }
  .tlt-final-cta__actions p { font-size: 13px !important; }
  .tlt-final-cta__actions .tlt-btn { width: 100% !important; min-height: 52px !important; }
  .tlt-final-cta__phone { font-size: 16px !important; }

  /* ---------- Footer ---------- */
  .tlt-footer { padding: 46px 0 20px !important; }
  .tlt-footer__top {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
    padding-bottom: 32px !important;
  }
  .tlt-brand--footer { margin-bottom: 10px !important; }
  .tlt-brand--footer .tlt-brand__logo {
    width: 138px !important;
    height: 86px !important;
  }
  .tlt-footer p { margin: 0 !important; font-size: 13px !important; line-height: 1.6 !important; }
  .tlt-footer__links nav {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px 16px !important;
    margin-bottom: 20px !important;
  }
  .tlt-footer__links nav a { font-size: 13px !important; }
  .tlt-footer__phone,
  .tlt-footer__email { font-size: 13px !important; }
  .tlt-footer__bottom {
    flex-direction: column !important;
    gap: 14px !important;
    padding-top: 18px !important;
    font-size: 11px !important;
    line-height: 1.55 !important;
  }
}

@media (max-width: 430px) {
  .tlt-shell { width: calc(100% - 28px) !important; margin-inline: 14px !important; }
  .tlt-header__inner { width: calc(100% - 20px) !important; margin-inline: 10px !important; }
  .tlt-brand__logo { width: 78px !important; height: 52px !important; }
  .tlt-header__actions .tlt-track-trigger.tlt-header-action { padding-inline: 9px !important; font-size: 8px !important; }
  .tlt-menu-toggle { width: 40px !important; flex-basis: 40px !important; padding-inline: 6px !important; }
  .tlt-hero h1 { font-size: clamp(36px, 10.7vw, 44px) !important; }
  .tlt-catalog-head h2,
  .tlt-signature-story__head h2,
  .tlt-route-control__statement h2,
  .tlt-calc-head h2,
  .tlt-quality__head h2,
  .tlt-seo__head h2,
  .tlt-portal__copy h2 { font-size: 34px !important; }
  .tlt-final-cta h2 { font-size: 32px !important; }
  .tlt-route-console__footer { grid-template-columns: 1fr !important; }
  .tlt-route-console__footer > div { border-right: 0 !important; }
  .tlt-footer__links nav { grid-template-columns: 1fr 1fr !important; }
}

@media (max-width: 350px) {
  .tlt-brand__logo { width: 68px !important; }
  .tlt-header__actions .tlt-track-trigger.tlt-header-action { padding-inline: 7px !important; }
  .tlt-menu-toggle { width: 36px !important; flex-basis: 36px !important; }
  .tlt-hero h1 { font-size: 34px !important; }
  .tlt-catalog-head h2,
  .tlt-signature-story__head h2,
  .tlt-route-control__statement h2,
  .tlt-calc-head h2,
  .tlt-quality__head h2,
  .tlt-seo__head h2,
  .tlt-portal__copy h2,
  .tlt-final-cta h2 { font-size: 30px !important; }
  .tlt-footer__links nav { grid-template-columns: 1fr !important; }
}

/* ==========================================================
   TLT Premium 1.8.1 — Mobile Header / Menu Fix
   ---------------------------------------------------------- */
@media (max-width: 760px) {
  .tlt-header {
    overflow: visible !important;
  }

  .tlt-header__inner {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
  }

  .tlt-brand {
    flex: 0 0 auto !important;
    margin-right: 4px !important;
  }

  .tlt-brand__logo {
    width: 108px !important;
    height: 58px !important;
    object-fit: contain !important;
    object-position: left center !important;
  }

  .tlt-header__actions {
    margin-left: auto !important;
    flex: 0 0 auto !important;
  }

  .tlt-menu-toggle {
    flex: 0 0 42px !important;
    width: 42px !important;
    height: 42px !important;
    padding: 7px !important;
  }

  .tlt-menu-toggle span {
    width: 24px !important;
    margin: 5px auto !important;
  }

  /* Absolute dropdown avoids the fixed-position containing block that
     backdrop-filter creates in some mobile browsers. */
  .tlt-nav {
    position: absolute !important;
    z-index: 1004 !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    width: 100vw !important;
    max-height: calc(100svh - 68px) !important;
    margin: 0 !important;
    padding: 10px 20px 22px !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    background: #030b12 !important;
    border-top: 1px solid rgba(225,186,107,.28) !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
    box-shadow: 0 24px 48px rgba(0,0,0,.48) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(-8px) !important;
    transition: opacity .18s ease, transform .18s ease, visibility .18s ease !important;
  }

  .tlt-nav.is-open {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
  }

  .tlt-nav ul,
  .tlt-nav .mod-menu,
  .tlt-nav__fallback {
    width: 100% !important;
  }

  .tlt-nav li {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .tlt-nav a {
    min-height: 54px !important;
    padding: 0 2px !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
  }

  .tlt-header.is-menu-open {
    background: #02090f !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}

@media (max-width: 430px) {
  .tlt-brand__logo {
    width: 100px !important;
    height: 56px !important;
  }
  .tlt-header__actions .tlt-track-trigger.tlt-header-action {
    padding-inline: 9px !important;
  }
}

@media (max-width: 350px) {
  .tlt-brand__logo {
    width: 88px !important;
    height: 52px !important;
  }
  .tlt-header__inner {
    gap: 5px !important;
  }
  .tlt-menu-toggle {
    flex-basis: 38px !important;
    width: 38px !important;
  }
}


/* ==========================================================
   TLT Premium 1.8.2 — Mobile Phone + Back to Top
   ---------------------------------------------------------- */
@media (max-width: 760px) {
  /* Use the intentional free space between the logo and STATUS for a direct-call action. */
  .tlt-header__actions .tlt-phone-stack {
    display: flex !important;
    align-items: center !important;
    flex: 0 1 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .tlt-header__actions .tlt-phone.tlt-header-action {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    min-width: 0 !important;
    min-height: 34px !important;
    margin: 0 !important;
    padding: 0 9px 0 0 !important;
    border: 0 !important;
    color: #edf1f4 !important;
    font-size: 9px !important;
    line-height: 1 !important;
    font-weight: 760 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    white-space: nowrap !important;
  }

  .tlt-header__actions .tlt-phone.tlt-header-action:hover,
  .tlt-header__actions .tlt-phone.tlt-header-action:focus-visible {
    color: var(--tlt-gold-2) !important;
  }

  .tlt-header__actions .tlt-phone__icon {
    width: 11px !important;
    height: 11px !important;
    flex: 0 0 11px !important;
    stroke-width: 1.7 !important;
  }

  .tlt-header__actions .tlt-track-trigger.tlt-header-action {
    flex: 0 0 auto !important;
  }

  /* Mobile-only fixed return control. Hidden until JS marks it visible. */
  .tlt-mobile-backtop {
    display: grid !important;
    place-items: center !important;
    position: fixed !important;
    z-index: 920 !important;
    right: 14px !important;
    bottom: calc(16px + env(safe-area-inset-bottom, 0px)) !important;
    width: 46px !important;
    height: 46px !important;
    padding: 0 !important;
    border: 1px solid rgba(226, 181, 82, .72) !important;
    border-radius: 0 !important;
    background: rgba(3, 11, 18, .94) !important;
    color: #e6b754 !important;
    box-shadow: 0 12px 32px rgba(0,0,0,.34) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(10px) !important;
    transition: opacity .18s ease, transform .18s ease, visibility .18s ease,
                background-color .18s ease, color .18s ease !important;
  }

  .tlt-mobile-backtop > span {
    display: block !important;
    font-size: 22px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    transform: translateY(-1px) !important;
  }

  .tlt-mobile-backtop.is-visible {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
  }

  .tlt-mobile-backtop:hover,
  .tlt-mobile-backtop:focus-visible {
    background: var(--tlt-gold-2) !important;
    color: #06101a !important;
    outline: none !important;
  }

  body.tlt-menu-open .tlt-mobile-backtop {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
}

@media (max-width: 430px) {
  .tlt-header__actions .tlt-phone.tlt-header-action {
    font-size: 8.5px !important;
    padding-right: 7px !important;
  }
}

@media (max-width: 350px) {
  .tlt-header__actions .tlt-phone.tlt-header-action {
    font-size: 8px !important;
    gap: 3px !important;
    padding-right: 5px !important;
  }
  .tlt-header__actions .tlt-phone__icon {
    display: none !important;
  }
  .tlt-header__actions .tlt-track-trigger.tlt-header-action {
    padding-inline: 7px !important;
  }
  .tlt-mobile-backtop {
    right: 10px !important;
    width: 42px !important;
    height: 42px !important;
  }
}

@media (min-width: 761px) {
  .tlt-mobile-backtop { display: none !important; }
}