.contact-main{max-width:1080px}
.contact-heading{padding:62px 0 48px}
.contact-heading h1{font:400 42px/1.5 var(--serif);letter-spacing:-.04em;margin:0}
.contact-heading p{font-size:14px;color:#746b5e;line-height:2;margin:16px 0 0}
.contact-online{display:grid;grid-template-columns:28% 72%;gap:0;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:33px 0}
.contact-main h2{font:400 24px/1.6 var(--serif);letter-spacing:-.03em;margin:0}
.contact-store-links{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.contact-store-links a{border:1px solid #bdb8ab;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:62px;padding:18px 24px;font-size:14px;transition:background 180ms,border-color 180ms}
.contact-store-links a:hover{background:#f7f8f3;border-color:var(--brand-mark)}
.contact-store-links a span{font-size:18px}
.contact-details{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding:42px 0 0}
.contact-details>section+section{border-left:1px solid var(--line);padding-left:48px}
.contact-phone{display:inline-block;font:400 31px/1.6 var(--serif);letter-spacing:.01em;margin-top:15px}
.contact-details p{font-size:12px;color:#81776b;line-height:1.9;margin:13px 0 0}
.contact-details address{font-style:normal;font-size:14px;line-height:1.9;margin:20px 0 16px}
.contact-map{font-size:12px!important}
@media(max-width:760px){
 .contact-heading{padding:40px 0 31px}
 .contact-heading h1{font-size:32px}
 .contact-heading p{font-size:12px;margin-top:13px}
 .contact-online{grid-template-columns:1fr;gap:21px;padding:26px 0}
 .contact-main h2{font-size:22px}
 .contact-store-links{gap:12px}
 .contact-store-links a{font-size:12px;min-height:58px;padding:15px 17px}
 .contact-details{gap:28px;padding-top:29px}
 .contact-details>section+section{padding-left:24px}
 .contact-phone{font-size:24px;margin-top:13px;white-space:nowrap}
 .contact-details address{font-size:12px;margin:16px 0 14px}
 .contact-details p{font-size:11px}
}
@media(max-width:560px){
 .contact-store-links,.contact-details{grid-template-columns:1fr}
 .contact-details{gap:27px}
 .contact-details>section+section{border-left:0;border-top:1px solid var(--line);padding:27px 0 0}
 .contact-phone{font-size:28px}
}