.contacts-page, .contacts-page * { box-sizing: border-box; } .contacts-page { max-width: 1180px; margin: 0 auto; color: #2b2b2b; font-family: inherit; line-height: 1.6; } .contacts-section { margin: 0 0 48px; } .contacts-section:last-child { margin-bottom: 0; } .contacts-section__title { margin: 0 0 24px; padding-bottom: 12px; border-bottom: 1px solid #dddddd; color: #2b2b2b; font-size: 28px; font-weight: 600; line-height: 1.3; } .contacts-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } .contact-card { display: flex; flex-direction: column; min-width: 0; padding: 24px; background: #ffffff; border: 1px solid #dddddd; border-radius: 8px; } .contact-card–main { background: #f7f7f7; } .contact-card__title { margin: 0 0 18px; color: #252525; font-size: 21px; font-weight: 600; line-height: 1.35; } .contact-card__details { display: grid; gap: 12px; } .contact-card__row { display: grid; grid-template-columns: 90px minmax(0, 1fr); gap: 14px; align-items: start; } .contact-card__label { color: #707070; font-size: 14px; font-weight: 600; } .contact-card__value { min-width: 0; color: #333333; overflow-wrap: anywhere; } .contact-card a { color: #333333; font-weight: 500; text-decoration: underline; text-decoration-color: #bcbcbc; text-underline-offset: 3px; } .contact-card a:hover, .contact-card a:focus { color: #000000; text-decoration-color: #000000; } .contact-card__links { display: flex; flex-wrap: wrap; gap: 8px; margin-top: auto; padding-top: 22px; } .contact-card__button { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 8px 14px; border: 1px solid #bdbdbd; border-radius: 5px; background: #ffffff; color: #333333 !important; font-size: 14px; font-weight: 600 !important; line-height: 1.2; text-decoration: none !important; } .contact-card__button:hover, .contact-card__button:focus { border-color: #333333; background: #333333; color: #ffffff !important; } @media (max-width: 760px) { .contacts-grid { grid-template-columns: 1fr; } .contacts-section { margin-bottom: 38px; } .contacts-section__title { font-size: 24px; } .contact-card { padding: 20px; } .contact-card__row { grid-template-columns: 1fr; gap: 2px; } }