.contacts{display:flex;flex-wrap:wrap;padding-top:20px;gap:30px 0}
.contacts__map,.contacts__details{width:50%}
.contacts__map iframe{width:600px;max-width:100%;height:400px;border:0}
.contacts__details{padding-left:20px}
.contacts__group{padding-bottom:30px}
.contacts h2{font-size:24px;padding-bottom:10px}
.contacts__item{display:flex;padding-bottom:8px;overflow-wrap:anywhere}
.contacts__item .icon{width:20px;height:20px;margin:3px 10px 0 0;flex-shrink:0}
.contacts__item .title{font-weight:600;margin-right:10px;flex-shrink:0}
.contacts .complaints{width:100%;padding-bottom:30px}
.footer{overflow:hidden;background:var(--accent);font-size:14px;margin-top:32px;padding:0 20px 24px;color:#333}
.footer__content{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:1600px;margin:auto;gap:0 20px}
.footer h2{font-family:Roboto,Arial,sans-serif;font-size:18px;font-weight:400;text-align:center;padding:19px 0;position:relative}
.footer h2::before,.footer h2::after{content:"";position:absolute;left:50%;width:100vw;transform:translateX(-50%);border-top:1px solid var(--accent-strong);pointer-events:none}
.footer h2::before{top:0}.footer h2::after{bottom:0}
.footer p{padding:16px 0}
.footer iframe{width:100%;max-width:360px;height:360px;border:0}
.footer img{width:20px;height:20px}
.footer__phone{display:flex;flex-wrap:wrap;gap:10px 20px;padding:16px 0 0 15%}
.footer__phone h3{width:100%;font-size:20px}
.footer__contacts{margin-top:28px;padding-left:15%}
.footer__contacts__item{display:flex;align-items:center;margin-bottom:5px;overflow-wrap:anywhere}
.footer__contacts__item img{margin-right:10px;flex-shrink:0}
.footer__payments{grid-column:2/5;display:flex;align-items:center;gap:24px;margin-top:-90px;align-self:end;padding-bottom:20px}
.footer__payments__systems{display:flex;align-items:center;flex-wrap:wrap;gap:16px}
.footer__payments img{width:auto;height:auto;max-height:50px;max-width:118px}
.footer__payments a{display:block;flex-shrink:0}
@media(max-width:1100px){.contacts__map,.contacts__details{width:100%}.contacts__details{padding-left:0}.contacts__map iframe{width:100%}.footer__content{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.footer__payments{grid-column:1/-1;margin-top:0;padding-bottom:0;flex-wrap:wrap}}
@media(max-width:600px){.contacts h2{font-size:21px}.contacts__map iframe{height:280px}.contacts__item .title{flex-shrink:1}.footer__content{grid-template-columns:1fr}.footer__phone,.footer__contacts{padding-left:0}.footer iframe{max-width:none;height:280px}.footer__payments{grid-column:1}}
