/** Shopify CDN: Minification failed

Line 425:6 Unexpected "<"

**/
/* ═══════════════════════════════════════════════════
           PALANDOS Cart Drawer CI — v2 (korrekte Selektoren)
        ═══════════════════════════════════════════════════ */

        /* ── Overlay: nur Hintergrund, kein Pointer-Events-Override ──
           pointer-events und z-index werden vom Theme-CSS gesteuert.
           Das manuelle Override hat den Remove-Button blockiert. */
        #CartDrawer-Overlay {
          background: rgba(0,0,0,0.65) !important;
        }

        /* ── drawer__inner: DAS ist der beige Container ── */
        .drawer__inner {
          background: #161616 !important;
          color: #ffffff !important;
          --color-background: 22, 22, 22 !important;
          --color-foreground: 255, 255, 255 !important;
          --color-button: 5, 181, 82 !important;
          --color-button-text: 255, 255, 255 !important;
          --gradient-background: #161616 !important;
          z-index: 1 !important;
          position: relative !important;
        }

        /* ── Header ── */
        .drawer__header {
          background: #1a1a1a !important;
          border-bottom: 1px solid rgba(255,255,255,0.08) !important;
        }
        .drawer__heading {
          font-family: 'Oswald', sans-serif !important;
          font-weight: 700 !important;
          font-size: 16px !important;
          letter-spacing: 0.12em !important;
          text-transform: uppercase !important;
          color: #ffffff !important;
        }

        /* ── Schliessen-Button ── */
        .drawer__close svg,
        .drawer__close path,
        .drawer__close line,
        .drawer__close polyline {
          stroke: rgba(255,255,255,0.5) !important;
        }
        .drawer__close:hover svg,
        .drawer__close:hover path,
        .drawer__close:hover line {
          stroke: #ffffff !important;
        }

        /* ── Items-Bereich ── */
        .drawer__contents,
        #CartDrawer-CartItems,
        .js-contents {
          background: #161616 !important;
        }
        .drawer__cart-items-wrapper {
          background: #161616 !important;
        }

        /* Table Header (PRODUKT / GESAMTSUMME) */
        .cart-items thead tr {
          border-bottom: 1px solid rgba(255,255,255,0.08) !important;
        }
        .cart-items thead th,
        .caption-with-letter-spacing {
          color: rgba(255,255,255,0.4) !important;
          font-family: 'Oswald', sans-serif !important;
          font-size: 10px !important;
          letter-spacing: 0.16em !important;
        }

        /* ── Cart Item Row ── */
        .cart-item {
          border-bottom: 1px solid rgba(255,255,255,0.06) !important;
          background: #161616 !important;
        }

        /* Produkt-Bild */
        .cart-item__media {
          background: #1e1e1e !important;
        }
        .cart-item__image {
          border-radius: 4px !important;
        }

        /* Produkt-Name */
        .cart-item__name,
        a.cart-item__name {
          color: #ffffff !important;
          font-family: 'Inter', sans-serif !important;
          font-size: 13px !important;
          font-weight: 500 !important;
        }
        .cart-item__name:hover {
          color: rgba(255,255,255,0.75) !important;
        }

        /* Vendor */
        .cart-item__details .caption-with-letter-spacing,
        .cart-item__details p.light {
          color: rgba(255,255,255,0.35) !important;
        }

        /* Preise in der Details-Spalte */
        .cart-item__details .product-option {
          color: rgba(255,255,255,0.45) !important;
          font-size: 12px !important;
        }
        .cart-item__final-price {
          color: #ffffff !important;
        }
        .cart-item__old-price {
          color: rgba(255,255,255,0.3) !important;
          text-decoration: line-through !important;
        }

        /* Preis rechts (Gesamtsumme Zeile) */
        .cart-item__totals .price,
        .price--end {
          color: #ffffff !important;
          font-family: 'Oswald', sans-serif !important;
          font-weight: 700 !important;
        }

        /* ── Mengen-Stepper ── */
        quantity-input.quantity,
        .cart-quantity {
          background: rgba(255,255,255,0.05) !important;
          border: 1px solid rgba(255,255,255,0.12) !important;
          border-radius: 4px !important;
        }
        .quantity__button {
          color: rgba(255,255,255,0.6) !important;
          background: transparent !important;
        }
        .quantity__button:hover {
          color: #ffffff !important;
          background: rgba(255,255,255,0.08) !important;
        }
        .quantity__button svg,
        .quantity__button path,
        .quantity__button line {
          stroke: rgba(255,255,255,0.6) !important;
        }
        .quantity__input {
          color: #ffffff !important;
          background: transparent !important;
          font-family: 'Oswald', sans-serif !important;
          font-weight: 700 !important;
        }

        /* ── Remove-Button ── */
        cart-remove-button {
          position: relative !important;
          z-index: 2 !important;
        }
        .cart-remove-button,
        button.cart-remove-button {
          pointer-events: auto !important;
          position: relative !important;
          z-index: 2 !important;
        }
        .cart-remove-button svg,
        .cart-remove-button path,
        .cart-remove-button line {
          stroke: rgba(255,255,255,0.3) !important;
        }
        .cart-remove-button:hover svg,
        .cart-remove-button:hover path,
        .cart-remove-button:hover line {
          stroke: #FF4D12 !important;
        }

        /* ── Discounts ── */
        .discounts__discount {
          color: rgba(255,255,255,0.5) !important;
        }
        .cart-item__error-text {
          color: #FF4D12 !important;
        }

        /* ── Drawer Footer (äusserer Wrapper) ── */
        .drawer__footer {
          background: #1a1a1a !important;
          border-top: 1px solid rgba(255,255,255,0.08) !important;
        }

        /* Notiz-Details */
        #Details-CartDrawer summary {
          color: rgba(255,255,255,0.4) !important;
        }
        #Details-CartDrawer summary:hover {
          color: rgba(255,255,255,0.7) !important;
        }
        .cart__note .field__input,
        .text-area {
          background: rgba(255,255,255,0.04) !important;
          border-color: rgba(255,255,255,0.12) !important;
          color: rgba(255,255,255,0.8) !important;
        }

        /* ── Totals ── */
        .cart-drawer__footer {
          background: transparent !important;
        }
        .totals {
          background: transparent !important;
        }
        .totals__total {
          font-family: 'Oswald', sans-serif !important;
          font-size: 11px !important;
          font-weight: 700 !important;
          letter-spacing: 0.14em !important;
          text-transform: uppercase !important;
          color: rgba(255,255,255,0.5) !important;
        }
        .totals__total-value {
          font-family: 'Oswald', sans-serif !important;
          font-weight: 900 !important;
          font-size: 28px !important;
          color: #ffffff !important;
        }

        /* MwSt / Versand Hinweis */
        .tax-note,
        .tax-note a {
          color: rgba(255,255,255,0.3) !important;
        }
        .tax-note a {
          text-decoration: underline !important;
        }

        /* Cart-Level Discounts */
        .discounts__discount--end {
          color: rgba(255,255,255,0.5) !important;
        }

        /* ── Checkout Button ── */
        .cart__ctas {
          background: transparent !important;
        }
        #CartDrawer-Checkout,
        .cart__checkout-button {
          background: #05B552 !important;
          color: #ffffff !important;
          font-family: 'Oswald', sans-serif !important;
          font-weight: 700 !important;
          font-size: 14px !important;
          letter-spacing: 0.12em !important;
          text-transform: uppercase !important;
          border: none !important;
          border-radius: 5px !important;
          width: 100% !important;
        }
        #CartDrawer-Checkout:hover,
        .cart__checkout-button:hover {
          background: #049444 !important;
          color: #ffffff !important;
        }

        /* ── Leerer Warenkorb ── */
        .cart-drawer__empty-content {
          background: #161616 !important;
          color: rgba(255,255,255,0.6) !important;
        }
        .cart-drawer__empty-content h2,
        .cart__empty-text {
          color: #ffffff !important;
          font-family: 'Oswald', sans-serif !important;
          text-transform: uppercase !important;
        }
        .cart-drawer__empty-content .button {
          background: #05B552 !important;
          color: #ffffff !important;
          font-family: 'Oswald', sans-serif !important;
          font-weight: 700 !important;
          text-transform: uppercase !important;
          letter-spacing: 0.1em !important;
          border: none !important;
        }
        .cart-drawer__warnings {
          background: #161616 !important;
        }

        /* ── Scrollbar ── */
        .drawer__inner::-webkit-scrollbar { width: 4px; }
        .drawer__inner::-webkit-scrollbar-track { background: #161616; }
        .drawer__inner::-webkit-scrollbar-thumb {
          background: rgba(255,255,255,0.15);
          border-radius: 2px;
        }

        /* ── Loading Spinner ── */
        .loading__spinner path {
          stroke: rgba(255,255,255,0.4) !important;
        }

        /* ── Close-Button: fill statt stroke, explizit sichtbar ── */
        .drawer__close {
          color: rgba(255,255,255,0.6) !important;
          background: transparent !important;
          border: none !important;
          cursor: pointer !important;
          display: flex !important;
          align-items: center !important;
          justify-content: center !important;
          width: 40px !important;
          height: 40px !important;
          padding: 0 !important;
          flex-shrink: 0 !important;
          border-radius: 4px !important;
          transition: color 0.15s, background 0.15s !important;
        }
        .drawer__close:hover {
          color: #ffffff !important;
          background: rgba(255,255,255,0.08) !important;
        }
        .drawer__close svg {
          fill: currentColor !important;
          stroke: none !important;
          width: 18px !important;
          height: 18px !important;
          display: block !important;
        }
        .drawer__close .svg-wrapper {
          display: flex !important;
          align-items: center !important;
          justify-content: center !important;
          pointer-events: none !important;
        }
        /* Fallback: falls SVG leer bleibt, × als Pseudo-Element */
        .drawer__close .svg-wrapper:empty::before {
          content: '\00D7';
          font-size: 22px;
          line-height: 1;
          color: rgba(255,255,255,0.6);
        }

        /* ── Leerer Warenkorb: Text + Layout ── */
        .cart-drawer__empty-content h2.cart__empty-text {
          font-size: 0 !important; /* Original-Text verstecken */
        }
        .cart-drawer__empty-content h2.cart__empty-text::after {
          content: 'Dein Warenkorb ist leer';
          font-family: 'Oswald', sans-serif !important;
          font-size: 18px !important;
          font-weight: 700 !important;
          text-transform: uppercase !important;
          letter-spacing: 0.08em !important;
          color: #ffffff !important;
        }
        .cart-drawer__empty-content p {
          color: rgba(255,255,255,0.45) !important;
          font-size: 14px !important;
          font-family: 'Inter', sans-serif !important;
          line-height: 1.6 !important;
        }
        /* "Weiter einkaufen" Button im Leerzustand */
        .cart-drawer__empty-content .button {
          background: #05B552 !important;
          color: #ffffff !important;
          border: none !important;
          font-family: 'Oswald', sans-serif !important;
          font-weight: 700 !important;
          font-size: 13px !important;
          letter-spacing: 0.1em !important;
          text-transform: uppercase !important;
          border-radius: 5px !important;
          padding: 12px 28px !important;
          margin-top: 8px !important;
          display: inline-block !important;
          text-decoration: none !important;
        }
        .cart-drawer__empty-content .button:hover {
          background: #049444 !important;
        }

/* ── PALANDOS CRO: Injizierte Elemente ── */
        #pal-cro-inject {
          padding: 14px 20px 8px;
          display: flex;
          flex-direction: column;
          gap: 9px;
          border-bottom: 1px solid rgba(255,255,255,0.06);
        }
        .pal-cro__balls {
          display: flex;
          align-items: center;
          gap: 7px;
          background: rgba(255,77,18,0.08);
          border: 1px solid rgba(255,77,18,0.2);
          border-radius: 5px;
          padding: 8px 12px;
          font-family: 'Inter', sans-serif;
          font-size: 12px;
          color: #FF4D12;
          font-weight: 500;
        }
        .pal-cro__discount {
          font-family: 'Inter', sans-serif;
          font-size: 11px;
          color: rgba(255,255,255,0.3);
          line-height: 1.4;
          white-space: normal;
          overflow: visible;
          word-break: break-word;
        }
        .pal-cro__discount strong { color: rgba(255,255,255,0.6); }
        .pal-cro__discount--applied { color: rgba(255,255,255,0.5); }
        .pal-cro__discount--applied strong { color: #05B552; }
        .pal-cro__trust {
          font-family: 'Inter', sans-serif;
          font-size: 10px;
          color: rgba(255,255,255,0.22);
          text-align: center;
          letter-spacing: 0.04em;
        }
      </style>