/* Tech Bazar mobile layout 2026-11: storefront only, never admin */
.tb-mobile-bottom,.tb-mobile-menu-overlay,.tb-mobile-search-panel{display:none}
@media(max-width:760px){
 html{scroll-padding-top:88px;scroll-padding-bottom:100px}
 body:not(.admin-app){background:#f3f4f7!important;padding-bottom:calc(82px + env(safe-area-inset-bottom,0px))!important}
 body:not(.admin-app) #shop-header{position:relative!important;background:linear-gradient(105deg,#090d17,#202b3c)!important;z-index:75!important}
 body:not(.admin-app) #shop-header .header-inner{height:70px!important;min-height:70px!important;padding:8px 15px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:0!important;position:relative!important}
 body:not(.admin-app) #shop-header .logo{position:absolute!important;left:50%!important;transform:translateX(-50%)!important;top:50%!important;margin-top:-18px!important;max-width:55%!important;width:auto!important;text-align:center!important;font-size:clamp(20px,6vw,29px)!important;line-height:36px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#fff!important}
 body:not(.admin-app) #shop-header .logo img{max-height:37px!important;max-width:100%!important}
 body:not(.admin-app) #shop-header .search{display:none!important}
 body:not(.admin-app) #shop-header .header-actions{display:none!important}
 body:not(.admin-app) .tb-mobile-head-actions{position:absolute;inset:0 14px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}
 body:not(.admin-app) .tb-mobile-head-actions .tb-left,body:not(.admin-app) .tb-mobile-head-actions .tb-right{display:flex;gap:13px;align-items:center;pointer-events:auto}
 body:not(.admin-app) .tb-mobile-icon{display:grid;place-items:center;width:36px;height:42px;padding:5px;border:0;background:transparent!important;color:white!important;border-radius:8px;position:relative}
 body:not(.admin-app) .tb-mobile-icon svg{width:27px;height:27px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
 body:not(.admin-app) .tb-mobile-cart-count{position:absolute;right:-2px;top:0;border-radius:15px;background:#2563eb;color:white;font-size:10px;padding:0 4px}
 body:not(.admin-app) #unified-category-nav,body:not(.admin-app) #shop-nav{display:none!important}
 body:not(.admin-app) .wrap{padding:14px 14px 36px!important;max-width:100%!important}
 body:not(.admin-app) #hero{margin:0 0 28px!important}
 body:not(.admin-app) #hero .hero-layout{display:flex!important;flex-direction:column!important;gap:8px!important;margin:0!important}
 body:not(.admin-app) #hero .hero-main{width:100%!important;min-height:0!important;height:auto!important;aspect-ratio:2.55/1!important;border-radius:10px!important;overflow:hidden!important}
 body:not(.admin-app) #hero #banner-slide,body:not(.admin-app) #hero #banner-slide>a{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important}
 body:not(.admin-app) #hero #banner-slide img{width:100%!important;height:100%!important;object-fit:cover!important}
 body:not(.admin-app) #hero .hero-right-stack{width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;min-height:0!important}
 body:not(.admin-app) #hero .hero-right-stack .banner{width:100%!important;min-height:0!important;height:auto!important;aspect-ratio:2.1/1!important;border-radius:8px!important}
 body:not(.admin-app) #hero .hero-right-stack .banner img{width:100%!important;height:100%!important;object-fit:cover!important}
 body:not(.admin-app) #hero .banner-dots{z-index:3}
 body:not(.admin-app) #featured-categories{margin-top:25px!important;margin-bottom:35px!important}
 body:not(.admin-app) #featured-categories .section-title{font-size:clamp(23px,6vw,30px)!important;line-height:1.2!important;letter-spacing:-.5px!important;margin:0 0 12px!important}
 body:not(.admin-app) #featured-categories .category-strip{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important;overflow:visible!important}
 body:not(.admin-app) #featured-categories .category-card{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;min-width:0!important;min-height:110px!important;aspect-ratio:.94/1!important;padding:10px 4px!important;background:#fff!important;border:1px solid #dfe3e9!important;border-radius:12px!important;box-shadow:none!important;font-size:clamp(10px,2.7vw,13px)!important;line-height:1.25!important;font-weight:600!important;overflow-wrap:anywhere!important;gap:8px!important}
 body:not(.admin-app) #featured-categories .category-image{width:100%!important;height:52px!important;min-height:0!important;display:flex!important;align-items:center!important;justify-content:center!important}
 body:not(.admin-app) #featured-categories .category-image img{max-height:49px!important;max-width:76%!important;object-fit:contain!important}
 body:not(.admin-app) #featured-categories .category-card:hover{transform:none!important}
 body:not(.admin-app) .mobile-bottom-nav{display:none!important}
 .tb-mobile-bottom{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;z-index:1200;min-height:calc(67px + env(safe-area-inset-bottom,0px));padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px));background:linear-gradient(100deg,#080c15,#202c3e);box-shadow:0 -4px 18px #10172533}
 .tb-mobile-bottom a,.tb-mobile-bottom button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;min-width:0;padding:4px 1px;color:#fff;background:none;border:0;text-decoration:none;font:600 clamp(10px,2.8vw,12px)/1.2 system-ui,Arial,sans-serif;cursor:pointer}
 .tb-mobile-bottom svg{width:25px;height:25px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
 .tb-mobile-bottom [aria-current="page"],.tb-mobile-bottom .tb-active{color:#418bff!important}
 .tb-mobile-menu-overlay{display:block;position:fixed;inset:0;z-index:1350;pointer-events:none;visibility:hidden}
 .tb-mobile-menu-overlay.is-open{pointer-events:auto;visibility:visible}
 .tb-mobile-menu-backdrop{position:absolute;inset:0;background:#0009;opacity:0;transition:opacity .2s}
 .tb-mobile-menu-overlay.is-open .tb-mobile-menu-backdrop{opacity:1}
 .tb-mobile-menu-panel{position:absolute;top:0;bottom:0;left:0;width:min(330px,85vw);overflow:auto;background:#fff;transform:translateX(-102%);transition:transform .23s ease;box-shadow:5px 0 28px #0003}
 .tb-mobile-menu-overlay.is-open .tb-mobile-menu-panel{transform:translateX(0)}
 .tb-mobile-menu-title{display:flex;align-items:center;justify-content:space-between;background:#111a2a;color:#fff;padding:20px 16px;font-weight:800;font-size:18px}
 .tb-mobile-menu-title button{border:0;background:transparent;color:#fff;font-size:26px}
 .tb-mobile-menu-links{display:flex;flex-direction:column;padding:12px}
 .tb-mobile-menu-links a{display:block;padding:13px 12px;border-bottom:1px solid #e7eaf0;font-weight:600;color:#152039;text-decoration:none}
 .tb-mobile-search-panel{position:fixed;top:0;left:0;right:0;z-index:1300;background:#101725;padding:15px;box-shadow:0 8px 22px #0004}
 .tb-mobile-search-panel.is-open{display:block}
 .tb-mobile-search-panel form{display:flex;gap:8px}
 .tb-mobile-search-panel input{flex:1;min-width:0;padding:12px;border:0;border-radius:6px;font-size:16px}
 .tb-mobile-search-panel button{border:0;border-radius:6px;padding:0 13px;background:#2563eb;color:white}
 .tb-mobile-search-panel .tb-search-close{background:#3b4657}
}
@media(max-width:350px){
 body:not(.admin-app) #featured-categories .category-strip{gap:6px!important}
 body:not(.admin-app) #featured-categories .category-card{min-height:91px!important;padding:6px 2px!important;font-size:10px!important}
 body:not(.admin-app) #featured-categories .category-image{height:40px!important}
}
@media(prefers-reduced-motion:reduce){.tb-mobile-menu-backdrop,.tb-mobile-menu-panel{transition:none!important}}