/* =========================================================
   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;
  }
}