/* Homepage-only responsive layer. Desktop layout and category data stay shared. */
@media(max-width:1100px){
html{min-width:0!important}body.mobile-home{min-width:0!important;width:100%;margin:0}
.mobile-home *{box-sizing:border-box}
.mobile-home .container{width:100%!important;max-width:100%;min-width:0;padding-left:12px;padding-right:12px}
.mobile-home .header{padding:16px 0}.mobile-home .header .container{flex-wrap:wrap;gap:14px}
.mobile-home .header .logo img{width:225px}.mobile-home .header .search-box{order:3;flex:0 0 100%;width:100%;max-width:none;margin:0}
.mobile-home .header .cart-box{margin:0;font-size:12px;padding:0 10px;height:38px;line-height:36px;min-width:0}
.mobile-home .header .search-form input{min-width:0;width:0;height:44px;font-size:16px}
.mobile-home .header .search-btn{width:60px;height:44px;flex-shrink:0}
.mobile-home .header .search-extra{margin-top:8px;gap:12px;flex-wrap:wrap}
.mobile-home .hot-search{max-height:62px;overflow:auto;line-height:26px}
.mobile-home .main-nav{height:auto!important}.mobile-home .main-nav>.container{display:flex;flex-wrap:wrap;padding:0;height:auto!important}
.mobile-home .main-nav #all-toggle{width:100%!important;min-height:44px;text-align:left;padding-left:16px}
.mobile-home .main-nav .nav-list{width:100%;min-width:0;overflow-x:auto;display:flex;white-space:nowrap;margin:0;scrollbar-width:thin}
.mobile-home .nav-list li{flex:0 0 auto;padding:0 15px;min-height:44px;line-height:44px}
.mobile-home .nav-list li a{font-size:14px}
.mobile-home .category-popup{top:44px!important;left:0!important;width:100%!important;height:min(65vh,520px)!important;grid-template-columns:130px minmax(0,1fr)!important;z-index:100;box-shadow:0 8px 20px #17334a26}
.mobile-home .category-popup[hidden]{display:none!important}
.mobile-home .category-popup:not(.show-detail){grid-template-columns:1fr!important}
.mobile-home .category-rail{width:auto!important;overflow:auto;min-height:0}
.mobile-home .category-root{min-height:48px!important;height:auto!important;padding:10px!important;white-space:normal;text-align:left;font-size:12px!important;flex-shrink:0!important}
.mobile-home .category-detail{min-width:0}.mobile-home .category-detail-head{flex-wrap:wrap;padding:10px;gap:8px}
.mobile-home .category-detail-head input{width:100%;min-width:0;font-size:16px;min-height:40px;order:3}
.mobile-home .category-detail-head .menu-close{min-width:36px;min-height:36px;margin-left:auto}
.mobile-home .category-scroll{padding:8px;overscroll-behavior:contain}.mobile-home .category-row{display:block;padding:8px 0}
.mobile-home .category-items{display:flex;flex-wrap:wrap;gap:3px}.mobile-home .category-items a{padding:10px 6px;line-height:20px}
.mobile-home .category-detail-foot{padding:8px;font-size:11px;flex-wrap:wrap}
.mobile-home .ai-home-entry.ai-simple,.mobile-home .banner-section{width:100%!important;padding:12px!important;margin:0!important}
.mobile-home .ai-home-entry.ai-simple>.container{display:flex;flex-wrap:wrap;gap:12px;padding:14px!important}
.mobile-home .ai-simple-title{width:auto!important;flex:1 1 100%}.mobile-home .ai-simple-title h2{font-size:18px!important}
.mobile-home .ai-home-entry.ai-simple form{width:100%;flex:1 1 100%;min-width:0}.mobile-home .ai-home-entry.ai-simple form input{min-width:0;width:0;font-size:16px;height:44px}
.mobile-home .ai-home-entry.ai-simple form button{min-height:44px;white-space:nowrap}
.mobile-home .banner-section{padding-top:0!important}.mobile-home .banner-section>.container{padding:0!important;display:block}
.mobile-home .banner-center{width:100%!important;min-width:0;height:auto!important;overflow:hidden}
.mobile-home .banner-section .banner-slider,.mobile-home .banner-section .banner-slide{height:auto!important}
.mobile-home .banner-section .banner-slide img{display:block;width:100%;height:auto!important;aspect-ratio:940/420;object-fit:contain!important}
.mobile-home .banner-slider-arrow{width:32px;height:44px;line-height:44px}.mobile-home .banner-slider-dots{bottom:8px}
.mobile-home .fixed-sidebar,.mobile-home .floor-nav{display:none!important}
.mobile-home .product-floor .floor-header{height:auto;min-height:48px;flex-wrap:wrap;padding:8px 12px;gap:6px}
.mobile-home .floor-title{font-size:17px!important;flex:1}.mobile-home .floor-more{padding:10px 0}
.mobile-home .product-floor .floor-tabs{order:3;flex:0 0 100%;overflow:auto;margin:0;white-space:nowrap}
.mobile-home .product-floor .floor-tabs a{flex-shrink:0;padding:0 12px}
.mobile-home .floor-body{padding:10px!important;display:block!important}.mobile-home .floor-banner{display:none}
.mobile-home .product-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;min-width:0}
.mobile-home .product-card{min-width:0}.mobile-home .product-name{overflow-wrap:anywhere}.mobile-home .product-actions button{min-height:40px}
.mobile-home .sub-floor-header{height:auto!important;flex-wrap:wrap;padding:12px!important;gap:8px}
.mobile-home .sub-floor-links{width:100%;margin:0!important;overflow:auto;white-space:nowrap;flex-wrap:nowrap!important}
.mobile-home .sub-floor-links a{flex-shrink:0;line-height:40px}.mobile-home .sub-floor-body{padding:10px!important}.mobile-home .cat-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mobile-home .cat-card{min-width:0;overflow-wrap:anywhere}
.mobile-home .footer .footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:20px 12px}
.mobile-home .footer .link-column{width:auto}.mobile-home .footer-service,.mobile-home .footer-partners,.mobile-home .footer-cert{flex-wrap:wrap;gap:12px}
.mobile-home .footer-bottom{overflow-wrap:anywhere}.mobile-home .footer a{display:inline-block;padding-top:5px;padding-bottom:5px}
.mobile-home .top-bar{height:auto!important}.mobile-home .top-bar>.container{height:auto!important;flex-wrap:wrap;gap:0}
.mobile-home .top-bar-left{height:32px}.mobile-home .top-bar-right{width:100%;max-width:100%;min-width:0;white-space:normal;float:none;height:auto!important;min-height:36px;flex-wrap:wrap!important;justify-content:flex-end;gap:4px 0}
.mobile-home .top-bar-right>a,.mobile-home .top-bar-right>.kb-menu{padding:0 7px;line-height:28px}
.mobile-home .kb-menu-panel{max-width:calc(100vw - 24px)}
}
@media(max-width:480px){.mobile-home .header .logo img{width:195px}.mobile-home .header .cart-box{font-size:11px;padding:0 6px}.mobile-home .header .cart-icon{display:none}.mobile-home .top-bar-right{justify-content:flex-start}.mobile-home .service-icons .service-desc{font-size:10px}.mobile-home .service-icons .container{gap:14px 5px}}

/* Align mobile navigation with the search, AI panel and banner edges. */
@media(max-width:1100px){.mobile-home .main-nav{width:calc(100% - 24px);max-width:calc(100% - 24px);margin-left:auto;margin-right:auto}.mobile-home .main-nav>.container{padding-left:0;padding-right:0}}