/* blocks/header/block */
.site-header {
  height:111px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  border-bottom:1px solid var(--line);
  position:relative;
  z-index:5;
}

.desktop-nav {
  display:flex;
  gap:30px;
  margin-left:auto;
  margin-right:4vw;
  font-size:14px;
  font-weight:500;
}

.desktop-nav span {
  font-size:12px;
  color:#8b96a3;
  margin-left:2px;
}

.header-phone {
  display:flex;
  align-items:center;
  gap:16px;
  font-size:15px;
  font-weight:550;
  white-space:nowrap;
}

.header-phone svg {
  width:21px;
  height:21px;
}

@media(min-width:1600px) {
.desktop-nav {
  font-size:15px;
}
}

@media(max-width:1150px) {
.desktop-nav {
  gap:18px;
  margin-right:15px;
}
}

@media(max-width:900px) {
.site-header {
  height:90px;
}
.desktop-nav {
  display:none;
}
}

@media(max-width:640px) {
.site-header {
  height:82px;
  gap:12px;
}
.header-phone {
  font-size:12px;
  gap:7px;
  letter-spacing:-.1px;
}
.header-phone svg {
  width:16px;
  height:16px;
}
}

@media(max-width:360px) {
.header-phone {
  font-size:11px;
}
.header-phone svg {
  display:none;
}
}

.site-header {
  position:sticky;
  top:0;
  background:#f4f6f9ed;
  backdrop-filter:blur(12px);
  z-index:30;
}

@media(max-width:640px) {
.header-phone {
  font-size:13px;
}
}

@media(max-width:360px) {
.header-phone {
  font-size:11px;
}
}

.mobile-menu,.header-phone .header-phone-call {display:none}
@media(max-width:900px) {
  .site-header {gap:16px}
  .header-phone {margin-left:auto}
  .mobile-menu {display:block;flex:none}
  .mobile-menu summary {width:42px;height:42px;border:1px solid #cbd7e6;border-radius:7px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;cursor:pointer;list-style:none;color:#3f638c;background:#f8fbff}
  .mobile-menu summary::-webkit-details-marker {display:none}
  .mobile-menu summary span {display:block;width:18px;height:1px;background:currentColor;transition:transform .2s}
  .mobile-menu[open] summary {background:#e6eef9;border-color:#a8bedc}
  .mobile-menu[open] summary span:first-child {transform:translateY(3.5px) rotate(45deg)}
  .mobile-menu[open] summary span:last-child {transform:translateY(-3.5px) rotate(-45deg)}
  .mobile-menu summary:focus-visible {outline:3px solid #2366df;outline-offset:4px}
  .mobile-menu nav {position:absolute;top:calc(100% - 1px);right:0;width:min(365px,100%);max-height:calc(100vh - 100px);max-height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior:contain;padding:10px 18px 14px;background:#f9fbff;border:1px solid #cbd7e6;border-radius:0 0 10px 10px;box-shadow:0 16px 35px #1e426820}
  .mobile-menu nav a {display:flex;align-items:center;justify-content:space-between;min-height:48px;line-height:1.4;padding:12px 3px;border-bottom:1px solid #dce5ef;font-size:14px;color:#344e69}
  .mobile-menu nav a:last-child {border-bottom:0}
  .mobile-menu nav a:hover {color:var(--blue)}
}
@media(max-width:640px) {
  .site-header {gap:10px}
  .header-phone {font-size:12px}
  .header-phone .header-phone-arrow {display:none}
  .mobile-menu summary {width:40px;height:40px}
}
@media(max-width:380px) {
  .header-phone>span {display:none}
  .header-phone {margin-left:auto;width:36px;height:40px;justify-content:center;border:1px solid #cbd7e6;border-radius:7px;background:#f8fbff}
  .header-phone .header-phone-call {display:block;width:19px;height:19px}
}
@media(prefers-reduced-motion:reduce) {
  .mobile-menu summary span {transition:none}
}