/* LASNOR CAR v2.4 – széltől szélig hőskép PC-n, kisebb csúszkasáv,
   de legalább négy autó egy sorban. A hőskép továbbra is a WordPress
   Kép blokkjában cserélhető, nincs a CSS-be égetett kép-URL. */
@media (min-width: 1024px) {
  /* A főoldal felső képe háttérként működik, nem jobb oldali illusztrációként.
     A képernyő szélességét használja, függetlenül a mentett 'alignwide'-tól. */
  .nb-page-main .nb-hero {
    position: relative;
    isolation: isolate;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    min-height: clamp(610px, 42vw, 745px) !important;
    padding: 38px max(25px, 3vw) 26px !important;
    overflow: hidden;
    background: linear-gradient(130deg,#100719,#431536 60%,#180b21) !important;
  }
  .nb-hero > .nb-hero-grid {
    position: static !important;
    box-sizing: border-box;
    width: 100% !important;
    max-width: 1580px !important;
    min-height: clamp(545px, 37vw, 670px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }
  .nb-hero .nb-hero-art-col {
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    flex: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .nb-hero .nb-hero-art {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    filter: none !important;
  }
  .nb-hero .nb-hero-art img {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 100% !important;
    object-fit: cover !important;
    object-position: center 53% !important;
  }
  /* Szövegek olvashatóak maradjanak a nagyméretű képen. */
  .nb-hero:before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    opacity: 1 !important;
    background: linear-gradient(90deg,
       rgba(5,4,12,.93) 0%,
       rgba(9,4,19,.83) 24%,
       rgba(11,5,20,.47) 46%,
       rgba(6,3,16,.06) 82%) !important;
    pointer-events: none;
  }
  .nb-hero:after {
    content: '' !important;
    z-index: 1 !important;
    pointer-events: none;
    height: 115px !important;
    background: linear-gradient(transparent,rgba(7,5,12,.56)) !important;
  }
  .nb-hero .nb-hero-copy {
    position: relative !important;
    z-index: 3 !important;
    flex: 0 1 670px !important;
    width: min(56%, 670px) !important;
    min-width: 0 !important;
    padding: 12px 0 !important;
  }
  .nb-hero .nb-hero-title {
    white-space: normal !important;
    font-size: clamp(3.6rem, 5.6vw, 6.6rem) !important;
    line-height: 1.01 !important;
  }
  .nb-hero .nb-hero-lead { max-width: 550px; }
  .nb-hero .nb-hero-scroll { position: relative; z-index: 3; }

  /* A csúszkasáv kisebb, 4 autó látszik egymás mellett még laptopon is. */
  .nb-section-cars.nb-showcase-dark {
    padding-top: clamp(32px, 3.4vw, 55px) !important;
    padding-bottom: clamp(35px, 3.6vw, 59px) !important;
  }
  .nb-section-cars > .wp-block-group.alignwide {
    box-sizing: border-box;
    width: calc(100% - 24px) !important;
    max-width: 1380px !important;
    margin-inline: auto !important;
  }
  .nb-section-cars .lasnor-vehicle-showcase {
    width: 100% !important;
    max-width: 1380px !important;
    margin-inline: auto !important;
  }
  .nb-section-cars .lasnor-vehicle-showcase .nb-slider-track { gap: 14px !important; }
  .nb-section-cars .lasnor-vehicle-showcase .nb-slide-item {
    flex: 0 0 calc((100% - 42px) / 4) !important;
    min-width: 0 !important;
  }
  .nb-section-cars .lasnor-vehicle-showcase[data-desktop-columns="5"] .nb-slide-item {
    flex-basis: calc((100% - 56px) / 5) !important;
  }
  .nb-section-cars .lasnor-vehicle-showcase .nb-slide-image {
    aspect-ratio: 1.32 / 1 !important;
    min-height: 0 !important;
    max-height: 270px !important;
  }
  .nb-section-cars .lasnor-vehicle-showcase .nb-slide-photo {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
  }
  .nb-section-cars .lasnor-vehicle-showcase .nb-slide-copy { padding: 13px 14px 15px !important; }
  .nb-section-cars .lasnor-vehicle-showcase .nb-slide-specs { margin-bottom: 9px !important; }
  .nb-section-cars .lasnor-vehicle-showcase .nb-slider-toolbar { margin-bottom: 15px; }
}
/* A 900-1023px közötti eszközökön 3, a mobilokon 2/1 kártya marad;
   a PC-n legalább négyes elrendezés a fenti szabályból érkezik. */
@media (max-width: 1023px) {
  .nb-section-cars .lasnor-vehicle-showcase { max-width: 100%; }
}