/* v0.13.404 — storefront pages opened inside the iPhone home-screen app (standalone): before, the header (logo, avatar)
   sat under the clock / battery and pictures scrolled beneath the status bar (iOS 26 blurred them). Now the page starts
   below the status bar, a solid band covers the strip, and the sticky header is solid and sits right under the band.
   (html.tb-standalone is set by site_header.php from navigator.standalone / display-mode: standalone.) */
html.tb-standalone body{padding-top:env(safe-area-inset-top,0px)}
html.tb-standalone body::before{content:"";position:fixed;top:0;left:0;right:0;height:env(safe-area-inset-top,0px);z-index:2147483000;pointer-events:none;background:rgb(var(--workspace-surface-rgb,255,255,255))}
html.tb-standalone .market-header{top:env(safe-area-inset-top,0px)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgb(var(--workspace-surface-rgb,255,255,255))!important}
/* phone browsers: the store / search cards were 500px tall (picture + brand + title + store + category line + stock
   line + price + button). Same content as the app card now: picture, price, two-line title, store, button — brand,
   category and the stock line stay on the product page (the cart button already shows the delivery date). */
@media (max-width:640px){
  .market-product-card:not(.v3-card) .product-body>small.store-name,
  .market-product-card:not(.v3-card) .product-body>.rating,
  .market-product-card:not(.v3-card) .product-body>.product-stock-line{display:none!important}
  .market-product-card:not(.v3-card) .product-body h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3;max-height:2.6em}
  .market-product-card:not(.v3-card) .product-body{gap:5px!important}
}