/** Shopify CDN: Minification failed

Line 228:0 Unexpected "}"

**/
/* ===========================================================================
   jolie-marche.css — custom overrides for Studio theme
   Layered on top of base.css to match the Jolie Marche UI kit.
   --------------------------------------------------------------------------- */

/* --- Type tightening: Cormorant likes a tighter line-height than Studio's default --- */
.h0, h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
  font-family: var(--font-heading-family);
  font-weight: 300;
  line-height: 1.1;
  letter-spacing: -0.005em;
}

.h0 {
  font-size: clamp(2.6rem, 5.6vw, 5.4rem);
  font-weight: 300;
}

/* --- Eyebrow / caption: small-caps, tracked --- */
.caption-with-letter-spacing,
.banner__text.uppercase,
.subtitle {
  font-family: var(--font-heading-family);
  font-feature-settings: "smcp", "c2sc";
  font-variant-caps: all-small-caps;
  font-weight: 500;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-size: 0.78rem;
  opacity: 0.78;
}

/* --- Hero cartouche treatment ---
   The image-banner's text box gets a soft cream cartouche with a hairline
   border and a touch of inset, matching Hero.jsx's signature.
*/
.banner--large .banner__box,
.banner--medium .banner__box {
  background: rgba(244, 237, 223, 0.92);  /* cream from scheme-1, slightly transparent */
  border: 1px solid rgba(61, 46, 31, 0.18);
  padding: clamp(2.4rem, 4vw, 4rem) clamp(2rem, 5vw, 5.6rem);
  max-width: 640px;
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}

.banner--large .banner__heading,
.banner--medium .banner__heading {
  margin-top: 0.8rem;
  margin-bottom: 1.2rem;
}

/* Inner hairline rule under the eyebrow — pure decoration */
.banner__box .caption-with-letter-spacing + * {
  position: relative;
  padding-top: 1.4rem;
}
.banner__box .caption-with-letter-spacing + *::before {
  content: '';
  position: absolute;
  top: 0.2rem;
  left: 50%;
  transform: translateX(-50%);
  width: 36px;
  height: 1px;
  background: currentColor;
  opacity: 0.4;
}

/* --- Ornament dividers (rich-text caption rows with ✦  ✦  ✦) --- */
.rich-text__caption.subtitle {
  font-family: var(--font-heading-family);
  font-style: italic;
  font-weight: 300;
  letter-spacing: 0.6em;
  font-size: 1.4rem;
  opacity: 0.45;
  text-transform: none;
  font-variant-caps: normal;
}

/* --- Section headings (eyebrow + h1 + lede pattern) --- */
.rich-text__heading {
  font-family: var(--font-heading-family);
  font-weight: 300;
  font-size: clamp(2rem, 3.6vw, 3.2rem);
  margin-top: 0.4rem;
}

.rich-text__text p {
  font-family: var(--font-body-family);
  font-size: 1.05rem;
  line-height: 1.7;
  max-width: 56ch;
  margin-left: auto;
  margin-right: auto;
  opacity: 0.84;
}

/* --- Product cards: editorial spacing --- */
.card-wrapper {
  --card-text-color: rgba(61, 46, 31, 1);
}

.card__information {
  padding-top: 1.2rem;
  text-align: center;
}

.card__heading,
.card-information .card__heading,
.card-wrapper .card__heading {
  font-family: var(--font-heading-family);
  font-weight: 400;
  font-style: italic;
  font-size: 1.35rem;
  letter-spacing: 0;
  margin-bottom: 0.4rem;
}

.card__heading a {
  text-decoration: none;
}

.price__regular .price-item {
  font-family: var(--font-body-family);
  font-size: 0.92rem;
  font-weight: 400;
  letter-spacing: 0.04em;
  opacity: 0.7;
}

/* Vendor / eyebrow above product title */
.card__information .caption-with-letter-spacing {
  font-size: 0.7rem;
  margin-bottom: 0.3rem;
}

/* --- Collection cards (the strip of 3 collections) --- */
.card--collection .card__heading {
  font-family: var(--font-heading-family);
  font-style: italic;
  font-weight: 300;
  font-size: 1.8rem;
  letter-spacing: 0;
}

/* --- Multicolumn (testimonials block) — quiet, italic --- */
.multicolumn-card__info {
  font-family: var(--font-body-family);
  font-style: italic;
  font-size: 1.05rem;
  line-height: 1.7;
  opacity: 0.86;
  text-align: center;
  max-width: 36ch;
  margin: 0 auto;
}

.multicolumn-card__info em {
  font-style: normal;
  font-family: var(--font-heading-family);
  font-feature-settings: "smcp", "c2sc";
  font-variant-caps: all-small-caps;
  letter-spacing: 0.18em;
  font-size: 0.78em;
  display: block;
  margin-top: 1.4rem;
  opacity: 0.7;
}

/* Section title above testimonials */
.multicolumn .title-wrapper-with-link h2 {
  font-family: var(--font-heading-family);
  font-style: italic;
  font-weight: 300;
  font-size: clamp(1.8rem, 3vw, 2.4rem);
  text-align: center;
  width: 100%;
  margin-bottom: 2.4rem;
}

/* --- Image-with-text (journal letter): quieter, more editorial --- */
.image-with-text__heading {
  font-family: var(--font-heading-family);
  font-weight: 300;
  font-size: clamp(2rem, 3.6vw, 3rem);
  line-height: 1.15;
  margin-bottom: 1.2rem;
}

.image-with-text__text {
  font-family: var(--font-body-family);
  font-size: 1.05rem;
  line-height: 1.75;
  opacity: 0.86;
}

.image-with-text__text p + p {
  margin-top: 1rem;
}

.image-with-text__text em {
  font-family: var(--font-heading-family);
  font-style: italic;
  font-size: 1.15rem;
  display: inline-block;
  margin-top: 1.2rem;
  opacity: 0.95;
}

/* --- Header: tracked, quiet --- */
.header__menu-item,
.list-menu__item--link {
  font-family: var(--font-heading-family);
  font-feature-settings: "smcp", "c2sc";
  font-variant-caps: all-small-caps;
  font-weight: 500;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-size: 1.6rem;
}
}

/* --- Buttons: low-key, no shadow, generous padding --- */
.button,
.shopify-payment-button__button--unbranded {
  font-family: var(--font-heading-family);
  font-feature-settings: "smcp", "c2sc";
  font-variant-caps: all-small-caps;
  font-weight: 500;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  font-size: 0.85rem;
  padding: 1.1rem 2.4rem;
}

/* --- Newsletter (email-signup-banner) --- */
.email-signup-banner__heading,
.newsletter__heading {
  font-family: var(--font-heading-family);
  font-style: italic;
  font-weight: 300;
}

/* --- Quiet footer --- */
.footer-block__heading {
  font-family: var(--font-heading-family);
  font-feature-settings: "smcp", "c2sc";
  font-variant-caps: all-small-caps;
  font-weight: 500;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-size: 0.85rem;
  opacity: 0.85;
}

/* --- Mobile adjustments --- */
@media screen and (max-width: 749px) {
  .banner--large .banner__box,
  .banner--medium .banner__box {
    padding: 2rem 1.6rem;
    max-width: calc(100% - 3rem);
  }

  .rich-text__caption.subtitle {
    letter-spacing: 0.4em;
    font-size: 1.2rem;
  }
}/* --- Hero: match UI-kit reference exactly --- */
.banner--large .banner__box,
.banner--medium .banner__box {
  background: rgba(244, 237, 223, 0.88);
  max-width: 720px;
  padding: clamp(3rem, 5vw, 5rem) clamp(2.4rem, 6vw, 6rem);
}

.banner--large .banner__heading,
.banner--medium .banner__heading {
  font-family: var(--font-heading-family);
  font-weight: 300;
  font-size: clamp(2.8rem, 6vw, 5.2rem);
  line-height: 1.05;
  letter-spacing: -0.01em;
  margin: 0.6rem 0 1.4rem;
}

/* Body lede inside the cartouche — italic, tighter line-length */
.banner__box .rte,
.banner__box .banner__text {
  font-family: var(--font-body-family);
  font-style: italic;
  font-size: 1.05rem;
  line-height: 1.6;
  max-width: 42ch;
  margin: 0 auto 1.8rem;
  opacity: 0.85;
}

/* The "SHOP THE NEW CUTS" button — outline, generous tap target */
.banner__box .button {
  background: transparent;
  border: 1px solid rgba(61, 46, 31, 0.65);
  color: rgba(61, 46, 31, 1);
  padding: 1.1rem 2.6rem;
  font-size: 0.85rem;
  letter-spacing: 0.22em;
}
.banner__box .button:hover {
  background: rgba(61, 46, 31, 0.06);
}/* --- Hero text block: split first line as eyebrow, rest as body lede --- */
.banner__box .banner__text p:first-child,
.banner__box .banner__text > p:only-child:first-line {
  font-family: var(--font-heading-family);
  font-feature-settings: "smcp", "c2sc";
  font-variant-caps: all-small-caps;
  font-weight: 500;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  font-size: 0.85rem;
  display: block;
  opacity: 0.78;
  margin-bottom: 1.4rem;
}

.banner__box .banner__text p + p,
.banner__box .banner__text p:nth-child(2) {
  font-family: var(--font-body-family);
  font-style: italic;
  font-size: 1.05rem;
  line-height: 1.6;
  max-width: 42ch;
  margin: 0 auto 1.8rem;
  opacity: 0.85;
  text-transform: none;
  letter-spacing: 0;
  font-feature-settings: normal;
  font-variant-caps: normal;
}/* --- HERO CARTOUCHE: hard width + height constraints (final overrides) --- */
.banner--large .banner__content,
.banner--medium .banner__content,
.banner--small .banner__content,
.banner__content {
  align-items: center !important;
  justify-content: center !important;
  padding: 4rem 2rem !important;
}

.banner--large .banner__box,
.banner--medium .banner__box,
.banner--small .banner__box,
.banner__box {
  max-width: 640px !important;
  width: 90% !important;
  margin: 0 auto !important;
  padding: 2.8rem 3rem !important;
  background: rgba(244, 237, 223, 0.82) !important;
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  border: 1px solid rgba(61, 46, 31, 0.15) !important;
}

/* Heading: cap the size so it doesn't bleed off */
.banner--large .banner__heading,
.banner--medium .banner__heading,
.banner__box .banner__heading {
  font-family: var(--font-heading-family) !important;
  font-weight: 300 !important;
  font-size: clamp(2.2rem, 4vw, 3.4rem) !important;
  line-height: 1.1 !important;
  margin: 0.8rem 0 1.2rem !important;
}

/* Tighten body copy and button spacing */
.banner__box .banner__text {
  margin-bottom: 1.4rem !important;
}

.banner__box .button {
  font-size: 0.78rem !important;
  padding: 0.95rem 2.2rem !important;
}
/* --- Product page: hero the price --- */
.product__info-container .price,
.product__info-wrapper .price,
.product .price,
.product__info-container .price-item--regular,
.product__info-wrapper .price-item--regular,
.product .price-item--regular,
.product__info-container .price-item--sale,
.product__info-wrapper .price-item--sale {
  font-family: var(--font-heading-family) !important;
  font-size: 1.8rem !important;
  font-weight: 400 !important;
  letter-spacing: 0.02em !important;
  opacity: 1 !important;
  color: rgba(61, 46, 31, 1) !important;
}
/* --- Product description: smaller, more readable --- */
.product__description,
.product__description p,
.product__description h6,
.product__description h5,
.product__description h4,
.product__description h3,
.product__description ul li,
.product__description ol li {
  font-family: var(--font-body-family) !important;
  font-size: 1.05rem !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
  letter-spacing: 0.01em !important;
  color: rgba(61, 46, 31, 1) !important;
  margin-block-start: 0.6em !important;
  margin-block-end: 0.6em !important;
}

/* The italic `<em>` tag at the start of your description */
.product__description em {
  font-style: italic;
  font-family: var(--font-heading-family);
  font-size: 1.1rem;
  opacity: 0.9;
}
/* --- Collection description: bigger, more legible --- */
.collection-hero__description,
.collection-hero__description p,
.template-collection .collection-hero__description {
  font-family: var(--font-body-family) !important;
  font-size: 1.1rem !important;
  line-height: 1.65 !important;
  letter-spacing: 0.01em !important;
  max-width: 64ch;
  margin-left: auto;
  margin-right: auto;
}