/** Shopify CDN: Minification failed

Line 1189:0 Expected "}" to go with "{"

**/
/* bust 1778230641 */
/* bust 1778196420 */
/* bust 1778196094 */
/* bust 1778190877 */
/* bust 1778169843 */
/* bust 1778169414 */
/* bust 1778168947 */
/* bust 1778168611 */
/* bust 1778168290 */
/* bust 1778168038 */
/* bust 1778167333 */
/* bust 1778166939 */
/* bust 1778134287 */
/* bust 1778134179 */
/* tag 1778134010 */
/* bust 1778132837 */
/* updated 1778113959 */

/* Heading-Zeilenumbrüche rendern (für \n in Heading-Settings) */
.image-with-text h1, .image-with-text h2,
.banner h1, .banner h2,
.section h1, .section h2 {
  white-space: pre-line;
}/* Vertical alignment: alle Items auf gleiche Linie via 28px Box + flex center */
.facets__form > * { align-self: center !important; }
.facets__wrapper { display: flex !important; align-items: center !important; }
.facet-filters,
.facet-filters__field { display: flex !important; align-items: center !important; }

.facets__form h2.facets__heading,
.facets__form .facets__summary,
.facets__form h2.facet-filters__label,
.facets__form h2.product-count__text {
  height: 28px !important;
  line-height: 28px !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 !important;
  margin: 0 35px 0 0 !important;
}
.facets__form h2.product-count__text { margin: 0 !important; }

.facets__form .facets__summary > div {
  line-height: inherit !important;
  height: 28px !important;
  display: flex !important;
  align-items: center !important;
}

/* Equal spacing für rechte Seite: SortLabel und SortDetails identisch mit 35px Lücken */
.facets__form .pelo-sort-disclosure { margin-right: 0 !important; }

/* Carets: rechts vom Text, vertikal zentriert, mit gleichem Abstand */
.facets__form .facets__summary svg.icon-caret,
.pelo-sort-disclosure svg.icon-caret {
  position: static !important;
  transform: none !important;
  margin-left: 8px !important;
  align-self: center !important;
  flex-shrink: 0 !important;
}

/* === Sort-Disclosure: identisch zu Verfügbarkeit-Panel === */
.pelo-sort-hidden-select {
  position: absolute !important;
  left: -9999px !important;
  top: 0 !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
.pelo-sort-disclosure { position: relative; list-style: none; }
.pelo-sort-disclosure > summary { list-style: none; cursor: pointer; user-select: none; }
.pelo-sort-disclosure > summary::-webkit-details-marker { display: none; }
.pelo-sort-summary-inner {
  display: flex;
  align-items: center;
  white-space: nowrap;
}

/* Pelo Sort-Panel: matched zu Sense's Verfügbarkeit-Panel */
.pelo-sort-display {
  position: absolute;
  top: calc(100% + 12px);
  right: 0;
  z-index: 10;
  min-width: 220px;
  background: rgb(237, 232, 215);
  border: 1px solid rgba(72, 48, 24, 0.1);
  border-radius: 22px;
  box-shadow: 10px 12px 20px rgba(31, 24, 16, 0.1);
  padding: 12px 0;
}
.pelo-sort-list { list-style: none; margin: 0; padding: 0; }
.pelo-sort-list li { margin: 0; padding: 0; }
.pelo-sort-option {
  display: block;
  width: 100%;
  text-align: left;
  background: transparent;
  border: none;
  padding: 10px 24px;
  font: 14px/1.4 var(--font-body-family, inherit);
  color: #483018;
  cursor: pointer;
  white-space: nowrap;
}
.pelo-sort-option:hover { background: rgba(72, 48, 24, 0.06); }
.pelo-sort-option--active { font-weight: 600; color: #1F1810; background: rgba(72, 48, 24, 0.04); }/* === FINAL margin-right für Filter:/Sort: Labels (15px statt 35) === */

body .facets__form h2.facet-filters__label { margin: 0 15px 0 0 !important; }

/* Heading bündig mit Slider-Cards (Slider-Cards starten 20px weiter links als .page-width) */

/* === Pelo Button Hover — global einheitlich (keine schwarzen Overlays mehr) === */

/* Sense's border-offset overlay killen (verursacht schwarze Outline-Optik) */
.button:not([disabled]):hover::after,
button:not([disabled]):hover::after,
.shopify-challenge__button:hover::after,
.customer button:hover::after,
.shopify-payment-button__button--unbranded:hover::after {
  box-shadow: none !important;
  border: none !important;
}

/* Primary (Terracotta-CTA): darker Terracotta on hover */
.button--primary:not([disabled]):hover,
.shopify-payment-button__button--unbranded:not([disabled]):hover {
  background-color: #964F2D !important;
  color: #EDE8D7 !important;
  border-color: #964F2D !important;
  transition: background-color 0.2s ease, color 0.2s ease;
}

/* Secondary (Cream bg, Earth text): Earth bg + Cream text on hover */
.button--secondary:not([disabled]):hover {
  background-color: #483018 !important;
  color: #EDE8D7 !important;
  border-color: #483018 !important;
  transition: background-color 0.2s ease, color 0.2s ease;
}

/* Tertiary / text buttons */
.button--tertiary:not([disabled]):hover {
  color: #A05E36 !important;
  text-decoration: underline;
  text-underline-offset: 4px;
}

/* Generic .button without modifier (Skip-Link, custom CTAs): like primary */
.button:not(.button--secondary):not(.button--tertiary):not(.slider-button):not(.shopify-payment-button__more-options):not([disabled]):hover {
  background-color: #964F2D !important;
  color: #EDE8D7 !important;
  transition: background-color 0.2s ease;
}

/* Form submit buttons (newsletter, contact form) */
button[type="submit"]:not([disabled]):hover {
  background-color: #964F2D !important;
  color: #EDE8D7 !important;
}

/* Custom .pelo-button (used on Über-Pelo etc.): identische Optik + Hover */
.pelo-button {
  color: #EDE8D7 !important;
  background-color: #A05E36 !important;
  transition: background-color 0.2s ease;
}
.pelo-button:hover {
  background-color: #964F2D !important;
  color: #EDE8D7 !important;
}

/* Password-Page: Sense-Defaults wegblenden (Login-Link Header, Powered by Shopify, Owner-Login Footer) */

/* Password-Page Banner-SVG: in Pelo-Sage statt Terracotta umfärben */
.email-signup-banner-background .st0,
.email-signup-banner-background .st4,
.email-signup-banner-background path { fill: #8C9876 !important; }
.email-signup-banner-background { background-color: #EDE8D7 !important; }

/* Policy-Pages: Layout + Schriftart angeglichen an Pelo-Pages (About/Contact) */
.shopify-policy__container {
  max-width: 720px !important;
  margin: 0 auto !important;
  padding: 56px 24px !important;
  text-align: left !important;
  font-family: var(--font-body-family);
}
.shopify-policy__title h1 {
  font-size: clamp(2.4rem, 4.5vw, 4rem) !important;
  color: #1F1810 !important;
  margin: 0 0 24px !important;
  line-height: 1.05 !important;
  letter-spacing: -0.035em !important;
  font-weight: 600 !important;
  text-align: left !important;
}
.shopify-policy__body { color: #483018; }
.shopify-policy__body h2,
.shopify-policy__body h3 {
  color: #1F1810 !important;
  margin-top: 32px !important;
  margin-bottom: 12px !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
}
.shopify-policy__body h3 { font-size: 1.4rem !important; }
.shopify-policy__body p {
  font-size: 1rem !important;
  line-height: 1.6 !important;
  color: #483018 !important;
  margin: 0 0 14px !important;
}/* Minimum 14px für alles andere — keine 10/11/12px-Texte mehr */
main small, main .caption, main .fineprint, main figcaption {
  font-size: 0.875rem !important;
  line-height: 1.5;
}/* Brand-Font (var) für alles erzwingen — Header/Footer ausgenommen */
main { font-family: var(--font-body-family); }
main h1, main h2, main h3, main h4, main h5, main h6, main .h1, main .h2, main .h3 { font-family: var(--font-heading-family, var(--font-body-family)); }/* Page-Title H1 */
main h1, main .h1 { font-size: clamp(3rem, 5vw, 4.5rem) !important; line-height: 1.05 !important; font-weight: 600 !important; letter-spacing: -0.035em !important; }

/* Section-H2 — aber NICHT Filter-Bar h2 */
main h2:not(.facets__heading):not(.facet-filters__label):not(.product-count__text):not(.pelo-sort-summary), main .h2 {
  font-size: clamp(2rem, 3.5vw, 2.8rem) !important;
  line-height: 1.15 !important;
  font-weight: 600 !important;
}/* Lead — größer als Body */
main .pelo-collection__lead,
main .pelo-page__lead,
main [class*="lead"],
main p[class*="lead"] { font-size: 1.25rem !important; line-height: 1.55 !important; }

/* Body */
main p, main li, main td, main label, main input, main select, main textarea, main button:not(.button--small), main a:not(.button) {
  font-size: 1.125rem !important;
  line-height: 1.6 !important;
}

/* Small / Utility */
main small, main .caption, main .caption-large, main .fineprint, main figcaption, main .price-item, main .price__sale, main [class*="caption-"] {
  font-size: 1rem !important;
  line-height: 1.5 !important;
}

/* Brand-Font durchsetzen */
main { font-family: var(--font-body-family); }
main h1, main h2, main h3, main h4, main h5, main h6 { font-family: var(--font-heading-family, var(--font-body-family)); }

/* === Font-Policy v4 (in PX wegen Sense's 62.5%-Base) === */
main h1, main .h1 { font-size: clamp(48px, 5vw, 72px) !important; line-height: 1.05 !important; font-weight: 600 !important; letter-spacing: -0.035em !important; }
main h2:not(.facets__heading):not(.facet-filters__label):not(.product-count__text):not(.pelo-sort-summary):not(.facets__summary), main .h2 {
  font-size: clamp(32px, 3.5vw, 45px) !important;
  line-height: 1.15 !important;
  font-weight: 600 !important;
}
main h2.facets__heading,
main h2.facet-filters__label,
main h2.product-count__text,
main h2.product-count__text span,
main .pelo-sort-disclosure .facets__summary-label,
main .facets__summary-label,
main .pelo-sort-summary,
main .facets__summary {
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
}
main h3, main .h3 { font-size: 24px !important; line-height: 1.3 !important; font-weight: 600 !important; }
main h4, main h5, main h6 { font-size: 20px !important; font-weight: 600 !important; }
main .pelo-collection__lead, main [class*="lead"], main p[class*="lead"] { font-size: 20px !important; line-height: 1.55 !important; }
main p, main li, main td, main label, main input, main select, main textarea, main button:not(.button--small), main a:not(.button) {
  font-size: 18px !important;
  line-height: 1.6 !important;
}
main small, main .caption, main .caption-large, main .fineprint, main figcaption, main .price-item, main .price__sale, main [class*="caption-"] {
  font-size: 16px !important;
  line-height: 1.5 !important;
}
main { font-family: var(--font-body-family); }
main h1, main h2, main h3, main h4, main h5, main h6 { font-family: var(--font-heading-family, var(--font-body-family)); }

/* Font-Policy auch in policy-container + pelo-page sections */
.shopify-policy__container, .shopify-policy__body, [class^="pelo-page-"], .pelo-page { font-family: var(--font-body-family); }
.shopify-policy__container h1, .shopify-policy__title h1 { font-size: clamp(48px, 5vw, 72px) !important; line-height: 1.05 !important; font-weight: 600 !important; letter-spacing: -0.035em !important; }
.shopify-policy__container h2, .shopify-policy__body h2 { font-size: clamp(32px, 3.5vw, 45px) !important; line-height: 1.15 !important; font-weight: 600 !important; }
.shopify-policy__container h3, .shopify-policy__body h3 { font-size: 24px !important; line-height: 1.3 !important; font-weight: 600 !important; }
.shopify-policy__container p, .shopify-policy__body p, .shopify-policy__container li, .shopify-policy__body li { font-size: 18px !important; line-height: 1.6 !important; }
[class^="pelo-page-"] h1, .pelo-page h1 { font-size: clamp(48px, 5vw, 72px) !important; }
[class^="pelo-page-"] h2, .pelo-page h2 { font-size: clamp(32px, 3.5vw, 45px) !important; }
[class^="pelo-page-"] h3, .pelo-page h3 { font-size: 24px !important; }
[class^="pelo-page-"] p, [class^="pelo-page-"] li, .pelo-page p, .pelo-page li { font-size: 18px !important; line-height: 1.6 !important; }

/* About-Cards: 3 Spalten erzwingen auf Desktop */
@media (min-width: 750px) {
  .pelo-page div[style*="grid-template-columns: repeat(auto-fit, minmax(220px, 1fr))"] {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

/* === Filter-Bar — alle Items identisch styled = automatisches alignment === */
.facets__form { display: grid !important; align-items: center !important; }
.facets__form > * { align-self: center !important; margin: 0 !important; }
.facets__wrapper { display: flex !important; align-items: center !important; gap: 35px !important; }
.facet-filters,
.facet-filters.sorting,
.facet-filters__field { display: flex !important; align-items: center !important; padding: 0 !important; }
.facet-filters__field { gap: 15px !important; justify-content: flex-end !important; }

/* alle filter-bar inline items: gleicher Look */
.facets__form h2.facets__heading,
.facets__form h2.facet-filters__label,
.facets__form h2.product-count__text,
.facets__form .facets__summary,
.facets__form .pelo-sort-summary,
.facets__form .pelo-sort-summary-inner > span,
.facets__form .facets__summary-label {
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  letter-spacing: 0 !important;
  font-family: var(--font-body-family) !important;
  color: rgba(72, 48, 24, 0.85) !important;
}

/* Verfügbarkeit/Preis details summary: gleiche Höhe */
.facets__form details.facets__disclosure {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
}
.facets__form details.facets__disclosure summary { height: auto !important; padding: 0 !important; }

/* Filter-Bar strict — alle inneren Elemente auch 16px (override font-policy) */
main .facets__form h2.facet-filters__label,
main .facets__form h2.facet-filters__label label,
main .facets__form h2.product-count__text,
main .facets__form h2.product-count__text span,
main .facets__form h2.facets__heading,
main .facets__form .facets__summary,
main .facets__form .facets__summary > div,
main .facets__form .facets__summary span,
main .facets__form .pelo-sort-summary,
main .facets__form .pelo-sort-summary-inner,
main .facets__form .pelo-sort-summary-inner span,
main .facets__form .facets__summary-label,
main .facets__form .pelo-sort-disclosure .facets__summary-label {
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  color: rgba(72, 48, 24, 0.85) !important;
  font-family: var(--font-body-family) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  vertical-align: middle !important;
}

/* Filter und Sort-by Labels ausblenden — Items rendern direkt */
.facets__form h2.facets__heading,
.facets__form h2.facet-filters__label { display: none !important; }
.facets__form .product-count, .facets__form h2.product-count__text { display: none !important; }

/* Buttons: line-height 1 damit Text vertikal mittig, nicht 1.6 */
main button, main .button, main input[type="submit"],
main .shopify-payment-button__button { line-height: 1 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; }

/* Produkt: nur Zoom-Icon ausblenden, Hauptbild-Wrapper unangetastet */
.product__media-toggle, .product__media-zoom-trigger, .product__media-zoom-open { display: none !important; pointer-events: none !important; }
.product__modal-opener { cursor: default !important; }
.product__modal-opener::after, .product__modal-opener .icon, .product__modal-opener svg { display: none !important; }

/* Thumbnails horizontal scrollbar */
slider-component[id*="GalleryThumbnails"] ul.thumbnail-list { overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; }

/* Beiger Fleck oben links: media-icon weg */
.product__media-icon, [class*="product__media-icon"] { display: none !important; }

/* Thumbnails: flex 1 Reihe, horizontal scrollbar (statt grid 2 Reihen) */
slider-component[id*="GalleryThumbnails"] ul.thumbnail-list,
slider-component[id*="GalleryThumbnails"] .thumbnail-list,
.thumbnail-list { 
  display: flex !important;
  flex-wrap: nowrap !important;
  grid-template-columns: none !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
  gap: 8px !important;
}
.thumbnail-list__item { flex-shrink: 0 !important; min-width: 80px !important; }

/* Thumbnail-Slider-Pfeile direkt an den Buttons positionieren (kein Wrapper) */
slider-component[id*="GalleryThumbnails"] { position: relative !important; padding: 0 50px !important; }
slider-component[id*="GalleryThumbnails"] .slider-button--prev,
slider-component[id*="GalleryThumbnails"] .slider-button--next {
  position: absolute !important;
  top: 50% !important;
  bottom: auto !important;
  transform: translateY(-50%) !important;
  width: 40px !important;
  height: 40px !important;
  z-index: 5 !important;
}
slider-component[id*="GalleryThumbnails"] .slider-button--prev {
  left: 0 !important;
  right: auto !important;
}
slider-component[id*="GalleryThumbnails"] .slider-button--next {
  right: 0 !important;
  left: auto !important;
}

/* Newsletter inline success message komplett ausblenden */
.newsletter-form__message,
[id*="Newsletter"] .newsletter-form__message,
.footer-block__newsletter .newsletter-form__message { display: none !important; }

/* Shopify Challenge / Human-Check Submit-Button zentrieren */
.shopify-challenge__container,
.shopify-challenge { text-align: center !important; }
.shopify-challenge__container form,
.shopify-challenge form { display: flex !important; flex-direction: column !important; align-items: center !important; }
.shopify-challenge button[type="submit"],
.shopify-challenge__container button[type="submit"] { margin: 24px auto !important; display: block !important; }

/* Password-Link wieder sichtbar (Sense rendert <password-modal> als Custom-Element) */
password-modal { display: block !important; }
password-modal .password-link, .password-link { display: inline-flex !important; visibility: visible !important; opacity: 1 !important; }
password-modal summary { display: list-item !important; cursor: pointer; }
.password-header { gap: 12px; }

/* Password-Footer: Owner-Login + Powered-by-Shopify wegblenden — high specificity */
html body .password__footer-caption,
html body .password__footer-login,
html body small.password__footer-caption,
html body small.password__footer-login,
.password__footer .password__footer-caption,
.password__footer .password__footer-login { display: none !important; visibility: hidden !important; }

/* Email-Label im Newsletter / Password ausblenden */
html body form.newsletter-form .field__label,
html body .newsletter-form .field .field__label,
html body form[action*="/contact"] .field .field__label { display: none !important; }

/* Newsletter/Password Input: placeholder sichtbar + Cursor vertikal zentriert */
html body form.newsletter-form .field__input::placeholder,
html body .password-form .field__input::placeholder,
html body form[action*="/contact"] .field__input::placeholder {
  color: rgba(72, 48, 24, 0.55) !important;
  opacity: 1 !important;
}
html body form.newsletter-form .field__input,
html body .password-form .field__input,
html body form[action*="/contact"] .field__input {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  min-height: 52px !important;
  line-height: 1.4 !important;
}

/* ============== FOOTER: Links horizontal zentriert + kompakt (≤989px) ============== */
/* Sense rendert <ul> als block-level — text-align reicht nicht. Brauchen flex-column + center. */
@media (max-width: 989px) {
  .footer-block { text-align: center !important; }
  .footer-block__heading { text-align: center !important; }
  .footer-block__details-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    margin-bottom: 2rem !important;
  }
  .footer-block__details-content > li {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.3 !important;
  }
  .footer-block__details-content .list-menu__item--link,
  .footer-block__details-content .list-menu__item {
    padding-top: 0.4rem !important;
    padding-bottom: 0.4rem !important;
    display: block !important;
  }
  .footer__list-social,
  .footer-block ul.list-social { justify-content: center !important; }
}

/* ============== ABOUT: Pillars (Editorial Pure) + Promises (Stacked Cards) ============== */
/* Mobile-First. Pillars: nackt, nur Sage-Trenner. Promises: Sage-Cards stacked. */

.pelo-pillars {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  margin: 0 0 44px;
}
.pelo-pillar {
  padding: 28px 0;
  border-top: 1px solid rgba(140, 152, 118, 0.45);
}
.pelo-pillar:first-child { border-top: none; padding-top: 0; }
.pelo-pillar:last-child { border-bottom: 1px solid rgba(140, 152, 118, 0.45); }
.pelo-pillar h4 {
  font-size: 2.6rem;
  font-weight: 600;
  color: #1F1810;
  letter-spacing: -0.02em;
  line-height: 1.15;
  margin: 0 0 12px;
}
.pelo-pillar p {
  font-size: 1.6rem;
  line-height: 1.65;
  color: #483018;
  margin: 0;
  max-width: 56ch;
}

/* Tablet+ : 3 Spalten mit vertikalem Sage-Trenner */
@media (min-width: 750px) {
  .pelo-pillars {
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    border-bottom: 1px solid rgba(140, 152, 118, 0.45);
    padding: 0 0 28px;
  }
  .pelo-pillar {
    padding: 0 28px;
    border-top: none;
    border-bottom: none;
    border-left: 1px solid rgba(140, 152, 118, 0.45);
  }
  .pelo-pillar:first-child { padding-left: 0; border-left: none; padding-top: 0; }
  .pelo-pillar:last-child { border-bottom: none; padding-right: 0; }
}

/* Promises: Single Column on Mobile, 2x2 from Tablet, 4-col Desktop */
.pelo-promises {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  margin: 0 0 32px;
}
.pelo-promise {
  background: #C9D4BA;
  border-radius: 14px;
  padding: 22px 22px;
}
.pelo-promise h4 {
  font-size: 1.7rem;
  font-weight: 600;
  color: #1F1810;
  margin: 0 0 8px;
  letter-spacing: -0.005em;
}
.pelo-promise p {
  font-size: 1.4rem;
  line-height: 1.55;
  color: #483018;
  margin: 0;
}

@media (min-width: 750px) {
  .pelo-promises { grid-template-columns: repeat(2, 1fr); gap: 16px; }
}


/* ============== PDP: Card-Grids responsive ============== */
.pelo-pdp-grid { display: grid; gap: 14px; margin: 0 0 36px; }
.pelo-pdp-grid--3 { grid-template-columns: 1fr; }
.pelo-pdp-grid--2 { grid-template-columns: 1fr; }
@media (min-width: 750px) {
  .pelo-pdp-grid--3 { grid-template-columns: repeat(3, 1fr); }
  .pelo-pdp-grid--2 { grid-template-columns: repeat(2, 1fr); }
}


/* ============== WCAG 2.2 AA: Button-Kontrast + Tap-Targets ============== */
/* Brand Terracotta minimal dunkler (#A05E36 → #A05E36) für 4.5:1 contrast mit Cream-Text */
.button--primary,
.shopify-payment-button__button--unbranded,
button.button:not(.button--secondary):not(.button--tertiary):not([class*="link"]) {
  --color-button: 160, 94, 54 !important;
  --color-button-text: 237, 232, 215 !important;
}

/* Tap-Targets: min 44×44 für Footer-Menu-Links + Header-Logo + ähnliche kleine Touch-Bereiche */
@media (max-width: 749px) {
  .footer-block__details-content .list-menu__item--link,
  .footer-block__details-content .list-menu__item {
    min-height: 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 2px 0 !important;
  }
  a.list-social__link,
  .footer .list-social__link {
    min-width: 24px !important;
    min-height: 24px !important;
  }
  .header__heading-link,
  .header__heading-logo-wrapper {
    min-height: 24px !important;
    display: inline-flex !important;
    align-items: center !important;
  }
  .underlined-link {
    padding: 4px 0 !important;
    display: inline-block !important;
  }
}


/* ============== PDP Trust-Snippet (under ATC) ============== */
.pelo-pdp-trust {
  margin: 1.6rem 0 2.4rem;
  padding: 1.2rem 0;
  border-top: 1px solid rgba(72, 48, 24, 0.12);
  border-bottom: 1px solid rgba(72, 48, 24, 0.12);
}
.pelo-pdp-trust__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  font-size: 1.3rem;
  line-height: 1.5;
  color: #483018;
  letter-spacing: 0.01em;
}
.pelo-pdp-trust__item {
  position: relative;
  padding-left: 1.4rem;
}
.pelo-pdp-trust__item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.9rem;
  width: 0.5rem;
  height: 0.5rem;
  background: #A05E36;
  border-radius: 50%;
}
@media (min-width: 750px) {
  .pelo-pdp-trust__list {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0 2.4rem;
    font-size: 1.4rem;
  }
  .pelo-pdp-trust__item { padding-left: 0; }
  .pelo-pdp-trust__item::before { display: none; }
  .pelo-pdp-trust__item + .pelo-pdp-trust__item {
    position: relative;
    padding-left: 2.4rem;
  }
  .pelo-pdp-trust__item + .pelo-pdp-trust__item::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 1.2rem;
    background: rgba(72, 48, 24, 0.25);
  }
}

/* ============== Mobile Sticky Add-to-Cart Bar (<=749px) ============== */
.pelo-sticky-atc {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 40;
  transform: translateY(100%);
  transition: transform 280ms cubic-bezier(.2,.7,.2,1);
  background: #EDE8D7;
  border-top: 1px solid rgba(31, 24, 16, 0.08);
  box-shadow: 0 -6px 18px rgba(31, 24, 16, 0.08);
  padding: 8px 14px calc(8px + env(safe-area-inset-bottom));
  pointer-events: none;
  display: none;
}
.pelo-sticky-atc.is-visible {
  transform: translateY(0);
  pointer-events: auto;
}
.pelo-sticky-atc__inner {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 56px;
}
.pelo-sticky-atc__info { flex: 1 1 auto; min-width: 0; }
.pelo-sticky-atc__title {
  margin: 0;
  font-size: 13px;
  line-height: 1.2;
  color: #1F1810;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pelo-sticky-atc__meta {
  margin: 2px 0 0;
  font-size: 12px;
  line-height: 1.2;
  color: #483018;
  display: flex;
  gap: 8px;
  align-items: baseline;
  white-space: nowrap;
  overflow: hidden;
}
.pelo-sticky-atc__variant {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 50vw;
}
.pelo-sticky-atc__variant:empty { display: none; }
.pelo-sticky-atc__price { font-weight: 600; color: #1F1810; }
.pelo-sticky-atc__btn {
  flex: 0 0 auto;
  min-height: 44px;
  min-width: 44px;
  padding: 10px 18px;
  background: #A05E36;
  color: #EDE8D7;
  font-size: 14px;
  font-weight: 600;
  border: 0;
  border-radius: 2px;
  cursor: pointer;
  transition: background 160ms ease, opacity 160ms ease;
}
.pelo-sticky-atc__btn:hover { background: #8C5430; }
.pelo-sticky-atc__btn:focus-visible { outline: 2px solid #1F1810; outline-offset: 2px; }
.pelo-sticky-atc__btn[disabled],
.pelo-sticky-atc__btn[aria-disabled="true"] { opacity: 0.5; cursor: not-allowed; }
@media (max-width: 749px) {
  .pelo-sticky-atc { display: block; }
  body:has(.pelo-sticky-atc.is-visible) { padding-bottom: 72px; }
}
@media (prefers-reduced-motion: reduce) {
  .pelo-sticky-atc { transition: none; }
}

/* ============== Pelo Cookies — First-Visit-Banner + Settings-Modal ============== */
/* First-Visit Banner: fixed bottom, slide-in */
.pelo-cb {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 50;
  background: #EDE8D7;
  border-top: 1px solid rgba(140, 152, 118, 0.45);
  box-shadow: 0 -10px 30px rgba(31, 24, 16, 0.1);
  transform: translateY(100%);
  transition: transform 280ms cubic-bezier(.2,.7,.2,1);
  padding: 16px 18px calc(16px + env(safe-area-inset-bottom));
}
.pelo-cb[hidden] { display: none; }
.pelo-cb.is-visible { transform: translateY(0); }
.pelo-cb__inner {
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
}
.pelo-cb__text {
  flex: 1 1 320px;
  margin: 0;
  font-size: 13px;
  line-height: 1.55;
  color: #483018;
}
.pelo-cb__link { color: #483018; text-decoration: underline; }
.pelo-cb__actions {
  display: flex;
  gap: 8px;
  flex: 0 0 auto;
}
.pelo-cb__btn {
  min-height: 36px;
  padding: 8px 16px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  border: 1px solid transparent;
  transition: background 160ms ease;
}
.pelo-cb__btn--ghost {
  background: transparent;
  color: #1F1810;
  border-color: rgba(72, 48, 24, 0.25);
}
.pelo-cb__btn--ghost:hover { background: rgba(72, 48, 24, 0.06); }
.pelo-cb__btn--primary {
  background: #A05E36;
  color: #EDE8D7;
}
.pelo-cb__btn--primary:hover { background: #8C5430; }
@media (max-width: 600px) {
  .pelo-cb__actions { flex-wrap: wrap; width: 100%; }
  .pelo-cb__btn { flex: 1 1 30%; }
}

/* Settings-Modal: kompakt, ohne Intro-Text */
.pelo-cm[hidden] { display: none !important; }
.pelo-cm {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  pointer-events: none;
}
.pelo-cm.is-open { pointer-events: auto; }
.pelo-cm__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(31, 24, 16, 0.5);
  backdrop-filter: blur(2px);
  cursor: pointer;
}
.pelo-cm__panel {
  position: relative;
  background: #EDE8D7;
  color: #483018;
  border-radius: 14px;
  max-width: 480px;
  width: 100%;
  max-height: calc(100vh - 32px);
  overflow-y: auto;
  padding: 24px 24px 20px;
  box-shadow: 0 20px 48px rgba(31, 24, 16, 0.25);
  font-family: var(--font-body-family);
}
.pelo-cm__close {
  position: absolute;
  top: 12px;
  right: 12px;
  background: transparent;
  border: 0;
  color: #1F1810;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
  padding: 4px 10px;
  border-radius: 50%;
  min-width: 32px;
  min-height: 32px;
}
.pelo-cm__close:hover { background: rgba(31, 24, 16, 0.06); }
.pelo-cm__title {
  font-size: 20px;
  font-weight: 600;
  color: #1F1810;
  letter-spacing: -0.01em;
  line-height: 1.2;
  margin: 0 0 16px;
}
.pelo-cm__list {
  list-style: none;
  margin: 0 0 18px;
  padding: 0;
  border-top: 1px solid rgba(72, 48, 24, 0.12);
}
.pelo-cm__row {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 12px 0;
  border-bottom: 1px solid rgba(72, 48, 24, 0.12);
}
.pelo-cm__row-text { flex: 1 1 auto; min-width: 0; }
.pelo-cm__row-title { font-size: 14px; font-weight: 600; color: #1F1810; margin: 0 0 3px; }
.pelo-cm__row-desc { font-size: 12px; line-height: 1.5; color: #483018; margin: 0; }
.pelo-cm__toggle {
  position: relative;
  flex: 0 0 auto;
  width: 40px;
  height: 22px;
  cursor: pointer;
  margin-top: 2px;
}
.pelo-cm__toggle input { position: absolute; opacity: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; }
.pelo-cm__slider {
  position: absolute;
  inset: 0;
  background: rgba(72, 48, 24, 0.18);
  border-radius: 22px;
  transition: background 160ms ease;
}
.pelo-cm__slider::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 18px;
  height: 18px;
  background: #EDE8D7;
  border-radius: 50%;
  box-shadow: 0 1px 2px rgba(31, 24, 16, 0.2);
  transition: transform 160ms ease;
}
.pelo-cm__toggle input:checked + .pelo-cm__slider { background: #A05E36; }
.pelo-cm__toggle input:checked + .pelo-cm__slider::before { transform: translateX(18px); }
.pelo-cm__toggle input:focus-visible + .pelo-cm__slider { outline: 2px solid #1F1810; outline-offset: 2px; }
.pelo-cm__toggle--locked .pelo-cm__slider { opacity: 0.6; cursor: not-allowed; }
.pelo-cm__actions { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 14px; }
.pelo-cm__btn {
  flex: 1 1 auto;
  min-height: 38px;
  padding: 9px 14px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  border: 1px solid transparent;
  transition: background 160ms ease;
}
.pelo-cm__btn--ghost { background: transparent; color: #1F1810; border-color: rgba(72, 48, 24, 0.25); }
.pelo-cm__btn--ghost:hover { background: rgba(72, 48, 24, 0.06); }
.pelo-cm__btn--primary { background: #A05E36; color: #EDE8D7; flex: 2 1 auto; }
.pelo-cm__btn--primary:hover { background: #8C5430; }
.pelo-cm__legal { font-size: 12px; color: rgba(72, 48, 24, 0.7); margin: 0; text-align: center; }
.pelo-cm__legal a { color: #483018; text-decoration: underline; }
@media (max-width: 480px) {
  .pelo-cm__panel { padding: 20px 16px 16px; }
  .pelo-cm__btn { flex: 1 1 100%; }
}


/* ============== Cart legal-note (under Check-out button) ============== */
.pelo-cart-legal-note {
  font-size: 12px;
  line-height: 1.5;
  max-width: 420px;
  color: rgba(31, 24, 16, 0.6);
  margin: 12px auto 0;
  text-align: center;
}
.pelo-cart-legal-note a {
  color: inherit;
  text-decoration: underline;
}
.pelo-cart-legal-note a:hover { color: #1F1810; }


/* ============== Cookie Banner: force-hide when modal open + max z-index ============== */
body:has(.pelo-cm.is-open) #PeloCookieBanner,
body.pelo-cm-open #PeloCookieBanner { display: none !important; }
.pelo-cm { z-index: 2147483000 !important; }


/* ============== Hide Shopify native CMP UI (Pelo custom banner takes over) ============== */
[id^="shopify-pc__"],
[class^="shopify-pc__"],
[class*=" shopify-pc__"],
[id^="shopify-cookie-"],
[class^="shopify-cookie-"] {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}


/* Pelo Hero — keep words together, scale font on small viewports */
.banner__heading,
.image-with-text__heading,
.banner h1,
.image-with-text h1 {
  word-break: keep-all !important;
  overflow-wrap: normal !important;
  hyphens: manual !important;
  font-size: clamp(28px, 6vw, 56px) !important;
  line-height: 1.1 !important;
}


/* Hide Sense default caret SVG to avoid double arrow — Sense renders its own caret already */



@media (max-width: 600px) {
  
  

/* Pelo Pack Contents — sub-text under variant picker, scaleable per product via metafield */
.pelo-pack-contents {
  font-size: 13px !important;
  color: #8C9876 !important;
  line-height: 1.5 !important;
  margin: 8px 0 16px !important;
  padding: 0 !important;
}


/* Hide Sense default caret SVG to avoid double arrow — Sense renders its own caret already */



@media (max-width: 600px) {

/* Pelo Custom Variant-Picker — Combobox Pattern (closed = Quantity-Box style, open = pelo-sort panel style) */
.pelo-vp {
  position: relative;
  width: 100%;
  margin-bottom: 18px;
}
.pelo-vp__hidden-select {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
  border: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
.pelo-vp__trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  border: 1px solid #C0C0A8;
  border-radius: 8px;
  background: #D8D8C0;
  color: #1F1810;
  padding: 12px 14px;
  font-size: 15px;
  line-height: 1.4;
  cursor: pointer;
  font-family: inherit;
  user-select: none;
  -webkit-user-select: none;
  box-sizing: border-box;
}
.pelo-vp__trigger:focus { outline: none; }
.pelo-vp__trigger:focus-visible {
  outline: 2px solid #A05E36;
  outline-offset: 2px;
}
.pelo-vp__value {
  flex: 1;
  text-align: left;
}
.pelo-vp__caret {
  display: inline-flex !important;
  width: 12px !important;
  height: 8px !important;
  flex: 0 0 12px !important;
  margin-left: 8px !important;
  color: #1F1810 !important;
  transition: transform 0.18s ease !important;
  align-items: center;
  justify-content: center;
}
.pelo-vp__caret svg {
  width: 12px !important;
  height: 8px !important;
  display: block !important;
  flex: 0 0 12px !important;
}
.pelo-vp__trigger[aria-expanded="true"] .pelo-vp__caret {
  transform: rotate(180deg);
}
.pelo-vp__listbox {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  z-index: 10;
  list-style: none;
  margin: 0;
  padding: 8px 0;
  background: #EDE8D7;
  border: 1px solid rgba(72, 48, 24, 0.12);
  border-radius: 14px;
  box-shadow: 0 8px 24px rgba(31, 24, 16, 0.12);
  max-height: 300px;
  overflow-y: auto;
}
.pelo-vp__listbox[hidden] {
  display: none !important;
}
.pelo-vp__option {
  display: block;
  padding: 10px 16px;
  font-size: 15px;
  color: #483018;
  cursor: pointer;
  transition: background 0.12s ease;
  user-select: none;
  -webkit-user-select: none;
}
.pelo-vp__option:hover,
.pelo-vp__option--active {
  background: transparent;
  color: #1F1810;
}
.pelo-vp__option--selected {
  background: transparent;
  color: #1F1810;
  font-weight: 600;
}
.pelo-vp__option--unavailable {
  color: rgba(72, 48, 24, 0.4);
  text-decoration: line-through;
  cursor: not-allowed;
}
.pelo-vp__option--unavailable:hover {
  background: transparent;
}

/* Pelo Quantity-Box — full-width like Add-to-Cart, number centered */
.product-form__input--quantity,
.product-form quantity-input,
.product-form .quantity {
  width: 100% !important;
  max-width: 100% !important;
}
.product-form .quantity__input {
  flex: 1 !important;
  text-align: center !important;
  width: 100% !important;
}


/* Pelo: Mobile counter inline next to filter — collapse empty .active-facets-mobile */
@media screen and (max-width: 989px) {
  .facets-container > .active-facets-mobile:empty { display: none !important; }
  .facets-container > .product-count { align-self: center !important; }
}

/* Pelo Cart Legal Note — under checkout button, same size as tax note */
body main p.pelo-cart-legal-note,
.pelo-cart-legal-note {
  font-size: 16px !important;
  line-height: 1.5 !important;
  color: rgba(72, 48, 24, 0.75) !important;
  margin: 1rem 0 0 !important;
  text-align: center !important;
  flex-basis: 100% !important;
  order: 99 !important;
  width: 100% !important;
}
.pelo-cart-legal-note a { color: inherit !important; text-decoration: underline; }
.pelo-cart-legal-note a:hover { color: #1F1810 !important; }


/* Pelo: symmetric spacing above/below facets bar on mobile */
@media screen and (max-width: 749px) {
  body main .facets-container,
  .collection .facets-container {
    padding-top: 0 !important;
    padding-bottom: 25px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}