/* ══════════════════════════════════════════════════════════════
   TESTIMONIALS.CSS
   ══════════════════════════════════════════════════════════════ */

/* RATING BANNER */
.rating-banner{background:#fff;padding:32px 0;border-bottom:1px solid #E4E0D8}
.rating-inner{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap;gap:24px}
.rb-item{text-align:center}
.rb-num{font-family:'Playfair Display',serif;font-size:40px;font-weight:700;color:#E67817;line-height:1}
.rb-stars{color:#F5A623;font-size:20px;margin:4px 0}
.rb-label{font-size:13px;color:#6B6B6B}
.rb-divider{width:1px;height:60px;background:#E4E0D8}
.google-badge{display:flex;align-items:center;gap:10px;background:#F9F5F0;border:1px solid #E4E0D8;border-radius:12px;padding:16px 20px}
.google-g{width:32px;height:32px;background:#4285F4;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px;flex-shrink:0}
.google-text{font-size:13px;font-weight:600;color:#1A1A1A;line-height:1.4}
.google-sub{font-size:11px;color:#6B6B6B}

/* FILTER */
.filter-tabs{display:flex;gap:8px;flex-wrap:wrap;padding:32px 0 8px}
.filter-tab{padding:8px 18px;border-radius:20px;border:1.5px solid #E4E0D8;font-size:13px;font-weight:500;cursor:pointer;color:#6B6B6B;background:#fff;transition:all .15s;font-family:'DM Sans',sans-serif}
.filter-tab.active,.filter-tab:hover{background:#E67817;border-color:#E67817;color:#fff}

/* TESTIMONIAL GRID (masonry) */
.testi-masonry{columns:3 300px;gap:20px;padding:20px 0 48px}
.testi-card{break-inside:avoid;background:#fff;border:1px solid #E4E0D8;border-radius:14px;padding:22px;margin-bottom:20px;transition:box-shadow .2s}
.testi-card:hover{box-shadow:0 6px 24px rgba(0,0,0,.09)}
.testi-card.featured-testi{border-color:#E67817;background:#FEF3E8}
.stars{color:#F5A623;font-size:14px;margin-bottom:10px}
.testi-text{font-size:14px;color:#3D3D2A;line-height:1.78;margin-bottom:16px;font-style:italic}
.testi-text::before{content:'"';font-family:'Playfair Display',serif;font-size:32px;color:#E67817;line-height:0;vertical-align:-10px;margin-right:2px}
.testi-footer{display:flex;align-items:center;gap:12px}
.testi-avatar{width:40px;height:40px;border-radius:50%;background:#E67817;display:flex;align-items:center;justify-content:center;font-family:'Playfair Display',serif;font-size:14px;font-weight:700;color:#fff;flex-shrink:0}
.testi-name{font-size:14px;font-weight:600;color:#1A1A1A}
.testi-location{font-size:11px;color:#9B9B9B;margin-top:2px}
.testi-disease-tag{display:inline-flex;align-items:center;background:#F0FAF3;border:1px solid #B7E4C7;border-radius:20px;padding:3px 9px;font-size:10px;color:#2D6A4F;font-weight:600;margin-top:8px}

/* VIDEO TESTIMONIALS */
.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.video-card{border-radius:14px;overflow:hidden;border:1px solid #E4E0D8;background:#fff;transition:box-shadow .2s}
.video-card:hover{box-shadow:0 8px 28px rgba(0,0,0,.1)}
.video-thumb{background:#1A3D2B;height:180px;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer}
.play-btn{width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.95);display:flex;align-items:center;justify-content:center;transition:transform .2s}
.play-btn svg{fill:#E67817}
.video-card:hover .play-btn{transform:scale(1.1)}
.video-duration{position:absolute;bottom:8px;right:10px;background:rgba(0,0,0,.6);color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px}
.vc-body{padding:16px}
.vc-name{font-size:14px;font-weight:600;color:#1A1A1A;margin-bottom:4px}
.vc-disease{font-size:12px;color:#E67817;font-weight:500;margin-bottom:6px}
.vc-location{font-size:11px;color:#9B9B9B}

/* RESPONSIVE */
@media(max-width:900px){.video-grid{grid-template-columns:repeat(2,1fr)}.testi-masonry{columns:2 280px}.rb-divider{display:none}}
@media(max-width:600px){.video-grid{grid-template-columns:1fr}.testi-masonry{columns:1}}