/* Versiya Servis — contact component (responsive)
   Component: #contacts / .contact / .contact-inner / .address
   Plain CSS only: no imports, no assets, no URLs.
   Gutters (1440: 84px / 768: 32px / 390: 16px) are supplied by the page
   .wrap; this file keeps the component flush inside it. */

#contacts{position:relative}

.contact{padding:0 0 65px}
.contact-inner{border-top:1px solid var(--line);padding-top:34px;display:flex;justify-content:space-between;gap:34px;font-size:18px;line-height:1.65;color:var(--muted)}
.contact-inner>div:first-child{flex:1 1 0;max-width:50%;min-width:0}
.contact strong{color:var(--ink)}
.contact a{color:#167e78;font-weight:700}
.address{flex:1 1 0;max-width:50%;min-width:0;text-align:right}

@media (max-width:900px){
  .contact-inner{gap:26px;font-size:17px}
}

@media (max-width:600px){
  .contact{padding-bottom:34px}
  .contact-inner{display:block;padding:22px 0 0;font-size:14px;line-height:1.7;text-align:left}
  .contact-inner>div:first-child{display:block;max-width:none}
  .contact a{display:inline-flex;align-items:center;min-height:44px;margin:-10px 0;padding:0 2px}
  .address{max-width:none;text-align:left;margin-top:10px}
}