/* ============================================================
   page-kontakty.css — контакты (/kontakty/). 1-в-1 с kontakty.dc.html.
   ============================================================ */
.contacts-grid{ display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.contact-card{ background: var(--c-dark); color: var(--c-white); border-radius: var(--r-lg); padding: 40px; }
.contact-card__label{ font-family: var(--font-head); letter-spacing: .3em; text-transform: uppercase; font-size: 13px; color: var(--c-green-soft); margin-bottom: 20px; }
.contact-card__phone{ color: var(--c-white); font-family: var(--font-head); font-size: clamp(30px,4vw,44px); letter-spacing: .03em; display: inline-block; margin-bottom: 20px; }
.contact-card__msgrs{ display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 26px; }
.contact-card__list{ display: flex; flex-direction: column; gap: 14px; font-size: 16px; color: var(--c-on-dark); border-top: 1px solid var(--bd-light-3); padding-top: 24px; }
.contact-card__list b{ color: var(--c-white); }
.contact-card__sync{ font-size: 13px; color: var(--c-on-dark-3); margin: 24px 0 0; line-height: 1.6; }
.addr-card{ background: var(--c-white); border: 1px solid var(--bd-dark); border-radius: var(--r-lg); padding: 40px; display: flex; flex-direction: column; gap: 22px; }
.addr-card__eyebrow{ font-family: var(--font-head); letter-spacing: .3em; text-transform: uppercase; font-size: 13px; color: var(--c-green); margin-bottom: 12px; }
.addr-card__addr{ font-size: 20px; line-height: 1.5; color: var(--c-text); margin: 0; }
.addr-card__note{ background: #F0EEE6; border: 1px solid var(--bd-dark); border-radius: var(--r-md); padding: 18px 20px; font-size: 15px; line-height: 1.6; color: #5A6663; }
.addr-card__near{ border-top: 1px solid var(--bd-dark); padding-top: 22px; }
.addr-card__near-list{ display: flex; flex-direction: column; gap: 10px; font-size: 16px; color: var(--c-graygreen); }

.maps-grid{ display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.maps-grid__label{ font-family: var(--font-head); font-size: 14px; letter-spacing: .06em; text-transform: uppercase; color: var(--c-graygreen); margin-bottom: 12px; }
.map-ph{ aspect-ratio: 4/3; border-radius: 18px; }

.route-grid{ display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
.route-card{ padding: 28px 26px; display: flex; flex-direction: column; gap: 10px; border-radius: 18px; }
.route-card span{ font-size: 26px; }

.contact-form{ background: var(--c-white); border-radius: 20px; padding: 32px; display: flex; flex-direction: column; gap: 16px; position: relative; }
.contact-form label{ display: block; font-size: 13px; color: #5A6663; margin-bottom: 6px; font-family: var(--font-body); }
.contact-form .form-control{ background: #F8F7F3; border: 1px solid rgba(23,27,26,.2); color: var(--c-text); }
.contact-form .form-control::placeholder{ color: #9AA09D; }
.contact-form__agree{ font-size: 12px; line-height: 1.5; color: #8a8f8c; margin: 0; text-align: center; }

@media (max-width: 900px){
  .contacts-grid, .maps-grid{ grid-template-columns: 1fr; }
  .route-grid{ grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 560px){ .route-grid{ grid-template-columns: 1fr; } }