/* =====================================================
   TESTIMONI REAL — SUMMARY BAR
   ===================================================== */
.testi-summary-top{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 12px 0 32px;
  font-size: 15px;
  color: #444;
}

.testi-summary-top-stars{
  color: #f5a623;
  font-size: 16px;
  letter-spacing: 1px;
}

/* =====================================================
   TESTIMONI REAL — CAROUSEL
   ===================================================== */
.testi-carousel-wrapper{
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
}

.testi-carousel{
  display: flex;
  gap: 20px;
  overflow-x: auto;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  padding: 4px 2px 12px;
  -webkit-overflow-scrolling: touch;
}

.testi-carousel::-webkit-scrollbar{
  height: 6px;
}

.testi-carousel::-webkit-scrollbar-thumb{
  background: #ddd;
  border-radius: 10px;
}

.testi-carousel .testi-card{
  flex: 0 0 320px;
  scroll-snap-align: start;
}

.testi-carousel-nav{
  flex: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #ddd;
  background: #fff;
  color: #444;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  transition: background .15s ease, opacity .15s ease;
}

.testi-carousel-nav:hover{
  background: #f5f5f5;
}

.testi-carousel-nav:disabled{
  opacity: .35;
  cursor: not-allowed;
}

/* ---------- RESPONSIVE ---------- */
@media (max-width: 768px){
  .testi-carousel .testi-card{
    flex-basis: 260px;
  }

  .testi-carousel-nav{
    display: none;
  }
}