/* ── Reviews 3-col grid (used on services page) ── */
.reviews-grid-3 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--sp4);
  margin-top: var(--sp4);
}
@media (min-width: 700px) {
  .reviews-grid-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
/* ═══════════════════════════════════════════════════════════════
   Gulf Coast Cooling — REVIEWS & ABOUT PAGE CSS
   reviews.html specific styles
═══════════════════════════════════════════════════════════════ */

/* ─── SCORE HERO ─── */
.score-section{background:var(--white);padding:var(--sp6) 0}
.score-grid{display:grid;grid-template-columns:auto 1fr auto;gap:var(--sp6);align-items:center}
.score-big{
  background:var(--gray-50);border:1.5px solid var(--border);
  border-radius:var(--rxl);padding:var(--sp5);text-align:center;
  min-width:200px;
}
.score-number{
  font-family:'Manrope',sans-serif;font-weight:800;
  font-size:5rem;line-height:1;color:var(--navy);
}
.score-stars{font-size:1.4rem;color:#F59E0B;letter-spacing:3px;margin:var(--sp1) 0}
.score-count{font-size:0.85rem;color:var(--text-muted)}
.score-bars{flex:1}
.score-bar-row{display:flex;align-items:center;gap:var(--sp2);margin-bottom:8px}
.score-bar-row:last-child{margin-bottom:0}
.score-bar-label{font-size:0.8rem;font-weight:600;color:var(--text-muted);width:40px;text-align:right;flex-shrink:0}
.score-bar-track{flex:1;height:8px;background:var(--gray-100);border-radius:100px;overflow:hidden}
.score-bar-fill{height:100%;border-radius:100px;background:var(--orange);transition:width 1s ease}
.score-bar-pct{font-size:0.75rem;color:var(--text-muted);width:36px;flex-shrink:0}
.score-actions{display:flex;flex-direction:column;gap:var(--sp2);min-width:200px}

/* ─── FILTER TABS ─── */
.filter-section{background:var(--white);padding:var(--sp4) 0;border-bottom:1px solid var(--border);position:sticky;top:var(--nav-h);z-index:10}
.filter-inner{display:flex;align-items:center;gap:var(--sp2);flex-wrap:wrap}
.filter-label{font-size:0.82rem;font-weight:600;color:var(--text-muted);margin-right:var(--sp1)}
.filter-btn{
  display:inline-flex;align-items:center;gap:6px;
  padding:8px 18px;border-radius:100px;
  font-family:'DM Sans',sans-serif;font-size:0.85rem;font-weight:600;
  border:1.5px solid var(--border);background:var(--white);color:var(--text-muted);
  cursor:pointer;transition:background var(--tf),border-color var(--tf),color var(--tf);
  min-height:40px;
}
.filter-btn:hover{border-color:var(--orange);color:var(--orange)}
.filter-btn.active{background:var(--orange);border-color:var(--orange);color:#fff}
.filter-count{
  font-size:0.72rem;background:rgba(0,0,0,.08);
  border-radius:100px;padding:2px 7px;font-weight:700;
}
.filter-btn.active .filter-count{background:rgba(255,255,255,.2)}

/* ─── REVIEWS MASONRY GRID ─── */
.reviews-section-full{background:var(--gray-50);padding:var(--sp7) 0}
.reviews-masonry{
  columns:3;column-gap:var(--sp4);
  margin-top:var(--sp5);
}
.reviews-masonry .review-card{
  break-inside:avoid;margin-bottom:var(--sp4);
}
.review-featured{
  border-color:var(--orange);
  background:linear-gradient(135deg,var(--orange-pale) 0%,var(--white) 60%);
}
.review-featured-badge{
  display:inline-flex;align-items:center;gap:5px;
  font-size:0.72rem;font-weight:700;color:var(--orange);
  background:rgba(249,115,22,.1);border-radius:100px;
  padding:3px 10px;margin-bottom:var(--sp2);letter-spacing:.04em;text-transform:uppercase;
}

/* ─── ABOUT — COMPANY STORY ─── */
.about-section{background:var(--white);padding:var(--sp8) 0}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp7);align-items:center}
.about-photo{
  border-radius:var(--rxl);overflow:hidden;
  box-shadow:var(--sh-lg);position:relative;
  aspect-ratio:4/5;
}
.about-photo img{width:100%;height:100%;object-fit:cover}
.about-overlay{
  position:absolute;bottom:0;left:0;right:0;
  padding:var(--sp4);
  background:linear-gradient(to top,rgba(11,31,59,.95) 0%,transparent 100%);
}
.about-overlay-stat{
  font-family:'Manrope',sans-serif;font-weight:800;
  font-size:2.2rem;color:var(--orange);line-height:1;
}
.about-overlay-label{font-size:0.82rem;color:rgba(255,255,255,.55);margin-top:2px}
.about-content .subhead{margin-bottom:var(--sp5)}
.values-list{display:flex;flex-direction:column;gap:var(--sp3)}
.value-item{display:flex;gap:var(--sp3);align-items:flex-start}
.value-icon{
  width:40px;height:40px;border-radius:var(--rm);
  background:var(--orange-soft);color:var(--orange);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.value-body strong{
  font-family:'Manrope',sans-serif;font-weight:700;font-size:0.95rem;
  color:var(--navy);display:block;margin-bottom:3px;
}
.value-body p{font-size:0.85rem;color:var(--text-muted);line-height:1.65}

/* ─── OWNER BIO STRIP ─── */
.owner-section{background:var(--orange-pale);padding:var(--sp7) 0;border-top:1px solid rgba(249,115,22,.12);border-bottom:1px solid rgba(249,115,22,.12)}
.owner-inner{display:flex;align-items:center;gap:var(--sp7)}
.owner-photo{
  width:160px;height:160px;border-radius:50%;
  overflow:hidden;flex-shrink:0;
  border:4px solid var(--orange);
  box-shadow:var(--sh-lg);
}
.owner-photo img{width:100%;height:100%;object-fit:cover}
.owner-bio blockquote{
  font-family:'Manrope',sans-serif;font-style:italic;
  font-size:1.2rem;font-weight:600;color:var(--navy);
  line-height:1.6;margin-bottom:var(--sp3);
  border-left:4px solid var(--orange);padding-left:var(--sp3);
}
.owner-name{font-family:'Manrope',sans-serif;font-weight:800;font-size:0.95rem;color:var(--navy)}
.owner-title{font-size:0.82rem;color:var(--text-muted)}

/* ─── TEAM GRID ─── */
.team-section{background:var(--white);padding:var(--sp8) 0}
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp4);margin-top:var(--sp5)}
.team-card{
  background:var(--gray-50);border:1.5px solid var(--border);
  border-radius:var(--rxl);overflow:hidden;
  transition:box-shadow var(--tb),transform var(--tb);
}
.team-card:hover{box-shadow:var(--sh-md);transform:translateY(-3px)}
.team-photo{aspect-ratio:1;overflow:hidden;background:var(--navy)}
.team-photo img{width:100%;height:100%;object-fit:cover}
.team-info{padding:var(--sp3) var(--sp4)}
.team-name{font-family:'Manrope',sans-serif;font-weight:700;font-size:1rem;color:var(--navy)}
.team-role{font-size:0.82rem;color:var(--text-muted);margin-bottom:var(--sp2)}
.team-cert{
  display:inline-flex;align-items:center;gap:5px;
  font-size:0.75rem;font-weight:600;color:var(--orange);
  background:var(--orange-soft);border-radius:100px;
  padding:4px 10px;
}

/* Responsive */
@media(max-width:960px){
  .score-grid{grid-template-columns:1fr;gap:var(--sp4)}
  .score-bars{display:none}
  .score-actions{flex-direction:row;min-width:auto}
  .reviews-masonry{columns:2}
  .about-grid{grid-template-columns:1fr}
  .about-photo{display:none}
  .owner-inner{flex-direction:column;text-align:center}
  .owner-bio blockquote{border-left:none;padding-left:0;border-top:4px solid var(--orange);padding-top:var(--sp3)}
  .team-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .reviews-masonry{columns:1}
  .filter-section{position:static}
  .team-grid{grid-template-columns:1fr}
  .score-actions{flex-direction:column}
}