/* ==========================================================================
   avcalc.calc.css — паспорт файла
   Путь: /assets/components/avcalc/css/avcalc.calc.css

   Назначение:
     Стили КАЛЬКУЛЯТОРА. Должны быть полностью изолированы и НЕ влиять на дизайн сайта.

   Правило изоляции:
     ВСЕ селекторы должны начинаться с:
       .avcalc[data-avcalc-root="1"] ...

     Никаких глобальных селекторов (html, body, :root, a, button, input и т.п.) вне .avcalc.

   Где подключается:
     Чанк ch_head:
       <link rel="stylesheet" href="/assets/components/avcalc/css/avcalc.calc.css?v=2026-01-03">

   Связанные файлы:
     - /assets/site/css/site.css            (общий дизайн сайта; вне калькулятора)
     - /assets/components/avcalc/js/avcalc.calc.js   (логика калькулятора, изолирована по .avcalc)

   Версия: 2026-01-03
   Правки: вносить ТОЛЬКО сюда (это «источник истины» для стилей калькулятора).
   ========================================================================== */

/* avcalc.calc.css
 * Назначение: стили калькулятора на Главной (изоляция внутри .avcalc)
 * Вынесено из /assets/site/css/site.css при разноске кода.
 * Важно: любые изменения UI калькулятора делаем здесь, не в общем site.css.
 
 *
 * 2026-01-03 — Патч: изоляция стилей (все селекторы под .avcalc), чтобы не ломать дизайн сайта.
 */

.avcalc .tariff-mode{
  padding: 12px 12px;
  border-radius: 14px;
  background: radial-gradient(circle at top left, #020617 0, #020617 65%);
  border: 1px solid rgba(148,163,184,0.6);
  margin-bottom: 12px;
  box-shadow: 0 10px 26px rgba(15,23,42,0.85);
}.avcalc .tariff-mode-title{
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 6px;
  color: #e5e7eb;
}.avcalc .calc-block--services .tariff-mode-title{
  text-align: center;
  font-size: 18px; 
}.avcalc .mode-buttons{
  position: relative;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  background: #020617;
  padding: 4px;
  gap: 0;
  overflow: hidden;
  width: max-content;
}.avcalc .mode-slider{
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: 4px;
  width: calc(50% - 4px);
  border-radius: 999px;
  background: radial-gradient(circle at top left, #22c55e 0, #16a34a 60%);
  box-shadow: 0 6px 16px rgba(22,163,74,0.9);
  transition: transform 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}.avcalc .mode-buttons.mode-buttons--day .mode-slider{ transform: translateX(0); }.avcalc .mode-buttons.mode-buttons--night .mode-slider{
  transform: translateX(100%);
  background: radial-gradient(circle at top left, #ef4444 0, #b91c1c 60%);
  box-shadow: 0 6px 16px rgba(185,28,28,0.9);
}.avcalc .mode-btn{
  border: none;
  background: transparent;
  padding: 7px 18px;
  border-radius: 999px;
  font-size: 15px;
  cursor: pointer;
  color: #9ca3af;
  min-width: 86px;
  font-weight: 600;
  position: relative;
  z-index: 1;
  text-align: center;
  transition: color 0.15s ease, transform 0.08s ease;
}.avcalc .mode-btn[data-mode="day"].active{ color: #f9fafb; }.avcalc .mode-btn[data-mode="night"].active{ color: #fee2e2; }.avcalc .mode-buttons.mode-buttons--city .mode-slider{ transform: translateX(0); }.avcalc .mode-buttons.mode-buttons--intercity .mode-slider{
  transform: translateX(100%);
  background: radial-gradient(circle at top left, rgba(245,158,11,0.98) 0%, rgba(217,119,6,0.98) 65%);
  box-shadow: 0 10px 18px rgba(245,158,11,.28), 0 6px 10px rgba(0,0,0,.35);
}.avcalc .mode-btn[data-mode="city"].active{ color: #f9fafb; }.avcalc .mode-btn[data-mode="intercity"].active{ color: #fff7ed; }.avcalc .mode-buttons.mode-buttons--city, .avcalc .mode-buttons.mode-buttons--intercity{
  width: 100%;
}.avcalc .mode-buttons.mode-buttons--city .mode-btn, .avcalc .mode-buttons.mode-buttons--intercity .mode-btn{
  flex: 1;
  min-width: 0;
  white-space: nowrap;
}.avcalc .mode-buttons.mode-buttons--day, .avcalc .mode-buttons.mode-buttons--night{
  width: 100%;
}.avcalc .mode-buttons.mode-buttons--day .mode-btn, .avcalc .mode-buttons.mode-buttons--night .mode-btn{
  flex: 1;
  min-width: 0;
  white-space: nowrap;
}.avcalc .calc-block--mode > .tariff-mode-title{
  text-align: center;
  font-size: 18px; 
}.avcalc .mode-btn:focus-visible{
  outline: 2px solid rgba(56,189,248,0.8);
  outline-offset: 2px;
}.avcalc label span.req{ color: var(--danger); }.avcalc .order-form .touched.is-invalid{
  border-color: rgba(239,68,68,0.95) !important;
  box-shadow: 0 0 0 1px rgba(15,23,42,0.9), 0 0 0 2px rgba(239,68,68,0.75) !important;
  background: rgba(239,68,68,0.10) !important;
}.avcalc .order-form .touched.is-valid{
  border-color: rgba(34,197,94,0.95) !important;
  box-shadow: 0 0 0 1px rgba(15,23,42,0.9), 0 0 0 2px rgba(34,197,94,0.75) !important;
  background: rgba(34,197,94,0.12) !important;
}.avcalc .calc-summary{
  margin-top: 16px;
  padding: 14px 12px 12px;
  border-radius: 16px;
  background: radial-gradient(circle at top left, #020617 0, #020617 60%, #02091c 100%);
  border: 1px solid rgba(148,163,184,0.7);
  box-shadow: 0 16px 36px rgba(15,23,42,0.95);
}.avcalc .calc-summary-title{
  font-size: 15px;
  font-weight: 800;
  margin: 0 0 6px;
  color: #e5e7eb;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}.avcalc .calc-row{
  display: flex;
  justify-content: space-between;
  gap: 8px;
  font-size: 15px;
  margin-bottom: 2px;
}.avcalc .calc-label{ color: var(--text-muted); }.avcalc .calc-value{ font-weight: 600; text-align: right; }.avcalc .calc-total-row{
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 8px;
  margin-top: 8px;
  padding-top: 6px;
  border-top: 1px dashed rgba(148,163,184,0.8);
}.avcalc .calc-total-label{ font-size: 15px; font-weight: 700; color: #e5e7eb; }.avcalc .calc-total-value{ font-size: 20px; font-weight: 900; color: #f9fafb; }.avcalc .calc-note{
  margin-top: 6px;
  font-size: 13px;
  color: var(--text-muted);
  line-height: 1.6;
}.avcalc .calc-note a{ color: var(--brand-blue); }.avcalc .calc-remote-detail{
  font-size: 14px;
  color: #e5e7eb;
  margin-top: 4px;
  text-align: right;
}.avcalc .address-hint{
  font-size: 13px;
  color: var(--text-muted);
  margin-top: 2px;
}.avcalc .tariff-card{
  background: radial-gradient(circle at top left, #fed7aa 0, #fdba74 25%, #fb923c 50%, #ea580c 80%, #9a3412 100%);
  border-radius: var(--radius-card);
  padding: 22px 16px 18px;
  box-shadow: var(--shadow-strong);
  border: 1px solid rgba(147,84,32,0.95);
}.avcalc .tariff-stack__part + .tariff-stack__part{
  margin-top: 22px; /* расстояние остаётся, но фон — общий (оранжевый) */
}.avcalc .tariff-title{ font-size: 22px; margin: 0 0 4px; color: #000; }.avcalc .tariff-date{ font-size: 14px; color: #000; margin-bottom: 12px; }.avcalc .tariff-note{
  font-size: 13px;
  color: #000;
  margin-top: 6px;
  line-height: 1.6;
}@media (max-width: 700px) {.avcalc .tariff-mode{ margin-bottom: 10px; }.avcalc .mode-buttons{ width: 100%; justify-content: space-between; }.avcalc .mode-btn{ flex: 1; padding: 9px 0; font-size: 16px; }.avcalc .calc-summary{ margin-top: 12px; }}.avcalc .tariff-mode{
  padding: 12px 12px;
  border-radius: 14px;
  background: radial-gradient(circle at top left, #020617 0, #020617 65%);
  border: 1px solid rgba(148,163,184,0.6);
  margin-bottom: 12px;
  box-shadow: 0 10px 26px rgba(15,23,42,0.85);
}.avcalc .tariff-mode-title{
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 6px;
  color: #e5e7eb;
}.avcalc .mode-buttons{
  position: relative;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  background: #020617;
  padding: 4px;
  gap: 0;
  overflow: hidden;
  width: max-content;
}.avcalc .mode-slider{
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: 4px;
  width: calc(50% - 4px);
  border-radius: 999px;
  background: radial-gradient(circle at top left, #22c55e 0, #16a34a 60%);
  box-shadow: 0 6px 16px rgba(22,163,74,0.9);
  transition: transform 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}.avcalc .mode-buttons.mode-buttons--day .mode-slider{ transform: translateX(0); }.avcalc .mode-buttons.mode-buttons--night .mode-slider{
  transform: translateX(100%);
  background: radial-gradient(circle at top left, #ef4444 0, #b91c1c 60%);
  box-shadow: 0 6px 16px rgba(185,28,28,0.9);
}.avcalc .mode-btn{
  border: none;
  background: transparent;
  padding: 7px 18px;
  border-radius: 999px;
  font-size: 15px;
  cursor: pointer;
  color: #9ca3af;
  min-width: 86px;
  font-weight: 600;
  position: relative;
  z-index: 1;
  text-align: center;
  transition: color 0.15s ease, transform 0.08s ease;
}.avcalc .mode-btn[data-mode="day"].active{ color: #f9fafb; }.avcalc .mode-btn[data-mode="night"].active{ color: #fee2e2; }.avcalc .mode-btn:focus-visible{
  outline: 2px solid rgba(56,189,248,0.8);
  outline-offset: 2px;
}.avcalc .order-form .form-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 18px;
  margin-top: 6px;
}.avcalc .order-form .form-row{ margin-bottom: 0; }.avcalc .order-form .form-row--full{ grid-column: 1 / -1; }.avcalc .order-form label{
  display: block;
  font-size: 15px;
  margin-bottom: 4px;
  color: var(--text-main);
}.avcalc .order-form label span.req{ color: var(--danger); }.avcalc .order-form input, .avcalc .order-form select, .avcalc .order-form textarea{
  width: 100%;
  padding: 9px 12px;
  border-radius: 11px;
  border: 1px solid var(--input-border);
  font-size: 16px;
  font-family: inherit;
  background: var(--input-bg);
  color: var(--text-main);
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, transform 0.08s ease;
}.avcalc .order-form select option{ color: #020617; background: #f9fafb; }.avcalc .order-form input::placeholder, .avcalc .order-form textarea::placeholder{ color: #6b7280; }.avcalc .order-form input:focus, .avcalc .order-form select:focus, .avcalc .order-form textarea:focus{
  border-color: var(--input-border-focus);
  box-shadow: 0 0 0 1px rgba(15,23,42,0.9), 0 0 0 2px rgba(34,197,94,0.8);
  outline: none;
  background: var(--input-bg-focus);
  transform: translateY(-0.5px);
}.avcalc .order-form textarea{ min-height: 80px; resize: vertical; }.avcalc .order-form .touched.is-invalid{
  border-color: rgba(239,68,68,0.95) !important;
  box-shadow: 0 0 0 1px rgba(15,23,42,0.9), 0 0 0 2px rgba(239,68,68,0.75) !important;
  background: rgba(239,68,68,0.10) !important;
}.avcalc .order-form .touched.is-valid{
  border-color: rgba(34,197,94,0.95) !important;
  box-shadow: 0 0 0 1px rgba(15,23,42,0.9), 0 0 0 2px rgba(34,197,94,0.75) !important;
  background: rgba(34,197,94,0.12) !important;
}.avcalc .calc-summary{
  margin-top: 16px;
  padding: 14px 12px 12px;
  border-radius: 16px;
  background: radial-gradient(circle at top left, #020617 0, #020617 60%, #02091c 100%);
  border: 1px solid rgba(148,163,184,0.7);
  box-shadow: 0 16px 36px rgba(15,23,42,0.95);
}.avcalc .calc-summary-title{
  font-size: 15px;
  font-weight: 800;
  margin: 0 0 6px;
  color: #e5e7eb;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}.avcalc .calc-row{
  display: flex;
  justify-content: space-between;
  gap: 8px;
  font-size: 15px;
  margin-bottom: 2px;
}.avcalc .calc-label{ color: var(--text-muted); }.avcalc .calc-value{ font-weight: 600; text-align: right; }.avcalc .calc-total-row{
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 8px;
  margin-top: 8px;
  padding-top: 6px;
  border-top: 1px dashed rgba(148,163,184,0.8);
}.avcalc .calc-total-label{ font-size: 15px; font-weight: 700; color: #e5e7eb; }.avcalc .calc-total-value{ font-size: 20px; font-weight: 900; color: #f9fafb; }.avcalc .calc-note{
  margin-top: 6px;
  font-size: 13px;
  color: var(--text-muted);
  line-height: 1.6;
}.avcalc .calc-note a{ color: var(--brand-blue); }.avcalc .calc-remote-detail{
  font-size: 14px;
  color: #e5e7eb;
  margin-top: 4px;
  text-align: right;
}.avcalc .address-hint{
  font-size: 13px;
  color: var(--text-muted);
  margin-top: 2px;
}@media (max-width: 700px) {.avcalc .order-form .form-grid{ grid-template-columns: 1fr; }.avcalc .tariff-mode{ margin-bottom: 10px; }.avcalc .mode-buttons{ width: 100%; justify-content: space-between; }.avcalc .mode-btn{ flex: 1; padding: 9px 0; font-size: 16px; }.avcalc .calc-summary{ margin-top: 12px; }}.avcalc .order-form input:not(:placeholder-shown), .avcalc .order-form textarea:not(:placeholder-shown){
  background: var(--input-bg) !important;
  color: var(--text-main) !important;
}.avcalc .order-form input:valid, .avcalc .order-form textarea:valid, .avcalc .order-form select:valid, .avcalc .order-form input:invalid, .avcalc .order-form textarea:invalid, .avcalc .order-form select:invalid{
  background: var(--input-bg) !important;
  color: var(--text-main) !important;
}.avcalc .order-form #destinationA, .avcalc .order-form #destinationB, .avcalc .order-form #phone, .avcalc .order-form #name, .avcalc .order-form #timeOption, .avcalc .order-form #usageDuration, .avcalc .order-form #message{
  border-color: rgba(239,68,68,0.95);
  box-shadow: 0 0 0 1px rgba(15,23,42,0.9), 0 0 0 2px rgba(239,68,68,0.70);
}.avcalc .order-form #destinationA:focus, .avcalc .order-form #destinationB:focus, .avcalc .order-form #phone:focus, .avcalc .order-form #name:focus, .avcalc .order-form #timeOption:focus, .avcalc .order-form #usageDuration:focus, .avcalc .order-form #message:focus{
  border-color: rgba(239,68,68,1);
  box-shadow: 0 0 0 1px rgba(15,23,42,0.95), 0 0 0 3px rgba(239,68,68,0.65);
}.avcalc .calc-block--services #truckOption{
  border-color: rgba(239,68,68,0.95);
  box-shadow: 0 0 0 1px rgba(15,23,42,0.9), 0 0 0 2px rgba(239,68,68,0.70);
}.avcalc .calc-block--services #truckOption:focus{
  border-color: rgba(239,68,68,1);
  box-shadow: 0 0 0 1px rgba(15,23,42,0.95), 0 0 0 3px rgba(239,68,68,0.65);
}.avcalc .calc-block--services #workersOption{
  border-color: rgba(239,68,68,0.95);
  box-shadow: 0 0 0 1px rgba(15,23,42,0.9), 0 0 0 2px rgba(239,68,68,0.70);
}.avcalc .calc-block--services #workersOption:focus{
  border-color: rgba(239,68,68,1);
  box-shadow: 0 0 0 1px rgba(15,23,42,0.95), 0 0 0 3px rgba(239,68,68,0.65);
}.avcalc .order-form input:-webkit-autofill, .avcalc .order-form textarea:-webkit-autofill, .avcalc .order-form select:-webkit-autofill{
  -webkit-text-fill-color: var(--text-main) !important;
  box-shadow: 0 0 0 1000px rgba(34,197,94,0.12) inset !important;
  transition: background-color 9999s ease-in-out 0s;
}.avcalc .order-form .touched.is-valid{
  border-color: rgba(34,197,94,0.95) !important;
  box-shadow: 0 0 0 1px rgba(15,23,42,0.9), 0 0 0 2px rgba(34,197,94,0.75) !important;
  background: rgba(34,197,94,0.12) !important;
}.avcalc .order-form .touched.is-invalid{
  border-color: rgba(239,68,68,0.95) !important;
  box-shadow: 0 0 0 1px rgba(15,23,42,0.9), 0 0 0 2px rgba(239,68,68,0.75) !important;
  background: rgba(239,68,68,0.10) !important;
}.avcalc .service-picker{margin-top:14px;}.avcalc .service-picker .service-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr)); 
  gap:10px;
}.avcalc .service-picker .service-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(2,6,23,.22);
  color:#e5e7eb;
  font-weight:800;
  cursor:default;
  user-select:none;
  text-align:center;
}.avcalc .service-picker .service-btn:focus{outline:0;}.avcalc .service-picker .service-note{
  margin-top:10px;
  font-size:12px;
  opacity:.75;
  line-height:1.4;
}@media (max-width:860px){.avcalc .service-picker .service-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}@media (max-width:680px){.avcalc .service-picker .service-grid{grid-template-columns:1fr;}}.avcalc .calc-block{
      background: var(--calc-block-bg);
      border: 1px solid var(--calc-block-border);
      border-radius: 16px;
      padding: 14px;
      margin: 12px 0;
      position: relative;
      z-index: 0; 
    }.avcalc .form-grid > .calc-block{
      grid-column: 1 / -1;
    }.avcalc .calc-block-title{
      font-weight: 700;
      font-size: 14px;
      margin: 0 0 10px 0;
      color: #fff;
    }.avcalc .calc-block--addresses .calc-block-title{
      text-align: center;
      font-size: 16.8px; 
    }.avcalc .tariff-mode.calc-block{
      background: var(--calc-block-bg) !important;
      border: 1px solid var(--calc-block-border) !important;
      border-radius: 16px !important;
      padding: 14px !important;
      margin-bottom: 12px;
    }.avcalc .tariff-mode.calc-block .tariff-mode-title, .avcalc .tariff-mode.calc-block label, .avcalc .tariff-mode.calc-block .service-note{
      color: #fff !important;
    }.avcalc .calc-block input, .avcalc .calc-block select, .avcalc .calc-block textarea{
      background: var(--calc-field-bg) !important;
      border-color: var(--calc-field-border) !important;
      color: #d8f7ff !important;
    }.avcalc .order-form .calc-block input:not(:placeholder-shown), .avcalc .order-form .calc-block textarea:not(:placeholder-shown), .avcalc .order-form .calc-block input:valid, .avcalc .order-form .calc-block textarea:valid, .avcalc .order-form .calc-block select:valid, .avcalc .order-form .calc-block input:invalid, .avcalc .order-form .calc-block textarea:invalid, .avcalc .order-form .calc-block select:invalid, .avcalc .order-form .calc-block .touched.is-valid, .avcalc .order-form .calc-block .touched.is-invalid{
      background: var(--calc-field-bg) !important; 
      background-color: var(--calc-field-bg) !important; 
      background-image: none !important; 
      color: #d8f7ff !important; 
    }.avcalc .order-form .calc-block input:focus, .avcalc .order-form .calc-block textarea:focus, .avcalc .order-form .calc-block select:focus{
      background: var(--calc-field-bg) !important; 
      background-color: var(--calc-field-bg) !important; 
    }.avcalc .order-form .calc-block input:-webkit-autofill, .avcalc .order-form .calc-block textarea:-webkit-autofill, .avcalc .order-form .calc-block select:-webkit-autofill{
      -webkit-box-shadow: 0 0 0 1000px var(--calc-field-bg) inset !important; 
      -webkit-text-fill-color: #d8f7ff !important; 
      transition: background-color 9999s ease-out 0s !important; 
    }.avcalc .calc-block input::placeholder, .avcalc .calc-block textarea::placeholder{
      color: rgba(216, 247, 255, .55) !important;
    }.avcalc .calc-summary.calc-block{
      background: var(--calc-block-bg) !important;
      border: 1px solid var(--calc-block-border) !important;
    }.avcalc .calc-summary.calc-block .calc-summary-title, .avcalc .calc-summary.calc-block .calc-label, .avcalc .calc-summary.calc-block .calc-footnote{
      color: #fff !important;
    }.avcalc .calc-summary.calc-block .calc-value{
      color: #fff !important;
    }.avcalc .calc-summary.calc-block .calc-footnote a[href*="udalennyie-rajonyi"]{
      color: #fff !important; 
      font-weight: 800 !important; 
      text-decoration: underline; 
      display: inline-flex; 
      align-items: center; 
      padding: 4px 12px; 
      border-radius: 999px; 

      
      background: rgba(229, 168, 69, 0.45) !important; 
      background: #E5A84572 !important; 
      border: 1px solid rgba(0, 0, 0, 0.12); 
      box-shadow: 0 14px 30px rgba(0, 0, 0, 0.35); 
      -webkit-backdrop-filter: blur(6px); 
      backdrop-filter: blur(6px); 
    }.avcalc .calc-summary.calc-block .calc-footnote a[href*="udalennyie-rajonyi"]:hover{
      text-decoration: none; 
    }.avcalc .calc-block .ms-trigger{
      width: 100%;
      padding: 9px 12px;
      border-radius: 11px;
      border: 1px solid var(--calc-field-border);
      background: var(--calc-field-bg);
      color: #d8f7ff;
      font-size: 16px;
      font-family: inherit;
      text-align: left;
      cursor: pointer;
      position: relative;
      transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.08s ease;
    }.avcalc .calc-block .ms-trigger::after{
      content: "▾";
      position: absolute;
      right: 12px;
      top: 50%;
      transform: translateY(-50%);
      color: rgba(216, 247, 255, .55);
      pointer-events: none;
      font-size: 14px;
      line-height: 1;
    }.avcalc .calc-block .ms-trigger:focus{
      outline: none;
      border-color: var(--input-border-focus);
      box-shadow: 0 0 0 1px rgba(15,23,42,0.9), 0 0 0 2px rgba(34,197,94,0.8);
      transform: translateY(-0.5px);
    }.avcalc .tariff-mode{
  padding: 12px 12px;
  border-radius: 14px;
  background: radial-gradient(circle at top left, #020617 0, #020617 65%);
  border: 1px solid rgba(148,163,184,0.6);
  margin-bottom: 12px;
  box-shadow: 0 10px 26px rgba(15,23,42,0.85);
}.avcalc .tariff-mode-title{
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 6px;
  color: #e5e7eb;
}.avcalc .calc-block--services .tariff-mode-title{
  text-align: center;
  font-size: 18px;
}.avcalc .mode-buttons{
  position: relative;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  background: #020617;
  padding: 4px;
  gap: 0;
  overflow: hidden;
  width: max-content;
}.avcalc .mode-slider{
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: 4px;
  width: calc(50% - 4px);
  border-radius: 999px;
  background: radial-gradient(circle at top left, #22c55e 0, #16a34a 60%);
  box-shadow: 0 6px 16px rgba(22,163,74,0.9);
  transition: transform 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}.avcalc .mode-buttons.mode-buttons--day .mode-slider{ transform: translateX(0); }.avcalc .mode-buttons.mode-buttons--night .mode-slider{
  transform: translateX(100%);
  background: radial-gradient(circle at top left, #ef4444 0, #b91c1c 60%);
  box-shadow: 0 6px 16px rgba(185,28,28,0.9);
}.avcalc .mode-btn{
  border: none;
  background: transparent;
  padding: 7px 18px;
  border-radius: 999px;
  font-size: 15px;
  cursor: pointer;
  color: #9ca3af;
  min-width: 86px;
  font-weight: 600;
  position: relative;
  z-index: 1;
  text-align: center;
  transition: color 0.15s ease, transform 0.08s ease;
}.avcalc .mode-btn[data-mode="day"].active{ color: #f9fafb; }.avcalc .mode-btn[data-mode="night"].active{ color: #fee2e2; }.avcalc .mode-buttons.mode-buttons--day, .avcalc .mode-buttons.mode-buttons--night{
  width: 100%;
}.avcalc .mode-buttons.mode-buttons--day .mode-btn, .avcalc .mode-buttons.mode-buttons--night .mode-btn{
  flex: 1;
  min-width: 0;
  white-space: nowrap;
}.avcalc .calc-block--mode > .tariff-mode-title{
  text-align: center;
  font-size: 18px;
}.avcalc .mode-btn:focus-visible{
  outline: 2px solid rgba(56,189,248,0.8);
  outline-offset: 2px;
}.avcalc label span.req{ color: var(--danger); }@media (max-width: 700px) {.avcalc .tariff-mode{ margin-bottom: 10px; }.avcalc .mode-buttons{ width: 100%; justify-content: space-between; }.avcalc .mode-btn{ flex: 1; padding: 9px 0; font-size: 16px; }.avcalc .calc-summary{ margin-top: 12px; }}.avcalc .service-picker{margin-top:14px;}.avcalc .calc-block{
      background: var(--calc-block-bg);
      border: 1px solid var(--calc-block-border);
      border-radius: 16px;
      padding: 14px;
      margin: 12px 0;
      position: relative;
      z-index: 0;
    }.avcalc .form-grid > .calc-block{
      grid-column: 1 / -1;
    }.avcalc .calc-block--addresses .tariff-mode.calc-block{
      background: var(--calc-block-bg) !important;
      border: 1px solid var(--calc-block-border) !important;
      border-radius: 16px !important;
      padding: 14px !important;
      margin-bottom: 12px;
    }.avcalc .tariff-mode.calc-block .tariff-mode-title, .avcalc .tariff-mode.calc-block label{
      color: #fff !important;
    }.avcalc .order-form .calc-block input:not(:placeholder-shown), .avcalc .order-form .calc-block textarea:not(:placeholder-shown), .avcalc .order-form .calc-block input:valid, .avcalc .order-form .calc-block textarea:valid, .avcalc .order-form .calc-block select:valid, .avcalc .order-form .calc-block input:invalid, .avcalc .order-form .calc-block textarea:invalid, .avcalc .order-form .calc-block select:invalid, .avcalc .order-form .calc-block .touched.is-valid, .avcalc .order-form .calc-block .touched.is-invalid{
      background: var(--calc-field-bg) !important;
      background-color: var(--calc-field-bg) !important;
      background-image: none !important;
      color: #d8f7ff !important;
    }.avcalc .order-form .calc-block input:focus, .avcalc .order-form .calc-block textarea:focus, .avcalc .order-form .calc-block select:focus{
      background: var(--calc-field-bg) !important;
      background-color: var(--calc-field-bg) !important;
    }.avcalc .order-form .calc-block input:-webkit-autofill, .avcalc .order-form .calc-block textarea:-webkit-autofill, .avcalc .order-form .calc-block select:-webkit-autofill{
      -webkit-box-shadow: 0 0 0 1000px var(--calc-field-bg) inset !important;
      -webkit-text-fill-color: #d8f7ff !important;
      transition: background-color 9999s ease-out 0s !important;
    }.avcalc .calc-summary.calc-block .calc-summary-title, .avcalc .calc-summary.calc-block .calc-label, .avcalc .calc-summary.calc-block .calc-block .ms-trigger, .avcalc /* [IVAN][TASK-20251225-09][FIX] Base style for all ms-trigger buttons (restores pill design) */
    .calc-block .ms-trigger{
      width: 100%;
      padding: 9px 12px;
      border-radius: 11px;
      border: 1px solid var(--calc-field-border);
      background: var(--calc-field-bg);
      color: #d8f7ff;
      font-size: 16px;
      font-family: inherit;
      text-align: left;
      cursor: pointer;
      position: relative;
      transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.08s ease;
    }.avcalc .calc-block .ms-trigger::after{
      content: "▾";
      position: absolute;
      right: 12px;
      top: 50%;
      transform: translateY(-50%);
      color: rgba(216, 247, 255, .55);
      pointer-events: none;
      font-size: 14px;
      line-height: 1;
    }.avcalc .calc-block .ms-trigger:focus{
      outline: none;
      border-color: var(--input-border-focus);
      box-shadow: 0 0 0 1px rgba(15,23,42,0.9), 0 0 0 2px rgba(34,197,94,0.8);
      transform: translateY(-0.5px);
    }.avcalc .calc-block .ms-trigger.ms-ok{
      border-color: rgba(34,197,94,0.95);
      box-shadow: 0 0 0 1px rgba(15,23,42,0.9), 0 0 0 2px rgba(34,197,94,0.70);
      background: rgba(34,197,94,0.10);
      color: #ffffff;
    }.avcalc .calc-block .ms-trigger.ms-ok::after{
      color: rgba(255,255,255,.75);
    }.avcalc .calc-block .ms-trigger.ms-attn{
      border-color: rgba(239,68,68,0.95) !important;
      box-shadow: 0 0 0 1px rgba(15,23,42,0.9), 0 0 0 2px rgba(239,68,68,0.75) !important;
      background: rgba(239,68,68,0.10) !important;
      color: #ffffff !important;
    }.avcalc .calc-block .ms-trigger.ms-attn::after{
      color: rgba(255,255,255,.75) !important;
    }.avcalc .tariff-mode{
  padding: 12px 12px;
  border-radius: 14px;
  background: radial-gradient(circle at top left, #020617 0, #020617 65%);
  border: 1px solid rgba(148,163,184,0.6);
  margin-bottom: 12px;
  box-shadow: 0 10px 26px rgba(15,23,42,0.85);
}.avcalc .tariff-mode-title{
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 6px;
  color: #e5e7eb;
}.avcalc .calc-block--services .tariff-mode-title{
  text-align: center;
  font-size: 18px; /* +20% от 15px */
}.avcalc .mode-buttons{
  position: relative;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  background: #020617;
  padding: 4px;
  gap: 0;
  overflow: hidden;
  width: max-content;
}.avcalc .mode-slider{
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: 4px;
  width: calc(50% - 4px);
  border-radius: 999px;
  background: radial-gradient(circle at top left, #22c55e 0, #16a34a 60%);
  box-shadow: 0 6px 16px rgba(22,163,74,0.9);
  transition: transform 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}.avcalc .mode-buttons.mode-buttons--day .mode-slider{ transform: translateX(0); }.avcalc .mode-buttons.mode-buttons--night .mode-slider{
  transform: translateX(100%);
  background: radial-gradient(circle at top left, #ef4444 0, #b91c1c 60%);
  box-shadow: 0 6px 16px rgba(185,28,28,0.9);
}.avcalc .mode-btn{
  border: none;
  background: transparent;
  padding: 7px 18px;
  border-radius: 999px;
  font-size: 15px;
  cursor: pointer;
  color: #9ca3af;
  min-width: 86px;
  font-weight: 600;
  position: relative;
  z-index: 1;
  text-align: center;
  transition: color 0.15s ease, transform 0.08s ease;
}.avcalc .mode-btn[data-mode="day"].active{ color: #f9fafb; }.avcalc .mode-btn[data-mode="night"].active{ color: #fee2e2; }.avcalc .mode-buttons.mode-buttons--city .mode-slider{ transform: translateX(0); }.avcalc .mode-buttons.mode-buttons--intercity .mode-slider{
  transform: translateX(100%);
  background: radial-gradient(circle at top left, rgba(245,158,11,0.98) 0%, rgba(217,119,6,0.98) 65%);
  box-shadow: 0 10px 18px rgba(245,158,11,.28), 0 6px 10px rgba(0,0,0,.35);
}.avcalc .mode-btn[data-mode="city"].active{ color: #f9fafb; }.avcalc .mode-btn[data-mode="intercity"].active{ color: #fff7ed; }.avcalc .mode-buttons.mode-buttons--city, .avcalc .mode-buttons.mode-buttons--intercity{
  width: 100%;
}.avcalc .mode-buttons.mode-buttons--city .mode-btn, .avcalc .mode-buttons.mode-buttons--intercity .mode-btn{
  flex: 1;
  min-width: 0;
  white-space: nowrap;
}.avcalc .mode-buttons.mode-buttons--day, .avcalc .mode-buttons.mode-buttons--night{
  width: 100%;
}.avcalc .mode-buttons.mode-buttons--day .mode-btn, .avcalc .mode-buttons.mode-buttons--night .mode-btn{
  flex: 1;
  min-width: 0;
  white-space: nowrap;
}.avcalc .calc-block--mode > .tariff-mode-title{
  text-align: center;
  font-size: 18px; /* 15px * 1.2 */
}.avcalc .mode-btn:focus-visible{
  outline: 2px solid rgba(56,189,248,0.8);
  outline-offset: 2px;
}.avcalc label span.req{ color: var(--danger); }.avcalc .order-form .touched.is-invalid{
  border-color: rgba(239,68,68,0.95) !important;
  box-shadow: 0 0 0 1px rgba(15,23,42,0.9), 0 0 0 2px rgba(239,68,68,0.75) !important;
  background: rgba(239,68,68,0.10) !important;
}.avcalc .order-form .touched.is-valid{
  border-color: rgba(34,197,94,0.95) !important;
  box-shadow: 0 0 0 1px rgba(15,23,42,0.9), 0 0 0 2px rgba(34,197,94,0.75) !important;
  background: rgba(34,197,94,0.12) !important;
}.avcalc .order-form input.has-choice, .avcalc .order-form select.has-choice, .avcalc .order-form textarea.has-choice{
  border-color: rgba(34,197,94,0.95) !important;
  box-shadow: 0 0 0 1px rgba(15,23,42,0.9), 0 0 0 2px rgba(34,197,94,0.75) !important;
}.avcalc .order-form input.has-choice:focus, .avcalc .order-form select.has-choice:focus, .avcalc .order-form textarea.has-choice:focus{
  border-color: rgba(34,197,94,1) !important;
  box-shadow: 0 0 0 1px rgba(15,23,42,0.95), 0 0 0 3px rgba(34,197,94,0.65) !important;
}.avcalc .calc-summary{
  margin-top: 16px;
  padding: 14px 12px 12px;
  border-radius: 16px;
  background: radial-gradient(circle at top left, #020617 0, #020617 60%, #02091c 100%);
  border: 1px solid rgba(148,163,184,0.7);
  box-shadow: 0 16px 36px rgba(15,23,42,0.95);
}.avcalc .calc-summary-title{
  font-size: 15px;
  font-weight: 800;
  margin: 0 0 6px;
  color: #e5e7eb;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}.avcalc .calc-row{
  display: flex;
  justify-content: space-between;
  gap: 8px;
  font-size: 15px;
  margin-bottom: 2px;
}.avcalc .calc-label{ color: var(--text-muted); }.avcalc .calc-value{ font-weight: 600; text-align: right; }.avcalc .calc-total-row{
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 8px;
  margin-top: 8px;
  padding-top: 6px;
  border-top: 1px dashed rgba(148,163,184,0.8);
}.avcalc .calc-total-label{ font-size: 15px; font-weight: 700; color: #e5e7eb; }.avcalc .calc-total-value{ font-size: 20px; font-weight: 900; color: #f9fafb; }.avcalc .calc-note{
  margin-top: 6px;
  font-size: 13px;
  color: var(--text-muted);
  line-height: 1.6;
}.avcalc .calc-note a{ color: var(--brand-blue); }.avcalc .calc-remote-detail{
  font-size: 14px;
  color: #e5e7eb;
  margin-top: 4px;
  text-align: right;
}.avcalc .address-hint{
  font-size: 13px;
  color: var(--text-muted);
  margin-top: 2px;
}.avcalc .autocomplete-wrapper{ position: relative; }.avcalc .autocomplete-list{
  position: absolute;
  z-index: 20;
  left: 0;
  right: 0;
  top: 100%;
  margin-top: 2px;
  background: #020617;
  border-radius: 11px;
  border: 1px solid rgba(148,163,184,0.9);
  box-shadow: 0 24px 50px rgba(15,23,42,0.95);
  max-height: 210px;
  overflow-y: auto;
  font-size: 15px;
  display: none;
}.avcalc .autocomplete-item{
  padding: 8px 12px;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: var(--text-main);
}.avcalc .autocomplete-item strong{ color: var(--brand-green); }.avcalc .autocomplete-item:hover, .avcalc .autocomplete-item.autocomplete-item-active{
  background: rgba(15,23,42,0.95);
}.avcalc .tariff-card{
  background: radial-gradient(circle at top left, #fed7aa 0, #fdba74 25%, #fb923c 50%, #ea580c 80%, #9a3412 100%);
  border-radius: var(--radius-card);
  padding: 22px 16px 18px;
  box-shadow: var(--shadow-strong);
  border: 1px solid rgba(147,84,32,0.95);
}.avcalc .tariff-title{ font-size: 22px; margin: 0 0 4px; color: #000; }.avcalc .tariff-date{ font-size: 14px; color: #000; margin-bottom: 12px; }.avcalc .tariff-note{
  font-size: 13px;
  color: #000;
  margin-top: 6px;
  line-height: 1.6;
}@media (max-width: 700px) {.avcalc .tariff-mode{ margin-bottom: 10px; }.avcalc .mode-buttons{ width: 100%; justify-content: space-between; }.avcalc .mode-btn{ flex: 1; padding: 9px 0; font-size: 16px; }.avcalc .calc-summary{ margin-top: 12px; }}.avcalc .tariff-mode{
  padding: 12px 12px;
  border-radius: 14px;
  background: radial-gradient(circle at top left, #020617 0, #020617 65%);
  border: 1px solid rgba(148,163,184,0.6);
  margin-bottom: 12px;
  box-shadow: 0 10px 26px rgba(15,23,42,0.85);
}.avcalc .tariff-mode-title{
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 6px;
  color: #e5e7eb;
}.avcalc .mode-buttons{
  position: relative;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  background: #020617;
  padding: 4px;
  gap: 0;
  overflow: hidden;
  width: max-content;
}.avcalc .mode-slider{
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: 4px;
  width: calc(50% - 4px);
  border-radius: 999px;
  background: radial-gradient(circle at top left, #22c55e 0, #16a34a 60%);
  box-shadow: 0 6px 16px rgba(22,163,74,0.9);
  transition: transform 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}.avcalc .mode-buttons.mode-buttons--day .mode-slider{ transform: translateX(0); }.avcalc .mode-buttons.mode-buttons--night .mode-slider{
  transform: translateX(100%);
  background: radial-gradient(circle at top left, #ef4444 0, #b91c1c 60%);
  box-shadow: 0 6px 16px rgba(185,28,28,0.9);
}.avcalc .mode-btn{
  border: none;
  background: transparent;
  padding: 7px 18px;
  border-radius: 999px;
  font-size: 15px;
  cursor: pointer;
  color: #9ca3af;
  min-width: 86px;
  font-weight: 600;
  position: relative;
  z-index: 1;
  text-align: center;
  transition: color 0.15s ease, transform 0.08s ease;
}.avcalc .mode-btn[data-mode="day"].active{ color: #f9fafb; }.avcalc .mode-btn[data-mode="night"].active{ color: #fee2e2; }.avcalc .mode-btn:focus-visible{
  outline: 2px solid rgba(56,189,248,0.8);
  outline-offset: 2px;
}.avcalc .order-form .form-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 18px;
  margin-top: 6px;
}.avcalc .order-form .form-row{ margin-bottom: 0; }.avcalc .order-form .form-row--full{ grid-column: 1 / -1; }.avcalc .order-form label{
  display: block;
  font-size: 15px;
  margin-bottom: 4px;
  color: var(--text-main);
}.avcalc .order-form label span.req{ color: var(--danger); }.avcalc .order-form input, .avcalc .order-form select, .avcalc .order-form textarea{
  width: 100%;
  padding: 9px 12px;
  border-radius: 11px;
  border: 1px solid var(--input-border);
  font-size: 16px;
  font-family: inherit;
  background: var(--input-bg);
  color: var(--text-main);
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, transform 0.08s ease;
}.avcalc .order-form select option{ color: #020617; background: #f9fafb; }.avcalc .order-form input::placeholder, .avcalc .order-form textarea::placeholder{ color: #6b7280; }.avcalc .order-form input:focus, .avcalc .order-form select:focus, .avcalc .order-form textarea:focus{
  border-color: var(--input-border-focus);
  box-shadow: 0 0 0 1px rgba(15,23,42,0.9), 0 0 0 2px rgba(34,197,94,0.8);
  outline: none;
  background: var(--input-bg-focus);
  transform: translateY(-0.5px);
}.avcalc .order-form textarea{ min-height: 80px; resize: vertical; }.avcalc .order-form .touched.is-invalid{
  border-color: rgba(239,68,68,0.95) !important;
  box-shadow: 0 0 0 1px rgba(15,23,42,0.9), 0 0 0 2px rgba(239,68,68,0.75) !important;
  background: rgba(239,68,68,0.10) !important;
}.avcalc .order-form .touched.is-valid{
  border-color: rgba(34,197,94,0.95) !important;
  box-shadow: 0 0 0 1px rgba(15,23,42,0.9), 0 0 0 2px rgba(34,197,94,0.75) !important;
  background: rgba(34,197,94,0.12) !important;
}.avcalc .calc-summary{
  margin-top: 16px;
  padding: 14px 12px 12px;
  border-radius: 16px;
  background: radial-gradient(circle at top left, #020617 0, #020617 60%, #02091c 100%);
  border: 1px solid rgba(148,163,184,0.7);
  box-shadow: 0 16px 36px rgba(15,23,42,0.95);
}.avcalc .calc-summary-title{
  font-size: 15px;
  font-weight: 800;
  margin: 0 0 6px;
  color: #e5e7eb;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}.avcalc .calc-row{
  display: flex;
  justify-content: space-between;
  gap: 8px;
  font-size: 15px;
  margin-bottom: 2px;
}.avcalc .calc-label{ color: var(--text-muted); }.avcalc .calc-value{ font-weight: 600; text-align: right; }.avcalc .calc-total-row{
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 8px;
  margin-top: 8px;
  padding-top: 6px;
  border-top: 1px dashed rgba(148,163,184,0.8);
}.avcalc .calc-total-label{ font-size: 15px; font-weight: 700; color: #e5e7eb; }.avcalc .calc-total-value{ font-size: 20px; font-weight: 900; color: #f9fafb; }.avcalc .calc-note{
  margin-top: 6px;
  font-size: 13px;
  color: var(--text-muted);
  line-height: 1.6;
}.avcalc .calc-note a{ color: var(--brand-blue); }.avcalc .calc-remote-detail{
  font-size: 14px;
  color: #e5e7eb;
  margin-top: 4px;
  text-align: right;
}.avcalc .address-hint{
  font-size: 13px;
  color: var(--text-muted);
  margin-top: 2px;
}.avcalc .autocomplete-wrapper{ position: relative; }.avcalc .autocomplete-list{
  position: absolute;
  z-index: 20;
  left: 0;
  right: 0;
  top: 100%;
  margin-top: 2px;
  background: #020617;
  border-radius: 11px;
  border: 1px solid rgba(148,163,184,0.9);
  box-shadow: 0 24px 50px rgba(15,23,42,0.95);
  max-height: 210px;
  overflow-y: auto;
  font-size: 15px;
  display: none;
}.avcalc .autocomplete-item{
  padding: 8px 12px;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: var(--text-main);
}.avcalc .autocomplete-item strong{ color: var(--brand-green); }.avcalc .autocomplete-item:hover, .avcalc .autocomplete-item.autocomplete-item-active{
  background: rgba(15,23,42,0.95);
}@media (max-width: 700px) {.avcalc .order-form .form-grid{ grid-template-columns: 1fr; }.avcalc .tariff-mode{ margin-bottom: 10px; }.avcalc .mode-buttons{ width: 100%; justify-content: space-between; }.avcalc .mode-btn{ flex: 1; padding: 9px 0; font-size: 16px; }.avcalc .calc-summary{ margin-top: 12px; }}.avcalc .order-form input:not(:placeholder-shown), .avcalc .order-form textarea:not(:placeholder-shown){
  background: var(--input-bg) !important;
  color: var(--text-main) !important;
}.avcalc .order-form input:valid, .avcalc .order-form textarea:valid, .avcalc .order-form select:valid, .avcalc .order-form input:invalid, .avcalc .order-form textarea:invalid, .avcalc .order-form select:invalid{
  background: var(--input-bg) !important;
  color: var(--text-main) !important;
}.avcalc .order-form #destinationA:placeholder-shown, .avcalc .order-form #destinationB:placeholder-shown{
  border-color: rgba(239,68,68,0.95);
  box-shadow: 0 0 0 1px rgba(15,23,42,0.9), 0 0 0 2px rgba(239,68,68,0.70);
  background: rgba(239,68,68,0.08) !important; /* внутренняя заливка */
}.avcalc .order-form #destinationA:placeholder-shown:focus, .avcalc .order-form #destinationB:placeholder-shown:focus{
  border-color: rgba(239,68,68,1);
  box-shadow: 0 0 0 1px rgba(15,23,42,0.95), 0 0 0 3px rgba(239,68,68,0.65);
  background: rgba(239,68,68,0.10) !important; /* внутренняя заливка */
}.avcalc .calc-block--services #truckOption{
  border-color: rgba(239,68,68,0.95);
  box-shadow: 0 0 0 1px rgba(15,23,42,0.9), 0 0 0 2px rgba(239,68,68,0.70);
}.avcalc .calc-block--services #truckOption:focus{
  border-color: rgba(239,68,68,1);
  box-shadow: 0 0 0 1px rgba(15,23,42,0.95), 0 0 0 3px rgba(239,68,68,0.65);
}.avcalc .calc-block--services #workersOption{
  border-color: rgba(239,68,68,0.95);
  box-shadow: 0 0 0 1px rgba(15,23,42,0.9), 0 0 0 2px rgba(239,68,68,0.70);
}.avcalc .calc-block--services #workersOption:focus{
  border-color: rgba(239,68,68,1);
  box-shadow: 0 0 0 1px rgba(15,23,42,0.95), 0 0 0 3px rgba(239,68,68,0.65);
}.avcalc .order-form input:-webkit-autofill, .avcalc .order-form textarea:-webkit-autofill, .avcalc .order-form select:-webkit-autofill{
  -webkit-text-fill-color: var(--text-main) !important;
  box-shadow: 0 0 0 1000px rgba(34,197,94,0.12) inset !important;
  transition: background-color 9999s ease-in-out 0s;
}.avcalc .order-form .touched.is-valid{
  border-color: rgba(34,197,94,0.95) !important;
  box-shadow: 0 0 0 1px rgba(15,23,42,0.9), 0 0 0 2px rgba(34,197,94,0.75) !important;
  background: rgba(34,197,94,0.12) !important;
}.avcalc .order-form .touched.is-invalid{
  border-color: rgba(239,68,68,0.95) !important;
  box-shadow: 0 0 0 1px rgba(15,23,42,0.9), 0 0 0 2px rgba(239,68,68,0.75) !important;
  background: rgba(239,68,68,0.10) !important;
}.avcalc .photo-upload{
  display: flex;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
}.avcalc .photo-upload__input{
  position: absolute;
  left: -9999px;
  opacity: 0;
  width: 0;
  height: 0;
}.avcalc .photo-upload__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 14px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.14);
  cursor: pointer;
  user-select: none;
}.avcalc .photo-upload__label{
  opacity: 0.9;
}.avcalc .photo-status{
  margin-top: 8px;
  font-size: 14px;
  opacity: 0.9;
}.avcalc .photo-previews{
  margin-top: 10px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}.avcalc .photo-preview{
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.04);
  aspect-ratio: 1 / 1;
}.avcalc .photo-preview img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}.avcalc .photo-remove{
  position: absolute;
  top: 6px;
  right: 6px;
  width: 28px;
  height: 28px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: rgba(0, 0, 0, 0.35);
  color: inherit;
  cursor: pointer;
  line-height: 1;
  font-size: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}.avcalc .photo-remove:hover{
  background: rgba(0, 0, 0, 0.5);
}.avcalc .service-picker{margin-top:14px;}.avcalc .service-picker .service-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr)); /* [IVAN][TASK-20251220-05] */
  gap:10px;
}.avcalc .service-picker .service-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(2,6,23,.22);
  color:#e5e7eb;
  font-weight:800;
  cursor:default;
  user-select:none;
  text-align:center;
}.avcalc .service-picker .service-btn:focus{outline:0;}.avcalc .service-picker .service-note{
  margin-top:10px;
  font-size:12px;
  opacity:.75;
  line-height:1.4;
}@media (max-width:860px){.avcalc .service-picker .service-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}@media (max-width:680px){.avcalc .service-picker .service-grid{grid-template-columns:1fr;}}.avcalc .calc-block{
      background: var(--calc-block-bg);
      border: 1px solid var(--calc-block-border);
      border-radius: 16px;
      padding: 14px;
      margin: 12px 0;
      position: relative;
      z-index: 0; /* гарантируем, что это фон, а не оверлей */
    }.avcalc .form-grid > .calc-block{
      grid-column: 1 / -1;
    }.avcalc .calc-block-title{
      font-weight: 700;
      font-size: 14px;
      margin: 0 0 10px 0;
      color: #fff;
    }.avcalc .calc-block--addresses .calc-block-title{
      text-align: center;
      font-size: 16.8px; /* +20% от 14px */
    }.avcalc .tariff-mode.calc-block{
      background: var(--calc-block-bg) !important;
      border: 1px solid var(--calc-block-border) !important;
      border-radius: 16px !important;
      padding: 14px !important;
      margin-bottom: 12px;
    }.avcalc .tariff-mode.calc-block .tariff-mode-title, .avcalc .tariff-mode.calc-block label, .avcalc .tariff-mode.calc-block .service-note{
      color: #fff !important;
    }.avcalc .calc-block input, .avcalc .calc-block select, .avcalc .calc-block textarea{
      background: var(--calc-field-bg) !important;
      border-color: var(--calc-field-border) !important;
      color: #d8f7ff !important;
    }.avcalc .order-form .calc-block input:not(:placeholder-shown), .avcalc .order-form .calc-block textarea:not(:placeholder-shown), .avcalc .order-form .calc-block input:valid, .avcalc .order-form .calc-block textarea:valid, .avcalc .order-form .calc-block select:valid, .avcalc .order-form .calc-block input:invalid, .avcalc .order-form .calc-block textarea:invalid, .avcalc .order-form .calc-block select:invalid, .avcalc .order-form .calc-block .touched.is-valid, .avcalc .order-form .calc-block .touched.is-invalid{
      background: var(--calc-field-bg) !important; /* [IVAN][TASK-20251220-26] */
      background-color: var(--calc-field-bg) !important; /* [IVAN][TASK-20251220-26] */
      background-image: none !important; /* [IVAN][TASK-20251220-26] */
      color: #d8f7ff !important; /* [IVAN][TASK-20251220-26] */
    }.avcalc .order-form .calc-block input:focus, .avcalc .order-form .calc-block textarea:focus, .avcalc .order-form .calc-block select:focus{
      background: var(--calc-field-bg) !important; /* [IVAN][TASK-20251220-26] */
      background-color: var(--calc-field-bg) !important; /* [IVAN][TASK-20251220-26] */
    }.avcalc .order-form .calc-block input:-webkit-autofill, .avcalc .order-form .calc-block textarea:-webkit-autofill, .avcalc .order-form .calc-block select:-webkit-autofill{
      -webkit-box-shadow: 0 0 0 1000px var(--calc-field-bg) inset !important; /* [IVAN][TASK-20251220-26] */
      -webkit-text-fill-color: #d8f7ff !important; /* [IVAN][TASK-20251220-26] */
      transition: background-color 9999s ease-out 0s !important; /* [IVAN][TASK-20251220-26] */
    }.avcalc .calc-block input::placeholder, .avcalc .calc-block textarea::placeholder{
      color: rgba(216, 247, 255, .55) !important;
    }.avcalc .calc-summary.calc-block{
      background: var(--calc-block-bg) !important;
      border: 1px solid var(--calc-block-border) !important;
    }.avcalc .calc-summary.calc-block .calc-summary-title, .avcalc .calc-summary.calc-block .calc-label, .avcalc .calc-summary.calc-block .calc-footnote{
      color: #fff !important;
    }.avcalc .calc-summary.calc-block .calc-value{
      color: #fff !important;
    }.avcalc .calc-summary.calc-block .calc-footnote a[href*="udalennyie-rajonyi"]{
      color: #fff !important; /* [IVAN][EDIT][13] */
      font-weight: 800 !important; /* [IVAN][EDIT][13] */
      text-decoration: underline; /* [IVAN][EDIT][15] */
      display: inline-flex; /* [IVAN][EDIT][15] */
      align-items: center; /* [IVAN][EDIT][15] */
      padding: 4px 12px; /* [IVAN][EDIT][15] */
      border-radius: 999px; /* [IVAN][EDIT][15] */

      /* Фон и эффекты — как у кнопки «Заказать в Телеграм» (.tg-fab) */
      background: rgba(229, 168, 69, 0.45) !important; /* [IVAN][EDIT][16] fallback */
      background: #E5A84572 !important; /* [IVAN][EDIT][16] */
      border: 1px solid rgba(0, 0, 0, 0.12); /* [IVAN][EDIT][16] */
      box-shadow: 0 14px 30px rgba(0, 0, 0, 0.35); /* [IVAN][EDIT][16] */
      -webkit-backdrop-filter: blur(6px); /* [IVAN][EDIT][16] */
      backdrop-filter: blur(6px); /* [IVAN][EDIT][16] */
    }.avcalc .calc-summary.calc-block .calc-footnote a[href*="udalennyie-rajonyi"]:hover{
      text-decoration: none; /* [IVAN][EDIT][15] */
    }.avcalc .calc-block .ms-trigger{
      width: 100%;
      padding: 9px 12px;
      border-radius: 11px;
      border: 1px solid var(--calc-field-border);
      background: var(--calc-field-bg);
      color: #d8f7ff;
      font-size: 16px;
      font-family: inherit;
      text-align: left;
      cursor: pointer;
      position: relative;
      transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.08s ease;
    }.avcalc .calc-block .ms-trigger::after{
      content: "▾";
      position: absolute;
      right: 12px;
      top: 50%;
      transform: translateY(-50%);
      color: rgba(216, 247, 255, .55);
      pointer-events: none;
      font-size: 14px;
      line-height: 1;
    }.avcalc .calc-block .ms-trigger:focus{
      outline: none;
      border-color: var(--input-border-focus);
      box-shadow: 0 0 0 1px rgba(15,23,42,0.9), 0 0 0 2px rgba(34,197,94,0.8);
      transform: translateY(-0.5px);
    }.avcalc .tariff-mode{
  padding: 12px 12px;
  border-radius: 14px;
  background: radial-gradient(circle at top left, #020617 0, #020617 65%);
  border: 1px solid rgba(148,163,184,0.6);
  margin-bottom: 12px;
  box-shadow: 0 10px 26px rgba(15,23,42,0.85);
}.avcalc .tariff-mode-title{
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 6px;
  color: #e5e7eb;
}.avcalc .calc-block--services .tariff-mode-title{
  text-align: center;
  font-size: 18px; /* +20% от 15px */
}.avcalc .mode-buttons{
  position: relative;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  background: #020617;
  padding: 4px;
  gap: 0;
  overflow: hidden;
  width: max-content;
}.avcalc .mode-slider{
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: 4px;
  width: calc(50% - 4px);
  border-radius: 999px;
  background: radial-gradient(circle at top left, #22c55e 0, #16a34a 60%);
  box-shadow: 0 6px 16px rgba(22,163,74,0.9);
  transition: transform 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}.avcalc .mode-buttons.mode-buttons--day .mode-slider{ transform: translateX(0); }.avcalc .mode-buttons.mode-buttons--night .mode-slider{
  transform: translateX(100%);
  background: radial-gradient(circle at top left, #ef4444 0, #b91c1c 60%);
  box-shadow: 0 6px 16px rgba(185,28,28,0.9);
}.avcalc .mode-btn{
  border: none;
  background: transparent;
  padding: 7px 18px;
  border-radius: 999px;
  font-size: 15px;
  cursor: pointer;
  color: #9ca3af;
  min-width: 86px;
  font-weight: 600;
  position: relative;
  z-index: 1;
  text-align: center;
  transition: color 0.15s ease, transform 0.08s ease;
}.avcalc .mode-btn[data-mode="day"].active{ color: #f9fafb; }.avcalc .mode-btn[data-mode="night"].active{ color: #fee2e2; }.avcalc .mode-buttons.mode-buttons--city .mode-slider{ transform: translateX(0); }.avcalc .mode-buttons.mode-buttons--intercity .mode-slider{
  transform: translateX(100%);
  background: radial-gradient(circle at top left, rgba(245,158,11,0.98) 0%, rgba(217,119,6,0.98) 65%);
  box-shadow: 0 10px 18px rgba(245,158,11,.28), 0 6px 10px rgba(0,0,0,.35);
}.avcalc .mode-btn[data-mode="city"].active{ color: #f9fafb; }.avcalc .mode-btn[data-mode="intercity"].active{ color: #fff7ed; }.avcalc .mode-buttons.mode-buttons--city, .avcalc .mode-buttons.mode-buttons--intercity{
  width: 100%;
}.avcalc .mode-buttons.mode-buttons--city .mode-btn, .avcalc .mode-buttons.mode-buttons--intercity .mode-btn{
  flex: 1;
  min-width: 0;
  white-space: nowrap;
}.avcalc .mode-buttons.mode-buttons--day, .avcalc .mode-buttons.mode-buttons--night{
  width: 100%;
}.avcalc .mode-buttons.mode-buttons--day .mode-btn, .avcalc .mode-buttons.mode-buttons--night .mode-btn{
  flex: 1;
  min-width: 0;
  white-space: nowrap;
}.avcalc .calc-block--mode > .tariff-mode-title{
  text-align: center;
  font-size: 18px; /* 15px * 1.2 */
}.avcalc .mode-btn:focus-visible{
  outline: 2px solid rgba(56,189,248,0.8);
  outline-offset: 2px;
}.avcalc label span.req{ color: var(--danger); }.avcalc .order-form .touched.is-invalid{
  border-color: rgba(239,68,68,0.95) !important;
  box-shadow: 0 0 0 1px rgba(15,23,42,0.9), 0 0 0 2px rgba(239,68,68,0.75) !important;
  background: rgba(239,68,68,0.10) !important;
}.avcalc .order-form .touched.is-valid{
  border-color: rgba(34,197,94,0.95) !important;
  box-shadow: 0 0 0 1px rgba(15,23,42,0.9), 0 0 0 2px rgba(34,197,94,0.75) !important;
  background: rgba(34,197,94,0.12) !important;
}.avcalc .calc-summary{
  margin-top: 16px;
  padding: 14px 12px 12px;
  border-radius: 16px;
  background: radial-gradient(circle at top left, #020617 0, #020617 60%, #02091c 100%);
  border: 1px solid rgba(148,163,184,0.7);
  box-shadow: 0 16px 36px rgba(15,23,42,0.95);
}.avcalc .calc-summary-title{
  font-size: 15px;
  font-weight: 800;
  margin: 0 0 6px;
  color: #e5e7eb;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}.avcalc .calc-row{
  display: flex;
  justify-content: space-between;
  gap: 8px;
  font-size: 15px;
  margin-bottom: 2px;
}.avcalc .calc-label{ color: var(--text-muted); }.avcalc .calc-value{ font-weight: 600; text-align: right; }.avcalc .calc-total-row{
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 8px;
  margin-top: 8px;
  padding-top: 6px;
  border-top: 1px dashed rgba(148,163,184,0.8);
}.avcalc .calc-total-label{ font-size: 15px; font-weight: 700; color: #e5e7eb; }.avcalc .calc-total-value{ font-size: 20px; font-weight: 900; color: #f9fafb; }.avcalc .calc-note{
  margin-top: 6px;
  font-size: 13px;
  color: var(--text-muted);
  line-height: 1.6;
}.avcalc .calc-note a{ color: var(--brand-blue); }.avcalc .calc-remote-detail{
  font-size: 14px;
  color: #e5e7eb;
  margin-top: 4px;
  text-align: right;
}.avcalc .address-hint{
  font-size: 13px;
  color: var(--text-muted);
  margin-top: 2px;
}.avcalc .autocomplete-wrapper{ position: relative; }.avcalc .autocomplete-list{
  position: absolute;
  z-index: 20;
  left: 0;
  right: 0;
  top: 100%;
  margin-top: 2px;
  background: #020617;
  border-radius: 11px;
  border: 1px solid rgba(148,163,184,0.9);
  box-shadow: 0 24px 50px rgba(15,23,42,0.95);
  max-height: 210px;
  overflow-y: auto;
  font-size: 15px;
  display: none;
}.avcalc .autocomplete-item{
  padding: 8px 12px;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: var(--text-main);
}.avcalc .autocomplete-item strong{ color: var(--brand-green); }.avcalc .autocomplete-item:hover, .avcalc .autocomplete-item.autocomplete-item-active{
  background: rgba(15,23,42,0.95);
}.avcalc .tariff-card{
  background: radial-gradient(circle at top left, #fed7aa 0, #fdba74 25%, #fb923c 50%, #ea580c 80%, #9a3412 100%);
  border-radius: var(--radius-card);
  padding: 22px 16px 18px;
  box-shadow: var(--shadow-strong);
  border: 1px solid rgba(147,84,32,0.95);
}.avcalc .tariff-title{ font-size: 22px; margin: 0 0 4px; color: #000; }.avcalc .tariff-date{ font-size: 14px; color: #000; margin-bottom: 12px; }.avcalc .tariff-note{
  font-size: 13px;
  color: #000;
  margin-top: 6px;
  line-height: 1.6;
}@media (max-width: 700px) {.avcalc .tariff-mode{ margin-bottom: 10px; }.avcalc .mode-buttons{ width: 100%; justify-content: space-between; }.avcalc .mode-btn{ flex: 1; padding: 9px 0; font-size: 16px; }.avcalc .calc-summary{ margin-top: 12px; }}.avcalc .tariff-mode{
  padding: 12px 12px;
  border-radius: 14px;
  background: radial-gradient(circle at top left, #020617 0, #020617 65%);
  border: 1px solid rgba(148,163,184,0.6);
  margin-bottom: 12px;
  box-shadow: 0 10px 26px rgba(15,23,42,0.85);
}.avcalc .tariff-mode-title{
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 6px;
  color: #e5e7eb;
}.avcalc .mode-buttons{
  position: relative;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  background: #020617;
  padding: 4px;
  gap: 0;
  overflow: hidden;
  width: max-content;
}.avcalc .mode-slider{
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: 4px;
  width: calc(50% - 4px);
  border-radius: 999px;
  background: radial-gradient(circle at top left, #22c55e 0, #16a34a 60%);
  box-shadow: 0 6px 16px rgba(22,163,74,0.9);
  transition: transform 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}.avcalc .mode-buttons.mode-buttons--day .mode-slider{ transform: translateX(0); }.avcalc .mode-buttons.mode-buttons--night .mode-slider{
  transform: translateX(100%);
  background: radial-gradient(circle at top left, #ef4444 0, #b91c1c 60%);
  box-shadow: 0 6px 16px rgba(185,28,28,0.9);
}.avcalc .mode-btn{
  border: none;
  background: transparent;
  padding: 7px 18px;
  border-radius: 999px;
  font-size: 15px;
  cursor: pointer;
  color: #9ca3af;
  min-width: 86px;
  font-weight: 600;
  position: relative;
  z-index: 1;
  text-align: center;
  transition: color 0.15s ease, transform 0.08s ease;
}.avcalc .mode-btn[data-mode="day"].active{ color: #f9fafb; }.avcalc .mode-btn[data-mode="night"].active{ color: #fee2e2; }.avcalc .mode-btn:focus-visible{
  outline: 2px solid rgba(56,189,248,0.8);
  outline-offset: 2px;
}.avcalc .order-form .form-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 18px;
  margin-top: 6px;
}.avcalc .order-form .form-row{ margin-bottom: 0; }.avcalc .order-form .form-row--full{ grid-column: 1 / -1; }.avcalc .order-form label{
  display: block;
  font-size: 15px;
  margin-bottom: 4px;
  color: var(--text-main);
}.avcalc .order-form label span.req{ color: var(--danger); }.avcalc .order-form input, .avcalc .order-form select, .avcalc .order-form textarea{
  width: 100%;
  padding: 9px 12px;
  border-radius: 11px;
  border: 1px solid var(--input-border);
  font-size: 16px;
  font-family: inherit;
  background: var(--input-bg);
  color: var(--text-main);
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, transform 0.08s ease;
}.avcalc .order-form select option{ color: #020617; background: #f9fafb; }.avcalc .order-form input::placeholder, .avcalc .order-form textarea::placeholder{ color: #6b7280; }.avcalc .order-form input:focus, .avcalc .order-form select:focus, .avcalc .order-form textarea:focus{
  border-color: var(--input-border-focus);
  box-shadow: 0 0 0 1px rgba(15,23,42,0.9), 0 0 0 2px rgba(34,197,94,0.8);
  outline: none;
  background: var(--input-bg-focus);
  transform: translateY(-0.5px);
}.avcalc .order-form textarea{ min-height: 80px; resize: vertical; }.avcalc .order-form .touched.is-invalid{
  border-color: rgba(239,68,68,0.95) !important;
  box-shadow: 0 0 0 1px rgba(15,23,42,0.9), 0 0 0 2px rgba(239,68,68,0.75) !important;
  background: rgba(239,68,68,0.10) !important;
}.avcalc .order-form .touched.is-valid{
  border-color: rgba(34,197,94,0.95) !important;
  box-shadow: 0 0 0 1px rgba(15,23,42,0.9), 0 0 0 2px rgba(34,197,94,0.75) !important;
  background: rgba(34,197,94,0.12) !important;
}.avcalc .calc-summary{
  margin-top: 16px;
  padding: 14px 12px 12px;
  border-radius: 16px;
  background: radial-gradient(circle at top left, #020617 0, #020617 60%, #02091c 100%);
  border: 1px solid rgba(148,163,184,0.7);
  box-shadow: 0 16px 36px rgba(15,23,42,0.95);
}.avcalc .calc-summary-title{
  font-size: 15px;
  font-weight: 800;
  margin: 0 0 6px;
  color: #e5e7eb;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}.avcalc .calc-row{
  display: flex;
  justify-content: space-between;
  gap: 8px;
  font-size: 15px;
  margin-bottom: 2px;
}.avcalc .calc-label{ color: var(--text-muted); }.avcalc .calc-value{ font-weight: 600; text-align: right; }.avcalc .calc-total-row{
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 8px;
  margin-top: 8px;
  padding-top: 6px;
  border-top: 1px dashed rgba(148,163,184,0.8);
}.avcalc .calc-total-label{ font-size: 15px; font-weight: 700; color: #e5e7eb; }.avcalc .calc-total-value{ font-size: 20px; font-weight: 900; color: #f9fafb; }.avcalc .calc-note{
  margin-top: 6px;
  font-size: 13px;
  color: var(--text-muted);
  line-height: 1.6;
}.avcalc .calc-note a{ color: var(--brand-blue); }.avcalc .calc-remote-detail{
  font-size: 14px;
  color: #e5e7eb;
  margin-top: 4px;
  text-align: right;
}.avcalc .address-hint{
  font-size: 13px;
  color: var(--text-muted);
  margin-top: 2px;
}.avcalc .autocomplete-wrapper{ position: relative; }.avcalc .autocomplete-list{
  position: absolute;
  z-index: 20;
  left: 0;
  right: 0;
  top: 100%;
  margin-top: 2px;
  background: #020617;
  border-radius: 11px;
  border: 1px solid rgba(148,163,184,0.9);
  box-shadow: 0 24px 50px rgba(15,23,42,0.95);
  max-height: 210px;
  overflow-y: auto;
  font-size: 15px;
  display: none;
}.avcalc .autocomplete-item{
  padding: 8px 12px;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: var(--text-main);
}.avcalc .autocomplete-item strong{ color: var(--brand-green); }.avcalc .autocomplete-item:hover, .avcalc .autocomplete-item.autocomplete-item-active{
  background: rgba(15,23,42,0.95);
}@media (max-width: 700px) {.avcalc .order-form .form-grid{ grid-template-columns: 1fr; }.avcalc .tariff-mode{ margin-bottom: 10px; }.avcalc .mode-buttons{ width: 100%; justify-content: space-between; }.avcalc .mode-btn{ flex: 1; padding: 9px 0; font-size: 16px; }.avcalc .calc-summary{ margin-top: 12px; }}.avcalc .order-form input:required, .avcalc .order-form select:required, .avcalc .order-form textarea:required{
  border-color: var(--iv-req-invalid-border) !important;
  box-shadow: 0 0 0 1px rgba(15,23,42,0.9), 0 0 0 2px rgba(239,68,68,0.70) !important;
  background: var(--iv-req-invalid-bg) !important;
  background-color: var(--iv-req-invalid-bg) !important;
}.avcalc .order-form input:required:valid, .avcalc .order-form select:required:valid, .avcalc .order-form textarea:required:valid{
  border-color: var(--iv-req-valid-border) !important;
  box-shadow: 0 0 0 1px rgba(15,23,42,0.9), 0 0 0 2px rgba(34,197,94,0.75) !important;
  background: var(--iv-req-valid-bg) !important;
  background-color: var(--iv-req-valid-bg) !important;
  color: var(--iv-req-valid-text) !important;
}.avcalc .order-form input:required:focus:invalid, .avcalc .order-form select:required:focus:invalid, .avcalc .order-form textarea:required:focus:invalid{
  border-color: rgba(239,68,68,1) !important;
  box-shadow: 0 0 0 1px rgba(15,23,42,0.95), 0 0 0 3px rgba(239,68,68,0.65) !important;
}.avcalc .order-form input:required:focus:valid, .avcalc .order-form select:required:focus:valid, .avcalc .order-form textarea:required:focus:valid{
  border-color: rgba(34,197,94,0.95) !important;
  box-shadow: 0 0 0 1px rgba(15,23,42,0.95), 0 0 0 3px rgba(34,197,94,0.65) !important;
}.avcalc .order-form input:required:valid:-webkit-autofill{
  -webkit-box-shadow: 0 0 0 1000px var(--iv-req-valid-bg) inset !important;
  -webkit-text-fill-color: var(--iv-req-valid-text) !important;
}.avcalc .order-form input:required:invalid:-webkit-autofill{
  -webkit-box-shadow: 0 0 0 1000px var(--iv-req-invalid-bg) inset !important;
  -webkit-text-fill-color: var(--text-main) !important;
}.avcalc .photo-upload{
  display: flex;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
}.avcalc .photo-upload__input{
  position: absolute;
  left: -9999px;
  opacity: 0;
  width: 0;
  height: 0;
}.avcalc .photo-upload__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 14px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.14);
  cursor: pointer;
  margin-bottom: 0; /* [IVAN][TASK-20251225-10][EDIT][2] label не должен тянуть margin-bottom из общего label{} */
  user-select: none;
}.avcalc .photo-upload__label{
  opacity: 0.9;
}.avcalc .photo-status{
  margin-top: 8px;
  font-size: 14px;
  opacity: 0.9;
}.avcalc .photo-previews{
  margin-top: 10px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr)); /* [IVAN][TASK-20251225-11][EDIT][1] */
  gap: 10px;
}.avcalc .photo-preview{
  width: 86.6667%; /* [IVAN][TASK-20251225-11][EDIT][1] ~минус 35% */
  justify-self: center; /* [IVAN][TASK-20251225-11][EDIT][1] */
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.04);
  aspect-ratio: 1 / 1;
}.avcalc .photo-preview img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}.avcalc .photo-remove{
  position: absolute;
  top: 6px;
  right: 6px;
  width: 28px;
  height: 28px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: rgba(0, 0, 0, 0.35);
  color: inherit;
  cursor: pointer;
  line-height: 1;
  font-size: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}.avcalc .photo-remove:hover{
  background: rgba(0, 0, 0, 0.5);
}@media (max-width: 520px) {.avcalc .photo-previews{
    grid-template-columns: repeat(3, minmax(0, 1fr)); /* [IVAN][TASK-20251225-11][EDIT][2] */
  }.avcalc .photo-preview{
    width: 100%; /* [IVAN][TASK-20251225-11][EDIT][2] */
    justify-self: stretch; /* [IVAN][TASK-20251225-11][EDIT][2] */
  }}.avcalc .service-picker{margin-top:14px;}.avcalc .service-picker .service-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr)); /* [IVAN][TASK-20251220-05] */
  gap:10px;
}.avcalc .service-picker .service-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(2,6,23,.22);
  color:#e5e7eb;
  font-weight:800;
  cursor:default;
  user-select:none;
  text-align:center;
}.avcalc .service-picker .service-btn:focus{outline:0;}.avcalc .service-picker .service-note{
  margin-top:10px;
  font-size:12px;
  opacity:.75;
  line-height:1.4;
}@media (max-width:860px){.avcalc .service-picker .service-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}@media (max-width:680px){.avcalc .service-picker .service-grid{grid-template-columns:1fr;}}.avcalc .calc-block{
      background: var(--calc-block-bg);
      border: 1px solid var(--calc-block-border);
      border-radius: 16px;
      padding: 14px;
      margin: 12px 0;
      position: relative;
      z-index: 0; /* гарантируем, что это фон, а не оверлей */
    }.avcalc .form-grid > .calc-block{
      grid-column: 1 / -1;
    }.avcalc .calc-block-title{
      font-weight: 700;
      font-size: 14px;
      margin: 0 0 10px 0;
      color: #fff;
    }.avcalc .calc-block--addresses .calc-block-title{
      text-align: center;
      font-size: 16.8px; /* +20% от 14px */
    }.avcalc .tariff-mode.calc-block{
      background: var(--calc-block-bg) !important;
      border: 1px solid var(--calc-block-border) !important;
      border-radius: 16px !important;
      padding: 14px !important;
      margin-bottom: 12px;
    }.avcalc .tariff-mode.calc-block .tariff-mode-title, .avcalc .tariff-mode.calc-block label, .avcalc .tariff-mode.calc-block .service-note{
      color: #fff !important;
    }.avcalc .calc-block input:not(:required), .avcalc .calc-block select:not(:required), .avcalc .calc-block textarea:not(:required){
      background: var(--calc-field-bg) !important;
      border-color: var(--calc-field-border) !important;
      color: #d8f7ff !important;
    }.avcalc .order-form .calc-block input:not(:required):not(:placeholder-shown), .avcalc .order-form .calc-block textarea:not(:required):not(:placeholder-shown), .avcalc .order-form .calc-block input:not(:required):valid, .avcalc .order-form .calc-block textarea:not(:required):valid, .avcalc .order-form .calc-block select:not(:required):valid, .avcalc .order-form .calc-block input:not(:required):invalid, .avcalc .order-form .calc-block textarea:not(:required):invalid, .avcalc .order-form .calc-block select:not(:required):invalid, .avcalc .order-form .calc-block .touched.is-valid, .avcalc .order-form .calc-block .touched.is-invalid{
      background: var(--calc-field-bg) !important; /* [IVAN][TASK-20251220-26] */
      background-color: var(--calc-field-bg) !important; /* [IVAN][TASK-20251220-26] */
      background-image: none !important; /* [IVAN][TASK-20251220-26] */
      color: #d8f7ff !important; /* [IVAN][TASK-20251220-26] */
    }.avcalc .order-form .calc-block input:not(:required):focus, .avcalc .order-form .calc-block textarea:not(:required):focus, .avcalc .order-form .calc-block select:not(:required):focus{
      background: var(--calc-field-bg) !important; /* [IVAN][TASK-20251220-26] */
      background-color: var(--calc-field-bg) !important; /* [IVAN][TASK-20251220-26] */
    }.avcalc .order-form .calc-block input:not(:required):-webkit-autofill, .avcalc .order-form .calc-block textarea:not(:required):-webkit-autofill, .avcalc .order-form .calc-block select:not(:required):-webkit-autofill{
      -webkit-box-shadow: 0 0 0 1000px var(--calc-field-bg) inset !important; /* [IVAN][TASK-20251220-26] */
      -webkit-text-fill-color: #d8f7ff !important; /* [IVAN][TASK-20251220-26] */
      transition: background-color 9999s ease-out 0s !important; /* [IVAN][TASK-20251220-26] */
    }.avcalc .calc-block input::placeholder, .avcalc .calc-block textarea::placeholder{
      color: rgba(216, 247, 255, .55) !important;
    }.avcalc .calc-summary.calc-block{
      background: var(--calc-block-bg) !important;
      border: 1px solid var(--calc-block-border) !important;
    }.avcalc .calc-summary.calc-block .calc-summary-title, .avcalc .calc-summary.calc-block .calc-label, .avcalc .calc-summary.calc-block .calc-footnote{
      color: #fff !important;
    }.avcalc .calc-summary.calc-block .calc-value{
      color: #fff !important;
    }.avcalc .calc-summary.calc-block .calc-footnote a[href*="udalennyie-rajonyi"]{
      color: #fff !important; /* [IVAN][EDIT][13] */
      font-weight: 800 !important; /* [IVAN][EDIT][13] */
      text-decoration: underline; /* [IVAN][EDIT][15] */
      display: inline-flex; /* [IVAN][EDIT][15] */
      align-items: center; /* [IVAN][EDIT][15] */
      padding: 4px 12px; /* [IVAN][EDIT][15] */
      border-radius: 999px; /* [IVAN][EDIT][15] */

      /* Фон и эффекты — как у кнопки «Заказать в Телеграм» (.tg-fab) */
      background: rgba(229, 168, 69, 0.45) !important; /* [IVAN][EDIT][16] fallback */
      background: #E5A84572 !important; /* [IVAN][EDIT][16] */
      border: 1px solid rgba(0, 0, 0, 0.12); /* [IVAN][EDIT][16] */
      box-shadow: 0 14px 30px rgba(0, 0, 0, 0.35); /* [IVAN][EDIT][16] */
      -webkit-backdrop-filter: blur(6px); /* [IVAN][EDIT][16] */
      backdrop-filter: blur(6px); /* [IVAN][EDIT][16] */
    }.avcalc .calc-summary.calc-block .calc-footnote a[href*="udalennyie-rajonyi"]:hover{
      text-decoration: none; /* [IVAN][EDIT][15] */
    }.avcalc .calc-block .ms-trigger{
      width: 100%;
      padding: 9px 12px;
      border-radius: 11px;
      border: 1px solid var(--calc-field-border);
      background: var(--calc-field-bg);
      color: #d8f7ff;
      font-size: 16px;
      font-family: inherit;
      text-align: left;
      cursor: pointer;
      position: relative;
      transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.08s ease;
    }.avcalc .calc-block .ms-trigger::after{
      content: "▾";
      position: absolute;
      right: 12px;
      top: 50%;
      transform: translateY(-50%);
      color: rgba(216, 247, 255, .55);
      pointer-events: none;
      font-size: 14px;
      line-height: 1;
    }.avcalc .calc-block .ms-trigger:focus{
      outline: none;
      border-color: var(--input-border-focus);
      box-shadow: 0 0 0 1px rgba(15,23,42,0.9), 0 0 0 2px rgba(34,197,94,0.8);
      transform: translateY(-0.5px);
    }.avcalc .tariff-mode{
  padding: 12px 12px;
  border-radius: 14px;
  background: radial-gradient(circle at top left, #020617 0, #020617 65%);
  border: 1px solid rgba(148,163,184,0.6);
  margin-bottom: 12px;
  box-shadow: 0 10px 26px rgba(15,23,42,0.85);
}.avcalc .tariff-mode-title{
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 6px;
  color: #e5e7eb;
}.avcalc .calc-block--services .tariff-mode-title{
  text-align: center;
  font-size: 18px;
}.avcalc .mode-buttons{
  position: relative;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  background: #020617;
  padding: 4px;
  gap: 0;
  overflow: hidden;
  width: max-content;
}.avcalc .mode-slider{
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: 4px;
  width: calc(50% - 4px);
  border-radius: 999px;
  background: radial-gradient(circle at top left, #22c55e 0, #16a34a 60%);
  box-shadow: 0 6px 16px rgba(22,163,74,0.9);
  transition: transform 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}.avcalc .mode-buttons.mode-buttons--day .mode-slider{ transform: translateX(0); }.avcalc .mode-buttons.mode-buttons--night .mode-slider{
  transform: translateX(100%);
  background: radial-gradient(circle at top left, #ef4444 0, #b91c1c 60%);
  box-shadow: 0 6px 16px rgba(185,28,28,0.9);
}.avcalc .mode-btn{
  border: none;
  background: transparent;
  padding: 7px 18px;
  border-radius: 999px;
  font-size: 15px;
  cursor: pointer;
  color: #9ca3af;
  min-width: 86px;
  font-weight: 600;
  position: relative;
  z-index: 1;
  text-align: center;
  transition: color 0.15s ease, transform 0.08s ease;
}.avcalc .mode-btn[data-mode="day"].active{ color: #f9fafb; }.avcalc .mode-btn[data-mode="night"].active{ color: #fee2e2; }.avcalc .mode-buttons.mode-buttons--city .mode-slider{ transform: translateX(0); }.avcalc .mode-buttons.mode-buttons--intercity .mode-slider{
  transform: translateX(100%);
  background: radial-gradient(circle at top left, rgba(245,158,11,0.98) 0%, rgba(217,119,6,0.98) 65%);
  box-shadow: 0 10px 18px rgba(245,158,11,.28), 0 6px 10px rgba(0,0,0,.35);
}.avcalc .mode-btn[data-mode="city"].active{ color: #f9fafb; }.avcalc .mode-btn[data-mode="intercity"].active{ color: #fff7ed; }.avcalc .mode-buttons.mode-buttons--city, .avcalc .mode-buttons.mode-buttons--intercity{
  width: 100%;
}.avcalc .mode-buttons.mode-buttons--city .mode-btn, .avcalc .mode-buttons.mode-buttons--intercity .mode-btn{
  flex: 1;
  min-width: 0;
  white-space: nowrap;
}.avcalc .mode-buttons.mode-buttons--day, .avcalc .mode-buttons.mode-buttons--night{
  width: 100%;
}.avcalc .mode-buttons.mode-buttons--day .mode-btn, .avcalc .mode-buttons.mode-buttons--night .mode-btn{
  flex: 1;
  min-width: 0;
  white-space: nowrap;
}.avcalc .calc-block--mode > .tariff-mode-title{
  text-align: center;
  font-size: 18px;
}.avcalc .mode-btn:focus-visible{
  outline: 2px solid rgba(56,189,248,0.8);
  outline-offset: 2px;
}.avcalc label span.req{ color: var(--danger); }.avcalc .order-form .touched.is-invalid{
  border-color: rgba(239,68,68,0.95) !important;
  box-shadow: 0 0 0 1px rgba(15,23,42,0.9), 0 0 0 2px rgba(239,68,68,0.75) !important;
  background: rgba(239,68,68,0.10) !important;
}.avcalc .order-form .touched.is-valid{
  border-color: rgba(34,197,94,0.95) !important;
  box-shadow: 0 0 0 1px rgba(15,23,42,0.9), 0 0 0 2px rgba(34,197,94,0.75) !important;
  background: rgba(34,197,94,0.12) !important;
}.avcalc .calc-summary{
  margin-top: 16px;
  padding: 14px 12px 12px;
  border-radius: 16px;
  background: radial-gradient(circle at top left, #020617 0, #020617 60%, #02091c 100%);
  border: 1px solid rgba(148,163,184,0.7);
  box-shadow: 0 16px 36px rgba(15,23,42,0.95);
}.avcalc .calc-summary-title{
  font-size: 15px;
  font-weight: 800;
  margin: 0 0 6px;
  color: #e5e7eb;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}.avcalc .calc-row{
  display: flex;
  justify-content: space-between;
  gap: 8px;
  font-size: 15px;
  margin-bottom: 2px;
}.avcalc .calc-label{ color: var(--text-muted); }.avcalc .calc-value{ font-weight: 600; text-align: right; }.avcalc .calc-total-row{
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 8px;
  margin-top: 8px;
  padding-top: 6px;
  border-top: 1px dashed rgba(148,163,184,0.8);
}.avcalc .calc-total-label{ font-size: 15px; font-weight: 700; color: #e5e7eb; }.avcalc .calc-total-value{ font-size: 20px; font-weight: 900; color: #f9fafb; }.avcalc .calc-note{
  margin-top: 6px;
  font-size: 13px;
  color: var(--text-muted);
  line-height: 1.6;
}.avcalc .calc-note a{ color: var(--brand-blue); }.avcalc .calc-remote-detail{
  font-size: 14px;
  color: #e5e7eb;
  margin-top: 4px;
  text-align: right;
}.avcalc .address-hint{
  font-size: 13px;
  color: var(--text-muted);
  margin-top: 2px;
}.avcalc .autocomplete-wrapper{ position: relative; }.avcalc .autocomplete-list{
  position: absolute;
  z-index: 20;
  left: 0;
  right: 0;
  top: 100%;
  margin-top: 2px;
  background: #020617;
  border-radius: 11px;
  border: 1px solid rgba(148,163,184,0.9);
  box-shadow: 0 24px 50px rgba(15,23,42,0.95);
  max-height: 210px;
  overflow-y: auto;
  font-size: 15px;
  display: none;
}.avcalc .autocomplete-item{
  padding: 8px 12px;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: var(--text-main);
}.avcalc .autocomplete-item strong{ color: var(--brand-green); }.avcalc .autocomplete-item:hover, .avcalc .autocomplete-item.autocomplete-item-active{
  background: rgba(15,23,42,0.95);
}.avcalc .tariff-card{
  background: radial-gradient(circle at top left, #fed7aa 0, #fdba74 25%, #fb923c 50%, #ea580c 80%, #9a3412 100%);
  border-radius: var(--radius-card);
  padding: 22px 16px 18px;
  box-shadow: var(--shadow-strong);
  border: 1px solid rgba(147,84,32,0.95);
}.avcalc .tariff-title{ font-size: 22px; margin: 0 0 4px; color: #000; }.avcalc .tariff-date{ font-size: 14px; color: #000; margin-bottom: 12px; }.avcalc .tariff-note{
  font-size: 13px;
  color: #000;
  margin-top: 6px;
  line-height: 1.6;
}@media (max-width: 700px) {.avcalc .tariff-mode{ margin-bottom: 10px; }.avcalc .mode-buttons{ width: 100%; justify-content: space-between; }.avcalc .mode-btn{ flex: 1; padding: 9px 0; font-size: 16px; }.avcalc .calc-summary{ margin-top: 12px; }}.avcalc .tariff-mode{
  padding: 12px 12px;
  border-radius: 14px;
  background: radial-gradient(circle at top left, #020617 0, #020617 65%);
  border: 1px solid rgba(148,163,184,0.6);
  margin-bottom: 12px;
  box-shadow: 0 10px 26px rgba(15,23,42,0.85);
}.avcalc .tariff-mode-title{
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 6px;
  color: #e5e7eb;
}.avcalc .mode-buttons{
  position: relative;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  background: #020617;
  padding: 4px;
  gap: 0;
  overflow: hidden;
  width: max-content;
}.avcalc .mode-slider{
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: 4px;
  width: calc(50% - 4px);
  border-radius: 999px;
  background: radial-gradient(circle at top left, #22c55e 0, #16a34a 60%);
  box-shadow: 0 6px 16px rgba(22,163,74,0.9);
  transition: transform 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}.avcalc .mode-buttons.mode-buttons--day .mode-slider{ transform: translateX(0); }.avcalc .mode-buttons.mode-buttons--night .mode-slider{
  transform: translateX(100%);
  background: radial-gradient(circle at top left, #ef4444 0, #b91c1c 60%);
  box-shadow: 0 6px 16px rgba(185,28,28,0.9);
}.avcalc .mode-btn{
  border: none;
  background: transparent;
  padding: 7px 18px;
  border-radius: 999px;
  font-size: 15px;
  cursor: pointer;
  color: #9ca3af;
  min-width: 86px;
  font-weight: 600;
  position: relative;
  z-index: 1;
  text-align: center;
  transition: color 0.15s ease, transform 0.08s ease;
}.avcalc .mode-btn[data-mode="day"].active{ color: #f9fafb; }.avcalc .mode-btn[data-mode="night"].active{ color: #fee2e2; }.avcalc .mode-btn:focus-visible{
  outline: 2px solid rgba(56,189,248,0.8);
  outline-offset: 2px;
}.avcalc .order-form .form-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 18px;
  margin-top: 6px;
}.avcalc .order-form .form-row{ margin-bottom: 0; }.avcalc .order-form .form-row--full{ grid-column: 1 / -1; }.avcalc .order-form label{
  display: block;
  font-size: 15px;
  margin-bottom: 4px;
  color: var(--text-main);
}.avcalc .order-form label span.req{ color: var(--danger); }.avcalc .order-form input, .avcalc .order-form select, .avcalc .order-form textarea{
  width: 100%;
  padding: 9px 12px;
  border-radius: 11px;
  border: 1px solid var(--input-border);
  font-size: 16px;
  font-family: inherit;
  background: var(--input-bg);
  color: var(--text-main);
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, transform 0.08s ease;
}.avcalc .order-form select option{ color: #020617; background: #f9fafb; }.avcalc .order-form input::placeholder, .avcalc .order-form textarea::placeholder{ color: #6b7280; }.avcalc .order-form input:focus, .avcalc .order-form select:focus, .avcalc .order-form textarea:focus{
  border-color: var(--input-border-focus);
  box-shadow: 0 0 0 1px rgba(15,23,42,0.9), 0 0 0 2px rgba(34,197,94,0.8);
  outline: none;
  background: var(--input-bg-focus);
  transform: translateY(-0.5px);
}.avcalc .order-form textarea{ min-height: 80px; resize: vertical; }.avcalc .order-form .touched.is-invalid{
  border-color: rgba(239,68,68,0.95) !important;
  box-shadow: 0 0 0 1px rgba(15,23,42,0.9), 0 0 0 2px rgba(239,68,68,0.75) !important;
  background: rgba(239,68,68,0.10) !important;
}.avcalc .order-form .touched.is-valid{
  border-color: rgba(34,197,94,0.95) !important;
  box-shadow: 0 0 0 1px rgba(15,23,42,0.9), 0 0 0 2px rgba(34,197,94,0.75) !important;
  background: rgba(34,197,94,0.12) !important;
}.avcalc .calc-summary{
  margin-top: 16px;
  padding: 14px 12px 12px;
  border-radius: 16px;
  background: radial-gradient(circle at top left, #020617 0, #020617 60%, #02091c 100%);
  border: 1px solid rgba(148,163,184,0.7);
  box-shadow: 0 16px 36px rgba(15,23,42,0.95);
}.avcalc .calc-summary-title{
  font-size: 15px;
  font-weight: 800;
  margin: 0 0 6px;
  color: #e5e7eb;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}.avcalc .calc-row{
  display: flex;
  justify-content: space-between;
  gap: 8px;
  font-size: 15px;
  margin-bottom: 2px;
}.avcalc .calc-label{ color: var(--text-muted); }.avcalc .calc-value{ font-weight: 600; text-align: right; }.avcalc .calc-total-row{
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 8px;
  margin-top: 8px;
  padding-top: 6px;
  border-top: 1px dashed rgba(148,163,184,0.8);
}.avcalc .calc-total-label{ font-size: 15px; font-weight: 700; color: #e5e7eb; }.avcalc .calc-total-value{ font-size: 20px; font-weight: 900; color: #f9fafb; }.avcalc .calc-note{
  margin-top: 6px;
  font-size: 13px;
  color: var(--text-muted);
  line-height: 1.6;
}.avcalc .calc-note a{ color: var(--brand-blue); }.avcalc .calc-remote-detail{
  font-size: 14px;
  color: #e5e7eb;
  margin-top: 4px;
  text-align: right;
}.avcalc .address-hint{
  font-size: 13px;
  color: var(--text-muted);
  margin-top: 2px;
}.avcalc .autocomplete-wrapper{ position: relative; }.avcalc .autocomplete-list{
  position: absolute;
  z-index: 20;
  left: 0;
  right: 0;
  top: 100%;
  margin-top: 2px;
  background: #020617;
  border-radius: 11px;
  border: 1px solid rgba(148,163,184,0.9);
  box-shadow: 0 24px 50px rgba(15,23,42,0.95);
  max-height: 210px;
  overflow-y: auto;
  font-size: 15px;
  display: none;
}.avcalc .autocomplete-item{
  padding: 8px 12px;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: var(--text-main);
}.avcalc .autocomplete-item strong{ color: var(--brand-green); }.avcalc .autocomplete-item:hover, .avcalc .autocomplete-item.autocomplete-item-active{
  background: rgba(15,23,42,0.95);
}@media (max-width: 700px) {.avcalc .order-form .form-grid{ grid-template-columns: 1fr; }.avcalc .tariff-mode{ margin-bottom: 10px; }.avcalc .mode-buttons{ width: 100%; justify-content: space-between; }.avcalc .mode-btn{ flex: 1; padding: 9px 0; font-size: 16px; }.avcalc .calc-summary{ margin-top: 12px; }}.avcalc .order-form input:not(:placeholder-shown), .avcalc .order-form textarea:not(:placeholder-shown){
  background: var(--input-bg) !important;
  color: var(--text-main) !important;
}.avcalc .order-form input:valid, .avcalc .order-form textarea:valid, .avcalc .order-form select:valid, .avcalc .order-form input:invalid, .avcalc .order-form textarea:invalid, .avcalc .order-form select:invalid{
  background: var(--input-bg) !important;
  color: var(--text-main) !important;
}.avcalc .order-form #destinationA, .avcalc .order-form #destinationB, .avcalc .order-form #phone, .avcalc .order-form #name, .avcalc .order-form #timeOption, .avcalc .order-form #usageDuration, .avcalc .order-form #message{
  border-color: rgba(239,68,68,0.95);
  box-shadow: 0 0 0 1px rgba(15,23,42,0.9), 0 0 0 2px rgba(239,68,68,0.70);
}.avcalc .order-form #destinationA:focus, .avcalc .order-form #destinationB:focus, .avcalc .order-form #phone:focus, .avcalc .order-form #name:focus, .avcalc .order-form #timeOption:focus, .avcalc .order-form #usageDuration:focus, .avcalc .order-form #message:focus{
  border-color: rgba(239,68,68,1);
  box-shadow: 0 0 0 1px rgba(15,23,42,0.95), 0 0 0 3px rgba(239,68,68,0.65);
}.avcalc .calc-block--services #truckOption{
  border-color: rgba(239,68,68,0.95);
  box-shadow: 0 0 0 1px rgba(15,23,42,0.9), 0 0 0 2px rgba(239,68,68,0.70);
}.avcalc .calc-block--services #truckOption:focus{
  border-color: rgba(239,68,68,1);
  box-shadow: 0 0 0 1px rgba(15,23,42,0.95), 0 0 0 3px rgba(239,68,68,0.65);
}.avcalc .calc-block--services #workersOption{
  border-color: rgba(239,68,68,0.95);
  box-shadow: 0 0 0 1px rgba(15,23,42,0.9), 0 0 0 2px rgba(239,68,68,0.70);
}.avcalc .calc-block--services #workersOption:focus{
  border-color: rgba(239,68,68,1);
  box-shadow: 0 0 0 1px rgba(15,23,42,0.95), 0 0 0 3px rgba(239,68,68,0.65);
}.avcalc .order-form input:-webkit-autofill, .avcalc .order-form textarea:-webkit-autofill, .avcalc .order-form select:-webkit-autofill{
  -webkit-text-fill-color: var(--text-main) !important;
  box-shadow: 0 0 0 1000px rgba(34,197,94,0.12) inset !important;
  transition: background-color 9999s ease-in-out 0s;
}.avcalc .order-form .touched.is-valid{
  border-color: rgba(34,197,94,0.95) !important;
  box-shadow: 0 0 0 1px rgba(15,23,42,0.9), 0 0 0 2px rgba(34,197,94,0.75) !important;
  background: rgba(34,197,94,0.12) !important;
}.avcalc .order-form .touched.is-invalid{
  border-color: rgba(239,68,68,0.95) !important;
  box-shadow: 0 0 0 1px rgba(15,23,42,0.9), 0 0 0 2px rgba(239,68,68,0.75) !important;
  background: rgba(239,68,68,0.10) !important;
}.avcalc .photo-upload{
  display: flex;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
}.avcalc .photo-upload__input{
  position: absolute;
  left: -9999px;
  opacity: 0;
  width: 0;
  height: 0;
}.avcalc .photo-upload__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 14px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.14);
  cursor: pointer;
  user-select: none;
}.avcalc .photo-upload__label{
  opacity: 0.9;
}.avcalc .photo-status{
  margin-top: 8px;
  font-size: 14px;
  opacity: 0.9;
}.avcalc .photo-previews{
  margin-top: 10px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}.avcalc .photo-preview{
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.04);
  aspect-ratio: 1 / 1;
}.avcalc .photo-preview img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}.avcalc .photo-remove{
  position: absolute;
  top: 6px;
  right: 6px;
  width: 28px;
  height: 28px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: rgba(0, 0, 0, 0.35);
  color: inherit;
  cursor: pointer;
  line-height: 1;
  font-size: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}.avcalc .photo-remove:hover{
  background: rgba(0, 0, 0, 0.5);
}.avcalc .service-picker{margin-top:14px;}.avcalc .service-picker .service-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}.avcalc .service-picker .service-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(2,6,23,.22);
  color:#e5e7eb;
  font-weight:800;
  cursor:default;
  user-select:none;
  text-align:center;
}.avcalc .service-picker .service-btn:focus{outline:0;}.avcalc .service-picker .service-note{
  margin-top:10px;
  font-size:12px;
  opacity:.75;
  line-height:1.4;
}@media (max-width:860px){.avcalc .service-picker .service-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}@media (max-width:680px){.avcalc .service-picker .service-grid{grid-template-columns:1fr;}}.avcalc .calc-block{
      background: var(--calc-block-bg);
      border: 1px solid var(--calc-block-border);
      border-radius: 16px;
      padding: 14px;
      margin: 12px 0;
      position: relative;
      z-index: 0;
    }.avcalc .form-grid > .calc-block{
      grid-column: 1 / -1;
    }.avcalc .calc-block-title{
      font-weight: 700;
      font-size: 14px;
      margin: 0 0 10px 0;
      color: #fff;
    }.avcalc .calc-block--addresses .calc-block-title{
      text-align: center;
      font-size: 16.8px;
    }.avcalc .tariff-mode.calc-block{
      background: var(--calc-block-bg) !important;
      border: 1px solid var(--calc-block-border) !important;
      border-radius: 16px !important;
      padding: 14px !important;
      margin-bottom: 12px;
    }.avcalc .tariff-mode.calc-block .tariff-mode-title, .avcalc .tariff-mode.calc-block label, .avcalc .tariff-mode.calc-block .service-note{
      color: #fff !important;
    }.avcalc .calc-block input, .avcalc .calc-block select, .avcalc .calc-block textarea{
      background: var(--calc-field-bg) !important;
      border-color: var(--calc-field-border) !important;
      color: #d8f7ff !important;
    }.avcalc .order-form .calc-block input:not(:placeholder-shown), .avcalc .order-form .calc-block textarea:not(:placeholder-shown), .avcalc .order-form .calc-block input:valid, .avcalc .order-form .calc-block textarea:valid, .avcalc .order-form .calc-block select:valid, .avcalc .order-form .calc-block input:invalid, .avcalc .order-form .calc-block textarea:invalid, .avcalc .order-form .calc-block select:invalid, .avcalc .order-form .calc-block .touched.is-valid, .avcalc .order-form .calc-block .touched.is-invalid{
      background: var(--calc-field-bg) !important;
      background-color: var(--calc-field-bg) !important;
      background-image: none !important;
      color: #d8f7ff !important;
    }.avcalc .order-form .calc-block input:focus, .avcalc .order-form .calc-block textarea:focus, .avcalc .order-form .calc-block select:focus{
      background: var(--calc-field-bg) !important;
      background-color: var(--calc-field-bg) !important;
    }.avcalc .order-form .calc-block input:-webkit-autofill, .avcalc .order-form .calc-block textarea:-webkit-autofill, .avcalc .order-form .calc-block select:-webkit-autofill{
      -webkit-box-shadow: 0 0 0 1000px var(--calc-field-bg) inset !important;
      -webkit-text-fill-color: #d8f7ff !important;
      transition: background-color 9999s ease-out 0s !important;
    }.avcalc .calc-block input::placeholder, .avcalc .calc-block textarea::placeholder{
      color: rgba(216, 247, 255, .55) !important;
    }.avcalc .calc-summary.calc-block{
      background: var(--calc-block-bg) !important;
      border: 1px solid var(--calc-block-border) !important;
    }.avcalc .calc-summary.calc-block .calc-summary-title, .avcalc .calc-summary.calc-block .calc-label, .avcalc .calc-summary.calc-block .calc-footnote{
      color: #fff !important;
    }.avcalc .calc-summary.calc-block .calc-value{
      color: #fff !important;
    }.avcalc .calc-summary.calc-block .calc-footnote a[href*="udalennyie-rajonyi"]{
      color: #fff !important;
      font-weight: 800 !important;
      text-decoration: underline;
      display: inline-flex;
      align-items: center;
      padding: 4px 12px;
      border-radius: 999px;


      background: rgba(229, 168, 69, 0.45) !important;
      background: #E5A84572 !important;
      border: 1px solid rgba(0, 0, 0, 0.12);
      box-shadow: 0 14px 30px rgba(0, 0, 0, 0.35);
      -webkit-backdrop-filter: blur(6px);
      backdrop-filter: blur(6px);
    }.avcalc .calc-summary.calc-block .calc-footnote a[href*="udalennyie-rajonyi"]:hover{
      text-decoration: none;
    }.avcalc .calc-block .ms-trigger{
      width: 100%;
      padding: 9px 12px;
      border-radius: 11px;
      border: 1px solid var(--calc-field-border);
      background: var(--calc-field-bg);
      color: #d8f7ff;
      font-size: 16px;
      font-family: inherit;
      text-align: left;
      cursor: pointer;
      position: relative;
      transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.08s ease;
    }.avcalc .calc-block .ms-trigger::after{
      content: "▾";
      position: absolute;
      right: 12px;
      top: 50%;
      transform: translateY(-50%);
      color: rgba(216, 247, 255, .55);
      pointer-events: none;
      font-size: 14px;
      line-height: 1;
    }.avcalc .calc-block .ms-trigger:focus{
      outline: none;
      border-color: var(--input-border-focus);
      box-shadow: 0 0 0 1px rgba(15,23,42,0.9), 0 0 0 2px rgba(34,197,94,0.8);
      transform: translateY(-0.5px);
    }.avcalc .tariff-mode{
  padding: 12px 12px;
  border-radius: 14px;
  background: radial-gradient(circle at top left, #020617 0, #020617 65%);
  border: 1px solid rgba(148,163,184,0.6);
  margin-bottom: 12px;
  box-shadow: 0 10px 26px rgba(15,23,42,0.85);
}.avcalc .tariff-mode-title{
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 6px;
  color: #e5e7eb;
}.avcalc .calc-block--services .tariff-mode-title{
  text-align: center;
  font-size: 18px;
}.avcalc .mode-buttons{
  position: relative;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  background: #020617;
  padding: 4px;
  gap: 0;
  overflow: hidden;
  width: max-content;
}.avcalc .mode-slider{
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: 4px;
  width: calc(50% - 4px);
  border-radius: 999px;
  background: radial-gradient(circle at top left, #22c55e 0, #16a34a 60%);
  box-shadow: 0 6px 16px rgba(22,163,74,0.9);
  transition: transform 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}.avcalc .mode-buttons.mode-buttons--day .mode-slider{ transform: translateX(0); }.avcalc .mode-buttons.mode-buttons--night .mode-slider{
  transform: translateX(100%);
  background: radial-gradient(circle at top left, #ef4444 0, #b91c1c 60%);
  box-shadow: 0 6px 16px rgba(185,28,28,0.9);
}.avcalc .mode-btn{
  border: none;
  background: transparent;
  padding: 7px 18px;
  border-radius: 999px;
  font-size: 15px;
  cursor: pointer;
  color: #9ca3af;
  min-width: 86px;
  font-weight: 600;
  position: relative;
  z-index: 1;
  text-align: center;
  transition: color 0.15s ease, transform 0.08s ease;
}.avcalc .mode-btn[data-mode="day"].active{ color: #f9fafb; }.avcalc .mode-btn[data-mode="night"].active{ color: #fee2e2; }.avcalc .mode-buttons.mode-buttons--city .mode-slider{ transform: translateX(0); }.avcalc .mode-buttons.mode-buttons--intercity .mode-slider{
  transform: translateX(100%);
  background: radial-gradient(circle at top left, rgba(245,158,11,0.98) 0%, rgba(217,119,6,0.98) 65%);
  box-shadow: 0 10px 18px rgba(245,158,11,.28), 0 6px 10px rgba(0,0,0,.35);
}.avcalc .mode-btn[data-mode="city"].active{ color: #f9fafb; }.avcalc .mode-btn[data-mode="intercity"].active{ color: #fff7ed; }.avcalc .mode-buttons.mode-buttons--city, .avcalc .mode-buttons.mode-buttons--intercity{
  width: 100%;
}.avcalc .mode-buttons.mode-buttons--city .mode-btn, .avcalc .mode-buttons.mode-buttons--intercity .mode-btn{
  flex: 1;
  min-width: 0;
  white-space: nowrap;
}.avcalc .mode-buttons.mode-buttons--day, .avcalc .mode-buttons.mode-buttons--night{
  width: 100%;
}.avcalc .mode-buttons.mode-buttons--day .mode-btn, .avcalc .mode-buttons.mode-buttons--night .mode-btn{
  flex: 1;
  min-width: 0;
  white-space: nowrap;
}.avcalc .calc-block--mode > .tariff-mode-title{
  text-align: center;
  font-size: 18px;
}.avcalc .mode-btn:focus-visible{
  outline: 2px solid rgba(56,189,248,0.8);
  outline-offset: 2px;
}.avcalc label span.req{ color: var(--danger); }.avcalc .calc-summary{
  margin-top: 16px;
  padding: 14px 12px 12px;
  border-radius: 16px;
  background: radial-gradient(circle at top left, #020617 0, #020617 60%, #02091c 100%);
  border: 1px solid rgba(148,163,184,0.7);
  box-shadow: 0 16px 36px rgba(15,23,42,0.95);
}.avcalc .calc-summary-title{
  font-size: 15px;
  font-weight: 800;
  margin: 0 0 6px;
  color: #e5e7eb;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}.avcalc .calc-row{
  display: flex;
  justify-content: space-between;
  gap: 8px;
  font-size: 15px;
  margin-bottom: 2px;
}.avcalc .calc-label{ color: var(--text-muted); }.avcalc .calc-value{ font-weight: 600; text-align: right; }.avcalc .calc-total-row{
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 8px;
  margin-top: 8px;
  padding-top: 6px;
  border-top: 1px dashed rgba(148,163,184,0.8);
}.avcalc .calc-total-label{ font-size: 15px; font-weight: 700; color: #e5e7eb; }.avcalc .calc-total-value{ font-size: 20px; font-weight: 900; color: #f9fafb; }.avcalc .calc-note{
  margin-top: 6px;
  font-size: 13px;
  color: var(--text-muted);
  line-height: 1.6;
}.avcalc .calc-note a{ color: var(--brand-blue); }.avcalc .calc-remote-detail{
  font-size: 14px;
  color: #e5e7eb;
  margin-top: 4px;
  text-align: right;
}.avcalc .address-hint{
  font-size: 13px;
  color: var(--text-muted);
  margin-top: 2px;
}.avcalc .autocomplete-wrapper{ position: relative; }.avcalc .autocomplete-list{
  position: absolute;
  z-index: 20;
  left: 0;
  right: 0;
  top: 100%;
  margin-top: 2px;
  background: #020617;
  border-radius: 11px;
  border: 1px solid rgba(148,163,184,0.9);
  box-shadow: 0 24px 50px rgba(15,23,42,0.95);
  max-height: 210px;
  overflow-y: auto;
  font-size: 15px;
  display: none;
}.avcalc .autocomplete-item{
  padding: 8px 12px;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: var(--text-main);
}.avcalc .autocomplete-item strong{ color: var(--brand-green); }.avcalc .autocomplete-item:hover, .avcalc .autocomplete-item.autocomplete-item-active{
  background: rgba(15,23,42,0.95);
}.avcalc .tariff-card{
  background: radial-gradient(circle at top left, #fed7aa 0, #fdba74 25%, #fb923c 50%, #ea580c 80%, #9a3412 100%);
  border-radius: var(--radius-card);
  padding: 22px 16px 18px;
  box-shadow: var(--shadow-strong);
  border: 1px solid rgba(147,84,32,0.95);
}.avcalc .tariff-title{ font-size: 22px; margin: 0 0 4px; color: #000; }.avcalc .tariff-date{ font-size: 14px; color: #000; margin-bottom: 12px; }.avcalc .tariff-note{
  font-size: 13px;
  color: #000;
  margin-top: 6px;
  line-height: 1.6;
}@media (max-width: 700px) {.avcalc .tariff-mode{ margin-bottom: 10px; }.avcalc .mode-buttons{ width: 100%; justify-content: space-between; }.avcalc .mode-btn{ flex: 1; padding: 9px 0; font-size: 16px; }.avcalc .calc-summary{ margin-top: 12px; }}.avcalc .order-form input:not(:placeholder-shown), .avcalc .order-form textarea:not(:placeholder-shown){
  background: var(--input-bg) !important;
  color: var(--text-main) !important;
}.avcalc .order-form input:valid, .avcalc .order-form textarea:valid, .avcalc .order-form select:valid, .avcalc .order-form input:invalid, .avcalc .order-form textarea:invalid, .avcalc .order-form select:invalid{
  background: var(--input-bg) !important;
  color: var(--text-main) !important;
}.avcalc .order-form #destinationA, .avcalc .order-form #destinationB, .avcalc .order-form #phone, .avcalc .order-form #name, .avcalc .order-form #timeOption, .avcalc .order-form #usageDuration, .avcalc .order-form #message{
  border-color: rgba(239,68,68,0.95);
  box-shadow: 0 0 0 1px rgba(15,23,42,0.9), 0 0 0 2px rgba(239,68,68,0.70);
}.avcalc .order-form #destinationA:focus, .avcalc .order-form #destinationB:focus, .avcalc .order-form #phone:focus, .avcalc .order-form #name:focus, .avcalc .order-form #timeOption:focus, .avcalc .order-form #usageDuration:focus, .avcalc .order-form #message:focus{
  border-color: rgba(239,68,68,1);
  box-shadow: 0 0 0 1px rgba(15,23,42,0.95), 0 0 0 3px rgba(239,68,68,0.65);
}.avcalc .calc-block--services #truckOption{
  border-color: rgba(239,68,68,0.95);
  box-shadow: 0 0 0 1px rgba(15,23,42,0.9), 0 0 0 2px rgba(239,68,68,0.70);
}.avcalc .calc-block--services #truckOption:focus{
  border-color: rgba(239,68,68,1);
  box-shadow: 0 0 0 1px rgba(15,23,42,0.95), 0 0 0 3px rgba(239,68,68,0.65);
}.avcalc .calc-block--services #workersOption{
  border-color: rgba(239,68,68,0.95);
  box-shadow: 0 0 0 1px rgba(15,23,42,0.9), 0 0 0 2px rgba(239,68,68,0.70);
}.avcalc .calc-block--services #workersOption:focus{
  border-color: rgba(239,68,68,1);
  box-shadow: 0 0 0 1px rgba(15,23,42,0.95), 0 0 0 3px rgba(239,68,68,0.65);
}.avcalc .order-form input:-webkit-autofill, .avcalc .order-form textarea:-webkit-autofill, .avcalc .order-form select:-webkit-autofill{
  -webkit-text-fill-color: var(--text-main) !important;
  box-shadow: 0 0 0 1000px rgba(34,197,94,0.12) inset !important;
  transition: background-color 9999s ease-in-out 0s;
}.avcalc .order-form .touched.is-valid{
  border-color: rgba(34,197,94,0.95) !important;
  box-shadow: 0 0 0 1px rgba(15,23,42,0.9), 0 0 0 2px rgba(34,197,94,0.75) !important;
  background: rgba(34,197,94,0.12) !important;
}.avcalc .order-form .touched.is-invalid{
  border-color: rgba(239,68,68,0.95) !important;
  box-shadow: 0 0 0 1px rgba(15,23,42,0.9), 0 0 0 2px rgba(239,68,68,0.75) !important;
  background: rgba(239,68,68,0.10) !important;
}.avcalc .photo-upload{
  display: flex;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
}.avcalc .photo-upload__input{
  position: absolute;
  left: -9999px;
  opacity: 0;
  width: 0;
  height: 0;
}.avcalc .photo-upload__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 14px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.14);
  cursor: pointer;
  user-select: none;
}.avcalc .photo-upload__label{
  opacity: 0.9;
}.avcalc .photo-status{
  margin-top: 8px;
  font-size: 14px;
  opacity: 0.9;
}.avcalc .photo-previews{
  margin-top: 10px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}.avcalc .photo-preview{
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.04);
  aspect-ratio: 1 / 1;
}.avcalc .photo-preview img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}.avcalc .photo-remove{
  position: absolute;
  top: 6px;
  right: 6px;
  width: 28px;
  height: 28px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: rgba(0, 0, 0, 0.35);
  color: inherit;
  cursor: pointer;
  line-height: 1;
  font-size: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}.avcalc .photo-remove:hover{
  background: rgba(0, 0, 0, 0.5);
}.avcalc .service-picker{margin-top:14px;}.avcalc .service-picker .service-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}.avcalc .service-picker .service-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(2,6,23,.22);
  color:#e5e7eb;
  font-weight:800;
  cursor:default;
  user-select:none;
  text-align:center;
}.avcalc .service-picker .service-btn:focus{outline:0;}.avcalc .service-picker .service-note{
  margin-top:10px;
  font-size:12px;
  opacity:.75;
  line-height:1.4;
}@media (max-width:860px){.avcalc .service-picker .service-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}@media (max-width:680px){.avcalc .service-picker .service-grid{grid-template-columns:1fr;}}.avcalc .calc-block{
      background: var(--calc-block-bg);
      border: 1px solid var(--calc-block-border);
      border-radius: 16px;
      padding: 14px;
      margin: 12px 0;
      position: relative;
      z-index: 0;
    }.avcalc .form-grid > .calc-block{
      grid-column: 1 / -1;
    }.avcalc .calc-block-title{
      font-weight: 700;
      font-size: 14px;
      margin: 0 0 10px 0;
      color: #fff;
    }.avcalc .calc-block--addresses .calc-block-title{
      text-align: center;
      font-size: 16.8px;
    }.avcalc .tariff-mode.calc-block{
      background: var(--calc-block-bg) !important;
      border: 1px solid var(--calc-block-border) !important;
      border-radius: 16px !important;
      padding: 14px !important;
      margin-bottom: 12px;
    }.avcalc .tariff-mode.calc-block .tariff-mode-title, .avcalc .tariff-mode.calc-block label, .avcalc .tariff-mode.calc-block .service-note{
      color: #fff !important;
    }.avcalc .calc-block input, .avcalc .calc-block select, .avcalc .calc-block textarea{
      background: var(--calc-field-bg) !important;
      border-color: var(--calc-field-border) !important;
      color: #d8f7ff !important;
    }.avcalc .order-form .calc-block input:not(:placeholder-shown), .avcalc .order-form .calc-block textarea:not(:placeholder-shown), .avcalc .order-form .calc-block input:valid, .avcalc .order-form .calc-block textarea:valid, .avcalc .order-form .calc-block select:valid, .avcalc .order-form .calc-block input:invalid, .avcalc .order-form .calc-block textarea:invalid, .avcalc .order-form .calc-block select:invalid, .avcalc .order-form .calc-block .touched.is-valid, .avcalc .order-form .calc-block .touched.is-invalid{
      background: var(--calc-field-bg) !important;
      background-color: var(--calc-field-bg) !important;
      background-image: none !important;
      color: #d8f7ff !important;
    }.avcalc .order-form .calc-block input:focus, .avcalc .order-form .calc-block textarea:focus, .avcalc .order-form .calc-block select:focus{
      background: var(--calc-field-bg) !important;
      background-color: var(--calc-field-bg) !important;
    }.avcalc .order-form .calc-block input:-webkit-autofill, .avcalc .order-form .calc-block textarea:-webkit-autofill, .avcalc .order-form .calc-block select:-webkit-autofill{
      -webkit-box-shadow: 0 0 0 1000px var(--calc-field-bg) inset !important;
      -webkit-text-fill-color: #d8f7ff !important;
      transition: background-color 9999s ease-out 0s !important;
    }.avcalc .calc-block input::placeholder, .avcalc .calc-block textarea::placeholder{
      color: rgba(216, 247, 255, .55) !important;
    }.avcalc .calc-summary.calc-block{
      background: var(--calc-block-bg) !important;
      border: 1px solid var(--calc-block-border) !important;
    }.avcalc .calc-summary.calc-block .calc-summary-title, .avcalc .calc-summary.calc-block .calc-label, .avcalc .calc-summary.calc-block .calc-footnote{
      color: #fff !important;
    }.avcalc .calc-summary.calc-block .calc-value{
      color: #fff !important;
    }.avcalc .calc-summary.calc-block .calc-footnote a[href*="udalennyie-rajonyi"]{
      color: #fff !important;
      font-weight: 800 !important;
      text-decoration: underline;
      display: inline-flex;
      align-items: center;
      padding: 4px 12px;
      border-radius: 999px;

      background: rgba(229, 168, 69, 0.45) !important;
      background: #E5A84572 !important;
      border: 1px solid rgba(0, 0, 0, 0.12);
      box-shadow: 0 14px 30px rgba(0, 0, 0, 0.35);
      -webkit-backdrop-filter: blur(6px);
      backdrop-filter: blur(6px);
    }.avcalc .calc-summary.calc-block .calc-footnote a[href*="udalennyie-rajonyi"]:hover{
      text-decoration: none;
    }.avcalc .calc-block .ms-trigger{
      width: 100%;
      padding: 9px 12px;
      border-radius: 11px;
      border: 1px solid var(--calc-field-border);
      background: var(--calc-field-bg);
      color: #d8f7ff;
      font-size: 16px;
      font-family: inherit;
      text-align: left;
      cursor: pointer;
      position: relative;
      transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.08s ease;
    }.avcalc .calc-block .ms-trigger::after{
      content: "▾";
      position: absolute;
      right: 12px;
      top: 50%;
      transform: translateY(-50%);
      color: rgba(216, 247, 255, .55);
      pointer-events: none;
      font-size: 14px;
      line-height: 1;
    }.avcalc .calc-block .ms-trigger:focus{
      outline: none;
      border-color: var(--input-border-focus);
      box-shadow: 0 0 0 1px rgba(15,23,42,0.9), 0 0 0 2px rgba(34,197,94,0.8);
      transform: translateY(-0.5px);
    }.avcalc .tariff-mode{
  padding: 12px 12px;
  border-radius: 14px;
  background: radial-gradient(circle at top left, #020617 0, #020617 65%);
  border: 1px solid rgba(148,163,184,0.6);
  margin-bottom: 12px;
  box-shadow: 0 10px 26px rgba(15,23,42,0.85);
}.avcalc .tariff-mode-title{
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 6px;
  color: #e5e7eb;
}.avcalc .calc-block--services .tariff-mode-title{
  text-align: center;
  font-size: 18px;
}.avcalc .mode-buttons{
  position: relative;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  background: #020617;
  padding: 4px;
  gap: 0;
  overflow: hidden;
  width: max-content;
}.avcalc .mode-slider{
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: 4px;
  width: calc(50% - 4px);
  border-radius: 999px;
  background: radial-gradient(circle at top left, #22c55e 0, #16a34a 60%);
  box-shadow: 0 6px 16px rgba(22,163,74,0.9);
  transition: transform 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}.avcalc .mode-buttons.mode-buttons--day .mode-slider{ transform: translateX(0); }.avcalc .mode-buttons.mode-buttons--night .mode-slider{
  transform: translateX(100%);
  background: radial-gradient(circle at top left, #ef4444 0, #b91c1c 60%);
  box-shadow: 0 6px 16px rgba(185,28,28,0.9);
}.avcalc .mode-btn{
  border: none;
  background: transparent;
  padding: 7px 18px;
  border-radius: 999px;
  font-size: 15px;
  cursor: pointer;
  color: #9ca3af;
  min-width: 86px;
  font-weight: 600;
  position: relative;
  z-index: 1;
  text-align: center;
  transition: color 0.15s ease, transform 0.08s ease;
}.avcalc .mode-btn[data-mode="day"].active{ color: #f9fafb; }.avcalc .mode-btn[data-mode="night"].active{ color: #fee2e2; }.avcalc .mode-buttons.mode-buttons--city .mode-slider{ transform: translateX(0); }.avcalc .mode-buttons.mode-buttons--intercity .mode-slider{
  transform: translateX(100%);
  background: radial-gradient(circle at top left, rgba(245,158,11,0.98) 0%, rgba(217,119,6,0.98) 65%);
  box-shadow: 0 10px 18px rgba(245,158,11,.28), 0 6px 10px rgba(0,0,0,.35);
}.avcalc .mode-btn[data-mode="city"].active{ color: #f9fafb; }.avcalc .mode-btn[data-mode="intercity"].active{ color: #fff7ed; }.avcalc .mode-buttons.mode-buttons--city, .avcalc .mode-buttons.mode-buttons--intercity{
  width: 100%;
}.avcalc .mode-buttons.mode-buttons--city .mode-btn, .avcalc .mode-buttons.mode-buttons--intercity .mode-btn{
  flex: 1;
  min-width: 0;
  white-space: nowrap;
}.avcalc .mode-buttons.mode-buttons--day, .avcalc .mode-buttons.mode-buttons--night{
  width: 100%;
}.avcalc .mode-buttons.mode-buttons--day .mode-btn, .avcalc .mode-buttons.mode-buttons--night .mode-btn{
  flex: 1;
  min-width: 0;
  white-space: nowrap;
}.avcalc .calc-block--mode > .tariff-mode-title{
  text-align: center;
  font-size: 18px;
}.avcalc .mode-btn:focus-visible{
  outline: 2px solid rgba(56,189,248,0.8);
  outline-offset: 2px;
}.avcalc label span.req{ color: var(--danger); }.avcalc .calc-summary{
  margin-top: 16px;
  padding: 14px 12px 12px;
  border-radius: 16px;
  background: radial-gradient(circle at top left, #020617 0, #020617 60%, #02091c 100%);
  border: 1px solid rgba(148,163,184,0.7);
  box-shadow: 0 16px 36px rgba(15,23,42,0.95);
}.avcalc .calc-summary-title{
  font-size: 15px;
  font-weight: 800;
  margin: 0 0 6px;
  color: #e5e7eb;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}.avcalc .calc-row{
  display: flex;
  justify-content: space-between;
  gap: 8px;
  font-size: 15px;
  margin-bottom: 2px;
}.avcalc .calc-label{ color: var(--text-muted); }.avcalc .calc-value{ font-weight: 600; text-align: right; }.avcalc .calc-total-row{
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 8px;
  margin-top: 8px;
  padding-top: 6px;
  border-top: 1px dashed rgba(148,163,184,0.8);
}.avcalc .calc-total-label{ font-size: 15px; font-weight: 700; color: #e5e7eb; }.avcalc .calc-total-value{ font-size: 20px; font-weight: 900; color: #f9fafb; }.avcalc .calc-note{
  margin-top: 6px;
  font-size: 13px;
  color: var(--text-muted);
  line-height: 1.6;
}.avcalc .calc-note a{ color: var(--brand-blue); }.avcalc .calc-remote-detail{
  font-size: 14px;
  color: #e5e7eb;
  margin-top: 4px;
  text-align: right;
}.avcalc .address-hint{
  font-size: 13px;
  color: var(--text-muted);
  margin-top: 2px;
}.avcalc .autocomplete-wrapper{ position: relative; }.avcalc .autocomplete-list{
  position: absolute;
  z-index: 20;
  left: 0;
  right: 0;
  top: 100%;
  margin-top: 2px;
  background: #020617;
  border-radius: 11px;
  border: 1px solid rgba(148,163,184,0.9);
  box-shadow: 0 24px 50px rgba(15,23,42,0.95);
  max-height: 210px;
  overflow-y: auto;
  font-size: 15px;
  display: none;
}.avcalc .autocomplete-item{
  padding: 8px 12px;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: var(--text-main);
}.avcalc .autocomplete-item strong{ color: var(--brand-green); }.avcalc .autocomplete-item:hover, .avcalc .autocomplete-item.autocomplete-item-active{
  background: rgba(15,23,42,0.95);
}.avcalc .tariff-card{
  background: radial-gradient(circle at top left, #fed7aa 0, #fdba74 25%, #fb923c 50%, #ea580c 80%, #9a3412 100%);
  border-radius: var(--radius-card);
  padding: 22px 16px 18px;
  box-shadow: var(--shadow-strong);
  border: 1px solid rgba(147,84,32,0.95);
}.avcalc .tariff-title{ font-size: 22px; margin: 0 0 4px; color: #000; }.avcalc .tariff-date{ font-size: 14px; color: #000; margin-bottom: 12px; }.avcalc .tariff-note{
  font-size: 13px;
  color: #000;
  margin-top: 6px;
  line-height: 1.6;
}@media (max-width: 700px) {.avcalc .tariff-mode{ margin-bottom: 10px; }.avcalc .mode-buttons{ width: 100%; justify-content: space-between; }.avcalc .mode-btn{ flex: 1; padding: 9px 0; font-size: 16px; }.avcalc .calc-summary{ margin-top: 12px; }}.avcalc .order-form .form-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 18px;
  margin-top: 6px;
}.avcalc .order-form .form-row{ margin-bottom: 0; }.avcalc .order-form .form-row--full{ grid-column: 1 / -1; }.avcalc .order-form label{
  display: block;
  font-size: 15px;
  margin-bottom: 4px;
  color: var(--text-main);
}.avcalc .order-form label span.req{ color: var(--danger); }.avcalc .order-form input, .avcalc .order-form select, .avcalc .order-form textarea{
  width: 100%;
  padding: 9px 12px;
  border-radius: 11px;
  border: 1px solid var(--input-border);
  font-size: 16px;
  font-family: inherit;
  background: var(--input-bg);
  color: var(--text-main);
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, transform 0.08s ease;
}.avcalc .order-form select option{ color: #020617; background: #f9fafb; }.avcalc .order-form input::placeholder, .avcalc .order-form textarea::placeholder{ color: #6b7280; }.avcalc .order-form input:focus, .avcalc .order-form select:focus, .avcalc .order-form textarea:focus{
  border-color: var(--input-border-focus);
  box-shadow: 0 0 0 1px rgba(15,23,42,0.9), 0 0 0 2px rgba(34,197,94,0.8);
  outline: none;
  background: var(--input-bg-focus);
  transform: translateY(-0.5px);
}.avcalc .order-form textarea{ min-height: 80px; resize: vertical; }.avcalc .calc-summary{
  margin-top: 16px;
  padding: 14px 12px 12px;
  border-radius: 16px;
  background: radial-gradient(circle at top left, #020617 0, #020617 60%, #02091c 100%);
  border: 1px solid rgba(148,163,184,0.7);
  box-shadow: 0 16px 36px rgba(15,23,42,0.95);
}.avcalc .calc-summary-title{
  font-size: 15px;
  font-weight: 800;
  margin: 0 0 6px;
  color: #e5e7eb;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}.avcalc .calc-row{
  display: flex;
  justify-content: space-between;
  gap: 8px;
  font-size: 15px;
  margin-bottom: 2px;
}.avcalc .calc-label{ color: var(--text-muted); }.avcalc .calc-value{ font-weight: 600; text-align: right; }.avcalc .calc-total-row{
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 8px;
  margin-top: 8px;
  padding-top: 6px;
  border-top: 1px dashed rgba(148,163,184,0.8);
}.avcalc .calc-total-label{ font-size: 15px; font-weight: 700; color: #e5e7eb; }.avcalc .calc-total-value{ font-size: 20px; font-weight: 900; color: #f9fafb; }.avcalc .calc-note{
  margin-top: 6px;
  font-size: 13px;
  color: var(--text-muted);
  line-height: 1.6;
}.avcalc .calc-note a{ color: var(--brand-blue); }.avcalc .calc-remote-detail{
  font-size: 14px;
  color: #e5e7eb;
  margin-top: 4px;
  text-align: right;
}.avcalc .address-hint{
  font-size: 13px;
  color: var(--text-muted);
  margin-top: 2px;
}.avcalc .autocomplete-wrapper{ position: relative; }.avcalc .autocomplete-list{
  position: absolute;
  z-index: 20;
  left: 0;
  right: 0;
  top: 100%;
  margin-top: 2px;
  background: #020617;
  border-radius: 11px;
  border: 1px solid rgba(148,163,184,0.9);
  box-shadow: 0 24px 50px rgba(15,23,42,0.95);
  max-height: 210px;
  overflow-y: auto;
  font-size: 15px;
  display: none;
}.avcalc .autocomplete-item{
  padding: 8px 12px;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: var(--text-main);
}.avcalc .autocomplete-item strong{ color: var(--brand-green); }.avcalc .autocomplete-item:hover, .avcalc .autocomplete-item.autocomplete-item-active{
  background: rgba(15,23,42,0.95);
}@media (max-width: 700px) {.avcalc .order-form .form-grid{ grid-template-columns: 1fr; }.avcalc .tariff-mode{ margin-bottom: 10px; }.avcalc .mode-buttons{ width: 100%; justify-content: space-between; }.avcalc .mode-btn{ flex: 1; padding: 9px 0; font-size: 16px; }.avcalc .calc-summary{ margin-top: 12px; }}.avcalc .order-form input:not(:placeholder-shown), .avcalc .order-form textarea:not(:placeholder-shown){
  background: var(--input-bg) !important;
  color: var(--text-main) !important;
}.avcalc .order-form input:valid, .avcalc .order-form textarea:valid, .avcalc .order-form select:valid, .avcalc .order-form input:invalid, .avcalc .order-form textarea:invalid, .avcalc .order-form select:invalid{
  background: var(--input-bg) !important;
  color: var(--text-main) !important;
}.avcalc .order-form #destinationA, .avcalc .order-form #destinationB, .avcalc .order-form #phone, .avcalc .order-form #name, .avcalc .order-form #timeOption, .avcalc .order-form #usageDuration, .avcalc .order-form #message{
  border-color: rgba(239,68,68,0.95);
  box-shadow: 0 0 0 1px rgba(15,23,42,0.9), 0 0 0 2px rgba(239,68,68,0.70);
}.avcalc .order-form #destinationA:focus, .avcalc .order-form #destinationB:focus, .avcalc .order-form #phone:focus, .avcalc .order-form #name:focus, .avcalc .order-form #timeOption:focus, .avcalc .order-form #usageDuration:focus, .avcalc .order-form #message:focus{
  border-color: rgba(239,68,68,1);
  box-shadow: 0 0 0 1px rgba(15,23,42,0.95), 0 0 0 3px rgba(239,68,68,0.65);
}.avcalc .calc-block--services #truckOption{
  border-color: rgba(239,68,68,0.95);
  box-shadow: 0 0 0 1px rgba(15,23,42,0.9), 0 0 0 2px rgba(239,68,68,0.70);
}.avcalc .calc-block--services #truckOption:focus{
  border-color: rgba(239,68,68,1);
  box-shadow: 0 0 0 1px rgba(15,23,42,0.95), 0 0 0 3px rgba(239,68,68,0.65);
}.avcalc .calc-block--services #workersOption{
  border-color: rgba(239,68,68,0.95);
  box-shadow: 0 0 0 1px rgba(15,23,42,0.9), 0 0 0 2px rgba(239,68,68,0.70);
}.avcalc .calc-block--services #workersOption:focus{
  border-color: rgba(239,68,68,1);
  box-shadow: 0 0 0 1px rgba(15,23,42,0.95), 0 0 0 3px rgba(239,68,68,0.65);
}.avcalc .order-form input:-webkit-autofill, .avcalc .order-form textarea:-webkit-autofill, .avcalc .order-form select:-webkit-autofill{
  -webkit-text-fill-color: var(--text-main) !important;
  box-shadow: 0 0 0 1000px rgba(34,197,94,0.12) inset !important;
  transition: background-color 9999s ease-in-out 0s;
}.avcalc .order-form .touched.is-valid{
  border-color: rgba(34,197,94,0.95) !important;
  box-shadow: 0 0 0 1px rgba(15,23,42,0.9), 0 0 0 2px rgba(34,197,94,0.75) !important;
  background: rgba(34,197,94,0.12) !important;
}.avcalc .order-form .touched.is-invalid{
  border-color: rgba(239,68,68,0.95) !important;
  box-shadow: 0 0 0 1px rgba(15,23,42,0.9), 0 0 0 2px rgba(239,68,68,0.75) !important;
  background: rgba(239,68,68,0.10) !important;
}.avcalc .photo-upload{
  display: flex;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
}.avcalc .photo-upload__input{
  position: absolute;
  left: -9999px;
  opacity: 0;
  width: 0;
  height: 0;
}.avcalc .photo-upload__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 14px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.14);
  cursor: pointer;
  user-select: none;
}.avcalc .photo-upload__label{
  opacity: 0.9;
}.avcalc .photo-status{
  margin-top: 8px;
  font-size: 14px;
  opacity: 0.9;
}.avcalc .photo-previews{
  margin-top: 10px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}.avcalc .photo-preview{
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.04);
  aspect-ratio: 1 / 1;
}.avcalc .photo-preview img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}.avcalc .photo-remove{
  position: absolute;
  top: 6px;
  right: 6px;
  width: 28px;
  height: 28px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: rgba(0, 0, 0, 0.35);
  color: inherit;
  cursor: pointer;
  line-height: 1;
  font-size: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}.avcalc .photo-remove:hover{
  background: rgba(0, 0, 0, 0.5);
}.avcalc .service-picker{margin-top:14px;}.avcalc .service-picker .service-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}.avcalc .service-picker .service-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(2,6,23,.22);
  color:#e5e7eb;
  font-weight:800;
  cursor:default;
  user-select:none;
  text-align:center;
}.avcalc .service-picker .service-btn:focus{outline:0;}.avcalc .service-picker .service-note{
  margin-top:10px;
  font-size:12px;
  opacity:.75;
  line-height:1.4;
}@media (max-width:860px){.avcalc .service-picker .service-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}@media (max-width:680px){.avcalc .service-picker .service-grid{grid-template-columns:1fr;}}.avcalc .calc-block{
      background: var(--calc-block-bg);
      border: 1px solid var(--calc-block-border);
      border-radius: 16px;
      padding: 14px;
      margin: 12px 0;
      position: relative;
      z-index: 0;
    }.avcalc .form-grid > .calc-block{
      grid-column: 1 / -1;
    }.avcalc .calc-block-title{
      font-weight: 700;
      font-size: 14px;
      margin: 0 0 10px 0;
      color: #fff;
    }.avcalc .calc-block--addresses .calc-block-title{
      text-align: center;
      font-size: 16.8px;
    }.avcalc .tariff-mode.calc-block{
      background: var(--calc-block-bg) !important;
      border: 1px solid var(--calc-block-border) !important;
      border-radius: 16px !important;
      padding: 14px !important;
      margin-bottom: 12px;
    }.avcalc .tariff-mode.calc-block .tariff-mode-title, .avcalc .tariff-mode.calc-block label, .avcalc .tariff-mode.calc-block .service-note{
      color: #fff !important;
    }.avcalc .calc-block input, .avcalc .calc-block select, .avcalc .calc-block textarea{
      background: var(--calc-field-bg) !important;
      border-color: var(--calc-field-border) !important;
      color: #d8f7ff !important;
    }.avcalc .order-form .calc-block input:not(:placeholder-shown), .avcalc .order-form .calc-block textarea:not(:placeholder-shown), .avcalc .order-form .calc-block input:valid, .avcalc .order-form .calc-block textarea:valid, .avcalc .order-form .calc-block select:valid, .avcalc .order-form .calc-block input:invalid, .avcalc .order-form .calc-block textarea:invalid, .avcalc .order-form .calc-block select:invalid, .avcalc .order-form .calc-block .touched.is-valid, .avcalc .order-form .calc-block .touched.is-invalid{
      background: var(--calc-field-bg) !important;
      background-color: var(--calc-field-bg) !important;
      background-image: none !important;
      color: #d8f7ff !important;
    }.avcalc .order-form .calc-block input:focus, .avcalc .order-form .calc-block textarea:focus, .avcalc .order-form .calc-block select:focus{
      background: var(--calc-field-bg) !important;
      background-color: var(--calc-field-bg) !important;
    }.avcalc .order-form .calc-block input:-webkit-autofill, .avcalc .order-form .calc-block textarea:-webkit-autofill, .avcalc .order-form .calc-block select:-webkit-autofill{
      -webkit-box-shadow: 0 0 0 1000px var(--calc-field-bg) inset !important;
      -webkit-text-fill-color: #d8f7ff !important;
      transition: background-color 9999s ease-out 0s !important;
    }.avcalc .calc-block input::placeholder, .avcalc .calc-block textarea::placeholder{
      color: rgba(216, 247, 255, .55) !important;
    }.avcalc .calc-summary.calc-block{
      background: var(--calc-block-bg) !important;
      border: 1px solid var(--calc-block-border) !important;
    }.avcalc .calc-summary.calc-block .calc-summary-title, .avcalc .calc-summary.calc-block .calc-label, .avcalc .calc-summary.calc-block .calc-footnote{
      color: #fff !important;
    }.avcalc .calc-summary.calc-block .calc-value{
      color: #fff !important;
    }.avcalc .calc-summary.calc-block .calc-footnote a[href*="udalennyie-rajonyi"]{
      color: #fff !important;
      font-weight: 800 !important;
      text-decoration: underline;
      display: inline-flex;
      align-items: center;
      padding: 4px 12px;
      border-radius: 999px;

      background: rgba(229, 168, 69, 0.45) !important;
      background: #E5A84572 !important;
      border: 1px solid rgba(0, 0, 0, 0.12);
      box-shadow: 0 14px 30px rgba(0, 0, 0, 0.35);
      -webkit-backdrop-filter: blur(6px);
      backdrop-filter: blur(6px);
    }.avcalc .calc-summary.calc-block .calc-footnote a[href*="udalennyie-rajonyi"]:hover{
      text-decoration: none;
    }.avcalc .calc-block .ms-trigger{
      width: 100%;
      padding: 9px 12px;
      border-radius: 11px;
      border: 1px solid var(--calc-field-border);
      background: var(--calc-field-bg);
      color: #d8f7ff;
      font-size: 16px;
      font-family: inherit;
      text-align: left;
      cursor: pointer;
      position: relative;
      transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.08s ease;
    }.avcalc .calc-block .ms-trigger::after{
      content: "▾";
      position: absolute;
      right: 12px;
      top: 50%;
      transform: translateY(-50%);
      color: rgba(216, 247, 255, .55);
      pointer-events: none;
      font-size: 14px;
      line-height: 1;
    }.avcalc .calc-block .ms-trigger:focus{
      outline: none;
      border-color: var(--input-border-focus);
      box-shadow: 0 0 0 1px rgba(15,23,42,0.9), 0 0 0 2px rgba(34,197,94,0.8);
      transform: translateY(-0.5px);
    }.avcalc .order-form #phone:placeholder-shown, .avcalc .order-form #name:placeholder-shown, .avcalc .order-form #message:placeholder-shown{
  background: rgba(239,68,68,0.08) !important; /* внутренняя заливка как у Пункта А/Б */
  background-color: rgba(239,68,68,0.08) !important;
}.avcalc .order-form #timeOption:invalid, .avcalc .order-form #usageDuration:invalid{
  background: rgba(239,68,68,0.08) !important;
  background-color: rgba(239,68,68,0.08) !important;
}.avcalc .order-form #phone:placeholder-shown:focus, .avcalc .order-form #name:placeholder-shown:focus, .avcalc .order-form #message:placeholder-shown:focus, .avcalc .order-form #timeOption:invalid:focus, .avcalc .order-form #usageDuration:invalid:focus{
  background: rgba(239,68,68,0.08) !important;
  background-color: rgba(239,68,68,0.08) !important;
}


/* FIX: hide empty autocomplete list (removes 2px line under address fields) */
.avcalc .autocomplete-list:empty{
  display:none !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  box-shadow:none !important;
  height:0 !important;
  background:transparent !important;
}

/* FIX: address autocomplete dropdown must stay above contacts block.
   Root cause: contacts block is painted above addresses in current stacking/DOM order.
   Solution: raise addresses block layer + ensure dropdown z-index is not overridden. */
.calc-block--addresses { position: relative !important; z-index: 1000 !important; }
.calc-block--contacts  { position: relative !important; z-index: 0 !important; }

/* keep dropdown above within the addresses stacking context */
.calc-block--addresses .autocomplete-list,
.calc-block--addresses .ui-autocomplete,
.calc-block--addresses .autocomplete-suggestions { z-index: 100000 !important; }