/** Shopify CDN: Minification failed

Line 814:65 Unexpected ")"

**/
/* ==========================================================================
   Loffee Reviews – Judge.me im Loffee-Card-System
   1) Produkt-Bewertungs-Widget (#judgeme_product_reviews / .jdgm-rev-widg)
   2) Featured Carousel Startseite (.jdgm-carousel-wrapper)
   3) Preview-Badges (.jdgm-prev-badge)

   Farben: Braun #502d2e · Creme #fcf7f2 · Weiß · Sand #edccab · Grün #2e9e7b
           Sterne #86ba1e · Linien rgb(226,217,213)
   Schriften: Überschriften Recoleta (normal), Text var(--text-font-family)

   Specificity statt !important. !important nur dort, wo Judge.me selbst
   Inline-Styles oder !important setzt (Kommentar jeweils an der Stelle).
   Judge.me-Einstellungen, die Elemente ausblenden (Datum, Produktname im
   Karussell, Medaillen), werden bewusst NICHT überschrieben.
   ========================================================================== */

/* ---------- Gemeinsame Tokens + Judge.me-Variablen umbiegen ---------- */

body .jdgm-widget.jdgm-review-widget,
body .jdgm-carousel-wrapper,
body .jdgm-widget.jdgm-preview-badge {
  --lfr-brown: #502d2e;
  --lfr-brown-2: rgba(80, 45, 46, .78);
  --lfr-cream: #fcf7f2;
  --lfr-white: #ffffff;
  --lfr-sand: #edccab;
  --lfr-sand-soft: rgba(237, 204, 171, .35);
  --lfr-green: #2e9e7b;
  --lfr-star: #86ba1e;
  --lfr-line: rgb(226, 217, 213);
  --lfr-font-head: 'Recoleta', var(--heading-font-family), serif;
  --lfr-font-text: var(--text-font-family);

  /* Judge.me-Settings definieren diese auf :root (Türkis #108474) – lokal überschreiben */
  --jdgm-primary-color: var(--lfr-brown);
  --jdgm-secondary-color: var(--lfr-sand-soft);
  --jdgm-star-color: var(--lfr-star);
  --jdgm-write-review-text-color: var(--lfr-white);
  --jdgm-write-review-bg-color: var(--lfr-brown);
  --jdgm-paginate-color: var(--lfr-brown);
  --jdgm-reviewer-name-color: var(--lfr-brown);
}

/* ==========================================================================
   1) PRODUKT-BEWERTUNGS-WIDGET
   ACHTUNG: Live läuft Judge.me Widget v3 (Theme „Leex“, data-is-awesome).
   Das Server-Markup (.jdgm-legacy-widget-content) ist display:none und wird
   per JS neu aufgebaut. Die Selektoren unten sind am Legacy-Markup belegt;
   strukturabhängige Layout-Regeln greifen deshalb nur per :has()-Guard,
   wenn die erwarteten direkten Kinder existieren. Vor Freigabe im Browser
   (DevTools) gegen den Live-DOM prüfen.
   ========================================================================== */

/* Focal-Container der App-Section neutralisieren, damit das Widget selbst
   den Loffee-Container (max. 1240px, 16px Rand) bildet */
.shopify-section--apps > .container:has(#judgeme_product_reviews) {
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}

/* Judge.me setzt inline style='max-width: 1200px; margin: 0 auto;' → !important nötig */
body .jdgm-widget.jdgm-review-widget {
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 0 16px;
  box-sizing: border-box;
  font-family: var(--lfr-font-text);
  color: var(--lfr-brown);
}

body .jdgm-widget.jdgm-review-widget .jdgm-rev-widg {
  border: 0;
  padding: 0;
  background: transparent;
  color: var(--lfr-brown);
  font-family: var(--lfr-font-text);
}

/* ---------- Kopfbereich als weiße Karte ---------- */

body .jdgm-widget.jdgm-review-widget .jdgm-rev-widg__header {
  margin: 0 0 16px;
  padding: 28px 32px;
  border: 0;
  border-radius: 20px;
  background: var(--lfr-white);
  text-align: left;
}

/* Flex-/order-Layout nur, wenn Summary direktes Kind ist (Legacy-Struktur) */
body .jdgm-widget.jdgm-review-widget .jdgm-rev-widg__header:has(> .jdgm-rev-widg__summary) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px 40px;
}

body .jdgm-widget.jdgm-review-widget .jdgm-rev-widg__title {
  order: 0;
  flex: 0 0 100%;
  margin: 0;
  font-family: var(--lfr-font-head);
  font-weight: normal;
  font-size: 30px;
  line-height: 1.15;
  letter-spacing: -.01em;
  color: var(--lfr-brown);
  text-align: left;
  text-transform: none;
}

body .jdgm-widget.jdgm-review-widget .jdgm-rev-widg__summary {
  order: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  margin: 0;
  float: none;
  text-align: left;
}

body .jdgm-widget.jdgm-review-widget .jdgm-rev-widg__summary-stars {
  margin: 0;
  line-height: 1;
}

body .jdgm-widget.jdgm-review-widget .jdgm-rev-widg__summary-stars .jdgm-star.jdgm-star {
  font-size: 22px;
  color: var(--lfr-star);
}

body .jdgm-widget.jdgm-review-widget .jdgm-rev-widg__summary-text {
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
  color: var(--lfr-brown-2);
}

/* ---------- Histogramm, dezent ---------- */

body .jdgm-widget.jdgm-review-widget .jdgm-histogram {
  order: 2;
  flex: 1 1 300px;
  max-width: 440px;
  margin: 0;
  padding: 0;
  border: 0;
  float: none;
  font-size: 13px;
  color: var(--lfr-brown-2);
}

body .jdgm-widget.jdgm-review-widget .jdgm-histogram__row {
  margin: 0 0 4px;
  line-height: 1.4;
  cursor: pointer;
}

body .jdgm-widget.jdgm-review-widget .jdgm-histogram__star .jdgm-star.jdgm-star {
  font-size: 13px;
  color: var(--lfr-star);
}

body .jdgm-widget.jdgm-review-widget .jdgm-histogram__bar {
  height: 8px;
  border: 0;
  border-radius: 99px;
  background: var(--lfr-sand-soft);
  overflow: hidden;
  vertical-align: middle;
}

body .jdgm-widget.jdgm-review-widget .jdgm-histogram__bar-content {
  height: 100%;
  border-radius: 99px;
  background-color: var(--lfr-star);
}

body .jdgm-widget.jdgm-review-widget .jdgm-histogram__percentage,
body .jdgm-widget.jdgm-review-widget .jdgm-histogram__frequency {
  font-size: 13px;
  color: var(--lfr-brown-2);
}

body .jdgm-widget.jdgm-review-widget .jdgm-histogram__clear-filter {
  font-size: 13px;
  color: var(--lfr-brown);
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* ---------- „Bewertung schreiben“ ----------
   display NICHT setzen: Judge.me blendet den Link per Inline-Style ein/aus */
body .jdgm-widget.jdgm-review-widget .jdgm-write-rev-link {
  order: 3;
  margin: 0 0 0 auto;
  float: none;
  padding: 14px 24px;
  border: 0;
  border-radius: 12px;
  background: var(--lfr-brown);
  color: var(--lfr-white);
  font-family: var(--lfr-font-text);
  font-size: 15px;
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0;
  box-shadow: none;
  transition: box-shadow .2s ease;
}

body .jdgm-widget.jdgm-review-widget .jdgm-write-rev-link:hover,
body .jdgm-widget.jdgm-review-widget .jdgm-write-rev-link:focus-visible {
  background: var(--lfr-brown);
  color: var(--lfr-white);
  box-shadow: 0 0 0 3px var(--lfr-sand);
}

body .jdgm-widget.jdgm-review-widget .jdgm-write-rev-link:focus-visible {
  outline: 2px solid var(--lfr-brown);
  outline-offset: 3px;
}

/* ---------- Sortierung, dezent ---------- */

body .jdgm-widget.jdgm-review-widget .jdgm-rev-widg__sort-wrapper {
  order: 4;
  flex: 0 0 100%;
  margin: 0;
  padding: 16px 0 0;
  border-top: 1px solid var(--lfr-line);
  font-size: 14px;
  color: var(--lfr-brown-2);
}

body .jdgm-widget.jdgm-review-widget .jdgm-rev-widg__sort-wrapper:empty {
  padding: 0;
  border-top: 0;
}

/* Sortier-Dropdown wird per JS eingefügt; nur Element-Selektor innerhalb des belegten Wrappers */
body .jdgm-widget.jdgm-review-widget .jdgm-rev-widg__sort-wrapper select {
  min-height: 40px;
  padding: 6px 32px 6px 12px;
  border: 1px solid var(--lfr-line);
  border-radius: 12px;
  background-color: var(--lfr-white);
  color: var(--lfr-brown);
  font-family: var(--lfr-font-text);
  font-size: 14px;
}

/* ---------- Bewertungen als weiße Karten ---------- */

body .jdgm-widget.jdgm-review-widget .jdgm-rev-widg__body {
  margin: 0;
  padding: 0;
}

/* Kein eigenes Grid für .jdgm-rev-widg__reviews: Leex setzt die Spalten selbst
   (Judge.me-Einstellung review_widget_number_of_columns_desktop = 3) */
body .jdgm-widget.jdgm-review-widget .jdgm-rev {
  margin: 0 0 12px;
  padding: 22px 24px;
  border: 0;
  border-radius: 16px;
  background: var(--lfr-white);
  box-shadow: none;
  color: var(--lfr-brown);
}

/* Kopfzeile der Karte: Avatar links, Name + Badge, darunter Sterne */
body .jdgm-widget.jdgm-review-widget .jdgm-rev__header {
  margin: 0;
  padding: 0;
}

/* Grid nur, wenn Avatar und Autor direkte Kinder sind (Legacy-Struktur) */
body .jdgm-widget.jdgm-review-widget .jdgm-rev__header:has(> .jdgm-rev__icon):has(> .jdgm-rev__author-wrapper) {
  display: grid;
  grid-template-columns: 40px auto 1fr;
  grid-template-areas:
    "icon author badge"
    "icon rating date";
  align-items: center;
  column-gap: 12px;
  row-gap: 2px;
}

body .jdgm-widget.jdgm-review-widget .jdgm-rev__icon {
  grid-area: icon;
  position: relative;
  float: none;
  width: 40px;
  height: 40px;
  margin: 0;
  border-radius: 50%;
  background: var(--lfr-sand);
  color: var(--lfr-brown);
  font-family: var(--lfr-font-head);
  font-size: 17px;
  font-weight: normal;
  line-height: 40px;
  text-align: center;
}

/* Judge.me-Settings: .jdgm-rev[data-verified-buyer=true] .jdgm-rev__icon.jdgm-rev__icon:after (Türkis) */
body .jdgm-widget.jdgm-review-widget .jdgm-rev[data-verified-buyer=true] .jdgm-rev__icon.jdgm-rev__icon::after {
  background-color: var(--lfr-green);
  color: var(--lfr-white);
}

body .jdgm-widget.jdgm-review-widget .jdgm-rev__author-wrapper {
  grid-area: author;
  margin: 0;
  font-size: 14px;
  line-height: 1.3;
}

body .jdgm-widget.jdgm-review-widget .jdgm-rev__author {
  font-size: 14px;
  font-weight: bold;
  color: var(--lfr-brown);
}

body .jdgm-widget.jdgm-review-widget .jdgm-rev__location {
  font-size: 13px;
  color: var(--lfr-brown-2);
}

body .jdgm-widget.jdgm-review-widget .jdgm-rev__buyer-badge-wrapper {
  grid-area: badge;
  justify-self: start;
  margin: 0;
}

/* Judge.me-Settings: .jdgm-rev__buyer-badge.jdgm-rev__buyer-badge (Türkis)
   Text braun statt grün (Grün auf Weiß/Tint nur ~3:1), grüner Tint bleibt */
body .jdgm-widget.jdgm-review-widget .jdgm-rev__buyer-badge.jdgm-rev__buyer-badge {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 5px;
  background-color: rgba(46, 158, 123, .12);
  color: var(--lfr-brown);
  font-size: 13px;
  font-weight: bold;
  line-height: 1.4;
}

body .jdgm-widget.jdgm-review-widget .jdgm-rev__rating {
  grid-area: rating;
  margin: 0;
  line-height: 1;
}

body .jdgm-widget.jdgm-review-widget .jdgm-rev__rating .jdgm-star.jdgm-star {
  font-size: 15px;
  color: var(--lfr-star);
}

/* Datum: per Judge.me-Einstellung aktuell ausgeblendet (display:none !important) – nur Typo */
body .jdgm-widget.jdgm-review-widget .jdgm-rev__timestamp {
  grid-area: date;
  justify-self: start;
  width: auto;
  height: auto;
  margin: 0;
  border: 0;
  font-size: 13px;
  color: var(--lfr-brown-2);
}

body .jdgm-widget.jdgm-review-widget .jdgm-rev__br {
  display: none;
}

/* ---------- Inhalt ---------- */

body .jdgm-widget.jdgm-review-widget .jdgm-rev__content {
  margin: 14px 0 0;
  padding: 0;
}

body .jdgm-widget.jdgm-review-widget .jdgm-rev__title {
  display: block;
  margin: 0 0 6px;
  font-family: var(--lfr-font-text);
  font-size: 16px;
  font-weight: bold;
  line-height: 1.35;
  color: var(--lfr-brown);
}

body .jdgm-widget.jdgm-review-widget .jdgm-rev__body,
body .jdgm-widget.jdgm-review-widget .jdgm-rev__body p {
  font-family: var(--lfr-font-text);
  font-size: 15px;
  font-weight: normal;
  line-height: 1.6;
  color: var(--lfr-brown);
}

body .jdgm-widget.jdgm-review-widget .jdgm-rev__body p {
  margin: 0 0 .6em;
}

body .jdgm-widget.jdgm-review-widget .jdgm-rev__body p:last-child {
  margin-bottom: 0;
}

/* Bilder: Judge.me fügt <a><img></a> in .jdgm-rev__pics ein */
body .jdgm-widget.jdgm-review-widget .jdgm-rev__pics {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
}

body .jdgm-widget.jdgm-review-widget .jdgm-rev__pics:has(img) {
  margin-top: 12px;
}

body .jdgm-widget.jdgm-review-widget .jdgm-rev__pics img,
body .jdgm-widget.jdgm-review-widget .jdgm-rev__vids video,
body .jdgm-widget.jdgm-review-widget .jdgm-rev__vids iframe {
  border-radius: 10px;
}

body .jdgm-widget.jdgm-review-widget .jdgm-rev__actions {
  margin: 0;
  font-size: 13px;
  color: var(--lfr-brown-2);
}

body .jdgm-widget.jdgm-review-widget .jdgm-rev__actions:has(> :not(:empty)) {
  margin-top: 12px;
}

/* Antwort von Loffee: nur als Box, wenn Inhalt vorhanden */
body .jdgm-widget.jdgm-review-widget .jdgm-rev__reply {
  margin: 0;
  font-size: 14px;
  line-height: 1.55;
  color: var(--lfr-brown);
}

body .jdgm-widget.jdgm-review-widget .jdgm-rev__reply:has(> *) {
  margin-top: 14px;
  padding: 14px 16px;
  border-radius: 12px;
  background: var(--lfr-sand-soft);
}

/* ---------- Pagination, dezent ---------- */

body .jdgm-widget.jdgm-review-widget .jdgm-paginate {
  margin: 20px 0 0;
  text-align: center;
}

body .jdgm-widget.jdgm-review-widget .jdgm-btn.jdgm-paginate__load-more {
  min-height: 48px;
  padding: 12px 28px;
  border: 1.5px solid var(--lfr-line);
  border-radius: 12px;
  background: var(--lfr-white);
  color: var(--lfr-brown);
  font-family: var(--lfr-font-text);
  font-size: 15px;
  font-weight: bold;
  line-height: 1.3;
  text-transform: none;
  letter-spacing: 0;
  box-shadow: none;
  cursor: pointer;
  transition: border-color .2s ease;
}

body .jdgm-widget.jdgm-review-widget .jdgm-btn.jdgm-paginate__load-more:hover,
body .jdgm-widget.jdgm-review-widget .jdgm-btn.jdgm-paginate__load-more:focus-visible {
  border-color: var(--lfr-brown);
  background: var(--lfr-white);
  color: var(--lfr-brown);
}

/* ---------- Mobile ---------- */

@media (max-width: 749px) {
  body .jdgm-widget.jdgm-review-widget .jdgm-rev-widg__header {
    padding: 22px 20px;
  }

  body .jdgm-widget.jdgm-review-widget .jdgm-rev-widg__header:has(> .jdgm-rev-widg__summary) {
    gap: 16px;
  }

  body .jdgm-widget.jdgm-review-widget .jdgm-rev-widg__title {
    font-size: 25px;
  }

  body .jdgm-widget.jdgm-review-widget .jdgm-histogram {
    flex: 1 1 100%;
    max-width: none;
  }

  body .jdgm-widget.jdgm-review-widget .jdgm-write-rev-link {
    flex: 1 1 100%;
    margin: 0;
  }

  body .jdgm-widget.jdgm-review-widget .jdgm-rev {
    padding: 18px;
  }

  body .jdgm-widget.jdgm-review-widget .jdgm-btn.jdgm-paginate__load-more {
    width: 100%;
  }
}

/* ==========================================================================
   2) FEATURED CAROUSEL (Startseite)
   Judge.me schreibt Inline-<style> in den Block (u. a. Sterne-Kästchen,
   Card-Theme mit 4px Radius, Name font-weight:600) – hier überschrieben.
   ========================================================================== */

/* Judge.me: .jdgm-carousel-wrapper{width:100% !important;margin:auto} – Breite bleibt, max-width ergänzt */
body .jdgm-carousel-wrapper {
  box-sizing: border-box;
  max-width: 1240px;
  margin: 0 auto;
  padding: 40px 16px;
  font-family: var(--lfr-font-text);
  color: var(--lfr-brown);
}

/* Titel + Gesamtbewertung bündig mit den Kartenkanten (Item-Padding 8px) */
body .jdgm-carousel-wrapper .jdgm-carousel-title-and-link {
  padding-left: 8px;
  margin-bottom: 20px;
}

body .jdgm-carousel-wrapper .jdgm-carousel-title {
  margin: 0 0 8px;
  font-family: var(--lfr-font-head);
  font-weight: normal;
  font-size: 34px;
  line-height: 1.15;
  letter-spacing: -.01em;
  color: var(--lfr-brown);
  text-transform: none;
}

body .jdgm-carousel-wrapper .jdgm-all-reviews-rating-wrapper {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 10px;
  font-size: 14px;
  color: var(--lfr-brown);
  text-decoration: none;
}

body .jdgm-carousel-wrapper .jdgm-carousel-number-of-reviews {
  font-size: 14px;
  color: var(--lfr-brown-2);
}

/* Sterne: Judge.me rendert grüne Kästchen mit weißem Stern
   (.jdgm-carousel-wrapper .jdgm-star.jdgm-star{background…;padding:3px !important;margin:0 2px !important})
   → schlichte grüne Sterne wie im Produkt-Widget */
body .jdgm-carousel-wrapper .jdgm-star.jdgm-star {
  background: none;
  color: var(--lfr-star);
  padding: 0 2px 0 0 !important;
  margin: 0 !important;
}

body .jdgm-carousel-wrapper .jdgm-star.jdgm-star.jdgm--off,
body .jdgm-carousel-wrapper .jdgm-star.jdgm-star.jdgm--half {
  background: none;
}

/* Judge.me ersetzt im Karussell Off/Half-Glyphen durch den vollen Stern (\e000) – Original wiederherstellen */
body .jdgm-carousel-wrapper .jdgm-star.jdgm-star.jdgm--off::before {
  content: "\e001";
}

body .jdgm-carousel-wrapper .jdgm-star.jdgm-star.jdgm--half::before {
  content: "\e002";
}

body .jdgm-carousel-wrapper .jdgm-carousel-item {
  padding: 8px;
}

/* Flex-Spalte statt Judge.me-Höhe calc(100% - 1.3em) für __review:
   Name behält seinen Platz, unterer Innenabstand bleibt vollständig */
body .jdgm-carousel-wrapper .jdgm-carousel-item__inner-wrapper {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding: 22px 22px 20px;
  border: 0;
  border-radius: 18px;
  background: var(--lfr-white);
  box-shadow: 0 2px 10px rgba(80, 45, 46, .05);
  overflow: hidden;
}

body .jdgm-carousel-wrapper .jdgm-carousel-item__review {
  flex: 1 1 auto;
  height: auto;
  min-height: 0;
  overflow: hidden;
  text-align: left;
}

body .jdgm-carousel-wrapper .jdgm-carousel-item__review-rating {
  margin: 0 0 10px;
  font-size: 15px;
  line-height: 1;
}

body .jdgm-carousel-wrapper .jdgm-carousel-item__review-title {
  margin: 0 0 6px;
  font-family: var(--lfr-font-text);
  font-size: 16px;
  font-weight: bold;
  line-height: 1.35;
  color: var(--lfr-brown);
}

body .jdgm-carousel-wrapper .jdgm-carousel-item__review-body,
body .jdgm-carousel-wrapper .jdgm-carousel-item__review-body p {
  font-family: var(--lfr-font-text);
  font-size: 15px;
  font-weight: normal;
  line-height: 1.55;
  color: var(--lfr-brown);
}

/* Judge.me setzt die Zeilenzahl per JS (am Desktop teils nur 1 Zeile) – fest auf 6 Zeilen */
body .jdgm-carousel-wrapper .jdgm-carousel-item__review-body {
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6 !important;
  line-clamp: 6;
  height: auto !important;
  overflow: hidden;
}

body .jdgm-carousel-wrapper .jdgm-carousel-item__review-body p {
  margin: 0;
}

body .jdgm-carousel-wrapper .jdgm-carousel-item__reviewer-name-wrapper {
  flex: none;
  margin: 12px 0 0;
}

/* Judge.me Card-Theme: font-weight:600; opacity:.8 → bold, volle Deckkraft */
body .jdgm-carousel-wrapper .jdgm-carousel-item__reviewer-name {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4;
  color: var(--lfr-brown);
  opacity: 1;
}

/* ---------- Pfeile: runde weiße Buttons mit braunem Chevron ----------
   Judge.me zeichnet den Pfeil über Rahmen des Elements (border-color #502d2e)
   und positioniert per float + negativem margin – Rahmen hier ersetzt.
   ABHÄNGIGKEIT: margin-top (-174px Desktop, -172px mobil) ist auf die
   Judge.me-Einstellung featured_carousel_height = 300 abgestimmt
   (Inline .jdgm-carousel__item-wrapper{height:300px}): Pfeilmitte ≈ 150px.
   Wird die Höhe in Judge.me geändert, diese Werte mit anpassen. */
body .jdgm-carousel-wrapper .jdgm-carousel__arrows .jdgm-carousel__left-arrow,
body .jdgm-carousel-wrapper .jdgm-carousel__arrows .jdgm-carousel__right-arrow {
  position: relative;
  width: 44px;
  height: 44px;
  margin-top: -174px;
  border: 0;
  border-radius: 50%;
  background: var(--lfr-white);
  box-shadow: 0 2px 10px rgba(80, 45, 46, .10);
  transform: none;
  cursor: pointer;
  transition: background-color .2s ease;
}

body .jdgm-carousel-wrapper .jdgm-carousel__arrows .jdgm-carousel__left-arrow {
  margin-left: -36px;
}

body .jdgm-carousel-wrapper .jdgm-carousel__arrows .jdgm-carousel__right-arrow {
  margin-right: -36px;
}

body .jdgm-carousel-wrapper .jdgm-carousel__arrows .jdgm-carousel__left-arrow::before,
body .jdgm-carousel-wrapper .jdgm-carousel__arrows .jdgm-carousel__right-arrow::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  border: 0;
  border-left: 2px solid var(--lfr-brown);
  border-bottom: 2px solid var(--lfr-brown);
  background: none;
}

body .jdgm-carousel-wrapper .jdgm-carousel__arrows .jdgm-carousel__left-arrow::before {
  transform: translate(-30%, -50%) rotate(45deg);
}

body .jdgm-carousel-wrapper .jdgm-carousel__arrows .jdgm-carousel__right-arrow::before {
  transform: translate(-70%, -50%) rotate(-135deg);
}

body .jdgm-carousel-wrapper .jdgm-carousel__arrows .jdgm-carousel__left-arrow::after,
body .jdgm-carousel-wrapper .jdgm-carousel__arrows .jdgm-carousel__right-arrow::after {
  content: none;
}

body .jdgm-carousel-wrapper .jdgm-carousel__arrows .jdgm-carousel__left-arrow:hover,
body .jdgm-carousel-wrapper .jdgm-carousel__arrows .jdgm-carousel__right-arrow:hover {
  background: var(--lfr-sand-soft);
}

body .jdgm-carousel-wrapper .jdgm-carousel__arrows .jdgm-carousel__left-arrow:focus-visible,
body .jdgm-carousel-wrapper .jdgm-carousel__arrows .jdgm-carousel__right-arrow:focus-visible {
  outline: 2px solid var(--lfr-brown);
  outline-offset: 2px;
}

@media (max-width: 749px) {
  /* Mobil: Karte mit 16px Rand wie alle anderen Karten, Pfeile liegen auf der Kartenkante */
  body .jdgm-carousel-wrapper {
    padding: 28px 0;
  }

  body .jdgm-carousel-wrapper .jdgm-carousel-title {
    font-size: 26px;
  }

  /* Judge.me: width:calc(100% - 81px) für Titel und Karussell */
  body .jdgm-carousel-wrapper .jdgm-carousel-title-and-link {
    width: calc(100% - 32px);
    padding-left: 0;
  }

  body .jdgm-carousel-wrapper .jdgm-widget.jdgm-carousel {
    width: calc(100% - 24px);
  }

  body .jdgm-carousel-wrapper .jdgm-carousel-item {
    padding: 8px 4px;
  }

  body .jdgm-carousel-wrapper .jdgm-carousel-item__inner-wrapper {
    padding: 18px 24px 16px;
  }

  body .jdgm-carousel-wrapper .jdgm-carousel__arrows .jdgm-carousel__left-arrow,
  body .jdgm-carousel-wrapper .jdgm-carousel__arrows .jdgm-carousel__right-arrow {
    width: 36px;
    height: 36px;
    margin-top: -170px;
  }

  /* Pfeil sitzt halb auf der Kartenkante (Karussell 12px vom Rand, Karte 16px) */
  body .jdgm-carousel-wrapper .jdgm-carousel__arrows .jdgm-carousel__left-arrow {
    margin-left: -8px;
  }

  body .jdgm-carousel-wrapper .jdgm-carousel__arrows .jdgm-carousel__right-arrow {
    margin-right: -8px;
  }
}

/* ==========================================================================
   3) PREVIEW-BADGES (Produktseite unter Titel, Listen)
   Sichtbarkeit (display/visibility) steuert Judge.me selbst – nicht anfassen.
   ========================================================================== */

/* Judge.me-Settings: .jdgm-preview-badge .jdgm-star.jdgm-star{color:#86ba1e} */
body .jdgm-widget.jdgm-preview-badge .jdgm-prev-badge__stars .jdgm-star.jdgm-star {
  color: var(--lfr-star);
}

body .jdgm-widget.jdgm-preview-badge .jdgm-prev-badge__text {
  margin-left: 6px;
  font-family: var(--lfr-font-text);
  font-size: 13px;
  font-weight: normal;
  line-height: 1.4;
  color: var(--lfr-brown);
}


/* ==========================================================================
   Produkt-Bewertungen: Judge.me Widget v3 (jm-*/jdgm-review-card), live geprüft
   Farben laufen über Judge.me-Variablen (inline am .jm-review-widget gesetzt) –
   !important im Stylesheet schlägt den Inline-Wert.
   ========================================================================== */
#judgeme_product_reviews .jm-review-widget {
  --jm-review-widget-star-and-histogram-color: #86ba1e !important;
  --jm-review-widget-button-color: #502d2e !important;
  --jm-review-widget-button-text-color: #ffffff !important;
  --jm-review-widget-text-color: #502d2e !important;
  --jm-review-widget-lighter-text-color: rgba(80, 45, 46, .72) !important;
  --jm-widget-primary-color: #502d2e !important;
  --jm-review-widget-bar-chart-height: 6px !important;
  --jm-review-widget-form-button-color: #502d2e !important;
  font-family: var(--text-font-family);
  color: #502d2e;
}
#judgeme_product_reviews .jm-review-widget .jm-text { color: inherit; }
/* Kopf */
#judgeme_product_reviews .jm-review-widget-header__title { font-family: 'Recoleta', var(--heading-font-family), serif !important; font-weight: normal !important; font-size: 30px !important; line-height: 1.15 !important; color: #502d2e !important; }
#judgeme_product_reviews .jm-average-rating-display { color: #502d2e !important; text-decoration: none !important; }
#judgeme_product_reviews .jm-average-rating-display__review-count { color: #502d2e !important; }
#judgeme_product_reviews .jm-histogram-row { color: #502d2e; }
#judgeme_product_reviews .jm-progress-bar { border-radius: 99px !important; background: rgba(237, 204, 171, .55) !important; overflow: hidden; }
#judgeme_product_reviews .jm-progress-bar__fill { border-radius: 99px !important; background: #86ba1e !important; }
#judgeme_product_reviews .jm-button { min-height: 46px; border-radius: 12px !important; font-family: var(--text-font-family) !important; font-weight: bold !important; font-size: 15px !important; }
#judgeme_product_reviews .jm-button--primary { background: #502d2e !important; border-color: #502d2e !important; color: #fff !important; }
#judgeme_product_reviews .jm-button--secondary { background: #fff !important; border: 1.5px solid #502d2e !important; color: #502d2e !important; }
#judgeme_product_reviews .jdgm-tab { color: #502d2e !important; font-size: 15px !important; }
#judgeme_product_reviews .jdgm-tablist__activeBar { background: #502d2e !important; }
#judgeme_product_reviews .jm-sort-filter, #judgeme_product_reviews .jm-custom-answer-filter { border-radius: 10px !important; border-color: rgb(226, 217, 213) !important; background: #fff !important; color: #502d2e !important; }
/* Bewertungskarten: weiß, rund, ohne Rahmen */
#judgeme_product_reviews .jdgm-review-card { background: #fff !important; border: 0 !important; outline: 0 !important; border-radius: 18px !important; box-shadow: 0 2px 10px rgba(80, 45, 46, .05) !important; overflow: hidden; }
#judgeme_product_reviews .jdgm-review-card__content { --jm-box-padding: 22px !important; }
#judgeme_product_reviews .jdgm-review-card .jm-star-rating__font-icon { font-size: 1.15em !important; color: #86ba1e !important; }
#judgeme_product_reviews .jdgm-review-card__name { color: #502d2e !important; font-weight: bold !important; }
#judgeme_product_reviews .jm-verified-buyer-badge { padding: 2px 8px !important; border: 0 !important; border-radius: 5px !important; background: rgba(46, 158, 123, .12) !important; }
#judgeme_product_reviews .jm-verified-buyer-badge__text { color: #2e7a62 !important; font-size: 12px !important; font-weight: bold !important; }
#judgeme_product_reviews .jdgm-review-card__title { font-family: 'Recoleta', var(--heading-font-family), serif !important; font-weight: normal !important; font-size: 19px !important; line-height: 1.25 !important; color: #502d2e !important; }
#judgeme_product_reviews .jdgm-review-card__body, #judgeme_product_reviews .jdgm-review-card__body * { font-size: 15px !important; line-height: 1.6 !important; color: #502d2e !important; }
#judgeme_product_reviews .jdgm-review-card__more-text { color: #502d2e !important; font-weight: bold; }
#judgeme_product_reviews .jm-voting-controls { color: rgba(80, 45, 46, .72) !important; font-size: 13px; }
#judgeme_product_reviews .jdgm-masonry-grid__btn { border-radius: 12px !important; background: #502d2e !important; color: #fff !important; font-weight: bold !important; }
#judgeme_product_reviews .jdgm-masonry-grid__fade { background: linear-gradient(rgba(252, 247, 242, 0), #fcf7f2) !important; }
@media (max-width: 749px) {
  #judgeme_product_reviews .jm-review-widget-header__title { font-size: 25px !important; }
  #judgeme_product_reviews .jdgm-review-card__content { --jm-box-padding: 18px !important; }
}
/* Judge.me-Hüllen um die Karte und das Badge: kein eigener Rahmen/Hintergrund */
#judgeme_product_reviews .jdgm-masonry-grid__masonry-item,
#judgeme_product_reviews .jdgm-masonry-grid__masonry-item-inner { border: 0 !important; outline: 0 !important; background: transparent !important; box-shadow: none !important; border-radius: 18px !important; }
#judgeme_product_reviews .jm-verified-buyer-badge__text { padding: 0 !important; border: 0 !important; background: transparent !important; }
#judgeme_product_reviews .jm-verified-buyer-badge::before, #judgeme_product_reviews .jm-verified-buyer-badge::after { display: none !important; }

/* Judge.me v3 "minimaler" Kopf + KI-Highlights + Verifiziert-Badge (live geprüft) */
#judgeme_product_reviews .jm-review-widget .jm-text:not(.jm-verified-buyer-badge__text) { color: #502d2e !important; }
#judgeme_product_reviews .jm-review-widget-minimal-header__title { font-family: 'Recoleta', var(--heading-font-family), serif !important; font-weight: normal !important; font-size: 30px !important; line-height: 1.15 !important; letter-spacing: -.01em; }
#judgeme_product_reviews .jm-average-rating-display .jm-cluster > .jm-text:first-child { font-family: 'Recoleta', var(--heading-font-family), serif !important; font-weight: normal !important; font-size: 28px !important; line-height: 1 !important; }
#judgeme_product_reviews .jm-verified-badge { padding: 4px 10px !important; border: 0 !important; border-radius: 999px !important; background: rgba(46, 158, 123, .12) !important; color: #2e7a62 !important; }
#judgeme_product_reviews .jm-verified-badge .jm-text { color: #2e7a62 !important; font-weight: bold !important; font-size: 13px !important; }
#judgeme_product_reviews .jm-verified-badge svg, #judgeme_product_reviews .jm-verified-badge [class*="icon"] { color: #2e7a62 !important; fill: currentColor; }
#judgeme_product_reviews .jm-ai-insights { border-radius: 18px !important; }
#judgeme_product_reviews .jm-ai-insights > .jm-box { background: #fff !important; border: 0 !important; border-radius: 18px !important; }
#judgeme_product_reviews .jm-ai-insights__header .jm-text { font-size: 13px !important; color: rgba(80, 45, 46, .72) !important; }
#judgeme_product_reviews .jm-ai-insights__header .jm-text:first-child { font-family: 'Recoleta', var(--heading-font-family), serif !important; font-weight: normal !important; font-size: 19px !important; color: #502d2e !important; }
#judgeme_product_reviews .jm-ai-insights > .jm-box { padding: 18px 20px !important; }
@media (max-width: 749px) {
  #judgeme_product_reviews .jm-review-widget-minimal-header__title { font-size: 25px !important; }
}

/* Weniger Luft zwischen "Bekannt aus" und den Bewertungen */
.shopify-section--apps > .container.vertical-breather:has(#judgeme_product_reviews) { padding-top: 24px !important; }
@media (max-width: 749px) { .shopify-section--apps > .container.vertical-breather:has(#judgeme_product_reviews) { padding-top: 16px !important; } }
/* Mobil: "Bewertung schreiben" / "Frage stellen" kleiner nebeneinander – Käufer brauchen sie selten */
@media (max-width: 749px) {
  #judgeme_product_reviews .jm-action-buttons { display: grid !important; grid-template-columns: 1fr 1fr; gap: 8px !important; }
  #judgeme_product_reviews .jm-action-buttons .jm-button { min-height: 40px; padding: 6px 8px !important; font-size: 13px !important; }
}

/* KI-Highlights wie die übrigen Karten: Recoleta-Titel, brauner Text, KI-Hinweis klein */
#judgeme_product_reviews .jm-ai-insights .jm-text { color: #502d2e !important; }
#judgeme_product_reviews .jm-ai-insights__header .jm-text { font-family: 'Recoleta', var(--heading-font-family), serif !important; font-weight: normal !important; font-size: 20px !important; color: #502d2e !important; }
#judgeme_product_reviews .jm-ai-insights__header .jm-with-icon .jm-text, #judgeme_product_reviews .jm-ai-insights__header .jm-with-icon { font-family: var(--text-font-family) !important; font-size: 13px !important; color: rgba(80, 45, 46, .65) !important; }
#judgeme_product_reviews .jm-ai-insights > .jm-box .jm-text:not(.jm-ai-insights__header *) { font-size: 15px !important; line-height: 1.55 !important; }
/* KI-Highlights – exakt nach Live-Markup: Titel ist <p> direkt im Header, Hinweis in .jm-ai-disclaimer, Zitate .jm-review-highlights__text */
#judgeme_product_reviews .jm-ai-insights__header > p.jm-text { font-family: 'Recoleta', var(--heading-font-family), serif !important; font-weight: normal !important; font-size: 20px !important; color: #502d2e !important; }
#judgeme_product_reviews .jm-ai-disclaimer, #judgeme_product_reviews .jm-ai-disclaimer .jm-text { font-family: var(--text-font-family) !important; font-weight: normal !important; font-size: 13px !important; color: rgba(80, 45, 46, .65) !important; }
#judgeme_product_reviews .jm-review-highlights__row { color: #502d2e !important; }
#judgeme_product_reviews .jm-review-highlights__text { font-family: var(--text-font-family) !important; font-size: 15px !important; line-height: 1.5 !important; color: #502d2e !important; }
#judgeme_product_reviews .jm-review-highlights__chevron { color: #502d2e !important; }

/* ==========================================================================
   Mobil: Bewertungs-Widget kompakter (Judge.me v3)
   ========================================================================== */
@media (max-width: 749px) {
  body .jm-review-widget { padding-top: 20px !important; padding-bottom: 24px !important; }
  /* Überschrift ↔ Buttons */
  body .jm-review-widget__header > .jm-cluster { row-gap: 14px !important; column-gap: 14px !important; }
  /* Buttons nebeneinander, kompakter */
  body .jm-review-widget-minimal-header__action-buttons { display: block !important; width: 100%; }
  body .jm-review-widget-minimal-header__action-buttons > .jm-stack { display: flex !important; flex-direction: row !important; gap: 8px; width: 100%; }
  body .jm-review-widget-minimal-header__action-buttons > .jm-stack > * { flex: 1 1 0; min-width: 0; margin: 0 !important; }
  body .jm-review-widget-minimal-header__action-buttons button, body .jm-review-widget-minimal-header__action-buttons a { width: 100% !important; min-height: 44px !important; padding: 0 10px !important; font-size: 14px !important; white-space: nowrap; }
  /* Highlights-Box */
  body .jm-review-widget .jm-ai-insights { margin-top: 14px !important; margin-bottom: 0 !important; }
  body .jm-review-widget .jm-ai-insights > .jm-box { padding: 14px 16px !important; }
  /* Tabs näher ran */
  body .jm-review-widget-minimal-header__tabs { margin-top: 14px !important; }
  body .jm-review-widget .jdgm-tab { padding-top: 12px !important; padding-bottom: 12px !important; }
  body .jm-review-widget .jdgm-masonry-grid { padding-top: 14px !important; }
}
@media (max-width: 749px) {
  body .jm-review-widget-minimal-header__filter-container, body .jm-review-widget-minimal-header__button-and-filters { width: 100% !important; }
  body .jm-review-widget-minimal-header__action-buttons button, body .jm-review-widget-minimal-header__action-buttons a { font-size: 13.5px !important; padding: 0 6px !important; justify-content: center; text-align: center; }
  body .jm-review-widget .jm-ai-disclaimer, body .jm-review-widget .jm-ai-disclaimer .jm-text { font-size: 12px !important; line-height: 1.4 !important; }
}
/* Mobil, mit ID-Präfix (schlägt die älteren #judgeme_product_reviews-Regeln) */
@media (max-width: 749px) {
  #judgeme_product_reviews .jm-review-widget-minimal-header__filter-container,
  #judgeme_product_reviews .jm-review-widget-minimal-header__button-and-filters { width: 100% !important; }
  #judgeme_product_reviews .jm-action-buttons { display: block !important; width: 100% !important; }
  #judgeme_product_reviews .jm-action-buttons > .jm-stack { display: grid !important; grid-template-columns: 1fr 1fr; gap: 8px !important; width: 100% !important; }
  #judgeme_product_reviews .jm-action-buttons > .jm-stack > * { margin: 0 !important; min-width: 0; }
  #judgeme_product_reviews .jm-action-buttons .jm-button { width: 100% !important; min-height: 44px; padding: 6px 4px !important; font-size: 13px !important; white-space: nowrap; justify-content: center; text-align: center; }
  #judgeme_product_reviews .jm-ai-disclaimer, #judgeme_product_reviews .jm-ai-disclaimer .jm-text { font-size: 11.5px !important; line-height: 1.4 !important; }
}

/* ==========================================================================
   4) BEWERTUNGSSEITE /pages/bewertungen (Judge.me All-Reviews-Page)
   An den PDP-Stil angeglichen: grüne Sterne, Recoleta-Titel, grünes Badge.
   ID-Präfix + !important, weil Judge.me eigene !important-Farben setzt.
   ========================================================================== */
#judgeme_all_reviews_page {
  --jdgm-star-color: #86ba1e;
  --jdgm-primary-color: #502d2e;
  --jdgm-paginate-color: #502d2e;
  --jm-review-widget-star-and-histogram-color: #86ba1e;
  color: #502d2e;
}
/* T9: Platz reservieren, damit die Seite beim Nachladen der Bewertungen nicht springt */
#judgeme_all_reviews_page .jdgm-all-reviews-page__wrapper { min-height: 150vh; }
@media (min-width: 750px) { #judgeme_all_reviews_page .jdgm-all-reviews-page__wrapper { min-height: 1200px; } }

/* H1 wie auf den anderen Seiten */
#judgeme_all_reviews_page .jdgm-all-reviews-page__title { margin: 8px 0 16px !important; font-family: 'Recoleta', var(--heading-font-family), serif !important; font-weight: normal !important; font-size: 32px !important; line-height: 1.12 !important; letter-spacing: -.01em; color: #502d2e !important; text-wrap: balance; }
@media (min-width: 750px) { #judgeme_all_reviews_page .jdgm-all-reviews-page__title { margin-top: 16px !important; font-size: 40px !important; } }

/* Sterne überall grün (Legacy .jdgm-star und v3 .jm-star-rating) */
#judgeme_all_reviews_page .jdgm-star,
#judgeme_all_reviews_page .jdgm-star::before,
#judgeme_all_reviews_page .jdgm-star.jdgm--on,
#judgeme_all_reviews_page .jdgm-star.jdgm--off,
#judgeme_all_reviews_page .jdgm-star.jdgm--half,
#judgeme_all_reviews_page .jm-star-rating,
#judgeme_all_reviews_page .jm-star-rating__font-icon,
#judgeme_all_reviews_page .jm-star-rating svg,
#judgeme_all_reviews_page .jdgm-review-card .jm-star-rating__font-icon { color: #86ba1e !important; }
#judgeme_all_reviews_page .jdgm-histogram__bar-content,
#judgeme_all_reviews_page .jm-progress-bar__fill { background: #86ba1e !important; }

/* Bewertungs-Titel in Recoleta */
#judgeme_all_reviews_page .jdgm-rev__title,
#judgeme_all_reviews_page .jdgm-review-card__title { font-family: 'Recoleta', var(--heading-font-family), serif !important; font-weight: normal !important; font-size: 18px !important; line-height: 1.25 !important; color: #502d2e !important; }

/* „Verifizierter Kauf“: grün getönt statt braun (Text kommt per ::before) */
#judgeme_all_reviews_page .jdgm-rev__buyer-badge.jdgm-rev__buyer-badge,
#judgeme_all_reviews_page .jm-verified-buyer-badge { padding: 2px 8px !important; border: 0 !important; border-radius: 5px !important; background: rgba(46, 158, 123, .12) !important; color: #2e7a62 !important; }
#judgeme_all_reviews_page .jdgm-rev__buyer-badge.jdgm-rev__buyer-badge::before,
#judgeme_all_reviews_page .jm-verified-buyer-badge__text { color: #2e7a62 !important; font-weight: bold !important; }
