/* ============================================================
   Fahavi — Contact page  (fahavi-contact.css)
   Matched to the user's reference layout: 2-col tiles with
   inline icon+title heads, wide hours tile, map card below.
   ============================================================ */

.fahavi-contact .ct-container, .fahavi-contact .ct-container-full { width: 100%; max-width: none; }
.fahavi-contact .entry-content > * { width: 100%; max-width: none !important; margin-inline: 0 !important; }
/* container cap must out-specify the reset above */
.fahavi-contact .entry-content > .fh-ct,
.fh-ct { width: min(100% - clamp(32px, 4vw, 64px), 900px); margin-inline: auto !important; padding-bottom: 56px; }

.fh-ct__head { padding: 26px 0 18px; }
.fh-ct__crumb { display: flex; gap: 8px; font-size: 13px; color: var(--fh-muted); }
.fh-ct__crumb a { color: var(--fh-muted); text-decoration: none; }
.fh-ct__crumb a:hover { color: var(--fh-navy); }
.fh-ct__head h1 { margin: 8px 0 6px; font-size: clamp(26px, 3vw, 34px); font-weight: 800; color: var(--fh-ink); }
.fh-ct__lede { margin: 0; font-size: 15px; color: var(--fh-muted); }

.fh-ct__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.fh-ct__tile { background: #fff; border: 1px solid var(--fh-border); border-radius: 12px; padding: 20px 22px; }
.fh-ct__tile--wide { grid-column: 1 / -1; }
.fh-ct__tilehead { display: flex; align-items: center; gap: 12px; margin-bottom: 8px; }
.fh-ct__ico { display: inline-flex; color: var(--fh-navy); flex: none; }
.fh-ct__ico svg { width: 21px; height: 21px; }
.fh-ct__tilehead h2 { margin: 0; font-size: 15.5px; font-weight: 700; color: var(--fh-ink); }
.fh-ct__tile p { margin: 0; padding-left: 33px; font-size: 14px; line-height: 1.6; color: #55607A; }
.fh-ct__tile a { color: var(--fh-navy); font-weight: 600; text-decoration: none; }
.fh-ct__tile a:hover { text-decoration: underline; }

.fh-ct__map { margin-top: 18px; border-radius: 12px; overflow: hidden; border: 1px solid var(--fh-border); }
.fh-ct__map iframe { display: block; width: 100%; height: 340px; border: 0; }

@media (max-width: 620px) {
  .fh-ct__grid { grid-template-columns: 1fr; }
  .fh-ct__map iframe { height: 270px; }
}