/* GRUZOVEDOV_MOBILE_HOME_TOP_V1. Only the approved first mobile section. */
.mobile-hero-break, .mobile-hero-cta, .mobile-call-icon,
.mobile-menu-icon, .mobile-conditions-label, .mobile-result-note {display:none}
@media (max-width:767px) {
  .approved-layout-v2 .site-header .header-inner {
    width:100%; min-height:70px; padding:12px 18px; gap:14px;
  }
  .approved-layout-v2 .site-header .brand {width:195px; flex:0 1 195px; min-width:0; margin-right:auto}
  .approved-layout-v2 .site-header .header-contact {display:none}
  .approved-layout-v2 .site-header .header-action {
    display:grid; order:2; flex:0 0 42px; width:42px; height:42px;
    min-width:42px; min-height:42px; padding:0; border:0; border-radius:50%;
    background:var(--orange); color:#fff;
  }
  .approved-layout-v2 .site-header .header-action .desktop-call-label {display:none}
  .approved-layout-v2 .site-header .mobile-call-icon {display:block; width:23px; height:23px; fill:currentColor}
  .approved-layout-v2 .site-header .menu-button {
    display:grid; order:3; flex:0 0 38px; width:38px; min-height:42px;
    margin:0; padding:5px; border:0; background:transparent;
  }
  .approved-layout-v2 .site-header .desktop-menu-label {display:none}
  .approved-layout-v2 .site-header .mobile-menu-icon {display:block; width:28px; height:28px; stroke:currentColor; stroke-width:2.2; fill:none}
  .approved-layout-v2 .site-header .primary-nav {top:100%}
  .approved-layout-v2 .site-header .primary-nav a {min-height:44px}
  .approved-layout-v2 .top-stage.container {
    display:block; width:100%; margin:0; min-height:0;
    border:0; border-radius:0; background:#171b1c; overflow:visible;
  }
  .approved-layout-v2 .top-stage .hero {
    min-height:0 !important; height:auto; border-radius:0;
    grid-template-rows:auto auto 48px; overflow:hidden;
  }
  .approved-layout-v2 .top-stage .hero .hero-copy {padding:25px 22px 20px; container-type:normal}
  .approved-layout-v2 .top-stage .hero .eyebrow {margin:0 0 10px; font-size:12px; line-height:1.4; letter-spacing:.015em}
  .approved-layout-v2 .top-stage .hero #hero-title {
    margin:0 0 16px; font-size:clamp(46px,15vw,72px);
    font-weight:950; line-height:.98; letter-spacing:-.045em;
  }
  .approved-layout-v2 .top-stage .hero .mobile-hero-break {display:inline}
  .approved-layout-v2 .top-stage .hero .desktop-hero-space {display:none}
  .approved-layout-v2 .top-stage .hero .hero-lead {max-width:360px; font-size:20px; line-height:1.3; margin:0 0 20px}
  .approved-layout-v2 .top-stage .hero .mobile-hero-cta {
    display:flex; align-items:center; justify-content:center; gap:12px;
    width:100%; min-height:56px; padding:12px 16px; border-radius:8px;
    background:var(--orange); color:#fff; font-size:16px; font-weight:750; text-decoration:none;
  }
  .approved-layout-v2 .top-stage .hero .mobile-hero-cta span {font-size:23px; font-weight:400}
  .approved-layout-v2 .top-stage .hero-photo {
    width:100% !important; height:auto !important; min-height:0 !important;
    aspect-ratio:1672 / 941 !important; background-size:contain !important;
  }
  .approved-layout-v2 .top-stage .hero-caption {gap:12px; padding:0 22px; font-size:11px; line-height:1.3}
  .approved-layout-v2 .top-stage .hero-caption > span {width:75px; flex:0 0 75px}
  .approved-layout-v2 .top-stage #calculator {
    width:100%; margin:0; border:0; border-radius:12px 12px 0 0;
    background:#fbfaf7; scroll-margin-top:80px;
  }
  .approved-layout-v2 .top-stage #calculator .calculator-panel {
    height:auto; min-height:0; padding:24px 20px 22px; border-radius:12px 12px 0 0;
  }
  .approved-layout-v2 .top-stage #calculator .calculator-eyebrow {font-size:13px; margin-bottom:5px}
  .approved-layout-v2 .top-stage #calculator .calculator-main h2 {font-size:clamp(42px,12vw,54px); line-height:1; margin:0 0 18px; letter-spacing:-.05em}
  .approved-layout-v2 .top-stage #calculator .calculator-choices {margin-bottom:24px; overflow:visible; justify-content:space-between}
  .approved-layout-v2 .top-stage #calculator .calculator-choices .segmented span {
    min-height:42px; padding:9px 3px 10px; font-size:clamp(11px,3.45vw,14px); font-weight:500; white-space:nowrap;
  }
  .approved-layout-v2 .top-stage #calculator .calculator-choices .segmented input:checked+span {font-weight:750}
  .approved-layout-v2 .top-stage #calculator .calculator-choices label:has(input:focus-visible) > span {outline:2px solid var(--orange); outline-offset:2px}
  .approved-layout-v2 .top-stage #calculator #transport-fields .route-grid {gap:16px !important}
  .approved-layout-v2 .top-stage #calculator .field {gap:6px; font-size:14px}
  .approved-layout-v2 .top-stage #calculator .field > span:first-child {font-size:14px; line-height:1.3}
  .approved-layout-v2 .top-stage #calculator .field input,
  .approved-layout-v2 .top-stage #calculator .field select,
  .approved-layout-v2 .top-stage #calculator .field textarea,
  .approved-layout-v2 .top-stage #calculator .reference-field input,
  .approved-layout-v2 .top-stage #calculator .reference-field select {
    min-width:0; max-width:100%; min-height:46px; height:46px; font-size:16px; font-weight:400;
  }
  .approved-layout-v2 .top-stage #calculator textarea {height:auto; min-height:76px}
  .approved-layout-v2 .top-stage #calculator .add-stop-button {min-height:44px; margin:4px 0 0 28px; font-size:14px; font-weight:500}
  .approved-layout-v2 .top-stage #calculator .address-map-button {width:40px; height:40px}
  .approved-layout-v2 .top-stage #calculator .reference-parameters {
    display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px 14px; margin-top:12px;
  }
  .approved-layout-v2 .top-stage #calculator .reference-field {font-size:14px; gap:6px; align-content:start}
  .approved-layout-v2 .top-stage #calculator .reference-field:has(#reference-vehicle) {grid-column:1 / -1; grid-row:1}
  .approved-layout-v2 .top-stage #calculator .reference-field:has(#reference-hours) {grid-column:1; grid-row:2}
  .approved-layout-v2 .top-stage #calculator .reference-field:has(#reference-loaders) {grid-column:2; grid-row:2}
  .approved-layout-v2 .top-stage #calculator .reference-field:has(#reference-date) {grid-column:1; grid-row:3}
  .approved-layout-v2 .top-stage #calculator .reference-field:has(#reference-time) {grid-column:2; grid-row:3}
  .approved-layout-v2 .top-stage #calculator #reference-asap {
    grid-column:1 / -1; grid-row:4; min-height:46px; padding:10px 14px;
    border:1px solid #d4d2cd; background:#fff; color:#171919; font-size:16px; font-weight:400; text-align:left;
  }
  .approved-layout-v2 .top-stage #calculator #reference-asap.is-active {border-color:var(--orange); background:#fff3eb; color:#a84400}
  .approved-layout-v2 .top-stage #calculator .reference-floor {grid-column:1 / -1; grid-row:5}
  .approved-layout-v2 .top-stage #calculator #open-route-conditions {
    display:flex; position:relative; min-height:64px; padding:12px 36px 12px 14px;
    border-color:#d4d2cd; background:transparent; color:#171919; text-align:left; justify-content:flex-start;
  }
  .approved-layout-v2 .top-stage #calculator #open-route-conditions .desktop-conditions-label {display:none}
  .approved-layout-v2 .top-stage #calculator #open-route-conditions .mobile-conditions-label {display:grid; gap:4px; font-weight:500; font-size:14px}
  .approved-layout-v2 .top-stage #calculator #open-route-conditions small {color:#727574; font-size:12px}
  .approved-layout-v2 .top-stage #calculator #open-route-conditions::after {content:'⌄'; position:absolute; right:14px; top:18px; font-size:23px}
  .approved-layout-v2 .top-stage #calculator #open-route-conditions.has-conditions {border-color:var(--orange); background:#fff3eb}
  .approved-layout-v2 .top-stage #calculator .calculator-result {
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:'kicker' 'summary' 'heading' 'price' 'map' 'hint' 'action' 'note' 'mobile-note';
    margin-top:20px; padding-top:16px;
  }
  .approved-layout-v2 .top-stage #calculator .result-kicker {font-size:14px; font-weight:500; margin-bottom:5px}
  .approved-layout-v2 .top-stage #calculator #order-result-summary:empty {display:none}
  .approved-layout-v2 .top-stage #calculator .result-heading {font-size:12px}
  .approved-layout-v2 .top-stage #calculator .result-price {font-size:clamp(26px,8vw,34px); line-height:1.1; font-weight:950}
  .approved-layout-v2 .top-stage #calculator #calculator-action {
    width:100%; min-height:56px; margin-top:14px; padding:12px; border-radius:8px;
    background:var(--orange); color:#fff; font-size:16px; font-weight:750;
  }
  .approved-layout-v2 .top-stage #calculator .order-result-note {font-size:12px; margin-top:10px; line-height:1.4}
  .approved-layout-v2 .top-stage #calculator .mobile-result-note {display:block; grid-area:mobile-note; margin:10px 0 0; font-size:12px; color:#727574; line-height:1.4}
  .approved-layout-v2 .top-stage #calculator .calculator-result:has(#order-result-note:not(:empty)) .mobile-result-note {display:none}
  .approved-layout-v2 .top-stage #calculator .loader-options {grid-template-columns:minmax(0,1fr); gap:16px}
  .approved-layout-v2 .top-stage #calculator .business-settings-grid {grid-template-columns:minmax(0,1fr)}
  .approved-layout-v2 .top-stage a:focus-visible,
  .approved-layout-v2 .site-header button:focus-visible,
  .approved-layout-v2 .site-header a:focus-visible {outline:2px solid var(--orange); outline-offset:3px}
  @media (prefers-reduced-motion:no-preference) {
    html {scroll-behavior:smooth}
  }
}
