/* webshop V724 — Product cards: slightly smaller / more compact on phones.
   Scope: main Shop product grid only. Admin, coupon, history and member pages are untouched. */

@media (max-width: 760px) {
  body.webshop-v724 #productGrid {
    gap: 7px !important;
  }

  body.webshop-v724 #productGrid > .product {
    border-radius: 14px !important;
  }

  /* Shorten the picture area a little while keeping the whole image visible. */
  body.webshop-v724 #productGrid > .product > .cover {
    aspect-ratio: 1.12 / 1 !important;
  }

  body.webshop-v724 #productGrid > .product > .cover > img {
    padding: 3px !important;
    object-fit: contain !important;
  }

  /* Top stock / discount chips */
  body.webshop-v724 #productGrid > .product .cover > .tag,
  body.webshop-v724 #productGrid > .product .cover > .discount-badge-v49,
  body.webshop-v724 #productGrid > .product .cover.has-promotion-v184 > .discount-badge-v49 {
    min-height: 18px !important;
    padding: 3px 5px !important;
    font-size: 7.6px !important;
  }

  body.webshop-v724 #productGrid > .product .cover > .tag {
    top: 5px !important;
    left: 5px !important;
    gap: 3px !important;
  }

  body.webshop-v724 #productGrid > .product .cover > .discount-badge-v49,
  body.webshop-v724 #productGrid > .product .cover.has-promotion-v184 > .discount-badge-v49 {
    top: 5px !important;
    right: 5px !important;
  }

  body.webshop-v724 #productGrid > .product .cover > .tag::before {
    flex-basis: 5px !important;
    width: 5px !important;
    height: 5px !important;
  }

  body.webshop-v724 #productGrid > .product .cover > .product-promotion-badge-v184 {
    bottom: 5px !important;
    left: 5px !important;
    max-width: calc(100% - 10px) !important;
    min-height: 18px !important;
    padding: 3px 6px !important;
    font-size: 7.3px !important;
  }

  /* Expiry strip directly under the picture */
  body.webshop-v724 #productGrid > .product .product-cover-expiry-v71,
  body.webshop-v724 #productGrid > .product .product-cover-expiry-v70,
  body.webshop-v724 #productGrid > .product .product-cover-expiry-v69 {
    gap: 3px !important;
    width: calc(100% - 10px) !important;
    min-height: 24px !important;
    margin: 5px 5px 0 !important;
    padding: 3px 5px !important;
    border-radius: 8px !important;
    font-size: clamp(6.9px, 1.95vw, 8px) !important;
  }

  body.webshop-v724 #productGrid > .product [class*="product-cover-expiry-v"]::before {
    flex-basis: 11px !important;
    width: 11px !important;
    height: 11px !important;
  }

  /* Product content */
  body.webshop-v724 #productGrid > .product > .body {
    padding: 7px !important;
  }

  body.webshop-v724 #productGrid > .product .name {
    height: 29px !important;
    font-size: 10.2px !important;
    line-height: 1.38 !important;
  }

  body.webshop-v724 #productGrid > .product .price {
    gap: 4px !important;
    margin: 4px 0 !important;
  }

  body.webshop-v724 #productGrid > .product .sale {
    font-size: 14px !important;
  }

  body.webshop-v724 #productGrid > .product .price .full {
    font-size: 8px !important;
  }

  /* Small purchase-limit note generated inline by JS */
  body.webshop-v724 #productGrid > .product > .body > div[style*="font-size:10px"] {
    margin-bottom: 5px !important;
    font-size: 8.4px !important;
    line-height: 1.3 !important;
  }

  /* Detail / condition button */
  body.webshop-v724 #productGrid > .product .product-condition-trigger-v225,
  body.webshop-v724 #productGrid > .product .product-condition-trigger-v227,
  body.webshop-v724 #productGrid > .product .product-condition-trigger-v313 {
    min-height: 24px !important;
    margin: 4px 0 1px !important;
    padding: 4px 7px !important;
    border-radius: 9px !important;
    font-size: 8.6px !important;
  }

  /* Quantity + add-to-cart row */
  body.webshop-v724 #productGrid > .product .qty {
    gap: 4px !important;
  }

  body.webshop-v724 #productGrid > .product .qty-ctl button {
    width: 23px !important;
    height: 23px !important;
    min-width: 23px !important;
    min-height: 23px !important;
    padding: 0 !important;
    font-size: 12px !important;
  }

  body.webshop-v724 #productGrid > .product .qty-ctl span {
    min-width: 20px !important;
    font-size: 8.5px !important;
  }

  body.webshop-v724 #productGrid > .product .add-cart-v62 {
    min-height: 28px !important;
    padding: 5px 4px !important;
    border-radius: 9px !important;
    font-size: 8.3px !important;
  }
}

/* Very small phones: keep two columns usable without making text too tiny. */
@media (max-width: 380px) {
  body.webshop-v724 #productGrid {
    gap: 6px !important;
  }

  body.webshop-v724 #productGrid > .product > .body {
    padding: 6px !important;
  }

  body.webshop-v724 #productGrid > .product .name {
    font-size: 9.7px !important;
  }

  body.webshop-v724 #productGrid > .product .add-cart-v62 {
    font-size: 8px !important;
  }
}