/* Shared quick contact bar for the selected Methena template. */
html{scroll-padding-top:146px}
.site-header{position:sticky;top:0;z-index:30;background:#fff}
.site-header .nav{position:relative;top:auto;z-index:auto}
.utility-bar{background:#2c2e8c;color:#f5f7ff;font-size:12px;border-bottom:1px solid #ffffff24}
.utility-bar .wrap{min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.utility-contacts{display:flex;align-items:center;gap:26px;min-width:0}
.utility-contact{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;line-height:1.5}
.utility-contact svg{width:17px;height:17px;flex:none}
.utility-contact:hover{color:#c3ddff}
.utility-label{display:none}
.utility-socials{display:flex;align-items:center;gap:8px;flex:none}
.utility-social{display:grid;place-items:center;width:27px;height:27px;border:1px solid #ffffff60;border-radius:50%;color:#f5f7ff;transition:color .18s,background .18s,border-color .18s}
.utility-social svg{display:block;width:14px;height:14px;fill:currentColor}
.utility-social:hover{background:#2353cd;border-color:#c3ddff;color:#fff}
.utility-bar a:focus-visible{outline:2px solid #c3ddff;outline-offset:4px}
@media(max-width:900px){.utility-bar{font-size:11px}.utility-contacts{gap:17px}.utility-bar .wrap{gap:16px}}
@media(max-width:680px){
  html{scroll-padding-top:156px}
  .utility-bar .wrap{min-height:70px;flex-direction:column;justify-content:center;gap:8px;padding:8px 0}
  .utility-contacts{gap:24px}
  .utility-value{display:none}
  .utility-label{display:inline}
  .utility-contact{gap:7px;font-size:12px}
  .utility-socials{gap:11px}
  .utility-social{width:24px;height:24px}
  .utility-social svg{width:13px;height:13px}
}
@media(prefers-reduced-motion:reduce){.utility-social{transition:none}}