@font-face{font-family:'Manrope';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/manrope-400.woff2') format('woff2')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/manrope-500.woff2') format('woff2')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/manrope-600.woff2') format('woff2')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/manrope-700.woff2') format('woff2')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:800;font-display:swap;src:url('/fonts/manrope-800.woff2') format('woff2')}

.nav-drop{position:relative;display:inline-flex;align-items:center}
.nav-drop > a{display:inline-flex;align-items:center;gap:6px}
.nav-arr{width:0;height:0;border-left:3.5px solid transparent;border-right:3.5px solid transparent;border-top:4.5px solid currentColor;opacity:.5;transition:transform .2s ease,opacity .2s}
.nav-drop:hover .nav-arr{transform:rotate(180deg);opacity:.85}
.nav-menu{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%,-8px);min-width:236px;padding:10px;
  background:#fff;border:1px solid rgba(26,26,26,.06);border-radius:16px;
  box-shadow:0 2px 6px rgba(20,20,20,.04),0 16px 44px rgba(20,20,20,.14);
  display:flex;flex-direction:column;gap:1px;opacity:0;visibility:hidden;
  transition:opacity .2s ease,transform .2s ease,visibility .2s;z-index:200}
.nav-drop:hover .nav-menu,.nav-drop:focus-within .nav-menu{opacity:1;visibility:visible;transform:translate(-50%,0)}
.nav-menu:before{content:"";position:absolute;top:-12px;left:0;right:0;height:14px}
.nav-menu:after{content:"";position:absolute;top:-6px;left:50%;margin-left:-6px;width:12px;height:12px;background:#fff;
  border-left:1px solid rgba(26,26,26,.06);border-top:1px solid rgba(26,26,26,.06);transform:rotate(45deg);border-radius:2px 0 0 0}
.nav-menu a{position:relative;display:flex;align-items:center;padding:10px 14px;border-radius:11px;font-size:14.5px;font-weight:500;
  color:var(--g800,#333);white-space:nowrap;transition:background .16s,color .16s,padding-left .16s}
.nav-menu a:hover{background:#FBF9F5;color:var(--red,#D6001C);padding-left:18px}
.nav-menu a.on{color:var(--red,#D6001C)}
.nav-menu .nm-sep{height:1px;background:rgba(26,26,26,.07);margin:6px 10px}
@media(max-width:1100px){.nav-drop .nav-menu{display:none}}

.mobile-overlay .mm-contacts{margin-top:auto;padding-top:22px;display:flex;flex-direction:column;gap:10px}
.mobile-overlay .mm-contacts a{border:none;padding:0;display:flex;align-items:center;gap:12px}
.mobile-overlay .mm-tel{font-size:26px;font-weight:800;letter-spacing:-.02em;color:var(--g900,#1A1A1A)}
.mobile-overlay .mm-mail{font-size:17px;font-weight:600;color:var(--g700,#4A4A4A);word-break:break-all}
.mobile-overlay .mm-ico{flex:0 0 40px;width:40px;height:40px;border-radius:12px;background:#FFF3C4;
  display:flex;align-items:center;justify-content:center}
.mobile-overlay .mm-ico svg{width:20px;height:20px}
.mobile-overlay .mm-tel:hover,.mobile-overlay .mm-mail:hover{color:var(--red,#D6001C)}