/* --- Contenitore e slide a tutta altezza --- */
#pnl_slide{background:var(--bb-nero)}
#pnl_slide .carousel-item{height:88vh;min-height:560px;position:relative}
#pnl_slide .carousel-item img{width:100%;height:100%;object-fit:cover;object-position:center 40%}

/* --- Velo scuro sfumato sopra la foto (come l'hero originale) --- */
#pnl_slide .carousel-item::after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(20,16,10,.55) 0%,rgba(20,16,10,.25) 40%,rgba(20,16,10,.8) 100%);
}

/* --- Caption: da centrata (default Bootstrap) a basso-sinistra,
       allineata al contenitore 1360px del resto del sito --- */
#pnl_slide .carousel-caption{
  position:absolute;left:0;right:0;bottom:0;top:auto;z-index:2;
  max-width:1360px;margin:0 auto;padding:0 32px 88px;
  text-align:left;font-family:var(--bb-font-body);color:var(--bb-avorio);
}
#pnl_slide .carousel-caption p{margin:0}

/* Kicker: <p><small>…</small></p> */
#pnl_slide .carousel-caption p small{
  display:block;font-size:13px;font-weight:800;letter-spacing:.22em;
  text-transform:uppercase;color:var(--bb-oro);margin-bottom:22px;
}

/* Titolo */
#pnl_slide .carousel-caption h1{
  font-family:var(--bb-font-display);font-weight:800;
  font-size:clamp(44px,8.5vw,124px);line-height:.98;letter-spacing:-.02em;
  margin:0 0 26px;max-width:12ch;color:var(--bb-avorio);
  text-shadow:none;
}

/* Sottotitolo: il <p> subito dopo l'h1 */
#pnl_slide .carousel-caption h1+p{
  font-size:19px;line-height:1.6;color:rgba(246,239,228,.85);
  max-width:52ch;margin:0 0 38px;
}

/* Bottoni: i link nell'ultimo <p> — il primo pieno oro, gli altri ghost */
#pnl_slide .carousel-caption p a{
  display:inline-block;padding:17px 34px;border-radius:999px;
  font-size:14px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  text-decoration:none;margin:0 12px 10px 0;transition:all .25s;
}
#pnl_slide .carousel-caption p a:first-child{background:var(--bb-oro);color:var(--bb-nero)}
#pnl_slide .carousel-caption p a:first-child:hover{background:var(--bb-avorio);color:var(--bb-nero)}
#pnl_slide .carousel-caption p a:not(:first-child){border:1.5px solid rgba(246,239,228,.5);color:var(--bb-avorio);background:none}
#pnl_slide .carousel-caption p a:not(:first-child):hover{border-color:var(--bb-oro);color:var(--bb-oro)}

/* --- Indicatori (se più slide): trattini sottili, oro sull'attivo --- */
#pnl_slide .carousel-indicators{z-index:3;margin-bottom:24px}
#pnl_slide .carousel-indicators li{
  width:34px;height:3px;border-radius:999px;border:0;
  background:rgba(246,239,228,.35);opacity:1;
}
#pnl_slide .carousel-indicators li.active,
#pnl_slide .carousel-indicators .active{background:var(--bb-oro)}

/* --- Frecce prev/next (se attivate dal pannello) --- */
#pnl_slide .carousel-control-prev,
#pnl_slide .carousel-control-next{z-index:3;width:8%;opacity:.55}
#pnl_slide .carousel-control-prev:hover,
#pnl_slide .carousel-control-next:hover{opacity:1}

/* --- Responsive --- */
@media (max-width:760px){
  #pnl_slide .carousel-item{height:76vh;min-height:480px}
  #pnl_slide .carousel-caption{padding:0 20px 56px}
  #pnl_slide .carousel-caption h1+p{font-size:16px;margin-bottom:26px}
  #pnl_slide .carousel-caption p a{padding:14px 26px;font-size:12.5px}
}