/* 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;
  }
}