/* ==========================================================================
   Phone fixes shared by every page (loaded last in <head>).
   The homepage already trimmed its header with inline CSS; this brings the
   other pages in line and tames the sticky buy bar.
   ========================================================================== */

/* Marks by Wype artwork: show the whole design in basket thumbnails */
img[src*="assets/marks/"] { object-fit: contain !important; background: #f7f5f2; }

/* Sold-out products: no sticky "Sold out" bar and no delivery estimate */
html.wype-sold-out .p-buy-strip,
html.wype-sold-out .eta { display: none !important; }

@media (max-width: 640px) {
  /* Header: logo, one basket button and the menu. Language and currency
     stay available in the menu panel and at checkout. */
  html body #nav.nav .nav__country,
  html body #nav.nav .wype-lang,
  html body #nav.nav .nav__link,
  html body #nav.nav .nav__products-wrap,
  html body #nav.nav .nav__icon-group-btn:not(.nav__icon-group-btn--cart),
  html body #nav.nav .nav__icon-btn[aria-label="Account"] { display: none !important; }
  /* cart.js adds a basket-drawer button; when it's there, hide the second
     basket (the checkout link) so there's one basket icon */
  html body #nav.nav .nav__right:has(.wype-cart-btn) .nav__icon-group { display: none !important; }
  html body #nav.nav .nav__right { gap: 6px; }

  /* Homepage hero stats: three numbers fit side by side without touching */
  html body #hero.hero .hero__stat-num { font-size: clamp(26px, 8.4vw, 34px) !important; }

  /* Sticky buy bar: one slim row instead of a quarter of the screen */
  .p-buy-strip {
    padding: 10px 0 calc(10px + env(safe-area-inset-bottom)) !important;
  }
  .p-buy-strip .p-buy-strip__inner {
    flex-direction: row !important;
    text-align: left !important;
    gap: 12px !important;
  }
  .p-buy-strip .p-buy-strip__name { font-size: 16px !important; line-height: 1.15; }
  .p-buy-strip .p-buy-strip__price { font-size: 12px !important; margin-top: 1px; }
  .p-buy-strip .p-buy-strip__actions { width: auto !important; flex: 0 0 auto; }
  .p-buy-strip .p-buy-strip__actions .p-buy-strip__btn {
    flex: 0 0 auto !important;
    min-height: 44px;
    padding: 12px 18px !important;
    font-size: 13px !important;
    white-space: nowrap;
  }
  /* Wallet buttons already sit under the main CTA; keep the bar uncluttered */
  .p-buy-strip .p-buy-strip__quickpay { display: none !important; }
}