/* AsiaFilt mobile usability patch — responsive design only, PHP 5.6 compatible. */
/* Keep product search separate from language selector and make it visible in the mobile menu. */
.af-nav-search{list-style:none}
.af-nav-search form{display:flex;align-items:center;gap:8px}
.af-nav-search input{min-width:0;width:150px;font-size:16px}
.af-mobile-category-toggle{display:none}
@media(max-width:1279px){
  .navbar{max-width:min(420px,100vw);}
  .navbar>ul{background:#fff;overscroll-behavior:contain;padding:72px 16px 28px;}
  .navbar>ul>li{width:100%;}
  .navbar>ul>li>a{white-space:normal;line-height:1.4;min-height:48px;gap:10px;padding:14px 12px;}
  .navbar .asia-mega-menu{max-width:100%;box-shadow:none;border:0;padding:8px 10px;}
  .navbar .asia-mega-links a{white-space:normal;min-height:44px;line-height:1.4;}
  .navbar .af-nav-search{padding:12px 2px 18px;}
  .navbar .af-nav-search form{padding:0;display:flex;width:100%;gap:8px;}
  .navbar .af-nav-search input{flex:1;width:100%;min-width:0;font-size:16px;min-height:46px;padding:10px 12px;}
  .navbar .af-nav-search button{min-height:46px;min-width:48px;flex-shrink:0;}
  .mobile-nav-show,.mobile-nav-hide{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;}
  .mobile-nav-show.d-none,.mobile-nav-hide.d-none{display:none!important;}
  .product-list-page .af-mobile-category-toggle,.product-detail-page .af-mobile-category-toggle{display:flex;width:100%;justify-content:space-between;align-items:center;gap:10px;border:1px solid #dedfe2;background:#fff;color:#2c3035;border-radius:10px;padding:14px 16px;font-size:15px;font-weight:700;min-height:48px;}
  .product-list-page .af-category-sidebar,.product-detail-page .af-category-sidebar{display:none;margin-top:8px;margin-bottom:0;}
  .product-list-page .af-category-sidebar.af-mobile-cats-open,.product-detail-page .af-category-sidebar.af-mobile-cats-open{display:block;}
  .product-list-page .af-category-sidebar a,.product-detail-page .af-category-sidebar a{display:block;min-height:44px;padding:12px 10px;white-space:normal;}
  .product-list-page .row.gy-5,.product-detail-page .row.gy-5{--bs-gutter-y:22px;}
}
@media(max-width:767px){
  html,body{max-width:100%;overflow-x:clip;}
  .header .logo img{max-width:145px!important;width:145px!important;height:auto!important;object-fit:contain;}
  .af-static-hero{margin-top:70px;height:clamp(250px,70vw,380px)!important;min-height:0!important;}
  .af-static-hero img{object-position:center center;}
  .af-hero-bottom{padding:12px 14px;gap:8px;letter-spacing:normal;}
  .af-hero-bottom a{font-size:12px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;text-align:center;}
  .product-list-page .product-card-image,.product-detail-page .product-card-image{min-height:0;aspect-ratio:1/1;padding:12px;}
  .product-list-page .product-card-image img,.product-detail-page .product-card-image img{object-fit:contain!important;max-height:280px;}
  .product-list-page .product-card-content,.product-detail-page .product-card-content{padding:14px;gap:9px;}
  .product-list-page .product-card-content h3,.product-detail-page .product-card-content h3{font-size:17px;line-height:1.35;overflow-wrap:anywhere;}
  .product-list-page .product-card-content .academy-more,.product-detail-page .product-card-content .academy-more{min-height:44px;display:flex;align-items:center;}
  .product-detail-page .af-product-detail-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;}
  .product-detail-page .product-detail-image{padding:12px;}
  .product-detail-page .product-detail-image img{height:auto!important;max-height:350px;width:100%;object-fit:contain;}
  .product-detail-page .product-detail-content{min-width:0;overflow-wrap:anywhere;}
  .product-detail-page .product-detail-content h2{font-size:24px;}
  .af-list-search input,.af-global-search-row input{font-size:16px;min-height:46px;}
  .af-global-search-row{flex-wrap:wrap;}
  .af-global-search-row input{flex-basis:100%;}
  .af-global-search-row button{width:100%;min-height:46px;}
  .product-hero .corporate-hero-content h1{font-size:clamp(27px,7vw,36px);line-height:1.2;overflow-wrap:anywhere;}
}
@media(prefers-reduced-motion:reduce){.navbar{transition:none!important}}