.contact{background:#fbfdfc}
.contact .contact-layout{max-width:1080px;display:grid;gap:64px}
.contact .contact-location{text-align:center}
.contact .contact-location h3{margin-top:30px;font-size:1.25rem}
.contact .contact-location address{margin:12px 0 26px;font-size:1rem;line-height:1.7}
.contact .contact-map{height:360px;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:var(--pale);box-shadow:0 18px 48px #123e3b0d}
.contact .contact-map iframe{display:block;width:100%;height:100%;border:0}
.contact .contact-location>.action-button{margin-top:22px}
.contact .contact-hours{padding-top:2px}
.contact .contact-hours>h3,.contact .contact-instagram>h3{text-align:center;font-size:clamp(1.65rem,2.6vw,2.15rem);letter-spacing:-.04em}
.contact .hours-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:28px 0}
.contact .hours-card{min-height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;border:1px solid var(--line);border-radius:20px;background:#fff;text-align:center;box-shadow:0 12px 34px #123e3b08}
.contact .hours-card dt{font-family:Manrope,Arial,sans-serif;font-size:1.12rem;font-weight:700;color:var(--deep)}
.contact .hours-card dd{margin:8px 0 0;font-family:Manrope,Arial,sans-serif;font-size:1.35rem;font-weight:600;color:var(--teal)}
.contact .emergency{max-width:760px;margin:32px auto 0;padding:30px;text-align:center;border:1px solid #b7dcd4;border-radius:20px;background:var(--pale)}
.contact .emergency h3{margin:0;font-size:1.2rem;color:var(--deep)}
.contact .emergency p{margin:10px 0 20px;font-size:1rem}
.contact .emergency>.action-button{margin:0;font-size:1rem;color:#fff}
.contact .contact-instagram{padding-top:56px;border-top:1px solid var(--line);text-align:center}
.contact .contact-instagram p{max-width:650px;margin:18px auto 24px;font-size:1rem}
.contact .contact-instagram .action-button{margin:0}

@media(max-width:700px){
  .contact .contact-layout{gap:48px}
  .contact .contact-location h3{margin-top:24px}
  .contact .contact-map{height:300px;border-radius:20px}
  .contact .contact-location>.action-button,.contact .emergency>.action-button,.contact .contact-instagram .action-button{width:100%}
  .contact .hours-cards{grid-template-columns:1fr;gap:14px;margin:22px 0}
  .contact .hours-card{min-height:112px;padding:20px}
  .contact .emergency{margin-top:24px;padding:25px 20px}
  .contact .contact-instagram{padding-top:44px}
}