/* Contacts page — scoped layout. Reuses global tokens from style.css. */
.contacts-page{padding:120px 0 40px}
.contacts-page .container{max-width:1200px;margin:0 auto;padding:0 20px}
.contacts-hero{margin-bottom:40px}
.contacts-hero h1{font-size:clamp(32px,5vw,56px);line-height:1.05;margin:0 0 18px}
.contacts-hero__intro{font-size:18px;line-height:1.6;max-width:760px;color:#3a3a3a}
.contacts-layout{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}
.contacts-info{display:flex;flex-direction:column;gap:18px}
.contact-card{display:flex;gap:14px;align-items:flex-start;padding:20px 22px;border:1px solid #e7e9f2;border-radius:16px;background:#fff;transition:box-shadow .2s,border-color .2s}
.contact-card:hover{border-color:#c9d0f7;box-shadow:0 8px 30px rgba(0,47,255,.08)}
.contact-card__icon{flex:0 0 auto;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#eef1fb;color:#002FFF}
.contact-card__icon svg{width:22px;height:22px}
.contact-card__body{min-width:0}
.contact-card__label{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#8a8fa3;margin:0 0 4px}
.contact-card__value{font-size:17px;font-weight:600;color:#111;word-break:break-word}
.contact-card__value a{color:#002FFF;text-decoration:none}
.contact-card__value a:hover{text-decoration:underline}
.contact-card__sub{display:block;font-size:14px;font-weight:400;color:#6a6f80;margin-top:2px}
.contacts-map{border-radius:18px;overflow:hidden;border:1px solid #e7e9f2;min-height:360px;background:#f4f6fd}
.contacts-map iframe{display:block;width:100%;height:100%;min-height:360px;border:0}
.contacts-map__link{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:14px;color:#002FFF;text-decoration:none}
.contacts-map__link:hover{text-decoration:underline}
.contacts-names{margin-top:6px;font-size:14px;color:#6a6f80}
.contacts-names strong{color:#111;font-weight:600}
.contacts-form-section{margin-top:56px}
.contacts-form-section .contacts{padding-top:0}
@media (max-width:900px){
    .contacts-layout{grid-template-columns:1fr;gap:24px}
    .contacts-page{padding:96px 0 30px}
}