
/* GRUZOVEDOV_TABLET_HOME_V1: isolated tablet presentation; original controls stay intact. */
@media (min-width:768px) and (max-width:1199px) {
  .approved-layout-v2 .container {width:calc(100% - 40px); max-width:1160px}
  .approved-layout-v2 .header-inner {min-height:76px; gap:20px}
  .approved-layout-v2 .brand {width:210px; flex:0 0 210px}
  .approved-layout-v2 .site-header .primary-nav {display:flex; position:static; width:auto; margin-left:auto; padding:0; gap:22px; background:transparent; box-shadow:none; flex-direction:row}
  .approved-layout-v2 .site-header .primary-nav a {padding:10px 0; font-size:12px; white-space:nowrap}
  .approved-layout-v2 .site-header .header-contact {display:grid; margin-left:auto}
  .approved-layout-v2 .header-contact .header-phone {font-size:25px; letter-spacing:-.04em}
  .approved-layout-v2 .site-header .header-action {display:none}
  .approved-layout-v2 .site-header .menu-button {display:grid; flex:0 0 42px; width:42px; min-height:42px; margin:0; padding:9px; border-color:#c5c4bf}
  .approved-layout-v2 .site-header .desktop-menu-label {display:none}
  .approved-layout-v2 .site-header .mobile-menu-icon {display:block; width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:2}
  .approved-layout-v2 .site-header .primary-nav.is-open {position:absolute; top:100%; right:0; left:auto; z-index:10; width:250px; display:flex; flex-direction:column; gap:0; padding:12px 18px; background:#fbfaf7; border:1px solid #dfddd8; border-radius:8px; box-shadow:0 10px 30px #0002}
  .approved-layout-v2 .site-header .primary-nav.is-open a {min-height:44px}
  .approved-layout-v2 .top-stage.container {display:grid !important; grid-template-columns:minmax(0,1.36fr) minmax(360px,1fr) !important; gap:0; min-height:0 !important; margin-top:0; border:1px solid #dfddd8; border-radius:12px; overflow:hidden; align-items:start}
  .approved-layout-v2 .top-stage > * {min-width:0}
  .approved-layout-v2 .top-stage .hero {min-height:0 !important; height:auto; border-radius:0; grid-template-rows:auto auto 54px; align-self:start}
  .approved-layout-v2 .top-stage .hero .hero-copy {padding:26px 26px 24px; container-type:normal}
  .approved-layout-v2 .top-stage .hero .eyebrow {margin:0 0 12px; font-size:12px; line-height:1.4}
  .approved-layout-v2 .top-stage .hero #hero-title {margin:0 0 20px; font-size:clamp(48px,5.6vw,66px); line-height:.98; letter-spacing:-.045em; overflow-wrap:normal}
  .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:330px; margin:0; font-size:20px; line-height:1.3}
  .approved-layout-v2 .top-stage .hero-photo {aspect-ratio:1672 / 941 !important; background-size:contain !important}
  .approved-layout-v2 .top-stage .hero-caption {padding:0 26px; gap:18px; font-size:11px; line-height:1.4}
  .approved-layout-v2 .top-stage .hero-caption > span {width:90px; flex:0 0 90px}
  .approved-layout-v2 .top-stage #calculator {scroll-margin-top:86px}
  .approved-layout-v2 .top-stage #calculator .calculator-panel {height:auto; min-height:0; padding:23px 22px 20px}
  .approved-layout-v2 .top-stage #calculator .calculator-main h2 {font-size:40px; line-height:1; margin:0 0 12px}
  .approved-layout-v2 .top-stage #calculator .calculator-choices {justify-content:space-between; overflow:visible; margin-bottom:17px}
  .approved-layout-v2 .top-stage #calculator .calculator-choices .segmented span {min-height:42px; padding:9px 3px; font-size:12px; white-space:nowrap}
  .approved-layout-v2 .top-stage #calculator #transport-fields .route-grid {gap:12px !important}
  .approved-layout-v2 .top-stage #calculator .field {gap:5px; font-size:12px}
  .approved-layout-v2 .top-stage #calculator .field input,
  .approved-layout-v2 .top-stage #calculator .field select,
  .approved-layout-v2 .top-stage #calculator .reference-field input,
  .approved-layout-v2 .top-stage #calculator .reference-field select {min-width:0; max-width:100%; height:44px; min-height:44px; font-size:14px}
  .approved-layout-v2 .top-stage #calculator .reference-parameters {grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 14px; margin-top:12px}
  .approved-layout-v2 .top-stage #calculator .reference-field:has(#reference-vehicle) {grid-area:1 / 1}
  .approved-layout-v2 .top-stage #calculator .reference-field:has(#reference-hours) {grid-area:1 / 2}
  .approved-layout-v2 .top-stage #calculator .reference-field:has(#reference-loaders) {grid-area:2 / 1}
  .approved-layout-v2 .top-stage #calculator #reference-asap {grid-area:2 / 2; min-height:44px; font-size:12px; padding:8px}
  .approved-layout-v2 .top-stage #calculator .reference-field:has(#reference-date) {grid-area:3 / 1}
  .approved-layout-v2 .top-stage #calculator .reference-field:has(#reference-time) {grid-area:3 / 2}
  .approved-layout-v2 .top-stage #calculator .reference-floor {grid-area:4 / 1 / auto / -1}
  .approved-layout-v2 .top-stage #calculator #open-route-conditions {position:relative; width:100%; min-height:54px; padding:10px 32px 10px 12px; text-align:left}
  .approved-layout-v2 .top-stage #calculator .desktop-conditions-label {display:none}
  .approved-layout-v2 .top-stage #calculator .mobile-conditions-label {display:grid; gap:3px; font-size:13px; font-weight:500}
  .approved-layout-v2 .top-stage #calculator .mobile-conditions-label small {font-size:11px; color:#727574}
  .approved-layout-v2 .top-stage #calculator #open-route-conditions::after {content:'⌄'; position:absolute; right:12px; top:14px; font-size:20px}
  .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:16px; padding-top:14px}
  .approved-layout-v2 .top-stage #calculator .result-price {font-size:28px; line-height:1.15}
  .approved-layout-v2 .top-stage #calculator #calculator-action {width:100%; min-height:48px; margin-top:12px; font-size:14px; padding:10px; border-radius:6px}
  .approved-layout-v2 .top-stage #calculator .mobile-result-note {display:block; grid-area:mobile-note; margin:8px 0 0; color:#727574; font-size:11px; 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:repeat(2,minmax(0,1fr)); gap:12px}
  .approved-layout-v2 .top-stage #calculator .loader-options .schedule-control {grid-column:1 / -1}
  .approved-layout-v2 .business-section {grid-template-columns:minmax(0,.8fr) minmax(0,1fr); grid-template-rows:auto auto; gap:16px 20px; padding:26px 0}
  .approved-layout-v2 .business-copy {grid-area:1 / 1; padding:0 10px}
  .approved-layout-v2 .business-copy h2 {margin:0 0 14px; font-size:clamp(34px,3.7vw,44px); line-height:1.02}
  .approved-layout-v2 .business-copy > p:last-child {font-size:16px; line-height:1.35}
  .approved-layout-v2 .business-card {grid-area:2 / 1; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:0 14px; min-height:0; padding:16px; border-radius:9px}
  .approved-layout-v2 .business-card strong {grid-column:1; padding:8px 0; margin:0; font-size:14px; letter-spacing:-.02em; line-height:1.35}
  .approved-layout-v2 .business-card strong:last-of-type {border:0}
  .approved-layout-v2 .business-card a {grid-column:2; grid-row:1 / 4; align-self:center; gap:8px; margin:0; padding:10px 12px; min-height:44px; font-size:12px}
  .approved-layout-v2 .business-photo {grid-area:1 / 2 / 3 / 3; width:100%; height:100%; min-height:0; max-height:none; object-fit:cover; border-radius:10px}
  .approved-layout-v2 .section-tag {font-size:12px; line-height:1.4; margin-bottom:7px}
  .approved-layout-v2 .services-section {padding:0 0 26px; border:0}
  .approved-layout-v2 .services-section > .container {display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); column-gap:30px}
  .approved-layout-v2 .services-section .section-tag {grid-area:1 / 1; padding:0}
  .approved-layout-v2 .services-section h2 {grid-area:2 / 1; font-size:30px; line-height:1.05; margin:0 0 12px}
  .approved-layout-v2 .services-layout {display:contents}
  .approved-layout-v2 .services-photos {grid-area:3 / 1; grid-template-columns:minmax(0,1fr)}
  .approved-layout-v2 #services .services-photos img {display:block; width:100%; height:auto; max-height:none; object-fit:contain; border-radius:8px}
  .approved-layout-v2 .service-list {grid-area:1 / 2 / 4 / 3; align-self:stretch}
  .approved-layout-v2 .service-list article {grid-template-columns:30px minmax(0,1fr) 38px; min-height:86px; gap:12px}
  .approved-layout-v2 .service-list article > span {padding-top:22px; font-size:13px}
  .approved-layout-v2 .service-list h3 {font-size:20px; line-height:1.2}
  .approved-layout-v2 .service-list p {font-size:13px; line-height:1.4}
  .approved-layout-v2 .service-list b {font-size:12px; line-height:1.4}
  .approved-layout-v2 .service-list article > a {width:36px; height:36px; font-size:22px; cursor:pointer}
  .approved-layout-v2 .transport-section {display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.05fr); gap:0 24px; padding:0 0 26px}
  .approved-layout-v2 .transport-section .section-tag {grid-area:1 / 1}
  .approved-layout-v2 .transport-section h2 {grid-area:2 / 1; font-size:29px; line-height:1.1; margin:0 0 12px}
  .approved-layout-v2 .transport-layout {display:contents}
  .approved-layout-v2 .transport-image {grid-area:3 / 1; min-height:0; background:#ece9e3; border-radius:8px}
  .approved-layout-v2 .transport-image img {width:100%; height:auto; aspect-ratio:16 / 9; object-fit:contain}
  .approved-layout-v2 .tariff-table {grid-area:1 / 2 / 4 / 3; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; align-self:center}
  .approved-layout-v2 .tariff-head {display:none}
  .approved-layout-v2 #tariffs [data-fleet-model] {display:grid; grid-template-columns:auto minmax(0,1fr); gap:6px 12px; min-height:100px; padding:14px 32px 12px 14px; border:1px solid #d8d6d1; border-radius:8px; font-size:14px; cursor:pointer}
  .approved-layout-v2 #tariffs [data-fleet-model] strong {grid-column:1 / -1; font-size:17px; line-height:1.2}
  .approved-layout-v2 #tariffs [data-fleet-model] > span:nth-child(2)::after {content:'/час'; font-size:11px; font-weight:400}
  .approved-layout-v2 #tariffs [data-fleet-model] > span:nth-child(3)::after {content:'/км'; font-size:11px; font-weight:400}
  .approved-layout-v2 #tariffs [data-fleet-model] > span:nth-child(4) {grid-column:1 / -1; font-size:12px; color:#727574; font-weight:400}
  .approved-layout-v2 #tariffs [data-fleet-model] > span:nth-child(4)::before {content:'Минимум '}
  .approved-layout-v2 #tariffs [data-fleet-model]::after {content:'›'; position:absolute; right:8px; top:14px; width:22px; height:26px; display:grid; place-items:center; border:1px solid #c5c4bf; border-radius:50%; font-size:20px}
  .approved-layout-v2 #tariffs [data-fleet-model].is-active {border-color:var(--orange)}
  .approved-layout-v2 #tariffs [data-fleet-model].is-active::before {top:0; bottom:0; border-radius:8px 0 0 8px}
  .approved-layout-v2 .tariff-table > p {grid-column:1 / -1; margin:0; font-size:11px}
  .approved-layout-v2 .logistics-inner {grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr) minmax(0,.8fr); gap:20px; min-height:145px; padding:20px 0}
  .approved-layout-v2 .logistics h2 {font-size:32px; line-height:1.05}
  .approved-layout-v2 .steps {gap:14px; padding:0; margin:0; list-style:none}
  .approved-layout-v2 .steps h3 {font-size:12px; line-height:1.3}
  .approved-layout-v2 .steps p {font-size:10px; line-height:1.35}
  .approved-layout-v2 .logistics-contact {grid-column:auto; display:grid; gap:0; justify-items:end}
  .approved-layout-v2 .logistics-contact > a.logistics-phone {font-size:26px; white-space:nowrap}
  .approved-layout-v2 .logistics-contact .logistics-city-code {font-size:13px}
  .approved-layout-v2 .logistics-button {width:100%; margin:10px 0 0; padding:10px; gap:8px; font-size:11px}
  .approved-layout-v2 .footer-inner {gap:20px; flex-wrap:wrap}
  .approved-layout-v2 .footer-brand {width:185px}
  .approved-layout-v2 .footer-inner nav {gap:24px}
  .approved-layout-v2 .calculator-modal {width:min(630px,100%); max-height:calc(100dvh - 44px)}
  .approved-layout-v2 .site-header a:focus-visible,
  .approved-layout-v2 .site-header button:focus-visible,
  .approved-layout-v2 #tariffs [data-fleet-model]:focus-visible {outline:2px solid var(--orange); outline-offset:3px}
}
/* Narrow tablet: retain comfortable controls instead of squeezing two columns. */
@media (min-width:768px) and (max-width:959px) {
  .approved-layout-v2 .site-header .primary-nav:not(.is-open) {display:none}
  .approved-layout-v2 .top-stage.container {grid-template-columns:minmax(0,1fr) !important; overflow:visible}
  .approved-layout-v2 .top-stage .hero {border-radius:12px 12px 0 0; grid-template-columns:1fr 1fr; grid-template-rows:auto 54px}
  .approved-layout-v2 .top-stage .hero .hero-copy {grid-area:1 / 1; padding:26px}
  .approved-layout-v2 .top-stage .hero #hero-title {font-size:48px}
  .approved-layout-v2 .top-stage .hero-photo {grid-area:1 / 2; align-self:center}
  .approved-layout-v2 .top-stage .hero-caption {grid-area:2 / 1 / 3 / -1}
  .approved-layout-v2 .top-stage #calculator .calculator-panel {padding:26px; border-radius:0 0 12px 12px}
  .approved-layout-v2 .top-stage #calculator .calculator-choices {justify-content:flex-start; gap:24px}
  .approved-layout-v2 .business-card {grid-template-columns:minmax(0,1fr)}
  .approved-layout-v2 .business-card a {grid-area:auto; margin-top:12px}
  .approved-layout-v2 .services-section > .container {column-gap:20px}
  .approved-layout-v2 .service-list article {gap:8px; grid-template-columns:26px minmax(0,1fr) 36px}
  .approved-layout-v2 .transport-section {grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr); gap:0 20px}
  .approved-layout-v2 #tariffs [data-fleet-model] {font-size:12px; gap:6px 8px; padding-left:10px}
  .approved-layout-v2 .logistics-inner {grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr)}
  .approved-layout-v2 .logistics-contact {grid-column:1 / -1; display:flex; align-items:center; gap:14px}
  .approved-layout-v2 .logistics-button {width:230px; margin:0 0 0 auto}
}

/* TABLET_TOP_PLACEMENT_V2: keep the approved side-by-side layout at every tablet width. */
@media (min-width:768px) and (max-width:1199px) {
  .approved-layout-v2 .site-header .brand {order:0}
  .approved-layout-v2 .site-header .primary-nav {order:1}
  .approved-layout-v2 .site-header .header-contact {order:2}
  .approved-layout-v2 .site-header .menu-button {order:3}
  .approved-layout-v2 .top-stage.container {grid-template-columns:minmax(0,1.36fr) minmax(0,1fr) !important; overflow:hidden}
  .approved-layout-v2 .top-stage .hero {grid-template-columns:minmax(0,1fr); grid-template-rows:auto auto 54px; border-radius:0}
  .approved-layout-v2 .top-stage .hero .hero-copy {grid-area:1 / 1; padding:26px}
  .approved-layout-v2 .top-stage .hero-photo {grid-area:2 / 1; align-self:start}
  .approved-layout-v2 .top-stage .hero-caption {grid-area:3 / 1}
}
@media (min-width:768px) and (max-width:959px) {
  .approved-layout-v2 .header-inner {gap:12px}
  .approved-layout-v2 .site-header .brand {width:170px; flex-basis:170px}
  .approved-layout-v2 .site-header .primary-nav:not(.is-open) {display:flex; gap:14px}
  .approved-layout-v2 .site-header .primary-nav a {font-size:10px}
  .approved-layout-v2 .header-contact .header-phone {font-size:21px}
  .approved-layout-v2 .header-contact .header-city-code {font-size:11px}
  .approved-layout-v2 .site-header .menu-button {width:38px; flex-basis:38px; min-height:38px; padding:7px}
  .approved-layout-v2 .top-stage .hero .hero-copy {padding:22px 20px}
  .approved-layout-v2 .top-stage .hero #hero-title {font-size:clamp(38px,5.6vw,54px)}
  .approved-layout-v2 .top-stage .hero .eyebrow {font-size:10px}
  .approved-layout-v2 .top-stage .hero .hero-lead {font-size:17px; line-height:1.3}
  .approved-layout-v2 .top-stage .hero-caption {padding:0 20px; gap:12px; font-size:10px}
  .approved-layout-v2 .top-stage .hero-caption > span {width:60px; flex-basis:60px}
  .approved-layout-v2 .top-stage #calculator .calculator-panel {padding:22px 16px; border-radius:0}
  .approved-layout-v2 .top-stage #calculator .calculator-main h2 {font-size:34px}
  .approved-layout-v2 .top-stage #calculator .calculator-choices {justify-content:space-between; gap:0}
  .approved-layout-v2 .top-stage #calculator .calculator-choices .segmented span {font-size:11px; padding-inline:2px}
  .approved-layout-v2 .top-stage #calculator .reference-parameters {gap:12px 10px}
  .approved-layout-v2 .top-stage #calculator .reference-field input,
  .approved-layout-v2 .top-stage #calculator .reference-field select {padding-inline:8px; font-size:12px}
  .approved-layout-v2 .top-stage #calculator #reference-asap {font-size:11px}
  .approved-layout-v2 .top-stage #calculator .result-price {font-size:24px}
  .approved-layout-v2 .top-stage #calculator #calculator-action {font-size:12px}
}

/* Tablet-only compact calculator; hidden fields remain available in the existing dialog. */
@media (min-width:768px) and (max-width:1199px) {
  .approved-layout-v2.tablet-parameters-ready .top-stage #calculator .reference-floor {grid-area:3 / 1 / auto / -1}
  .approved-layout-v2.tablet-parameters-ready .top-stage.business-layout #calculator .reference-floor {display:block !important}
  .approved-layout-v2.tablet-parameters-ready .top-stage #calculator #open-route-conditions {background:transparent; color:#171919; border-color:#d4d2cd; font-weight:500}
  .approved-layout-v2.tablet-parameters-ready .top-stage #calculator #open-route-conditions.has-conditions {border-color:var(--orange); background:#fff3eb}
  .approved-layout-v2.tablet-parameters-ready .top-stage #calculator #order-result-summary,
  .approved-layout-v2.tablet-parameters-ready .top-stage #calculator .result-heading {display:none !important}
  .approved-layout-v2.tablet-parameters-ready .top-stage #calculator .result-kicker {font-size:0; margin:0 0 5px}
  .approved-layout-v2.tablet-parameters-ready .top-stage #calculator .result-kicker::after {content:'Предварительная стоимость'; font-size:12px; font-weight:500}
  .approved-layout-v2.tablet-parameters-ready #parameters-modal .tablet-schedule-fields:not([hidden]) {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; padding-bottom:16px; margin-bottom:4px; border-bottom:1px solid #dfddd8}
  .approved-layout-v2.tablet-parameters-ready #parameters-modal .tablet-schedule-fields .reference-field {grid-area:auto}
  .approved-layout-v2.tablet-parameters-ready #parameters-modal .tablet-schedule-fields input {font-size:16px; min-width:0; width:100%}
}
