/* ===== Scoped, minimal. Rosso #b30502 ===== */
#nlg-noleggio { --nlg-red:#b30502; --nlg-gray:#6b7280; }
#nlg-noleggio .nlg-row { margin-left:-12px; margin-right:-12px; justify-content:center; }
#nlg-noleggio .nlg-row > [class*="col-"] { padding-left:12px; padding-right:12px; margin-bottom:24px; }

/* ===== Heading sezione ===== */
#nlg-noleggio .nlg-heading{ text-align:center; padding: 6px 0 14px; }
#nlg-noleggio .nlg-eyebrow{
  display:inline-block; padding:4px 10px; font-weight:800; font-size:.85rem;
  color:var(--nlg-red); background:#ffecec; border:1px solid #ffd2d2; border-radius:999px; margin-bottom:6px;
}
#nlg-noleggio .nlg-headline{
  margin:4px 0 6px; font-weight:900; color:#111; letter-spacing:.3px;
  font-size: clamp(1.2rem, 2.8vw, 1.7rem);
}
#nlg-noleggio .nlg-underline{ width:72px; height:3px; background:var(--nlg-red); border-radius:2px; margin:8px auto 0; }

/* ===== Card ===== */
#nlg-noleggio .card {
  border:1px solid #eee; border-radius:14px; overflow:hidden;
  box-shadow:0 6px 20px rgba(0,0,0,.06); height:100%; background:#fff;
  display:flex; flex-direction:column;
}
#nlg-noleggio .nlg-top { position:relative; }
#nlg-noleggio .nlg-badge {
  position:absolute; top:12px; left:12px; background:var(--nlg-red); color:#fff;
  padding:6px 12px; border-radius:999px; font-weight:800; font-size:.85rem;
}

/* ===== Slider immagini ===== */
#nlg-noleggio .nlg-slider { position:relative; width:100%; height:220px; overflow:hidden; background:#ddd; }
#nlg-noleggio .nlg-slide {
  position:absolute; top:0; left:0; width:100%; height:100%;
  object-fit:cover; opacity:0; transition:opacity .6s ease;
  /* focus ancorato al fondo per preservare logo/testi in basso */
  object-position: var(--nlg-focus, 50% 100%);
}
#nlg-noleggio .nlg-slide.active { opacity:1; }
#nlg-noleggio .nlg-slider-nav { position:absolute; bottom:8px; left:50%; transform:translateX(-50%); display:flex; gap:6px; }
#nlg-noleggio .nlg-dot { width:10px; height:10px; border-radius:50%; background:#fff; border:1px solid #333; cursor:pointer; opacity:.7; }
#nlg-noleggio .nlg-dot.active { background:var(--nlg-red); opacity:1; }

/* Desktop: slider un po' più alto */
@media (min-width: 992px){
  #nlg-noleggio .nlg-slider{ height:240px; }
}

/* ===== Body ===== */
#nlg-noleggio .card-body { padding:16px; display:flex; flex-direction:column; gap:12px; text-align:center; }
#nlg-noleggio .nlg-title { margin:0; font-size:1.02rem; font-weight:800; color:#111; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#nlg-noleggio .nlg-desc { margin:0; color:var(--nlg-gray); }

/* === Meta sotto immagine === */
#nlg-noleggio .nlg-meta{
  display:flex; align-items:center; justify-content:center; gap:10px;
  padding:10px 12px; border-top:1px solid #eee; border-bottom:1px solid #eee; background:#fafafa;
  white-space:nowrap; overflow-x:auto; scrollbar-width:thin; -webkit-overflow-scrolling:touch; margin:0 auto;
}
#nlg-noleggio .nlg-tag{
  display:inline-block; padding:6px 12px; font-weight:800; font-size:.92rem;
  border:1px solid #e5e7eb; color:#111; background:#fff; border-radius:8px;
}
#nlg-noleggio .nlg-price{ background:var(--nlg-red); color:#fff; border-color:var(--nlg-red); }
#nlg-noleggio .nlg-price .nlg-small { font-size:0.8em; font-weight:500; }

/* ===== Specifiche ===== */
#nlg-noleggio .nlg-specs{ display:flex; gap:8px; flex-wrap:wrap; justify-content:center; }
#nlg-noleggio .nlg-spec{ background:#f3f4f6; padding:6px 10px; border-radius:6px; font-size:.85rem; color:#111; }

/* ===== Divider & info ===== */
#nlg-noleggio .nlg-divider{ height:1px; background:#eee; margin:8px 0; }
#nlg-noleggio .nlg-info h6 { font-weight:800; margin:0 0 10px; color:#111; text-align:center; }
#nlg-noleggio .nlg-list{ margin:0; padding-left:18px; text-align:left; }
#nlg-noleggio .nlg-list li{ margin-bottom:6px; color:#111; }

/* === Azioni: Contattaci (usa .contact-btn globale) === */
#nlg-noleggio .nlg-actions{
  display:flex; justify-content:center; align-items:center; gap:14px; flex-wrap:wrap; min-height:70px;
}

/* ===== Ottimizzazioni responsive per preservare il fondo (logo/testi) ===== */

/* Mobile: altezza maggiore + fondo ancorato */
@media (max-width: 575.98px) {
  #nlg-noleggio .nlg-slider{ height:260px; }                 /* prima 220px */
  #nlg-noleggio .nlg-slide{ object-position: var(--nlg-focus, 50% 100%); }
}

/* Tablet piccolo (sm): fondo ancorato */
@media (min-width: 576px) and (max-width: 767.98px) {
  #nlg-noleggio .nlg-slider{ height:240px; }
  #nlg-noleggio .nlg-slide{ object-position: var(--nlg-focus, 50% 100%); }
}

/* Tablet (md): pensato anche per ratio 850×700 — più altezza, fondo ancorato */
@media (min-width: 768px) and (max-width: 991.98px) {
  #nlg-noleggio .nlg-slider{ height:270px; }                 /* alza a 280 se serve ancora più margine */
  #nlg-noleggio .nlg-slide{ object-position: var(--nlg-focus, 50% 100%); }
}

/* Riduci animazioni se preferito dall’utente */
@media (prefers-reduced-motion: reduce) {
  #nlg-noleggio .nlg-slide{ transition:none; }
}