/** Shopify CDN: Minification failed

Line 617:0 Unexpected "}"

**/
/* ====================================================
   GLOBAL TYPOGRAPHY (Stretch Theme angepasst)
   ==================================================== */

:root {
  --text-font-family: "Maison Neue", "Helvetica Neue", Helvetica, Arial, system-ui, sans-serif;
  --heading-font-family: "Cardinal Classic Mid", "Cardinal Classic Short", Georgia, Times, serif;
  --subheading-font-family: "Maison Neue Extended", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --body-bg: #f0f0e5;
}



/* ====================================================
   HEADINGS
   ==================================================== */

h1, h2, .product-title-custom, .h2-style {
  font-family: var(--heading-font-family);
  letter-spacing: -0.6px;
  -webkit-font-smoothing: antialiased;
}

h3, h4, h5, h6, .h3, .h4, .h5, .h6, .h3-style, .h4-style, .h5-style, .h6-style {
  font-family: "Cardinal Classic Short", serif !important;
  letter-spacing: -0.3px;
  line-height: 1.3 !important;
  -webkit-font-smoothing: antialiased;
}

/* Italic inside Headings – force proper font-family */
h1 i, h2 i, .h2-style i {
  font-family: "Cardinal Classic Mid Italic" !important;
  font-style: italic !important;
}

h3 i, h4 i, h5 i, h6 i, .h3 i, .h4 i, .h5 i, .h6 i, .h3-style i, .h4-style i, .h5-style i, .h6-style i {
  font-family: "Cardinal Classic Short Italic" !important;
  font-style: italic !important;
  line-height: 1.3 !important;
  -webkit-font-smoothing: antialiased;
}




/* ====================================================
   SUBHEADINGS & ALL CAPS
   ==================================================== */

.subheading, cart-drawer h2.h7, #facets-drawer h2.h7 {
  font-family: var(--subheading-font-family);
  text-transform: uppercase !important;
  letter-spacing: 0.05em;
  line-height: 1.4;
  -webkit-font-smoothing: antialiased;
}

/* ====================================================
   CLASSES FOR TEXT
   ==================================================== */


/* fixed Cardinal font sizes – no responsive font size changes */

/* Mobile: wie Standard */
.h2-style { font-size: calc(2.5rem * var(--text-heading-size-factor)); }
.h3-style { font-size: calc(2.3rem * var(--text-heading-size-factor)); }
.h4-style { font-size: calc(1.9rem * var(--text-heading-size-factor)); }
.h5-style { font-size: calc(1.5rem * var(--text-heading-size-factor)) !important; }
.h6-style { font-size: calc(1.3rem * var(--text-heading-size-factor)); }

/* Desktop: bleibt auf mobiler Größe */
@media (min-width: 750px) {
  .h2-style { font-size: calc(3rem * var(--text-heading-size-factor)); }
  .h3-style { font-size: calc(2.25rem * var(--text-heading-size-factor)); }
  .h4-style { font-size: calc(1.75rem * var(--text-heading-size-factor)); }
  .h5-style { font-size: calc(1.375rem * var(--text-heading-size-factor)); }
  .h6-style { font-size: calc(1.1875rem * var(--text-heading-size-factor)); }
}



/* Product Card Title – custom styling */
.product-card .product-title {
  font-family: var(--text-font-family);
  font-size: var(--text-sm);
  letter-spacing: var(--text-letter-spacing);
  text-transform: none;
}



/* Product Card - MetafieldTitle styling */
.collection-title-custom {
  font-family: var(--text-font-family);
  font-size: var(--text-base);
  letter-spacing: 0.01em;
  text-transform: none;
  line-height: 1.3;
  /* margin-bottom: 0.25rem;*/
}

/* Product Card - MetafieldTitle styling 
.collection-title-custom {
  font-family: Cardinal Classic Short;
  font-size: 0.9rem;
  letter-spacing: -0.3px; 
  line-height: 1.3;
  /* margin-bottom: 0.25rem;
}

/* Product Card - MetafieldSubheading styling */
.collection-subheading {
  font-family: var(--subheading-font-family);
  /*font-size: 0.65rem; */
  font-size: calc(var(--text-sm) * 0.85);
  text-transform: uppercase;
  letter-spacing: 0.02em;
  line-height: 1.1;
  color: var(--text-color, #333);
}

/* Product Card - MetafieldSubtitle styling */
.product-card__subtitle {
  font-family: var(--text-font-family);
  font-size: calc(var(--text-sm) * 0.9); /* etwas kleiner */
  color: rgb(var(--text-color) / .6);
  letter-spacing: 0.03em;
  margin-top: 0.25em;
  line-height: 1.2;
}

/* Product Card – Produktpreis-Anpassung 
.product-card .price-list .text-sm {
  font-size: calc(var(--text-sm) * 0.9);
  letter-spacing: 0.03em; 
}

/*@media (max-width: 700px) {
  .product-card .price-list .text-sm {
    font-size: 0.8rem;
  }
}

/* Inspo Collections */
.inspo-h3 {
  font-family: "Cardinal Classic Short", serif !important;
  font-size: calc(2.3rem * var(--text-heading-size-factor));
  letter-spacing: -0.3px;
  line-height: 1.3 !important;
  -webkit-font-smoothing: antialiased;
}

.inspo-dufttext, .inspo-dufttext p {
  font-family: "Cardinal Classic Short", serif !important;
  font-size: calc(2rem * var(--text-heading-size-factor));
  letter-spacing: -0.3px;
  line-height: 1.3 !important;
  -webkit-font-smoothing: antialiased;
}



/* ==========================================
   Produktkarten – Preisstile im Collection Grid
   ========================================== */

/* Standardpreis */
.product-card price,
.product-card sale-price,
.product-card .price-list .price {
  font-size: calc(var(--text-sm) * 0.9);
  letter-spacing: 0.03em;
  color: rgb(var(--text-color) / 0.6);
}

/* Angebotspreis (Sale) */
.product-card sale-price.text-sm.text-on-sale {
  font-size: calc(var(--text-sm) * 0.9);
  letter-spacing: 0.02em;
  color: rgb(var(--text-color) / 0.6);
}

/* Vergleichspreis (durchgestrichen) */
.product-card compare-at-price.text-sm.text-subdued.line-through {
  font-size: calc(var(--text-sm) * 0.85);
  letter-spacing: 0.01em;
  color: rgb(var(--text-color) / 0.4);
  text-decoration: line-through;
}

/* Einheitspreis */
.product-card unit-price.text-sm.text-subdued {
  font-size: 0.75rem;
  color: rgb(var(--text-color) / 0.4);
}




/* ====================================================
   PRODUCT PAGE – HEADLINE, PRICE & STRUCTURE
   ==================================================== */

/* Wrapper für Titel + Preis */
.product-page-title {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-block-start: 20px;
}

/* h1 Wrapper – kein Margin, strukturierter Stack */
.product-title-heading {
  margin: 0;
  line-height: 1.2;
  display: flex;
  flex-direction: column;
}

/* Haupttitel (Metafeld oder fallback product.title) */
.product-title-custom {
  font-family: var(--heading-font-family);
  font-size: var(--text-h2);
  letter-spacing: -0.6px;
  line-height: 1.1;
}

@media (max-width: 700px) {
  .product-title-custom {
    font-size: var(--text-h1);
  }
}

/* Subheading (zweites Metafeld unter Titel) */
.product-subheading {
  font-family: var(--subheading-font-family);
  text-transform: uppercase;
  font-size: 0.75rem;
  letter-spacing: 0.04em;
  margin-top: 8px;
  line-height: 1.4;
}

/* Preis-Block */
.product-price-pds {
  margin: 0;
  text-align: right;
  position: relative;
  top: -20px;
  font-size: 1rem !important;
}

@media (max-width: 700px) {
  .product-price-pds {
    font-size: 0.9rem !important;
  }
}



/* ====================================================
   FONT STYLING
   ==================================================== */

/* no bold on the entire website */
* {
  font-weight: 400 !important;
}


.badge {
  font-family: var(--subheading-font-family) !important;
  letter-spacing: 0.03em;
  font-size: calc(var(--text-xs) * 0.8);
}

/* Menu drawer mobile */
.h-stack.gap-3.sm\:gap-5, .menu-drawer__panel-body > ul.v-stack.gap-3.unstyled-list > li > a {
  font-family: var(--subheading-font-family) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em;
  line-height: 1.4;
  -webkit-font-smoothing: antialiased;
  font-size: 15px;
}

.menu-drawer li {
  font-size: 15px;
  margin-top: -7px;
}

/* Custom: Remove uppercase and use body font for drawer subheadings */
.menu-drawer a.subheading.link-reversed {
  font-size: 12px;
  margin-bottom: -5px !important;
}


/* Custom code: Target ONLY the lower mobile menu links (secondary_menu) */
.menu-drawer__panel-body ul.v-stack.gap-3.unstyled-list li a.subheading.link-reversed {
  font-family: "Maison Neue" !important;
  font-size: 14px !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  transform: none !important;
}

/* Announcement bar Textgröße */
p.announcement-bar__message {
    font-size: var(--text-sm);
}

/* FAQ Page Category Heading 
.faq__category p.h6.text-start {
  font-size: var(--text-h3); 
} */


/* Custom: style FAQ accordion questions general */
.accordion__question {
  font-family: var(--text-font-family) !important;
  font-size: var(--text-base);
  letter-spacing: var(--text-letter-spacing);
  -webkit-font-smoothing: auto !important;
}

/* Custom: style FAQ accordion questions only inside product pages -> check selektor!
.accordion__question {
  font-family: var(--subheading-font-family) !important;
  font-size: var(--subheading-font-size);
  letter-spacing: var(--subheading-letter-spacing);
  text-transform: var(--subheading-text-transform);
}

/* Multi-Column heading h3 styling */
.shopify-section--multi-column .section-header {
  font-family: "Cardinal Classic Short", serif !important;
  letter-spacing: var(--heading-letter-spacing);
  line-height: 1.3 !important;
  -webkit-font-smoothing: antialiased;
}

.shopify-section--multi-column .section-header {
  font-size: var(--text-h3)
}

/*.shopify-section--rich-text h2 {
  font-size: var(--text-h3)
}*/

/* Custom code: Use body text font for product details in cart (e.g. variant titles, descriptions) */
.line-item__info p,
.line-item__info a,
.line-item__info span,
#search-drawer .search-drawer__input {
  font-family: var(--text-font-family);
  letter-spacing: var(--text-letter-spacing) !important;
  font-size: var(--text-sm);
  text-transform: none !important;
}

.cart-drawer__cross-sell .h-stack.justify-between > p.h7
 {
  font-family: var(--text-font-family);
  letter-spacing: var(--text-letter-spacing) !important;
  font-size: var(--text-sm);
  text-transform: none !important;
}

/* Custom code: Match predictive search links (a.h7) to body font styling */
#search-drawer a.h7 {
  font-family: var(--text-font-family);
  letter-spacing: var(--text-letter-spacing) !important;
  font-size: var(--text-sm);
  text-transform: none !important;
}


/* Heading override for cart page */
.cart-header h1.h3 {
  font-size: var(--text-h2);
}

@media (max-width: 700px) {
  .cart-header h1.h3 {
    font-size: var(--text-h1);
  }
}

/* Custom Reading Text Section styling */
.reading-text .metafield-rich_text_field {
  white-space: normal;
  line-height: 1.4;
  text-align: center;
  font-size: var(--text-body);
  color: rgb(var(--text-color) / 1);
  max-width: 60ch;
  margin: 0 auto;
}

.reading-text .metafield-rich_text_field em {
  font-style: italic;
  opacity: 0.6;
}



/* ====================================================
   COLORS
   ==================================================== */

body {
  background-color: var(--body-bg) !important;
}

/* Überschreibt die Banner-Farbe für Erfolgsmeldungen -> funktioniert nicht ganz, aber nimmt die komische Farbe weg*/
div.banner.banner--success {
  --banner-background: #4BB543 !important; /* z.B. ein kräftiges Grün */
  --banner-color: #ffffff !important;      /* z.B. weißer Text */
}

/* ====================================================
   SPECIFIC STYLING
   ==================================================== */

/* Custom global style for delivery info button on product page modal */
.product-info__block-item button.link.subheading {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  margin-top: -20px !important;
  font-size: 12px !important;
  font-family: inherit !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  background: none !important;  /* entfernt animierte Linie / Hintergrund */
  border-bottom: none !important; /* falls Theme extra Linie setzt */
  text-decoration: underline !important;
}

/* Custom: stop marquee animation on login/register pages */

body.customers-login marquee-text.scrolling-content,
body.customers-register marquee-text.scrolling-content {
  display: block !important;
  overflow: visible !important;
  white-space: normal !important;
  animation: none !important;
}

/* Hide all duplicated scrolling items, keep only first */
body.customers-login marquee-text.scrolling-content .scrolling-content__item:not(:first-child),
body.customers-register marquee-text.scrolling-content .scrolling-content__item:not(:first-child) {
  display: none !important;
}

/* Prevent even the first child from animating */
body.customers-login marquee-text.scrolling-content .scrolling-content__item,
body.customers-register marquee-text.scrolling-content .scrolling-content__item {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  animation: none !important;
}

/* marquee end */

/* Okendo - Bewertungen Body Text */
.okeReviews[data-oke-container] .oke-reviewContent-body p {
    font-size: 14px !important;
    line-height: 1.5 !important;
    letter-spacing: 0.2px !important;
}


/* Blendet die Bewertungszahl (rating value) bei den Sternen aus */
.rating-badge__stars .subheading {
  display: none !important;
}



/* Mobil: Höhe des Blog-Banners begrenzen */
@media screen and (max-width: 767px) {
  .shopify-section--blog-post-banner img.size-full {
    max-height: 450px;
  }
}

.anchor-marker {
  display: block;
  height: 0;
  margin: 0;
  padding: 0;
}

/* Hide collection quicklink dropdown on mobile + tablet */
@media (max-width: 999px) {
  

  /* Hide the button that opens the quick links popover */
  .collection__toolbar [aria-controls="collection-toolbar-quick-links"] {
    display: none !important;
  }
  /* If the popover is mounted in the DOM, hide it too (defensive)  */
  #collection-toolbar-quick-links {
    display: none !important;
  }
  
}
@media (min-width: 1000px) {
  .collection__toolbar-linklist {
      position: relative !important;
       left: 0;
       transform: unset;
    }
}
@media (min-width: 700px) and (max-width: 999px) {
  .collection__toolbar .vertically-separated-list {
      display: initial  !important;
    }
}




/* Versteckt das redundant angezeigte Variant Label neben "Dein Refill-Duft:" im Variant Picker */
.variant-picker__option-info .h-stack.gap-2 span {
  display: none;
}


/* Blog-Post Breite begrenzen - hat nicht funktioniert
@media screen and (min-width: 1000px) {
  .blog-post-list {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 1.5rem !important;
    box-sizing: border-box;
  }
}


/* Custom: Hide "Gesamtbetrag" row on cart page */
.cart__right .v-stack.gap-1\.5 > .h-stack:last-of-type {
  display: none !important;
}



/* ====================================================
   LINK SLIDER -> NOT USED!
   ==================================================== */

/**** Container für den Link-Slider ****/
/* Slider für die Links */
.text-slider {
  overflow-x: auto;
  white-space: nowrap;
  padding: 10px; /* Optional: Abstand um den Slider herum */
  display: flex;
  scrollbar-width: thin; /* Für Firefox */
  scrollbar-color: #ccc transparent; /* Für Firefox */
}

/* Desktop: Zentrieren */
@media (min-width: 601px) {
  .text-slider {
    justify-content: center;
  }
}

/* Mobile: Links ausrichten */
@media (max-width: 600px) {
  .text-slider {
    justify-content: flex-start;
  }
}

/* Entfernt die Standard-Scrollleisten in Webkit-Browsern (Chrome, Safari) */
.text-slider::-webkit-scrollbar {
  height: 8px;
}

.text-slider::-webkit-scrollbar-track {
  background: transparent;
}

.text-slider::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 4px;
  border: 2px solid transparent;
}

/* Stile für die Links im Slider *
.text-slider a {
  font-family: "Maison Neue Extended Book" !important;
  display: inline-block;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  color: #000;
  margin-right: 15px; /* Abstand zwischen den Links *
  transition: color 0.3s;
}

.text-slider a:hover {
  color: #C4BE93; /* Farbe beim Hover */
}