/* =========================================================
   LOCATION PAGES — hero, issues grid, service chips
========================================================= */

.loc-hero{
  position:relative;
  background:radial-gradient(circle at 15% 20%, var(--navy-2), var(--navy) 65%);
  color:var(--white);
  padding:80px 0 64px;
  overflow:hidden;
}
.loc-hero .container{position:relative;z-index:2;max-width:820px;}
.loc-hero .eyebrow{
  display:inline-block;color:var(--gold-2);font-weight:700;letter-spacing:1.5px;
  text-transform:uppercase;font-size:13px;margin-bottom:16px;
}
.loc-hero h1{font-size:40px;line-height:1.2;font-weight:800;}
.loc-hero p{margin-top:18px;color:#C9D7E8;font-size:16px;line-height:1.8;max-width:700px;}
.loc-hero .hero-buttons{margin-top:32px;}

/* Common issues section */
.loc-issues{background:var(--ice);}
.loc-issues-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:24px;
}
.loc-issue-card{
  background:var(--white);
  border:1px solid var(--border);
  border-radius:16px;
  padding:28px 24px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:14px;
  transition:.3s;
}
.loc-issue-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);}
.loc-issue-icon{
  width:48px;height:48px;border-radius:12px;
  background:linear-gradient(135deg, var(--sky), var(--navy-2));
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.loc-issue-icon i{font-size:20px;color:var(--white);}
.loc-issue-card p{color:var(--ink);font-size:15px;font-weight:500;line-height:1.6;margin:0;}

/* Services chips */
.loc-services{background:var(--white);}
.loc-chip-grid{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  justify-content:center;
}
.loc-chip{
  display:flex;align-items:center;gap:10px;
  background:var(--ice);
  border:1px solid var(--border);
  padding:14px 22px;
  border-radius:50px;
  font-weight:600;
  font-size:14.5px;
  color:var(--navy);
}
.loc-chip i{color:var(--sky);}
.loc-chip:hover{background:var(--navy);color:var(--white);}
.loc-chip:hover i{color:var(--gold-2);}

.loc-why{background:var(--ice);}

@media (max-width: 860px){
  .loc-hero h1{font-size:30px;}
  .loc-issues-grid{grid-template-columns:1fr;}
}