/** Shopify CDN: Minification failed

Line 105:8 Expected ":"

**/
/* ─────────────────────────────────────────────────────────────────────────
   Collection page reskin (2026-05-12) — loaded by main-collection-banner.liquid
   and main-collection-product-grid.liquid so it ships on every collection page
   (home-reskin.css is gated to template.name == 'index' and can't reach here).

   Two concerns:
   1. Stacked hero: image full grid-width on top, title + short description below.
      Overrides Dawn's component-collection-hero.css which forces flex-direction:row
      with margin-left:3rem + min-height:20rem on desktop. !important everywhere.
   2. Stylish editorial images injected at slots 8 & 16 of the product grid —
      a full-row grid item with natural-ratio image inside.
   ───────────────────────────────────────────────────────────────────────── */

/* ─── HERO ──────────────────────────────────────────────────────────────── */

.collection-hero.collection-hero--stacked {
  padding: 0 !important;
}
.collection-hero--stacked .collection-hero__inner {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  padding-block: clamp(1.5rem, 3vw, 3rem) !important;
  margin-bottom: 0 !important;
}
.collection-hero--stacked .collection-hero__image-container {
  width: 100% !important;
  max-width: none !important;
  flex: 0 0 auto !important;
  margin: 0 auto !important;
  margin-left: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  align-self: center !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}
.collection-hero--stacked .collection-hero__image-container img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
}
.collection-hero--stacked .collection-hero__text-wrapper {
  margin: clamp(1.5rem, 3vw, 2.25rem) auto 0 !important;
  padding: 0 !important;
  max-width: 44em !important;
  flex-basis: auto !important;
  flex: 0 0 auto !important;
}
.collection-hero--stacked .collection-hero__title {
  margin: 0 0 0.5rem !important;
  font-family: "Cormorant Garamond", "EB Garamond", serif;
  font-weight: 400;
  font-style: italic;
  font-size: clamp(1.8rem, 1.4rem + 1.6vw, 2.8rem);
  line-height: 1.15;
  letter-spacing: 0.01em;
}
.collection-hero--stacked .collection-hero__short-description {
  margin: 0.75rem auto 0 !important;
  max-width: 38em;
  font-size: clamp(1.15rem, 1.05rem + 0.5vw, 1.45rem);
  line-height: 1.55;
  font-weight: 300;
  color: rgba(var(--color-foreground), 0.9);
  white-space: pre-line;
}

@media screen and (max-width: 749px) {
  .collection-hero--stacked .collection-hero__inner {
    padding-block: 1rem !important;
  }
  .collection-hero--stacked .collection-hero__text-wrapper {
    margin-top: 1.25rem !important;
  }
}

/* ─── STYLISH EDITORIAL IMAGES (slots 8 & 16 of the product grid) ──────── */

.collection .product-grid > li.collection-stylish {
  flex: 0 0 100%;
  max-width: 100%;
  width: 100%;
  margin: clamp(1rem, 2.5vw, 2rem) 0;
  padding: 0;
  list-style: none;
}
.collection .product-grid > li.collection-stylish img {
  display: block;
  width: 100%;
  height: auto;
  background: rgba(0, 0, 0, 0.04);
}
.collection .product-grid > li.collection-stylish--end {
  margin