/** Shopify CDN: Minification failed

Line 1464:1 Expected "}" to go with "{"

**/
/* ============================================================
   WOOD & MORE · BESTSELLER PRODUCT V11

   - Galerie formatadaptiv, kein festes 5:4 mehr
   - Produktbilder werden nicht beschnitten
   - Mobile Hauptbild full-bleed
   - Breadcrumb sauber innerhalb der vorhandenen page-width
   - Theme-Fonts explizit gebunden
   - bessere Lesbarkeit / Mobile Typography
   - Kaufbereich bleibt rechts
   - USPs + Produktbeschreibung unter Hauptbild
   - Mobile: Galerie -> Kaufbereich -> USPs -> Beschreibung
   - dynamische Bestandsanzeige für Eiche / Nussbaum
   ============================================================ */

.wm-upsell-product {
  display: block;
  background: #343a3e;
  color: #f5f3ef;
  --wm-text: #f5f3ef;
  --wm-muted: #c6c2bb;
  --wm-line: rgba(255, 255, 255, 0.14);
  --wm-line-strong: rgba(255, 255, 255, 0.28);
  --wm-panel: #2f3539;
  --wm-panel-soft: #3b4145;
  --wm-light: #f6f3ee;
  --wm-dark: #1f2326;
  font-family: var(--font-body-family, inherit) !important;
  font-style: var(--font-body-style, normal);
  font-weight: var(--font-body-weight, 400);
}

/* Globale Theme- oder App-Regeln dürfen innerhalb dieser Section
   nicht auf eine abweichende Schriftfamilie zurückfallen. */
.wm-upsell-product *,
.wm-upsell-product *::before,
.wm-upsell-product *::after {
  font-family: var(--font-body-family, inherit) !important;
}

.wm-upsell-product h1,
.wm-upsell-product h2,
.wm-upsell-product h3,
.wm-upsell-product h4,
.wm-upsell-product h5,
.wm-upsell-product h6 {
  font-family: var(--font-heading-family, inherit) !important;
  font-style: var(--font-heading-style, normal);
  font-weight: var(--font-heading-weight, 600);
}

/* ============================================================
   SEITENLAYOUT
   ============================================================ */

.wm-upsell-product__shell {
  max-width: 1280px;
  margin: 0 auto;
  padding-top: 18px;
  padding-bottom: 18px;
}

/* ============================================================
   BREADCRUMB
   ============================================================ */

.wm-upsell-product__breadcrumb {
  display: block;
  width: 100% !important;
  max-width: none !important;
  margin: 0 0 20px !important;
  padding: 0 !important;
  color: var(--wm-muted);
  font-family: var(--font-body-family, inherit) !important;
}

.wm-upsell-product__breadcrumb-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  min-width: 0;
  column-gap: 0;
  row-gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
  font-family: var(--font-body-family, inherit) !important;
  font-size: 1.4rem;
  font-weight: var(--font-body-weight, 400);
  line-height: 1.45;
  letter-spacing: 0.01em;
}

.wm-upsell-product__breadcrumb-list li {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  margin: 0;
  padding: 0;
}

.wm-upsell-product__breadcrumb-list li:last-child {
  flex: 1 1 240px;
  min-width: 120px;
}

.wm-upsell-product__breadcrumb-list li + li::before {
  content: "›";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  margin: 0 10px;
  color: rgba(245, 243, 239, 0.46);
  font-family: var(--font-body-family, inherit) !important;
  font-size: 1.55rem;
  font-weight: 400;
  line-height: 1;
}

#MainContent .wm-upsell-product__breadcrumb-list a,
#MainContent .wm-upsell-product__breadcrumb-list a:link,
#MainContent .wm-upsell-product__breadcrumb-list a:visited {
  color: rgba(245, 243, 239, 0.76) !important;
  -webkit-text-fill-color: rgba(245, 243, 239, 0.76) !important;
  font-family: var(--font-body-family, inherit) !important;
  font-size: inherit;
  line-height: inherit;
  text-decoration: none !important;
  text-underline-offset: 0.2em;
  transition: color 0.15s ease;
}

#MainContent .wm-upsell-product__breadcrumb-list a:hover,
#MainContent .wm-upsell-product__breadcrumb-list a:focus-visible {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-decoration: underline !important;
}

.wm-upsell-product__breadcrumb-current {
  display: block;
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  color: rgba(245, 243, 239, 0.58);
  white-space: normal;
  text-overflow: clip;
  font-family: var(--font-body-family, inherit) !important;
  font-size: inherit;
  line-height: inherit;
}

@media screen and (min-width: 990px) {
  .wm-upsell-product__breadcrumb {
    margin-left: -5rem !important;
    width: calc(100% + 5rem) !important;
  }
}

/* ============================================================
   PRODUKT-GRID
   ============================================================ */

.wm-upsell-product__product {
  display: grid;
  grid-template-columns: minmax(0, 1.48fr) minmax(370px, 0.82fr);
  grid-template-areas: "media info" "support info";
  column-gap: clamp(38px, 4vw, 66px);
  row-gap: 16px;
  align-items: start;
}

.wm-upsell-product__media {
  grid-area: media;
  min-width: 0;
}

.wm-upsell-product__info-wrapper {
  grid-area: info;
  min-width: 0;
}

.wm-upsell-product__support {
  grid-area: support;
  min-width: 0;
  margin-left: 93px;
}

/* ============================================================
   GALERIE
   ============================================================ */

.wm-upsell-gallery {
  position: relative;
  display: grid;
  grid-template-columns: 78px minmax(0, 1fr);
  grid-template-rows: auto;
  gap: 15px;
  align-items: start;
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

/*
   FORMATADAPTIVE BÜHNE

   Wichtig:
   Keine feste aspect-ratio mehr.

   Damit bestimmt das aktuell dargestellte Produktbild selbst
   die Höhe der Bühne. Ein Querformat bleibt Querformat,
   ein Hochformat bleibt Hochformat und ein quadratisches Bild
   bleibt quadratisch.

   Es wird nichts abgeschnitten.
*/
.wm-upsell-gallery__stage {
  position: relative;
  grid-column: 2;
  grid-row: 1;
  display: block;
  width: 100%;
  height: auto;
  min-height: 0;
  overflow: hidden;
  border: 1px solid var(--wm-line);
  border-radius: 10px;
  background: var(--wm-panel);
}

.wm-upsell-gallery__main-image {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: none;
  margin: 0;
  object-fit: contain;
  object-position: center;
  opacity: 1;
  transition: opacity 0.14s ease;
}

.wm-upsell-gallery__main-image.is-changing {
  opacity: 0.35;
}

/* ============================================================
   THUMBNAILS DESKTOP
   ============================================================ */

.wm-upsell-gallery__thumbs {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 2px;
  bottom: 46px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 6px;
  width: 70px;
  height: auto;
  min-height: 0;
  max-height: none;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0;
  padding: 2px;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  scroll-behavior: smooth;
}

.wm-upsell-gallery__thumbs::-webkit-scrollbar {
  display: none;
}

.wm-upsell-gallery__thumb {
  display: block;
  width: 66px;
  height: 66px;
  min-width: 66px;
  max-width: 66px;
  flex: 0 0 66px;
  padding: 0;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid var(--wm-line);
  border-radius: 7px;
  background: var(--wm-panel);
  opacity: 0.78;
  transition:
    opacity 0.16s ease,
    border-color 0.16s ease,
    box-shadow 0.16s ease;
}

.wm-upsell-gallery__thumb:hover {
  opacity: 1;
  border-color: rgba(255, 255, 255, 0.55);
}

.wm-upsell-gallery__thumb.is-active {
  opacity: 1;
  border-color: var(--wm-light);
  box-shadow: 0 0 0 1px var(--wm-light);
}

.wm-upsell-gallery__thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}

/* ============================================================
   SCROLL-PFEIL DESKTOP
   ============================================================ */

.wm-upsell-gallery__scroll-button {
  position: absolute;
  z-index: 4;
  left: 18px;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  padding: 0;
  cursor: pointer;
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 50%;
  background: #3d4347;
  color: #f5f3ef;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.16);
  transition:
    background 0.16s ease,
    border-color 0.16s ease,
    transform 0.16s ease;
}

.wm-upsell-gallery__scroll-button:hover {
  background: #4a5054;
  border-color: rgba(255, 255, 255, 0.58);
  transform: translateY(2px);
}

.wm-upsell-gallery__scroll-button svg {
  width: 18px;
  height: 18px;
}

.wm-upsell-gallery__scroll-button[hidden] {
  display: none !important;
}

/* ============================================================
   PREMIUM USPs
   ============================================================ */

.wm-upsell-product__usp-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
}

.wm-upsell-product__usp {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 11px;
  align-items: center;

  min-height: 70px;
  padding: 10px 14px;

  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.035);
}

.wm-upsell-product__usp-icon {
  width: 38px;
  height: 38px;
}

.wm-upsell-product__usp-icon svg {
  width: 32px;
  height: 32px;
}

.wm-upsell-product__usp-icon {
  position: relative;
  display: block;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 50%;
  color: #e0dcd5;
  background: rgba(255, 255, 255, 0.025);
}

.wm-upsell-product__usp-icon svg {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 36px;
  height: 36px;
  margin: 0;
  transform: translate(-50%, -50%);
}

.wm-upsell-product__usp strong {
  display: block;
  margin: 0;
  color: var(--wm-text);
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.25;
}

.wm-upsell-product__usp span {
  display: block;
  margin-top: 3px;
  color: var(--wm-muted);
  font-size: 1.4rem;
  line-height: 1.35;
}

/* ============================================================
   PRODUKTINFO
   ============================================================ */

.wm-upsell-product__info {
  width: 100%;
  max-width: 440px;
  color: var(--wm-text);
}

@media screen and (min-width: 990px) {
  .wm-upsell-product__info--sticky {
    position: sticky;
    top: 28px;
  }
}

.wm-upsell-product__eyebrow {
  margin: 2px 0 10px;
  color: #c7c3bc;
  font-size: 1.3rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  line-height: 1.4;
  text-transform: uppercase;
}

.wm-upsell-product__title {
  margin: 0;
}

.wm-upsell-product__title h1 {
  margin: 0;
  color: var(--wm-text);
  font-size: clamp(3rem, 2.5vw, 4.2rem);
  line-height: 1.08;
  letter-spacing: -0.02em;
}

.wm-upsell-product__teaser {
  margin-top: 13px;
  padding: 9px 12px 9px 13px;
  border-left: 2px solid rgba(245, 243, 239, 0.28);
  border-radius: 0 6px 6px 0;
  background: rgba(255, 255, 255, 0.025);
  color: rgba(245, 243, 239, 0.76);
  font-size: 1.4rem;
  line-height: 1.42;
  letter-spacing: 0.005em;
}

.wm-upsell-product__rating {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 17px;
  color: var(--wm-muted);
  font-size: 1.5rem;
  line-height: 1.4;
}

.wm-upsell-product__stars {
  color: var(--wm-text);
  letter-spacing: 0.05em;
}

#MainContent .wm-upsell-product__rating,
#MainContent .wm-upsell-product__rating:link,
#MainContent .wm-upsell-product__rating:visited {
  color: var(--wm-muted) !important;
  -webkit-text-fill-color: var(--wm-muted) !important;
  text-decoration: none !important;
}

#MainContent .wm-upsell-product__rating:hover,
#MainContent .wm-upsell-product__rating:focus-visible {
  color: var(--wm-text) !important;
  -webkit-text-fill-color: var(--wm-text) !important;
  text-decoration: underline !important;
  text-underline-offset: 0.2em;
}

.wm-upsell-product__price {
  margin-top: 13px;
}

.wm-upsell-product__price .price,
.wm-upsell-product__price .price-item,
.wm-upsell-product__price .price__regular,
.wm-upsell-product__price .price__sale {
  color: var(--wm-text) !important;
  -webkit-text-fill-color: var(--wm-text) !important;
}

.wm-upsell-product__price .price-item {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.01em;
}

/*
   Alte 40×30-Testklasse neutralisieren.
   Damit gilt die gleiche Preis-Hierarchie für ALLE Produkte,
   auch solange die Klasse noch im Liquid vorhanden ist.
*/
#MainContent .wm-upsell-product.wm-upsell-product--price-test
.wm-upsell-product__price {
  margin-top: 13px !important;
}

#MainContent .wm-upsell-product.wm-upsell-product--price-test
.wm-upsell-product__price .price-item {
  color: #e9e3da !important;
  -webkit-text-fill-color: #e9e3da !important;
  font-size: 2.4rem !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.01em !important;
}

#MainContent .wm-upsell-product.wm-upsell-product--price-test
.wm-upsell-product__tax {
  margin-top: 6px !important;
}

.wm-upsell-product__tax {
  margin-top: 6px;
  color: #c4c0b9;
  font-size: 1.4rem;
  line-height: 1.45;
}

.wm-upsell-product__tax a {
  color: inherit;
}

/* ============================================================
   VARIANTEN
   ============================================================ */

.wm-upsell-product__variants {
  margin-top: 20px;
}

.wm-upsell-product .product-form__input {
  max-width: none;
}

.wm-upsell-product .form__label,
.wm-upsell-product legend.form__label {
  color: var(--wm-text);
  font-size: 1.5rem;
  line-height: 1.4;
}

.wm-upsell-product .product-form__input--pill input[type='radio'] + label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  margin: 0 6px 8px 0;
  padding: 0 16px;
  line-height: 1;
  border: 1px solid var(--wm-line-strong);
  border-radius: 5px;
  background: transparent;
  color: var(--wm-text);
  font-size: 1.5rem;
}

.wm-upsell-product .product-form__input--pill input[type='radio'] + label:hover {
  border-color: var(--wm-light);
}

.wm-upsell-product .product-form__input--pill input[type='radio']:checked + label {
  border-color: var(--wm-light);
  background: var(--wm-light);
  color: var(--wm-dark);
}

.wm-upsell-product .product-form__input--pill input[type='radio']:disabled + label {
  opacity: 0.42;
}

/* ============================================================
   BESTAND / LIEFERZEIT
   ============================================================ */

.wm-upsell-product__inventory,
.wm-upsell-product__delivery {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  color: var(--wm-muted);
  font-size: 1.5rem;
  line-height: 1.4;
}

.wm-upsell-product__inventory {
  min-height: 20px;
}

.wm-upsell-product__stock-dot {
  display: inline-block;
  width: 9px;
  height: 9px;
  flex: 0 0 9px;
  border-radius: 50%;
  background: #aaa;
}

/* Legacy / alle anderen Produktwelten */
.wm-upsell-product__stock-dot.is-in-stock {
  background: #35a451;
}

.wm-upsell-product__stock-dot.is-out {
  background: #999;
}

/* ------------------------------------------------------------
   NEUE BESTANDSLOGIK:
   nur Eiche- und Nussbaum-Schneidebrett-Collections
   ------------------------------------------------------------ */

/* 1–Schwellenwert: vom Nutzer gewünschtes Grün */
.wm-upsell-product__stock-dot.is-low-stock {
  background: #ffb35c;
  box-shadow: 0 0 0 3px rgba(255, 179, 92, 0.10);
}

.wm-upsell-product__inventory-text--low-stock {
  color: #ffb35c;
  font-weight: 600;
}

.wm-upsell-product__stock-dot.is-ready {
  background: #7ee2a8;
  box-shadow: 0 0 0 3px rgba(126, 226, 168, 0.10);
}

.wm-upsell-product__inventory-text--ready {
  color: #7ee2a8;
  font-weight: 600;
}

/* 0 Stück + Weiterverkauf erlaubt */
.wm-upsell-product__stock-dot.is-reproduction {
  background: #f3d27c;
  box-shadow: 0 0 0 3px rgba(243, 210, 124, 0.10);
}

.wm-upsell-product__inventory-text--reproduction {
  color: #f3d27c;
  font-weight: 600;
}

/* 0 Stück + nicht weiterverkaufbar */
.wm-upsell-product__stock-dot.is-unavailable {
  background: #c8c3bb;
}

.wm-upsell-product__inventory-text--unavailable {
  color: #d7d2ca;
  font-weight: 600;
}

/* ============================================================
   MENGE / KAUFBUTTON
   ============================================================ */

.wm-upsell-product__quantity {
  margin-top: 17px;
}

.wm-upsell-product .quantity {
  min-height: 44px;
  background: transparent;
  border: 1px solid var(--wm-line-strong);
  border-radius: 5px;
}

.wm-upsell-product .quantity::after,
.wm-upsell-product .quantity::before {
  display: none;
}

.wm-upsell-product .quantity__input,
.wm-upsell-product .quantity__button {
  color: var(--wm-text);
  font-size: 1.5rem;
}

.wm-upsell-product__buy {
  margin-top: 15px;
}

.wm-upsell-product .product-form__buttons {
  max-width: none;
}

.wm-upsell-product .product-form__submit {
  min-height: 54px;
  border-radius: 5px;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.01em;
}

@media screen and (min-width: 990px) {
  .wm-upsell-product__purchase-row {
    display: grid;
    grid-template-columns: 120px minmax(0, 1fr);
    column-gap: 12px;
    align-items: end;
    width: 100%;
    margin: 17px 0 0 !important;
  }

  .wm-upsell-product__purchase-row .wm-upsell-product__quantity {
    width: 120px;
    min-width: 0;
    margin: 0 !important;
  }

  .wm-upsell-product__purchase-row .wm-upsell-product__quantity .quantity {
    width: 100%;
    min-width: 0;
  }

  .wm-upsell-product__purchase-row .wm-upsell-product__buy {
    width: 100%;
    min-width: 0;
    margin: 0 !important;
    padding: 0;
  }

  .wm-upsell-product__purchase-row .wm-upsell-product__buy .product-form {
    margin: 0 !important;
  }

  .wm-upsell-product__purchase-row .wm-upsell-product__buy .product-form__submit {
    margin-bottom: 0;
  }

  .wm-upsell-product__purchase-row .wm-upsell-product__buy #paypal-upstream-messaging-product {
    width: calc(100% + 132px);
    margin-left: -132px;
  }
}

/* ============================================================
   PRODUKTBESCHREIBUNG
   ============================================================ */

.wm-upsell-product__details {
  margin-top: 12px;
  border-top: 1px solid var(--wm-line);
  border-bottom: 1px solid var(--wm-line);
}

.wm-upsell-product__details > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 16px 0;
  cursor: pointer;
  color: var(--wm-text);
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.4;
}

.wm-upsell-product__details > summary::-webkit-details-marker {
  display: none;
}

.wm-upsell-product__details > summary span {
  flex: 0 0 auto;
  transition: transform 0.18s ease;
}

.wm-upsell-product__details[open] > summary span {
  transform: rotate(45deg);
}

.wm-upsell-product__details-content {
  padding-bottom: 18px;
  color: var(--wm-muted);
  font-size: 1.6rem;
  line-height: 1.65;
}

.wm-upsell-product__details-content p:first-child {
  margin-top: 0;
}

.wm-upsell-product__faq-list {
  display: grid;
}

.wm-upsell-product__faq-item {
  border-bottom: 1px solid var(--wm-line);
}

.wm-upsell-product__faq-item:last-child {
  border-bottom: 0;
}

.wm-upsell-product__faq-item > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 13px 0;
  cursor: pointer;
  color: var(--wm-text);
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4;
  list-style: none;
}

.wm-upsell-product__faq-item > summary::-webkit-details-marker {
  display: none;
}

.wm-upsell-product__faq-item > summary::after {
  content: "+";
  flex: 0 0 auto;
  color: var(--wm-muted);
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1;
  transition: transform 0.18s ease;
}

.wm-upsell-product__faq-item[open] > summary::after {
  transform: rotate(45deg);
}

.wm-upsell-product__faq-answer {
  padding: 0 0 15px;
  color: var(--wm-muted);
  font-size: 1.5rem;
  line-height: 1.6;
}

.wm-upsell-product__faq-answer > :first-child {
  margin-top: 0;
}

.wm-upsell-product__faq-answer > :last-child {
  margin-bottom: 0;
}

.wm-upsell-product__app {
  color: var(--wm-text);
}

/* ============================================================
   TABLET / MOBILE
   ============================================================ */

@media screen and (max-width: 989px) {
  .wm-upsell-product__shell {
    padding-top: 14px;
    padding-bottom: 16px;
  }

  .wm-upsell-product__breadcrumb {
    margin-bottom: 15px !important;
  }

  .wm-upsell-product__product {
    grid-template-columns: 1fr;
    grid-template-areas: "media" "info" "support";
    gap: 26px;
  }

  .wm-upsell-product__support {
    margin-left: 0;
  }

  .wm-upsell-product__info {
    max-width: none;
  }

  .wm-upsell-gallery {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
  }

  .wm-upsell-gallery__stage {
    order: 1;
    width: 100%;
    max-width: 100%;
    height: auto;
  }

  .wm-upsell-gallery__main-image {
    width: 100%;
    height: auto;
    max-height: none;
    object-fit: contain;
  }

  .wm-upsell-gallery__scroll-button {
    display: none !important;
  }

  .wm-upsell-gallery__thumbs {
    position: static;
    order: 2;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 8px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    height: auto;
    max-height: none;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 2px 2px 9px;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    scroll-snap-type: x proximity;
    overscroll-behavior-x: contain;
    touch-action: pan-x pan-y;
    scrollbar-width: none;
  }

  .wm-upsell-gallery__thumbs::-webkit-scrollbar {
    display: none;
  }

  .wm-upsell-gallery__thumb {
    width: 72px;
    height: 72px;
    min-width: 72px;
    max-width: 72px;
    flex: 0 0 72px;
    scroll-snap-align: start;
    touch-action: pan-x pan-y;
  }
}

/* ============================================================
   MOBILE
   ============================================================ */

@media screen and (max-width: 599px) {
  .wm-upsell-product__shell {
    padding-left: 14px;
    padding-right: 14px;
  }

  .wm-upsell-product__breadcrumb-list {
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
    font-size: 1.4rem;
    line-height: 1.45;
  }

  .wm-upsell-product__breadcrumb-list li + li::before {
    margin: 0 7px;
    padding-top: 0.12em;
    font-size: 1.45rem;
  }

  /*
   MOBILE FULL-BLEED

   Nur die große Produktbühne läuft aus dem 14px Seiten-Padding
   heraus. Breadcrumb, Kaufbereich, Thumbnails, USPs usw.
   behalten ihre bisherigen Abstände.
*/
.wm-upsell-gallery {
  overflow: visible;
}

.wm-upsell-gallery__stage {
  width: calc(100% + 28px);
  max-width: none;
  height: auto;
  margin-left: -14px;
  margin-right: -14px;
  border-left: 0;
  border-right: 0;
  border-radius: 0 !important;
  overflow: hidden;
}

.wm-upsell-gallery__main-image {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: none;
  margin: 0;
  object-fit: contain;
  object-position: center;
  border-radius: 0 !important;
}

.wm-upsell-product__title h1 {
  font-size: 3rem;
  line-height: 1.1;
}

.wm-upsell-product__eyebrow {
  font-size: 1.3rem;
}

.wm-upsell-product__teaser {
  margin-top: 12px;
  padding: 8px 10px 8px 11px;
  font-size: 1.4rem;
  line-height: 1.45;
}

.wm-upsell-product__rating,
.wm-upsell-product__inventory,
.wm-upsell-product__delivery {
  font-size: 1.5rem;
}

.wm-upsell-product .form__label,
.wm-upsell-product legend.form__label,
.wm-upsell-product .product-form__input--pill input[type='radio'] + label {
  font-size: 1.5rem;
}

.wm-upsell-gallery__thumbs {
  gap: 7px;
  padding-bottom: 10px;
}

.wm-upsell-gallery__thumb {
  width: 68px;
  height: 68px;
  min-width: 68px;
  max-width: 68px;
  flex-basis: 68px;
}

.wm-upsell-product__usp-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.wm-upsell-product__usp {
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 9px;
  min-height: 78px;
  padding: 11px;
}

.wm-upsell-product__usp-icon {
  width: 32px;
  height: 32px;
}

.wm-upsell-product__usp-icon svg {
  width: 29px;
  height: 29px;
}

.wm-upsell-product__usp strong {
  font-size: 1.5rem;
  line-height: 1.25;
}

.wm-upsell-product__usp span {
  font-size: 1.4rem;
  line-height: 1.35;
}

.wm-upsell-product__details > summary {
  font-size: 1.6rem;
}

.wm-upsell-product__details-content {
  font-size: 1.6rem;
}

.wm-upsell-product__faq-item > summary,
.wm-upsell-product__faq-answer {
  font-size: 1.5rem;
}

.wm-upsell-product .product-form__input--pill input[type='radio'] + label {
  min-width: 82px;
  text-align: center;
}
}
/* ============================================================
   WOOD & MORE · DESKTOP LAYOUT FIX

   Problem:
   Der rechte Kaufbereich hat bisher durch das zweizeilige CSS-Grid
   die Höhe der ersten Grid-Zeile bestimmt. Dadurch entstand unter
   kürzeren Produktbildern ein großer Leerraum vor den USPs.

   Lösung:
   Linke Produktspalte und rechter Kaufbereich laufen auf Desktop
   unabhängig voneinander.

   Links:
   Bild
   -> 16px Abstand
   -> USPs / Beschreibung / FAQ

   Rechts:
   Kaufbereich unabhängig davon.

   Mobile bleibt vollständig unverändert.
   ============================================================ */

@media screen and (min-width: 990px) {

  .wm-upsell-product__product {
    --wm-product-gap: clamp(38px, 4vw, 66px);
    --wm-product-info-width: clamp(370px, 34vw, 440px);

    display: block;
    width: 100%;
  }


  /*
    Clearfix:
    Der Produktbereich umschließt weiterhin zuverlässig
    sowohl die linke als auch die rechte Spalte.
  */
  .wm-upsell-product__product::after {
    content: "";
    display: block;
    clear: both;
  }


  /* ==========================================================
     LINKE SPALTE · PRODUKTBILD
     ========================================================== */

  .wm-upsell-product__media {
    float: left;

    width: calc(
      100%
      - var(--wm-product-info-width)
      - var(--wm-product-gap)
    );

    min-width: 0;
  }


  /* ==========================================================
     RECHTE SPALTE · PRODUKTINFO / KAUFBEREICH
     ========================================================== */

  .wm-upsell-product__info-wrapper {
    float: right;

    width: var(--wm-product-info-width);
    min-width: 0;
  }


  /*
    Sticky wird auf den äußeren rechten Bereich gelegt.

    Dadurch funktioniert Sticky weiterhin, obwohl der rechte
    Bereich die Höhe der linken Spalte nicht mehr beeinflusst.
  */
  .wm-upsell-product__info-wrapper:has(
    .wm-upsell-product__info--sticky
  ) {
    position: sticky;
    top: calc(var(--header-height) + 12px);
    z-index: 2;
  }


  /*
    Das innere Element muss dann nicht zusätzlich sticky sein.
  */
  .wm-upsell-product__info-wrapper:has(
    .wm-upsell-product__info--sticky
  )
  .wm-upsell-product__info--sticky {
    position: static;
    top: auto;
  }


  /* ==========================================================
     LINKE SPALTE · USPs + AKKORDEONS

     93px entsprechen:
     78px Thumbnail-Spalte + 15px Galerie-Abstand.

     Dadurch bleiben die USPs weiterhin exakt mit der großen
     Produktbild-Bühne ausgerichtet und nicht mit den Thumbnails.
     ========================================================== */

.wm-upsell-product__support {
  float: left;
  clear: left;

  width: calc(
    100%
    - var(--wm-product-info-width)
    - var(--wm-product-gap)
  );

  min-width: 0;

  margin:
    16px
    0
    0
    0;
}
/* ============================================================
   WOOD & MORE – GLOBALE MENGENWAHL
   Gilt für ALLE Produkte mit wm-upsell Template.
   Keine Warenkorb-/Checkout-Logik.
   Nur Darstellung.
   ============================================================ */

.wm-upsell-product
.wm-upsell-product__purchase-row
> .wm-upsell-product__quantity {
  width: 144px !important;
  min-width: 144px !important;
  max-width: 144px !important;
}

.wm-upsell-product
.wm-upsell-product__purchase-row
.quantity__label {
  min-height: 19px !important;
  margin-bottom: 7px !important;

  color: rgba(245, 243, 239, 0.88) !important;
  -webkit-text-fill-color: rgba(245, 243, 239, 0.88) !important;

  font-size: 1.35rem !important;
  font-weight: 600 !important;
  line-height: 19px !important;
}

.wm-upsell-product
.wm-upsell-product__purchase-row
quantity-input.quantity {
  display: flex !important;
  align-items: stretch !important;

  width: 144px !important;
  min-width: 144px !important;
  max-width: 144px !important;
  min-height: 46px !important;

  margin: 0 !important;

  overflow: hidden !important;

  border: 1px solid rgba(245, 243, 239, 0.34) !important;
  border-radius: 6px !important;

  background: rgba(255, 255, 255, 0.035) !important;

  box-shadow: none !important;
}

.wm-upsell-product
.wm-upsell-product__purchase-row
quantity-input.quantity::before,
.wm-upsell-product
.wm-upsell-product__purchase-row
quantity-input.quantity::after {
  display: none !important;
  content: none !important;
}

.wm-upsell-product
.wm-upsell-product__purchase-row
.quantity__button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  flex: 0 0 46px !important;

  width: 46px !important;
  min-width: 46px !important;
  max-width: 46px !important;

  min-height: 44px !important;

  padding: 0 !important;

  background: rgba(255, 255, 255, 0.035) !important;

  color: #f5f3ef !important;
  -webkit-text-fill-color: #f5f3ef !important;
}

.wm-upsell-product
.wm-upsell-product__purchase-row
.quantity__button:first-child {
  border-right:
    1px solid
    rgba(245, 243, 239, 0.18) !important;
}

.wm-upsell-product
.wm-upsell-product__purchase-row
.quantity__button:last-child {
  border-left:
    1px solid
    rgba(245, 243, 239, 0.18) !important;

  background:
    rgba(255, 255, 255, 0.075) !important;
}

.wm-upsell-product
.wm-upsell-product__purchase-row
.quantity__button:hover {
  background:
    rgba(255, 255, 255, 0.11) !important;
}

.wm-upsell-product
.wm-upsell-product__purchase-row
.quantity__button
.svg-wrapper {
  width: 15px !important;
  height: 15px !important;
}

.wm-upsell-product
.wm-upsell-product__purchase-row
.quantity__input {
  display: block !important;

  flex: 0 0 50px !important;

  width: 50px !important;
  min-width: 50px !important;
  max-width: 50px !important;

  min-height: 44px !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;

  background: transparent !important;

  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;

  font-size: 1.65rem !important;
  font-weight: 750 !important;
  line-height: 1 !important;

  text-align: center !important;

  opacity: 1 !important;
}

@media screen and (min-width: 990px) {

  .wm-upsell-product
  .wm-upsell-product__purchase-row {
    grid-template-columns:
      144px
      minmax(0, 1fr) !important;
  }

  .wm-upsell-product
  .wm-upsell-product__purchase-row
  .shopify-payment-button {
    width: calc(100% + 156px) !important;
    margin-left: -156px !important;
  }

}

@media screen and (max-width: 989px) {

  .wm-upsell-product
  .wm-upsell-product__purchase-row
  > .wm-upsell-product__quantity,
  .wm-upsell-product
  .wm-upsell-product__purchase-row
  quantity-input.quantity {
    width: 144px !important;
    min-width: 144px !important;
    max-width: 144px !important;
  }

}