/* Shared service navigation for the landing and dedicated-server pages. */
.nav{gap:24px}
.navlinks{align-items:center;gap:20px}
.navlinks>a,.services-menu>summary{display:inline-flex;align-items:center;gap:7px;min-height:40px;font-weight:550}
.navlinks>a{color:inherit;transition:color .18s}
.navlinks>a:hover{color:var(--cyan)}
.services-menu{position:relative}
.services-menu>summary{list-style:none;cursor:pointer;user-select:none;transition:color .18s}
.services-menu>summary::-webkit-details-marker{display:none}
.services-menu>summary:hover,.services-menu[open]>summary{color:var(--cyan)}
.menu-chevron{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s}
.services-menu[open] .menu-chevron{transform:rotate(180deg)}
.services-dropdown{position:absolute;inset-inline-start:0;top:calc(100% + 10px);width:284px;padding:8px;background:#11253e;border:1px solid #2a4360;border-radius:14px;box-shadow:0 18px 50px #020b1b66;z-index:40;white-space:normal}
.services-dropdown::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.header-telegram[href]{cursor:pointer;transition:color .18s}
.header-telegram[href]:hover{color:var(--cyan)}
.service-option{display:flex;width:100%;align-items:center;gap:12px;min-height:59px;padding:12px;border:0;border-radius:9px;background:transparent;color:#e0ebf7;font:550 13px/1.6 Vazirmatn,Tahoma,sans-serif;text-align:right}
.service-option>svg{width:21px;height:21px;flex-shrink:0;fill:none;stroke:#8dc9e4;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
a.service-option:hover,a.service-option:focus-visible{background:#64d4f610;color:#a5e9fc}
.service-option:disabled{color:#a4b6cb;opacity:1;cursor:default}
.service-option+.service-option{border-top:1px solid #ffffff08}
.service-soon{margin-inline-start:auto;flex-shrink:0;padding:3px 8px;border:1px solid #64d4f62b;border-radius:6px;color:var(--cyan);background:#64d4f60b;font-size:10px;font-weight:650}
@media(min-width:901px) and (max-width:1100px){.nav{gap:17px}.navlinks{gap:14px;font-size:12px}.header-contacts{gap:12px}}
@media(max-width:900px){.navlinks{gap:17px}.navlinks>a,.services-menu>summary{min-height:32px}}
@media(max-width:600px){
  html{scroll-padding-top:160px}
  .nav{min-height:145px;row-gap:3px;padding-block:10px 8px}
  .navlinks{grid-column:1/-1;grid-row:2;justify-content:space-between;gap:12px;font-size:12px;margin:0}
  .header-contacts{grid-column:1/-1;grid-row:3;gap:17px;justify-self:end}
  .header-telegram>span{display:inline;font-size:10px}
  .header-telegram{width:auto;gap:5px}
  .header-telegram svg{width:16px;height:16px}
  .services-menu{position:static}
  .services-dropdown{inset-inline:18px;top:calc(100% + 5px);width:auto}
}