/* Stable independent VPS layout: overrides only menu #2678, not other site menus. */
@media(min-width:960px){
 #ubermenu-main-59-primary-2 #menu-item-2678>.ubermenu-submenu{
    overflow-y:auto!important;overflow-x:hidden!important;scrollbar-gutter:auto!important;
    max-height:calc(100vh - 110px)!important;
    min-height:0!important;height:auto!important;
 }
 #menu-item-2678 #menu-item-7973 > .ubermenu-content-block > .oh-vps-layout{
    display:grid!important;grid-template-columns:270px minmax(0,1fr)!important;
    grid-template-rows:auto!important;gap:15px!important;direction:rtl!important;
    margin:0!important;padding:0!important;width:100%!important;max-width:100%!important;
    min-width:0!important;height:auto!important;box-sizing:border-box!important;
    align-items:start!important;
 }
 #menu-item-2678 .oh-vps-aside,#menu-item-2678 .oh-vps-featured{
    float:none!important;min-width:0!important;width:100%!important;
    padding:12px!important;margin:0!important;box-sizing:border-box!important;
 }
 #menu-item-2678 .oh-vps-aside{background:#faf8ff;border-radius:15px;border:1px solid #ece6fa}
 #menu-item-2678 .oh-vps-featured{padding:12px 0!important}
 #menu-item-2678 .oh-vps-heading{
    padding:0 5px 10px!important;margin:0!important;font-size:14px!important;
    font-weight:850!important;line-height:1.6!important;color:#34205c!important;text-align:right!important;
 }
 #menu-item-2678 .oh-vps-country-list{
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;
    gap:2px!important;list-style:none!important;padding:0!important;margin:0!important;
 }
 #menu-item-2678 .oh-vps-country-item{
    min-height:0!important;list-style:none!important;
    border-bottom:1px solid #ece6f4!important;padding:0!important;margin:0!important;
 }
 #menu-item-2678 .oh-vps-country-item:last-child{border:0!important}
 #menu-item-2678 .oh-vps-country-link{
    display:flex!important;align-items:center!important;gap:9px!important;flex-direction:row!important;
    padding:4px 8px!important;margin:0!important;min-height:40px!important;width:100%!important;
    border-radius:10px!important;box-sizing:border-box!important;
    text-decoration:none!important;background:transparent!important;color:#2f2055!important;
 }
 #menu-item-2678 .oh-vps-country-link:hover,
 #menu-item-2678 .oh-vps-country-link:focus-visible{
    background:#eee6ff!important;color:#632cce!important;
 }
 #menu-item-2678 img.oh-vps-flag{
    display:block!important;flex:0 0 34px!important;object-fit:contain!important;
    width:34px!important;height:34px!important;max-width:34px!important;max-height:34px!important;
    border-radius:50%!important;padding:0!important;margin:0!important;transform:none!important;
 }
 #menu-item-2678 .oh-vps-country-name{
    display:block!important;font-size:12px!important;font-weight:750!important;color:inherit!important;
    line-height:1.5!important;min-width:0!important;
 }
 #menu-item-2678 .oh-vps-card-grid{
    display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:9px!important;direction:rtl!important;width:100%!important;max-width:100%!important;
    min-width:0!important;box-sizing:border-box!important;margin:0!important;padding:0!important;
    align-items:stretch!important;
 }
 #menu-item-2678 a.oh-vps-server-card{
    display:flex!important;float:none!important;flex-direction:column!important;min-width:0!important;
    width:100%!important;max-width:100%!important;box-sizing:border-box!important;
    margin:0!important;padding:10px 8px!important;border:1px solid #eae4f8!important;
    border-radius:13px!important;background:#fcfbff!important;color:#2b1b55!important;
    text-decoration:none!important;text-align:center!important;overflow:hidden!important;
 }
 #menu-item-2678 a.oh-vps-server-card:hover,
 #menu-item-2678 a.oh-vps-server-card:focus-visible{
    background:#f5efff!important;border-color:#c3acf2!important;
 }
 #menu-item-2678 .oh-vps-server-image{
    display:grid!important;place-items:center!important;width:100%!important;
    height:140px!important;min-height:0!important;margin:0 auto 6px!important;
 }
 #menu-item-2678 .oh-vps-server-image img{
    display:block!important;width:auto!important;height:auto!important;max-width:100%!important;
    max-height:135px!important;object-fit:contain!important;margin:auto!important;
 }
 #menu-item-2678 .oh-vps-server-title{
    color:#24154b!important;font-weight:850!important;font-size:12px!important;
    line-height:1.7!important;margin:0!important;min-height:21px!important;
 }
 #menu-item-2678 .oh-vps-server-note{
    font-size:10px!important;line-height:1.7!important;color:#77738e!important;
    min-height:36px!important;margin-top:2px!important;
 }
 #menu-item-2678 .oh-vps-server-button{
    margin-top:auto!important;min-height:39px!important;display:grid!important;place-items:center!important;
    border-radius:10px!important;padding:8px!important;box-sizing:border-box!important;
    background:linear-gradient(115deg,#7135e1,#501ead)!important;color:#fff!important;
    font-size:11px!important;font-weight:850!important;text-align:center!important;
 }
}
@media(min-width:960px) and (max-width:1150px){
 #menu-item-2678 #menu-item-7973 > .ubermenu-content-block > .oh-vps-layout{
    grid-template-columns:245px minmax(0,1fr)!important;gap:10px!important;
 }
 #menu-item-2678 .oh-vps-card-grid{gap:6px!important}
 #menu-item-2678 .oh-vps-server-image{height:112px!important}
 #menu-item-2678 .oh-vps-server-image img{max-height:108px!important}
}
@media(max-width:959px){
 #menu-item-2678 .oh-vps-layout{display:flex!important;flex-direction:column!important;
    gap:12px!important;direction:rtl!important;padding:8px!important;}
 #menu-item-2678 .oh-vps-aside,#menu-item-2678 .oh-vps-featured{width:100%!important;padding:10px!important;}
 #menu-item-2678 .oh-vps-heading{font-size:14px!important;font-weight:850!important;color:#301958!important;margin:0 0 9px!important}
 #menu-item-2678 .oh-vps-country-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;list-style:none!important;padding:0!important;margin:0!important}
 #menu-item-2678 .oh-vps-country-link{display:flex!important;align-items:center!important;gap:7px!important;
    padding:8px!important;background:#faf8ff!important;border:1px solid #eee7fb!important;
    border-radius:9px!important;color:#2f2056!important;font-size:12px!important;text-decoration:none!important}
 #menu-item-2678 img.oh-vps-flag{width:32px!important;height:32px!important;max-width:32px!important;
    max-height:32px!important;object-fit:contain!important;border-radius:50%!important}
 #menu-item-2678 .oh-vps-card-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
 #menu-item-2678 a.oh-vps-server-card{display:flex!important;flex-direction:column!important;
    padding:9px!important;border-radius:10px!important;border:1px solid #eee7fb!important;
    background:#faf8ff!important;color:#2a1951!important;text-align:center!important;
    text-decoration:none!important}
 #menu-item-2678 .oh-vps-server-image img{max-width:100%!important;max-height:110px!important}
 #menu-item-2678 .oh-vps-server-title{font-size:12px!important;font-weight:800!important}
 #menu-item-2678 .oh-vps-server-note{font-size:10px!important;margin:4px 0 7px!important}
 #menu-item-2678 .oh-vps-server-button{margin-top:auto!important;padding:8px!important;
    background:#632ad0!important;color:#fff!important;border-radius:8px!important;font-size:11px!important}
}
@media(max-width:430px){
 #menu-item-2678 .oh-vps-country-list{grid-template-columns:1fr!important}
}


/* Orderhost VPS menu visual refresh - 2026-10-13 */
@media (min-width:960px) {
 #ubermenu-main-59-primary-2 #menu-item-2678 > .ubermenu-submenu {
   background:linear-gradient(145deg,#fff 58%,#faf8ff)!important;
   border:1px solid #e8dff9!important;
   border-radius:22px!important;
   box-shadow:0 22px 50px rgba(50,21,99,.14)!important;
 }
 #menu-item-2678 .oh-vps-aside {
   background:linear-gradient(160deg,#fbf9ff,#f5f0ff)!important;
   border:1px solid #e9dff9!important;
   border-radius:17px!important;
   padding:13px 11px!important;
 }
 #menu-item-2678 .oh-vps-heading {
   color:#26164f!important;
   font-size:16px!important;
   font-weight:850!important;
   line-height:1.65!important;
 }
 #menu-item-2678 .oh-vps-country-item {
   border-bottom:0!important;
   margin-bottom:4px!important;
 }
 #menu-item-2678 .oh-vps-country-link {
   background:rgba(255,255,255,.75)!important;
   border:1px solid transparent!important;
   border-radius:11px!important;
   min-height:44px!important;
   padding:5px 10px!important;
   transition:background-color .2s,border-color .2s!important;
 }
 #menu-item-2678 .oh-vps-country-link:hover,
 #menu-item-2678 .oh-vps-country-link:focus-visible {
   background:#ece3ff!important;
   border-color:#d6c4fa!important;
   color:#6129cf!important;
 }
 #menu-item-2678 img.oh-vps-flag {
   width:32px!important;height:32px!important;
   max-width:32px!important;max-height:32px!important;
   flex-basis:32px!important;
   box-sizing:border-box!important;
   border:2px solid #fff!important;
   box-shadow:0 2px 7px rgba(50,21,99,.10)!important;
 }
 #menu-item-2678 .oh-vps-card-grid {
   grid-template-columns:repeat(4,minmax(0,1fr))!important;
   gap:11px!important;
 }
 #menu-item-2678 a.oh-vps-server-card {
   background:#fff!important;
   border:1px solid #e6dcf8!important;
   border-radius:17px!important;
   padding:10px!important;
   box-shadow:0 6px 18px rgba(50,21,99,.065)!important;
   transition:transform .2s,box-shadow .2s,border-color .2s!important;
 }
 #menu-item-2678 a.oh-vps-server-card:hover,
 #menu-item-2678 a.oh-vps-server-card:focus-visible {
   transform:translateY(-3px)!important;
   background:#fff!important;
   border-color:#b397f0!important;
   box-shadow:0 14px 26px rgba(81,36,172,.15)!important;
 }
 #menu-item-2678 .oh-vps-server-image {
   background:radial-gradient(circle,#ece3ff,#faf8ff)!important;
   border-radius:13px!important;
   height:135px!important;
   padding:7px!important;
   box-sizing:border-box!important;
 }
 #menu-item-2678 .oh-vps-server-image img {
   max-height:120px!important;
   max-width:100%!important;
 }
 #menu-item-2678 .oh-vps-server-title {
   font-size:13px!important;
   font-weight:850!important;
   color:#291950!important;
 }
 #menu-item-2678 .oh-vps-server-note {
   color:#78718e!important;
   font-size:11px!important;
 }
 #menu-item-2678 .oh-vps-server-button {
   background:linear-gradient(110deg,#773beb,#5020b9)!important;
   border-radius:11px!important;
   min-height:42px!important;
   box-shadow:0 5px 13px rgba(81,36,172,.15)!important;
   font-weight:850!important;
 }
}
@media (min-width:960px) and (max-width:1150px) {
 #menu-item-2678 .oh-vps-card-grid {gap:7px!important;}
 #menu-item-2678 a.oh-vps-server-card {padding:8px 7px!important;}
 #menu-item-2678 .oh-vps-server-image {height:112px!important;}
 #menu-item-2678 .oh-vps-server-image img {max-height:103px!important;}
 #menu-item-2678 .oh-vps-server-title {font-size:12px!important;}
}

/* 2026-10-13 VPS lower-panel useful-content enhancement */
@media(min-width:960px){
 #menu-item-2678 .oh-vps-benefits {
   display:grid!important;
   grid-template-columns:repeat(3,minmax(0,1fr))!important;
   align-items:stretch!important;
   gap:9px!important;
   margin:17px 0 12px!important;
   padding:0!important;
   width:100%!important;
   min-width:0!important;
   box-sizing:border-box!important;
   direction:rtl!important;
 }
 #menu-item-2678 .oh-vps-benefit {
   display:flex!important;align-items:center!important;gap:9px!important;
   min-width:0!important;
   min-height:77px!important;
   border-radius:14px!important;
   padding:11px 10px!important;
   background:linear-gradient(125deg,#fbf9ff,#f6f1ff)!important;
   border:1px solid #e9e1f8!important;
   box-sizing:border-box!important;
 }
 #menu-item-2678 .oh-vps-benefit-icon{
   flex:0 0 36px!important;
   width:36px!important;height:36px!important;
   border-radius:11px!important;
   display:grid!important;place-items:center!important;
   color:#6732d5!important;
   background:#eae1ff!important;
 }
 #menu-item-2678 .oh-vps-benefit:nth-child(2) .oh-vps-benefit-icon{
   color:#148f67!important;background:#dff8ed!important;
 }
 #menu-item-2678 .oh-vps-benefit:nth-child(3) .oh-vps-benefit-icon{
   color:#187cda!important;background:#e2f0ff!important;
 }
 #menu-item-2678 .oh-vps-benefit-icon svg{
   display:block!important;
   width:19px!important;height:19px!important;
   stroke:currentColor!important;
   fill:none!important;stroke-width:1.8!important;
   stroke-linecap:round!important;stroke-linejoin:round!important;
 }
 #menu-item-2678 .oh-vps-benefit-copy{
   display:flex!important;flex-direction:column!important;
   min-width:0!important;gap:3px!important;
   text-align:right!important;
 }
 #menu-item-2678 .oh-vps-benefit-title{
   display:block!important;
   font-size:12px!important;font-weight:850!important;
   line-height:1.55!important;color:#29164c!important;
 }
 #menu-item-2678 .oh-vps-benefit-desc{
   display:block!important;
   font-size:10px!important;font-weight:550!important;
   line-height:1.55!important;color:#8a80a2!important;
 }
 #menu-item-2678 .oh-vps-promo{
   position:relative!important;isolation:isolate!important;
   overflow:hidden!important;
   min-width:0!important;
   display:flex!important;flex-wrap:wrap!important;
   align-items:center!important;justify-content:space-between!important;
   gap:10px!important;
   border-radius:15px!important;
   padding:14px 16px!important;
   margin:0!important;
   box-sizing:border-box!important;
   background:linear-gradient(115deg,#31125d 0%,#51239e 63%,#6d35dd 100%)!important;
   border:1px solid #4e238f!important;
   box-shadow:0 9px 18px rgba(62,25,133,.10)!important;
 }
 #menu-item-2678 .oh-vps-promo:before{
   content:"";display:block!important;pointer-events:none!important;
   position:absolute!important;top:-65px!important;left:-47px!important;
   width:155px!important;height:155px!important;
   border:22px solid rgba(255,255,255,.07)!important;
   border-radius:50%!important;z-index:-1!important;
 }
 #menu-item-2678 .oh-vps-promo-copy{
   display:flex!important;flex-direction:column!important;
   gap:4px!important;
   min-width:0!important;flex:1 1 200px!important;
   text-align:right!important;
 }
 #menu-item-2678 .oh-vps-promo-title{
   color:#fff!important;font-size:14px!important;
   font-weight:900!important;line-height:1.6!important;
 }
 #menu-item-2678 .oh-vps-promo-desc{
   color:#eadbff!important;font-size:11px!important;
   font-weight:550!important;line-height:1.6!important;
 }
 #menu-item-2678 .oh-vps-promo-actions{
   display:flex!important;align-items:center!important;
   flex-wrap:wrap!important;gap:7px!important;
   min-width:0!important;
 }
 #menu-item-2678 a.oh-vps-promo-primary,
 #menu-item-2678 a.oh-vps-promo-secondary{
   box-sizing:border-box!important;
   display:flex!important;align-items:center!important;justify-content:center!important;
   gap:6px!important;
   border-radius:10px!important;
   padding:10px 11px!important;min-height:39px!important;
   text-decoration:none!important;white-space:nowrap!important;
   font-size:11px!important;font-weight:850!important;
   line-height:1.5!important;
   transition:background-color .16s,border-color .16s!important;
 }
 #menu-item-2678 a.oh-vps-promo-primary{
   background:#fff!important;color:#4b1ea1!important;
   border:1px solid #fff!important;
 }
 #menu-item-2678 a.oh-vps-promo-secondary{
   background:rgba(255,255,255,.09)!important;color:#fff!important;
   border:1px solid rgba(255,255,255,.4)!important;
 }
 #menu-item-2678 a.oh-vps-promo-primary:hover{
   background:#f0e5ff!important;border-color:#f0e5ff!important;
 }
 #menu-item-2678 a.oh-vps-promo-secondary:hover{
   background:rgba(255,255,255,.2)!important;
 }
}
@media(min-width:960px) and (max-width:1190px){
 #menu-item-2678 .oh-vps-benefits{gap:7px!important;margin-top:12px!important}
 #menu-item-2678 .oh-vps-benefit{min-height:66px!important;padding:8px 7px!important;gap:6px!important}
 #menu-item-2678 .oh-vps-benefit-icon{width:30px!important;height:30px!important;flex-basis:30px!important}
 #menu-item-2678 .oh-vps-benefit-title{font-size:11px!important}
 #menu-item-2678 .oh-vps-benefit-desc{font-size:9px!important}
 #menu-item-2678 .oh-vps-promo{padding:11px 12px!important}
 #menu-item-2678 .oh-vps-promo-title{font-size:13px!important}
 #menu-item-2678 .oh-vps-promo-actions{gap:6px!important}
 #menu-item-2678 a.oh-vps-promo-primary,
 #menu-item-2678 a.oh-vps-promo-secondary{padding:8px 9px!important;font-size:10px!important}
}
@media(max-width:959px){
 #menu-item-2678 .oh-vps-benefits{
   display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
   width:100%!important;gap:8px!important;margin:13px 0!important;
 }
 #menu-item-2678 .oh-vps-benefit{
   display:flex!important;align-items:center!important;gap:7px!important;
   min-width:0!important;min-height:58px!important;padding:9px 8px!important;
   border:1px solid #e8e1f8!important;background:#faf7ff!important;border-radius:10px!important;
 }
 #menu-item-2678 .oh-vps-benefit-icon{
   display:grid!important;place-items:center!important;flex:0 0 28px!important;
   width:28px!important;height:28px!important;border-radius:8px!important;
   background:#eee6ff!important;color:#6530d2!important;
 }
 #menu-item-2678 .oh-vps-benefit-icon svg{
   width:17px!important;height:17px!important;display:block!important;
   fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;
 }
 #menu-item-2678 .oh-vps-benefit-copy{display:flex!important;flex-direction:column!important;min-width:0!important}
 #menu-item-2678 .oh-vps-benefit-title{font-size:11px!important;font-weight:850!important;color:#301b54!important}
 #menu-item-2678 .oh-vps-benefit-desc{font-size:9px!important;line-height:1.5!important;color:#7f7496!important}
 #menu-item-2678 .oh-vps-promo{
   display:flex!important;flex-direction:column!important;gap:10px!important;
   border-radius:12px!important;padding:14px!important;
   background:linear-gradient(105deg,#361565,#6a31cd)!important;color:#fff!important;
 }
 #menu-item-2678 .oh-vps-promo-copy{display:flex!important;flex-direction:column!important;gap:4px!important}
 #menu-item-2678 .oh-vps-promo-title{font-size:13px!important;font-weight:850!important;color:#fff!important}
 #menu-item-2678 .oh-vps-promo-desc{font-size:11px!important;line-height:1.8!important;color:#eee2ff!important}
 #menu-item-2678 .oh-vps-promo-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;width:100%!important}
 #menu-item-2678 a.oh-vps-promo-primary,
 #menu-item-2678 a.oh-vps-promo-secondary{
   display:grid!important;place-items:center!important;
   min-height:40px!important;border-radius:8px!important;
   text-align:center!important;text-decoration:none!important;
   padding:8px 6px!important;font-size:10px!important;font-weight:800!important;
   background:#fff!important;color:#4c229a!important;
 }
 #menu-item-2678 a.oh-vps-promo-secondary{background:rgba(255,255,255,.16)!important;color:#fff!important;border:1px solid rgba(255,255,255,.36)!important}
}
@media(max-width:390px){
 #menu-item-2678 .oh-vps-benefits{grid-template-columns:1fr!important}
 #menu-item-2678 .oh-vps-promo-actions{grid-template-columns:1fr!important}
}