.site-header { grid-template-columns:auto 1fr 158px 190px; }
.header-phone { display:flex; align-items:center; gap:11px; padding:3px 0 3px 18px; border:0; border-left:1px solid #b3c9e32b; background:none; color:#f7faff; font-family:Arial,Helvetica,sans-serif; text-align:left; text-decoration:none; white-space:nowrap; }
.header-phone-icon { display:grid; place-items:center; width:35px; height:35px; flex:0 0 35px; border-radius:50%; background:#2b6af01c; }
.header-phone-icon img { width:17px; height:17px; }
.header-phone-label { display:block; font-size:10px; line-height:1.2; font-weight:700; letter-spacing:1.1px; color:#aebfd3; margin-bottom:5px; }
.header-phone-number { display:block; font-size:17px; line-height:1; font-weight:700; letter-spacing:-.3px; }
.header-phone:focus-visible { outline:3px solid #fff; outline-offset:4px; }
@media (min-width:701px) and (max-width:900px) {
  .site-header { grid-template-columns:auto 1fr 158px; }
  .header-phone { position:absolute; right:22px; top:91px; padding:8px 12px; border:1px solid #ffffff22; border-radius:6px; background:#031326e8; }
}
@media (max-width:700px) {
  body:has(> .marketing-page) .site-header { height:120px; grid-template-columns:38px 1fr 38px; grid-template-rows:60px 44px; }
  .header-phone { grid-column:1/-1; grid-row:2; width:100%; justify-content:space-between; padding:10px 0; border-left:0; border-top:1px solid #ffffff20; }
  .header-phone-icon { display:none; }
  .header-phone-text { width:100%; display:flex; justify-content:space-between; align-items:center; gap:8px; }
  .header-phone-label { margin:0; font-size:10px; letter-spacing:.8px; }
  .header-phone-number { font-size:17px; }
  .hero-inner { padding-top:136px; }
}