@import url("./drpilus-services.css");

.localized-home-hero {
  min-height: min(760px, 82vh);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.clinical-team{max-width:1240px;margin:auto;padding:110px 0}.clinical-team[hidden]{display:none}.clinical-team>header{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:end;margin-bottom:42px}.clinical-team>header h2{margin-bottom:0}.clinical-team>header>p{color:#63767d}.clinical-team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.clinical-team-grid article{overflow:hidden;border:1px solid rgba(8,45,61,.13);background:#fff;box-shadow:0 16px 40px rgba(7,36,48,.08)}.clinical-team-grid article>img{aspect-ratio:4/4.5;object-fit:cover;background:#eef5f4}.clinical-team-grid article>div{padding:25px}.clinical-team-grid article span{display:block;color:#ef7c48;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.clinical-team-grid article h3{margin:7px 0 12px;color:#082d3d}.clinical-team-grid article p{margin:0;color:#63767d;font-size:13px}.clinical-team-grid article ul{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0 0;padding:0;list-style:none}.clinical-team-grid article li{padding:5px 9px;border-radius:20px;background:#eef5f4;color:#31515b;font-size:10px}@media(max-width:1100px){.clinical-team{padding:90px 28px}}@media(max-width:760px){.clinical-team{padding:75px 20px}.clinical-team>header{grid-template-columns:1fr;gap:14px}.clinical-team-grid{grid-template-columns:1fr}}

.localized-treatment-hub {
  padding: clamp(72px, 9vw, 132px) max(24px, calc((100vw - 1240px) / 2));
  background: #f7fafb;
}

.localized-treatment-hub > header {
  max-width: 720px;
  margin-bottom: clamp(34px, 5vw, 60px);
}

.localized-treatment-hub h2,
.localized-results h2 {
  margin: 10px 0 18px;
  color: #0a3040;
  font: 600 clamp(38px, 5vw, 66px)/1.02 Georgia, serif;
  letter-spacing: -.045em;
}

.localized-treatment-hub > header > p:last-child,
.localized-results p {
  color: #58707a;
  font-size: 17px;
  line-height: 1.7;
}

.localized-treatment-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.localized-treatment-grid a {
  position: relative;
  min-height: 430px;
  padding: 34px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
  border-radius: 26px;
  color: white;
  background: #103c4c var(--card-image) center/cover no-repeat;
  box-shadow: 0 22px 55px rgba(6, 42, 56, .13);
  isolation: isolate;
}

.localized-treatment-grid a::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg, rgba(4, 30, 40, .06) 25%, rgba(4, 30, 40, .9) 100%);
}

.localized-treatment-grid a span {
  color: #ff7945;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.localized-treatment-grid a strong {
  max-width: 340px;
  margin-top: 10px;
  font: 600 clamp(27px, 2.5vw, 38px)/1.08 Georgia, serif;
}

.localized-treatment-grid a i {
  width: 44px;
  height: 44px;
  margin-top: 22px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .48);
  border-radius: 50%;
  font-style: normal;
  transition: transform .2s ease, background .2s ease;
}

.localized-treatment-grid a:hover i { transform: translateX(5px); background: #ff7040; border-color: #ff7040; }

.localized-results {
  padding: clamp(72px, 9vw, 130px) max(24px, calc((100vw - 1240px) / 2));
  display: grid;
  grid-template-columns: .85fr 1.15fr;
  gap: clamp(36px, 7vw, 100px);
  align-items: center;
  background: white;
}

.localized-results > div { max-width: 530px; }
.localized-results .button { margin-top: 24px; }
.localized-results img { width: 100%; max-height: 560px; object-fit: contain; border-radius: 24px; background: #edf3f4; box-shadow: 0 24px 65px rgba(6, 42, 56, .12); }
.localized-home .inner-guide a { color: inherit; }
.legal-purpose > p { max-width: 820px; margin: 28px auto 0; color: #58707a; line-height: 1.7; }

@media (max-width: 900px) {
  .localized-treatment-grid { grid-template-columns: 1fr; }
  .localized-treatment-grid a { min-height: 330px; }
  .localized-results { grid-template-columns: 1fr; }
  .localized-results img { order: -1; max-height: 430px; }
}

@media (max-width: 560px) {
  .localized-home-hero { min-height: 650px; }
  .localized-treatment-hub, .localized-results { padding-left: 18px; padding-right: 18px; }
  .localized-treatment-grid a { min-height: 300px; padding: 26px; border-radius: 20px; }
}