/* Mobile app frame: only the catalogue scrolls. Navigation participates in
   layout, so WebKit cannot leave a fixed toolbar over the middle of a card. */
.store-scroll{display:contents}
.mobile-nav svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mobile-nav .nav-icon{position:relative;display:grid;place-items:center;width:26px;height:26px;margin:0}
.mobile-nav .nav-icon .cart-count{position:absolute;top:-3px;right:-9px;margin:0}
@media(max-width:720px){
 html:has(>body.marketplace){height:100%;overflow:hidden;overscroll-behavior:none}
 body.marketplace,.phone-app body.marketplace{height:100vh;height:100dvh;min-height:0;max-height:100dvh;display:flex;flex-direction:column;overflow:hidden;overscroll-behavior:none}
 .marketplace>.header{position:relative;inset:auto;flex:none;z-index:20}
 .marketplace>.store-scroll{display:block;flex:1 1 0;min-height:0;min-width:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scroll-padding-top:14px;scroll-behavior:auto}
 .marketplace>.mobile-nav,.phone-app .marketplace>.mobile-nav{position:relative;inset:auto;flex:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:auto;min-height:64px;margin:0;padding:6px max(6px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));background:#fff;border-top:1px solid #e5e9ef;backdrop-filter:none;-webkit-backdrop-filter:none;transform:none;translate:none;z-index:22}
 .marketplace .mobile-nav>a,.marketplace .mobile-nav>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:100%;min-width:0;min-height:50px;padding:2px 0;border:0;background:none;color:#626b7b;font:inherit;text-decoration:none;line-height:1.15;touch-action:manipulation}
 .marketplace .mobile-nav span{margin:0;font-size:10.5px;line-height:1.2;white-space:nowrap;gap:0}
 .marketplace .mobile-nav .active{color:#1d58dc}
 .marketplace .mobile-nav .nav-icon{width:26px;height:26px}
 .marketplace .mobile-nav .cart-count{height:16px;min-width:16px;width:auto;padding:0 3px;font-size:10px;line-height:16px;display:block;text-align:center;box-shadow:0 0 0 2px #fff}
 .marketplace .mobile-nav .cart-count[data-empty="true"]{display:none}
 .marketplace .footer,.phone-app .marketplace .footer{padding-bottom:24px}
 .marketplace .product-card{translate:none;animation:none}
 .marketplace .product-meta{padding:10px 9px 0}
 .marketplace .card-status{display:flex;align-items:center;gap:5px;flex-wrap:wrap;min-height:24px}
 .marketplace .card-status .collection-badges{margin:0}
 .marketplace .card-status .availability{font-size:11px}
 .marketplace .card-colors{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:3px;min-height:13px;height:auto;align-items:center;justify-content:start;margin:8px 0;flex-wrap:nowrap}
 .marketplace .card-colors .color-dot{display:block;width:100%;max-width:11px;height:auto;aspect-ratio:1;min-width:0;border:1px solid #00000018}
 .marketplace .product-subtitle{margin:0}
 .marketplace .product-name{min-height:54px;margin-top:5px;font-size:13px;line-height:18px}
 .marketplace .product-bottom{padding-top:7px}
 .marketplace .add-btn{min-height:44px}
 .marketplace .toast{bottom:calc(76px + env(safe-area-inset-bottom))}
 .marketplace.modal-open>.store-scroll{overflow:hidden}
}