/* v50 responsive override: load AFTER all legacy styles */
html,body{max-width:100%;overflow-x:clip}*,*::before,*::after{box-sizing:border-box}img,video,iframe{max-width:100%;height:auto}
.nb-container{width:min(100% - 32px,1200px);max-width:100%;margin-inline:auto}
@media(max-width:900px){
 .nb-header .nb-container{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
 .nb-header nav{display:flex;flex-wrap:wrap;gap:10px;max-width:100%;justify-content:center}
 .nb-header nav a{white-space:normal}
 .footer-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px}
 .hero.nb-cloud-hero{padding-inline:0!important}
 .hero.nb-cloud-hero h1{font-size:clamp(26px,5vw,40px)!important;overflow-wrap:anywhere}
 .domain-box{width:100%!important;max-width:100%!important;display:flex!important;min-width:0}
 .domain-box input{min-width:0!important;flex:1 1 auto!important;width:0!important}
 #nb-pricing.package-slider{width:100%!important;max-width:100%!important;padding:12px 38px!important;overflow:visible!important}
 #nb-pricing .package-viewport{width:100%!important;max-width:100%!important;overflow:hidden!important;touch-action:pan-y}
 #nb-pricing .package-track{display:flex!important;flex-wrap:nowrap!important;gap:0!important;width:100%!important;transition:transform .4s ease!important}
 #nb-pricing .package-track>.card{flex:0 0 50%!important;min-width:50%!important;max-width:50%!important;width:50%!important;margin:0!important}
 #nb-pricing .package-arrow{width:34px!important;height:42px!important;z-index:20!important}
 #nb-pricing .package-prev{left:0!important}#nb-pricing .package-next{right:0!important}
}
@media(max-width:600px){
 .nb-container{width:calc(100% - 24px)!important}
 .nb-header nav{width:100%;overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;padding-bottom:6px}
 .nb-header nav a{flex:0 0 auto}
 .footer-grid{grid-template-columns:1fr!important}
 .domain-box{gap:6px!important;padding:8px!important}
 .domain-box button{flex:0 0 auto!important;padding:10px 12px!important}
 #nb-pricing.package-slider{padding:10px 34px!important}
 #nb-pricing .package-track>.card{flex:0 0 100%!important;min-width:100%!important;max-width:100%!important;width:100%!important;min-height:0!important}
 #nb-pricing .plan-card .plan-body{padding:20px 12px 20px 35px!important}
 #nb-pricing .plan-price-line{flex-wrap:wrap!important;gap:5px!important}
 #nb-pricing .plan-price-line strong{font-size:clamp(23px,7vw,32px)!important}
 #nb-pricing .plan-features li{overflow-wrap:anywhere}
 #nb-pricing .plan-btn{max-width:100%!important;width:100%!important;margin-left:0!important}
 .section{padding:36px 0!important}.section h2{font-size:clamp(24px,7vw,34px)!important}
}