/* Tampilan belanja pada layar ponsel. Desktop dan dashboard admin/merchant tetap memakai navigasi semula. */
.mobile-shop-header,.mobile-shop-nav{display:none}
@media(max-width:719px){
 body:has(#publicView:not(.hidden)){padding-top:64px}
 body:has(#publicView:not(.hidden)) .top-service-bar,body:has(#publicView:not(.hidden)) #mainNav{display:none!important}
 #publicView:not(.hidden){padding-bottom:calc(76px + env(safe-area-inset-bottom))}
 #publicView:not(.hidden) .mobile-shop-header{display:flex;align-items:center;gap:9px;position:fixed;left:0;right:0;top:0;z-index:850;height:64px;box-sizing:border-box;padding:9px 13px;background:#f7fff9;border-bottom:1px solid #dceae1;box-shadow:0 3px 14px rgba(12,65,39,.08)}
 .mobile-shop-logo{width:35px;height:35px;flex:none;object-fit:contain}
 .mobile-shop-search{display:flex;align-items:center;gap:7px;flex:1;min-width:0;height:41px;box-sizing:border-box;border-radius:12px;background:#fff;border:1px solid #cadfd3;padding:0 12px;color:#0b714a}
 .mobile-shop-search>span{font-size:27px;line-height:1;flex:none}
 .mobile-shop-search input{width:100%;min-width:0;height:100%;border:0!important;background:transparent!important;box-shadow:none!important;outline:none!important;font:inherit;font-size:14px;color:#153c2c}
 .mobile-shop-search:focus-within{border-color:#087b4d;box-shadow:0 0 0 2px #d3f1e0}
 .mobile-shop-cart{position:relative;flex:none;border:0;background:#e3f6ea;color:#0b7046;border-radius:11px;width:42px;height:42px;font-size:22px;cursor:pointer}
 .mobile-shop-cart-count{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;box-sizing:border-box;padding:0 3px;border-radius:999px;background:#d94036;color:#fff;font-size:10px;line-height:17px;font-weight:800}
 #publicView:not(.hidden) .mobile-shop-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;left:0;right:0;bottom:0;z-index:80;height:calc(65px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);box-sizing:border-box;background:#fff;border-top:1px solid #dae7de;box-shadow:0 -3px 14px rgba(14,59,35,.08)}
 .mobile-shop-nav button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;background:transparent;border:0;color:#546b5b;cursor:pointer;padding:3px 0;font:inherit}
 .mobile-shop-nav button span{font-size:22px;line-height:24px}.mobile-shop-nav button small{font-size:10px;font-weight:700;line-height:15px}
 .mobile-shop-nav button.active,.mobile-shop-nav button[aria-current="page"]{color:#086e45;background:#f0faf3}
 .mobile-shop-nav button:focus-visible,.mobile-shop-cart:focus-visible{outline:3px solid #e9a83b;outline-offset:-3px}
 #marketplacePanel .marketplace-toolbar #productSearch{display:none}
 #productDetailPanel{width:100%;max-width:720px;box-sizing:border-box;padding:0!important;margin:0 auto 12px}
 #productDetailPanel .product-detail-view{padding:0;border:0;border-radius:0;box-shadow:none;background:#f5f7f5}
 #productDetailPanel .btn-kembali{margin:10px 12px 8px;background:#fff;color:#14573b;border:1px solid #dce8e0}
 #productDetailPanel .pd-desktop-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
 #productDetailPanel .pd-col-image{background:#fff}
 #productDetailPanel .pd-slider-container{border-radius:0;background:#fff}
 #productDetailPanel .pd-main-image{object-fit:contain}
 #productDetailPanel .pd-thumbs{margin:0;padding:9px 12px;gap:9px}
 #productDetailPanel .pd-thumb{width:58px;height:58px;flex:none}
 #productDetailPanel .pd-col-desc{background:#fff;margin-top:7px;padding:15px 16px}
 #productDetailPanel .pd-col-desc h2{font-size:21px;line-height:1.35;margin:10px 0 7px}
 #productDetailPanel .pd-price{font-size:24px;margin-bottom:8px}
 #productDetailPanel .pd-col-action{padding:9px 12px 0}
 #productDetailPanel .action-card{background:#fff;border:1px solid #e1eae3}
 #productDetailPanel .pd-description-card{margin-top:18px}
 #productDetailPanel:not(.hidden){padding-bottom:calc(155px + env(safe-area-inset-bottom))!important}
 #productDetailPanel:not(.hidden) #addCartBtn{bottom:calc(65px + env(safe-area-inset-bottom))!important;height:56px!important;min-height:56px!important;padding:6px 14px!important;z-index:81}
 #productDetailPanel:not(.hidden) #addCartBtn small{font-size:10px}
 #productDetailPanel:not(.hidden) .wa-seller{position:static;margin-top:12px;width:100%}
 body:has(#publicView:not(.hidden)) #waAdminFloat{bottom:calc(85px + env(safe-area-inset-bottom))}
}