/* =========================================================================
   Вантажний розділ — той самий вигляд, що й карпулінг («Знайти поїздку»,
   «Деталі поїздки»): крем/помаранч, білі картки 20–24px, поля 16px.
   Підключається з menu_cargo.php (після menu.php/dg-design.css).
   Усі класи з префіксом cg- — не перетинаються з легасі-стилями сторінок.
   Шрифт не задаємо — глобальний Onest (dg-font.css).
   ========================================================================= */
.cg{
  --cg-brand:#d67940; --cg-brand-d:#c76934; --cg-ink:#201d1a; --cg-muted:#746d65;
  --cg-soft:#fffaf5; --cg-line:#ece6de; --cg-field:#faf7f3; --cg-sectitle:#625d57;
  --cg-ok:#2e8b57; --cg-danger:#c0392b;
  display:block; max-width:1120px; margin:0 auto; padding:8px 16px 120px;
  color:var(--cg-ink); box-sizing:border-box;
}
.cg *, .cg *::before, .cg *::after{ box-sizing:border-box; }
.cg input, .cg textarea, .cg select{ font-size:16px; } /* iOS не зумить */
body:has(main.cg){ background:#f7f4ee !important; }
/* сторінки-форми (створення/редагування): вузька колонка по центру */
.cg.cg--narrow{ max-width:760px; }
.cg--narrow > form.cg-card, .cg--narrow > .cg-card{ max-width:none !important; margin-inline:auto; }

/* ── Шапка сторінки ── */
.cg-top{ margin:0 0 18px; }
.cg-crumbs{ display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin:0 0 12px; font-size:13px; font-weight:800; }
.cg-crumbs a{ color:var(--cg-brand); text-decoration:none; }
.cg-crumbs a:hover{ text-decoration:underline; }
.cg-crumbs span{ color:#9a918a; }
.cg-crumbs .is-current{ color:#171411; }
.cg .cg-title{ margin:0 0 4px; font-size:30px; line-height:1.15; font-weight:800; color:var(--cg-ink); letter-spacing:-.01em; text-align:left; }
.cg-sub{ margin:0; font-size:15px; color:var(--cg-muted); }
.cg-back{ display:inline-flex; align-items:center; gap:8px; margin:0 0 14px; color:var(--cg-brand); font-weight:700; font-size:15px; text-decoration:none; }
.cg-back:hover{ text-decoration:underline; }

/* ── Картка / секція ── */
.cg-card{
  position:relative; background:#fff; border:1px solid var(--cg-line); border-radius:24px;
  box-shadow:0 10px 30px rgba(60,40,20,.08); padding:18px;
}
.cg-card + .cg-card{ margin-top:14px; }
.cg-sec-title{ margin:0 0 12px; font-size:13px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--cg-sectitle); }
.cg-lbl{ display:block; margin:0 0 6px 4px; font-size:12px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--cg-sectitle); }
.cg-grid{ display:grid; gap:12px; }
.cg-row2{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
@media (max-width:520px){ .cg-row2{ grid-template-columns:1fr; } }

/* ── Поля ── */
.cg-field{ position:relative; min-width:0; }
.cg-input, .cg select.cg-input, .cg textarea.cg-input{
  width:100%; height:56px; padding:0 16px;
  border:1.5px solid var(--cg-line); border-radius:16px; background:var(--cg-field);
  color:var(--cg-ink); font:inherit; font-size:16px; font-weight:600;
  transition:border-color .15s, background .15s, box-shadow .15s;
}
.cg textarea.cg-input{ height:auto; min-height:110px; padding:14px 16px; resize:vertical; line-height:1.45; }
.cg-input::placeholder{ color:#9b928a; font-weight:500; }
.cg-input:hover{ border-color:#e3d3c4; }
.cg-input:focus{ outline:none; border-color:var(--cg-brand); background:#fff; box-shadow:0 0 0 4px rgba(214,121,64,.12); }
.cg-input[readonly]{ cursor:pointer; }
.cg-input--pin{ padding-left:40px; padding-right:44px; }
.cg-input--center{ text-align:center; font-weight:700; }
.cg-pin{ position:absolute; left:16px; top:50%; margin-top:-6px; width:12px; height:12px; border-radius:50%; border:3px solid var(--cg-brand); background:#fff; pointer-events:none; z-index:1; }
.cg-pin--to{ background:var(--cg-ink); border-color:var(--cg-ink); }
.cg-clear{
  position:absolute; right:12px; top:50%; margin-top:-12px; width:24px; height:24px; border-radius:50%;
  display:none; align-items:center; justify-content:center; line-height:24px; text-align:center;
  color:#8a8078; background:#efe9e2; cursor:pointer; font-size:12px;
}
.cg-clear:hover{ background:#e6ddd4; color:var(--cg-ink); }
.cg-unit{ position:absolute; right:14px; top:50%; transform:translateY(-50%); color:var(--cg-muted); font-weight:700; pointer-events:none; }
.cg-hint{ margin:8px 4px 0; font-size:13px; color:#8a5a3c; }

/* Підказки адрес (cargo_suggestion_box — хук JS) */
.cg .cargo_suggestion_box{
  position:absolute; top:calc(100% + 6px); left:0; width:100%;
  margin:0; padding:6px; max-height:280px; overflow-y:auto; display:none; z-index:1000;
  background:#fff; border:1px solid var(--cg-line); border-radius:16px; box-shadow:0 16px 40px rgba(60,40,20,.14);
}
.cg .cargo_suggestion_item{
  padding:11px 12px; border-radius:10px; font-size:15px; line-height:1.35; cursor:pointer;
  color:var(--cg-ink); background:#fff; white-space:normal; overflow-wrap:anywhere; transition:background .12s;
  border:0 !important;
}
.cg .cargo_suggestion_item:hover, .cg .cargo_suggestion_item.active{ background:var(--cg-soft) !important; }

/* Чекбокси-«пігулки» */
.cg-checks{ display:flex; flex-wrap:wrap; gap:8px; }
.cg-check{ position:relative; display:inline-flex; align-items:center; cursor:pointer; user-select:none; }
.cg-check input{ position:absolute; opacity:0; width:1px; height:1px; }
.cg-check span{
  display:inline-flex; align-items:center; gap:8px; min-height:44px; padding:0 16px;
  border:1.5px solid var(--cg-line); border-radius:999px; background:var(--cg-field);
  color:var(--cg-ink); font-weight:700; font-size:15px; transition:background .15s, border-color .15s, color .15s;
}
.cg-check span::before{
  content:""; flex:none; box-sizing:border-box; width:20px; height:20px; border-radius:6px; border:2px solid #cdbfb2; background:#fff; /* flex:none — довгий підпис стискав квадрат в овал «0» */
  transition:background .15s, border-color .15s;
}
.cg-check input:checked + span{ background:var(--cg-soft); border-color:var(--cg-brand); color:var(--cg-brand-d); }
.cg-check input:checked + span::before{
  border-color:var(--cg-brand);
  background:var(--cg-brand) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center / 11px no-repeat;
}
.cg-check input:disabled + span{ opacity:.45; cursor:not-allowed; }
.cg-check input:focus-visible + span{ box-shadow:0 0 0 4px rgba(214,121,64,.18); }
/* Довгий підпис на всю ширину (догруз, договірна ціна): не «пігулка» з трьома рядками, а охайний блок */
.cg-check--inline span{ width:100%; box-sizing:border-box; padding:10px 14px; border-radius:14px; line-height:1.35; margin:0; }

/* ── Кнопки ── */
.cg-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  width:100%; min-height:56px; padding:0 22px; border:0; border-radius:16px;
  background:var(--cg-brand); color:#fff !important; font:inherit; font-size:17px; font-weight:700;
  text-decoration:none !important; cursor:pointer;
  box-shadow:0 8px 20px rgba(214,121,64,.28); transition:background .15s, transform .1s, opacity .15s;
}
.cg-btn:hover{ background:var(--cg-brand-d); }
.cg-btn:active{ transform:translateY(1px); }
.cg-btn:disabled, .cg-btn[disabled]{ opacity:.5; cursor:not-allowed; box-shadow:none; }
.cg-btn--ghost{ background:#fff; color:var(--cg-ink) !important; border:1.5px solid var(--cg-line); box-shadow:none; }
.cg-btn--ghost:hover{ background:var(--cg-soft); border-color:#e3c9b4; }
.cg-btn--danger{ background:#fff; color:var(--cg-danger) !important; border:1.5px solid #f0d4cf; box-shadow:none; }
.cg-btn--danger:hover{ background:#fdf3f1; }
.cg-btn--ok{ background:var(--cg-ok); box-shadow:0 8px 20px rgba(46,139,87,.22); }
.cg-btn--ok:hover{ background:#277a4b; }
.cg-btn--sm{ width:auto; min-height:44px; padding:0 18px; font-size:15px; border-radius:14px; }
.cg-btns{ display:flex; gap:10px; flex-wrap:wrap; }
.cg-btns > *{ flex:1 1 140px; } /* на 320px дві кнопки стають одна під одною, а не вилазять за картку */

/* ── Стан «порожньо» / підсумок ── */
.cg-empty{
  margin:0; padding:28px 24px; text-align:center;
  background:#fff; border:1px dashed #e7d6c6; border-radius:20px; font-size:15px; line-height:1.5; color:var(--cg-muted);
}
.cg-empty::before{
  content:""; display:block; width:52px; height:52px; margin:0 auto 12px; border-radius:50%;
  background:var(--cg-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d67940' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E") center / 24px no-repeat;
}
.cg-summary{ margin:20px 0 12px; font-size:15px; font-weight:700; color:var(--cg-sectitle); }
.cg-summary b{ color:var(--cg-ink); }
.cg-summary .sep{ margin:0 6px; color:#c3b6aa; }

/* ── Картка результату (вантаж / вільне авто) — як картка поїздки ── */
.cg-result{
  position:relative; display:block; overflow:hidden; margin:0 0 12px; padding:18px 20px;
  background:#fff; border:1px solid var(--cg-line); border-radius:20px; box-shadow:0 6px 20px rgba(60,40,20,.05);
  color:inherit !important; text-decoration:none !important; transition:border-color .15s, box-shadow .15s;
  animation:cgIn .35s ease both;
}
.cg-result:hover{ border-color:#e3c9b4; box-shadow:0 10px 28px rgba(60,40,20,.10); }
@keyframes cgIn{ from{ opacity:0; transform:translateY(10px); } to{ opacity:1; transform:none; } }
.cg-result__top{ display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:4px 14px; }
.cg-result__date{ font-size:13px; font-weight:600; color:var(--cg-muted); }
.cg-result__company{ font-size:13px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; color:var(--cg-sectitle); }
.cg-route{ display:flex; flex-wrap:wrap; align-items:center; gap:4px 10px; margin-top:8px; font-size:18px; font-weight:800; line-height:1.3; color:var(--cg-ink); }
.cg-route__pt{ display:inline-flex; align-items:center; gap:7px; }
.cg-route__pt::before{ content:""; width:10px; height:10px; border-radius:50%; box-sizing:border-box; border:2.5px solid var(--cg-brand); background:#fff; flex:0 0 auto; }
.cg-route__pt--to::before{ border:0; background:var(--cg-ink); }
.cg-route__arrow{ color:#c3b6aa; font-size:14px; }
.cg-chips{ display:flex; flex-wrap:wrap; gap:6px; margin-top:10px; }
.cg-chip{ display:inline-flex; align-items:center; gap:6px; padding:5px 10px; border-radius:999px; background:var(--cg-soft); border:1px solid #f1e3d6; font-size:13px; font-weight:600; color:#5f564f; }
.cg-chip i{ color:var(--cg-brand); font-size:12px; }
.cg-result__foot{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:14px; padding-top:12px; border-top:1px solid #f1ebe4; }
.cg-result__who{ display:flex; align-items:center; gap:10px; min-width:0; font-size:15px; font-weight:700; color:var(--cg-ink); }
.cg-result__who span{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cg-avatar{ width:40px; height:40px; flex:0 0 40px; border-radius:50%; background:var(--cg-soft) center/cover no-repeat; border:2px solid #f3e4d6; }
.cg-price{ font-size:22px; font-weight:800; color:var(--cg-brand); white-space:nowrap; text-align:right; }
.cg-price small{ font-size:14px; font-weight:700; }
.cg-more{ display:flex; justify-content:center; margin:18px 0; }

/* ── Ключ/значення (деталі) ── */
.cg-kv{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.cg-kv > div{ padding:12px 14px; border-radius:16px; background:var(--cg-field); border:1px solid #f1ebe4; min-width:0; }
.cg-kv dt, .cg-kv .k{ font-size:12px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--cg-muted); }
.cg-kv dd, .cg-kv .v{ margin:4px 0 0; font-size:16px; font-weight:700; color:var(--cg-ink); overflow-wrap:anywhere; }
.cg-kv .wide{ grid-column:1 / -1; }
@media (max-width:330px){ .cg-kv{ grid-template-columns:1fr; } }

/* Таймлайн «звідки → куди» на сторінці деталей */
.cg-stops{ list-style:none; margin:0; padding:0; }
.cg-stop{ position:relative; display:grid; grid-template-columns:24px 1fr; gap:12px; padding:0 0 18px; }
.cg-stop:last-child{ padding-bottom:0; }
.cg-stop::before{ content:""; position:absolute; left:11px; top:22px; bottom:-2px; border-left:2px dashed #e3d3c4; }
.cg-stop:last-child::before{ display:none; }
.cg-stop__dot{ width:22px; height:22px; margin-top:2px; border-radius:50%; border:4px solid var(--cg-brand); background:#fff; }
.cg-stop--to .cg-stop__dot{ border-color:var(--cg-ink); background:var(--cg-ink); box-shadow:inset 0 0 0 4px #fff; }
.cg-stop__city{ font-size:20px; font-weight:800; line-height:1.25; }
.cg-stop__addr{ margin-top:4px; font-size:14px; line-height:1.45; color:var(--cg-muted); overflow-wrap:anywhere; }
.cg-stop__addr a{ color:var(--cg-brand); }

/* Статус-плашка */
.cg-badge{ display:inline-flex; align-items:center; gap:6px; padding:5px 12px; border-radius:999px; font-size:13px; font-weight:800; }
.cg-badge--ok{ background:#eaf6ef; color:var(--cg-ok); }
.cg-badge--off{ background:#f4efea; color:var(--cg-muted); }
.cg-badge::before{ content:""; width:8px; height:8px; border-radius:50%; background:currentColor; }

/* Кроки майстра */
.cg-steps{ display:flex; gap:6px; margin:0 0 16px; }
.cg-steps i{ flex:1 1 0; height:5px; border-radius:99px; background:#eadfd4; font-style:normal; }
.cg-steps i.on{ background:var(--cg-brand); }
.cg-step-title{ margin:0 0 14px; font-size:20px; font-weight:800; color:var(--cg-ink); }

/* ── Календар (спільна модалка cargo_cal_*) ── */
.cargo_cal_backdrop{ position:fixed; inset:0; z-index:10050; display:none; align-items:center; justify-content:center; padding:16px; background:rgba(32,29,26,.45); }
.cargo_cal_modal{ width:min(360px,100%); padding:16px; background:#fff; border-radius:24px; box-shadow:0 24px 60px rgba(30,20,10,.25); color:#201d1a; }
.cargo_cal_header{ display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:10px; }
.cargo_cal_title{ font-size:17px; font-weight:800; }
.cargo_cal_btn{ min-width:40px; height:40px; padding:0 14px; border:1.5px solid #ece6de; border-radius:12px; background:#fff; color:#201d1a; font:inherit; font-weight:700; cursor:pointer; }
.cargo_cal_btn:hover{ background:#fffaf5; }
.cargo_cal_btn_primary{ background:#d67940; border-color:#d67940; color:#fff; }
.cargo_cal_btn_primary:hover{ background:#c76934; }
.cargo_cal_weekdays, .cargo_cal_grid{ display:grid; grid-template-columns:repeat(7,1fr); gap:4px; }
.cargo_cal_weekday{ padding:6px 0; text-align:center; font-size:12px; font-weight:700; color:#746d65; }
.cargo_cal_day{ height:40px; display:flex; align-items:center; justify-content:center; border-radius:12px; font-weight:700; cursor:pointer; }
.cargo_cal_day:hover{ background:#fffaf5; }
.cargo_cal_day--today{ box-shadow:inset 0 0 0 1.5px #d67940; }
.cargo_cal_day--selected{ background:#d67940 !important; color:#fff; }
.cargo_cal_day--muted{ color:#cfc6bd; cursor:default; }
.cargo_cal_day--muted:hover{ background:none; }
.cargo_cal_footer{ display:flex; justify-content:flex-end; gap:8px; margin-top:12px; }

@media (min-width:900px){
  .cg{ padding-top:16px; }
  .cg-card{ padding:22px; }
}
@media (max-width:600px){
  .cg .cg-title{ font-size:26px; }
  .cg-route{ font-size:17px; }
  .cg-price{ font-size:20px; }
}

/* =========================================================================
   КЛАСИЧНИЙ ВИГЛЯД (як у червні 2026) — повернуто на прохання власника 2026-11-08.
   Ті самі сторінки й функції, лише вигляд: світло-сірий фон, біла картка 14px з тінню,
   заголовок по центру, білі поля з сірою рамкою 10px, помаранчева кнопка, кроки «1. …»,
   на сторінці вантажу — сірі блоки з помаранчевими підписами.
   Щоб повернути новий вигляд — видалити цей блок до кінця файлу.
   ========================================================================= */
body .cg{
  --cg-brand:#D67940; --cg-brand-d:#c76934; --cg-ink:#2a2a2a; --cg-muted:#777;
  --cg-soft:#fdf3ec; --cg-line:#e5e7eb; --cg-field:#fff; --cg-sectitle:#444;
  counter-reset:cgstep;
}
body:has(main.cg){ background:#f7f2eb !important; }
.cg-crumbs{ display:none !important; }
.cg-top{ text-align:center; margin:6px 0 20px; }
.cg .cg-title{ font-size:24px !important; font-weight:700; text-align:center; letter-spacing:0; color:var(--cg-ink); }
.cg-sub{ text-align:center; }
#cargoSearchZone .cg-title{ color:var(--cg-brand); }
/* сторінка вантажу: заголовок по центру з помаранчевою рискою */
body:has(.cv-layout) .cg .cg-title{ position:relative; padding-bottom:12px; margin-bottom:10px; }
body:has(.cv-layout) .cg .cg-title::after{ content:""; position:absolute; left:50%; bottom:0; width:54px; height:3px; margin-left:-27px; border-radius:2px; background:var(--cg-brand); }
.cg-back{ font-weight:600; font-size:15px; }
.cg-back i{ display:none; }
.cg-back::before{ content:"← "; }

.cg-card{ border:1px solid #eef0f3; border-radius:14px; box-shadow:0 4px 18px rgba(0,0,0,.06); padding:24px 22px; }
@media (max-width:600px){ .cg-card{ padding:20px 18px; } }
.cg-sec-title{ font-size:18px; font-weight:700; letter-spacing:0; text-transform:none; color:var(--cg-ink); margin:0 0 14px; }
.cg-lbl{ margin:0 0 6px 2px; font-size:14px; font-weight:500; letter-spacing:0; text-transform:none; color:var(--cg-muted); }

/* кроки створення: «1. Звідки й куди» з помаранчевою рискою зліва замість смуги прогресу */
.cg-steps{ display:none !important; }
.cg-step-title{ counter-increment:cgstep; margin:0 0 18px; padding-left:12px; border-left:4px solid #f0c3a4; font-size:20px; font-weight:700; color:#555; line-height:1.3; }
.cg-step-title::before{ content:counter(cgstep) ". "; }

/* поля */
.cg-input, .cg select.cg-input, .cg textarea.cg-input{
  height:46px; padding:0 14px; border:1.5px solid var(--cg-line); border-radius:10px; background:#fff;
  font-weight:400; color:var(--cg-ink);
}
.cg textarea.cg-input{ padding:12px 14px; }
.cg-input::placeholder{ color:#aaa; font-weight:400; }
.cg-input:hover{ border-color:#d6d9de; }
.cg-input:focus{ border-color:var(--cg-brand); box-shadow:0 0 0 3px rgba(214,121,64,.15); }
.cg-input--pin{ padding-left:40px; }
.cg-input--center{ text-align:left; font-weight:400; padding-left:14px; }
.cg-pin{ border-color:#b3b3b3; }
.cg-pin--to{ background:#b3b3b3; border-color:#b3b3b3; }
.cg-clear{ background:none; color:#b3b3b3; }
.cg .cargo_suggestion_box{ border-radius:10px; border-color:var(--cg-line); box-shadow:0 8px 24px rgba(0,0,0,.1); }

/* галочки — як у червні: квадрат з помаранчевою рамкою й підпис, без «пігулки» */
.cg-check span{ min-height:32px; padding:0 4px 0 0; border:0; background:none; border-radius:0; font-weight:600; color:var(--cg-ink); }
.cg-check span::before{ width:20px; height:20px; border-radius:5px; border:2px solid var(--cg-brand); }
.cg-check input:checked + span{ background:none; color:var(--cg-ink); }
.cg-check--inline span{ padding:6px 0; border-radius:0; }

/* кнопки */
.cg-btn{ min-height:46px; border-radius:10px; font-size:16px; font-weight:600; box-shadow:none; }
.cg-btn--sm{ min-height:40px; border-radius:10px; font-size:15px; }
.cg-btn--ghost{ border:1.5px solid var(--cg-brand); color:var(--cg-brand) !important; background:#fff; }
.cg-btn--ghost:hover{ background:var(--cg-soft); border-color:var(--cg-brand); }
.cg-btn--danger{ border-radius:10px; }

/* сторінка вантажу: поля — сірі блоки «Підпис: значення», одне під одним */
.cg-kv{ grid-template-columns:1fr; gap:12px; }
.cg-kv > div{ padding:16px 18px; border:0; border-radius:10px; background:#f6f7f9; }
.cg-kv .k, .cg-kv dt{ display:inline; font-size:15px; font-weight:600; letter-spacing:0; text-transform:none; color:var(--cg-brand); }
.cg-kv .k::after, .cg-kv dt::after{ content:":"; }
.cg-kv .v, .cg-kv dd{ display:inline; margin:0 0 0 6px; font-size:15px; font-weight:500; color:var(--cg-ink); }

/* списки, результати, порожньо, позначки */
.cg-result{ border-radius:14px; border-color:#eef0f3; box-shadow:0 4px 18px rgba(0,0,0,.06); }
.cg-result__company{ letter-spacing:0; text-transform:none; }
.cg-chip{ background:#f6f7f9; border:0; border-radius:8px; }
.cg-empty{ border-radius:14px; border-color:var(--cg-line); }
.cg-kv > div, .cg-chip, .cg-empty{ box-shadow:none; }
.cg-stop__dot{ border-color:var(--cg-brand); }
.cargo_cal_modal{ border-radius:14px; }
/* фон сайту примусово задає загальне правило html:root:not(#dg-bg-x) body — тут сильніше, лише для вантажів */
html:root:not(#dg-bg-x):has(main.cg), html:root:not(#dg-bg-x) body:has(main.cg){ background:#f7f2eb !important; }
/* шапка сторінки вантажу — по центру: маршрут, дата, ціна */
.cv-head{ flex-direction:column; align-items:center !important; justify-content:center; text-align:center; }
.cv-head > div{ width:100%; }
.cv-head .cv-when{ justify-content:center; text-align:center; }
.cv-head .cv-price{ text-align:center; }
.cg-steplbl{ display:none !important; }
/* пошук — вузька картка з полями одне під одним (як у червні), і на комп’ютері теж */
#cargoSearchZone > .cg-search{ max-width:560px; margin-inline:auto; }
#cargoSearchZone .cg-search__route, #cargoSearchZone .cg-search__opts{ display:grid !important; grid-template-columns:1fr !important; gap:14px !important; align-items:stretch !important; }
#cargoSearchZone .cg-search__opts .cg-checks{ justify-content:center; }
#cargoSearchZone .cg-search__opts #searchBtn{ width:100%; }