/* Product pages use the paper background, so their navigation needs contrast. */
.product-detail-page .site-header {
  position: relative;
  background: var(--ink);
  color: #fff;
}

.product-detail-page .back-link {
  margin-top: 40px;
}

/* Supplier thumbnails are often 180px square. Preserve their native scale
   instead of stretching them into a soft, blurred product-detail image. */
.product-media img,
.detail-media img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.add-to-cart-form {
  display:flex;
  align-items:end;
  gap:12px;
  margin:24px 0 0;
}
.add-to-cart-form label { display:flex; flex-direction:column; gap:6px; color:var(--muted); font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.add-to-cart-form input { width:88px; border:1px solid var(--line); border-radius:8px; padding:12px; background:#fff; color:var(--ink); font:inherit; }
.add-to-cart-form .button { border:0; cursor:pointer; }

@media (max-width: 800px) {
  .product-detail-page .back-link {
    margin-top: 40px;
  }
  .add-to-cart-form { align-items:stretch; flex-wrap:wrap; }
  .add-to-cart-form .button { width:100%; }
}