/** Shopify CDN: Minification failed

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

**/

/* ============================================================================
   PERFORMANCE HACK: CONTENT VISIBILITY & DOM ISOLATION
============================================================================ */
/* Eliminiert Layout-Berechnungen solange Drawer zu ist */
cart-drawer:not([open]), .drawer:not([open]),
#rrx-cart-drawer[aria-hidden="true"],
.cart-drawer[aria-hidden="true"] {
  content-visibility: hidden;
}

/* ============================================================================
   KLASSEN FÜR CART ITEMS (Ersatz für Inline-Styles)
============================================================================ */
.rrx-empty-cart { padding: clamp(24px, 4vh, 40px) 20px; text-align: center; color: var(--hdc, #2f2f2f); font-size: 16px; font-weight: 600; }
.rrx-item { display: grid; grid-template-columns: 64px 1fr auto; gap: 12px; align-items: stretch; padding: 8px 10px; border: 1px solid #e9eceb; border-radius: 10px; background: #fff; transition: transform 0.2s ease, box-shadow 0.2s ease !important; }
.rrx-item:hover { transform: translateY(-2px) !important; box-shadow: 0 6px 16px rgba(0,0,0,0.08) !important; }
.rrx-item-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-height: none; aspect-ratio: auto; object-fit: contain; display: block; border-radius: 6px; }
.rrx-qv-trigger { grid-column: 1; display: block; width: 100%; height: 100%; min-height: 100%; overflow: hidden; border-radius: 6px; cursor: pointer; position: relative; }
.rrx-item-click { grid-column: 2; display: flex; flex-direction: column; justify-content: center; gap: 3px; cursor: pointer; min-width: 0; }
.rrx-item-title { margin: 0; font-size: 14.5px !important; font-weight: 700 !important; line-height: 1.2 !important; color: var(--hdc, #2f2f2f); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; }
.rrx-item-meta { margin: 0; font-size: 12.5px !important; font-weight: 400 !important; color: #56675D; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rrx-price { margin: 2px 0 0 0; font-size: 13.5px !important; font-weight: 600 !important; color: var(--hdc, #2f2f2f); display: inline-flex; align-items: baseline; gap: 4px; }
.rrx-price-now { color: #569d6f; }
.rrx-price-was { opacity: 0.6; font-weight: 400; font-size: 11px; text-decoration: line-through; }
.rrx-qty { grid-column: 3; display: flex; flex-direction: column; align-items: flex-end; justify-content: center; gap: 6px; }
.rrx-qty-input { width: 48px; height: 36px; text-align: center; border: 1px solid #e3e6ea; border-radius: 4px; background: #fff; font-size: 16px; font-weight: 700; padding: 0; margin: 0; -moz-appearance: textfield; box-shadow: none; color: var(--hdc); cursor: text; }
.rrx-remove-txt-btn { background: none; border: none; padding: 0; font-size: 12px; text-decoration: underline; color: #8a8f97; cursor: pointer; }
#cart-drawer, .cart-drawer, .drawer--cart, .CartDrawer, .cart__drawer, .MiniCart, .mini-cart, .js-mini-cart, .drawer[data-drawer-id="cart"], .drawer[data-drawer="cart"], #CartDrawer, .header__icon--cart + .drawer, cart-notification, cart-notification-drawer, #CartNotification, .cart-notification, #cart-notification { display: none !important; }

/* Native Swipe & Touch Optimierungen */
#rrx-cart-drawer, #rrx-qv, #rrx-cart-overlay { overscroll-behavior-y: contain !important; }
#rrx-cart-drawer .rrx-views, #rrx-cart-drawer .rrx-items { touch-action: pan-y !important; } /* FIX: Killt nativen Pinch-to-Zoom komplett im Cart */
#rrx-cart-drawer [data-carousel="1"], #rrx-qv .qv-opt-carousel-wrapper { touch-action: pan-x pan-y !important; }
#rrx-cart-drawer img, #rrx-cart-drawer a { -webkit-user-drag: none; -webkit-touch-callout: none; user-select: none !important; -webkit-tap-highlight-color: transparent !important; }

:root {
  --rrx-cart-gap: 6vh;
  --rrx-cart-chrome: 140px;
  --rrx-badge-color: #2D3631;
}

#shopify-section- {
  --rrx-strike: ;
  --rrx-label: ;
  --rrx-badge-bg: ;
  --rrx-badge-radius: px;
  --rrx-badge-x: px;
  --rrx-badge-gap: px;
}
@media (min-width: 768px) {
  #shopify-section- { --rrx-badge-gap: px; }
}

@keyframes rrx-spin { to { transform: rotate(360deg); } }

/* ============================================================================
   2. DRAWER CONTAINER & OVERLAY
============================================================================ */
.rrx-cart-overlay { position: fixed; inset: 0; background: rgba(0,0,0,.4); backdrop-filter: saturate(1.2) blur(2px); z-index: 1000005; }
.rrx-cart-overlay[hidden] { display: none; }
#rrx-cart-overlay{ z-index:1000001 !important; }

.rrx-cart-drawer {
  position: fixed; inset: auto 50% 6vh; transform: translateX(-50%);
  /* SPEED-FIX: Festeres Limit für die Höhe (880px / 90vh) pusht die Sticky-Kasse nach unten */
  width: clamp(900px, 92vw, var(--dw)) !important; height: clamp(650px, 90vh, 880px) !important; max-height: 96vh !important;
  background: #fff; border-radius: 18px; box-shadow: 0 24px 60px rgba(0,0,0,.25);
  z-index: 1000002 !important; display: flex; flex-direction: column; 
  padding-bottom: 0; overflow: hidden;
  opacity: 0; pointer-events: none; visibility: hidden;         
  transition: opacity .18s ease, visibility 0s linear .18s;
  --qty-lift: -35px; --ec-h-desktop: 140px; --ec-thumb-m: 68px;
}
.rrx-cart-drawer[aria-hidden="false"] { 
  opacity: 1; pointer-events: auto; visibility: visible;
  transition: opacity .18s ease, visibility 0s;
}

@media (max-width: 1024px) {
  .rrx-cart-drawer {
    inset: auto 0 0 0 !important; top: 3dvh !important; bottom: 0 !important;
    min-height: 97dvh !important; height: 97dvh !important; max-height: 97dvh !important;
    transform: none !important; width: 100% !important; max-width: 100% !important;
    border-radius: 18px 18px 0 0 !important; overflow: hidden !important;
    background: #ffffff !important; display: flex !important; flex-direction: column !important;
  }
  
  #rrx-cart-drawer .rrx-views { display: flex !important; flex-direction: column !important; flex-grow: 1 !important; height: 100% !important; min-height: 0 !important; }
  #rrx-cart-drawer .rrx-view[data-view="recent"] { display: block !important; flex-grow: 1 !important; height: 100% !important; background: #ffffff !important; }
}

@media (min-width: 990px) {
  .rrx-cart-drawer {
    inset: 50% auto auto 50% !important; transform: translate(-50%,-50%) !important;
    /* SPEED-FIX: Auch im Desktop-Zentrierungs-Fix die größere Höhe anwenden */
    width: clamp(900px, 92vw, var(--dw)) !important; height: clamp(650px, 90vh, 880px) !important; max-height: 96vh !important;
    opacity: 0 !important; pointer-events: none !important; content-visibility: hidden !important; visibility: hidden !important;
  }
  .rrx-cart-drawer[aria-hidden="false"] { opacity: 1 !important; pointer-events: auto !important; content-visibility: visible !important; visibility: visible !important; }
}

/* ============================================================================
   3. HEADER, TABS & VIEWS
============================================================================ */
#rrx-cart-drawer .drawer__inner { gap: 0 !important; }
#rrx-cart-drawer .drawer__header, #rrx-cart-drawer .cart-drawer__header { padding-top: 0 !important; padding-bottom: 0 !important; margin-bottom: 0 !important; min-height: auto !important; }
#rrx-cart-drawer hr, #rrx-cart-drawer .drawer__header + hr { margin: 4px 0 !important; }

:root { --rrx-btn-radius: 8px; }
.rrx-cart-hd { display: flex; align-items: center; gap: 12px; padding: 12px 16px; border-bottom: 2px solid var(--ac); flex-wrap: nowrap !important; justify-content: flex-start !important; min-height: 0; position: relative; flex-shrink: 0 !important; }
.rrx-hd-left { display: flex; align-items: center; justify-content: center; gap: 10px; flex: 1 1 auto; min-width: 0; padding-left: 0; padding-right: 48px; }
.rrx-cart-hd .rrx-close { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: var(--rrx-btn-radius) !important; background: rgba(74, 93, 83, 0.05) !important; border: 1px solid rgba(0,0,0,0.03) !important; cursor: pointer; transition: background-color 0.2s ease, transform 0.2s ease; padding: 0; flex-shrink: 0; color: var(--hdc, #2f2f2f); }
.rrx-cart-hd .rrx-close:hover { background: rgba(74, 93, 83, 0.1) !important; transform: scale(1.05); }
.rrx-title { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 0 auto; font: 700 var(--title-size)/1 system-ui,Segoe UI,Arial; color: var(--hdc); white-space: nowrap !important; font-size: clamp(16px, 5.5vw, var(--title-size, 22px)) !important; line-height: 1 !important; }
.rrx-tab { appearance: none; background: none; border: 0; padding: 0; font: inherit; font-weight: var(--w-head); cursor: pointer; color: #56675D; opacity: 0.4; transition: transform .1s ease, opacity .15s ease, color .15s ease; white-space: nowrap !important; font-size: inherit !important; }
.rrx-tab:hover { opacity: .6; transform: translateY(-1px); }
.rrx-tab:active { transform: scale(.98); }
.rrx-tab--active { color: var(--ac) !important; opacity: 1 !important; }
.rrx-sep { opacity: .5; margin: 0 4px !important; font-size: inherit !important; }

/* V6 FIX: Nativer Scrollbar Hide (Cross-Browser) */
.rrx-views { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; overflow: hidden; }
.rrx-view { 
  position: relative !important; flex: 1 1 auto; height: 100% !important; max-height: none !important; 
  overflow-y: auto; overflow-x: hidden; padding-bottom: env(safe-area-inset-bottom, 24px) !important; 
  width: 100%; -webkit-overflow-scrolling: touch; transform: translateZ(0); /* FIX: Erzwingt GPU-Layer gegen Safari Scroll-Lock */
  scrollbar-width: none; -ms-overflow-style: none; /* Firefox & IE */
}
.rrx-view::-webkit-scrollbar { display: none; width: 0; height: 0; } /* Safari & Chrome */
body #rrx-cart-drawer .rrx-view[hidden], body #rrx-cart-drawer .rrx-view[data-view="cart"][hidden], body #rrx-cart-drawer .rrx-view[data-view="recent"][hidden] { display: none !important; }
body #rrx-cart-drawer .rrx-view[data-view="recent"] { background-color: #ffffff !important; z-index: 5; }

.rrx-cart-cols { display: grid; grid-template-columns: 1fr var(--right); gap: 8px; padding: 12px 16px 16px; overflow: visible; }
@media (max-width: 1024px) { 
  .rrx-cart-cols { grid-template-columns: 1fr; padding-right: 20px !important; } 
  #rrx-cart-drawer .rrx-view[data-view="cart"] { display: flex !important; flex-direction: column !important; overflow-y: auto !important; padding-bottom: 0 !important; }
  #rrx-cart-drawer .rrx-cart-cols, #rrx-cart-drawer .rrx-left, #rrx-cart-drawer .rrx-right { display: contents !important; }
}

/* Freebar */
.rrx-freebar { padding: 8px 16px 6px; text-align: center; flex-shrink: 0 !important; }
.rrx-freebar-row { display: block; margin-bottom: 4px; }
.rrx-freebar-msg { display: inline-block; font-size: var(--fb-label-size); font-weight: var(--fb-label-weight); line-height: 1; text-align: center; }
.rrx-freebar-track { position: relative; margin-top: 4px; height: var(--fb-h); background: #E9ECEB; border: 2px solid var(--ac); border-radius: 999px; width: var(--fb-w); max-width: 100%; margin-left: auto; margin-right: auto; }
.rrx-freebar-fill { position: absolute; left: 0; top: 0; bottom: 0; background: var(--ac); width: 0%; transition: width .25s ease; border-radius: 999px; }
.rrx-freebar-knob { position: absolute; top: 50%; transform: translate(-50%,-50%); left: 0; width: var(--fb-knob); height: var(--fb-knob); border-radius: 50%; background: #ffffff; border: 2px solid #569d6f; box-sizing: border-box; box-shadow: 0 4px 10px rgba(0,0,0,0.15); display: grid; place-items: center; overflow: visible; }
.rrx-freebar-knob img { width: 100%; height: 100%; object-fit: cover; }
.rrx-freebar-max { display: none !important; }

/* ============================================================================
   4. CART ITEMS, QTY & BUTTONS
============================================================================ */
.rrx-left-h3, .rrx-right-h3 { margin: 0 0 4px !important; color: var(--hdc); font-weight: var(--w-head); }
.rrx-left-h3 { font-size: var(--left-h3); }
.rrx-right-h3 { font-size: var(--right-h3); }
.rrx-items { display: grid; gap: 6px; font-weight: var(--w-body); }
@media (max-width: 1024px) { #rrx-cart-drawer .rrx-items { order: 1 !important; padding: 0 !important; } }

.rrx-item { display: grid; gap: 8px 12px; padding: 10px; border: 1px solid #e9eceb; border-radius: 10px; background: #fff; grid-template-columns: var(--cart-thumb) 1fr auto; align-items: start; transition: transform 0.2s ease, box-shadow 0.2s ease !important; }
#rrx-cart-drawer .rrx-item:hover { transform: translateY(-2px) !important; box-shadow: 0 6px 16px rgba(0,0,0,0.08) !important; }
.rrx-item>*:has(.rrx-qty) { display: contents; }

/* Quick View Hover State */
.rrx-qv-trigger { position: relative; cursor: pointer; display: block; border-radius: 8px; }
.rrx-qv-trigger::before { content: ""; position: absolute; inset: 0; background: rgba(255,255,255,0.4); opacity: 0; transition: opacity 0.2s ease; border-radius: inherit; z-index: 1; pointer-events: none; }
.rrx-qv-trigger:hover::before { opacity: 1; }
.rrx-qv-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.8); background: #fff; border-radius: 50%; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 12px rgba(0,0,0,0.15); opacity: 0; transition: all 0.2s cubic-bezier(0.2,0.8,0.2,1); pointer-events: none; z-index: 2; color: var(--hdc, #2f2f2f); }
.rrx-qv-trigger:hover .rrx-qv-icon { opacity: 1; transform: translate(-50%, -50%) scale(1); }
.rrx-qv-icon svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; }
@media (max-width: 760px) { .rrx-qv-icon { display: none !important; } }

/* ============================================================================
   5. PREISE, RABATTE & DYNAMISCHE CHIPS
============================================================================ */
.rrx-price-hidden { display: none !important; }
#rrx-cart-drawer [data-rrx-price], #rrx-cart-drawer .rrx-price, #rrx-cart-drawer .rrx-price *, #rrx-cart-drawer .money, #rrx-cart-drawer [data-price], #rrx-cart-drawer .cart-item__price, #rrx-cart-drawer .cart-item__totals, #rrx-cart-drawer .rrx-amount, #rrx-cart-drawer .rrx-price-now, #rrx-cart-drawer .rrx-price-was, #rrx-cart-drawer .rrx-price-was s {
  color: var(--text-color, rgb(26,26,26)) !important;
  -webkit-text-fill-color: currentColor !important; opacity: 1 !important; filter: none !important; text-shadow: none !important;
}
#rrx-cart-drawer .rrx-discount-chip { color: var(--text-color, rgb(26,26,26)) !important; }
#shopify-section- .rrx-price { display: inline-flex; gap: .35rem; align-items: baseline; }
#shopify-section- .rrx-price-was { color: var(--rrx-strike); }
#shopify-section- .rrx-price-was s { text-decoration: line-through; text-decoration-thickness: 2px; text-decoration-color: var(--rrx-strike); }
#shopify-section- .rrx-price-now { color: var(--rrx-label); font-weight: 600; }
#rrx-cart-drawer .rrx-subtotal-right { display: inline-flex; align-items: center; gap: 8px; }

#rrx-cart-drawer .rrx-savings-badge { display: inline-flex !important; align-items: center; justify-content: center; white-space: nowrap; background: #569d6f !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; border: 1px solid #569d6f !important; padding: 2px 6px !important; border-radius: var(--rrx-btn-radius) !important; font-size: 12.5px !important; font-weight: 700 !important; line-height: 1.2 !important; transform: none !important; height: auto !important; letter-spacing: 0.02em; }
#rrx-cart-drawer .rrx-savings-badge[hidden] { display: none !important; }

/* Gratis Chips */
.rrx-free-ui { display:inline-flex; gap:.5rem; align-items:center; white-space:nowrap; }
.rrx-free-ui .rrx-old { text-decoration:line-through; opacity:.7; }
.rrx-free-ui .rrx-tag { display:inline-flex; align-items:center; justify-content:center; padding:.1rem .5rem; border-radius:9999px; background:#569D6F; color:#fff !important; -webkit-text-fill-color: #fff !important; font-weight:700; line-height:1; white-space:nowrap; transform:rotate(-45deg); transform-origin:center; }
.rrx-discount-chip { display:inline-flex; align-items:center; gap:.35rem; padding:.1rem .5rem; border-radius:9999px; border:1px solid currentColor; opacity:.8; font-weight:600; white-space:nowrap; }

/* ============================================================================
   6. CHECKOUT WRAP & TOTALS
============================================================================ */
#rrx-cart-drawer .rrx-totalbox, #rrx-cart-drawer .rrx-cart-badges { background: transparent !important; border: none !important; box-shadow: none !important; padding-left: 0 !important; padding-right: 0 !important; }
#rrx-cart-drawer .rrx-totalbox { padding-top: 0 !important; margin-top: 0 !important; margin-bottom: 4px !important; border: 1px solid #e9eceb !important; border-radius: 8px !important; padding: 6px 10px !important; background: var(--totals-bg) !important; }
#rrx-cart-drawer .rrx-totalbox .row { display: flex; justify-content: space-between; align-items: center; margin: 0; }
#rrx-cart-drawer .rrx-totalbox .row + .row { margin-top: 2px !important; }
#rrx-cart-drawer .rrx-totalbox .row span, #rrx-cart-drawer .rrx-totalbox .row strong { font-size: 14px !important; color: #596A60 !important; font-weight: 500 !important; line-height: 1.1 !important; }
#rrx-cart-drawer .rrx-totalbox .row--sum { margin-top: 4px !important; padding-top: 4px !important; border-top: 1px solid #f0f0f0 !important; }
#rrx-cart-drawer .rrx-totalbox .row--sum span, #rrx-cart-drawer .rrx-totalbox .row--sum strong { font-size: 17px !important; color: var(--hdc) !important; font-weight: 800 !important; }
#rrx-cart-drawer .rrx-taxnote { margin: 0 0 10px 2px !important; color: #8a8f97 !important; font-size: 10px !important; text-align: left !important; line-height: 1.15 !important; font-weight: 500 !important; letter-spacing: -0.01em !important; }
#rrx-cart-drawer .rrx-free-inline { color: var(--ship-free-color) !important; font-weight: 700 !important; text-transform: uppercase !important; font-size: 12.5px !important; }
#rrx-cart-drawer .rrx-cart-badges { padding-bottom: 0 !important; margin-top: 16px !important; }

/* Checkout Button */
#rrx-cart-drawer .rrx-checkout-form--full { width: 100%; margin-top: 0 !important; }
#rrx-cart-drawer .rrx-btn--xl.rrx-btn--wide, #shopify-section- .rrx-checkout-form .rrx-btn--xl { width: 100%; min-height: 42px !important; padding: 0 16px !important; display: inline-flex; align-items: center; justify-content: center; gap: 6px; border-radius: var(--rrx-btn-radius) !important; font-size: 16px !important; font-weight: 700 !important; background: #4A5D53 !important; color: #ffffff !important; text-decoration: none; border: 1px solid #4A5D53 !important; text-transform: uppercase; letter-spacing: .05em; transition: transform .12s ease, box-shadow .12s ease, background-color .2s ease !important; }
#rrx-cart-drawer .rrx-btn--xl.rrx-btn--wide:hover, #shopify-section- .rrx-checkout-form .rrx-btn--xl:hover { filter: brightness(1.1); box-shadow: 0 4px 12px rgba(0,0,0,.15) !important; }
#rrx-cart-drawer .rrx-ico--lock { width: 14px !important; height: 14px !important; flex: 0 0 14px !important; }

/* Express Checkout Overrides */
#rrx-cart-drawer button[name="checkout"], #rrx-cart-drawer .cart__checkout-button, #rrx-cart-drawer form[action*="/cart"] button[type="submit"], #rrx-cart-drawer .rrx-checkout-wrap button { background: var(--ac, #2E7D32) !important; background-color: var(--ac, #2E7D32) !important; background-image: none !important; border: 1px solid var(--ac, #2E7D32) !important; color: #ffffff !important; }
#rrx-cart-drawer button[name="checkout"]:hover, #rrx-cart-drawer .cart__checkout-button:hover, #rrx-cart-drawer form[action*="/cart"] button[type="submit"]:hover, #rrx-cart-drawer .rrx-checkout-wrap button:hover { background: #1A5E20 !important; background-color: #1A5E20 !important; border-color: #1A5E20 !important; }
.rrx-express { margin-top:10px; }
.rrx-express .shopify-payment-button { display: block; width:100%; margin-top:10px; }
.rrx-express .shopify-payment-button__button { width:100%; border-radius:999px; min-height:48px; }
.rrx-express .shopify-payment-button__more-options { display:none; }
#rrx-cart-drawer .rrx-express { margin-top: 4px !important; }
#rrx-cart-drawer .rrx-trust { display: block !important; margin: 8px auto 4px !important; width: 100% !important; max-width: 90% !important; height: auto !important; object-fit: contain !important; }

@media (max-width: 1024px) {
  /* Sauberes Flex-Layout für lückenloses Design */
  #rrx-cart-drawer .rrx-view[data-view="cart"] { display: flex !important; flex-direction: column !important; padding-bottom: 0 !important; min-height: 100% !important; }
  #rrx-cart-drawer .rrx-cart-cols { display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; }
  #rrx-cart-drawer .rrx-left { display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; }
  #rrx-cart-drawer .rrx-right { display: block !important; }
  #rrx-cart-drawer .rrx-items { order: unset !important; flex: 0 0 auto !important; }
  
  /* Empfehlungen flexibel und bündig an den Checkout andocken */
  #rrx-cart-drawer .rrx-reco-wrap { order: unset !important; margin-top: auto !important; }
  
  /* Kasse Sticky statt Fixed: Bleibt im Flow, reagiert perfekt auf Edge/Mobile UI */
  #rrx-cart-drawer .rrx-checkout-wrap { position: sticky !important; bottom: 0 !important; left: 0 !important; right: 0 !important; width: 100% !important; z-index: 1000 !important; background: #ffffff !important; padding: 8px 16px env(safe-area-inset-bottom, 8px) !important; box-shadow: 0 -8px 25px rgba(0,0,0,0.1) !important; border-top: 1px solid #e9eceb !important; margin: 0 !important; border-radius: 0 !important; }
  #rrx-cart-drawer .rrx-checkout-wrap:not(:last-child) { margin-bottom: 0 !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; padding-bottom: env(safe-area-inset-bottom, 12px) !important; }
  #rrx-cart-drawer .rrx-trust { margin-bottom: 0 !important; }
}
/* ============================================================================
   MASTER FIX: DESKTOP LAYOUT (STICKY CHECKOUT, RECO GRID & TRUST ICONS)
============================================================================ */
@media (min-width: 1025px) {
  /* --- 1. GLOBALE HÖHENKONTROLLE (Behebt das Springen des Fensters beim Tab-Wechsel) --- */
#rrx-cart-drawer .rrx-views { display: flex !important; flex-direction: column !important; height: 100% !important; flex: 1 1 auto !important; min-height: 0 !important; }
#rrx-cart-drawer .rrx-view[data-view="cart"] { display: flex !important; flex-direction: column !important; height: 100% !important; min-height: 0 !important; overflow: hidden !important; padding-bottom: 0 !important; }
/* SPEED-FIX: Grid Fractions angepasst (2.3fr zu 2.7fr) für breiteren linken Bereich */
#rrx-cart-drawer .rrx-cart-cols { display: grid !important; grid-template-columns: 2.3fr 2.7fr !important; height: 100% !important; min-height: 0 !important; overflow: hidden !important; padding-bottom: 12px !important; box-sizing: border-box !important; gap: 16px !important; }

  /* --- 2. LINKE SPALTE: PRODUKTE SCROLLEN, KASSE BLEIBT STICKY --- */
  #rrx-cart-drawer .rrx-left { display: flex !important; flex-direction: column !important; height: 100% !important; min-height: 0 !important; overflow: hidden !important; position: relative !important; }
  
  #rrx-cart-drawer .rrx-items { 
    flex: 1 1 auto !important; 
    overflow-y: auto !important; 
    min-height: 0 !important; 
    padding-right: 12px !important; 
    margin-right: -4px !important; 
    margin-bottom: 0 !important; 
    align-content: start !important; 
    scrollbar-width: thin; 
    scrollbar-color: rgba(86, 103, 93, 0.4) transparent; 
  }
  #rrx-cart-drawer .rrx-items::-webkit-scrollbar { width: 6px; }
  #rrx-cart-drawer .rrx-items::-webkit-scrollbar-track { background: transparent; }
  #rrx-cart-drawer .rrx-items::-webkit-scrollbar-thumb { background: rgba(86, 103, 93, 0.4); border-radius: 10px; }
  
  #rrx-cart-drawer .rrx-checkout-wrap { 
    flex: 0 0 auto !important; 
    position: static !important; 
    margin: 0 !important; 
    padding: 16px 8px 0 0 !important; 
    box-shadow: none !important; 
    border-top: 1px solid rgba(0,0,0,0.06) !important; 
    background: #fff !important; 
    z-index: 10 !important; 
  }
  
  /* TRUST ICONS: 30% kleiner (von 38px auf 26px) + dynamische Farbe */
  #rrx-cart-drawer .rrx-usp img, 
  #rrx-cart-drawer .rrx-usp svg { width: 26px !important; height: 26px !important; object-fit: contain !important; margin: 0 auto !important; display: block !important; }
  #rrx-cart-drawer .rrx-usp span { color: var(--text-color, #2f2f2f) !important; font-size: 10px !important; }

  /* --- 3. RECHTE SPALTE: RECO GRID --- */
  #rrx-cart-drawer .rrx-right { height: 100% !important; overflow: hidden !important; }
  #rrx-cart-drawer .rrx-reco-wrap { height: 100% !important; display: grid !important; grid-template-rows: auto minmax(0, 1fr) !important; overflow: hidden !important; background-color: rgba(74, 93, 83, 0.05) !important; border-radius: 12px !important; padding: 20px !important; box-sizing: border-box !important; }
  #rrx-cart-drawer .rrx-reco-scroll-arrow { display: none !important; }
  
  #rrx-cart-drawer [data-rrx-reco] { 
    background-color: transparent !important; 
    border-radius: 0 !important; 
    display: grid !important; 
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important; 
    grid-auto-rows: minmax(220px, max-content) !important; 
    gap: 12px !important; 
    overflow-y: auto !important; 
    max-height: none !important; height: 100% !important; min-height: 0 !important;
    padding: 0 6px 6px 0 !important; 
    scrollbar-width: thin; 
    scrollbar-color: rgba(86, 103, 93, 0.4) transparent; 
    align-content: start !important;
    scroll-snap-type: y mandatory !important;
    scroll-padding-top: 0 !important;
  }
  #rrx-cart-drawer [data-rrx-reco] > * { scroll-snap-align: start !important; height: 100% !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; }
  #rrx-cart-drawer [data-rrx-reco] > * > :first-child, #rrx-cart-drawer [data-rrx-reco] .pic { flex: 1 1 0% !important; min-height: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; }
  #rrx-cart-drawer [data-rrx-reco] img { object-fit: contain !important; width: auto !important; height: 100% !important; max-width: 100% !important; max-height: 140px !important; display: block !important; margin: 0 auto !important; }
  #rrx-cart-drawer [data-rrx-reco]::-webkit-scrollbar { width: 6px; }
  #rrx-cart-drawer [data-rrx-reco]::-webkit-scrollbar-track { background: transparent; }
  #rrx-cart-drawer [data-rrx-reco]::-webkit-scrollbar-thumb { background: rgba(86, 103, 93, 0.4); border-radius: 10px; }
  
  /* OPTIMIERT: nowrap verhindert, dass zweizeilige Titel beim Tab-Wechsel das Grid verschieben */
  #rrx-cart-drawer .rrx-right-h3, #rrx-cart-drawer .rrx-reco-title, #rrx-cart-drawer .rrx-left-h3 { display: block !important; font-size: 1.1rem !important; font-weight: 700 !important; margin-top: 0 !important; margin-bottom: 16px !important; line-height: 1.2 !important; color: var(--heading-color, var(--text-color, #1a1a1a)) !important; letter-spacing: normal !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
  
  #rrx-cart-drawer .reco-item { background: #ffffff !important; border-radius: 10px !important; box-shadow: 0 4px 12px rgba(0,0,0,0.04) !important; border: 1px solid rgba(0,0,0,0.03) !important; flex: none !important; height: auto !important; margin: 0 !important; padding: 10px 8px !important; transition: transform 0.2s ease, box-shadow 0.2s ease !important; display: flex !important; flex-direction: column !important; gap: 6px !important; align-items: center !important; overflow: hidden !important; text-align: center !important; }
  #rrx-cart-drawer .reco-item:hover { transform: translateY(-2px) !important; box-shadow: 0 6px 16px rgba(0,0,0,0.08) !important; }
  
  #rrx-cart-drawer .reco-img { width: 100% !important; flex: 1 1 auto !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; min-height: 0 !important; }
  #rrx-cart-drawer .reco-img img { border-radius: 8px;}
  #rrx-cart-drawer .reco-ttl { font-size: 13px !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important;}
  #rrx-cart-drawer .reco-prc { font-size: 14px !important; font-weight: 700 !important; margin: 0 !important; }
  #rrx-cart-drawer .reco-info { display: flex !important; flex-direction: column !important; justify-content: flex-end !important; flex: 0 0 auto !important; width: 100% !important; }
  
  #rrx-cart-drawer .reco-item .rrx-rating-wrapper { bottom: auto !important; top: 8px !important; right: 8px !important; transform: scale(0.9) !important; transform-origin: top right !important; flex-direction: column !important;}
  #rrx-cart-drawer .reco-item .rrx-rating-wrapper:hover { transform: scale(0.95) !important; }
  #rrx-cart-drawer .reco-item .rrx-bubble-stars { flex-direction: column-reverse !important; padding: 6px 4px !important; }
  aside#rrx-cart-drawer .rrx-reco-wrap .rrx-reco-tabs { align-self: flex-start !important; justify-content: flex-start !important; margin-top: 13px !important; }
}

/* ============================================================================
   7. LOOX REVIEWS & MODALS
============================================================================ */
.rrx-rating-wrapper { position: absolute; right: 8px; bottom: 8px; z-index: 5; display: flex; flex-direction: column; align-items: center; gap: 4px; cursor: pointer; transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.rrx-rating-wrapper:hover { transform: scale(1.05); }
.rrx-rating-bubble { background: rgba(255, 255, 255, 0.9); box-shadow: 0 2px 4px rgba(0,0,0,0.12); backdrop-filter: blur(2px); border-radius: 12px; }
.rrx-bubble-stars { padding: 6px 4px; display: flex; flex-direction: column-reverse; gap: 2px; }
.rrx-bubble-count { padding: 2px 5px; min-width: 20px; text-align: center; }
.rrx-review-count-text { font-size: 9px; font-weight: 700; line-height: 1; color: #2D3631; display: block; }
.rrx-star-wrapper { position: relative; width: 10px; height: 10px; display: block; pointer-events: none; }
.rrx-custom-star-icon { width: 10px; height: 10px; display: block; }
.rrx-custom-star-filled { color: #FFC107 !important; fill: #FFC107 !important; }
#rrx-cart-drawer .rrx-rating-wrapper { pointer-events:none!important; cursor:default!important; transform:none!important; }

@media screen and (min-width: 1000px) {
  .rrx-rating-wrapper { right: 12px; bottom: 12px; gap: 5px; }
  .rrx-bubble-stars { padding: 10px 6px; gap: 4px; }
  .rrx-bubble-count { padding: 3px 8px; min-width: 24px; }
  .rrx-star-wrapper, .rrx-custom-star-icon { width: 16px; height: 16px; }
  .rrx-review-count-text { font-size: 12px; }
}

/* ============================================================================
   8. RECENTLY VIEWED (ANGESEHEN) - LAYOUT REPAIR FIX
============================================================================ */
.rrx-recent-wrap { padding: 12px 16px 16px; }
.rrx-recent-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
@media(min-width: 760px) { .rrx-recent-grid { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media(min-width: 1024px) { .rrx-recent-grid { grid-template-columns: repeat(4,minmax(0,1fr)); } }

#rrx-cart-drawer .rrx-view[data-view="recent"] > h2, #rrx-cart-drawer .rrx-view[data-view="recent"] > h3, #rrx-cart-drawer .rrx-view[data-view="recent"] > h4, #rrx-cart-drawer .rrx-view[data-view="recent"] > .rrx-title, #rrx-cart-drawer [data-rrx-recent] > h3, #rrx-cart-drawer .rrx-recent-wrap h3, #rrx-cart-drawer .rrx-recent-wrap .rrx-title { display: none !important; opacity: 0 !important; visibility: hidden !important; height: 0 !important; margin: 0 !important; padding: 0 !important; }

#rrx-cart-drawer [data-rrx-recent] a { display: flex !important; flex-direction: column !important; position: relative !important; background: #ffffff !important; border-radius: 12px !important; padding: 12px !important; box-shadow: 0 4px 12px rgba(0,0,0,0.06), 0 1px 3px rgba(0,0,0,0.04) !important; border: 1px solid rgba(0,0,0,0.04) !important; box-sizing: border-box !important; height: auto !important; min-height: 100% !important; text-decoration: none !important; transition: transform 0.2s ease, box-shadow 0.2s ease !important; }
#rrx-cart-drawer [data-rrx-recent] a:hover { transform: translateY(-4px) !important; box-shadow: 0 10px 25px rgba(0,0,0,0.1) !important; }
#rrx-cart-drawer [data-rrx-recent] a .rrx-qv-trigger { margin: 0 0 10px 0 !important; flex: 1 1 auto !important; min-height: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; background: transparent !important; }
#rrx-cart-drawer [data-rrx-recent] a img.rrx-recent-img { width: 100% !important; height: 100% !important; max-height: 140px !important; object-fit: contain !important; border-radius: 8px !important; mix-blend-mode: darken !important; margin: 0 auto !important; display: block !important; }
#rrx-cart-drawer [data-rrx-recent] .ttl { font-size: 11.5px !important; line-height: 1.2 !important; margin: 0 0 4px 0 !important; text-align: center !important; color: var(--hdc, #2f2f2f) !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; text-overflow: ellipsis !important; word-break: break-word !important; flex: 0 0 auto !important; }
#rrx-cart-drawer [data-rrx-recent] .prc { font-size: 13.5px !important; font-weight: 700 !important; text-align: center !important; color: var(--hdc, #2f2f2f) !important; margin: 0 !important; flex: 0 0 auto !important; }
#rrx-cart-drawer [data-rrx-recent] .rrx-peel { cursor: pointer; }

/* FIX: Grüner Add-to-Cart Button unten rechts in der weißen Karte fixiert */
@keyframes rrxBtnWaves { 0% { box-shadow: 0 0 0 0 rgba(86, 157, 111, 0.8), 0 0 0 0 rgba(86, 157, 111, 0.6); } 100% { box-shadow: 0 0 0 6px rgba(86, 157, 111, 0), 0 0 0 12px rgba(86, 157, 111, 0); } }
#rrx-cart-drawer [data-rrx-recent] .rrx-recent-add-btn, #rrx-cart-drawer .rrx-quick-add-btn { 
    position: absolute !important; 
    bottom: 12px !important; 
    right: 12px !important; 
    width: 34px !important; 
    height: 34px !important; 
    border-radius: var(--rrx-btn-radius, 8px) !important; 
    background: #569d6f !important; 
    color: #fff !important; 
    border: none !important; 
    display: flex !important; 
    align-items: center !important; 
    justify-content: center !important; 
    cursor: pointer !important; 
    z-index: 10 !important; 
    transition: background 0.2s ease, transform 0.2s ease !important; 
    padding: 0 !important; 
    box-shadow: 0 4px 10px rgba(86, 157, 111, 0.2) !important;
}
#rrx-cart-drawer [data-rrx-recent] .rrx-recent-add-btn::before, #rrx-cart-drawer .rrx-quick-add-btn::before { 
    content: "" !important; 
    position: absolute !important; 
    inset: 0 !important; 
    border-radius: inherit !important; 
    pointer-events: none !important; 
    animation: rrxBtnWaves 2s cubic-bezier(0.16, 1, 0.3, 1) infinite !important; 
    z-index: -1 !important; 
}
#rrx-cart-drawer [data-rrx-recent] .rrx-recent-add-btn:hover, #rrx-cart-drawer .rrx-quick-add-btn:hover { 
    background: #468257 !important; 
    transform: scale(1.1) !important; 
}
#rrx-cart-drawer [data-rrx-recent] .rrx-recent-add-btn:hover::before, #rrx-cart-drawer .rrx-quick-add-btn:hover::before { 
    animation: none !important; 
}
#rrx-cart-drawer [data-rrx-recent] .rrx-recent-add-btn svg, #rrx-cart-drawer .rrx-quick-add-btn svg { 
    width: 16px !important; 
    height: 16px !important; 
    fill: #ffffff !important; 
    stroke: none !important; 
}

@media (max-width: 760px) { 
  #rrx-cart-drawer [data-rrx-recent] .rrx-recent-add-btn, #rrx-cart-drawer .rrx-quick-add-btn { bottom: 8px !important; right: 8px !important; width: 30px !important; height: 30px !important; } 
  #rrx-cart-drawer [data-rrx-recent] .rrx-recent-add-btn svg, #rrx-cart-drawer .rrx-quick-add-btn svg { width: 14px !important; height: 14px !important; } 
}

/* ============================================================================
   9. RECOMMENDATIONS (RECOS) & TABS
============================================================================ */
#rrx-cart-drawer .rrx-reco-wrap { display: grid !important; grid-template-columns: 44px minmax(0, 1fr) !important; grid-template-areas: "title title" "tabs carousel" !important; gap: 12px 10px !important; max-width: 100% !important; box-sizing: border-box !important; overflow: hidden !important; position: relative; }
#rrx-cart-drawer .rrx-right-h3 { grid-area: title; margin-bottom: 0 !important; }
#rrx-cart-drawer .rrx-reco-tabs { grid-area: tabs; display: flex; flex-direction: column; gap: 8px; }
#rrx-cart-drawer [data-rrx-reco] { grid-area: carousel; }

/* Desktop Tabs CSS */
#rrx-cart-drawer .rrx-reco-tab-btn { position: relative; width: 44px; height: 44px; border-radius: 8px; padding: 0; background: var(--ac, #2E7D32) !important; color: #ffffff !important; border: 1px solid rgba(0,0,0,0.1) !important; box-shadow: 0 4px 12px rgba(0,0,0,0.15), 0 1px 3px rgba(0,0,0,0.1) !important; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.25s cubic-bezier(0.25, 0.8, 0.25, 1); }
#rrx-cart-drawer .rrx-reco-tab-btn:hover { background: #1A5E20 !important; transform: translateY(-3px); box-shadow: 0 6px 16px rgba(0,0,0,0.2), 0 2px 4px rgba(0,0,0,0.1) !important; }
#rrx-cart-drawer .rrx-reco-tab-btn.is-active { background: #1A5E20 !important; border-color: rgba(0,0,0,0.2) !important; box-shadow: inset 0 3px 6px rgba(0,0,0,0.25) !important; transform: translateY(1px); }
#rrx-cart-drawer .rrx-reco-tab-btn svg { width: 22px; height: 22px; position: relative; z-index: 2; }
@keyframes rrxTabWavesSeq { 0% { box-shadow: 0 0 0 0 rgba(46, 125, 50, 0.8), 0 0 0 0 rgba(46, 125, 50, 0.6), 0 0 0 0 rgba(46, 125, 50, 0.4); } 15% { box-shadow: 0 0 0 4px rgba(46, 125, 50, 0), 0 0 0 8px rgba(46, 125, 50, 0), 0 0 0 12px rgba(46, 125, 50, 0); } 100% { box-shadow: 0 0 0 4px rgba(46, 125, 50, 0), 0 0 0 8px rgba(46, 125, 50, 0), 0 0 0 12px rgba(46, 125, 50, 0); } }
#rrx-cart-drawer .rrx-reco-tab-btn:not(.is-active)::before { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; animation: rrxTabWavesSeq 10s cubic-bezier(0.16, 1, 0.3, 1) infinite; z-index: 1; }

/* Reco Items Base */
.rrx-reco-list { display: grid; grid-template-columns: 1fr; gap: 12px; }
.reco-item { position: relative; display: grid; grid-template-columns: minmax(var(--reco-img),40%) minmax(0,1fr) auto; gap: 16px; align-items: center; border: 1px solid #e9eceb; border-radius: 14px; padding: 12px; background: #fff; overflow: hidden; }
.reco-img img { width: 100%; height: var(--reco-img); object-fit: contain; border-radius: 12px; background: #fff; }
#rrx-cart-drawer .reco-ttl { font-weight: 600 !important; margin: 0 0 4px !important; color: var(--hdc); font-size: 13px !important; line-height: 1.2 !important; word-break: break-word; overflow-wrap: anywhere; }
#rrx-cart-drawer .reco-prc { font-size: 13px !important; color: #596A60 !important; font-weight: 700 !important; }
#rrx-cart-drawer .reco-item .rrx-quick-btn, #rrx-cart-drawer .reco-item .rrx-peel { display: none !important; }
#rrx-cart-drawer .reco-item { position: relative !important; cursor: pointer !important; }
#rrx-cart-drawer .reco-img { position: static !important; } 
#rrx-cart-drawer .reco-item .rrx-rating-wrapper { top: auto !important; left: auto !important; flex-direction: column !important; }
#rrx-cart-drawer .reco-item .rrx-bubble-stars { flex-direction: column-reverse !important; padding: 6px 4px 4px 4px !important; }
#rrx-cart-drawer .reco-item .rrx-bubble-count { margin-top: 2px !important; margin-left: 0 !important; }
#rrx-cart-drawer .reco-ttl, #rrx-cart-drawer .reco-prc, #rrx-cart-drawer .reco-item .rrx-review-count-text { color: var(--text-color, #1a1a1a) !important; }
#rrx-cart-drawer [data-rrx-reco][data-carousel="1"] { -ms-overflow-style: none; scrollbar-width: none; }
#rrx-cart-drawer [data-rrx-reco][data-carousel="1"]::-webkit-scrollbar { display: none; width: 0; height: 0; }

/* Desktop Reco Grid */
@media (min-width: 1025px) {
  #rrx-cart-drawer .rrx-cart-cols { height: 100% !important; box-sizing: border-box !important; }
  #rrx-cart-drawer .rrx-right { height: 100% !important; }
  #rrx-cart-drawer .rrx-reco-wrap, #rrx-cart-drawer .rrx-left { background-color: rgba(74, 93, 83, 0.05) !important; border-radius: 12px !important; padding: 20px !important; box-sizing: border-box !important; height: 100% !important; }
  #rrx-cart-drawer .rrx-reco-wrap { grid-template-rows: auto minmax(0, 1fr) !important; }
  #rrx-cart-drawer .rrx-reco-scroll-arrow { display: none !important; }
  
  #rrx-cart-drawer [data-rrx-reco] { 
    background-color: transparent !important; 
    border-radius: 0 !important; 
    display: grid !important; 
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important; 
    grid-auto-rows: calc(48% - 6px) !important; /* OPTIMIERT: Noch komprimierter für perfektes Karussell ohne Stretching */
    gap: 12px !important; 
    overflow-y: auto !important; 
    max-height: none !important; height: 100% !important; min-height: 0 !important;
    padding: 0 6px 6px 0 !important; 
    scrollbar-width: thin; 
    scrollbar-color: rgba(86, 103, 93, 0.4) transparent; 
    align-content: start !important;
    scroll-snap-type: y mandatory !important;
    scroll-padding-top: 0 !important;
  }
  #rrx-cart-drawer [data-rrx-reco] > * {
    scroll-snap-align: start !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
  }
  #rrx-cart-drawer [data-rrx-reco] > * > :first-child,
  #rrx-cart-drawer [data-rrx-reco] .pic {
    flex: 1 1 0% !important; 
    min-height: 0 !important; 
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
  }
  #rrx-cart-drawer [data-rrx-reco] img {
    object-fit: contain !important;
    width: auto !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 140px !important; /* OPTIMIERT: Verhindert langgezogene Bilder und behält das unverfälschte Produktformat */
    display: block !important;
    margin: 0 auto !important;
  }
  #rrx-cart-drawer [data-rrx-reco]::-webkit-scrollbar { width: 6px; }
  #rrx-cart-drawer [data-rrx-reco]::-webkit-scrollbar-track { background: transparent; }
  #rrx-cart-drawer [data-rrx-reco]::-webkit-scrollbar-thumb { background: rgba(86, 103, 93, 0.4); border-radius: 10px; }
  
  #rrx-cart-drawer .rrx-right-h3, #rrx-cart-drawer .rrx-reco-title, #rrx-cart-drawer .rrx-left-h3 { display: block !important; font-size: 1.1rem !important; font-weight: 700 !important; margin-top: 0 !important; margin-bottom: 20px !important; line-height: 1.2 !important; color: var(--heading-color, var(--text-color, #1a1a1a)) !important; letter-spacing: normal !important; }
  
  #rrx-cart-drawer .reco-item { 
    background: #ffffff !important; 
    border-radius: 10px !important; 
    box-shadow: 0 4px 12px rgba(0,0,0,0.04) !important; 
    border: 1px solid rgba(0,0,0,0.03) !important; 
    flex: none !important; 
    height: auto !important; 
    margin: 0 !important; 
    padding: 10px 8px !important; /* OPTIMIERT: Leicht reduzierter Padding für mehr Bildfläche */
    transition: transform 0.2s ease, box-shadow 0.2s ease !important; 
    display: flex !important; 
    flex-direction: column !important; 
    gap: 6px !important; 
    align-items: center !important; 
    overflow: hidden !important; 
    text-align: center !important; 
  }
  #rrx-cart-drawer .reco-item:hover { transform: translateY(-2px) !important; box-shadow: 0 6px 16px rgba(0,0,0,0.08) !important; }
  
  #rrx-cart-drawer .reco-img { width: 100% !important; flex: 1 1 auto !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; min-height: 0 !important; }
  #rrx-cart-drawer .reco-img img { border-radius: 8px;}
  #rrx-cart-drawer .reco-ttl { font-size: 13px !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important;}
  #rrx-cart-drawer .reco-prc { font-size: 14px !important; font-weight: 700 !important; margin: 0 !important; }
  #rrx-cart-drawer .reco-info { display: flex !important; flex-direction: column !important; justify-content: flex-end !important; flex: 0 0 auto !important; width: 100% !important; }
  
  #rrx-cart-drawer .reco-item .rrx-rating-wrapper { bottom: auto !important; top: 8px !important; right: 8px !important; transform: scale(0.9) !important; transform-origin: top right !important; flex-direction: column !important;}
  #rrx-cart-drawer .reco-item .rrx-rating-wrapper:hover { transform: scale(0.95) !important; }
  #rrx-cart-drawer .reco-item .rrx-bubble-stars { flex-direction: column-reverse !important; padding: 6px 4px !important; }
  aside#rrx-cart-drawer .rrx-reco-wrap .rrx-reco-tabs { align-self: flex-start !important; justify-content: flex-start !important; margin-top: 13px !important; }
}

@media (min-width: 761px) and (max-width: 1024px) {
  #rrx-cart-drawer .rrx-reco-wrap, #rrx-cart-drawer .rrx-left { background-color: rgba(74, 93, 83, 0.05) !important; border-radius: 12px !important; padding: 20px !important; box-sizing: border-box !important; }
}

/* Reco Mobile */
@media (max-width: 1024px) {
  #rrx-cart-drawer .rrx-reco-wrap { order: unset !important; display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: flex-start !important; gap: 12px !important; margin: 0 -20px 24px 0 !important; width: calc(100% + 20px) !important; padding-right: 20px !important; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }
  
  #rrx-cart-drawer .rrx-reco-wrap > .rrx-right-h3, #rrx-cart-drawer .rrx-reco-wrap > h3, #rrx-cart-drawer .rrx-reco-wrap > div:first-child:not(.rrx-reco-tabs):not(.rrx-reco-list) { flex: 0 0 100% !important; width: 100% !important; margin: 0 !important; text-align: left !important; }
  
  #rrx-cart-drawer .rrx-reco-tabs { display: flex !important; flex-direction: column !important; gap: 8px !important; flex: 0 0 clamp(34px, 10vw, 44px) !important; width: clamp(34px, 10vw, 44px) !important; align-self: flex-start !important; margin: 13px 0 0 0 !important; padding: 0 !important; }
  #rrx-cart-drawer .rrx-reco-tab-btn { width: clamp(34px, 10vw, 44px) !important; height: clamp(34px, 10vw, 44px) !important; display: grid !important; place-items: center !important; padding: clamp(4px, 1.5vw, 8px) !important; }
  #rrx-cart-drawer .rrx-reco-tab-btn svg { width: 100% !important; height: 100% !important; }
  
  #rrx-cart-drawer .rrx-reco-wrap .rrx-reco-list, #rrx-cart-drawer .rrx-reco-wrap .rrx-reco-list[data-carousel="1"] { display: flex !important; flex-direction: row !important; overflow-x: auto !important; overflow-y: hidden !important; scroll-snap-type: x mandatory !important; -webkit-overflow-scrolling: touch; gap: clamp(8px, 2vw, 12px) !important; padding-bottom: 8px !important; flex: 1 1 0% !important; min-width: 0 !important; width: calc(100% - clamp(34px, 10vw, 44px) - clamp(8px, 2vw, 12px)) !important; margin: 13px 0 0 0 !important; align-items: flex-start !important; padding-right: 32px !important; }
  
  /* NEU: Padding und Gap wurden reduziert (8px / 4px), um dem Bild maximalen Raum in der Höhe zu geben. */
  #rrx-cart-drawer.rrx-cart-drawer .rrx-reco-wrap .rrx-reco-list[data-carousel="1"] .reco-item { flex: 0 0 auto !important; min-width: 120px !important; width: auto !important; max-width: none !important; height: calc((clamp(34px, 10vw, 44px) * 5) + 32px) !important; scroll-snap-align: start !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; align-items: center !important; text-align: center !important; padding: 8px !important; border: 1px solid #e9eceb !important; gap: 4px !important; }
  
  /* NEU: Bild-Container überlässt dem Bild die volle Kontrolle über die Breite */
  #rrx-cart-drawer.rrx-cart-drawer .rrx-reco-wrap .rrx-reco-list[data-carousel="1"] .reco-item .reco-img { flex: 1 1 0% !important; height: 100% !important; width: auto !important; min-height: 0 !important; aspect-ratio: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; position: relative !important; background: transparent !important; margin: 0 !important; padding: 0 !important; border-radius: 8px !important; }
  
  /* NEU: Das Bild skaliert auf 100% Höhe. Da "width: auto" aktiv ist, dehnt es die Karte in seinem natürlichen Format exakt soweit aus, bis die Höhe voll ist. */
  #rrx-cart-drawer.rrx-cart-drawer .rrx-reco-wrap .rrx-reco-list[data-carousel="1"] .reco-item .reco-img > img { width: auto !important; height: 100% !important; max-width: none !important; object-fit: contain !important; display: block !important; border-radius: inherit !important; transform: none !important; mix-blend-mode: darken !important; }
  
  /* FIX: width: 0 und min-width: 100% entkoppelt den Text komplett von der Breitenberechnung des Flex-Containers! Margin-Top wurde genullt. */
  #rrx-cart-drawer.rrx-cart-drawer .rrx-reco-wrap .rrx-reco-list[data-carousel="1"] .reco-item .reco-info { flex: 0 0 auto !important; display: flex !important; flex-direction: column !important; justify-content: flex-end !important; width: 0 !important; min-width: 100% !important; margin-top: 0 !important; overflow: hidden !important; }
  
  /* FIX: overflow-wrap anywhere garantiert, dass der Text die Box niemals sprengen darf. */
  #rrx-cart-drawer.rrx-cart-drawer .rrx-reco-wrap .rrx-reco-list[data-carousel="1"] .reco-item .reco-ttl, #rrx-cart-drawer.rrx-cart-drawer .rrx-reco-wrap .rrx-reco-list[data-carousel="1"] .reco-item .reco-info .reco-ttl { font-size: clamp(10px, 3vw, 12px) !important; margin: 0 !important; line-height: 1.15 !important; white-space: normal !important; word-break: break-word !important; overflow-wrap: anywhere !important; }
  #rrx-cart-drawer.rrx-cart-drawer .rrx-reco-wrap .rrx-reco-list[data-carousel="1"] .reco-item .reco-prc, #rrx-cart-drawer.rrx-cart-drawer .rrx-reco-wrap .rrx-reco-list[data-carousel="1"] .reco-item .reco-info .reco-prc { font-size: clamp(11px, 3.2vw, 13px) !important; margin: 0 !important; }
}

@media (max-width: 760px) {
  #rrx-cart-drawer .rrx-reco-scroll-arrow { display: none !important; }
  #rrx-cart-drawer .rrx-reco-wrap { display: grid !important; grid-template-columns: 38px minmax(0, 1fr) !important; margin-top: 16px !important; margin-bottom: 16px !important; padding: 12px 0 12px 12px !important; background-color: rgba(74, 93, 83, 0.05) !important; border-radius: 8px !important; width: 100% !important; box-sizing: border-box !important; gap: 8px !important; }
  #rrx-cart-drawer .rrx-reco-tabs, aside#rrx-cart-drawer .rrx-reco-wrap .rrx-reco-tabs { margin-top: 7px !important; align-self: start !important; }
  .rrx-reco-tab-btn { width: 38px; height: 38px; }
  .rrx-reco-tab-btn svg { width: 18px; height: 18px; }
  #rrx-cart-drawer .rrx-left { min-width: 0 !important; max-width: 100% !important; }
  #rrx-cart-drawer .rrx-right-h3 { display: block !important; font-size: 1.1rem !important; font-weight: 700 !important; margin: 0 !important; color: var(--heading-color, var(--text-color, #1a1a1a)) !important; }
  #rrx-cart-drawer [data-rrx-reco][data-carousel="1"] { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; scroll-snap-type: x mandatory !important; scrollbar-width: none !important; gap: 8px !important; padding-bottom: 4px !important; padding-right: 12px !important; box-sizing: border-box !important; width: 100% !important; }
  #rrx-cart-drawer [data-rrx-reco][data-carousel="1"]::-webkit-scrollbar { display: none !important; }
  #rrx-cart-drawer .rrx-item { background: #ffffff !important; border-radius: 12px !important; box-shadow: 0 4px 12px rgba(0,0,0,0.08), 0 1px 3px rgba(0,0,0,0.05) !important; border: 1px solid rgba(0,0,0,0.06) !important; }
  #rrx-cart-drawer .rrx-checkout-wrap { background-color: rgba(74, 93, 83, 0.05) !important; border-radius: 12px !important; padding: 20px 16px !important; margin-top: 16px !important; margin-bottom: 16px !important; box-sizing: border-box !important; }
  #rrx-cart-drawer [data-rrx-reco][data-carousel="1"] .reco-item { scroll-snap-align: start !important; flex: 0 0 calc(75% - 12px) !important; max-width: calc(75% - 12px) !important; background:rgb(255, 255, 255) !important; padding: 6px !important; border-radius: 8px !important; box-shadow: 0 4px 10px rgba(81, 165, 53, 0.05) !important; border: 1px solid rgba(0,0,0,0.03) !important; box-sizing: border-box !important; display: flex !important; flex-direction: column !important; align-items: center !important; }
  #rrx-cart-drawer .reco-img { width: 100% !important; height: auto !important; aspect-ratio: 1 / 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 0 6px 0 !important; position: relative !important; }
  #rrx-cart-drawer .reco-img img { width: 100% !important; height: 100% !important; object-fit: contain !important; background: transparent !important; mix-blend-mode: darken !important; }
  #rrx-cart-drawer .reco-info { text-align: center !important; width: 100% !important; padding: 0 2px !important; display: flex !important; flex-direction: column !important; justify-content: flex-end !important; flex-grow: 1 !important; }
  #rrx-cart-drawer .reco-ttl { font-size: 11px !important; line-height: 1.1 !important; margin-bottom: 2px !important; font-weight: 500 !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; text-overflow: ellipsis !important; }
  #rrx-cart-drawer .reco-prc { font-size: 12px !important; font-weight: 700 !important; }
  #rrx-cart-drawer .reco-item .rrx-rating-wrapper { bottom: 0 !important; top: auto !important; right: auto !important; left: 50% !important; transform: translateX(-50%) scale(1.2) !important; transform-origin: bottom center !important; flex-direction: row !important; }
  #rrx-cart-drawer .reco-item .rrx-rating-wrapper:hover { transform: translateX(-50%) scale(0.95) !important; }
  #rrx-cart-drawer .reco-item .rrx-bubble-stars { flex-direction: row !important; padding: 4px 6px !important; }
  #rrx-cart-drawer .reco-item .rrx-bubble-count { margin-top: 0 !important; margin-left: 2px !important; }
}

/* ============================================================================
   10. QUICK VIEW & ZOOM & INFO MODALS (V6 UPDATED)
============================================================================ */
.rrx-qv { position: fixed; inset: 0; z-index: 1000010 !important; display: none; --qv-img: var(--qv-img-d); overflow-x: hidden; }
.rrx-qv[aria-hidden="false"] { display: block; }
.rrx-qv-backdrop { position: absolute; inset: 0; background: rgba(0,0,0,.5); backdrop-filter: blur(2px); }

#rrx-qv .rrx-qv-card { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: min(480px, 92vw); height: auto; max-height: min(88vh, 740px); overflow: hidden; display: flex; flex-direction: column; background: #fff; border-radius: 18px; box-shadow: 0 24px 60px rgba(0,0,0,.35); padding: 18px 18px 14px; border: 1px solid #e9eceb; text-align: center; }
#rrx-qv .rrx-qv-body { overflow-y: auto; overflow-x: hidden; display: flex; flex-direction: column; flex: 1 1 auto; padding-inline: 0; padding-bottom: 8px; box-sizing: border-box; min-height: 0; }
#rrx-qv .rrx-qv-head { display: flex; flex-direction: column; flex: 0 1 auto; min-height: 0; gap: 6px; align-items: center; text-align: center; margin-bottom: 6px; }
#rrx-qv .qv-pic { position: relative; display: flex; align-items: center; justify-content: center; flex: 0 1 auto; min-height: 0; width: 100%; margin-bottom: 0; }
#rrx-qv .qv-pic .rrx-inline-zoom-wrap { width: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden; -webkit-overflow-scrolling: touch; touch-action: pan-x pan-y !important; scrollbar-width: none; border-radius: 12px; margin: 0 !important; }
#rrx-qv .qv-pic .rrx-inline-zoom-wrap::-webkit-scrollbar { display: none; }
#rrx-qv .qv-pic .rrx-inline-zoom-wrap:has(.is-zoomed-inline) { display: block; overflow: auto; }
#rrx-qv .qv-img { width: auto; height: auto; max-height: clamp(150px, 35vh, 400px); min-height: 0; object-fit: contain; display: block; background: #fff; border-radius: inherit; margin-inline: auto; max-width: min(85%, 480px); transition: width 0.25s cubic-bezier(0.2, 0.8, 0.2, 1), max-width 0.25s ease; }

#rrx-cart-drawer .qv-title, #rrx-cart-drawer .qv-price, #rrx-cart-drawer [data-product-price], #rrx-cart-drawer .price { display: none !important; }
#rrx-qv .qv-title { margin: 8px 0 2px !important; font-size: 18px !important; font-weight: 700 !important; color: var(--hdc, #596A60) !important; display: block !important; }
#rrx-qv .qv-price { font-size: 16px !important; font-weight: 700 !important; color: var(--hdc, #596A60) !important; margin-bottom: 8px !important; display: block !important; }
#rrx-qv .qv-opt { text-align: center; margin-bottom: 8px; flex-shrink: 0; }

/* Swatch & Pill Styles mit striktem NOWRAP */
#rrx-qv .qv-opt-carousel-wrapper { position: relative; width: 100%; max-width: 100%; overflow: hidden; }
#rrx-qv .qv-opt-values { 
  display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; 
  scrollbar-width: none; -ms-overflow-style: none; 
  gap: 8px; padding: 4px 12px; margin: 0 auto; 
  width: max-content; max-width: 100%; 
  justify-content: flex-start; -webkit-overflow-scrolling: touch;
}
#rrx-qv .qv-opt-values::-webkit-scrollbar { display: none; }
#rrx-qv .qv-opt-btn { display: inline-flex; justify-content: center; align-items: center; background: #ffffff; cursor: pointer; border: 1px solid #e3e6ea; color: var(--text-color, #2f2f2f); transition: all 0.15s ease; flex-shrink: 0 !important; }
#rrx-qv .qv-opt-btn:hover { border-color: #56675D; }
#rrx-qv .qv-opt--size .qv-opt-btn { min-width: 48px; height: 44px; padding: 0 12px; border-radius: 4px; font-weight: 600; font-size: 14px; }
#rrx-qv .qv-opt--size .qv-opt-btn.is-active { background-color: #569d6f !important; color: #ffffff !important; border-color: #569d6f !important; box-shadow: none; }
#rrx-qv .qv-opt--size .qv-opt-btn.is-pill { padding: 0 16px; border-radius: 22px; }
#rrx-qv .qv-opt--color .qv-opt-btn { width: 36px; height: 36px; padding: 0; border-radius: 50%; border: 1px solid rgba(0,0,0,0.1); background-color: var(--swatch); box-shadow: inset 0 0 0 1px rgba(0,0,0,0.05); }
#rrx-qv .qv-opt--color .qv-opt-btn.is-active { border-color: transparent; box-shadow: 0 0 0 2px #fff, 0 0 0 4px #569d6f !important; }

#rrx-qv .qv-actions { margin-top: 14px; display: grid; gap: 12px; justify-items: center; flex-shrink: 0; }
#rrx-qv .qv-actions .rrx-btn--xl { width: 100%; background: #569d6f !important; color: #ffffff !important; border-radius: var(--rrx-btn-radius) !important; text-transform: uppercase; letter-spacing: 0.05em; font-weight: 700; font-size: 14px !important; min-height: 44px !important; border: 1px solid #569d6f !important; }
#rrx-qv .qv-actions .rrx-btn--xl:hover { background: #468257 !important; border-color: #468257 !important; filter: brightness(1.1); box-shadow: 0 5px 15px rgba(86, 157, 111, 0.25); transform: translateY(-1px); }
#rrx-qv .qv-actions .rrx-btn--xl[disabled] { opacity: 0.6; cursor: not-allowed; filter: none; transform: none; box-shadow: none; }

/* Quick View Overlay Icons (Eye, Material, Size) */
#rrx-qv .rrx-qv-eye { position: absolute; right: 10px; bottom: 10px; inline-size: 44px; block-size: 44px; border-radius: 999px; background: #fff; border: 1px solid #e3e6ea; display: grid; place-items: center; box-shadow: 0 6px 18px rgba(0,0,0,.10); cursor: pointer; z-index: 4; }
#rrx-qv .rrx-qv-eye svg { width: 20px !important; height: 20px !important; stroke: #333; fill: none; transition: transform 0.2s ease; }
#rrx-qv .rrx-qv-eye:hover svg { transform: scale(1.1); }

#rrx-qv .rrx-qv-size, #rrx-qv .rrx-qv-material { position: absolute; left: 10px; inline-size: 44px; block-size: 44px; border-radius: 999px; background: #569d6f; border: 1px solid #569d6f; display: grid; place-items: center; overflow: hidden; isolation: isolate; box-shadow: 0 4px 12px rgba(86, 157, 111, 0.25); cursor: pointer; z-index: 20 !important; color: #ffffff; transition: transform 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease, bottom 0.2s ease; pointer-events: auto !important; }
#rrx-qv .rrx-qv-size { bottom: 10px; }
#rrx-qv .rrx-qv-material { bottom: 62px; }
#rrx-qv .rrx-qv-material.is-solo, #rrx-qv .rrx-qv-head:not(:has(.rrx-qv-size)) .rrx-qv-material { bottom: 10px !important; } 
#rrx-qv .rrx-qv-size:hover, #rrx-qv .rrx-qv-material:hover { transform: scale(1.05) translateY(-1px); background: #468257; border-color: #468257; box-shadow: 0 6px 16px rgba(86, 157, 111, 0.35); color: #ffffff; }
#rrx-qv .rrx-qv-size svg, #rrx-qv .rrx-qv-material svg { width: 20px !important; height: 20px !important; stroke: currentColor; fill: none; }

@media (max-width: 760px) {
  #rrx-qv .rrx-qv-card { max-height: 94vh; width: min(480px, 96vw); height: auto; }
  .rrx-qv { --qv-img: var(--qv-img-m); }
  #rrx-qv .qv-img { max-width: 75%; max-height: 38vh; }
  #rrx-qv .rrx-qv-head { gap: 4px; margin-bottom: 2px; }
  #rrx-qv .qv-opt-label { margin-bottom: 6px !important; font-size: 13px !important; }
  #rrx-qv .qv-opt-selected-val { font-size: 14px !important; }
  #rrx-qv .qv-opt { margin-top: 4px; }
  #rrx-qv .qv-opt--color .qv-opt-btn { width: 30px; height: 30px; }
  #rrx-qv .qv-opt--size .qv-opt-btn { min-width: 40px; height: 40px; padding: 0 8px; font-size: 13px; }
  #rrx-qv .qv-actions { margin-top: 6px; max-width: 100%; }
  #rrx-qv .qv-actions > * { max-width: 100%; }
  #rrx-qv .qv-actions .rrx-btn--xl { width: 100%; max-width: 100%; min-height: 44px; font-size: 14px; }
  #rrx-qv .qv-to-product-link { margin-top: 8px !important; font-size: 13px !important; }
  #rrx-qv .rrx-qv-size, #rrx-qv .rrx-qv-material { inline-size: 40px !important; block-size: 40px !important; left: 8px; }
  #rrx-qv .rrx-qv-size { bottom: 8px; }
  #rrx-qv .rrx-qv-material { bottom: 56px; }
  #rrx-qv .rrx-qv-material.is-solo, #rrx-qv .rrx-qv-head:not(:has(.rrx-qv-size)) .rrx-qv-material { bottom: 8px !important; }
}

/* Info Modals (Size Chart, Material) mit absolutem Z-Index */
body > .custom-sc-overlay { position: fixed !important; inset: 0 !important; z-index: 1000050 !important; background: rgba(0,0,0,0.5) !important; backdrop-filter: blur(4px) !important; display: none; align-items: center !important; justify-content: center !important; opacity: 0; transition: opacity 0.25s ease !important; }
body > .custom-sc-overlay.open { opacity: 1 !important; display: flex !important; }
body > .custom-sc-overlay .custom-sc-content { background: #fff !important; width: 92% !important; max-width: 500px !important; max-height: 85vh !important; overflow-y: auto !important; border-radius: 12px !important; padding: 24px 20px !important; position: relative !important; margin: auto !important; transform: translateY(20px) !important; transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1) !important; box-shadow: 0 10px 40px rgba(0,0,0,0.15) !important; display: block !important; }
body > .custom-sc-overlay.open .custom-sc-content { transform: translateY(0) !important; }
body > .custom-sc-overlay .custom-sc-close { position: absolute !important; top: 12px !important; right: 12px !important; background: none !important; border: none !important; font-size: 28px !important; cursor: pointer !important; color: #596A60 !important; z-index: 10 !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 36px !important; height: 36px !important; border-radius: 50% !important; line-height: 1 !important; padding: 0 !important; }
body > .custom-sc-overlay .custom-sc-close:hover { background: #f0f4f2 !important; }

.rrx-inline-zoom-wrap { width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; text-align: center; touch-action: pan-x pan-y !important; margin: 0 auto 4px auto !important; line-height: 0 !important; }
.rrx-inline-zoom-wrap::-webkit-scrollbar { display: none; }
body > .custom-sc-overlay .custom-sc-content img { max-width: 100% !important; height: auto !important; transition: width 0.25s cubic-bezier(0.2, 0.8, 0.2, 1), max-width 0.25s ease !important; margin: 0 auto !important; padding: 0 !important; display: block !important; }
body > .custom-sc-overlay .custom-sc-content img.is-zoomed-inline { max-width: none !important; width: 220% !important; }

/* Zoom Fullscreen Overlay (Pinch & Wheel Support) */
#rrx-qv-zoom { position: fixed; inset: 0; z-index: 1000060 !important; display: none; }
#rrx-qv-zoom[aria-hidden="false"]{ display:block; }
#rrx-qv-zoom .zoom-bd{ position:absolute; inset:0; background:rgba(0,0,0,.92); display:flex; align-items:center; justify-content:center; }
#rrx-qv-zoom .zoom-scroll{ display:flex; align-items:center; justify-content:center; overflow:hidden; touch-action: pan-x pan-y; -webkit-overflow-scrolling: touch; }
#rrx-qv-zoom .zoom-scroll.is-zoomed{ display:block; overflow:auto; cursor:zoom-out; width: 100%; height: 100%; }
#rrx-qv-zoom .zoom-img{ max-width:min(94vw,1600px); max-height:90vh; width:auto; height:auto; object-fit:contain; border-radius:4px; background:#fff; cursor:zoom-in; transition:opacity .15s ease; will-change: width, transform; transform-origin: 0 0; }
#rrx-qv-zoom .zoom-scroll.is-zoomed .zoom-img{ max-width:none; max-height:none; margin: auto; cursor:zoom-out; }
#rrx-qv-zoom .zoom-x{ position:absolute; right:20px; top:20px; width:44px; height:44px; background:#fff; border-radius:50%; border:none; display:grid; place-items:center; cursor:pointer; box-shadow:0 4px 12px rgba(0,0,0,0.3); z-index:2000000; }
#rrx-qv-zoom .zoom-x:hover{ transform:scale(1.1); }
#rrx-qv-zoom .zoom-x:active{ transform:scale(0.95); }
#rrx-qv-zoom .zoom-x { display: none !important; }
#rrx-qv-zoom .zoom-bd { cursor: zoom-out; }
#rrx-qv-zoom .zoom-img { cursor: default; }

/* Disabled Status Overrides */
:where(.product-form, .product-form__input, .variant-input, .product-options, .swatch) input[disabled] + label, :where(.product-form, .product-form__input, .variant-input, .product-options, .swatch) label[aria-disabled="true"], #rrx-qv .qv-opt--size .qv-opt-btn[disabled], #rrx-qv .qv-opt--size .qv-opt-btn[aria-disabled="true"], #rrx-qv .qv-opt--size .qv-opt-btn.soldout, #rrx-qv .qv-opt-btn[disabled], #rrx-qv .qv-opt-btn[aria-disabled="true"], #rrx-qv .qv-opt-btn.is-disabled, #rrx-qv .qv-opt-btn.soldout, #rrx-qv .qv-opt-btn[data-available="false"], #rrx-qv .qv-opt-btn.unavailable, #rrx-qv .qv-opt-btn[data-sold="true"] { opacity: .45; cursor: not-allowed; text-decoration: none !important; position: relative; }
:where(.product-form, .product-form__input, .variant-input, .product-options, .swatch) input[disabled] + label::after, :where(.product-form, .product-form__input, .variant-input, .product-options, .swatch) label[aria-disabled="true"]::after, #rrx-qv .qv-opt--size .qv-opt-btn[disabled]::after, #rrx-qv .qv-opt--size .qv-opt-btn[aria-disabled="true"]::after, #rrx-qv .qv-opt--size .qv-opt-btn.soldout::after, #rrx-qv .qv-opt-btn[disabled]::after, #rrx-qv .qv-opt-btn[aria-disabled="true"]::after, #rrx-qv .qv-opt-btn.is-disabled::after, #rrx-qv .qv-opt-btn.soldout::after, #rrx-qv .qv-opt-btn[data-available="false"]::after, #rrx-qv .qv-opt-btn.unavailable::after, #rrx-qv .qv-opt-btn[data-sold="true"]::after { content: ""; position: absolute; left: 12%; right: 12%; top: 50%; height: 2px; background: #8a8f97; transform: rotate(-22deg); pointer-events: none; }

/* Swatch Image Loop via CSS (Fallback) */#rrx-cart-drawer input[type="number"]::-webkit-outer-spin-button,
#rrx-cart-drawer input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#rrx-cart-drawer input[type="number"],
#rrx-cart-drawer .rrx-qty-input,
#rrx-cart-drawer input {
  -moz-appearance: textfield;
  font-size: 16px !important;
  touch-action: manipulation !important;
}
#rrx-qv .qv-img, 
#rrx-qv .qv-pic, 
#rrx-qv-zoom .zoom-img {
  touch-action: manipulation !important;
}

/* ============================================================================
   FIX: QUICK VIEW CLOSE BUTTON (OBEN LINKS, WIE CART)
============================================================================ */
#rrx-qv .rrx-qv-close {
  position: absolute;
  top: 12px;
  left: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: var(--rrx-btn-radius, 8px) !important;
  background: rgba(74, 93, 83, 0.05) !important;
  border: 1px solid rgba(0,0,0,0.03) !important;
  cursor: pointer;
  transition: background-color 0.2s ease, transform 0.2s ease;
  padding: 0;
  color: var(--hdc, #2f2f2f);
  z-index: 100;
}
#rrx-qv .rrx-qv-close svg {
  width: 20px !important;
  height: 20px !important;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  fill: none;
}
#rrx-qv .rrx-qv-close:hover {
  background: rgba(74, 93, 83, 0.1) !important;
  transform: scale(1.05);
}
@media (max-width: 760px) {
  #rrx-qv .rrx-qv-close {
    top: 12px;
    left: 16px;
  }
}
/* ============================================================================
   FIX: SAUBERE STICKY KASSE MOBILE (Native App-Like Structure)
============================================================================ */
@media (max-width: 1024px) {
  /* 1. Safari-Bugfix: Strikte Flex-Spalte garantiert die physische Reihenfolge */
  #rrx-cart-drawer .rrx-cart-cols,
  #rrx-cart-drawer .rrx-left,
  #rrx-cart-drawer .rrx-right {
    display: flex !important;
    flex-direction: column !important;
  }

  /* 2. Flex-Order entfernen, da DOM sortiert ist */
  #rrx-cart-drawer .rrx-items,
  #rrx-cart-drawer .rrx-reco-wrap,
  #rrx-cart-drawer .rrx-checkout-wrap {
    order: unset !important;
  }

  /* 3. Spacer-Hacks entfernen */
  #rrx-cart-drawer .rrx-view[data-view="cart"]::after {
    display: none !important;
  }

  /* 4. Native Sticky Logik erfordert keinen extremen Puffer mehr */
  #rrx-cart-drawer .rrx-view[data-view="cart"] {
    padding-bottom: env(safe-area-inset-bottom, 12px) !important; 
  }

  @media (max-width: 1024px) {
  /* 1. ROOT-CAUSE FIX: Killt das versteckte Padding der übergeordneten Container, das den Ghost-Scroll verursacht! */
  body aside#rrx-cart-drawer .rrx-view[data-view="cart"],
  body aside#rrx-cart-drawer .rrx-cart-cols,
  body aside#rrx-cart-drawer .rrx-left {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }

  /* 2. FULL-BLEED STICKY KASSE (ANTI-JUMP FIX FÜR IOS/SAFARI) */
  body aside#rrx-cart-drawer .rrx-left {
    overscroll-behavior-y: contain !important;
  }
  
  body aside#rrx-cart-drawer div.rrx-checkout-wrap {
    position: sticky !important;
    bottom: 0 !important; /* Exakt 0, da das Parent-Padding jetzt gekillt ist */
    margin-left: -16px !important;
    margin-right: -20px !important;
    margin-bottom: 0 !important;
    width: calc(100% + 36px) !important;
    padding: 12px 20px calc(2px + env(safe-area-inset-bottom, 0px)) 16px !important;
    background: #ffffff !important;
    z-index: 1000 !important;
    box-shadow: 0 -8px 25px rgba(0,0,0,0.08) !important;
    border-top: 1px solid #e9eceb !important;
    border-radius: 0 !important;
    will-change: transform; 
  }

  body aside#rrx-cart-drawer img.rrx-trust {
    display: block !important;
    margin: 8px auto 0 !important;
    padding-bottom: 0 !important;
    vertical-align: bottom !important;
  }
  
  body aside#rrx-cart-drawer div.rrx-trust-usps {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }
}
/* ============================================================================
   FIX: FULL-BLEED EMPFEHLUNGEN (Harter Override für rechten Anschnitt)
============================================================================ */
@media (max-width: 1024px) {
  /* Super-spezifischer Selektor erzwingt das Überschreiben alter Blockaden */
  body aside#rrx-cart-drawer div.rrx-reco-wrap {
    margin-right: -20px !important;
    width: calc(100% + 20px) !important;
    max-width: none !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  
  /* Zwingt den Slider-Container ebenfalls bis an den Rand und gibt dem 
     letzten Element einen Puffer, damit es beim Durchscrollen nicht klebt */
  body aside#rrx-cart-drawer div.rrx-reco-wrap [data-rrx-reco][data-carousel="1"] {
    width: 100% !important;
    padding-right: 32px !important; 
  }
}