/* wrapper (tu puoi tenere max-width 1440) */
.cinquina-related {
  width: 100%;
}

.title-related h2{
    font-family: 'bodoni-72';
    color: #394526;
    font-weight: 300;
    text-align: center;
    padding-bottom: 30px;
}

/* reset lista (spesso rompe layout) */
.cinquina-related-splide .splide__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* card non deve espandere oltre lo slide */
.cinquina-related-splide .splide__slide .cinquina-product-card {
  width: 100%;
  max-width: 100%;
  height: 100%;
}
/* PROGRESS WRAPPER */
.cinquina-splide-progress {
  width: 100%;
  height: 3px;
  background: #6F5546;
  border-radius: 3px;
  margin-top: 16px;
  cursor: pointer;
  position: relative;
}

/* PROGRESS BAR */
.cinquina-splide-progress__bar {
  width: 0%;
  height: 100%;
  background: #C4B29C; /* colore Saquella */
  transition: width 0.3s linear;
}


/* ==========================================================
   MOBILE – DEFAULT
   0px → 767px
   ========================================================== */
/* niente media query */
  .cinquina-related-splide {
    max-width: 400px;
    width: 100%;
  }

/* ==========================================================
   TABLET (portrait)
   ≥ 768px
   ========================================================== */
@media (min-width: 768px) {
  .cinquina-related-splide {
    max-width: 768px;
    width: 100%;
  }
}


/* ==========================================================
   TABLET LARGE / LAPTOP SMALL
   ≥ 1024px
   ========================================================== */
@media (min-width: 1024px) {
  .cinquina-related-splide {
    max-width: 1024px;
    width: 100%;
  }
}


/* ==========================================================
   LAPTOP / DESKTOP STANDARD
   ≥ 1280px
   ========================================================== */
@media (min-width: 1280px) {
  .cinquina-related-splide {
    max-width: 1280px;
    width: 100%;
  }
}


/* ==========================================================
   DESKTOP LARGE
   ≥ 1440px
   ========================================================== */
@media (min-width: 1440px) {
  .cinquina-related-splide {
    max-width: 1440px;
    width: 100%;
  }
}