/* Web Bazar mobile storefront enhancement. Desktop styles are unchanged. */
.mobile-bottom-nav{display:none}
@media(max-width:700px){
 html{scroll-padding-bottom:85px}
 body{padding-bottom:calc(67px + env(safe-area-inset-bottom,0px))}
 .mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:1000;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:calc(62px + env(safe-area-inset-bottom,0px));padding:5px 4px env(safe-area-inset-bottom,0px);background:#fff;border-top:1px solid #e8e7e2;box-shadow:0 -5px 22px #112c261a}
 .mobile-bottom-nav a{display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:#52625b;font-size:10px;font-weight:600;border-radius:10px;transition:color .18s,background .18s}
 .mobile-bottom-nav a svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
 .mobile-bottom-nav a.active,.mobile-bottom-nav a:focus-visible{color:#ec7816;background:#fff3e9}
 .mobile-bottom-nav a:active{transform:scale(.96)}
 .wrap{padding-left:12px;padding-right:12px}
 .product-grid,.top-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:stretch}
 .product-grid>.product,.top-grid>.product,.product-track>.product{display:flex;flex-direction:column;min-width:0;height:auto;min-height:290px;padding:8px;border:1px solid #e9e4dd;border-radius:9px;overflow:hidden}
 .product-grid .product-image,.top-grid .product-image,.product-track .product-image{height:auto;aspect-ratio:1/1;min-height:0;flex:none;width:100%;display:grid;place-items:center}
 .product-grid .product-image img,.top-grid .product-image img,.product-track .product-image img{max-width:100%;height:100%;object-fit:contain;padding:8px}
 .product-grid .product-body,.top-grid .product-body,.product-track .product-body{display:flex;flex:1;flex-direction:column;width:100%;padding:7px 2px 2px;min-width:0}
 .product-grid .product-name,.top-grid .product-name,.product-track .product-name{font-size:12px;line-height:1.45;min-height:35px;max-height:35px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}
 .product-grid .price,.top-grid .price,.product-track .price{margin:7px 0 10px;min-height:20px;font-size:13px}
 .product-grid .product-actions,.top-grid .product-actions,.product-track .product-actions{margin-top:auto;display:flex;gap:5px;flex-wrap:wrap}
 .product-grid .product-actions .btn,.top-grid .product-actions .btn,.product-track .product-actions .btn{min-height:33px;border-radius:6px;font-size:10px;white-space:normal}
 .product-track{align-items:stretch;gap:10px;scroll-padding-left:2px}
 .product-track>.product{flex:0 0 calc((100% - 10px)/2);scroll-snap-align:start}
 .section-head{margin:23px 0 12px}.section-head h2{font-size:14px}.section-head a{font-size:9px}
 .floating-cart{bottom:78px;top:auto;right:8px;border-radius:12px;min-width:43px;opacity:.95}
 #back-top{bottom:145px;right:12px}
 .special-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .special-product-grid>.product{display:flex;flex-direction:column;min-height:290px;padding:8px}
 .special-product-grid .product-image{height:auto;aspect-ratio:1/1;width:100%}
 .special-product-grid .product-body{display:flex;flex:1;flex-direction:column;padding:7px 2px 2px}
 .special-product-grid .product-name{font-size:12px;min-height:35px;max-height:35px;overflow:hidden}
 .special-product-grid .price{font-size:13px;margin:7px 0 10px}
 .special-product-grid .product-actions{margin-top:auto}.special-product-grid .product-actions .btn{min-height:33px;font-size:10px;padding:5px}
 .footer-inner{gap:18px}
}
@media(max-width:360px){.product-grid,.top-grid,.special-product-grid{gap:7px}.mobile-bottom-nav a{font-size:9px}.product-grid>.product,.top-grid>.product,.product-track>.product{padding:6px}}
@media(prefers-reduced-motion:reduce){.mobile-bottom-nav a{transition:none}}