/* Canonical Collection page stylesheet. Ordered to preserve the approved cascade. */

/* Consolidated from collection-v1-1.css. */

/* =========================================================
   COLLECTION V1.1 — TOP TYPOGRAPHY + HOMEPAGE RHYTHM TEST

   Scope is deliberately limited to the Collection opening area.
   Item cards, images, filters functionality, columns and global
   menu are untouched.

   Key correction:
   prevent Safari / reduced-browser text inflation so the existing
   approved 18 / 12 / 11px Collection hierarchy is actually rendered.

   Spacing adopts the approved Home text rhythm:
   heading -> short rule: 16px
   short rule -> supporting text: 27px
   supporting text -> filters: 28px
   filters -> Collection images: 32px
   ========================================================= */

html,
body,
.page,
.hero-copy,
.hero-copy *,
.filters,
.filters *{
  -webkit-text-size-adjust:100% !important;
  text-size-adjust:100% !important;
}

.page-title{
  font-size:18px !important;
  font-weight:400 !important;
  margin:0 !important;
}

.hero-copy .rule{
  margin:16px auto 27px !important;
}

.hero-copy .intro{
  margin:0 auto !important;
  font-size:12px !important;
  line-height:1.55 !important;
  max-width:720px !important;
}

.hero-copy .filters{
  margin-top:28px !important;
  font-size:11px !important;
}

.collection{
  margin-top:32px !important;
}

/* Keep the same rhythm on mobile instead of allowing Safari
   or earlier responsive rules to manufacture larger type. */
@media (max-width:719px){
  .page-title{
    font-size:18px !important;
  }

  .hero-copy .intro{
    font-size:12px !important;
    line-height:1.55 !important;
  }

  .hero-copy .filters{
    font-size:11px !important;
  }

  .hero-copy .rule{
    margin-top:16px !important;
    margin-bottom:27px !important;
  }

  .hero-copy .filters{
    margin-top:28px !important;
  }

  .collection{
    margin-top:32px !important;
  }
}


/* COLLECTION V1.2 - FROZEN V14 LIBRARY ARTICLE TOP SPACING */
.page {
  padding-top: 58px !important;
}

@media (max-width: 719px) {
  .page {
    padding-top: 42px !important;
  }
}

/* Consolidated from collection-v1-3.css. */

/* COLLECTION V1.3 - NO INTRO + FOR SALE + REFINED RHYTHM */

.hero-copy .rule{
  margin-top:16px !important;
  margin-bottom:27px !important;
}

.hero-copy .filters{
  margin-top:0 !important;
  margin-bottom:0 !important;
}

.collection{
  margin-top:32px !important;
}

.filters{
  justify-content:center !important;
  column-gap:28px !important;
  row-gap:12px !important;
}

@media (max-width:719px){
  .hero-copy .rule{
    margin-top:16px !important;
    margin-bottom:27px !important;
  }

  .collection{
    margin-top:32px !important;
  }

  .filters{
    column-gap:22px !important;
    row-gap:12px !important;
  }
}

/* Consolidated from collection-v1-19b-filtered-masonry.css. */
/* V1.19B — filtered views only */
.collection-columns.dl-filtered-masonry{
  display:block !important;
  column-count:2 !important;
  column-gap:var(--column-gap) !important;
  width:100% !important;
}
.collection-columns.dl-filtered-masonry .collection-column{
  display:contents !important;
}
.collection-columns.dl-filtered-masonry .card{
  display:inline-block !important;
  width:100% !important;
  margin:0 0 clamp(28px, 3vw, 42px) !important;
  break-inside:avoid !important;
  -webkit-column-break-inside:avoid !important;
  page-break-inside:avoid !important;
  vertical-align:top !important;
}
.collection-columns.dl-filtered-masonry .card[hidden]{
  display:none !important;
}
@media (max-width:700px){
  .collection-columns.dl-filtered-masonry{
    column-count:1 !important;
  }
}

/* Consolidated from collection-v1-38-runtime-layout.css. */
/* COLLECTION V1.38 — LOCKED PUBLICATION CHRONOLOGY TEST
   Scope: ALL BOXES desktop layout mechanism only.
   Filtered V1.19B masonry remains untouched. */
.collection-columns.dl-runtime-layout{
  display:flex !important;
  align-items:flex-start !important;
  gap:var(--column-gap) !important;
  width:100% !important;
}
.collection-columns.dl-runtime-layout .collection-column{
  display:block !important;
  flex:1 1 0 !important;
  min-width:0 !important;
}
@media (max-width:700px){
  .collection-columns.dl-runtime-layout{
    display:flex !important;
    flex-direction:column !important;
    gap:0 !important;
  }
  .collection-columns.dl-runtime-layout .collection-column{
    display:contents !important;
  }
  .collection-columns.dl-runtime-layout .card{
    order:initial !important;
  }
}

/* Availability follows the CMS sale status for priced and POA pieces. */
.card[data-availability="sale"] .secondary.price {
  display: flex; flex-wrap: wrap; align-items: baseline; justify-content: center; gap: 0.4em 0.85em;
}
.collection-available-label {
  color: var(--gold, #e5d49a); font-size: 11px; font-weight: 400;
  letter-spacing: 0.09em; white-space: nowrap;
}