viber-testimonials{display:block}
viber-testimonials,
viber-testimonials *{box-sizing:border-box}

viber-testimonials{
  --ink:#0b1220;
  --muted:#5b6472;
  --primary:#2d5bff;
  --accent:#12a6a5;
  --glass:rgba(255,255,255,.86);
  --glass-edge:rgba(12,18,30,.10);
  --radius-lg:18px;
  --gap:18px;

  color:var(--ink);
  font:400 15.5px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  max-width:100%;
  overflow-x:clip;

  /* offscreen performance win (like your other sections) */
  content-visibility:auto;
  contain-intrinsic-size:900px;
}

viber-testimonials .vt-wrap{
  position:relative;
  padding:clamp(28px,6vw,64px) 0;
  isolation:isolate;
}

viber-testimonials .vt-wrap::before{
  content:"";
  position:absolute;
  inset:-120px -15% auto -15%;
  height:320px;
  pointer-events:none;
  background:
    radial-gradient(35% 60% at 10% 40%, rgba(45,91,255,.10), transparent 60%),
    radial-gradient(35% 60% at 90% 20%, rgba(18,166,165,.10), transparent 60%);
  filter:blur(28px);
  animation:vt-mist 14s ease-in-out infinite alternate;
}

@keyframes vt-mist{from{transform:translateY(0)} to{transform:translateY(18px)}}

viber-testimonials .vt-container{
  width:100%;
  max-width:1200px;
  margin:0 auto;
  padding:0 clamp(16px,4vw,26px);
}

viber-testimonials .vt-head{
  text-align:center;
  margin:0 0 22px;
}

viber-testimonials .vt-kicker{
  display:inline-block;
  padding:6px 12px;
  border-radius:999px;
  background:linear-gradient(90deg,#e8f7ff,#ffe8e8);
  border:1px solid var(--glass-edge);
  font-weight:800;
  font-size:.88rem;
  letter-spacing:.25px;
  margin-bottom:8px;
}

viber-testimonials .vt-title{
  margin:0 0 6px;
  font-size:clamp(22px,4.6vw,34px);
  font-weight:900;
  line-height:1.15;
  background:linear-gradient(90deg,#2d5bff,#7aa1ff 45%,#12a6a5 90%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

viber-testimonials .vt-subtitle{margin:0;color:var(--muted)}

viber-testimonials .vt-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--gap);
  margin-top:20px;
}
@media (max-width:980px){viber-testimonials .vt-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){viber-testimonials .vt-grid{grid-template-columns:1fr}}

viber-testimonials .vt-card{
  position:relative;
  border-radius:var(--radius-lg);
  background:var(--glass);
  border:1px solid var(--glass-edge);
  box-shadow:0 14px 30px rgba(10,16,28,.10),0 1px 0 rgba(255,255,255,.75) inset;
  padding:clamp(16px,2.8vw,20px);
  transition:transform .22s cubic-bezier(.2,.7,.2,1), box-shadow .22s ease, border-color .22s ease;
  contain:layout paint;
}

viber-testimonials .vt-card::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  z-index:-1;
  background:conic-gradient(from 120deg, rgba(45,91,255,.20), rgba(18,166,165,.22), transparent 60%);
  filter:blur(18px);
  opacity:.32;
  transition:opacity .2s ease;
}

viber-testimonials .vt-card:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 40px rgba(10,16,28,.14),0 1px 0 rgba(255,255,255,.85) inset;
  border-color:rgba(45,91,255,.28);
}
viber-testimonials .vt-card:hover::before{opacity:.48}

viber-testimonials .vt-top{display:flex;align-items:center;gap:12px;margin-bottom:8px}

viber-testimonials .vt-avatar{
  width:50px;height:50px;border-radius:50%;
  flex:0 0 50px;
  overflow:hidden;
  border:2px solid rgba(45,91,255,.25);
  box-shadow:0 6px 14px rgba(45,91,255,.14);
  background:#fff;
}
viber-testimonials .vt-avatar img{width:100%;height:100%;object-fit:cover;display:block}

viber-testimonials .vt-meta{min-width:0}
viber-testimonials .vt-name{
  margin:0;
  font-weight:900;
  color:#0f1c44;
  line-height:1.1;
  font-size:1rem;
}
viber-testimonials .vt-role{
  margin:2px 0 0;
  color:var(--muted);
  font-size:.9rem;
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
}

viber-testimonials .vt-stars{display:flex;gap:2px;margin:6px 0 10px}
viber-testimonials .vt-star{width:16px;height:16px;display:inline-block}
viber-testimonials .vt-star svg{width:100%;height:100%;display:block}

viber-testimonials .vt-quote{
  position:relative;
  margin:0;
  color:#2a3140;
}
viber-testimonials .vt-quote::before,
viber-testimonials .vt-quote::after{
  position:absolute;
  color:#cfd8ff;
  font-weight:900;
  font-size:22px;
  line-height:1;
}
viber-testimonials .vt-quote::before{content:"“";left:-4px;top:-6px}
viber-testimonials .vt-quote::after{content:"”";right:-2px;bottom:-10px}

@media (prefers-reduced-motion:reduce){
  viber-testimonials .vt-wrap::before,
  viber-testimonials .vt-card{animation:none !important;transition:none !important}
}