/* ═══════════════════════════════════════════════════════════════════
   📱 MOBILE NAV FIX — Thailand Market
      วันที่: 2026-05-15
         แก้ปัญหา nav responsive ทุก viewport
         ═══════════════════════════════════════════════════════════════════ */

@media(max-width:1100px){
    .nav-btn{padding:6px 8px!important;font-size:10px!important}
    .nav-btn-ico{font-size:14px!important}
    .nav-search{max-width:240px!important}
}

@media(max-width:900px){
    /* แก้: .nav-search ที่เคย display:none — ลบทิ้ง */
    .nav-search{display:flex!important;max-width:180px!important;margin:0 6px!important}
    .nav-search input{padding:6px 10px!important;font-size:12px!important}
    .nav-links{flex:0 1 auto;overflow-x:auto;max-width:160px}
    .nav-links::-webkit-scrollbar{display:none}
}

@media(max-width:768px){
    /* แก้: เก็บ nav-links — overflow scroll แทน display:none */
    .nav-search{max-width:160px!important}
    .nav-btn-lbl{display:none!important} /* ซ่อนแค่ label เก็บ icon */
}

@media(max-width:640px){
    .nav-btn-lbl{display:none!important}
    .nav-top{padding:0 8px!important;gap:4px!important}
    .nav-logo{font-size:14px!important}
}

@media(max-width:420px){
    .nav-search{max-width:110px!important}
    .nav-logo{font-size:13px!important;max-width:90px;overflow:hidden;white-space:nowrap}
    .nav-acts{gap:2px}
    .nav-btn{padding:5px!important}
}