/** Shopify CDN: Minification failed

Line 753:1 Expected "}" to go with "{"

**/
/* =====================================================
   HERFAITH BY RODIER GROUP
   Jacquemus-inspired minimal luxury
   Toronto, Canada — 2026
===================================================== */

:root {
  --rose:      #C9907A;
  --gold:      #BFA07A;
  --gold-lt:   #E8D8C0;
  --cream:     #FAF7F4;
  --cream2:    #F0EAE4;
  --dark:      #1C1410;
  --gray:      #9A8880;
  --white:     #FFFFFF;
  --serif:     'Cormorant Garamond', Georgia, serif;
  --sans:      'Josefin Sans', sans-serif;
}

/* BASE */
body {
  font-family: var(--sans) !important;
  font-weight: 300 !important;
  background: var(--cream) !important;
  color: var(--dark) !important;
  -webkit-font-smoothing: antialiased;
}

/* TITRES */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4 {
  font-family: var(--serif) !important;
  font-weight: 300 !important;
  letter-spacing: -0.01em !important;
}

p, span, li, a {
  font-family: var(--sans) !important;
  font-weight: 300 !important;
  letter-spacing: 0.04em;
}

/* ── HEADER ── */
.header,
.header-wrapper {
  background: var(--cream) !important;
  border-bottom: 1px solid rgba(191,160,122,0.15) !important;
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}

.header__heading-link,
.header__heading,
.header__heading a {
  font-family: var(--serif) !important;
  font-size: 15px !important;
  font-weight: 300 !important;
  letter-spacing: 5px !important;
  text-transform: uppercase !important;
  color: var(--dark) !important;
}

.header__menu-item,
.header__menu-item a,
.header__menu-item span {
  font-family: var(--sans) !important;
  font-size: 9px !important;
  font-weight: 300 !important;
  letter-spacing: 4px !important;
  text-transform: uppercase !important;
  color: var(--dark) !important;
  transition: color 0.3s !important;
}

.header__menu-item:hover,
.header__menu-item a:hover {
  color: var(--rose) !important;
  text-decoration: none !important;
}

.header__icon,
.header__icon svg {
  color: var(--dark) !important;
  stroke: var(--dark) !important;
}

/* ── BUTTONS ── */
.button,
.btn,
button[type="submit"],
input[type="submit"] {
  font-family: var(--sans) !important;
  font-size: 9px !important;
  font-weight: 300 !important;
  letter-spacing: 4px !important;
  text-transform: uppercase !important;
  border-radius: 0 !important;
  padding: 14px 38px !important;
  transition: all 0.35s ease !important;
  cursor: pointer;
}

.button,
.button--primary {
  background: var(--dark) !important;
  color: var(--white) !important;
  border: 1px solid var(--dark) !important;
}

.button:hover,
.button--primary:hover {
  background: var(--rose) !important;
  border-color: var(--rose) !important;
  color: var(--white) !important;
}

.button--secondary,
.button--outline-secondary {
  background: transparent !important;
  color: var(--dark) !important;
  border: 1px solid var(--dark) !important;
}

.button--secondary:hover {
  background: var(--dark) !important;
  color: var(--white) !important;
}

/* ── HERO BANNER ── */
.banner {
  background: var(--cream) !important;
  min-height: 90vh !important;
}

.banner__heading {
  font-family: var(--serif) !important;
  font-size: clamp(44px, 7vw, 92px) !important;
  font-weight: 300 !important;
  font-style: italic !important;
  color: var(--dark) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.02em !important;
}

.banner__text {
  font-family: var(--serif) !important;
  font-size: clamp(15px, 1.8vw, 20px) !important;
  font-style: italic !important;
  font-weight: 300 !important;
  color: var(--gray) !important;
  line-height: 1.7 !important;
  max-width: 500px !important;
}

.banner__content {
  padding: 60px !important;
}

/* ── SECTION HEADERS ── */
.collection-list__title,
.featured-collection__title,
.section-header__title,
[data-aos] h2,
.rich-text__heading,
.multicolumn__title {
  font-family: var(--serif) !important;
  font-size: clamp(28px, 4vw, 52px) !important;
  font-weight: 300 !important;
  color: var(--dark) !important;
  text-align: center;
}

/* ── PRODUCT CARDS ── */
.card {
  background: var(--cream) !important;
  border-radius: 0 !important;
  border: none !important;
  box-shadow: none !important;
}

.card-wrapper {
  background: transparent !important;
}

.card__media {
  border-radius: 0 !important;
  overflow: hidden;
  background: var(--cream2) !important;
}

.card__media img,
.card__media .motion-reduce {
  transition: transform 0.65s ease !important;
}

.card-wrapper:hover .card__media img {
  transform: scale(1.04) !important;
}

.card__heading,
.card__heading a {
  font-family: var(--serif) !important;
  font-size: 19px !important;
  font-weight: 300 !important;
  color: var(--dark) !important;
  letter-spacing: 0.01em !important;
  text-decoration: none !important;
}

.card__heading a:hover {
  color: var(--rose) !important;
}

.card__information {
  padding: 16px 0 !important;
}

.price,
.price__regular,
.price-item {
  font-family: var(--serif) !important;
  font-size: 20px !important;
  font-weight: 300 !important;
  color: var(--dark) !important;
}

/* ── PRODUCT PAGE ── */
.product__title {
  font-family: var(--serif) !important;
  font-size: clamp(28px, 4vw, 50px) !important;
  font-weight: 300 !important;
  color: var(--dark) !important;
  line-height: 1.15 !important;
}

.product__price {
  font-family: var(--serif) !important;
  font-size: 26px !important;
  font-weight: 300 !important;
  color: var(--dark) !important;
}

.product__description,
.product__description p {
  font-family: var(--serif) !important;
  font-size: 16px !important;
  font-weight: 300 !important;
  color: var(--gray) !important;
  line-height: 1.9 !important;
}

.product__description strong {
  color: var(--dark) !important;
  font-weight: 400 !important;
  font-size: 13px !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
}

.product__description em {
  font-style: italic !important;
  color: var(--gray) !important;
}

/* Variant pills */
.variant-pills .variant-pills__input:checked + .variant-pills__label,
.variant-pills__label:hover {
  background: var(--dark) !important;
  color: var(--white) !important;
  border-color: var(--dark) !important;
}

.variant-pills__label {
  font-family: var(--sans) !important;
  font-size: 9px !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  border-radius: 0 !important;
  padding: 10px 20px !important;
  transition: all 0.3s !important;
}

/* ── RICH TEXT / ABOUT SECTIONS ── */
.rich-text {
  background: var(--cream) !important;
  padding: 80px 60px !important;
}

.rich-text__heading {
  font-family: var(--serif) !important;
  font-size: clamp(30px, 4vw, 52px) !important;
  font-weight: 300 !important;
  font-style: italic !important;
  color: var(--dark) !important;
}

.rich-text__text,
.rich-text__text p {
  font-family: var(--serif) !important;
  font-size: 17px !important;
  font-weight: 300 !important;
  color: var(--gray) !important;
  line-height: 1.9 !important;
}

/* ── IMAGE WITH TEXT ── */
.image-with-text {
  background: var(--cream) !important;
}

.image-with-text__content {
  padding: 60px !important;
}

.image-with-text__heading {
  font-family: var(--serif) !important;
  font-size: clamp(26px, 3.5vw, 44px) !important;
  font-weight: 300 !important;
  color: var(--dark) !important;
}

.image-with-text__text,
.image-with-text__text p {
  font-family: var(--serif) !important;
  font-size: 16px !important;
  font-weight: 300 !important;
  color: var(--gray) !important;
  line-height: 1.9 !important;
}

/* ── MULTICOLUMN / FEATURES ── */
.multicolumn-card {
  background: var(--cream2) !important;
  border-radius: 0 !important;
  padding: 35px !important;
}

.multicolumn-card__title {
  font-family: var(--serif) !important;
  font-size: 20px !important;
  font-weight: 300 !important;
  color: var(--dark) !important;
}

.multicolumn-card__info,
.multicolumn-card__info p {
  font-family: var(--serif) !important;
  font-size: 15px !important;
  font-style: italic !important;
  color: var(--gray) !important;
  line-height: 1.75 !important;
}

/* ── NEWSLETTER ── */
.newsletter {
  background: #F5E6E0 !important;
  padding: 80px 60px !important;
}

.newsletter__heading {
  font-family: var(--serif) !important;
  font-size: clamp(28px, 4vw, 48px) !important;
  font-weight: 300 !important;
  font-style: italic !important;
  color: var(--dark) !important;
}

.newsletter__subheading,
.newsletter__subheading p {
  font-family: var(--serif) !important;
  font-size: 17px !important;
  font-style: italic !important;
  color: var(--gray) !important;
}

.newsletter-form__field-wrapper input {
  border-radius: 0 !important;
  border: 1px solid rgba(201,144,122,0.35) !important;
  font-family: var(--sans) !important;
  font-size: 11px !important;
  letter-spacing: 2px !important;
  background: var(--white) !important;
}

.newsletter-form__field-wrapper input:focus {
  border-color: var(--rose) !important;
  outline: none !important;
}

.newsletter-form .button {
  background: var(--rose) !important;
  border-color: var(--rose) !important;
  color: var(--white) !important;
}

.newsletter-form .button:hover {
  background: var(--dark) !important;
  border-color: var(--dark) !important;
}

/* ── FOOTER ── */
.footer,
footer {
  background: var(--dark) !important;
  border-top: none !important;
}

.footer__heading {
  font-family: var(--sans) !important;
  font-size: 9px !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  color: var(--rose) !important;
  margin-bottom: 18px !important;
}

.footer__list-item a,
.footer a {
  font-family: var(--serif) !important;
  font-size: 15px !important;
  color: rgba(255,255,255,0.42) !important;
  text-decoration: none !important;
  transition: color 0.3s !important;
}

.footer__list-item a:hover,
.footer a:hover {
  color: var(--rose) !important;
}

.footer__copyright,
.footer__copyright p {
  font-family: var(--sans) !important;
  font-size: 10px !important;
  letter-spacing: 1px !important;
  color: rgba(255,255,255,0.22) !important;
}

/* ── CART ── */
.cart-item__name {
  font-family: var(--serif) !important;
  font-size: 17px !important;
  font-weight: 300 !important;
  color: var(--dark) !important;
}

.cart-item__price,
.totals__subtotal-value {
  font-family: var(--serif) !important;
  font-size: 20px !important;
  font-weight: 300 !important;
}

.cart__cta .button {
  width: 100% !important;
}

/* ── BREADCRUMBS ── */
.breadcrumbs,
.breadcrumbs a,
.breadcrumbs span {
  font-family: var(--sans) !important;
  font-size: 9px !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  color: var(--gray) !important;
}

/* ── SCROLL ANIMATION HELPER ── */
.hf-fade {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 0.85s ease, transform 0.85s cubic-bezier(0.16,1,0.3,1);
}

.hf-fade.hf-show {
  opacity: 1;
  transform: translateY(0);
}

/* ── DIVIDER GOLD ── */
.hf-divider {
  width: 50px;
  height: 1px;
  background: var(--gold-lt);
  margin: 20px auto;
}

/* ── COLLECTION PAGE ── */
.collection__title {
  font-family: var(--serif) !important;
  font-size: clamp(36px, 5vw, 64px) !important;
  font-weight: 300 !important;
  font-style: italic !important;
  text-align: center !important;
  color: var(--dark) !important;
}

/* ── INPUTS FORMS ── */
input, textarea, select {
  border-radius: 0 !important;
  font-family: var(--sans) !important;
  font-weight: 300 !important;
  border-color: rgba(28,20,16,0.18) !important;
}

input:focus, textarea:focus {
  border-color: var(--rose) !important;
  outline: none !important;
  box-shadow: none !important;
}

/* ── LINKS ── */
a {
  color: var(--dark);
  transition: color 0.3s ease;
}

a:hover {
  color: var(--rose);
  text-decoration: none !important;
}

/* ── SECTION SPACING ── */
.shopify-section {
  margin-top: 0 !important;
}

.section-full-width,
.section {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

@media (max-width: 749px) {
  .section {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .banner__content {
    padding: 30px 20px !important;
  }
  .banner__heading {
    font-size: clamp(36px, 10vw, 60px) !important;
  }
  .rich-text {
    padding: 50px 20px !important;
  }
  .newsletter {
    padding: 50px 20px !important;
  }

  .image-with-text__content {
    padding: 30px 20px !important;
  }
}
/* ── FOOTER TEXT FIX ── */
.footer,
.footer p,
.footer span,
.footer li,
.footer div {
  color: rgba(255,255,255,0.45) !important;
}

.footer__heading,
.footer__heading p {
  color: var(--rose) !important;
  font-size: 9px !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
}

.footer__list-item a,
.footer a {
  color: rgba(255,255,255,0.45) !important;
}

.footer__list-item a:hover,
.footer a:hover {
  color: var(--rose) !important;
}

.footer__copyright,
.footer__copyright p,
.footer__copyright a {
  color: rgba(255,255,255,0.22) !important;
/* ── FOOTER FORCE FIX ── */
footer * {
  color: rgba(255,255,255,0.55) !important;
}

footer h2,
footer h3,
footer h4,
footer strong {
  color: #C9907A !important;
}

footer a {
  color: rgba(255,255,255,0.55) !important;
  text-decoration: none !important;
}

footer a:hover {
  color: #C9907A !important;
}

footer .footer__copyright,
footer .footer__copyright * {
  color: rgba(255,255,255,0.25) !important;
}
.header { background-color: #FAF7F4 !important; }
.header-wrapper { background-color: #FAF7F4 !important; }
.header__wrapper { background-color: #FAF7F4 !important; }
section-header { background-color: #FAF7F4 !important; }
.header { margin-bottom: 0 !important; padding-bottom: 0 !important; }
.shopify-section-header { margin-bottom: 0 !important; }
.banner {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.shopify-section:first-of-type {
  margin-top: 0 !important;
}
#shopify-section-header {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.shopify-section-group-header-group {
  margin-bottom: 0 !important;
}

#shopify-section-template--\-\-sections\-\-image-banner {
  margin-top: 0 !important;
}

* + .shopify-section:nth-child(2) {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
/* Footer blocks fix */
.footer__block,
.footer__blocks,
.footer-block,
.footer-block__details,
.footer__menu,
.footer__linklist {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.footer details,
.footer summary {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  list-style: none !important;
}
footer .multicolumn,
footer .multicolumn-list__item,
footer .multicolumn-card {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
/* Footer Jacquemus style */
footer,
.footer {
  background: #FAF7F4 !important;
  border-top: 1px solid rgba(28,20,16,0.1) !important;
  padding: 50px 30px 30px !important;
}

footer *,
.footer * {
  color: var(--dark) !important;
}

.footer__heading {
  font-family: var(--sans) !important;
  font-size: 9px !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  color: var(--dark) !important;
  border-bottom: 1px solid rgba(28,20,16,0.1) !important;
  padding-bottom: 15px !important;
  margin-bottom: 15px !important;
}

.footer__list-item a {
  font-family: var(--serif) !important;
  font-size: 15px !important;
  color: var(--dark) !important;
  text-decoration: none !important;
}

.footer__list-item a:hover {
  text-decoration: underline !important;
}

.footer__copyright {
  font-size: 10px !important;
  letter-spacing: 1px !important;
  color: rgba(28,20,16,0.4) !important;
  text-align: center !important;
  margin-top: 40px !important;
  padding-top: 20px !important;
  border-top: 1px solid rgba(28,20,16,0.1) !important;
}
footer .multicolumn-card,
footer .multicolumn-list__item,
footer .multicolumn {
  color: rgba(255,255,255,0.7) !important;
}

footer .multicolumn-card__title,
footer .multicolumn-card h2,
footer .multicolumn-card h3 {
  color: #C9907A !important;
}

footer .multicolumn-card p,
footer .multicolumn-card a {
  color: rgba(255,255,255,0.7) !important;
}
footer .multicolumn-card,
footer .multicolumn-card *,
footer .multicolumn-card a,
footer .multicolumn-card p,
footer .multicolumn-card h2,
footer .multicolumn-card h3 {
  color: rgba(255,255,255,0.75) !important;
  background: transparent !important;
}
footer .multicolumn-list {
  justify-content: flex-start !important;
  align-items: flex-start !important;
  padding-left: 20px !important;
}
.shopify-shop-button,
[data-shop-button],
.shop-follow-button {
  display: none !important;
}