/** Shopify CDN: Minification failed

Line 334:1 Unexpected "<"

**/
/*-----------------------------------------------------------------------------/
/ Custom Theme CSS
/-----------------------------------------------------------------------------*/
/*---------------- Global Custom CSS -------------------*/
/* ============================================================
   AURAFYN — GLOBAL CUSTOM CSS  (single source of truth)
   Paste this ENTIRE file into:
     Theme settings → Custom CSS → Global Custom CSS
   (select all in that box first → delete → paste this → Save)

   This REPLACES the older accumulated blocks. It removes the
   duplicate header / padding rules you had stacked up, keeps
   every working button/badge/footer/menu rule, and adds a clean
   "Homepage editorial typography" section so the live hero
   matches the design (lighter Playfair headline + gold eyebrow).

   Brand tokens:  chocolate #362016 · gold #A0712E · gold-link #E6C875
                  cocoa #5A4026 · paper #FBF6EC
   NOTE: the blog-only asset "extraCustom.css" is separate — leave it.
   ============================================================ */


/* ====== 1 · HEADER ========================================== */

/* solid chocolate header in ALL states, ALL pages (top + sticky).
   Replaces the old .home/.template-index/.is-sticky/@media blocks. */
body .header-main-wrap,
body .header-top,
body .sticky_top,
body .header-1-lines,
body .header,
body .site-header,
body header .header-main-wrap {
  background-color: #362016 !important;
  background-image: none !important;
  background: #362016 !important;
}

/* menu links — gold, tight, one line */
.header__menu-item, .header__inline-menu a, .menu-item a,
.nav-link, .header-top a, .header-navigation a {
  color: #E6C875 !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 0.2px !important;
  white-space: nowrap !important;
}
.header__inline-menu .list-menu--inline .list-menu__item,
.header__menu-item { padding-left: 1rem !important; padding-right: 1rem !important; }


/* ====== 2 · HOMEPAGE LAYOUT ================================= */

/* hero sits behind the header on DESKTOP only → offset it.
   mobile/tablet header is in normal flow → no offset (no gap). */
.home #MainContent,
.template-index #MainContent { padding-top: 75px !important; }
@media (max-width: 1024px) {
  .home #MainContent,
  .template-index #MainContent { padding-top: 0 !important; }
}


/* ====== 3 · HOMEPAGE EDITORIAL TYPOGRAPHY =================== */
/* Global Section 6 (heading colors) + Section 8 (Playfair 600 /
   +0.5px / 1.2 ; Jost 15px spans) override the home sections.
   These restore the design's lighter, tighter editorial look.
   More specific (#section .class) + !important, so they win. */

/* IMPORTANT: target the CLASSES, not the section id.
   Shopify appends a suffix to the id (e.g. id="avh-hero-aurafyn_home_hero_KgyAef"),
   so "#avh-hero" never matches. The class "avh-hero" / "avh-h1" etc. do. */

/* headlines — light weight, tight leading */
.avh-h1, .avf-h2, .avs-h2, .avl-h2, .avg-h2, .avhc-h2 {
  font-weight: 400 !important;
  letter-spacing: -0.01em !important;
  line-height: 1.05 !important;
  color: #2A1C11 !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility !important;
}
.avh-h1 em, .avf-h2 em, .avs-h2 em,
.avl-h2 em, .avg-h2 em, .avhc-h2 em {
  font-weight: 400 !important; font-style: italic !important;
}
/* story band headline is on dark → keep it light/cream */
.avs-h2 { color: #F4EAD9 !important; }
.avs-h2 em { color: #C49A5A !important; }

/* eyebrows — gold, spaced, small (Section 8 was forcing them brown/15px) */
.avh-eyebrow, .avf-eyebrow, .avl-eyebrow, .avg-eyebrow, .avhc-eyebrow {
  font-family: 'Jost', sans-serif !important;
  font-size: 0.7rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.34em !important;
  color: #A0712E !important;
  line-height: 1.6 !important;
}
.avs-eyebrow { color: #C49A5A !important; }

/* hero intro paragraph — airier than the global 15px/1.8 */
.avh-lede {
  font-size: 1.06rem !important;
  line-height: 1.75 !important;
  color: #5A4026 !important;
  letter-spacing: 0 !important;
  font-weight: 300 !important;
}
/* hero image caption */
.avh-cap {
  font-size: 0.62rem !important;
  letter-spacing: 0.24em !important;
  color: #D9BE8E !important;
}

/* crisp rendering across ALL homepage sections (kills the "thicker on live" look) */
.avh-hero, .avf, .avq, .avs, .avl, .avg, #AvCollection {
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility !important;
}

/* feature / ledger / gifting body paragraphs — airier than the global 15px/1.8 */
.avf-body, .avg-body, .avl-sub {
  font-size: 1.04rem !important;
  line-height: 1.75 !important;
  font-weight: 300 !important;
  color: #5A4026 !important;
}

/* the quotation is a <p>, so Section 8's p rule was forcing it to Jost 15px.
   Restore the design: Playfair italic, larger, espresso, crisp. */
.avq-quote {
  font-family: 'Playfair Display', serif !important;
  font-style: italic !important;
  font-weight: 400 !important;
  font-size: clamp(1.4rem, 2.6vw, 2rem) !important;
  line-height: 1.5 !important;
  color: #3A2817 !important;
}
.avq-attr {
  font-family: 'Jost', sans-serif !important;
  font-size: 0.66rem !important;
  letter-spacing: 0.26em !important;
  text-transform: uppercase !important;
  color: #A0712E !important;
}


/* ====== 4 · BUTTONS ======================================== */

/* product / collection add-to-cart (theme buttons) */
.js_add_to_cart_button, button.add-to-cart, .product-form__submit {
  background-color: #362016 !important; border: none !important;
  border-radius: 30px !important; padding: 7px 10px !important;
  min-width: 142px !important; width: auto !important; height: auto !important;
  min-height: 36px !important; display: inline-flex !important;
  align-items: center !important; justify-content: center !important;
  line-height: normal !important; margin: 0 auto 8px auto !important;
}
.js_add_to_cart_button, button.add-to-cart, .product-form__submit,
.js_add_to_cart_button *, button.add-to-cart *, .product-form__submit *,
.details-info .group-button .add-to-cart span.text,
.details-info .group-button .add-to-cart .text {
  color: #E6C875 !important; -webkit-text-fill-color: #E6C875 !important;
  font-family: 'Jost', sans-serif !important; font-size: 13px !important;
  font-weight: 600 !important; letter-spacing: 1.5px !important;
  text-transform: uppercase !important; white-space: nowrap !important;
}
.js_add_to_cart_button:hover, button.add-to-cart:hover, .product-form__submit:hover {
  background-color: #4F3224 !important;
}
.details-info .group-button .add-to-cart,
.details-info .group-button .js_add_to_cart_button {
  width: 100% !important; max-width: 100% !important;
  min-height: 46px !important; padding: 12px 20px !important;
}

/* prices */
.price, .product-price {
  font-family: 'Jost', sans-serif !important; font-weight: 500 !important;
  letter-spacing: 0.8px !important;
}

/* hero banner gold-pill button (theme image banner) */
.banner__buttons .button, .image-overlay__button, .hero__btn, .hero-button {
  background-color: #362016 !important; color: #E6C875 !important;
  border: none !important; border-radius: 50px !important;
  padding: 14px 40px !important; font-family: 'Jost', sans-serif !important;
  font-weight: 500 !important; letter-spacing: 1.5px !important;
  text-transform: uppercase !important; transition: all 0.3s ease !important;
  box-shadow: 0 4px 15px rgba(0,0,0,0.3) !important;
}
.banner__buttons .button:hover {
  background-color: #4F3224 !important; transform: translateY(-3px) !important;
  box-shadow: 0 8px 25px rgba(0,0,0,0.4) !important;
}
.banner, .image-banner, .hero { cursor: default !important; }


/* ====== 5 · BADGES & CART COUNT ============================ */
.label.label--new, .product-image__overlay-top-left .label {
  background-color: #362016 !important; color: #E6C875 !important;
  border: 1px solid #E6C875 !important;
}
.cart-count-bubble, .cart__count, .header__cart-count, .js-cart-count,
.cart-item-count, .cart-number, .count, .header-cart .count {
  background-color: #E6C875 !important; color: #362016 !important;
  -webkit-text-fill-color: #362016 !important; border: 1px solid #362016 !important;
}
.cart-count-bubble span, .cart__count span, .header__cart-count span,
.js-cart-count span, .cart-item-count span, .header-cart .count span {
  color: #362016 !important; -webkit-text-fill-color: #362016 !important;
  font-weight: 700 !important;
}


/* ====== 6 · GLOBAL TYPE (site-wide — elevated editorial) ==== */

/* (a) crisp rendering everywhere — biggest single elevation, zero risk */
html, body {
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility !important;
}

/* (b) display headings — light & refined (was 600 / +0.5px).
   `body` prefix raises specificity so it beats the theme's own page
   stylesheets (.product-single__title etc.) on inner pages too. */
body h1, body h2, body h3, body h4, body .heading, body .title,
body .section-title, body .h1, body .h2, body .h3, body .section-header__title,
body .product-title, body .product__title, body .product-single__title,
body .product-name, body .product-name a, body .details-info .product-name a,
body .card__heading, body .grid-view-item__title, body .product-card__title {
  font-family: 'Playfair Display', serif;
  font-weight: 400;
  letter-spacing: -0.005em;
  line-height: 1.14;
}

/* (c) guardrail: small / card headings keep a touch more weight so they
   stay legible at small sizes (weight 400 looks weak on tiny text) */
body h3, body h4, body .card__heading,
body .grid-view-item__title, body .product-card__title {
  font-weight: 500;
}

/* heading color */
body h1, body h2, body h3, body .title, body .heading, body .section-title,
body .section-header__title, body .product__title, body .product-title,
body .product-single__title, body h1.product-title,
body h1.product-name, body h1.product-name a, body .details-info .product-name a {
  color: #362016;
}

/* body copy */
body, p, .product-description, .product-description p, .rte, .rte p,
.aurafyn-content, .text-content p, .text, li {
  font-family: 'Jost', sans-serif;
  font-weight: 400; line-height: 1.8;
  color: #4A352D; letter-spacing: 0.2px;
}


/* ====== 7 · MOBILE MENU ==================================== */
.js-menu-mobile-content, .box-menu-moible, .menu-mobile {
  background-color: #362016 !important; background: #362016 !important;
}
.js-menu-mobile-content a, .box-menu-moible a, .menu-mobile a,
.js-menu-mobile-content span, .box-menu-moible span, .menu-mobile span,
.js-menu-mobile-content li, .box-menu-moible li {
  color: #E6C875 !important; -webkit-text-fill-color: #E6C875 !important;
}
.js-menu-mobile-content svg, .box-menu-moible svg, .menu-mobile svg,
.js-menu-mobile-content .icon, .box-menu-moible .icon {
  fill: #E6C875 !important; color: #E6C875 !important;
}
button.floating-btn {
  background-color: #362016 !important; color: #E6C875 !important;
  -webkit-text-fill-color: #E6C875 !important; border-radius: 30px !important;
  border: none !important;
}
button.floating-btn, button.floating-btn span, button.floating-btn * {
  color: #E6C875 !important; -webkit-text-fill-color: #E6C875 !important;
  font-weight: 600 !important;
}
button.floating-option-btn {
  border: 1.5px solid #362016 !important; color: #362016 !important;
  -webkit-text-fill-color: #362016 !important; background-color: transparent !important;
  border-radius: 30px !important;
}
button.floating-option-btn.active {
  background-color: #362016 !important; color: #E6C875 !important;
  -webkit-text-fill-color: #E6C875 !important; border-color: #362016 !important;
}


/* ====== 8 · FOOTER ========================================= */
h2.footer-block__heading, .footer-block__heading, .footer__list-title {
  font-family: 'Playfair Display', serif !important; color: #E6C875 !important;
  letter-spacing: 1px !important; text-transform: uppercase !important;
  font-size: 18px !important; font-weight: 600 !important;
}
.footer-block__details-content .list-menu__item,
.footer-block__details-content a, .footer-block__details-content p {
  font-family: 'Jost', sans-serif !important; color: #E6C875 !important;
  font-size: 14px !important; letter-spacing: 0.5px !important;
  transition: all 0.3s ease !important; opacity: 0.7 !important;
}
.footer-block__details-content .list-menu__item:hover,
.footer-block__details-content a:hover { opacity: 1 !important; color: #FFFFFF !important; }
.footer__newsletter .field__input, .newsletter-form__field-wrapper .field__input {
  background-color: transparent !important; border: 1px solid #E6C875 !important;
  color: #E6C875 !important; border-radius: 0 !important;
  font-family: 'Jost', sans-serif !important; box-shadow: none !important;
}
.footer__newsletter .field__label, .newsletter-form__field-wrapper .field__label {
  color: rgba(230, 200, 117, 0.6) !important;
}
.footer__newsletter .newsletter-form__button, .newsletter-form__button,
.newsletter-form__button .icon { color: #E6C875 !important; fill: #E6C875 !important; }
.copyright__content a { display: none !important; }
.copyright__content, .copyright {
  color: #E6C875 !important; font-family: 'Jost', sans-serif !important;
  opacity: 0.5 !important; font-size: 12px !important; letter-spacing: 1px !important;
}</p>

/*---------------- Custom CSS for only desktop -------------------*/
@media (min-width: 1025px) {
  
}

/*---------------- Custom CSS for tablet, mobile -------------------*/
@media (max-width: 1024px) {
  .menu-drawer__menu-item,
.menu-drawer__navigation a,
.menu-drawer a {
    font-size: 14px !important;
}
}

/*---------------- Custom CSS for only tablet -------------------*/
@media (min-width: 768px) and (max-width: 1024px) {
  
}

/*---------------- Custom CSS for only mobile -------------------*/
@media (max-width: 767px){
  
}