/* ==========================================================
   INDEX MANGA — integrazione su modello nuovo
   ========================================================== */

.index-manga-page .cards-stack{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
}

.index-manga-page .block--accent{
  background:#ffffff;
  border:1px solid rgba(44,69,124,.12);
}

.index-manga-page .h2-didattica{
  color:#9d2db0 !important;
}

/* Badge età nelle card */
.index-manga-page .eta-badge{
  display:flex;
  align-items:center;
  gap:6px;
  margin-top:10px;
  font-size:.95rem;
  font-weight:600;
  color:#4b4b7f;
  white-space:nowrap;
}

.index-manga-page .eta-badge img{
  width:24px;
  height:24px;
  display:block;
}

/* Mini FAQ a scorrimento */
.index-manga-page #domande-utili{
  background:#f4f7fc;
  border:1px solid rgba(44,69,124,.12);
}

.index-manga-page .text-gallery-scroll{
  display:flex;
  gap:24px;
  overflow-x:auto;
  padding-bottom:14px;
  -webkit-overflow-scrolling:touch;
}

.index-manga-page .text-slide{
  flex:0 0 calc((100% - 48px) / 3);
  min-height:260px;
  background:#ffffff;
  border:1px solid rgba(44,69,124,.12);
  border-radius:0;
  padding:22px;
  box-shadow:0 6px 18px rgba(0,0,0,.04);
}

.index-manga-page .text-slide h3{
  color:#3a25a2 !important;
  text-align:left;
  font-size:1.1rem;
  line-height:1.25;
  margin:0 0 12px;
}

.index-manga-page .text-slide p{
  margin:0;
  line-height:1.55;
}

.index-manga-page .text-gallery-scroll::-webkit-scrollbar{
  height:8px;
}

.index-manga-page .text-gallery-scroll::-webkit-scrollbar-track{
  background:rgba(44,69,124,.10);
}

.index-manga-page .text-gallery-scroll::-webkit-scrollbar-thumb{
  background:rgba(44,69,124,.38);
}

@media (max-width:767px){
  .index-manga-page .text-gallery-scroll{
    width:100%;
    overflow-x:auto;
  }

  .index-manga-page .text-slide{
    flex:0 0 82vw;
    max-width:82vw;
  }

  .index-manga-page .eta-badge{
    margin-top:8px;
  }
}