/* INFONORAY mobile viewport fix */
html,body{width:100%;max-width:100%;overflow-x:hidden}
.nx-container{max-width:1280px}
@media(max-width:850px){
  .nx-nav{gap:12px;min-width:0}
  .nx-logo{font-size:22px;letter-spacing:-1.2px;flex:0 0 auto}
  .nx-actions{gap:10px;flex:0 0 auto}
  .nx-actions a{font-size:10px;letter-spacing:.05em}
  .nx-hero{min-height:calc(100svh - 70px)}
  .nx-hero-inner{padding:64px 0 76px}
  .nx-hero h1{font-size:clamp(48px,15vw,76px);max-width:100%;overflow-wrap:break-word}
  .nx-hero-copy{font-size:16px;max-width:100%}
  .nx-hero-note{display:none}
  .nx-intro h2,.nx-banner h2{font-size:clamp(42px,13vw,70px)}
  .nx-section-head{align-items:flex-start;gap:18px;flex-direction:column}
  .nx-product-grid{gap:14px}
  .nx-product-meta{min-width:0}
  .nx-product-meta h3{overflow-wrap:anywhere}
  .nx-footer-top{gap:45px}
  .nx-footer-bottom{gap:10px;flex-wrap:wrap}
}
@media(max-width:420px){
  .nx-container{width:calc(100% - 28px)}
  .nx-nav{min-height:70px}
  .nx-logo{font-size:20px}
  .nx-actions{gap:7px}
  .nx-actions a{font-size:9px}
  .nx-hero h1{font-size:48px}
  .nx-button{max-width:100%;padding:16px 18px}
  .nx-intro,.nx-service,.nx-products{padding-top:78px;padding-bottom:78px}
  .nx-drop-inner{padding:55px 0}
  .nx-countdown strong{font-size:26px}
  .nx-countdown span{font-size:7px;letter-spacing:.08em}
}
