/* Контакти: сітка карток (2026-10-26) */
#contacts .contacts-grid{margin-top:3rem;display:grid;grid-template-columns:1fr;gap:1rem}
#contacts .contact-card{position:relative;display:flex;flex-direction:column;padding:1.5rem 1.5rem 1.625rem;background:color-mix(in oklab,var(--color-surface) 55%,#fff);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft-md);min-width:0}
#contacts .contact-card .eyebrow{margin-bottom:.875rem}
#contacts .contact-card .contact-link{margin-top:0}
#contacts .contact-card--address .contact-link{display:block}
#contacts .contact-dir{display:inline-flex;align-items:center;gap:.375rem;margin-top:1rem;padding:.5rem .95rem;border:1px solid color-mix(in oklab,var(--color-accent) 35%,var(--color-border));border-radius:var(--radius-pill);background:color-mix(in oklab,var(--color-accent) 7%,transparent);color:var(--color-accent);font-size:.8125rem;font-weight:500;line-height:1.2;transition:background var(--dur-1) var(--ease-soft),border-color var(--dur-1) var(--ease-soft)}
#contacts .contact-card--address .contact-link:hover .contact-dir{background:color-mix(in oklab,var(--color-accent) 13%,transparent);border-color:var(--color-accent)}
#contacts .contact-card--phone .contact-link--phone{font-size:1.5rem}
#contacts .contact-card--phone p{margin-top:.625rem!important}
#contacts .contact-socials{display:flex;flex-wrap:wrap;gap:.625rem}
#contacts .contact-socials .social-pill{max-width:100%}
#contacts .contact-card--schedule .schedule-table{max-width:none;margin-top:.875rem}
#contacts .contact-card--schedule #contacts-status{margin-top:0}
#contacts .schedule-table th,#contacts .schedule-table td{padding:.6rem .75rem}
#contacts .schedule-table tr:last-child th,#contacts .schedule-table tr:last-child td{border-bottom:0}
#contacts .schedule-table tr.is-today th:first-child{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}
#contacts .schedule-table tr.is-today td:last-child{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}
#contacts .contacts-map .map-frame{border-radius:var(--radius-xl)!important;aspect-ratio:4/3}
@media (min-width:768px){
  #contacts .contacts-grid{grid-template-columns:1fr 1fr;gap:1.25rem}
  #contacts .contact-card{padding:1.75rem 1.75rem 1.875rem}
  #contacts .contact-socials{flex-direction:column;flex-wrap:nowrap;align-items:stretch}
  #contacts .contact-socials .social-pill{width:100%}
  #contacts .contact-socials .social-pill>.social-pill-sub:last-child{margin-left:auto}
  #contacts .contacts-map{grid-column:1/-1}
  #contacts .contacts-map .map-frame{aspect-ratio:auto!important;height:340px}
}
@media (min-width:1024px){
  #contacts .contacts-grid{grid-template-columns:1fr 1fr 1.15fr;gap:1.5rem}
  #contacts .contacts-map{grid-column:3;grid-row:1/span 2;display:flex}
  #contacts .contacts-map .map-frame{height:auto;width:100%;min-height:100%}
}