.contacts-intro { padding: 58px 0 38px; max-width: 1200px; }
.contacts-intro h1 { font-size: clamp(34px, 4.5vw, 54px); line-height: 1.15; letter-spacing: -1.7px; margin: 22px 0 18px; }
.contacts-intro>p { max-width: 670px; font-size: 17px; line-height: 1.8; color: var(--secondary); margin: 0; }
.contacts-page nav [aria-current="page"] { text-decoration: underline; text-underline-offset: 7px; }
.contact-methods { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
.contact-card { min-width: 0; padding: 32px; background: white; border: 1px solid var(--border); border-radius: 20px; }
.contact-icon { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 15px; color: var(--primary); background: #eaf2ed; }
.contact-icon .ui-icon { width: 26px; height: 26px; }
.contact-card h2 { font-size: 24px; margin: 22px 0 10px; letter-spacing: -.4px; }
.contact-card p { color: var(--secondary); margin: 0 0 20px; line-height: 1.7; }
.contact-address { display: block; width: fit-content; font-size: 21px; font-weight: 650; color: var(--primary); margin-bottom: 24px; overflow-wrap: anywhere; }
.contact-card .ui-button { min-height: 46px; }
.contacts-about { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 56px; padding: 64px 0; }
.contacts-about>div { min-width: 0; }
.contacts-about h2 { font-size: 32px; line-height: 1.25; letter-spacing: -.8px; margin: 12px 0 20px; }
.contacts-about p { color: var(--secondary); font-size: 15px; line-height: 1.8; }
.contacts-about ul { list-style: none; padding: 0; margin: 24px 0 0; display: grid; gap: 16px; }
.contacts-about li { display: flex; align-items: flex-start; gap: 12px; color: var(--secondary); line-height: 1.6; }
.contacts-about li .ui-icon { color: var(--success); margin-top: 1px; width: 19px; height: 19px; }
.contacts-support { background: #eaf1ed; padding: 30px; border-radius: 20px; }
.contacts-support h3 { font-size: 22px; margin: 0; }
@media(max-width:640px) { .contacts-intro { padding: 28px 0; } .contacts-intro>p { font-size: 15px; } .contact-methods { grid-template-columns: minmax(0,1fr); gap: 16px; } .contact-card { padding: 24px; } .contact-address { font-size: 19px; } .contacts-about { grid-template-columns: minmax(0,1fr); gap: 26px; padding: 38px 0; } .contacts-about h2 { font-size: 28px; } .contacts-support { padding: 24px; } }