/* LASNOR 1.4 – minden kártya egy külön AUTÓ, nem egy bejegyzés több fotója.
   Ezzel a külön stílussal a WordPress globális blokkbeállításai
   nem tördelhetik a kínálatot egyetlen függőleges oszlopba. */
.lasnor-vehicle-showcase,
.lasnor-vehicle-showcase * { box-sizing: border-box; }
.lasnor-vehicle-showcase { width:100%; max-width:none; margin-inline:auto; --lasnor-visible-cars:4; }
.lasnor-vehicle-showcase .nb-slider-viewport { display:block!important; width:100%!important; max-width:100%!important; overflow-x:auto!important; overflow-y:hidden!important; }
.lasnor-vehicle-showcase .nb-slider-track {
  display:grid!important;
  grid-auto-flow:column!important;
  grid-auto-columns:calc((100% - (var(--lasnor-visible-cars) - 1) * 16px) / var(--lasnor-visible-cars))!important;
  grid-template-columns:none!important;
  grid-template-rows:auto!important;
  align-items:stretch!important;
  gap:16px!important;
  flex-wrap:nowrap!important;
  width:auto!important;
  max-width:none!important;
  padding:4px 4px 18px!important;
}
.lasnor-vehicle-showcase .nb-slide-item,
.lasnor-vehicle-showcase .nb-slide-placeholder {
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  max-width:none!important;
  width:auto!important;
  height:100%!important;
  flex:none!important;
  margin:0!important;
  align-self:stretch!important;
}
.lasnor-vehicle-showcase .nb-slide-link,
.lasnor-vehicle-showcase .nb-slide-placeholder-card { width:100%!important; height:100%!important; }
.lasnor-vehicle-showcase .nb-slide-copy { flex:1; }
.lasnor-vehicle-showcase .nb-slide-image { width:100%!important; flex:0 0 auto; }
.lasnor-vehicle-showcase .nb-slide-photo { width:100%!important; height:100%!important; }
.lasnor-vehicle-showcase .nb-slider-toolbar { flex-wrap:wrap; }
.lasnor-vehicle-showcase .nb-slide-price { max-width:100%; white-space:normal; overflow-wrap:anywhere; }
.lasnor-vehicle-showcase .nb-slide-item:focus-within { z-index:1; }
/* Régi egymás alatti autólista a kiemelt szekcióban már ne jelenjen meg,
   ha a kártyacsúszka is az oldalon található. */
.nb-section-cars.nb-showcase-dark .nb-auto-slider { margin-top:10px; }
.nb-v14-fallback-section {
  background:radial-gradient(ellipse at 87% 0%,#532044 0,transparent 43%),#100a1a;
  border-block:3px solid #ed259a;
  padding:60px max(18px,4vw) 70px;
  color:white;
}
.nb-v14-inner { width:100%; max-width:1260px; margin:0 auto; }
.nb-v14-overline { color:#ff8ac7; letter-spacing:.18em; font-size:.8rem; font-weight:900; }
.nb-v14-heading { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:24px; }
.nb-v14-heading h2 { font:900 clamp(2rem,4.5vw,4rem)/1.02 'Arial Black',Arial,sans-serif; letter-spacing:-.055em; color:white; margin:0; }
.nb-v14-heading h2 em { color:#ff219f; font-style:normal; }
.nb-v14-heading>a { color:#fff!important; white-space:nowrap; font-weight:900; text-underline-offset:5px; }
@media (max-width:1100px) {
  .lasnor-vehicle-showcase .nb-slider-track { grid-auto-columns:calc((100% - 32px) / 3)!important; }
}
@media (max-width:850px) {
  .lasnor-vehicle-showcase .nb-slider-track { grid-auto-columns:calc((100% - 16px) / 2)!important; }
}
@media (max-width:580px) {
  .lasnor-vehicle-showcase .nb-slider-track { grid-auto-columns:84%!important; gap:12px!important; }
  .nb-v14-heading { display:block; }
  .nb-v14-heading>a { display:inline-block; margin-top:14px; }
  .lasnor-vehicle-showcase .nb-slider-hint { font-size:.65rem; letter-spacing:.04em; }
}
@media(prefers-reduced-motion:reduce) {
 .lasnor-vehicle-showcase .nb-slider-viewport { scroll-behavior:auto!important; }
}

/* Egy adott autó külön részletoldalán megnyitható képgaléria. */
.nb-detail .nb-gallery-click-hint { color:var(--nb-ink); font-size:.9rem; font-weight:800; padding:4px 3px; }
.nb-detail .nb-gallery-main a { cursor:zoom-in; display:block; }
.nb-detail .nb-gallery-main img { width:100%; }
.nb-detail .nb-car-lightbox {
   position:fixed; inset:0; width:min(1200px,96vw); max-width:96vw;
   max-height:96vh; margin:auto; padding:10px 16px 16px; box-sizing:border-box;
   background:#080610; color:#fff; border:2px solid #f6249b; border-radius:16px;
   box-shadow:0 0 80px #140912;
}
.nb-detail .nb-car-lightbox::backdrop { background:rgba(0,0,0,.88); }
.nb-detail .nb-car-lightbox .nb-lightbox-toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; font-weight:900; padding:5px 0 12px; }
.nb-detail .nb-car-lightbox button { cursor:pointer; background:#ff269b; border:0; color:#130516; font-weight:900; border-radius:9px; min-width:43px; min-height:43px; }
.nb-detail .nb-car-lightbox button:focus-visible { outline:3px solid #fff; outline-offset:4px; }
.nb-detail .nb-lightbox-photo-row { display:grid; grid-template-columns:52px minmax(0,1fr) 52px; gap:10px; align-items:center; }
.nb-detail .nb-lightbox-photo-row button { font-size:2.2rem; }
.nb-detail .nb-lightbox-photo-row img { display:block; width:100%; height:auto; max-height:76vh; object-fit:contain; margin:auto; }
.nb-detail .nb-lightbox-footer { text-align:center; color:#fbb6de; margin:8px 0 0; font-size:.8rem; }
@media(max-width:560px) {
 .nb-detail .nb-car-lightbox { width:99vw; max-width:99vw; padding:8px; }
 .nb-detail .nb-lightbox-photo-row { grid-template-columns:36px minmax(0,1fr) 36px; gap:4px; }
 .nb-detail .nb-car-lightbox button { min-width:35px; }
}