/* Category group photography: complete products remain visible at every size. */
.category-collections { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.catalog-collections { margin-bottom: clamp(40px, 5vw, 72px); }
.collection-card {
  position: relative; isolation: isolate; display: flex; flex-direction: column; align-items: center;
  min-width: 0; min-height: 0; overflow: hidden; padding: 32px 24px 30px; border: 1px solid #eeefed;
  border-radius: 12px; background: #fafaf9; color: var(--navy); text-align: center; text-decoration: none;
  transition: border-color 180ms var(--ease), box-shadow 180ms var(--ease);
}
.collection-card img { display: block; width: 86%; height: clamp(220px, 24vw, 320px); object-fit: contain; mix-blend-mode: multiply; }
.collection-card .collection-card-title {
  margin: 20px 0 14px; color: var(--navy); font-family: var(--font-body);
  font-size: clamp(1rem, 1.45vw, 1.2rem); font-weight: 500; line-height: 1.4;
  letter-spacing: -.02em; text-wrap: balance;
}
.collection-card-cta {
  margin-top: auto; display: inline-flex; align-items: center; justify-content: center;
  gap: 10px; min-height: 44px; padding: 8px 0;
  border-bottom: 1px solid #c9cccf; color: var(--navy); font-size: .76rem; font-weight: 500;
  transition: background 180ms var(--ease);
}
.collection-card:hover { border-color: #d4d7d5; }
.collection-card:hover .collection-card-cta { border-color: var(--navy); }
.collection-card:focus-visible { outline: 3px solid var(--navy); outline-offset: 5px; }
@media (max-width: 900px) {
  .category-collections { gap: 14px; }
  .collection-card { padding: 24px 14px; }
  .collection-card img { width: 100%; height: 210px; }
}
@media (max-width: 600px) {
  .category-collections { grid-template-columns: 1fr; gap: 16px; }
  .collection-card { padding: 24px 24px 22px; }
  .collection-card img { width: 84%; height: 250px; }
  .collection-card .collection-card-title { margin-top: 12px; font-size: 1.15rem; }
}
@media (prefers-reduced-motion: reduce) {
  .collection-card, .collection-card-cta { transition: none; }
}