/* Išdėstymo pataisos virš klonuoto originalaus CSS (ne vertimai — žr. locale-overrides.css).

   Modelių megameniu. Originalus dizainas buvo skirtas 4 modeliams:
   1024–1279 px konteineris yra `grid` su lygiais stulpeliais, o kortelės
   nuotrauka — fiksuoto 206 px pločio. Atsiradus 5-am modeliui stulpelis
   susitraukė iki ~140 px, todėl nuotraukos ėmė lįsti viena ant kitos;
   nuo 1280 px kortelės telpa tik su horizontaliu slinkimu.

   Sprendimas: kortelės išlaiko savo natūralų plotį, o netilpusios
   perkeliamos į kitą eilutę. Megameniu max-height = 600 px, tad dvi
   eilutės telpa be apkarpymo. */

@media (min-width: 1024px) {
  .navbar__megamenu .navbar__megamenu-inner--has-actions {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    overflow: visible;
    row-gap: 28px;
  }

  .navbar__megamenu .navbar__megamenu-inner--has-actions .navbar__megamenu-card-wrapper {
    flex: 0 0 auto;
    /* = kortelės nuotraukos plotis, kad kortelė nebūtų siauresnė už nuotrauką */
    width: 206px !important;
  }
}

@media (min-width: 1280px) {
  /* originalus kortelės plotis plačiuose ekranuose */
  .navbar__megamenu .navbar__megamenu-inner--has-actions .navbar__megamenu-card-wrapper {
    width: 268px !important;
  }
}

/* Vienos versijos kortelė (pvz. 9X) — žr. `vehicle-comparison__cards--single`
   originalo CSS chunk'e (`8cfd7b579d2bcdb0.css`, parsisiųstas iš zeekr.it).
   Klasę uždeda `model-live.js`, kai modelis turi vieną versiją; anksčiau čia
   buvo savas `:only-child` apėjimas — pakeistas originalo variantu. */

/* Mobilus/planšetės meniu (akordeonas). Nuo 575 px originalas naudoja
   `flex: 1 1 0`, todėl paskutinėje eilutėje likusi viena kortelė
   išsitempdavo per visą plotį. Fiksuojam ketvirtadalį eilutės, bet ne
   siauriau nei nuotrauka (130 px) — tada siauresniuose ekranuose
   savaime lieka trys per eilutę. */
@media (min-width: 575px) and (max-width: 1023px) {
  .navbar__mobile-grid .navbar__megamenu-inner--has-actions .navbar__megamenu-card-wrapper {
    flex: 0 1 calc(25% - 12px) !important;
    width: calc(25% - 12px) !important;
    min-width: 130px;
  }
}

/* Techninės išlygos blokas (`booking-promo`). Originale fonas — smėlinis
   `#ebe8e3`, bet pas mus virš jo eina tos pačios spalvos specifikacijų
   lentelė, tad abu susilietų į vieną dėmę. Baltas fonas atskiria bloką
   (Petro nurodymas). */
.booking-promo {
  background-color: var(--color-white, #fff);
}

/* Modelio puslapio hero antraštė. Originale nuo 768 px modelio pavadinimas ir
   šūkis dedami VIENOJE eilutėje (`flex-direction: row`) — itališki šūkiai buvo
   trumpi ir dar skaidomi <br> į dvi eilutes. Išvertus šūkis tampa viena ilga
   eilute, tad pavadinimas ir šūkis susilieja („Zeekr 001 Prabangus shooting
   brake"). Dedame vieną po kitu: pavadinimas — pirma eilutė, šūkis — kita.
   Tarpas 0, kad eilučių ritmas sutaptų su šūkio vidiniu <br> skaidymu.
   Eilutės centruojamos — kaip mobiliame vaizde ir kaip po jomis einantis
   CTA mygtukas; kairiuoju lygiavimu trumpas pavadinimas atrodė nusviręs
   į kraštą po per visą plotį išsitiesusiu šūkiu. */
@media (min-width: 768px) {
  .vehicle-hero__heading {
    flex-direction: column;
    align-items: center;
    gap: 0;
    text-align: center;
  }
}

/* Formos patvirtinimas prie mygtuko (Renata 2026-09-23: toast'as nepastebimas) */
.zk-form-success {
  width: 100%;
  box-sizing: border-box;
  margin: 0 0 16px;
  padding: 16px 20px 16px 56px;
  position: relative;
  border: 1px solid #00a544;
  border-radius: 3px;
  background: #00a5440f;
  color: #24292b;
  text-align: left;
}
.zk-form-success::before {
  content: '';
  position: absolute;
  left: 20px;
  top: 18px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #00a544 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center / 14px no-repeat;
}
.zk-form-success__title {
  margin: 0;
  font-size: 18px;
  line-height: 1.4;
  font-weight: 600;
}
.zk-form-success__text {
  margin: 4px 0 0;
  font-size: 15px;
  line-height: 1.5;
}

/* Test drive modelių pasirinkimas telefone (2026-09-24 „sos": 7X nepasirenkamas).
   Originalas — 2 eilutės, stulpeliai pildomi iš viršaus į apačią; nuo 5 modelių
   (+ 001 Sport Edition) atsirado trečias stulpelis už ekrano krašto ir
   „Zeekr 7X" tapo nematomas. Dabar — 2 stulpeliai, eilutės pildomos iš eilės. */
@media (max-width: 767px) {
  .test-drive__model-grid {
    grid-auto-flow: row;
    grid-template-rows: none;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 16px;
  }
  .test-drive__model-name {
    white-space: normal;
  }
}
