/* DELGROSSO · Carosello Home collegato esclusivamente al catalogo pubblicato in Admin Sito. */
.hero-image-panel .dg-hero-frame{
  position:absolute;inset:0;display:block;width:100%;height:100%;
  object-fit:cover;object-position:center;opacity:0;
  transition:opacity .72s ease-in-out;
  will-change:opacity;
}
.hero-image-panel .dg-hero-frame.dg-is-active{opacity:1}
.hero-image-panel .panel-shine{pointer-events:none;z-index:2}
.hero-image-panel .dg-hero-controls{
  position:absolute;left:16px;right:16px;bottom:16px;z-index:6;
  display:flex;align-items:center;justify-content:center;gap:8px;
  padding:8px 10px;max-width:242px;margin-inline:auto;
  border:1px solid rgba(140,255,232,.36);border-radius:99px;
  background:rgba(4,20,32,.77);backdrop-filter:blur(12px);
  box-shadow:0 6px 24px rgba(1,10,25,.38);
}
.hero-image-panel .dg-hero-controls[hidden]{display:none!important}
.dg-carousel-btn{
  display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;padding:0;
  background:rgba(95,224,207,.11);color:#eafff9;border:1px solid rgba(150,245,222,.23);
  border-radius:50%;font-size:18px;line-height:1;touch-action:manipulation;
  transition:background .18s ease,transform .18s ease;
}
.dg-carousel-btn:hover{background:rgba(109,245,214,.32);transform:translateY(-1px)}
.dg-carousel-btn:focus-visible{outline:2px solid #a5ffe8;outline-offset:2px}
.dg-carousel-counter{
  color:#e9fff9;font-size:10px;font-weight:800;letter-spacing:.09em;
  min-width:55px;text-align:center;font-variant-numeric:tabular-nums;
}
.dg-carousel-toggle{font-size:10px;letter-spacing:-3px;padding-right:3px}
.dg-carousel-toggle[aria-pressed="true"]{font-size:15px;letter-spacing:normal;padding-right:0}
@media(max-width:650px){
 .hero-image-panel .dg-hero-controls{left:10px;right:10px;bottom:9px;gap:5px;padding:6px 7px;max-width:215px}
 .dg-carousel-btn{width:31px;height:31px;flex-basis:31px;font-size:16px}
 .dg-carousel-counter{min-width:53px;font-size:9px}
 .dg-carousel-toggle{font-size:9px}
}
@media(prefers-reduced-motion:reduce){
 .hero-image-panel .dg-hero-frame{transition:none}
 .dg-carousel-btn{transition:none}
}