/* V53 — ServerPlus architectural product navigation */
.p-sub{
  --dock-ink:#071923;
  --dock-ink-2:#0a2633;
  --dock-stone:#f2f0e9;
  --dock-line:rgba(210,224,230,.16);
  --dock-orange:#f46f2a;
  top:12px;
  height:92px;
  filter:none;
}
.p-sub>.shell,
.theme-hosting .p-sub>.shell,
.theme-vds .p-sub>.shell,
.theme-dedicated .p-sub>.shell,
.theme-corporate .p-sub>.shell{
  width:min(1280px,calc(100% - 40px));
  height:92px!important;
  grid-template-columns:148px minmax(0,1fr) 166px!important;
  gap:18px!important;
  padding:8px 12px!important;
  overflow:visible!important;
  border:1px solid #294450!important;
  border-radius:14px!important;
  background:linear-gradient(104deg,var(--dock-ink) 0%,var(--dock-ink-2) 55%,#091d28 100%)!important;
  box-shadow:0 18px 44px rgba(3,18,27,.27),0 1px 0 rgba(255,255,255,.04) inset!important;
  backdrop-filter:none;
}
.p-sub>.shell:before{
  left:160px;
  right:184px;
  top:-1px;
  height:1px;
  border-radius:0;
  background:linear-gradient(90deg,var(--dock-orange) 0 68px,rgba(255,255,255,.18) 68px 100%);
  box-shadow:none;
}
.p-sub>.shell:after{display:none!important}
.p-sub>.shell>div.dock-identity{
  height:76px;
  padding:0 17px 0 1px!important;
  display:flex!important;
  align-items:center;
  border-right:1px solid var(--dock-line);
}
.dock-identity>em{
  width:132px;
  height:42px;
  flex:0 0 132px;
  border:0;
  border-radius:0;
  background:url("assets/serverplus-logo-transparent.png?v=53") center/contain no-repeat;
  box-shadow:none;
  color:transparent;
  font-size:0;
}
.dock-identity>em:before,.dock-identity>em:after{display:none!important}
.dock-identity>span{display:none!important}
.p-sub>.shell>div.dock-navigation{
  height:76px;
  min-width:0;
  grid-template-rows:45px 29px;
  gap:2px!important;
}
.p-sub .dock-navigation>.product-quicknav{
  height:45px;
  min-width:0;
  padding:0!important;
  gap:5px!important;
  overflow-x:auto!important;
  border:0;
  border-bottom:1px solid var(--dock-line);
  border-radius:0;
  background:transparent;
  box-shadow:none;
  scrollbar-width:none;
  scroll-padding-inline:8px;
}
.p-sub .dock-navigation>.product-quicknav::-webkit-scrollbar{display:none}
.dock-product-label{
  height:43px;
  padding:0 14px 0 1px;
  display:flex!important;
  align-items:center;
  flex:0 0 auto;
  border-right:1px solid var(--dock-line);
  color:#8196a1;
  font-size:7px;
  font-weight:950;
  letter-spacing:.15em;
}
.p-sub .dock-navigation>.product-quicknav>a,
.p-sub .dock-navigation>.product-quicknav>a.is-current{
  position:relative;
  min-height:37px;
  height:37px;
  flex:0 0 auto;
  padding:0 10px!important;
  gap:8px;
  border:1px solid transparent!important;
  border-radius:6px;
  background:transparent!important;
  box-shadow:none!important;
  color:#9eb0b9!important;
  font-size:11.5px;
  font-weight:790;
  letter-spacing:.005em;
}
.p-sub .product-quicknav a em,
.p-sub .product-quicknav a.is-current em{
  width:21px;
  height:21px;
  flex:0 0 21px;
  display:grid;
  place-items:center;
  border:1px solid rgba(210,224,230,.17);
  border-radius:4px;
  background:#102d3b;
  box-shadow:none;
  color:#a7bac3;
  font-size:7px;
  font-style:normal;
  font-weight:950;
}
.p-sub .dock-navigation>.product-quicknav>a:hover{
  border-color:rgba(210,224,230,.14)!important;
  background:rgba(255,255,255,.035)!important;
  color:#fff!important;
  transform:none;
}
.p-sub .dock-navigation>.product-quicknav>a.is-current{
  border-color:#d8d7d1!important;
  background:var(--dock-stone)!important;
  color:#0a202c!important;
  box-shadow:0 8px 18px rgba(0,0,0,.16)!important;
}
.p-sub .product-quicknav a.is-current em{
  border-color:var(--dock-orange);
  background:var(--dock-orange);
  color:#fff;
}
.p-sub .product-quicknav a.is-current:after{display:none!important}
.p-sub>.shell .dock-sections{
  height:29px;
  min-width:0;
  padding:0!important;
  gap:20px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  scrollbar-width:none;
  scroll-padding-inline:8px;
}
.p-sub>.shell .dock-sections::-webkit-scrollbar{display:none}
.dock-section-label{
  position:static;
  height:28px;
  padding:0 14px 0 1px;
  border-right:1px solid var(--dock-line);
  background:transparent;
  color:var(--dock-orange);
  font-size:7px;
  font-weight:950;
  letter-spacing:.14em;
}
.p-sub>.shell .dock-sections>a{
  position:relative;
  min-height:28px!important;
  height:28px;
  padding:0!important;
  border-radius:0;
  background:transparent!important;
  color:#90a3ad;
  font-size:10.5px;
  font-weight:740;
  white-space:nowrap;
}
.p-sub>.shell .dock-sections>a:hover{background:transparent!important;color:#fff;transform:none}
.p-sub>.shell .dock-sections>a.is-active{background:transparent!important;color:#fff}
.p-sub>.shell .dock-sections>a.is-active:after{
  left:0;
  right:0;
  bottom:0;
  height:1px;
  background:var(--dock-orange);
  box-shadow:none;
}
.p-sub>.shell>.dock-price,
.theme-hosting .p-sub>.shell>.dock-price,
.theme-vds .p-sub>.shell>.dock-price,
.theme-dedicated .p-sub>.shell>.dock-price,
.theme-corporate .p-sub>.shell>.dock-price{
  position:relative;
  height:70px;
  padding:0 8px 0 15px;
  border:1px solid var(--dock-line);
  border-radius:9px 3px 9px 3px;
  background:#0b2a38;
  color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.p-sub>.shell>.dock-price:before{
  content:"";
  display:block;
  position:absolute;
  left:0;
  top:11px;
  bottom:11px;
  width:2px;
  border-radius:0;
  background:var(--dock-orange);
  box-shadow:none;
}
.p-sub>.shell>.dock-price:hover{border-color:rgba(244,111,42,.42);background:#10313f;transform:translateY(-1px)}
.dock-price>span{gap:6px}
.dock-price small{font-size:7px;color:#91a4ae;letter-spacing:.12em}
.dock-price strong{font-size:19px;color:#fff;letter-spacing:-.025em}
.dock-price>i,.theme-dedicated .dock-price>i{
  width:36px;
  height:36px;
  flex-basis:36px;
  border-radius:7px 3px 7px 3px;
  background:var(--dock-orange);
  color:#fff;
  box-shadow:none;
  font-size:15px;
}
.p-sub a:focus-visible{outline:2px solid #fff;outline-offset:-3px}
main [id]{scroll-margin-top:112px}

@media(max-width:1180px) and (min-width:901px){
  .p-sub>.shell{grid-template-columns:minmax(0,1fr) 166px!important}
  .p-sub>.shell>div.dock-identity{display:none!important}
  .p-sub>.shell:before{left:14px;right:184px}
  .dock-product-label{display:none!important}
  .p-sub .dock-navigation>.product-quicknav{gap:7px!important}
}
@media(max-width:900px) and (min-width:651px){
  .p-sub{height:82px}
  .p-sub>.shell{height:82px!important;grid-template-columns:minmax(0,1fr)!important;padding:7px 11px!important;border-radius:13px!important}
  .p-sub>.shell:before{left:12px;right:12px}
  .p-sub>.shell>div.dock-identity,.p-sub>.shell>.dock-price{display:none!important}
  .p-sub>.shell>div.dock-navigation{height:66px;grid-template-rows:39px 25px}
  .p-sub .dock-navigation>.product-quicknav{height:39px;gap:7px!important}
  .dock-product-label,.dock-section-label{display:none!important}
  .p-sub .dock-navigation>.product-quicknav>a,.p-sub .product-quicknav a.is-current{min-height:35px;height:35px;padding:0 8px!important;font-size:10px}
  .p-sub .product-quicknav a em,.p-sub .product-quicknav a.is-current em{width:19px;height:19px;flex-basis:19px}
  .p-sub>.shell .dock-sections{height:25px;gap:17px!important}
  .p-sub>.shell .dock-sections>a{min-height:24px!important;height:24px;font-size:9px}
  main [id]{scroll-margin-top:102px}
}
@media(max-width:650px){
  .theme-hosting .p-sub,.theme-vds .p-sub,.theme-dedicated .p-sub,.theme-corporate .p-sub{display:block!important;top:7px;height:88px!important}
  .p-sub>.shell{width:calc(100% - 14px);height:88px!important;grid-template-columns:minmax(0,1fr)!important;padding:6px 10px!important;border-radius:12px!important}
  .p-sub>.shell:before{left:10px;right:10px}
  .p-sub>.shell>div.dock-navigation{height:74px;display:grid!important;grid-template-rows:44px 28px;gap:2px!important}
  .p-sub .dock-navigation>.product-quicknav{height:44px!important;padding:0!important;gap:8px!important;border-bottom:1px solid var(--dock-line);mask-image:linear-gradient(90deg,transparent,#000 12px,#000 calc(100% - 12px),transparent);scroll-snap-type:x proximity}
  .dock-product-label,.dock-section-label{display:none!important}
  .p-sub .dock-navigation>.product-quicknav>a,.p-sub .product-quicknav a.is-current{min-height:38px;height:38px;padding:0 9px!important;font-size:10px;scroll-snap-align:center}
  .p-sub .product-quicknav a em,.p-sub .product-quicknav a.is-current em{width:19px;height:19px;flex-basis:19px}
  .p-sub>.shell .dock-sections{height:28px;padding:0!important;gap:19px!important;display:flex!important;mask-image:linear-gradient(90deg,transparent,#000 12px,#000 calc(100% - 12px),transparent);scroll-snap-type:x proximity}
  .p-sub>.shell .dock-sections>a{min-height:27px!important;height:27px;padding:0!important;font-size:9.5px;scroll-snap-align:center}
  .p-sub>.shell>.dock-price,.p-sub>.shell>div.dock-identity{display:none!important}
  main [id]{scroll-margin-top:108px}
}