/* ============================================================
   80-merch — /merch/ page. Scoped under .sec-80-merch-grid
   ============================================================ */

.sec-80-merch-grid__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--sp-gap);
}

.sec-80-merch-grid__card {
  background: var(--white);
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-soft);
  overflow: hidden;
  transition: box-shadow 400ms var(--ease-out), transform 400ms var(--ease-out);
}

.sec-80-merch-grid__card:hover {
  box-shadow: var(--shadow-lift);
  transform: translateY(-4px);
}

.sec-80-merch-grid__photo-wrap {
  aspect-ratio: 10 / 7;
  background: var(--bone-2);
  overflow: hidden;
}

.sec-80-merch-grid__photo-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sec-80-merch-grid__title {
  font-size: var(--fs-h4);
  margin: 1.1rem 1.2rem 0.3rem;
}

.sec-80-merch-grid__copy {
  color: var(--text-on-bone-dim);
  font-size: 0.92rem;
  line-height: 1.5;
  margin: 0 1.2rem 1.2rem;
}

.sec-80-merch-grid__note {
  margin-top: clamp(2rem, 4vw, 3rem);
  text-align: center;
  color: var(--text-on-bone-dim);
  font-size: 0.9rem;
}

@media (max-width: 980px) {
  .sec-80-merch-grid__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 620px) {
  .sec-80-merch-grid__grid { grid-template-columns: 1fr; }
}

/* /products/ (Amazon picks): product shots on white, shown whole */
#products-grid .sec-80-merch-grid__card {
  display: flex;
  flex-direction: column;
}
#products-grid .sec-80-merch-grid__photo-wrap { background: var(--white); }
#products-grid .sec-80-merch-grid__photo-wrap img {
  object-fit: contain;
  padding: 1rem;
}
.sec-80-merch-grid__buy {
  margin: auto 1.2rem 1.2rem;
  align-self: flex-start;
}
#products-grid .sec-80-merch-grid__title { margin-bottom: 1rem; }