/* ==============================
   COLLECTION PAGE
   ============================== */

.collection-page {
  background: var(--color-bg, #f5f0e8);
  color: var(--color-text, #1a1a14);
}

.collection-page__container {
  width: min(1120px, calc(100% - 2rem));
  margin: 0 auto;
}

.collection-page__hero {
  padding: clamp(7rem, 13vw, 13rem) 0 clamp(3.5rem, 7vw, 7rem);
}

.collection-page__kicker {
  display: inline-block;
  margin-bottom: 2rem;
}

.collection-page__hero h1 {
  max-width: 980px;
  margin: 0;
  font-family: var(--font-serif);
  font-size: clamp(2.7rem, 7vw, 7rem);
  font-weight: 400;
  line-height: 0.95;
  letter-spacing: -0.05em;
}

.collection-page__hero p {
  max-width: 640px;
  margin-top: 2rem;
  font-size: clamp(1.08rem, 1.55vw, 1.35rem);
  line-height: 1.7;
}

.collection-page__products {
  padding: clamp(3.5rem, 7vw, 7rem) 0 clamp(4.5rem, 9vw, 8rem);
}

.collection-page .products {
  margin-top: 0;
}

.collection-page .product {
  position: relative;
}

.collection-page .product-body {
  gap: 0.8rem;
}

.collection-page .product h3 {
  font-size: clamp(1.2rem, 2vw, 1.5rem);
}

.collection-page .product p {
  font-size: 1rem;
  line-height: 1.75;
}

.collection-closing__actions {
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-top: clamp(2.5rem, 4vw, 3.5rem);
}

@media (max-width: 768px) {
  .collection-page__hero h1 {
    max-width: none;
  }

  .collection-closing__actions {
    flex-direction: column;
    gap: 1.25rem;
  }
}