/* ==========================================================================
   Neighborhood Cutz  ·  neighborhoodcutz.com

   Design and development by NORTH CODE LLC
   https://northcodellc.com  ·  hello@northcodellc.com

   Copyright (c) 2026 North Code LLC. All rights reserved.
   Original work, licensed to Neighborhood Cutz for use on this domain.
   Not to be copied, republished or adapted for another site without
   written consent.
   ========================================================================== */

/* CONTACT */

/* ============================================================
   13. CONTACT
   Details on the left, map framed on the right.
   ============================================================ */
.contact-head { grid-column: 1 / 6; display: flex; flex-direction: column; gap: 1.5em; }
.contact-map { grid-column: 7 / 13; position: relative; aspect-ratio: 4/3; overflow: hidden; border: 1px solid var(--c-dark); }
.contact-map iframe { width: 100%; height: 100%; border: 0; filter: grayscale(1) contrast(1.05); }
.contact-block { display: flex; flex-direction: column; gap: .5em; }
.contact-label { color: var(--c-mute); }
.contact-big { font-family: var(--font-display); font-weight: 700; font-size: 1.5em; line-height: 1.1; letter-spacing: -.03em; }
.hours-list { display: flex; flex-direction: column; gap: .35em; }
.hours-row { display: flex; justify-content: space-between; gap: 1em; font-size: var(--t-tag); letter-spacing: .06em; padding: .15em 0; }
.hours-row.is-today { color: var(--c-brand); }
.chips { display: flex; flex-wrap: wrap; gap: .5em; }
.chip { border: 1px solid rgba(0,0,0,.25); padding: .5em .7em; font-size: var(--t-tag); letter-spacing: .06em; line-height: 1; }
@media (max-width: 991px) {
  .contact-head { grid-column: 1 / 13; }
  .contact-map { grid-column: 1 / 13; margin-top: 2.5em; }
}
@media (max-width: 767px) {
  .contact-head, .contact-map { grid-column: 1 / 5; }
}