/* Testimonials — page scoped (1:1 layout, global system for rest) */

.testimonials-page .section{ padding: 6px 0; }

.testimonials-page .section--alt{
  background: linear-gradient(to bottom, rgba(16,18,24,.04), rgba(16,18,24,0));
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

/* section head row */
.testimonials-page .section-head{ margin-bottom: 22px; }
.testimonials-page .section-head h2 {font-size: 26px;}
.testimonials-page .section-head--row{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  flex-wrap:wrap;
}

/* FILTERS */
.testimonials-page .filters{ display:flex; gap:10px; flex-wrap:wrap; }

.testimonials-page .chip{
  border:1px solid var(--line);
  background:#fff;
  color:var(--muted);
  padding:10px 14px;
  border-radius:999px;
  font:600 13px/1 Poppins, sans-serif;
  cursor:pointer;
  transition: transform .2s ease, border-color .2s ease, background .2s ease;
}
.testimonials-page .chip:hover{
  transform:translateY(-1px);
  border-color:rgba(246,211,107,.45);
}
.testimonials-page .chip.is-active{
  color:#101218;
  border-color:rgba(246,211,107,.85);
  background: linear-gradient(90deg, rgba(246,211,107,.55), rgba(184,134,11,.25));
}

/* REVIEWS GRID */
.testimonials-page .reviews-grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-top: 18px;
}

.testimonials-page .review-card{
  border:1px solid var(--line);
  background: var(--card);
  border-radius: var(--r);
  padding: 18px 18px 16px;
  box-shadow: var(--shadow);
}

.testimonials-page .stars{
  letter-spacing: 2px;
  color: var(--gold2);
  font-size: 14px;
  margin-bottom: 10px;
}

.testimonials-page .quote{
  margin:0;
  color:#1a1d26;
  line-height:1.7;
}

.testimonials-page .meta{
  margin-top:14px;
  display:flex;
  align-items:center;
  gap:12px;
}

.testimonials-page .avatar{
  width:42px; height:42px;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-weight:700;
  color:#101218;
  background: linear-gradient(145deg, var(--gold1), var(--gold2));
}

.testimonials-page .name{ font-weight:700; }
.testimonials-page .role{
  font-size:12px;
  color:var(--muted2);
  margin-top:2px;
}

/* PARTNERS */
.testimonials-page .partners{ background:#fff; }

.testimonials-page .partners-grid{
  margin-top:28px;
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 36px;
  align-items:center;
  row-gap: 1px;
}

.testimonials-page .partners-grid img{
  max-width: 180px;
  margin: auto;
 /* opacity: .80;
  filter: grayscale(1000%);
  transition: .25s ease;   */
}

/*.testimonials-page .partners-grid img:hover{
  opacity: 1;
  filter: grayscale(0%);
} */

.testimonials-page .partners-note{
  margin-top:26px;
  display:flex;
  align-items:center;
  gap:10px;
  color:var(--muted);
  font-weight:600;
}
.testimonials-page .partners-note .dot{
  width:10px; height:10px;
  border-radius:50%;
  background: linear-gradient(145deg, var(--gold1), var(--gold2));
}


/* PAGINATION with arrows */
.pagination{
  margin-top: 26px;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

.page-numbers{
  display:flex;
  gap:8px;
}

/* page numbers */
.page-btn{
  min-width:36px;
  height:36px;
  padding:0 10px;
  border-radius:10px;
  border:1px solid var(--line);
  background:#fff;
  font-size:13px;
  font-weight:600;
  cursor:pointer;
  transition:.2s ease;
}
.page-btn:hover{
  transform:translateY(-1px);
  border-color:rgba(246,211,107,.45);
}
.page-btn.is-active{
  background:linear-gradient(90deg, rgba(246,211,107,.55), rgba(184,134,11,.25));
  border-color:rgba(246,211,107,.85);
  color:#101218;
}

/* arrows */
.page-arrow{
  width:36px;
  height:36px;
  border-radius:10px;
  border:1px solid var(--line);
  background:#fff;
  font-size:20px;
  line-height:1;
  font-weight:600;
  cursor:pointer;
  transition:.2s ease;
}
.page-arrow:hover{
  transform:translateY(-1px);
  border-color:rgba(246,211,107,.45);
}
.page-arrow:disabled{
  opacity:.35;
  cursor:default;
  transform:none;
}






/* RESPONSIVE */
@media (max-width: 980px){
  .testimonials-page .reviews-grid{ grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px){
  .testimonials-page .reviews-grid{ grid-template-columns: 1fr; }
}