/* Shared navigation and SmartVPS refinements for both language editions. */
.header-actions .portal-link{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;border:1px solid rgba(140,202,242,.68);background:#163452;color:#f4faff;padding:10px 15px;border-radius:5px;font-size:13px;font-weight:800;line-height:1.2;text-decoration:none;transition:background .2s,border-color .2s}
.header-actions .portal-link:hover,.header-actions .portal-link:focus-visible{background:#22547d;border-color:#b8e1ff;color:#fff}
.header-actions .portal-link span{font-size:15px;color:#f2c76b}
.mega-menu.compact-menu a.menu-product{display:flex;align-items:center;gap:12px;min-height:49px;padding:8px 11px}
.mega-menu.compact-menu .menu-product img{width:30px;height:30px;object-fit:contain;background:#e9f3fa;border-radius:6px;padding:5px;flex:none}
.smartvps-location-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);gap:32px;align-items:center;margin-top:12px}
.smartvps-location-layout .section-lead{margin:0;color:#c5d7e5}
.smartvps-location-layout .pool-diagram{display:grid;grid-template-columns:1fr;gap:0;margin:22px 0 0;border:1px solid #34516a;background:#102538}
.smartvps-location-layout .pool-diagram>div{display:grid;grid-template-columns:38px 1fr;gap:1px 14px;align-items:center;padding:14px 18px;border:0;border-bottom:1px solid #34516a;background:transparent}
.smartvps-location-layout .pool-diagram>div:last-child{border-bottom:0}
.smartvps-location-layout .pool-diagram img{grid-row:1/3;display:block;padding:5px;background:#e5f2fa;border-radius:6px;width:34px;height:34px}
.smartvps-location-layout .pool-diagram strong{font-size:16px;margin:0}
.smartvps-location-layout .pool-diagram span{font-size:13px}
.smartvps-location-map{margin:0;border:1px solid #385672;background:#0a2037;box-shadow:0 16px 38px rgba(0,0,0,.16);overflow:hidden}
.smartvps-location-map img{display:block;width:100%;height:auto;aspect-ratio:960/420;object-fit:contain}
.smartvps-location-map figcaption{border-top:1px solid #385672;padding:12px 16px;color:#b8d9ed;font-size:13px}
.smartvps-location-layout+.location-pills{margin:20px 0 0}
@media(max-width:1100px){.header-actions .portal-link{padding:9px 11px;font-size:12px}}
@media(max-width:800px){.smartvps-location-layout{grid-template-columns:1fr}.smartvps-location-map{max-width:680px}}
@media(max-width:700px){.nav.open .mobile-portal{display:inline-flex!important;align-items:center;justify-content:space-between;padding:12px 14px;border:1px solid #8ccaf2;border-radius:5px;background:#163452;color:white;font-weight:800}.nav.open .mobile-portal span{color:#f2c76b}}

/* Identical ink and optical size for all menu artwork, including each city. */
.mega-menu a.menu-product,.mega-menu.compact-menu a.menu-product{display:flex;align-items:center;gap:12px;min-height:50px;padding:8px 10px}
.mega-menu a.menu-product .menu-icon-badge{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:6px;background:#e9f3fa}
.mega-menu a.menu-product .menu-icon-badge::before{content:"";display:block;width:21px;height:21px;background:#176ba7;-webkit-mask-image:var(--menu-art);mask-image:var(--menu-art);-webkit-mask-mode:alpha;mask-mode:alpha;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}

@media(max-width:720px){
  .feature-card a{position:static;display:inline-block;margin-top:24px}
}