@charset "UTF-8";
/* =========================================================
   ODIN ECWID SHOP - PRODUKTSEITEN STYLING
   =========================================================
   
   Datei: /css/odin-ecwid-shop.css
   Version: 2.0 - Full Odin Style
   
   ========================================================= */

/* Noto Serif — latin */
@font-face {
  font-display: swap;
  font-family: 'Noto Serif Display';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/uploads/2026/02/noto-serif-display-v29-latin-regular.woff2') format('woff2'),
       url('/wp-content/uploads/2026/02/noto-serif-display-v29-latin-regular.woff') format('woff'),
       url('/wp-content/uploads/2026/02/noto-serif-display-v29-latin-regular.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'Noto Serif Display';
  font-style: normal;
  font-weight: 500;
  src: url('/wp-content/uploads/2026/02/noto-serif-display-v29-latin-500.woff2') format('woff2'),
       url('/wp-content/uploads/2026/02/noto-serif-display-v29-latin-500.woff') format('woff'),
       url('/wp-content/uploads/2026/02/noto-serif-display-v29-latin-500.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'Noto Serif Display';
  font-style: normal;
  font-weight: 600;
  src: url('/wp-content/uploads/2026/02/noto-serif-display-v29-latin-600.woff2') format('woff2'),
       url('/wp-content/uploads/2026/02/noto-serif-display-v29-latin-600.woff') format('woff'),
       url('/wp-content/uploads/2026/02/noto-serif-display-v29-latin-600.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'Noto Serif Display';
  font-style: normal;
  font-weight: 700;
  src: url('/wp-content/uploads/2026/02/noto-serif-display-v29-latin-700.woff2') format('woff2'),
       url('/wp-content/uploads/2026/02/noto-serif-display-v29-latin-700.woff') format('woff'),
       url('/wp-content/uploads/2026/02/noto-serif-display-v29-latin-700.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'Noto Serif Display';
  font-style: normal;
  font-weight: 800;
  src: url('/wp-content/uploads/2026/02/noto-serif-display-v29-latin-800.woff2') format('woff2'),
       url('/wp-content/uploads/2026/02/noto-serif-display-v29-latin-800.woff') format('woff'),
       url('/wp-content/uploads/2026/02/noto-serif-display-v29-latin-800.ttf') format('truetype');
}

/* Fraunces — latin (static) */
@font-face {
  font-display: swap;
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 100;
  src: url('/wp-content/uploads/2026/02/fraunces-v38-latin-100.woff2') format('woff2'),
       url('/wp-content/uploads/2026/02/fraunces-v38-latin-100.woff') format('woff'),
       url('/wp-content/uploads/2026/02/fraunces-v38-latin-100.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 200;
  src: url('/wp-content/uploads/2026/02/fraunces-v38-latin-200.woff2') format('woff2'),
       url('/wp-content/uploads/2026/02/fraunces-v38-latin-200.woff') format('woff'),
       url('/wp-content/uploads/2026/02/fraunces-v38-latin-200.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 300;
  src: url('/wp-content/uploads/2026/02/fraunces-v38-latin-300.woff2') format('woff2'),
       url('/wp-content/uploads/2026/02/fraunces-v38-latin-300.woff') format('woff'),
       url('/wp-content/uploads/2026/02/fraunces-v38-latin-300.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/uploads/2026/02/fraunces-v38-latin-regular.woff2') format('woff2'),
       url('/wp-content/uploads/2026/02/fraunces-v38-latin-regular.woff') format('woff'),
       url('/wp-content/uploads/2026/02/fraunces-v38-latin-regular.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 500;
  src: url('/wp-content/uploads/2026/02/fraunces-v38-latin-500.woff2') format('woff2'),
       url('/wp-content/uploads/2026/02/fraunces-v38-latin-500.woff') format('woff'),
       url('/wp-content/uploads/2026/02/fraunces-v38-latin-500.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 600;
  src: url('/wp-content/uploads/2026/02/fraunces-v38-latin-600.woff2') format('woff2'),
       url('/wp-content/uploads/2026/02/fraunces-v38-latin-600.woff') format('woff'),
       url('/wp-content/uploads/2026/02/fraunces-v38-latin-600.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 700;
  src: url('/wp-content/uploads/2026/02/fraunces-v38-latin-700.woff2') format('woff2'),
       url('/wp-content/uploads/2026/02/fraunces-v38-latin-700.woff') format('woff'),
       url('/wp-content/uploads/2026/02/fraunces-v38-latin-700.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 800;
  src: url('/wp-content/uploads/2026/02/fraunces-v38-latin-800.woff2') format('woff2'),
       url('/wp-content/uploads/2026/02/fraunces-v38-latin-800.woff') format('woff'),
       url('/wp-content/uploads/2026/02/fraunces-v38-latin-800.ttf') format('truetype');
}

/* ---------------------------------------------------------
   1. PRODUKT-TITEL (z.B. "ODIN - HONIGBIER")
   --------------------------------------------------------- */
html#ecwid_html body#ecwid_body .product-details__product-title,
html#ecwid_html body#ecwid_body .ec-header-h1,
html#ecwid_html body#ecwid_body .details-product-purchase__title {
    font-family: 'ITC Odin Con', 'Cinzel', serif !important;
    font-size: clamp(2rem, 5vw, 3.5rem) !important;
    line-height: 1.1 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    
    /* Gold Gradient */
    color: #F4C064 !important;
    background: linear-gradient(135deg, #F4C064 0%, #ffeeb0 50%, #F4C064 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 0 6px rgba(244, 192, 100, 0.4)) !important;
    
    margin-bottom: 15px !important;
}

/* ---------------------------------------------------------
   2. PREIS (z.B. "€21,35") - WEISS MIT GLOW
   --------------------------------------------------------- */
html#ecwid_html body#ecwid_body .details-product-price__value,
html#ecwid_html body#ecwid_body .product-details__product-price,
html#ecwid_html body#ecwid_body .ec-price-item {
    font-family: 'ITC Odin Con', serif !important;
    font-size: 48px !important;
    font-weight: 700 !important;
    
    /* Weiß mit Glow */
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: none !important;
    text-shadow: 0 0 15px rgba(255, 255, 255, 0.5), 0 0 30px rgba(255, 255, 255, 0.3) !important;
    filter: none !important;
}

/* Währungssymbol (€) - auch weiß */
html#ecwid_html body#ecwid_body .details-product-price__currency {
    font-family: 'ITC Odin Con', serif !important;
    font-size: 48px !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: none !important;
    text-shadow: 0 0 15px rgba(255, 255, 255, 0.5), 0 0 30px rgba(255, 255, 255, 0.3) !important;
}

/* ---------------------------------------------------------
   3. VERSANDKOSTENFREI BADGE - Odin Gold Style
   --------------------------------------------------------- */
html#ecwid_html body#ecwid_body .ec-label,
html#ecwid_html body#ecwid_body .product-details__label,
html#ecwid_html body#ecwid_body .details-product-purchase__label,
html#ecwid_html body#ecwid_body .ec-label--attention {
    display: inline-block !important;
    font-family: 'ITC Odin Con', serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    
    /* Gold auf Schwarz */
    background: linear-gradient(180deg, #1a1a1a 0%, #0a0a0a 100%) !important;
    border: 2px solid #c5a059 !important;
    border-radius: 4px !important;
    padding: 8px 16px !important;
    
    /* Gold Text Gradient */
    color: #F4C064 !important;
    -webkit-text-fill-color: #F4C064 !important;
    text-shadow: 0 0 10px rgba(244, 192, 100, 0.3) !important;
    
    margin-bottom: 15px !important;
    position: relative !important;
    z-index: 1 !important;
}

/* ---------------------------------------------------------
   4. MWST TEXT
   --------------------------------------------------------- */
html#ecwid_html body#ecwid_body .product-details__product-price-taxes,
html#ecwid_html body#ecwid_body .details-product-price__taxes,
html#ecwid_html body#ecwid_body .ec-text--minor {
    display: block !important;
    font-family: 'ITC Odin Con', serif !important;
    font-size: 13px !important;
    color: #888 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    margin-top: 8px !important;
    clear: both !important;
}

/* ---------------------------------------------------------
   5. PAYPAL BUTTON - Sichtbar (NUR Produktseite, NICHT Checkout!)
   --------------------------------------------------------- */
html#ecwid_html body#ecwid_body .ec-store__product-page [class*="paypal"],
html#ecwid_html body#ecwid_body .ec-store__product-page .ec-cart__paypal-section {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    margin: 15px 0 !important;
    background: transparent !important;
    background-color: transparent !important;
}
/* PayPal Buttons + iFrames auf Produktseite: weißen Hintergrund entfernen */
html#ecwid_html body#ecwid_body .ec-store__product-page .paypal-buttons,
html#ecwid_html body#ecwid_body .ec-store__product-page .paypal-button-container,
html#ecwid_html body#ecwid_body .ec-store__product-page .paypal-button-row,
html#ecwid_html body#ecwid_body .ec-store__product-page .paypal-button,
html#ecwid_html body#ecwid_body .ec-store__product-page [id*="paypal"],
html#ecwid_html body#ecwid_body .ec-store__product-page [id*="zoid"],
html#ecwid_html body#ecwid_body .ec-store__product-page .zoid-component-frame,
html#ecwid_html body#ecwid_body .ec-store__product-page .paypal-buttons *,
html#ecwid_html body#ecwid_body .ec-store__product-page [class*="paypal"] * {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    color-scheme: none !important;
}
html#ecwid_html body#ecwid_body .ec-store__product-page iframe[name*="paypal"],
html#ecwid_html body#ecwid_body .ec-store__product-page iframe[title*="PayPal"],
html#ecwid_html body#ecwid_body .ec-store__product-page iframe[class*="zoid"],
html#ecwid_html body#ecwid_body .ec-store__product-page .paypal-buttons iframe,
html#ecwid_html body#ecwid_body .ec-store__product-page [class*="paypal"] iframe {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    color-scheme: none !important;
}

html#ecwid_html body#ecwid_body [class*="paypal-message"],
html#ecwid_html body#ecwid_body .pp-message {
    font-family: 'ITC Odin Con', serif !important;
    font-size: 13px !important;
    color: #888 !important;
}

/* ---------------------------------------------------------
   6. "MENGE" LABEL - Gold Gradient
   --------------------------------------------------------- */
html#ecwid_html body#ecwid_body .product-details__product-option-title,
html#ecwid_html body#ecwid_body .details-product-option__title,
html#ecwid_html body#ecwid_body .ec-form__title,
html#ecwid_html body#ecwid_body .product-details-module__title {
    font-family: 'ITC Odin Con', serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 3px !important;
    margin-bottom: 20px !important;
    
    
    /* Gold Gradient */
    color: #F4C064 !important;
    background: linear-gradient(135deg, #F4C064 0%, #ffeeb0 50%, #F4C064 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 0 6px rgba(244, 192, 100, 0.4)) !important;
}

/* ---------------------------------------------------------
   7. RADIO BUTTONS - Odin Style (MINIMAL v4)
   Weniger überschreiben, nur Farben anpassen
   --------------------------------------------------------- */

/* Container */
html#ecwid_html body#ecwid_body .product-details__product-options,
html#ecwid_html body#ecwid_body .details-product-option {
    margin: 20px 0 !important;
}

/* Radio Labels - NUR Farbe und Font ändern */
html#ecwid_html body#ecwid_body .form-control--radio label,
html#ecwid_html body#ecwid_body .form-control__radio-label,
html#ecwid_html body#ecwid_body .ec-radiogroup__item label,
html#ecwid_html body#ecwid_body .ec-form__cell--radio label {
    font-family: 'ITC Odin Con', serif !important;
    font-size: 16px !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    color: #999 !important;
    cursor: pointer !important;
    transition: color 0.3s ease !important;
}

/* Hover */
html#ecwid_html body#ecwid_body .form-control--radio:hover label,
html#ecwid_html body#ecwid_body .form-control__radio:hover label {
    color: #fff !important;
}

/* Checked/Selected Label - Gold */
html#ecwid_html body#ecwid_body .form-control--radio.form-control--checked label,
html#ecwid_html body#ecwid_body .form-control--checked .form-control__radio-label,
html#ecwid_html body#ecwid_body .ec-radiogroup__item--checked label {
    color: #F4C064 !important;
    text-shadow: 0 0 10px rgba(244, 192, 100, 0.5) !important;
}

/* Radio Kreis Rahmen */
html#ecwid_html body#ecwid_body .form-control__radio-button,
html#ecwid_html body#ecwid_body .form-control__radio-view {
    border-color: #666 !important;
    background: transparent !important;
}

html#ecwid_html body#ecwid_body .form-control__radio-button:hover,
html#ecwid_html body#ecwid_body .form-control__radio-view:hover {
    border-color: #c5a059 !important;
}

/* Checked Radio Kreis Rahmen */
html#ecwid_html body#ecwid_body .form-control__radio-button--checked,
html#ecwid_html body#ecwid_body .form-control--checked .form-control__radio-button,
html#ecwid_html body#ecwid_body .form-control--checked .form-control__radio-view {
    border-color: #F4C064 !important;
    background-color: transparent !important;
}

/* ========================================
   DER INNERE PUNKT - .form-control__radio-view-inner
   Das ist die echte Ecwid Klasse!
   ======================================== */
html#ecwid_html body#ecwid_body .form-control__radio-view-inner {
    background-color: #F4C064 !important;
    box-shadow: 0 0 8px rgba(244, 192, 100, 0.8) !important;
}

/* Auch für andere mögliche Klassen */
html#ecwid_html body#ecwid_body .form-control__radio-button--checked::after,
html#ecwid_html body#ecwid_body .form-control--checked .form-control__radio-button::after {
    background-color: #F4C064 !important;
    box-shadow: 0 0 6px rgba(244, 192, 100, 0.6) !important;
}

/* ---------------------------------------------------------
   8. "LIEFERBAR" TEXT - Gold
   --------------------------------------------------------- */
html#ecwid_html body#ecwid_body .product-details__product-in-stock,
html#ecwid_html body#ecwid_body .details-product-purchase__stock,
html#ecwid_html body#ecwid_body .ec-text--positive,
html#ecwid_html body#ecwid_body [class*="in-stock"],
html#ecwid_html body#ecwid_body .product-details-module__stock {
    font-family: 'ITC Odin Con', serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 3px !important;
    margin: 20px 0 !important;
    
    /* Gold Gradient */
    color: #F4C064 !important;
    background: linear-gradient(135deg, #F4C064 0%, #ffeeb0 50%, #F4C064 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 0 6px rgba(244, 192, 100, 0.4)) !important;
}

/* ---------------------------------------------------------
   9. "IN DEN WARENKORB" BUTTON - Linksbündig
   --------------------------------------------------------- */
/* Button Container - Linksbündig */
html#ecwid_html body#ecwid_body .form-control--button,
html#ecwid_html body#ecwid_body .form-control--button-primary,
html#ecwid_html body#ecwid_body .details-product-purchase__add-to-bag-container {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 20px 0 !important;
}

/* Der Button selbst */
html#ecwid_html body#ecwid_body .form-control__button--add-to-bag,
html#ecwid_html body#ecwid_body .details-product-purchase__add-to-bag,
html#ecwid_html body#ecwid_body .product-details__add-to-bag,
html#ecwid_html body#ecwid_body .ec-form__button--add-to-cart,
html#ecwid_html body#ecwid_body .form-control--button .form-control__button,
html#ecwid_html body#ecwid_body button[class*="add-to-bag"],
html#ecwid_html body#ecwid_body .form-control--button-primary .form-control__button,
html#ecwid_html body#ecwid_body .form-control .form-control__button {
    /* RESET */
    all: unset !important;

    /* Pill Layout */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 280px !important;
    height: 50px !important;
    margin-left: 0 !important;
    margin-right: auto !important;

    /* Transparent Background — Gold Ring via ::before */
    background: transparent !important;
    background-image: none !important;
    background-color: transparent !important;
    border-radius: 999px !important;
    position: relative !important;
    overflow: visible !important;

    /* Kein Border */
    border: none !important;
    border-width: 0 !important;
    border-style: none !important;
    box-shadow: none !important;
    outline: none !important;

    /* Text */
    font-family: 'ITC Odin Con', serif !important;
    font-size: 1.15rem !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.02em !important;
    text-shadow: none !important;

    cursor: pointer !important;
    transition: filter 0.3s ease !important;
    box-sizing: border-box !important;
}
/* Gold Ring Border via ::before */
html#ecwid_html body#ecwid_body .form-control__button--add-to-bag::before,
html#ecwid_html body#ecwid_body .form-control--button .form-control__button::before,
html#ecwid_html body#ecwid_body .form-control .form-control__button::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: 999px !important;
    padding: 2px !important;
    background: linear-gradient(120deg, #c5a059, #d4b06a, #f3d895, #ffe3a0, #f3d895, #d4b06a, #c5a059) !important;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
    -webkit-mask-composite: xor !important;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
    mask-composite: exclude !important;
    pointer-events: none !important;
}

/* Hover */
html#ecwid_html body#ecwid_body .form-control__button--add-to-bag:hover,
html#ecwid_html body#ecwid_body .form-control--button .form-control__button:hover {
    filter: drop-shadow(0 0 12px rgba(244, 192, 100, 0.5)) !important;
    border: none !important;
    box-shadow: none !important;
}

/* Focus */
html#ecwid_html body#ecwid_body .form-control__button--add-to-bag:focus,
html#ecwid_html body#ecwid_body .form-control--button .form-control__button:focus {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

/* ── Gold-Gradient auf ALLE Button-Texte (inner spans) ── */
html#ecwid_html body#ecwid_body .form-control__button-text,
html#ecwid_html body#ecwid_body .form-control__button span {
    background: linear-gradient(90deg, #ffe298 0%, #fcdcb1 60%, #f7e8b0 100%, #fff6d0 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: none !important;
    filter: drop-shadow(0 1px 0px rgba(0,0,0,0.5)) !important;
}

/* ---------------------------------------------------------
   10. PRODUKTBESCHREIBUNG
   --------------------------------------------------------- */
/* Überschrift - Gold */
html#ecwid_html body#ecwid_body .product-details__product-description-title,
html#ecwid_html body#ecwid_body .details-product-description__title,
html#ecwid_html body#ecwid_body .product-details-module h3,
html#ecwid_html body#ecwid_body .ec-header-h4 {
    font-family: 'ITC Odin Con', serif !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 3px !important;
    margin-top: 40px !important;
    margin-bottom: 20px !important;
    
    /* Gold Gradient */
    color: #F4C064 !important;
    background: linear-gradient(135deg, #F4C064 0%, #ffeeb0 50%, #F4C064 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 0 6px rgba(244, 192, 100, 0.4)) !important;
}

/* Text */
html#ecwid_html body#ecwid_body .product-details__product-description,
html#ecwid_html body#ecwid_body .details-product-description,
html#ecwid_html body#ecwid_body .product-details-module__content,
html#ecwid_html body#ecwid_body .product-details__product-description p {
    font-family: 'ITC Odin Con', serif !important;
    font-size: 16px !important;
    line-height: 1.8 !important;
    color: #bbb !important;
    letter-spacing: 1.5px !important;
}

/* Listen (Alkoholgehalt etc.) */
html#ecwid_html body#ecwid_body .product-details__product-description ul,
html#ecwid_html body#ecwid_body .product-details__product-description li {
    font-family: 'ITC Odin Con', serif !important;
    font-size: 15px !important;
    color: #999 !important;
    margin-left: 20px !important;
    margin-top: 10px !important;
}

/* Hinweis (kursiv) - Gold */
html#ecwid_html body#ecwid_body .product-details__product-description em {
    font-family: 'ITC Odin Con', serif !important;
    font-style: italic !important;
    font-size: 14px !important;
    display: block !important;
    margin-top: 20px !important;
    
    /* Gold */
    color: #c5a059 !important;
    -webkit-text-fill-color: #c5a059 !important;
}

/* ---------------------------------------------------------
   11. GALERIE / PRODUKTBILD
   --------------------------------------------------------- */
html#ecwid_html body#ecwid_body .details-gallery__images,
html#ecwid_html body#ecwid_body .product-details__gallery {
    border-radius: 20px !important;
    overflow: hidden !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.5) !important;
}

/* ---------------------------------------------------------
   12. HINTERGRUND TRANSPARENT
   --------------------------------------------------------- */
html#ecwid_html body#ecwid_body .ec-store,
html#ecwid_html body#ecwid_body .ecwid-productBrowser,
html#ecwid_html body#ecwid_body .ec-store__content-wrapper {
    background: transparent !important;
}

/* ---------------------------------------------------------
   13. MOBILE
   --------------------------------------------------------- */
@media (max-width: 768px) {
    html#ecwid_html body#ecwid_body .product-details__product-title {
        font-size: 28px !important;
    }
    
    html#ecwid_html body#ecwid_body .details-product-price__value {
        font-size: 36px !important;
    }
    
    html#ecwid_html body#ecwid_body .form-control__button--add-to-bag,
    html#ecwid_html body#ecwid_body .form-control--button .form-control__button {
        width: 220px !important;
        height: 70px !important;
        font-size: 1.2rem !important;
    }
    
    html#ecwid_html body#ecwid_body .form-control--radio label,
    html#ecwid_html body#ecwid_body .ec-radiogroup__item label {
        font-size: 14px !important;
    }
}

/* ==========================================================================
   HORN GLOW — auf Cart/Checkout-Seiten
   ========================================================================== */

/* Header Horn: Goldener Glow wenn auf Cart/Checkout — stärker als Dock-Horn Hover */
#odinCart.odin-horn-glowing,
#odinCart.odin-horn-glowing:hover {
    filter: drop-shadow(0 0 18px rgba(197, 160, 89, 0.85))
            drop-shadow(0 0 40px rgba(197, 160, 89, 0.45)) !important;
    transform: none !important;
}

/* Sticky Horn im Dock: KOMPLETT VERSTECKEN auf Cart/Checkout-Seiten
   Verhindert dass User während des Checkouts den Cart über das Dock-Horn stört */
body.odin-on-cart-page #odin-sticky-dock #odin-sticky-horn,
body.odin-on-cart-page #odin-sticky-dock #odin-sticky-horn.is-visible {
    display: none !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* ==========================================================================
   SCHATZKAMMER HEADLINE — über dem Stepper
   ========================================================================== */
/* Headline Wrapper */
.odin-stepper-headline-wrap {
    display: none !important;
}

/* "Meine Trünke" als kleiner Subtitle (nur auf Steps II-V sichtbar) */
.odin-stepper-subtitle {
    display: block;
    font-family: 'ITC Odin Con', serif;
    font-weight: 400;
    font-size: 1.1rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: rgba(214, 190, 159, 0.7);
    -webkit-text-fill-color: rgba(214, 190, 159, 0.7);
    margin: 0 0 8px 0;
}

/* Große Headline (Step I: "Meine Trünke", Step II-V: Step-Name) */
h2.odin-stepper-headline.odin-stepper-headline {
    font-family: 'ITC Odin Con', serif !important;
    font-weight: 400 !important;
    font-size: 4rem !important;
    text-align: center !important;
    letter-spacing: 0.02em !important;
    text-transform: uppercase !important;
    background: linear-gradient(90deg, #dbb668 0%, #ffe4a1 30%, #fff1c1 75%, #ffefb1 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 0 10px rgba(244, 192, 100, 0.45)) !important;
    text-shadow: none !important;
    animation: none !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.1 !important;
}
/* Step II-V: Chapter-Name kleiner als "Meine Trünke" */
h2.odin-stepper-headline.odin-stepper-headline.odin-stepper-headline--chapter {
    font-size: 3.2rem !important;
}

/* ==========================================================================
   VIKING STEPPER — Checkout Progress Bar
   ========================================================================== */
.odin-viking-stepper {
    overflow: visible;
    width: 100%;
    max-width: 900px;
    margin: 0 auto 55px auto;
    padding: 0 16px 30px 16px;
    position: relative;
    z-index: 50;
    user-select: none;
    -webkit-user-select: none;
}
/* Track: 3-Teil-Flex → Links | Aktiv (Mitte) | Rechts */
.odin-viking-stepper .odin-stepper-track {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 0;
}
/* Seiten-Container: gleiche Breite links/rechts → aktiver Step IMMER mittig */
.odin-stepper-side {
    flex: 1 1 0;
    display: flex;
    align-items: center;
    gap: 0;
    min-width: 0;
    overflow: visible;
    padding: 15px 0;
}
.odin-stepper-side--left {
    justify-content: flex-end;
}
.odin-stepper-side--right {
    justify-content: flex-start;
}
/* Aktiver Step in der Mitte: nicht schrumpfen */
.odin-viking-stepper .odin-step--active {
    flex: 0 0 auto;
    margin: 0 26px;
}

/* ── Loading Spinner (Gold Ring) ── */
@keyframes odinSpin {
    0%   { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
#odin-loading-spinner {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 140px 0;
}
.odin-gold-ring {
    width: 44px;
    height: 44px;
    border: 3px solid rgba(197, 160, 89, 0.15);
    border-top-color: #c5a059;
    border-right-color: rgba(241, 198, 91, 0.5);
    border-radius: 50%;
    animation: odinSpin 0.9s ease-in-out infinite;
    box-shadow: 0 0 16px rgba(197, 160, 89, 0.2), 0 0 32px rgba(197, 160, 89, 0.08);
}

/* Einzelner Step — Carousel-Style */
.odin-step {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    flex: 0 0 auto;
    width: 140px;
    gap: 6px;
    cursor: default;
    text-decoration: none !important;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Nummer (Römisch) — klein für nicht-aktive */
.odin-step__num {
    font-family: 'ITC Odin Con', serif;
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: 0.05em;
    line-height: 1;
    margin-bottom: 4px;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Name — versteckt für nicht-aktive */
.odin-step__name {
    font-family: 'ITC Odin Con', serif;
    font-size: 0;
    font-weight: 400;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    line-height: 1;
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ═══ STEP BILD (statt Nummer+Name) ═══ */
.odin-step__img {
    width: 72px;
    height: 72px;
    min-width: 72px;
    min-height: 72px;
    max-width: 72px;
    max-height: 72px;
    object-fit: contain;
    border-radius: 0;
    opacity: 0.4;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.odin-step--active .odin-step__img {
    width: 140px;
    height: 140px;
    min-width: 170px;
    min-height: 120px;
    max-width: 120px;
    max-height: 120px;
    opacity: 1;
}
.odin-step--passed .odin-step__img,
.odin-step--locked .odin-step__img {
    opacity: 0.7;
}
/* Hover auf nicht-aktive Steps: opacity 1 + gold glow auf Bild + Label heller */
.odin-step--passed:hover .odin-step__img,
.odin-step--locked:hover .odin-step__img {
    opacity: 1;
    filter: drop-shadow(0 0 5px rgba(244, 192, 100, 0.35)) drop-shadow(0 0 10px rgba(244, 192, 100, 0.15));
}
.odin-step.odin-step--passed:hover .odin-step__label,
.odin-step.odin-step--locked:hover .odin-step__label {
    opacity: 1 !important;
}

/* ═══ STEP LABEL unter dem Bild (goldener Gradient wie Headline) ═══ */
.odin-step__label {
    display: block;
    font-family: 'ITC Odin Con', serif;
    font-weight: 400;
    font-size: 1.1rem;
    text-align: center;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    margin-top: 8px;
    line-height: 1.1;
    white-space: nowrap;
    background: linear-gradient(90deg, #dbb668 0%, #ffe4a1 30%, #fff1c1 75%, #ffefb1 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 0 4px rgba(255, 230, 160, .3));
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.odin-step--active .odin-step__label {
    font-size: 1.6rem;
    margin-top: 4px;
    filter: drop-shadow(0 0 6px rgba(255, 230, 160, .5)) drop-shadow(0 0 12px rgba(255, 215, 130, .35));
}
.odin-step:not(.odin-step--active) .odin-step__label {
    font-size: 0.85rem;
    opacity: 0.5;
    filter: none;
}

/* ═══ AKTIVER STEP: GROSS + PROMINENT ═══ */
.odin-step--active {
    width: 220px;
}
.odin-step--active .odin-step__num {
    font-size: 5.5rem;
    margin-bottom: 12px;
}
.odin-step--active .odin-step__name {
    font-size: 1.4rem;
    letter-spacing: 0.06em;
    opacity: 1;
    max-height: 40px;
}
/* Nicht-aktive Steps: Name versteckt, nur Nummer sichtbar */

/* Verbindungslinien weg — Carousel-Style */
.odin-step:not(:last-child)::after {
    display: none;
}

/* ── States ── */

/* Locked (zukünftig) — gleiche Farben wie Active, aber 50% opacity */
.odin-step--locked .odin-step__num {
    background: linear-gradient(120deg, #f3d895 0%, #ffe3a0 40%, #fff0c4 70%, #ffe3a0 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #f3d895;
}
.odin-step--locked .odin-step__name {
    background: linear-gradient(90deg, #ffe298 0%, #fcdcb1 60%, #f7e8b0 100%, #fff6d0 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.odin-step--locked {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.4;
}

/* Passed (erledigt) — gleicher Gradient wie Active */
.odin-step--passed .odin-step__num {
    background: linear-gradient(120deg, #f3d895 0%, #ffe3a0 40%, #fff0c4 70%, #ffe3a0 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #f3d895;
}
.odin-step--passed .odin-step__name {
    background: linear-gradient(90deg, #ffe298 0%, #fcdcb1 60%, #f7e8b0 100%, #fff6d0 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.odin-step--passed {
    cursor: pointer;
}
.odin-step--passed:hover .odin-step__num,
.odin-step--passed:hover .odin-step__name {
    filter: drop-shadow(0 0 18px rgba(244, 192, 100, 0.75)) drop-shadow(0 0 40px rgba(244, 192, 100, 0.35));
}
.odin-step--passed:not(:last-child)::after {
    background: rgba(214, 190, 159, 0.4);
}

/* Active (aktuell) */
.odin-step--active .odin-step__num {
    background: linear-gradient(120deg, #f3d895 0%, #ffe3a0 40%, #fff0c4 70%, #ffe3a0 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #f3d895;
    filter: drop-shadow(0 0 18px rgba(244, 192, 100, 0.6)) drop-shadow(0 0 40px rgba(244, 192, 100, 0.2));
}
.odin-step--active .odin-step__name {
    background: linear-gradient(90deg, #ffe298 0%, #fcdcb1 60%, #f7e8b0 100%, #fff6d0 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 1px 0px rgba(0,0,0,0.5));
}
.odin-step--active {
    pointer-events: none;
}

/* ── Mobile: Horizontal-Scroll Stepper mit aktivem Step zentriert ── */
@media (max-width: 768px) {
    .mcb-section .mcb-wrap .mcb-item-7ofuwsl .mcb-column-inner-7ofuwsl {
        margin-top: 140px !important;
    }
    /* Headline-Wrap nicht mehr nötig */
    .odin-stepper-headline-wrap {
        display: none !important;
    }
    /* Stepper Container: Horizontal-Scroll */
    .odin-viking-stepper {
        overflow-x: auto;
        overflow-y: hidden;
        padding: 15px 0 10px 0;
        margin-bottom: 15px;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    .odin-viking-stepper::-webkit-scrollbar {
        display: none;
    }
    /* Track: nowrap auf Mobile (scrollIntoView) */
    .odin-viking-stepper .odin-stepper-track {
        justify-content: flex-start;
        flex-wrap: nowrap;
        gap: 60px;
        width: auto;
    }
    /* Side-Container: flex:1 = aktiver Step immer mittig */
    .odin-viking-stepper .odin-stepper-side {
        flex: 1 1 0;
        overflow: visible;
        gap: 60px !important;
    }
    /* Steps: feste Breite, Scroll-Snap */
    .odin-step {
        flex: 0 0 auto;
        min-width: 80px;
        width: auto;
        scroll-snap-align: center;
        transition: all 0.3s ease;
    }
    /* Aktiver Step: groß + zentriert, kein extra margin (gap regelt) */
    .odin-step--active {
        min-width: 110px;
        width: auto;
        margin: 0 !important;
    }
    .odin-step--active .odin-step__num {
        font-size: 3.8rem;
    }
    .odin-step--active .odin-step__name {
        font-size: 1.2rem;
        letter-spacing: 0.06em;
    }
    .odin-step--active .odin-step__label {
        font-size: 1.3rem;
    }
    .odin-step:not(.odin-step--active) .odin-step__label {
        font-size: 0.6rem;
    }
    /* Nicht-aktive Steps: kleiner, gedimmt — Name sichtbar auf Mobile */
    .odin-step:not(.odin-step--active) .odin-step__num {
        font-size: 1.4rem;
    }
    .odin-step:not(.odin-step--active) .odin-step__name {
        font-size: 0.6rem;
        opacity: 0.7;
        max-height: 20px;
    }
    /* Verbindungslinien auf Mobile weg */
    .odin-step:not(:last-child)::after {
        display: none;
    }
}

@media (max-width: 480px) {
    .odin-viking-stepper .odin-stepper-track {
        gap: 60px !important;
    }
    .odin-viking-stepper .odin-stepper-side {
        gap: 60px !important;
    }
    .odin-step {
        min-width: 70px;
    }
    .odin-step--active {
        min-width: 100px;
    }
    .odin-step--active .odin-step__num {
        font-size: 3rem;
    }
    .odin-step--active .odin-step__name {
        font-size: 1rem;
    }
    .odin-step--active .odin-step__label {
        font-size: 1.1rem;
    }
    .odin-step:not(.odin-step--active) .odin-step__label {
        font-size: 0.5rem;
    }
    .odin-step:not(.odin-step--active) .odin-step__num {
        font-size: 1.2rem;
    }
    .odin-step:not(.odin-step--active) .odin-step__name {
        font-size: 0.55rem;
        max-height: 20px;
    }
}

/* Fallback-Block permanent verstecken — Ecwid lädt immer korrekt */
.odin-cart-fallback {
    display: none !important;
}

/* ==========================================================================
   ECWID CHECKOUT / CART PAGE — ODIN "MEINE TRÜNKE" STYLE
   Matching the cart popup: dark bg, gold/bronze accents, Odin fonts
   NOTE: Buttons already styled in edits.css — not duplicated here
   ========================================================================== */

/* ---------------------------------------------------------
   STORE CONTAINER: min-height hält Footer unten während Ecwid lädt
   --------------------------------------------------------- */
div[id^="my-store-"],
.ecwid-productBrowser,
#ecwid_product_browser {
    min-height: 80vh !important;
}

/* Cart-Content: Loading overlay handles the reveal.
   No blur/opacity hiding needed — loader covers everything. */

/* ---------------------------------------------------------
   CHECKOUT: Overall Background & Container
   --------------------------------------------------------- */
html#ecwid_html body#ecwid_body .ec-cart,
html#ecwid_html body#ecwid_body .ec-cart-v2,
html#ecwid_html body#ecwid_body .ec-cart-v2__body {
    background: transparent !important;
    color: #d6be9f !important;
    font-family: 'ITC Odin Con', serif !important;
}

/* ═══════════════════════════════════════════════════════════════
   CART LAYOUT: Sidebar wider (60%), Body narrower (40%)
   ═══════════════════════════════════════════════════════════════ */
html#ecwid_html body#ecwid_body .ec-cart.notranslate {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 30px !important;
}

/* LEFT: Products, Summary, Coupon */
html#ecwid_html body#ecwid_body .ec-cart__sidebar {
    flex: 1 1 62% !important;
    max-width: 66% !important;
    min-width: 0 !important;
}

/* RIGHT: Email, AGB, Weiter, Als Nächstes */
html#ecwid_html body#ecwid_body .ec-cart__body {
    flex: 1 1 32% !important;
    max-width: 34% !important;
    min-width: 0 !important;
}
/* NUR Warenkorb/Checkout — NICHT Account-Seite */
html#ecwid_html body#ecwid_body .ec-cart:not(.ec-cart--anonymous) .ec-cart__body-inner {
    position: relative !important;
    background: rgba(12, 9, 7, 0.5) !important;
    border: 1px solid rgba(197, 160, 89, 0.35) !important;
    border-radius: 14px !important;
    padding: 24px !important;
    box-shadow:
        0 4px 16px rgba(0, 0, 0, 0.4),
        0 8px 32px rgba(0, 0, 0, 0.25) !important;
}
/* Account-Seite + Signin: Body-Inner KEIN Box */
html#ecwid_html body#ecwid_body .ec-store__account-page .ec-cart__body-inner,
html#ecwid_html body#ecwid_body .ec-cart--anonymous .ec-cart__body-inner {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
}

/* Mobile + Tablet Portrait: Stack vertically */
@media (max-width: 1024px) {
    html#ecwid_html body#ecwid_body .ec-cart__sidebar,
    html#ecwid_html body#ecwid_body .ec-cart__body {
        flex: 1 1 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        min-width: 0 !important;
    }
    /* Cart Container: full width, no side-by-side */
    html#ecwid_html body#ecwid_body .ec-cart.notranslate {
        flex-direction: column !important;
    }
    /* Cart Items: sichtbar + korrekte Grid-Spalten */
    html#ecwid_html body#ecwid_body .ec-cart__item.ec-cart-item {
        display: grid !important;
        grid-template-columns: 80px 1fr !important;
        gap: 14px !important;
        width: 100% !important;
        min-width: 0 !important;
        overflow: visible !important;
    }
    /* Bilder: sichtbar + korrekte Größe */
    html#ecwid_html body#ecwid_body .ec-cart-item__image {
        display: block !important;
        width: 80px !important;
        min-width: 80px !important;
        height: 80px !important;
        overflow: visible !important;
    }
    html#ecwid_html body#ecwid_body .ec-cart-item__image img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        display: block !important;
    }
    /* Wrap: kein Overflow, volle Breite */
    html#ecwid_html body#ecwid_body .ec-cart-item__wrap {
        min-width: 0 !important;
        overflow: visible !important;
        width: 100% !important;
    }
    html#ecwid_html body#ecwid_body .ec-cart-item__wrap-primary {
        min-width: 0 !important;
        overflow: hidden !important;
    }
    /* Titel: nicht character-by-character umbrechen */
    html#ecwid_html body#ecwid_body a.ec-cart-item__title,
    html#ecwid_html body#ecwid_body .ec-cart-item__title {
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: break-word !important;
        min-width: 0 !important;
    }
    /* Varianten-Text: normaler Textfluss */
    html#ecwid_html body#ecwid_body .ec-cart-item__options,
    html#ecwid_html body#ecwid_body .ec-cart-option--value {
        white-space: normal !important;
        word-break: normal !important;
        min-width: 0 !important;
    }
    /* Body-Inner: kein Overflow-Problem */
    html#ecwid_html body#ecwid_body .ec-cart__body-inner {
        overflow: visible !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    /* Products Container */
    html#ecwid_html body#ecwid_body .ec-cart__products,
    html#ecwid_html body#ecwid_body .ec-cart__products-inner {
        width: 100% !important;
        overflow: visible !important;
    }
}

/* ---------------------------------------------------------
   "ALS NÄCHSTES" BLOCK + LEERE STEPS — komplett ausblenden
   --------------------------------------------------------- */
html#ecwid_html body#ecwid_body .ec-cart-step__next,
html#ecwid_html body#ecwid_body .ec-cart-step--empty,
html#ecwid_html body#ecwid_body .ec-cart__next-step,
html#ecwid_html body#ecwid_body .ec-cart__next-steps,
html#ecwid_html body#ecwid_body .ec-cart-next,
html#ecwid_html body#ecwid_body .ec-cart-steps-preview,
html#ecwid_html body#ecwid_body .ec-cart-step--inactive,
html#ecwid_html body#ecwid_body .ec-cart-step__section--inactive,
html#ecwid_html body#ecwid_body .ec-cart__steps-preview,
html#ecwid_html body#ecwid_body .ec-cart__body .ec-cart__next,
html#ecwid_html body#ecwid_body [class*="ec-cart"][class*="next-step"],
html#ecwid_html body#ecwid_body [class*="ec-cart"][class*="steps-preview"] {
    display: none !important;
}

/* ---------------------------------------------------------
   CHECKOUT STEP TITLES (Versand, Zahlung, Bestätigung)
   --------------------------------------------------------- */
html#ecwid_html body#ecwid_body .ec-cart-step__title,
html#ecwid_html body#ecwid_body .ec-cart-step__title-text,
html#ecwid_html body#ecwid_body .ec-header-h4,
html#ecwid_html body#ecwid_body .ec-cart__title {
    font-family: 'ITC Odin Con', serif !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    color: #F4C064 !important;
    background: linear-gradient(135deg, #F4C064 0%, #ffeeb0 50%, #F4C064 100%) !important;
    background-size: 180% auto !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 0 8px rgba(244, 192, 100, 0.5)) !important;
}

/* Step numbers / indicators */
html#ecwid_html body#ecwid_body .ec-cart-step__num,
html#ecwid_html body#ecwid_body .ec-cart-step__icon {
    background: rgba(197, 160, 89, 0.15) !important;
    border: 1px solid #c5a059 !important;
    color: #F4C064 !important;
    -webkit-text-fill-color: #F4C064 !important;
    font-family: 'ITC Odin Con', serif !important;
    font-weight: 700 !important;
}

html#ecwid_html body#ecwid_body .ec-cart-step--passed .ec-cart-step__num,
html#ecwid_html body#ecwid_body .ec-cart-step--current .ec-cart-step__num {
    background: rgba(244, 192, 100, 0.2) !important;
    border-color: #F4C064 !important;
    box-shadow: 0 0 10px rgba(244, 192, 100, 0.3) !important;
}

/* Step dividers */
html#ecwid_html body#ecwid_body .ec-cart-step__separator,
html#ecwid_html body#ecwid_body .ec-cart-step__wrap {
    border-color: rgba(197, 160, 89, 0.15) !important;
}

html#ecwid_html body#ecwid_body .ec-cart-step {
    border-bottom: 1px solid rgba(197, 160, 89, 0.1) !important;
}

/* ═══════════════════════════════════════════════════════════════
   CHECKOUT ADDRESS/DELIVERY/PAYMENT — Vollständiges Odin Styling
   ═══════════════════════════════════════════════════════════════ */

/* Gesamte Checkout-Seite: dunkler Hintergrund */
html#ecwid_html body#ecwid_body .ec-cart--checkout,
html#ecwid_html body#ecwid_body .ec-cart-v2--checkout {
    background: transparent !important;
    color: #d6be9f !important;
}

/* ── CHECKOUT STEPS 2-4: Linke Sidebar AUSBLENDEN ── */
/* Nur auf Checkout-Seiten (nicht Cart) — .ec-store__checkout-page existiert nur ab Step 2 */
html#ecwid_html body#ecwid_body .ec-store__checkout-page .ec-cart__sidebar {
    display: none !important;
}

/* ── Rechter Bereich: Zentriert + Volle Breite ── */
html#ecwid_html body#ecwid_body .ec-store__checkout-page .ec-cart.notranslate {
    display: flex !important;
    justify-content: center !important;
}
html#ecwid_html body#ecwid_body .ec-store__checkout-page .ec-cart__body {
    flex: 0 1 680px !important;
    max-width: 680px !important;
    width: 100% !important;
    margin: 0 auto !important;
}

/* ── Checkout .ec-cart__body-inner: dunkle Box zentriert ── */
html#ecwid_html body#ecwid_body .ec-store__checkout-page .ec-cart__body-inner {
    background: rgba(12, 9, 7, 0.5) !important;
    border: 1px solid rgba(197, 160, 89, 0.35) !important;
    border-radius: 14px !important;
    padding: 20px 20px 30px 20px !important;
    box-shadow:
        0 4px 16px rgba(0, 0, 0, 0.4),
        0 8px 32px rgba(0, 0, 0, 0.25) !important;
    box-sizing: border-box !important;
    max-width: 100% !important;
}
/* Mobile: weniger Padding auf der Box */
@media (max-width: 768px) {
    html#ecwid_html body#ecwid_body .ec-store__checkout-page .ec-cart__body {
        max-width: 100% !important;
        flex: 1 1 100% !important;
        padding: 0 6px !important;
        box-sizing: border-box !important;
    }
    html#ecwid_html body#ecwid_body .ec-store__checkout-page .ec-cart__body-inner {
        padding: 14px 12px 24px 12px !important;
        border-radius: 10px !important;
    }
}
@media (max-width: 599px) {
    html#ecwid_html body#ecwid_body .ec-store__checkout-page .ec-cart__body {
        padding: 0 4px !important;
    }
    html#ecwid_html body#ecwid_body .ec-store__checkout-page .ec-cart__body-inner {
        padding: 10px 8px 20px 8px !important;
        border-radius: 8px !important;
    }
}
@media (max-width: 380px) {
    html#ecwid_html body#ecwid_body .ec-store__checkout-page .ec-cart__body {
        padding: 0 2px !important;
    }
    html#ecwid_html body#ecwid_body .ec-store__checkout-page .ec-cart__body-inner {
        padding: 8px 6px 16px 6px !important;
    }
}
/* Kein Leerraum oben in der Box — Page-Title + Steps-Container */
html#ecwid_html body#ecwid_body .ec-store__checkout-page .ec-cart__body-inner > .ec-page-title {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
    border: none !important;
}
html#ecwid_html body#ecwid_body .ec-store__checkout-page .ec-cart__steps {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
html#ecwid_html body#ecwid_body .ec-store__checkout-page .ec-cart__body-inner .ec-cart__steps {
    padding-top: 0 !important;
}
html#ecwid_html body#ecwid_body .ec-cart__body-inner > .ec-cart__steps:first-child,
html#ecwid_html body#ecwid_body .ec-cart__body-inner > :first-child {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
/* Ecwid Default padding-top 40px auf .ec-cart__steps killen */
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-cart__steps,
html#ecwid_html body#ecwid_body .ec-cart .ec-cart__steps {
    padding-top: 0 !important;
    margin-top: 0 !important;
    border-top: none !important;
}
html#ecwid_html body#ecwid_body .ec-size:not(.ec-size--s) .ec-store .ec-cart__steps {
    border-top: none !important;
}

/* ── Done Steps — KOMPLETT AUSBLENDEN (Stepper zeigt den Fortschritt) ── */
html#ecwid_html body#ecwid_body .ec-cart-step--done,
html#ecwid_html body#ecwid_body .ec-cart__step.ec-cart-step--done {
    display: none !important;
    height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

/* ── Page-Title "Bestellung" / "I. DEIN ZUGANG" auf Checkout ausblenden ── */
html#ecwid_html body#ecwid_body .ec-store__checkout-page .ec-page-title,
html#ecwid_html body#ecwid_body .ec-store__checkout-page .page-title__name,
html#ecwid_html body#ecwid_body .ec-cart__body .ec-page-title,
html#ecwid_html body#ecwid_body .ec-cart__body .page-title__name,
html#ecwid_html body#ecwid_body .ec-cart__body-inner > .ec-page-title,
html#ecwid_html body#ecwid_body .ec-page-title .page-title__name.ec-header-h1 {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ── Subtitles innerhalb Steps ausblenden (sonst Wiederholung) ── */
html#ecwid_html body#ecwid_body .ec-cart-step--current .ec-cart-step__subtitle {
    display: none !important;
}

/* ── Current Step Titel: ausblenden (Headline steht jetzt oben im Stepper) ── */
html#ecwid_html body#ecwid_body .ec-cart-step--current .ec-cart-step__title,
html#ecwid_html body#ecwid_body .ec-cart-step--current .ec-cart-step__title-text,
html#ecwid_html body#ecwid_body .ec-cart-step--current .ec-header-h4 {
    display: none !important;
    margin-bottom: 20px !important;
}

/* ── Radio-Buttons (Versandart-Auswahl) ── */
html#ecwid_html body#ecwid_body .ec-radiogroup {
    background: transparent !important;
    border: none !important;
}
html#ecwid_html body#ecwid_body .ec-radiogroup__item,
html#ecwid_html body#ecwid_body .ec-radiogroup .ec-radiogroup__item {
    background: transparent !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 14px 18px !important;
    margin-bottom: 18px !important;
    position: relative !important;
    overflow: visible !important;
    outline: 1px solid rgba(197,160,89,0.35) !important;
    outline-offset: -1px !important;
    transition: background 0.3s ease, box-shadow 0.3s ease, outline 0.3s ease !important;
}
/* ::after Gradient Ring — 1:1 wie form-control Inputs */
html#ecwid_html body#ecwid_body .ec-radiogroup__item::after,
html#ecwid_html body#ecwid_body .ec-radiogroup .ec-radiogroup__item::after {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: 8px !important;
    padding: 1px !important;
    background: linear-gradient(120deg, rgba(197,160,89,0.4), rgba(212,176,106,0.3), rgba(197,160,89,0.4)) !important;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
    -webkit-mask-composite: xor !important;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
    mask-composite: exclude !important;
    pointer-events: none !important;
    z-index: 10 !important;
    transition: padding 0.3s ease, background 0.3s ease !important;
}
/* Hover */
html#ecwid_html body#ecwid_body .ec-radiogroup__item:hover {
    outline: 1px solid rgba(197,160,89,0.35) !important;
    outline-offset: -1px !important;
}
/* Checked/Active: Gold Ring + Glow — 1:1 wie Input Focus */
html#ecwid_html body#ecwid_body .ec-radiogroup__item--checked,
html#ecwid_html body#ecwid_body .ec-radiogroup .ec-radiogroup__item--checked {
    background: rgba(12, 9, 7, 0.8) !important;
    outline: 2px solid #c5a059 !important;
    outline-offset: -2px !important;
    box-shadow: 0 0 18px rgba(197, 160, 89, 0.35), 0 0 6px rgba(197, 160, 89, 0.2) !important;
}
html#ecwid_html body#ecwid_body .ec-radiogroup__item--checked::after,
html#ecwid_html body#ecwid_body .ec-radiogroup .ec-radiogroup__item--checked::after {
    padding: 2px !important;
    background: linear-gradient(120deg, #c5a059, #d4b06a, #f3d895, #ffe3a0, #f3d895, #d4b06a, #c5a059) !important;
}
/* Icons verstecken (Bote/Abholung) */
html#ecwid_html body#ecwid_body .ec-radiogroup__icon,
html#ecwid_html body#ecwid_body .ec-radiogroup__item svg:not(.ec-radiogroup__radio svg),
html#ecwid_html body#ecwid_body .ec-radiogroup__item img:not(.ec-radiogroup__radio img),
html#ecwid_html body#ecwid_body .ec-radiogroup__item [class*="icon"]:not(.ec-radiogroup__radio),
html#ecwid_html body#ecwid_body .ec-radiogroup__item [class*="image"],
html#ecwid_html body#ecwid_body .ec-radiogroup__item [class*="Icon"] {
    display: none !important;
}
html#ecwid_html body#ecwid_body .ec-radiogroup__item label,
html#ecwid_html body#ecwid_body .ec-radiogroup__item .ec-radiogroup__label {
    font-family: 'ITC Odin Con', serif !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
    font-size: 0.95rem !important;
}
/* Radio-Button selbst: gold */
html#ecwid_html body#ecwid_body .ec-radiogroup__radio,
html#ecwid_html body#ecwid_body .ec-radiogroup input[type="radio"] {
    accent-color: #c5a059 !important;
}
html#ecwid_html body#ecwid_body .ec-radiogroup__radio::before,
html#ecwid_html body#ecwid_body .ec-radiogroup__radio::after {
    border-color: #c5a059 !important;
}
/* Versandkosten-Preis */
html#ecwid_html body#ecwid_body .ec-radiogroup__item .ec-radiogroup__price,
html#ecwid_html body#ecwid_body .ec-radiogroup__item .ec-radiogroup__rate {
    font-family: 'ITC Odin Con', serif !important;
    color: #F4C064 !important;
    -webkit-text-fill-color: #F4C064 !important;
    font-weight: 600 !important;
}

/* ── Allgemeine Checkout Texte ── */
html#ecwid_html body#ecwid_body .ec-store__checkout-page .ec-cart__body p,
html#ecwid_html body#ecwid_body .ec-store__checkout-page .ec-cart__body span,
html#ecwid_html body#ecwid_body .ec-store__checkout-page .ec-cart__body div {
    font-family: 'ITC Odin Con', serif !important;
}

/* ── Delivery-Method Tabs (Versand / Abholung) — Viking Boxen ── */
/* Tab-Container */
html#ecwid_html body#ecwid_body .ec-tabs {
    background: transparent !important;
    border: none !important;
    overflow: visible !important;
}
html#ecwid_html body#ecwid_body .ec-tabs__wrap {
    display: flex !important;
    gap: 6px !important;
    background: transparent !important;
    border: none !important;
    padding: 4px !important;
    overflow: visible !important;
}
/* Glow darf nicht abgeschnitten werden */
html#ecwid_html body#ecwid_body .ec-cart-step__section,
html#ecwid_html body#ecwid_body .ec-cart-step__body,
html#ecwid_html body#ecwid_body .ec-cart-step__wrap,
html#ecwid_html body#ecwid_body .ec-store__checkout-page .ec-cart__body-inner {
    overflow: visible !important;
}

/* Einzelne Tab-Karte — gleicher Stil wie form-control Inputs */
html#ecwid_html body#ecwid_body .ec-tabs__tab {
    background: transparent !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 14px 20px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    flex: 1 1 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    cursor: pointer !important;
    transition: background 0.3s ease, box-shadow 0.3s ease, outline 0.3s ease, opacity 0.4s ease !important;
    text-decoration: none !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
    position: relative !important;
    overflow: visible !important;
    outline: 1px solid rgba(197,160,89,0.35) !important;
    outline-offset: -1px !important;
}
/* ::after Gradient Ring — 1:1 wie form-control Inputs */
html#ecwid_html body#ecwid_body .ec-tabs__tab::after {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: 8px !important;
    padding: 1px !important;
    background: linear-gradient(120deg, rgba(197,160,89,0.4), rgba(212,176,106,0.3), rgba(197,160,89,0.4)) !important;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
    -webkit-mask-composite: xor !important;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
    mask-composite: exclude !important;
    pointer-events: none !important;
    z-index: 10 !important;
    transition: padding 0.3s ease, background 0.3s ease !important;
}
/* Hover */
html#ecwid_html body#ecwid_body .ec-tabs__tab:hover {
    outline: 1px solid rgba(197,160,89,0.35) !important;
    outline-offset: -1px !important;
}
/* Inaktiver Tab — dezent zurückgenommen */
html#ecwid_html body#ecwid_body .ec-tabs__tab:not(.ec-tabs__tab--active) {
    opacity: 0.55 !important;
}
html#ecwid_html body#ecwid_body .ec-tabs__tab:not(.ec-tabs__tab--active):hover {
    opacity: 0.75 !important;
}
/* Aktiver Tab — Gold Ring + Glow — 1:1 wie Input Focus */
html#ecwid_html body#ecwid_body .ec-tabs__tab--active,
html#ecwid_html body#ecwid_body .ec-tabs__tab.ec-tabs__tab--active {
    background: rgba(12, 9, 7, 0.8) !important;
    outline: 2px solid #c5a059 !important;
    outline-offset: -2px !important;
    box-shadow: 0 0 18px rgba(197, 160, 89, 0.35), 0 0 6px rgba(197, 160, 89, 0.2) !important;
    opacity: 1 !important;
}
html#ecwid_html body#ecwid_body .ec-tabs__tab--active::after,
html#ecwid_html body#ecwid_body .ec-tabs__tab.ec-tabs__tab--active::after {
    padding: 2px !important;
    background: linear-gradient(120deg, #c5a059, #d4b06a, #f3d895, #ffe3a0, #f3d895, #d4b06a, #c5a059) !important;
}

/* Tab Icon — VERSTECKT */
html#ecwid_html body#ecwid_body .ec-tabs__icon {
    display: none !important;
}

/* Tab Text */
html#ecwid_html body#ecwid_body .ec-tabs__text {
    font-family: 'ITC Odin Con', serif !important;
    font-size: 1.25rem !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
    padding: 0 !important;
}
html#ecwid_html body#ecwid_body .ec-tabs__tab--active .ec-tabs__text {
    background: linear-gradient(90deg, #ffe298 0%, #fcdcb1 60%, #f7e8b0 100%, #fff6d0 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 1px 0px rgba(0,0,0,0.5)) !important;
}

/* Intro-Text / Heading "Wie sollen die Trünke dich erreichen?" */
html#ecwid_html body#ecwid_body .ec-cart-step--current .ec-cart-step__section > p:first-child {
    font-family: 'ITC Odin Con', serif !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
    font-size: 1.7rem !important;
    font-style: normal !important;
    letter-spacing: 0.02em !important;
    text-align: center !important;
    line-height: 2rem !important;
    margin-top: 20px !important;
    margin-bottom: 35px !important;
    padding: 0 45px !important;
}

/* Sections innerhalb der Checkout-Box als getrennte Bereiche */
html#ecwid_html body#ecwid_body .ec-store__checkout-page .ec-cart-step__section {
    padding: 16px 0 !important;
    border-bottom: 1px solid rgba(197, 160, 89, 0.1) !important;
}
html#ecwid_html body#ecwid_body .ec-store__checkout-page .ec-cart-step__section:last-child {
    border-bottom: none !important;
}

/* ── Bestellübersicht auf Payment-Seite (Step IV) — 1:1 wie Trunklager ── */
/* Produkt-Items in der Übersicht: gleicher Look wie Trunklager (read-only) */
html#ecwid_html body#ecwid_body .ec-cart__body .ec-cart__products,
html#ecwid_html body#ecwid_body .ec-cart__body .ec-cart__products-inner {
    background: transparent !important;
}
html#ecwid_html body#ecwid_body .ec-cart__body .ec-cart__item.ec-cart-item {
    display: grid !important;
    grid-template-columns: clamp(60px, 7vw, 80px) 1fr !important;
    gap: clamp(10px, 1.2vw, 16px) !important;
    align-items: center !important;
    border-bottom: 1px solid rgba(197, 160, 89, 0.15) !important;
    padding: 12px 0 !important;
    background: transparent !important;
}
/* Bilder in der Übersicht */
html#ecwid_html body#ecwid_body .ec-cart__body .ec-cart-item__image {
    width: clamp(60px, 7vw, 80px) !important;
    min-width: clamp(60px, 7vw, 80px) !important;
    height: clamp(60px, 7vw, 80px) !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    filter: drop-shadow(0 5px 12px rgba(0, 0, 0, 0.6)) !important;
}
html#ecwid_html body#ecwid_body .ec-cart__body .ec-cart-item__image img,
html#ecwid_html body#ecwid_body .ec-cart__body .ec-cart-item__picture,
html#ecwid_html body#ecwid_body .ec-cart__body .ec-cart-item__picture-inner {
    border-radius: 10px !important;
}
/* Wrap: Flex layout — Name links, Preis rechts */
html#ecwid_html body#ecwid_body .ec-cart__body .ec-cart-item__wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
}
html#ecwid_html body#ecwid_body .ec-cart__body .ec-cart-item__wrap-primary {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    flex: 1 !important;
    min-width: 0 !important;
}
html#ecwid_html body#ecwid_body .ec-cart__body .ec-cart-item__wrap-secondary {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex-shrink: 0 !important;
}
/* Produkt-Titel — Gold Gradient wie Trunklager */
html#ecwid_html body#ecwid_body .ec-cart__body .ec-cart-item__title,
html#ecwid_html body#ecwid_body .ec-cart__body a.ec-cart-item__title {
    font-family: 'ITC Odin Con', serif !important;
    font-size: 1.2rem !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.02em !important;
    line-height: 1.2 !important;
    color: #f3d895 !important;
    background: linear-gradient(120deg, #f3d895 0%, #ffe3a0 40%, #fff0c4 70%, #ffe3a0 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 0 6px rgba(244, 192, 100, 0.35)) !important;
    text-decoration: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* Variant/Option Text */
html#ecwid_html body#ecwid_body .ec-cart__body .ec-cart-option {
    font-family: 'ITC Odin Con', serif !important;
    font-size: 0.8rem !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
}
/* Preis */
html#ecwid_html body#ecwid_body .ec-cart__body .ec-cart-item__price {
    font-family: 'ITC Odin Con', serif !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
    background: none !important;
    filter: none !important;
}
html#ecwid_html body#ecwid_body .ec-cart__body .ec-cart-item__price-inner {
    font-family: 'ITC Odin Con', serif !important;
    font-size: 1rem !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
}
/* Summary in der Übersicht: gleicher Look */
html#ecwid_html body#ecwid_body .ec-cart__body .ec-cart-summary {
    margin-top: 15px !important;
    border-top: 1px solid rgba(197, 160, 89, 0.2) !important;
    padding-top: 12px !important;
}
/* Übersicht Headline "Bestellübersicht" */
html#ecwid_html body#ecwid_body .ec-cart__body .ec-cart__products-header,
html#ecwid_html body#ecwid_body .ec-cart__body [class*="products-header"],
html#ecwid_html body#ecwid_body .ec-cart__body .ec-header-h6 {
    font-family: 'ITC Odin Con', serif !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
    font-size: 0.85rem !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    margin-bottom: 10px !important;
}

/* "Als Nächstes" — NOCH breitere Selektoren für Checkout-Seiten */
html#ecwid_html body#ecwid_body .ec-cart-step--inactive,
html#ecwid_html body#ecwid_body .ec-cart-step__section--inactive,
html#ecwid_html body#ecwid_body .ec-cart__next-step,
html#ecwid_html body#ecwid_body .ec-cart__next-steps,
html#ecwid_html body#ecwid_body .ec-cart__steps-preview,
html#ecwid_html body#ecwid_body [class*="cart-step--next"],
html#ecwid_html body#ecwid_body [class*="cart-step--inactive"],
html#ecwid_html body#ecwid_body .ec-store__checkout-page .ec-cart-step:not(.ec-cart-step--current):not(.ec-cart-step--passed):not([class*="confirm"]):not([class*="complete"]):not([class*="done"]) {
    display: none !important;
}
/* Confirmation/EID Page: NIEMALS verstecken */
html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page .ec-cart-step,
html#ecwid_html body#ecwid_body [class*="confirmation-page"] .ec-cart-step,
html#ecwid_html body#ecwid_body [class*="confirmation"] .ec-cart-step {
    display: block !important;
}

/* Aktiver Step: dunkel + padding */
html#ecwid_html body#ecwid_body .ec-cart-step--current {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}
/* Ecwid Default padding-top: 40px auf .ec-cart-step__wrap killen */
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-cart-step--current .ec-cart-step__wrap,
html#ecwid_html body#ecwid_body .ec-cart-step--current .ec-cart-step__wrap {
    padding-top: 0 !important;
}
html#ecwid_html body#ecwid_body .ec-cart-step--current .ec-cart-step__body {
    background: transparent !important;
    padding: 0 !important;
}

/* Step-Nummern/Icons ausblenden (Stepper ersetzt das) */
html#ecwid_html body#ecwid_body .ec-cart-step__num,
html#ecwid_html body#ecwid_body .ec-cart-step__icon {
    display: none !important;
}

/* ── Checkout Adress-Formulare ── */
/* Form-Wrapper: transparent, keine Ecwid-Borders */
html#ecwid_html body#ecwid_body .ec-cart-step__body .ec-form,
html#ecwid_html body#ecwid_body .ec-cart-step__body .ec-form__body {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* ── CHECKOUT FORM: Einfache Felder, kein Floating Label ── */

/* Blinkende rote Punkte vor Labels entfernen */
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control--error::before,
html#ecwid_html body#ecwid_body .ec-cart-step__body .ec-form__cell::before,
html#ecwid_html body#ecwid_body .ec-cart-step__body .ec-form__title::before,
html#ecwid_html body#ecwid_body .ec-cart-step__body [class*="required"]::before,
html#ecwid_html body#ecwid_body .ec-cart-step__body [class*="required"]::after,
html#ecwid_html body#ecwid_body .ec-cart-step__body .ec-form__cell--error::before,
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control__error-icon,
html#ecwid_html body#ecwid_body .ec-cart-step__body [class*="error-icon"],
html#ecwid_html body#ecwid_body .ec-cart-step__body [class*="error-dot"],
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control__mark {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    animation: none !important;
}

/* Fehlermeldungen unter den Feldern: gestylt im Odin-Theme */
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control__message,
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control__message--error,
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control__msg,
html#ecwid_html body#ecwid_body .ec-cart-step__body .form__msg,
html#ecwid_html body#ecwid_body .ec-cart-step__body .form__msg--error,
html#ecwid_html body#ecwid_body .ec-cart-step__body [class*="error-message"],
html#ecwid_html body#ecwid_body .ec-cart-step__body [class*="form__error"],
html#ecwid_html body#ecwid_body .ec-cart-step__body [class*="form-control__message"],
html#ecwid_html body#ecwid_body .ec-cart-step__body [class*="form__msg"],
html#ecwid_html body#ecwid_body .ec-cart-step__body [class*="validation"],
html#ecwid_html body#ecwid_body .ec-cart-step__body [class*="fieldError"],
html#ecwid_html body#ecwid_body .ec-cart-step__body [class*="field-error"] {
    color: #E35555 !important;
    -webkit-text-fill-color: #E35555 !important;
    font-family: 'ITC Odin Con', serif !important;
    font-size: 0.8rem !important;
    font-weight: 400 !important;
    animation: none !important;
    margin-top: 4px !important;
}

/* Error-Border auf nativen Feldern: dezent warm-rot statt grell */
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control--error,
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control--error .form-control__body,
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control--error input,
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control--error select {
    border-color: #E35555 !important;
    animation: none !important;
}

/* ── ODIN ERROR STATE: NUR roter Border, kein roter Background ── */
/* Gilt für unsere Custom-Inputs (Name, Phone) UND native Ecwid-Inputs */

/* Kein roter Background — transparent */
html#ecwid_html body#ecwid_body .odin-input-error input,
html#ecwid_html body#ecwid_body .odin-input-error select,
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control--error input:not([style*="clip"]),
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control--error select:not([style*="clip"]) {
    background: transparent !important;
}

/* Roter Gradient-Border statt Gold — auf dem Wrapper (2px wie Gold-Border) */
html#ecwid_html body#ecwid_body .odin-input-error::after {
    padding: 2px !important;
    background: linear-gradient(120deg, #c44a3f, #e06050, #ff7a6a, #e06050, #c44a3f) !important;
}
html#ecwid_html body#ecwid_body .odin-input-error {
    outline: 2px solid #E35555 !important;
    outline-offset: -2px !important;
}

/* Error-Placeholder Farbe: rot */
html#ecwid_html body#ecwid_body .odin-input-error input::placeholder {
    color: #E35555 !important;
    -webkit-text-fill-color: #E35555 !important;
}

/* Native Ecwid-Inputs (Adresse, Firma etc.) — Error State: NUR Border */
html#ecwid_html body#ecwid_body .ec-cart-step__body .ec-form__cell--error .form-control .form-control__body input,
html#ecwid_html body#ecwid_body .ec-cart-step__body .ec-form__cell--error .form-control .form-control__body select,
html#ecwid_html body#ecwid_body .ec-cart-step__body .ec-form__row--error input,
html#ecwid_html body#ecwid_body .ec-cart-step__body .ec-form__row--error select {
    background: transparent !important;
}
html#ecwid_html body#ecwid_body .ec-cart-step__body .ec-form__cell--error .form-control .form-control__body,
html#ecwid_html body#ecwid_body .ec-cart-step__body .ec-form__row--error .form-control__body,
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control--error .form-control__body {
    outline: 2px solid #E35555 !important;
    outline-offset: -2px !important;
}
html#ecwid_html body#ecwid_body .ec-cart-step__body .ec-form__cell--error .form-control .form-control__body::after,
html#ecwid_html body#ecwid_body .ec-cart-step__body .ec-form__row--error .form-control__body::after,
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control--error .form-control__body::after {
    padding: 2px !important;
    background: linear-gradient(120deg, #c44a3f, #e06050, #ff7a6a, #e06050, #c44a3f) !important;
}
html#ecwid_html body#ecwid_body .ec-cart-step__body .ec-form__cell--error input::placeholder,
html#ecwid_html body#ecwid_body .ec-cart-step__body .ec-form__row--error input::placeholder,
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control--error input::placeholder {
    color: #E35555 !important;
    -webkit-text-fill-color: #E35555 !important;
}

/* Floating Label komplett verstecken — wir nutzen nur Placeholder */
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control__label {
    display: none !important;
}

/* Inputs + Selects: dunkler Hintergrund, gold Border, einfach */
html#ecwid_html body#ecwid_body .ec-cart-step__body input[type="text"],
html#ecwid_html body#ecwid_body .ec-cart-step__body input[type="email"],
html#ecwid_html body#ecwid_body .ec-cart-step__body input[type="tel"],
html#ecwid_html body#ecwid_body .ec-cart-step__body input[type="number"],
html#ecwid_html body#ecwid_body .ec-cart-step__body select,
html#ecwid_html body#ecwid_body .ec-cart-step__body textarea,
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control__text,
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control__select {
    background: rgba(12, 9, 7, 0.8) !important;
    border: 1px solid rgba(197, 160, 89, 0.35) !important;
    border-radius: 8px !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
    font-family: 'ITC Odin Con', serif !important;
    font-size: 17px !important;
    padding: 14px !important;
    min-height: 50px !important;
    outline: none !important;
    box-shadow: none !important;
    transition: border-color 0.3s ease !important;
}

/* Form-Control Wrapper: transparent, kein eigener Border (NICHT Textarea — der hat eigene Regeln) */
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control:not(.form-control--textarea) {
    background: transparent !important;
    border-color: rgba(197, 160, 89, 0.35) !important;
    box-shadow: none !important;
}
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control__body {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* Placeholder: im Feld, mittig, verschwindet beim Tippen */
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control__placeholder {
    position: absolute !important;
    top: 50% !important;
    left: 0 !important;
    transform: translateY(-50%) !important;
    bottom: auto !important;
    pointer-events: none !important;
    padding-left: 14px !important;
}
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control__placeholder-inner {
    font-family: 'ITC Odin Con', serif !important;
    font-size: 17px !important;
    color: #9a8468 !important;
    -webkit-text-fill-color: #9a8468 !important;
    background: none !important;
}
html#ecwid_html body#ecwid_body .ec-cart-step__body input::placeholder,
html#ecwid_html body#ecwid_body .ec-cart-step__body textarea::placeholder {
    color: #9a8468 !important;
    -webkit-text-fill-color: #9a8468 !important;
    font-size: 17px !important;
}

/* Select-Text (angezeigter Wert wie "Berlin", "Deutschland"): Golden, gleiche Größe wie Inputs */
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control__select-text,
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control--select .form-control__text[readonly] {
    color: #ffe3a0 !important;
    -webkit-text-fill-color: #ffe3a0 !important;
    font-family: 'ITC Odin Con', serif !important;
    font-size: 17px !important;
    letter-spacing: 0.5px !important;
}

/* Eingetippter Text in Inputs: Gold, größer */
html#ecwid_html body#ecwid_body .ec-cart-step__body input[type="text"],
html#ecwid_html body#ecwid_body .ec-cart-step__body input[type="email"],
html#ecwid_html body#ecwid_body .ec-cart-step__body input[type="tel"],
html#ecwid_html body#ecwid_body .ec-cart-step__body input[type="number"],
html#ecwid_html body#ecwid_body .ec-cart-step__body textarea {
    color: #ffe3a0 !important;
    -webkit-text-fill-color: #ffe3a0 !important;
    font-size: 19px !important;
    letter-spacing: 0.5px !important;
}

/* Focus: goldener Glow */
html#ecwid_html body#ecwid_body .ec-cart-step__body input:focus,
html#ecwid_html body#ecwid_body .ec-cart-step__body select:focus,
html#ecwid_html body#ecwid_body .ec-cart-step__body textarea:focus {
    border-color: #c5a059 !important;
    box-shadow: 0 0 12px rgba(197, 160, 89, 0.25) !important;
}
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control:focus-within {
    border-color: rgba(197, 160, 89, 0.5) !important;
}

/* Placeholder */
html#ecwid_html body#ecwid_body .ec-cart-step__body input::placeholder,
html#ecwid_html body#ecwid_body .ec-cart-step__body textarea::placeholder {
    color: #7a6a55 !important;
    -webkit-text-fill-color: #7a6a55 !important;
}
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control__placeholder,
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control__placeholder span {
    font-family: 'ITC Odin Con', serif !important;
    color: #7a6a55 !important;
    -webkit-text-fill-color: #7a6a55 !important;
    background: none !important;
}

/* Select-Text (angezeigter Wert): Gold */
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control__select-text {
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
    font-family: 'ITC Odin Con', serif !important;
}

/* ── Formfeld-Reihenfolge: Name → Telefon → Adresse → Stadt/PLZ → Bundesland → Land ── */
/* Form als Column-Layout */
html#ecwid_html body#ecwid_body .ec-cart-step--current .ec-cart-step__body .ec-form {
    display: flex !important;
    flex-direction: column !important;
}
/* Rows: Reihenfolge (Name=1, Phone=2, Firma=3, Adresse=4, Stadt+PLZ=5, Bundesland=6, Land=7) */
html#ecwid_html body#ecwid_body .ec-cart-step--current .ec-form__row:has(.ec-form__cell-name),
html#ecwid_html body#ecwid_body .ec-cart-step--current .ec-form__row:has(.ec-form__cell--name) { order: 1 !important; }
html#ecwid_html body#ecwid_body .ec-cart-step--current .ec-form__row:has(.ec-form__cell--phone) { order: 2 !important; }
html#ecwid_html body#ecwid_body .ec-cart-step--current .ec-form__row:has(.ec-form__cell--company-name) { order: 3 !important; }
html#ecwid_html body#ecwid_body .ec-cart-step--current .ec-form__row:has(.ec-form__cell--street) { order: 4 !important; }
html#ecwid_html body#ecwid_body .ec-cart-step--current .ec-form__row:has(.ec-form__cell--city) { order: 5 !important; }
html#ecwid_html body#ecwid_body .ec-cart-step--current .ec-form__row:has(.ec-form__cell--state) { order: 6 !important; }
html#ecwid_html body#ecwid_body .ec-cart-step--current .ec-form__row:has(.ec-form__cell--country) { order: 7 !important; }
html#ecwid_html body#ecwid_body .ec-cart-step--current .ec-form__row--continue { order: 99 !important; }
/* Name+Telefon Row: untereinander statt nebeneinander */
html#ecwid_html body#ecwid_body .ec-cart-step--current .ec-form__row:has(.ec-form__cell-name) {
    display: flex !important;
    flex-wrap: wrap !important;
}
html#ecwid_html body#ecwid_body .ec-cart-step--current .ec-form__row:has(.ec-form__cell-name) .ec-form__cell {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    margin-right: 0 !important;
}
html#ecwid_html body#ecwid_body .ec-cart-step--current .ec-form__cell-name { order: 1 !important; }
html#ecwid_html body#ecwid_body .ec-cart-step--current .ec-form__cell--phone { order: 2 !important; }
/* Stadt+PLZ Row: auch untereinander */
html#ecwid_html body#ecwid_body .ec-cart-step--current .ec-form__row:has(.ec-form__cell--city) {
    display: flex !important;
    flex-wrap: wrap !important;
}
html#ecwid_html body#ecwid_body .ec-cart-step--current .ec-form__row:has(.ec-form__cell--city) .ec-form__cell {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    margin-right: 0 !important;
}
html#ecwid_html body#ecwid_body .ec-cart-step--current .ec-form__cell--city { order: 1 !important; }
html#ecwid_html body#ecwid_body .ec-cart-step--current .ec-form__cell--postalcode { order: 2 !important; }

/* Select Dropdown-Arrow: gold */
html#ecwid_html body#ecwid_body .ec-cart-step__body select,
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control__select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239a8468' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-size: 16px !important;
    padding-right: 36px !important;
    color-scheme: dark !important;
}

/* Select Wrapper: kein weißer Rand */
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control--select,
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control--type-country,
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control--type-state {
    background: rgba(12, 9, 7, 0.8) !important;
    border: 1px solid rgba(197, 160, 89, 0.35) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    outline: none !important;
    overflow: hidden !important;
}
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control--select:hover,
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control--select:focus-within {
    border-color: #c5a059 !important;
    box-shadow: 0 0 12px rgba(197, 160, 89, 0.25) !important;
}
/* Readonly Input im Select-Wrapper: transparent, kein eigener Border */
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control--select .form-control__text {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    color: #ffe3a0 !important;
    -webkit-text-fill-color: #ffe3a0 !important;
}

/* Select Dropdown-Optionen: Dark Theme (native select) */
select option,
html#ecwid_html body#ecwid_body select option,
html#ecwid_html body#ecwid_body .ec-cart-step__body select option,
html#ecwid_html body#ecwid_body .ec-cart select option {
    background-color: #1a1410 !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
    font-family: 'ITC Odin Con', serif !important;
    font-size: 16px !important;
    padding: 10px 14px !important;
    border: none !important;
    outline: none !important;
}
select option:hover,
html#ecwid_html body#ecwid_body select option:hover {
    background-color: rgba(197, 160, 89, 0.25) !important;
    color: #ffe3a0 !important;
}
select option:checked,
html#ecwid_html body#ecwid_body select option:checked {
    background: linear-gradient(0deg, rgba(197, 160, 89, 0.35) 0%, rgba(197, 160, 89, 0.35) 100%) !important;
    background-color: rgba(197, 160, 89, 0.35) !important;
    color: #ffe3a0 !important;
    -webkit-text-fill-color: #ffe3a0 !important;
}

/* Arrow-Icon im Select: gleiche Farbe wie Placeholder */
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control__arrow {
    color: #9a8468 !important;
    right: 12px !important;
}
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control__arrow svg {
    color: #9a8468 !important;
    stroke: #9a8468 !important;
    width: 16px !important;
    height: 16px !important;
}

/* Placeholder im Select: gleicher Stil wie Inputs */
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control--select .form-control__placeholder-inner {
    color: #9a8468 !important;
    -webkit-text-fill-color: #9a8468 !important;
}

/* Ecwid Custom-Dropdown Popup (falls vorhanden) */
html#ecwid_html body#ecwid_body .ec-cart-step__body [class*="dropdown"],
html#ecwid_html body#ecwid_body .ec-cart-step__body [class*="select-list"],
html#ecwid_html body#ecwid_body .ec-cart-step__body [class*="options-list"],
html#ecwid_html body#ecwid_body .ec-cart-step__body [class*="listbox"] {
    background: #1a1410 !important;
    border: 1px solid rgba(197, 160, 89, 0.35) !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5) !important;
}
html#ecwid_html body#ecwid_body .ec-cart-step__body [class*="dropdown"] [class*="option"],
html#ecwid_html body#ecwid_body .ec-cart-step__body [class*="select-list"] [class*="option"],
html#ecwid_html body#ecwid_body .ec-cart-step__body [class*="listbox"] [role="option"],
html#ecwid_html body#ecwid_body .ec-cart-step__body [role="listbox"] [role="option"] {
    background: #1a1410 !important;
    color: #d6be9f !important;
    font-family: 'ITC Odin Con', serif !important;
    font-size: 16px !important;
    padding: 6px !important;
    border: none !important;
}
html#ecwid_html body#ecwid_body .ec-cart-step__body [class*="dropdown"] [class*="option"]:hover,
html#ecwid_html body#ecwid_body .ec-cart-step__body [class*="dropdown"] [class*="option"][class*="active"],
html#ecwid_html body#ecwid_body .ec-cart-step__body [class*="dropdown"] [class*="option"][class*="selected"],
html#ecwid_html body#ecwid_body .ec-cart-step__body [role="option"]:hover,
html#ecwid_html body#ecwid_body .ec-cart-step__body [role="option"][aria-selected="true"] {
    background: rgba(197, 160, 89, 0.2) !important;
    color: #ffe3a0 !important;
}

/* Select-Text (angezeigter Wert im Custom-Dropdown): Gold, linksbündig */
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control__select-text,
html#ecwid_html body#ecwid_body .ec-cart .form-control__select-text {
    color: #ffe3a0 !important;
    -webkit-text-fill-color: #ffe3a0 !important;
    font-family: 'ITC Odin Con', serif !important;
    font-size: 17px !important;
    text-align: left !important;
}
/* Select-Wrapper + native select: linksbündig */
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control--select,
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control--select .form-control__text,
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control--select .form-control__text[readonly],
html#ecwid_html body#ecwid_body .ec-cart-step__body select {
    text-align: left !important;
}

/* ── Checkout "Weiter" Button: Pill + Gold Ring (wie alle anderen Buttons) ── */
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control__button,
html#ecwid_html body#ecwid_body .ec-cart__button--next .form-control__button {
    background: transparent !important;
    background-image: none !important;
    width: 100% !important;
    max-width: 360px !important;
    height: 50px !important;
    border-radius: 999px !important;
    position: relative !important;
    overflow: visible !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border: none !important;
    cursor: pointer !important;
    margin: 20px auto 0 auto !important;
    display: block !important;
}
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control__button::before,
html#ecwid_html body#ecwid_body .ec-cart__button--next .form-control__button::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: 999px !important;
    padding: 2px !important;
    background: linear-gradient(120deg, #c5a059, #d4b06a, #f3d895, #ffe3a0, #f3d895, #d4b06a, #c5a059) !important;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
    -webkit-mask-composite: xor !important;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
    mask-composite: exclude !important;
    pointer-events: none !important;
}
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control__button-text,
html#ecwid_html body#ecwid_body .ec-cart__button--next .form-control__button-text {
    background: linear-gradient(90deg, #ffe298 0%, #fcdcb1 60%, #f7e8b0 100%, #fff6d0 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 1px 0px rgba(0,0,0,0.5)) !important;
    font-family: 'ITC Odin Con', serif !important;
    font-size: 1.15rem !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.02em !important;
}

/* ═══════════════════════════════════════════════════════════════
   STEP 1: CART PRODUCT AREA — Trunklager Style
   Selectors from REAL Ecwid HTML (inspected 12.02.2026)
   ═══════════════════════════════════════════════════════════════ */

/* ── ITC Odin Con NUR im Cart/Checkout-Bereich (NICHT Kacheln) ── */
html#ecwid_html body#ecwid_body .ec-cart *,
html#ecwid_html body#ecwid_body .ec-cart-v2 *,
html#ecwid_html body#ecwid_body .ec-cart__body *,
html#ecwid_html body#ecwid_body .ec-cart__products * {
    font-family: 'ITC Odin Con', serif !important;
}

/* --- Page Title "Warenkorb" --- */
html#ecwid_html body#ecwid_body .page-title__name.ec-header-h1 {
    font-family: 'ITC Odin Con', serif !important;
    font-size: 2.4rem !important;
    text-transform: uppercase !important;
    letter-spacing: 3px !important;
    color: #F4C064 !important;
    background: linear-gradient(135deg, #F4C064 0%, #ffeeb0 50%, #F4C064 100%) !important;
    background-size: 180% auto !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 0 8px rgba(244, 192, 100, 0.5)) !important;
    text-align: center !important;
    margin-bottom: 0.3em !important;
}

/* --- Breadcrumbs (Shop / Warenkorb) --- */
html#ecwid_html body#ecwid_body .ec-breadcrumbs {
    text-align: center !important;
    margin-bottom: 1.5em !important;
}
html#ecwid_html body#ecwid_body .breadcrumbs__link {
    font-family: 'ITC Odin Con', serif !important;
    color: #8a7560 !important;
    -webkit-text-fill-color: #8a7560 !important;
    text-decoration: none !important;
    transition: color 0.3s !important;
}
html#ecwid_html body#ecwid_body .breadcrumbs__link:hover {
    color: #F4C064 !important;
    -webkit-text-fill-color: #F4C064 !important;
}
html#ecwid_html body#ecwid_body .breadcrumbs__delimiter {
    color: #5a4a3a !important;
    -webkit-text-fill-color: #5a4a3a !important;
}

/* --- Products Container --- */
html#ecwid_html body#ecwid_body .ec-cart__products,
html#ecwid_html body#ecwid_body .ec-cart__products-inner {
    background: transparent !important;
}

/* --- Cart Item Row — EXAKT wie Trunklager .odin-config-item --- */
html#ecwid_html body#ecwid_body .ec-cart__item.ec-cart-item {
    display: grid !important;
    grid-template-columns: clamp(80px, 9vw, 110px) 1fr !important;
    gap: clamp(12px, 1.8vw, 24px) !important;
    align-items: center !important;
    border-bottom: 1px solid rgba(197, 160, 89, 0.2) !important;
    padding: clamp(8px, 1.2vh, 14px) 0 !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    background: transparent !important;
}
/* Override Ecwid's .ec-cart__item margin-bottom: 20px from their CSS */
html#ecwid_html body#ecwid_body .ec-size.ec-size--l .ec-store .ec-cart__item,
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-cart__item {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}
html#ecwid_html body#ecwid_body .ec-cart__item.ec-cart-item:first-child {
    border-top: none !important;
}
/* Kill Ecwid's default white/light borders on cart items */
html#ecwid_html body#ecwid_body .ec-cart-item__wrap,
html#ecwid_html body#ecwid_body .ec-cart-item__wrap-primary,
html#ecwid_html body#ecwid_body .ec-cart-item__wrap-secondary,
html#ecwid_html body#ecwid_body .ec-cart__item.ec-cart-item:last-child {
    border-bottom: none !important;
}
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-cart__products,
html#ecwid_html body#ecwid_body .ec-cart__products {
    border-bottom: none !important;
}
/* Wrap = 2-column grid, children via display:contents (NUR Sidebar/Step 1) */
html#ecwid_html body#ecwid_body .ec-cart__sidebar .ec-cart-item__wrap {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    grid-template-rows: auto auto auto auto !important;
    gap: 0px 14px !important;
    align-items: start !important;
    position: relative !important;
}
/* display:contents → Kinder werden direkte Grid-Teilnehmer */
html#ecwid_html body#ecwid_body .ec-cart__sidebar .ec-cart-item__wrap-primary,
html#ecwid_html body#ecwid_body .ec-cart__sidebar .ec-cart-item__wrap-secondary {
    display: contents !important;
}
/* ── Linke Spalte: Title (row1), Variant (row2), Preis (row3) ── */
html#ecwid_html body#ecwid_body .ec-cart__sidebar .ec-cart-item__title,
html#ecwid_html body#ecwid_body .ec-cart__sidebar a.ec-cart-item__title {
    grid-column: 1 !important;
    grid-row: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0.96rem !important;
}
html#ecwid_html body#ecwid_body .ec-cart__sidebar .ec-cart-item__options {
    grid-column: 1 !important;
    grid-row: 2 !important;
    margin: 0 !important;
    padding: 0 !important;
}
html#ecwid_html body#ecwid_body .ec-cart__sidebar .ec-cart-item__price {
    grid-column: 1 !important;
    grid-row: 3 !important;
    margin: 2px 0 0 0 !important;
    padding: 0 !important;
    text-align: left !important;
    justify-self: start !important;
}
html#ecwid_html body#ecwid_body .ec-cart__sidebar .ec-cart-item__price-inner {
    text-align: left !important;
}
/* ── Rechte Spalte: Counter (row1-2), Entleeren (row3) ── */
html#ecwid_html body#ecwid_body .ec-cart__sidebar .ec-cart-item__count {
    grid-column: 2 !important;
    grid-row: 1 / 3 !important;
    align-self: center !important;
    margin: 0 !important;
    padding: 0 !important;
}
html#ecwid_html body#ecwid_body .ec-cart__sidebar .odin-entleeren-btn {
    grid-column: 2 !important;
    grid-row: 3 !important;
    justify-self: center !important;
    margin-top: 4px !important;
}
/* Hide original X control + empty pills */
html#ecwid_html body#ecwid_body .ec-cart__sidebar .ec-cart-item__control {
    display: none !important;
}
html#ecwid_html body#ecwid_body .ec-cart__sidebar .ec-cart-item__pills {
    display: none !important;
}
/* Leere Options-Divs verstecken */
html#ecwid_html body#ecwid_body .ec-cart__sidebar .ec-cart-item__options:empty {
    display: none !important;
}

/* ── Entleeren-Button: in rechter Spalte unter Counter ── */
html#ecwid_html body#ecwid_body .ec-cart__sidebar .odin-entleeren-btn {
    margin-top: 4px !important;
    align-self: center !important;
}

/* --- Product Image — EXAKT wie Trunklager .odin-config-img --- */
html#ecwid_html body#ecwid_body .ec-cart-item__image {
    position: relative !important;
    width: clamp(80px, 9vw, 110px) !important;
    min-width: clamp(80px, 9vw, 110px) !important;
    height: clamp(80px, 9vw, 110px) !important;
    aspect-ratio: 1 / 1 !important;
    overflow: visible !important;
    filter: drop-shadow(0 5px 15px rgba(0, 0, 0, 0.8)) !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
    cursor: default !important;
}
/* Kill hover zoom / scale on cart product images */
html#ecwid_html body#ecwid_body .ec-cart-item__image:hover,
html#ecwid_html body#ecwid_body .ec-cart-item__picture:hover,
html#ecwid_html body#ecwid_body .ec-cart-item__picture-inner:hover {
    transform: none !important;
    zoom: 1 !important;
}
/* Kill link behavior on cart image wrappers */
html#ecwid_html body#ecwid_body .ec-cart-item__image a,
html#ecwid_html body#ecwid_body a.ec-cart-item__picture {
    pointer-events: none !important;
    cursor: default !important;
    text-decoration: none !important;
}
html#ecwid_html body#ecwid_body .ec-cart-item__picture {
    border-radius: clamp(8px, 1vw, 12px) !important;
    overflow: hidden !important;
    border: none !important;
    box-shadow: none !important;
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: 1 / 1 !important;
    padding: 0 !important;
    margin: 0 !important;
}
html#ecwid_html body#ecwid_body .ec-cart-item__picture-inner {
    border-radius: clamp(8px, 1vw, 12px) !important;
    background-size: cover !important;
    background-position: center !important;
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: 1 / 1 !important;
    padding-bottom: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* --- Product Title — Odin Font I Headlines --- */
html#ecwid_html body#ecwid_body a.ec-cart-item__title,
html#ecwid_html body#ecwid_body .ec-cart-item__title,
html#ecwid_html body#ecwid_body .ec-store a.ec-cart-item__title,
html#ecwid_html body#ecwid_body .ec-cart a.ec-cart-item__title,
html#ecwid_html body#ecwid_body .ec-size a.ec-cart-item__title {
    font-family: 'ITC Odin Con', serif !important;
    font-size: 2.2rem !important;
    font-weight: normal !important;
    text-transform: uppercase !important;
    letter-spacing: 0.02em !important;
    line-height: 1.2 !important;
    color: #ffda99 !important;
    background: linear-gradient(120deg, #f5db9a 0%, #fffbf1 40%, #fff0c4 70%, #eed8a2 100%) !important;
    background-size: auto !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: none !important;
    filter: drop-shadow(0 0 10px rgba(244, 192, 100, 0.45)) !important;
    text-decoration: none !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    animation: none !important;
    pointer-events: none !important;
    cursor: default !important;
}
/* Kill Ecwid link states that override gradient */
html#ecwid_html body#ecwid_body a.ec-cart-item__title:link,
html#ecwid_html body#ecwid_body a.ec-cart-item__title:visited,
html#ecwid_html body#ecwid_body a.ec-cart-item__title:hover,
html#ecwid_html body#ecwid_body a.ec-cart-item__title:active {
    color: #ffda99 !important;
    background: linear-gradient(120deg, #f5db9a 0%, #fffbf1 40%, #fff0c4 70%, #eed8a2 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    text-decoration: none !important;
}

/* --- Variant Option Key "Menge:" — HIDDEN --- */
html#ecwid_html body#ecwid_body .ec-cart-option.ec-cart-option--key {
    display: none !important;
}

/* --- Variant Option Value — 1:1 wie Trunklager .odin-config-subtitle --- */
html#ecwid_html body#ecwid_body .ec-cart-option.ec-cart-option--value {
    font-family: 'ITC Odin Con', serif !important;
    font-size: clamp(0.78rem, 0.9vw, 0.95rem) !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
    text-shadow: 0 2px 4px #000 !important;
    text-transform: none !important;
    letter-spacing: 1.5px !important;
}

/* --- Options container — tight spacing like Trunklager --- */
html#ecwid_html body#ecwid_body .ec-cart-item__options {
    background: none !important;
    filter: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* Kill any extra option row wrappers */
html#ecwid_html body#ecwid_body .ec-cart-item__options-row {
    margin: 0 !important;
    padding: 0 !important;
}

/* --- Quantity Select Dropdown --- */
html#ecwid_html body#ecwid_body .ec-cart-item__count {
    background: none !important;
    filter: none !important;
}
html#ecwid_html body#ecwid_body .ec-cart-item__count-inner {
    background: none !important;
}

/* The visible "Menge: 3" text */
html#ecwid_html body#ecwid_body .ec-cart-item__count .form-control__select-text {
    font-family: 'ITC Odin Con', serif !important;
    font-size: 0.95rem !important;
    color: #F4C064 !important;
    -webkit-text-fill-color: #F4C064 !important;
    letter-spacing: 1.5px !important;
}

/* The select wrapper */
html#ecwid_html body#ecwid_body .ec-cart-item__count .form-control--select-inline {
    background: rgba(12, 9, 7, 0.6) !important;
    border: 1px solid rgba(197, 160, 89, 0.35) !important;
    border-radius: 8px !important;
    padding: 6px 12px !important;
    transition: border-color 0.3s ease !important;
}
html#ecwid_html body#ecwid_body .ec-cart-item__count .form-control--select-inline:hover {
    border-color: #c5a059 !important;
    box-shadow: 0 0 10px rgba(197, 160, 89, 0.2) !important;
}

/* Dropdown arrow SVG */
html#ecwid_html body#ecwid_body .ec-cart-item__count .form-control__arrow {
    color: #c5a059 !important;
    -webkit-text-fill-color: #c5a059 !important;
}
html#ecwid_html body#ecwid_body .ec-cart-item__count .form-control__arrow svg {
    stroke: #c5a059 !important;
}

/* The actual <select> element */
html#ecwid_html body#ecwid_body .ec-cart-item__count .form-control__select {
    font-family: 'ITC Odin Con', serif !important;
    color: #F4C064 !important;
    -webkit-text-fill-color: #F4C064 !important;
    background: rgba(12, 9, 7, 0.95) !important;
}

/* Style the dropdown options (limited browser support but works in Chrome/Edge) */
html#ecwid_html body#ecwid_body .ec-cart-item__count .form-control__select option {
    background: #1a1510 !important;
    color: #d6be9f !important;
    font-family: 'ITC Odin Con', serif !important;
    font-size: 16px !important;
    padding: 8px 12px !important;
}
html#ecwid_html body#ecwid_body .ec-cart-item__count .form-control__select option:hover,
html#ecwid_html body#ecwid_body .ec-cart-item__count .form-control__select option:checked {
    background: rgba(197, 160, 89, 0.3) !important;
    color: #F4C064 !important;
}

/* ═══════════════════════════════════════════════════════════════
   ODIN QUANTITY WIDGET — 1:1 wie Trunklager .odin-config-counter
   ═══════════════════════════════════════════════════════════════ */
.odin-qty-widget {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: clamp(8px, 1.2vw, 14px) !important;
    height: clamp(50px, 5.5vw, 66px) !important;
    min-width: 130px !important;
    user-select: none !important;
    -webkit-user-select: none !important;
}
.odin-qty-widget .odin-qty-input {
    user-select: none !important;
    -webkit-user-select: none !important;
}

/* +/− Buttons — Pure CSS Gold Lines */
.odin-qty-btn {
    appearance: none !important;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    outline: none !important;
    transform: none !important;
    translate: none !important;
    transition: transform 0.08s ease, filter 0.3s ease !important;
    touch-action: manipulation !important;
    user-select: none !important;
    -webkit-user-select: none !important;
    -webkit-tap-highlight-color: transparent !important;
    filter: drop-shadow(0 0 5px rgba(255, 230, 160, .4)) !important;
    overflow: visible !important;
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
}
.odin-qty-btn::before {
    content: '' !important; position: absolute !important;
    top: 50% !important; left: 50% !important;
    width: 18px !important; height: 2px !important;
    transform: translate(-50%, -50%) !important;
    background: linear-gradient(90deg, #c5a059, #f3d895, #ffe3a0, #f3d895, #c5a059) !important;
    border-radius: 2px !important; display: block !important;
    visibility: visible !important; opacity: 0.9 !important;
}
.odin-qty-btn.odin-qty-plus::after {
    content: '' !important; position: absolute !important;
    top: 50% !important; left: 50% !important;
    width: 2px !important; height: 18px !important;
    transform: translate(-50%, -50%) !important;
    background: linear-gradient(180deg, #c5a059, #f3d895, #ffe3a0, #f3d895, #c5a059) !important;
    border-radius: 2px !important; display: block !important;
    visibility: visible !important; opacity: 0.9 !important;
}

.odin-qty-btn:hover,
.odin-qty-btn:focus {
    translate: none !important;
    top: 0 !important;
    left: 0 !important;
    margin: 0 !important;
    position: relative !important;
    filter: drop-shadow(0 0 10px rgba(244, 192, 100, 0.5)) !important;
}

.odin-qty-btn.is-pressed,
.odin-qty-btn:active {
    filter: drop-shadow(0 0 3px #ffe3a0) brightness(1.3) !important;
    transition: filter 0.08s ease !important;
}

.odin-qty-btn:focus {
    outline: none !important;
}
.odin-qty-btn.odin-qty-disabled {
    opacity: 0.2 !important;
    cursor: default !important;
    pointer-events: none !important;
}

/* Ornamental Circle — 1:1 wie MEINE TRÜNKE .odin-mini-circle-wrap */
.odin-qty-circle {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: clamp(48px, 5vw, 60px) !important;
    height: clamp(48px, 5vw, 60px) !important;
    filter: drop-shadow(0 0 4px rgba(255, 215, 130, 0.12)) !important;
    position: relative !important;
}
.odin-qty-circle .odin-knot-ring {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 140% !important;
    height: 140% !important;
    pointer-events: none !important;
    object-fit: contain !important;
    user-select: none !important;
    -webkit-user-drag: none !important;
}

/* Input inside circle — 1:1 wie MEINE TRÜNKE .odin-mini-qty-display */
.odin-qty-input {
    font-family: 'ITC Odin Con', serif !important;
    font-size: clamp(1.8rem, 2.4vw, 2.5rem) !important;
    font-weight: 500 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 0 5px 0 !important;
    text-align: center !important;
    outline: none !important;
    border: none !important;

    /* Gold Gradient Text — 1:1 MEINE TRÜNKE */
    background: linear-gradient(120deg, #f5db9a 0%, #fffbf1 40%, #fff0c4 70%, #eed8a2 100%) !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;

    /* Glow / Schatten Effekt */
    filter: brightness(1.06) saturate(1.05) drop-shadow(0 0 5px rgba(255, 230, 160, .4)) !important;

    caret-color: #ffe3a0 !important;
    cursor: default !important;
}
/* Span-basierte Anzeige (kein Input mehr) */
.odin-qty-display {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    user-select: none !important;
    -webkit-user-select: none !important;
    pointer-events: none !important;
}

/* Hide original select IMMEDIATELY via CSS (no flash) */
/* JS fallback in catch-block re-shows it if widget fails */
html#ecwid_html body#ecwid_body .ec-cart-item__count .ec-cart-item__count-inner,
html#ecwid_html body#ecwid_body .ec-cart-item__count--select .ec-cart-item__count-inner {
    display: none !important;
}

/* --- Price --- */
html#ecwid_html body#ecwid_body .ec-cart-item__price {
    background: none !important;
    filter: none !important;
}
html#ecwid_html body#ecwid_body .ec-cart-item__price-inner {
    font-family: 'ITC Odin Con', serif !important;
    font-size: clamp(1.1rem, 1.3vw, 1.35rem) !important;
    font-weight: 400 !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
    letter-spacing: 0.02em !important;
    filter: none !important;
    text-shadow: none !important;
    background: none !important;
    white-space: nowrap !important;
}
/* Literpreis unter dem Preis — 1:1 wie Meine Trünke Popup */
.odin-cart-liter-price {
    font-size: clamp(0.75rem, 0.75rem, 0.75rem) !important;
    font-weight: normal !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
    background: none !important;
    white-space: nowrap !important;
    margin: 2px 0 6px 0 !important;
    line-height: 1.2 !important;
    text-shadow: none !important;
    filter: none !important;
}

/* "Auf Anfrage" — jetzt komplett von ecwid-sync.js gehandelt (inline styles + span)
   CSS ::after Approach deaktiviert weil Ecwid vDOM Klassen ständig entfernt */

/* --- X Remove Button — komplett versteckt (odin-entleeren-btn übernimmt) --- */
html#ecwid_html body#ecwid_body .ec-cart-item__control {
    display: none !important;
    background: none !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
}
/* Hide ALL original Ecwid control children + pseudo-elements */
html#ecwid_html body#ecwid_body .ec-cart-item__control-inner,
html#ecwid_html body#ecwid_body .ec-cart-item__control-inner svg,
html#ecwid_html body#ecwid_body .ec-cart-item__control-inner > span,
html#ecwid_html body#ecwid_body .ec-cart-item__control-inner > div {
    display: none !important;
}
html#ecwid_html body#ecwid_body .ec-cart-item__control-inner::before,
html#ecwid_html body#ecwid_body .ec-cart-item__control-inner::after {
    display: none !important;
}
/* Hide ALL pseudo-elements on original — clone handles visuals */
html#ecwid_html body#ecwid_body .ec-cart-item__control-inner::before,
html#ecwid_html body#ecwid_body .ec-cart-item__control-inner::after {
    display: none !important;
}
/* Visual clone button — 1:1 wie Trunklager .odin-config-clear */
.odin-entleeren-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    background: none !important;
    border: none !important;
    cursor: pointer !important;
    padding: 0 !important;
    margin-top: 4px !important;
    margin-left: 0 !important;
    align-self: flex-start !important;
    transition: filter 0.2s ease !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}
.odin-entleeren-btn:hover {
    filter: drop-shadow(0 0 8px rgba(255, 100, 100, 0.5)) !important;
}
.odin-entleeren-btn:hover .odin-entleeren-x,
.odin-entleeren-btn:hover .odin-entleeren-text {
    color: #ff6666 !important;
    -webkit-text-fill-color: #ff6666 !important;
}
.odin-entleeren-x {
    font-family: 'ITC Odin Con', serif !important;
    font-size: 1.15rem !important;
    font-weight: 400 !important;
    color: #e35555 !important;
    -webkit-text-fill-color: #e35555 !important;
    line-height: 1 !important;
    margin-top: -2px !important;
}
.odin-entleeren-text {
    font-family: 'ITC Odin Con', serif !important;
    font-size: 0.8rem !important;
    font-weight: 500 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    color: #e35555 !important;
    -webkit-text-fill-color: #e35555 !important;
}html#ecwid_html body#ecwid_body .ec-cart-item__control-inner,
html#ecwid_html body#ecwid_body .ec-cart__item .ec-cart-item__control-inner,
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-cart-item__control-inner {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    color: #e35555 !important;
    -webkit-text-fill-color: #e35555 !important;
    opacity: 1 !important;
    cursor: pointer !important;
    text-decoration: none !important;
    font-family: 'ITC Odin Con', serif !important;
    font-weight: 500 !important;
    font-size: 0.95rem !important;
    white-space: nowrap !important;
    transition: filter 0.2s ease, color 0.2s ease !important;
    line-height: 1 !important;
    background: none !important;
    filter: none !important;
    padding: 0 !important;
    margin: 0 !important;
    position: relative !important;
}
html#ecwid_html body#ecwid_body .ec-cart-item__control-inner:hover,
html#ecwid_html body#ecwid_body .ec-cart__item .ec-cart-item__control-inner:hover {
    color: #ff6666 !important;
    -webkit-text-fill-color: #ff6666 !important;
    filter: drop-shadow(0 0 8px rgba(255, 100, 100, 0.5)) !important;
}
/* Original Ecwid control hidden — clone (.odin-entleeren-btn) handles visuals */
/* Entleeren uses Ecwid Cart API — no animation needed */
/* Entleeren uses Ecwid Cart API — no animation needed */

/* --- Item Summary Row "8 Artikel / €439,68" — KOMPLETT VERSTECKEN --- */
html#ecwid_html body#ecwid_body .ec-cart-item--summary,
html#ecwid_html body#ecwid_body .ec-cart-item-sum,
html#ecwid_html body#ecwid_body .ec-cart__item.ec-cart-item--summary,
html#ecwid_html body#ecwid_body .ec-cart-item-sum--cta,
html#ecwid_html body#ecwid_body .ec-cart-item-sum__content,
html#ecwid_html body#ecwid_body .ec-cart__products-count,
html#ecwid_html body#ecwid_body .ec-cart-item--total {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

/* --- Pills container (empty but present) — take zero space --- */
html#ecwid_html body#ecwid_body .ec-cart-item__pills {
    display: none !important;
}
/* Kill any extra spacing Ecwid adds (with display:contents, children are direct grid items) */
html#ecwid_html body#ecwid_body .ec-cart-item__wrap > *:empty,
html#ecwid_html body#ecwid_body .ec-cart-item__wrap-primary > *:empty,
html#ecwid_html body#ecwid_body .ec-cart-item__wrap-secondary > *:empty {
    display: none !important;
}

/* ═══════════════════════════════════════════════════════════════
   QUANTITY BADGE — 1:1 wie Trunklager .odin-config-badge
   WHITE pill, brown text, box-shadow
   ═══════════════════════════════════════════════════════════════ */
.odin-cart-qty-badge {
    position: absolute !important;
    top: -5px !important;
    left: -5px !important;
    min-width: clamp(22px, 2.5vw, 28px) !important;
    height: clamp(22px, 2.5vw, 28px) !important;
    padding: 0 0 2px 0 !important;
    border-radius: 50% !important;
    aspect-ratio: 1 !important;
    background: #ffffff !important;
    color: #BF8139 !important;
    border: none !important;
    font-family: 'ITC Odin Con', serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    letter-spacing: normal !important;
    font-kerning: normal !important;
    -webkit-font-smoothing: antialiased !important;
    font-variant-numeric: tabular-nums !important;
    line-height: 1 !important;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 10 !important;
    pointer-events: none !important;
    user-select: none !important;
    -webkit-text-fill-color: #BF8139 !important;
    text-shadow: none !important;
    filter: none !important;
}

/* ═══════════════════════════════════════════════════════════════
   MOBILE CART LAYOUT — 1:1 wie Trunklager Phone Layout
   Aufbau: Bild | Name+Sub+Preis (links) | Counter+Entleeren (rechts)
   ═══════════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
    /* Item Row: Bild | Wrap */
    html#ecwid_html body#ecwid_body .ec-cart__item.ec-cart-item {
        grid-template-columns: 75px 1fr !important;
        gap: 12px !important;
        padding: 14px 0 !important;
    }
    /* Bild */
    html#ecwid_html body#ecwid_body .ec-cart-item__image {
        width: 75px !important;
        min-width: 75px !important;
        height: 75px !important;
        align-self: center !important;
    }

    /* Wrap: Mobile — gleiche Struktur wie Desktop, nur kompakter */
    html#ecwid_html body#ecwid_body .ec-cart-item__wrap {
        gap: 1px 8px !important;
    }

    /* Titel: kompakt, kein Umbruch */
    html#ecwid_html body#ecwid_body a.ec-cart-item__title,
    html#ecwid_html body#ecwid_body .ec-cart-item__title,
    html#ecwid_html body#ecwid_body .ec-store a.ec-cart-item__title,
    html#ecwid_html body#ecwid_body .ec-cart a.ec-cart-item__title,
    html#ecwid_html body#ecwid_body .ec-size a.ec-cart-item__title,
    html#ecwid_html body#ecwid_body .ec-cart__sidebar .ec-cart-item__title,
    html#ecwid_html body#ecwid_body .ec-cart__sidebar a.ec-cart-item__title,
    html#ecwid_html body#ecwid_body .ec-cart__body .ec-cart-item__title,
    html#ecwid_html body#ecwid_body .ec-cart__body a.ec-cart-item__title {
        font-size: 1.7rem !important;
        white-space: nowrap !important;
        letter-spacing: 0.5px !important;
    }

    /* Varianten-Text (Subtitle) */
    html#ecwid_html body#ecwid_body .ec-cart-option--value {
        font-size: 0.75rem !important;
    }

    /* Entleeren: Mobile — kleiner */
    .odin-entleeren-btn {
        gap: 3px !important;
    }
    .odin-entleeren-x {
        font-size: 0.9rem !important;
        margin-top: -1px !important;
    }
    .odin-entleeren-text {
        font-size: 0.65rem !important;
    }

    /* Qty-Bereich: Circle + Zahl */
    html#ecwid_html body#ecwid_body .odin-qty-widget {
        min-width: 100px !important;
        gap: 2px !important;
    }
    html#ecwid_html body#ecwid_body .odin-qty-circle {
        width: 42px !important;
        height: 42px !important;
    }
    html#ecwid_html body#ecwid_body .odin-qty-btn {
        width: 22px !important;
        height: 22px !important;
        min-width: 20px !important;
        min-height: 20px !important;
    }
    html#ecwid_html body#ecwid_body .odin-qty-btn::before {
        width: 11px !important;
    }
    html#ecwid_html body#ecwid_body .odin-qty-btn.odin-qty-plus::after {
        height: 11px !important;
    }
    html#ecwid_html body#ecwid_body .odin-qty-input {
        font-size: 1.4rem !important;
        font-weight: 500 !important;
    }

    /* Preis-Text */
    html#ecwid_html body#ecwid_body .ec-cart-item__price-inner {
        font-size: 0.85rem !important;
    }

    /* Badge größer + Zahl drin größer */
    .odin-cart-qty-badge {
        font-size: 0.8rem !important;
        min-width: 22px !important;
        height: 22px !important;
        padding: 0 4px !important;
    }
}

/* ═══════════════════════════════════════════════════════════════
   DESKTOP GUARD — Input/Badge Sizes MUST stay big on Desktop
   Prevents mobile overrides from leaking upward
   ═══════════════════════════════════════════════════════════════ */
@media (min-width: 769px) {
    .odin-qty-circle {
        width: clamp(48px, 5vw, 60px) !important;
        height: clamp(48px, 5vw, 60px) !important;
    }
    .odin-qty-btn {
        width: 36px !important;
        height: 36px !important;
    }
    .odin-cart-qty-badge {
        min-width: clamp(22px, 2.5vw, 28px) !important;
        height: clamp(22px, 2.5vw, 28px) !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        padding: 0 0 2px 0 !important;
    }
}

/* ---------------------------------------------------------
   CHECKOUT FORM: Inputs, Labels, Selects
   --------------------------------------------------------- */
html#ecwid_html body#ecwid_body .ec-cart .ec-form__title,
html#ecwid_html body#ecwid_body .ec-cart .ec-form__label,
html#ecwid_html body#ecwid_body .ec-cart label.ec-label,
html#ecwid_html body#ecwid_body .ec-cart-v2 .ec-form__title,
html#ecwid_html body#ecwid_body .ec-cart-v2 .ec-form__label {
    font-family: 'ITC Odin Con', serif !important;
    font-weight: 400 !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
    letter-spacing: 1.5px !important;
    background: none !important;
    filter: none !important;
}

html#ecwid_html body#ecwid_body .ec-cart input.ec-form__control,
html#ecwid_html body#ecwid_body .ec-cart .ec-form__cell input,
html#ecwid_html body#ecwid_body .ec-cart .ec-form__cell select,
html#ecwid_html body#ecwid_body .ec-cart .ec-form__cell textarea,
html#ecwid_html body#ecwid_body .ec-cart select.ec-form__control,
html#ecwid_html body#ecwid_body .ec-cart textarea.ec-form__control,
html#ecwid_html body#ecwid_body .ec-cart-v2 input.ec-form__control,
html#ecwid_html body#ecwid_body .ec-cart-v2 select.ec-form__control {
    background: rgba(12, 9, 7, 0.8) !important;
    border: 1px solid rgba(197, 160, 89, 0.35) !important;
    border-radius: 8px !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-family: 'ITC Odin Con', serif !important;
    font-size: 15px !important;
    padding: 12px 14px !important;
    transition: border-color 0.3s ease !important;
}

html#ecwid_html body#ecwid_body .ec-cart input.ec-form__control:focus,
html#ecwid_html body#ecwid_body .ec-cart .ec-form__cell input:focus,
html#ecwid_html body#ecwid_body .ec-cart .ec-form__cell select:focus,
html#ecwid_html body#ecwid_body .ec-cart select.ec-form__control:focus {
    border-color: #c5a059 !important;
    box-shadow: 0 0 12px rgba(197, 160, 89, 0.25) !important;
    outline: none !important;
}

/* Placeholder text */
html#ecwid_html body#ecwid_body .ec-cart input::placeholder,
html#ecwid_html body#ecwid_body .ec-cart textarea::placeholder {
    color: #7a6a55 !important;
    -webkit-text-fill-color: #7a6a55 !important;
}

/* Checkbox & Radio in checkout forms */
html#ecwid_html body#ecwid_body .ec-cart .ec-form__cell--checkbox .form-control__checkbox-view,
html#ecwid_html body#ecwid_body .ec-cart .form-control__checkbox-view {
    border-color: #7a5a3a !important;
    background: transparent !important;
}
html#ecwid_html body#ecwid_body .ec-cart .form-control--checked .form-control__checkbox-view,
html#ecwid_html body#ecwid_body .ec-cart .form-control__checkbox-view--checked {
    border-color: #F4C064 !important;
    background: rgba(244, 192, 100, 0.2) !important;
}
html#ecwid_html body#ecwid_body .ec-cart .form-control__checkbox-view svg,
html#ecwid_html body#ecwid_body .ec-cart .form-control__checkbox-view-inner {
    color: #F4C064 !important;
    fill: #F4C064 !important;
}

/* ---------------------------------------------------------
   SUMMARY / TOTALS (Subtotal, MwSt, Gesamt)
   --------------------------------------------------------- */
html#ecwid_html body#ecwid_body .ec-cart__summary,
html#ecwid_html body#ecwid_body .ec-cart-summary,
html#ecwid_html body#ecwid_body .ec-cart__subtotal {
    border-top: 1px solid rgba(197, 160, 89, 0.25) !important;
    background: transparent !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    margin-top: 0 !important;
    padding-top: 18px !important;
    padding-bottom: 18px !important;
    width: 100% !important;
}

/* Summary row spacing — padding auf td, nicht tr */
html#ecwid_html body#ecwid_body .ec-cart-summary__row,
html#ecwid_html body#ecwid_body .ec-cart-summary .ec-cart-summary__row {
    border-bottom: none !important;
    background: none !important;
}
html#ecwid_html body#ecwid_body .ec-cart-summary__row .ec-cart-summary__cell {
    padding: 2px 0 !important;
}
/* Erste Zeile (Zwischensumme): mehr Abstand oben zur Linie */
html#ecwid_html body#ecwid_body .ec-cart-summary__row:first-child .ec-cart-summary__cell {
    padding-top: 14px !important;
}
/* Letzte Zeile vor Gesamt (MwSt): mehr Abstand unten zur Linie */
html#ecwid_html body#ecwid_body .ec-cart-summary__row--taxes .ec-cart-summary__cell {
    padding-bottom: 14px !important;
}
html#ecwid_html body#ecwid_body .ec-cart-summary__body {
    border: none !important;
}

/* Summary labels (Zwischensumme, Versand, MwSt) */
html#ecwid_html body#ecwid_body .ec-cart-summary__cell,
html#ecwid_html body#ecwid_body .ec-cart-summary__title,
html#ecwid_html body#ecwid_body .ec-summary__row {
    font-family: 'ITC Odin Con', serif !important;
    font-size: 1.1rem !important;
    font-weight: 400 !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
    background: none !important;
    filter: none !important;
    border-bottom: none !important;
    border: none !important;
    padding: 3px 0 !important;
    letter-spacing: 0.01em !important;
}
/* Titel-Zelle links, Preis-Zelle rechts */
html#ecwid_html body#ecwid_body .ec-cart-summary__cell.ec-cart-summary__title {
    text-align: left !important;
}
html#ecwid_html body#ecwid_body .ec-cart-summary__cell.ec-cart-summary__price {
    text-align: right !important;
}

/* Summary values (prices) */
html#ecwid_html body#ecwid_body .ec-cart-summary__cell--price,
html#ecwid_html body#ecwid_body .ec-cart-summary__price,
html#ecwid_html body#ecwid_body .ec-summary__price,
html#ecwid_html body#ecwid_body td.ec-cart-summary__cell.ec-cart-summary__price {
    font-family: 'ITC Odin Con', serif !important;
    font-size: 1.1rem !important;
    font-weight: 400 !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
    background: none !important;
    filter: none !important;
    text-align: right !important;
    padding: 3px 0 !important;
    letter-spacing: 0.02em !important;
}
/* Versand "€0,00" / Gratis */
html#ecwid_html body#ecwid_body .ec-cart-summary__price--free {
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
}

/* Grand total row — gold separator + bigger text */
html#ecwid_html body#ecwid_body .ec-cart-summary__row--total {
    border-top: 1px solid rgba(197, 160, 89, 0.3) !important;
    padding-top: 14px !important;
    margin-top: 10px !important;
}

/* Gesamtsumme label */
html#ecwid_html body#ecwid_body .ec-cart-summary__row--total .ec-cart-summary__title {
    font-family: 'ITC Odin Con', serif !important;
    font-size: clamp(1.6rem, 2.2vw, 2.1rem) !important;
    font-weight: 500 !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
    letter-spacing: 0.01em !important;
    text-transform: none !important;
    text-align: left !important;
    padding: 8px 0 !important;
}

/* Gesamtsumme price — gold gradient like Trunklager */
html#ecwid_html body#ecwid_body .ec-cart-summary__row--total .ec-cart-summary__price,
html#ecwid_html body#ecwid_body .ec-cart-summary__row--total .ec-cart-summary__price span,
html#ecwid_html body#ecwid_body .ec-cart-summary__row--total .ec-cart-summary__total {
    font-family: 'ITC Odin Con', serif !important;
    font-size: clamp(5rem, 7.5vw, 7.5rem) !important;
    font-weight: 500 !important;
    background: linear-gradient(120deg, #f3d895 0%, #ffe3a0 40%, #fff0c4 70%, #ffe3a0 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 0 8px rgba(244, 192, 100, 0.45)) !important;
    padding: 3px 0 !important;
    letter-spacing: 0.02em !important;
}

/* Hide PayPal message & currency converter duplicate */
html#ecwid_html body#ecwid_body .ec-paypal-pay-later-message,
html#ecwid_html body#ecwid_body .ec-cart-summary__total .ec-currency-converter-alt-value,
html#ecwid_html body#ecwid_body .ec-cart-summary__row--total .ec-currency-converter-alt-value {
    display: none !important;
}

/* Kill Ecwid preloader dots in summary */
html#ecwid_html body#ecwid_body .ec-cart-summary .ec-preloader {
    display: none !important;
}

/* ── E-Mail Hinweis Info-Box: CSS-only (kein JS-DOM nötig) ── */
/* Originaltext verstecken, Box-Styling drauf */
html#ecwid_html body#ecwid_body .ec-cart-email__text {
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    background: rgba(12, 9, 7, 0.6) !important;
    border: 1px solid rgba(197, 160, 89, 0.2) !important;
    border-radius: 10px !important;
    padding: 12px 16px !important;
    margin: 12px 0 !important;
}
/* Info-Icon als ::before */
html#ecwid_html body#ecwid_body .ec-cart-email__text::before {
    content: '\24D8';  /* ⓘ Unicode */
    flex-shrink: 0;
    font-size: 18px;
    line-height: 1.4;
    background: linear-gradient(120deg, #f3d895 0%, #ffe3a0 40%, #fff0c4 70%, #ffe3a0 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #f3d895;
    margin-top: 1px;
}
/* Neuer Text als ::after */
html#ecwid_html body#ecwid_body .ec-cart-email__text::after {
    content: 'Gib deine E-Mail-Adresse ein. An diese Adresse werden dir Updates zum Bestellstatus gesendet.';
    font-family: 'ITC Odin Con', serif;
    font-size: 0.95rem;
    line-height: 1.5;
    color: rgba(214, 190, 159, 0.7);
    -webkit-text-fill-color: rgba(214, 190, 159, 0.7);
    text-align: left;
}
/* Legacy JS-Klassen (falls noch irgendwo referenziert) */
html#ecwid_html body#ecwid_body .ec-cart-email__text.odin-email-hint-box,
.odin-email-hint-box {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    background: rgba(12, 9, 7, 0.6) !important;
    border: 1px solid rgba(197, 160, 89, 0.2) !important;
    border-radius: 10px !important;
    padding: 12px 16px !important;
    margin: 12px 0 !important;
    font-family: 'ITC Odin Con', serif !important;
    font-size: 0.95rem !important;
    color: rgba(214, 190, 159, 0.7) !important;
    -webkit-text-fill-color: rgba(214, 190, 159, 0.7) !important;
    line-height: 1.5 !important;
}
html#ecwid_html body#ecwid_body .odin-info-icon {
    flex-shrink: 0 !important;
    color: rgba(197, 160, 89, 0.5) !important;
    margin-top: 2px !important;
    display: flex !important;
}
html#ecwid_html body#ecwid_body .odin-info-icon svg {
    width: 16px !important;
    height: 16px !important;
}

/* "I. Dein Zugang" Headline — ENTFERNT (Stepper ersetzt das) */
/* Legacy-Klasse (falls noch irgendwo verwendet) */
html#ecwid_html body#ecwid_body .odin-section-headline {
    font-family: 'ITC Odin Con', serif !important;
    font-size: clamp(1.1rem, 1.3vw, 1.4rem) !important;
    font-weight: 400 !important;
    background: linear-gradient(120deg, #f3d895 0%, #ffe3a0 40%, #fff0c4 70%, #ffe3a0 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: #f3d895 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    margin: 0 0 18px 0 !important;
    padding: 0 !important;
}

/* ══════════════════════════════════════════════════
   E-MAIL INPUT — SIMPEL & SAUBER
   ══════════════════════════════════════════════════ */

/* ── Container: Pill wenn leer, 10px bei Focus/Text ── */
html#ecwid_html body#ecwid_body .ec-cart-email__input {
    position: relative !important;
    background: rgba(12, 9, 7, 0.8) !important;
    border: 1px solid rgba(197, 160, 89, 0.35) !important;
    border-radius: 8px !important;
    padding: 0 !important;
    min-height: 50px !important;
    overflow: visible !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}
html#ecwid_html body#ecwid_body .ec-cart-email__input:focus-within {
    border-color: #c5a059 !important;
    box-shadow: 0 0 12px rgba(197, 160, 89, 0.25) !important;
    border-radius: 8px !important;
}
html#ecwid_html body#ecwid_body .ec-cart-email__input:has(.form-control__placeholder--hidden),
html#ecwid_html body#ecwid_body .ec-cart-email__input:has(input:not(:placeholder-shown)) {
    border-radius: 8px !important;
}

/* ── Innere Wrapper: transparent ── */
html#ecwid_html body#ecwid_body .ec-cart-email__input .form-control,
html#ecwid_html body#ecwid_body .ec-cart-email__input .form-control__body,
html#ecwid_html body#ecwid_body .ec-cart-email__input .form-control--email-cart {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* ── Input: goldene Farbe ── */
html#ecwid_html body#ecwid_body .ec-cart-email__input input[type="email"] {
    font-family: 'ITC Odin Con', serif !important;
    font-size: 17px !important;
    letter-spacing: 0.5px !important;
    background: transparent !important;
    color: #ffe3a0 !important;
    -webkit-text-fill-color: #ffe3a0 !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    width: 100% !important;
    padding: 16px 20px !important;
    margin: 0 !important;
    caret-color: #ffe3a0 !important;
    border-radius: 0 !important;
}
/* ── Error-Text: rot wenn Error-Klasse da + nicht fokussiert ── */
html#ecwid_html body#ecwid_body .ec-cart-email__input:not(:focus-within) .form-control--error input[type="email"] {
    color: #e35555 !important;
    -webkit-text-fill-color: #e35555 !important;
    caret-color: #e35555 !important;
}

/* ── Placeholder: gleiche Font + Position wie Input ── */
html#ecwid_html body#ecwid_body .ec-cart-email__input .form-control__placeholder,
html#ecwid_html body#ecwid_body .ec-cart-email__input .form-control__placeholder span {
    font-family: 'ITC Odin Con', serif !important;
    font-size: 17px !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
    pointer-events: none !important;
    transition: opacity 0.15s ease !important;
}
html#ecwid_html body#ecwid_body .ec-cart-email__input:focus-within .form-control__placeholder,
html#ecwid_html body#ecwid_body .ec-cart-email__input:focus-within .form-control__placeholder span {
    opacity: 0 !important;
}

/* ── Fehlermeldung: Ecwid zeigt/versteckt selbst, wir stylen nur ── */
html#ecwid_html body#ecwid_body .ec-cart-email__input .form__msg--error {
    font-family: 'ITC Odin Con', serif !important;
    font-size: clamp(0.72rem, 0.8vw, 0.82rem) !important;
    font-weight: 400 !important;
    color: #e35555 !important;
    -webkit-text-fill-color: #e35555 !important;
    background: transparent !important;
    border-top: 1px solid rgba(197, 160, 89, 0.125) !important;
    padding: 10px 20px 14px 20px !important;
    margin: 0 !important;
    line-height: 1.5 !important;
}
/* Focus → Fehlermeldung verstecken */
html#ecwid_html body#ecwid_body .ec-cart-email__input:focus-within .form__msg--error {
    display: none !important;
}
/* Valid → Fehlermeldung verstecken (Ecwid zeigt sie manchmal trotzdem) */
html#ecwid_html body#ecwid_body .ec-cart-email__input:has(.odin-email-valid) .form__msg--error {
    display: none !important;
}
/* Ecwid's eigenen Error-Border entfernen */
html#ecwid_html body#ecwid_body .ec-cart-email__input .form-control--error {
    border: none !important;
    box-shadow: none !important;
}
/* Container rot wenn Error-Klasse da + nicht fokussiert + NICHT valid */
html#ecwid_html body#ecwid_body .ec-cart-email__input:not(:focus-within):has(.form-control--error):not(:has(.odin-email-valid)) {
    border-color: #e35555 !important;
    background: rgba(227, 85, 85, 0.1) !important;
    border-radius: 10px !important;
}
/* Focus → zurück zu gold */
html#ecwid_html body#ecwid_body .ec-cart-email__input:focus-within {
    border-color: rgba(197, 160, 89, 0.6) !important;
    background: rgba(12, 9, 7, 0.7) !important;
}
/* ── VALID STATE: grüner Text + Checkmark ── */
/* JS setzt .odin-email-valid nur wenn Regex matched (user@domain.tld) */
html#ecwid_html body#ecwid_body .ec-cart-email__input:not(:focus-within):has(.odin-email-valid) {
    border-color: rgba(76, 175, 80, 0.5) !important;
}
html#ecwid_html body#ecwid_body .ec-cart-email__input:not(:focus-within) .odin-email-valid input[type="email"] {
    color: #66bb6a !important;
    -webkit-text-fill-color: #66bb6a !important;
}
/* Checkmark — ::after auf .form-control */
html#ecwid_html body#ecwid_body .ec-cart-email__input .form-control {
    position: relative !important;
}
html#ecwid_html body#ecwid_body .ec-cart-email__input:not(:focus-within) .odin-email-valid::after {
    content: '\2713';
    position: absolute !important;
    right: 18px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #66bb6a !important;
    -webkit-text-fill-color: #66bb6a !important;
    font-size: 1.2rem !important;
    font-weight: 700 !important;
    pointer-events: none !important;
    line-height: 1 !important;
}
/* Platz reservieren */
html#ecwid_html body#ecwid_body .ec-cart-email {
    position: relative !important;
    margin-bottom: 12px !important;
}

/* ── Legacy: JS-basiertes Floating Label (falls noch aktiv) ── */
html#ecwid_html body#ecwid_body .odin-float-field {
    position: relative !important;
    background: rgba(12, 9, 7, 0.7) !important;
    border: 2px solid rgba(197, 160, 89, 0.25) !important;
    border-radius: 999px !important;
    padding: 0 !important;
    overflow: hidden !important;
    transition: border-color 0.3s ease !important;
    min-height: 58px !important;
}
html#ecwid_html body#ecwid_body .odin-float-field:focus-within {
    border-color: rgba(197, 160, 89, 0.6) !important;
}
/* Input selbst — Golden Gradient Text */
html#ecwid_html body#ecwid_body .odin-float-field input[type="email"],
html#ecwid_html body#ecwid_body .odin-float-field input[type="text"] {
    font-family: 'ITC Odin Con', serif !important;
    font-size: clamp(1rem, 1.15vw, 1.15rem) !important;
    background: linear-gradient(120deg, #f3d895 0%, #ffe3a0 40%, #fff0c4 70%, #ffe3a0 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: #f3d895 !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    width: 100% !important;
    padding: 26px 24px 10px 24px !important;
    height: auto !important;
    line-height: 1.4 !important;
}
/* Floating Label — Farbe wie Zwischensumme */
html#ecwid_html body#ecwid_body .odin-float-label {
    position: absolute !important;
    left: 24px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-family: 'ITC Odin Con', serif !important;
    font-size: clamp(0.95rem, 1.1vw, 1.1rem) !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
    pointer-events: none !important;
    transition: all 0.2s ease !important;
    transform-origin: left center !important;
}
/* Label nach oben wenn aktiv oder gefüllt */
html#ecwid_html body#ecwid_body .odin-float-field.odin-float-active .odin-float-label {
    top: 12px !important;
    transform: translateY(0) scale(0.7) !important;
    color: rgba(197, 160, 89, 0.6) !important;
    -webkit-text-fill-color: rgba(197, 160, 89, 0.6) !important;
}

/* ── AGB Checkbox: Darkmode, Gold Check ── */
/* Gap 10px zwischen Checkbox und Text */
html#ecwid_html body#ecwid_body .ec-cart .form-control--checkbox,
html#ecwid_html body#ecwid_body .ec-cart__agreement .form-control--checkbox {
    gap: 10px !important;
}
html#ecwid_html body#ecwid_body .ec-cart .form-control--checkbox .form-control__checkbox-wrap {
    margin-right: 10px !important;
}
/* Breitere Selektoren: .form-control--checkbox im Cart-Bereich */
html#ecwid_html body#ecwid_body .ec-cart .form-control__inline-label,
html#ecwid_html body#ecwid_body .ec-cart .form-control__inline-label label,
html#ecwid_html body#ecwid_body .ec-cart__agreement .form-control__inline-label,
html#ecwid_html body#ecwid_body .ec-cart__agreement .form-control__inline-label label {
    font-family: 'ITC Odin Con', serif !important;
    font-size: clamp(0.65rem, 0.75vw, 0.75rem) !important;
    color: rgba(214, 190, 159, 0.6) !important;
    -webkit-text-fill-color: rgba(214, 190, 159, 0.6) !important;
    line-height: 1.5 !important;
}
html#ecwid_html body#ecwid_body .ec-cart .form-control--checkbox .ec-link,
html#ecwid_html body#ecwid_body .ec-cart__agreement .ec-link {
    font-family: 'ITC Odin Con', serif !important;
    font-size: clamp(0.65rem, 0.75vw, 0.75rem) !important;
    color: #c5a059 !important;
    -webkit-text-fill-color: #c5a059 !important;
    text-decoration: none !important;
    line-height: 1.5 !important;
    vertical-align: baseline !important;
}
html#ecwid_html body#ecwid_body .ec-cart .form-control--checkbox .ec-link:hover,
html#ecwid_html body#ecwid_body .ec-cart__agreement .ec-link:hover {
    color: #ffe3a0 !important;
    -webkit-text-fill-color: #ffe3a0 !important;
}
/* Checkbox Box: unchecked — dark BG statt blau */
html#ecwid_html body#ecwid_body .ec-cart .form-control__checkbox-view,
html#ecwid_html body#ecwid_body .ec-cart__agreement .form-control__checkbox-view {
    background: rgba(12, 9, 7, 0.9) !important;
    border: 1px solid rgba(197, 160, 89, 0.35) !important;
    border-radius: 4px !important;
    width: 20px !important;
    height: 20px !important;
    margin-right: 10px !important;
    transition: all 0.2s ease !important;
}
/* Checkbox Box: checked — goldener BG + goldener Haken */
html#ecwid_html body#ecwid_body .ec-cart .form-control__checkbox:checked + .form-control__checkbox-view,
html#ecwid_html body#ecwid_body .ec-cart__agreement .form-control__checkbox:checked + .form-control__checkbox-view {
    background: rgba(197, 160, 89, 0.15) !important;
    border-color: #c5a059 !important;
}
html#ecwid_html body#ecwid_body .ec-cart .form-control__checkbox:checked + .form-control__checkbox-view svg,
html#ecwid_html body#ecwid_body .ec-cart__agreement .form-control__checkbox:checked + .form-control__checkbox-view svg {
    color: #f3d895 !important;
}
/* Ecwid's blauen ::after Override killen */
html#ecwid_html body#ecwid_body .ec-size .ec-store .form-control__checkbox:checked ~ .form-control__checkbox-view::after {
    border-color: #c5a059 !important;
    background-color: rgba(197, 160, 89, 0.15) !important;
    color: #f3d895 !important;
}
html#ecwid_html body#ecwid_body .ec-size .ec-store .form-control__checkbox-view::after {
    background-color: rgba(12, 9, 7, 0.9) !important;
    border-color: rgba(197, 160, 89, 0.3) !important;
    border-width: 1px !important;
}

/* ── Hover/Focus Overlay ÜBERALL im Cart komplett weg ── */
/* Checkbox ::before overlay */
html#ecwid_html body#ecwid_body .ec-cart .form-control__checkbox-view::before,
html#ecwid_html body#ecwid_body .ec-cart .form-control--checkbox:hover .form-control__checkbox-view::before,
html#ecwid_html body#ecwid_body .ec-cart .form-control--checkbox:focus-within .form-control__checkbox-view::before {
    display: none !important;
}
/* Button ::after overlay — ALLE form-control Buttons */
html#ecwid_html body#ecwid_body .ec-cart .form-control__button::after,
html#ecwid_html body#ecwid_body .ec-cart .form-control--done .form-control__button::after,
html#ecwid_html body#ecwid_body .ec-cart .form-control__tooltip {
    display: none !important;
    opacity: 0 !important;
}
/* Breitester Kill: ALLE ::before Overlays auf form-control im Cart */
html#ecwid_html body#ecwid_body .ec-cart .form-control::before,
html#ecwid_html body#ecwid_body .ec-cart .form-control:hover::before,
html#ecwid_html body#ecwid_body .ec-cart .form-control:focus-within::before,
html#ecwid_html body#ecwid_body .ec-cart .form-control--text::before,
html#ecwid_html body#ecwid_body .ec-cart .form-control--text:hover::before,
html#ecwid_html body#ecwid_body .ec-cart .form-control--textarea::before,
html#ecwid_html body#ecwid_body .ec-cart .form-control--textarea:hover::before,
html#ecwid_html body#ecwid_body .ec-cart .form-control--button::before,
html#ecwid_html body#ecwid_body .ec-cart .form-control--button:hover::before {
    display: none !important;
    opacity: 0 !important;
    background: none !important;
    box-shadow: none !important;
    border: none !important;
}
/* Breitester Kill: ::after Ring-Border auf Textarea im Cart */
html#ecwid_html body#ecwid_body .ec-cart .form-control--textarea::after,
html#ecwid_html body#ecwid_body .ec-cart .form-control--textarea:hover::after,
html#ecwid_html body#ecwid_body .ec-cart .form-control--textarea:focus-within::after,
html#ecwid_html body#ecwid_body .ec-size .ec-store .form-control--textarea::after,
html#ecwid_html body#ecwid_body .ec-size .ec-store .form-control--textarea:hover::after,
html#ecwid_html body#ecwid_body .ec-size .ec-store .form-control--textarea:focus-within::after,
html#ecwid_html body#ecwid_body .ec-size.ec-size--l .ec-store .form-control--textarea::after,
html#ecwid_html body#ecwid_body .ec-size.ec-size--l .ec-store .form-control--textarea:hover::after,
html#ecwid_html body#ecwid_body .ec-size.ec-size--l .ec-store .form-control--textarea:focus-within::after {
    display: none !important;
    content: none !important;
    opacity: 0 !important;
    background: none !important;
    box-shadow: none !important;
    border: none !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    inset: unset !important;
}

/* ── Checkbox Error State: Text + Box rot wenn nicht akzeptiert ── */
html#ecwid_html body#ecwid_body .ec-cart .form-control--checkbox.form-control--error .form-control__inline-label,
html#ecwid_html body#ecwid_body .ec-cart .form-control--checkbox.form-control--error .form-control__inline-label label {
    color: #e35555 !important;
    -webkit-text-fill-color: #e35555 !important;
}
html#ecwid_html body#ecwid_body .ec-cart .form-control--checkbox.form-control--error .ec-link {
    color: #e35555 !important;
    -webkit-text-fill-color: #e35555 !important;
}
html#ecwid_html body#ecwid_body .ec-cart .form-control--checkbox.form-control--error .form-control__checkbox-view,
html#ecwid_html body#ecwid_body .ec-size .ec-store .form-control--checkbox.form-control--error .form-control__checkbox-view::after {
    border-color: #e35555 !important;
}
/* ── Ecwid's gelbes Highlight (#f2ffaa) → ROT ersetzen ── */
/* 1) Hover-Trigger DEAKTIVIERT — verursachte Flicker-Bug im Gap zwischen Input und AGB.
      Nur der Klick-Trigger (--highlight, unten) bleibt aktiv. */
/* 2) Ecwid Default-Gelb global überschreiben */
html#ecwid_html body#ecwid_body .ec-size .ec-store .form-control__inline-label,
html#ecwid_html body#ecwid_body .ec-cart__agreement .form-control__inline-label,
html#ecwid_html body#ecwid_body .ec-cart .form-control--checkbox .form-control__inline-label {
    background-color: transparent !important;
}
/* 3) Klick auf Weiter (--highlight) + need-agreement → ROT */
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-cart__checkout--highlight .form-control--required .form-control__inline-label,
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-cart__checkout--need-agreement .form-control--required .form-control__inline-label {
    background-color: rgba(227, 85, 85, 0.15) !important;
    color: #e35555 !important;
    -webkit-text-fill-color: #e35555 !important;
    border-radius: 6px !important;
    padding: 6px 8px !important;
}
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-cart__checkout--highlight .form-control--required .form-control__inline-label .ec-link,
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-cart__checkout--need-agreement .form-control--required .form-control__inline-label .ec-link {
    color: #e35555 !important;
    -webkit-text-fill-color: #e35555 !important;
}
/* ── ROT via unsere eigene Klasse .odin-checkbox-error (JS setzt sie) ── */
/* Roter Background auf dem ganzen Checkbox-Bereich */
html#ecwid_html body#ecwid_body .odin-checkbox-error {
    background: rgba(227, 85, 85, 0.1) !important;
    border-radius: 8px !important;
    padding: 8px 10px !important;
}
/* Text + Label rot */
html#ecwid_html body#ecwid_body .odin-checkbox-error .form-control__inline-label,
html#ecwid_html body#ecwid_body .odin-checkbox-error .form-control__inline-label label {
    color: #e35555 !important;
    -webkit-text-fill-color: #e35555 !important;
}
/* Links rot */
html#ecwid_html body#ecwid_body .odin-checkbox-error .form-control__inline-label .ec-link {
    color: #e35555 !important;
    -webkit-text-fill-color: #e35555 !important;
}
/* Checkbox-Box rot */
html#ecwid_html body#ecwid_body .odin-checkbox-error .form-control__checkbox-view,
html#ecwid_html body#ecwid_body .odin-checkbox-error .form-control__checkbox-view::after {
    border-color: #e35555 !important;
}
/* Fallback: Ecwid's eigene .form-control--error auch */
html#ecwid_html body#ecwid_body .ec-cart .form-control--checkbox.form-control--error .form-control__inline-label,
html#ecwid_html body#ecwid_body .ec-cart .form-control--checkbox.form-control--error .form-control__inline-label label {
    color: #e35555 !important;
    -webkit-text-fill-color: #e35555 !important;
}
html#ecwid_html body#ecwid_body .ec-cart .form-control--checkbox.form-control--error .form-control__inline-label .ec-link {
    color: #e35555 !important;
    -webkit-text-fill-color: #e35555 !important;
}
html#ecwid_html body#ecwid_body .ec-cart .form-control--checkbox.form-control--error .form-control__checkbox-view,
html#ecwid_html body#ecwid_body .ec-cart .form-control--checkbox.form-control--error .form-control__checkbox-view::after {
    border-color: #e35555 !important;
}
/* Auch auf dem Fass-Input / Textarea Bereich */
html#ecwid_html body#ecwid_body .ec-cart .form-control--required::before,
html#ecwid_html body#ecwid_body .ec-cart .form-control--required:hover::before,
html#ecwid_html body#ecwid_body .ec-cart .form-control--required .form-control__text,
html#ecwid_html body#ecwid_body .ec-cart .form-control--required .form-control__body {
    background-color: transparent !important;
    background: transparent !important;
}

/* Checkbox SVG: unchecked — unsichtbar (kein weißer Haken) */
html#ecwid_html body#ecwid_body .ec-cart .form-control__checkbox-view svg,
html#ecwid_html body#ecwid_body .ec-cart__agreement .form-control__checkbox-view svg {
    color: transparent !important;
    transition: color 0.2s ease !important;
}

/* ══════════════════════════════════════════════════
   LEGAL POPUP (AGB, Datenschutz, Widerrufsrecht, Impressum)
   ══════════════════════════════════════════════════ */

/* ── Overlay: dunkler, kein eigener Scroll ── */
html#ecwid_html body#ecwid_body .ec-popup__overlay {
    background: rgba(0, 0, 0, 0.85) !important;
    overflow: hidden !important;
}

/* ── Popup Wrap: kein eigener Scroll, nur Body darf scrollen ── */
html#ecwid_html body#ecwid_body .ec-popup__wrap {
    background: transparent !important;
    width: 60% !important;
    max-width: 60% !important;
    min-width: 60% !important;
    overflow: hidden !important;
}
html#ecwid_html body#ecwid_body .ec-popup__body {
    background: #0c0907 !important;
    border: 1px solid rgba(197, 160, 89, 0.2) !important;
    border-radius: 16px !important;
    color: rgba(214, 190, 159, 0.7) !important;
    padding: 32px 36px 28px 36px !important;
    height: 95vh !important;
    max-height: 95vh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
}
/* Text im Popup darf nie abgeschnitten werden */
html#ecwid_html body#ecwid_body .ec-store__legal-page .ec-page-body,
html#ecwid_html body#ecwid_body .ec-store__legal-page .ec-page-body * {
    overflow-wrap: break-word !important;
    word-wrap: break-word !important;
    word-break: break-word !important;
    max-width: 100% !important;
}

/* ── Close X Button: gold + mehr Platz ── */
html#ecwid_html body#ecwid_body .ec-popup__control {
    background: transparent !important;
    padding: 16px 36px 16px 20px !important;
    z-index: 10 !important;
}
html#ecwid_html body#ecwid_body .ec-popup__control-inner {
    color: rgba(197, 160, 89, 0.5) !important;
    transition: color 0.2s ease !important;
}
html#ecwid_html body#ecwid_body .ec-popup__control-inner:hover {
    color: #ffe3a0 !important;
}
html#ecwid_html body#ecwid_body .ec-popup__control-inner svg {
    width: 16px !important;
    height: 16px !important;
}

/* ── Navigation Tabs: uppercase, margin-right, heller inaktiv, Gold-Gradient aktiv ── */
html#ecwid_html body#ecwid_body .ec-page-links__wrapper {
    border-bottom: none !important;
    padding: 0 0 8px 0 !important;
    margin-bottom: 32px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px 0 !important;
    list-style: none !important;
}
html#ecwid_html body#ecwid_body .ec-page-links__item {
    list-style: none !important;
    margin-right: clamp(10px, 1.2vw, 20px) !important;
}
html#ecwid_html body#ecwid_body .ec-page-links__item:last-child {
    margin-right: 0 !important;
}
html#ecwid_html body#ecwid_body .ec-page-links__link {
    font-family: 'ITC Odin Con', serif !important;
    font-size: clamp(0.7rem, 0.8vw, 0.82rem) !important;
    color: rgba(214, 190, 159, 0.55) !important;
    -webkit-text-fill-color: rgba(214, 190, 159, 0.55) !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    letter-spacing: 0.02em !important;
    transition: all 0.2s ease !important;
    padding: 6px 0 !important;
}
html#ecwid_html body#ecwid_body .ec-page-links__link:hover {
    color: #ffe3a0 !important;
    -webkit-text-fill-color: #ffe3a0 !important;
}
/* Aktiver Tab: Gold-Gradient + Glow */
html#ecwid_html body#ecwid_body .ec-page-links__item--selected .ec-page-links__link {
    background: linear-gradient(120deg, #f3d895 0%, #ffe3a0 40%, #fff0c4 70%, #ffe3a0 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: 0 0 12px rgba(241, 198, 91, 0.3) !important;
}

/* ── Page Title im Popup: kleiner damit 1 Zeile bleibt ── */
html#ecwid_html body#ecwid_body .ec-store__legal-page .ec-page-title,
html#ecwid_html body#ecwid_body .ec-store__legal-page .page-title__name {
    font-family: 'ITC Odin Con', serif !important;
    font-weight: 400 !important;
    color: #ffe3a0 !important;
    -webkit-text-fill-color: #ffe3a0 !important;
    font-size: clamp(0.95rem, 1.15vw, 1.2rem) !important;
    letter-spacing: 0.03em !important;
    margin-bottom: 20px !important;
}


html#ecwid_html body#ecwid_body .ec-size.ec-size--l .ec-store .ec-cart__discount--focus .ec-cart-discount-group>* {
margin-bottom: 20px!important;
    margin-top: 20px!important;
}


/* ── Body Text: darkmode ── */
html#ecwid_html body#ecwid_body .ec-store__legal-page .ec-page-body {
    font-family: 'ITC Odin', serif !important;
    font-size: clamp(0.72rem, 0.82vw, 0.82rem) !important;
    font-weight: 400 !important;
    color: rgba(214, 190, 159, 0.6) !important;
    -webkit-text-fill-color: rgba(214, 190, 159, 0.6) !important;
    line-height: 1.7 !important;
}
/* Alle h1-h6 im Body: exakt gleich wie Body-Text (Impressum nutzt überall h3) */
html#ecwid_html body#ecwid_body .ec-store__legal-page .ec-page-body h1,
html#ecwid_html body#ecwid_body .ec-store__legal-page .ec-page-body h2,
html#ecwid_html body#ecwid_body .ec-store__legal-page .ec-page-body h3,
html#ecwid_html body#ecwid_body .ec-store__legal-page .ec-page-body h4,
html#ecwid_html body#ecwid_body .ec-store__legal-page .ec-page-body h5,
html#ecwid_html body#ecwid_body .ec-store__legal-page .ec-page-body h6 {
    font-family: 'ITC Odin', serif !important;
    color: rgba(214, 190, 159, 0.6) !important;
    -webkit-text-fill-color: rgba(214, 190, 159, 0.6) !important;
    font-weight: 400 !important;
    font-size: clamp(0.72rem, 0.82vw, 0.82rem) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    padding: 0 !important;
}
html#ecwid_html body#ecwid_body .ec-store__legal-page .ec-page-body strong,
html#ecwid_html body#ecwid_body .ec-store__legal-page .ec-page-body b {
    color: rgba(214, 190, 159, 0.6) !important;
    -webkit-text-fill-color: rgba(214, 190, 159, 0.6) !important;
    font-weight: 400 !important;
}
html#ecwid_html body#ecwid_body .ec-store__legal-page .ec-page-body a {
    color: #c5a059 !important;
    -webkit-text-fill-color: #c5a059 !important;
}
/* Alle p Margins auf 0 (Datenschutz-Lücken weg) */
html#ecwid_html body#ecwid_body .ec-store__legal-page .ec-page-body p {
    margin: 0 !important;
}
html#ecwid_html body#ecwid_body .ec-store__legal-page .ec-page-body ul {
    padding-left: 20px !important;
}
html#ecwid_html body#ecwid_body .ec-store__legal-page .ec-page-body li {
    margin-bottom: 12px !important;
    color: rgba(214, 190, 159, 0.6) !important;
    -webkit-text-fill-color: rgba(214, 190, 159, 0.6) !important;
}
html#ecwid_html body#ecwid_body .ec-store__legal-page .ec-page-body li::marker {
    color: #c5a059 !important;
}
/* Ecwid's inline style overrides killen (font-size, color etc.) */
html#ecwid_html body#ecwid_body .ec-store__legal-page .ec-page-body span[style] {
    font-size: inherit !important;
    color: inherit !important;
    -webkit-text-fill-color: inherit !important;
    font-weight: 400 !important;
    font-family: inherit !important;
}
html#ecwid_html body#ecwid_body .ec-store__legal-page .ec-page-body div[style],
html#ecwid_html body#ecwid_body .ec-store__legal-page .ec-page-body p[style],
html#ecwid_html body#ecwid_body .ec-store__legal-page .ec-page-body td[style],
html#ecwid_html body#ecwid_body .ec-store__legal-page .ec-page-body th[style],
html#ecwid_html body#ecwid_body .ec-store__legal-page .ec-page-body h3[style],
html#ecwid_html body#ecwid_body .ec-store__legal-page .ec-page-body a[style] {
    font-size: inherit !important;
    color: inherit !important;
    -webkit-text-fill-color: inherit !important;
    font-weight: 400 !important;
    font-family: inherit !important;
    background: transparent !important;
}
/* Alle Elemente im ec-page-body: Farbe + Font erzwingen (Impressum hat eigene Styles) */
html#ecwid_html body#ecwid_body .ec-store__legal-page .ec-page-body * {
    font-weight: 400 !important;
    color: rgba(214, 190, 159, 0.6) !important;
    -webkit-text-fill-color: rgba(214, 190, 159, 0.6) !important;
    font-family: 'ITC Odin', serif !important;
}
/* Tabellen im Impressum etc. */
html#ecwid_html body#ecwid_body .ec-store__legal-page .ec-page-body table {
    border-collapse: collapse !important;
    width: 100% !important;
}
html#ecwid_html body#ecwid_body .ec-store__legal-page .ec-page-body td,
html#ecwid_html body#ecwid_body .ec-store__legal-page .ec-page-body th {
    font-family: 'ITC Odin', serif !important;
    font-size: clamp(0.72rem, 0.82vw, 0.82rem) !important;
    font-weight: 400 !important;
    color: rgba(214, 190, 159, 0.6) !important;
    -webkit-text-fill-color: rgba(214, 190, 159, 0.6) !important;
    padding: 4px 8px !important;
    border: none !important;
}

/* ── Drucken Button: 1:1 wie Weiter Button (Pill + Gold Ring), sticky bottom ── */
html#ecwid_html body#ecwid_body .ec-page-buttons {
    border-top: none !important;
    position: sticky !important;
    bottom: -1px !important;
    background: transparent !important;
    padding: 12px 0 0 0 !important;
    margin: 0 !important;
    z-index: 5 !important;
}
html#ecwid_html body#ecwid_body .ec-page-button--print {
    padding: 0 !important;
    margin: 0 !important;
}
/* Genug Platz unter dem Content damit nichts vom sticky Button verdeckt wird */
html#ecwid_html body#ecwid_body .ec-store__legal-page .ec-page-body {
    padding-bottom: 20px !important;
}
html#ecwid_html body#ecwid_body .ec-page-button--print .form-control {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
html#ecwid_html body#ecwid_body .ec-page-button--print .form-control__button {
    background: #0c0907 !important;
    background-image: none !important;
    width: auto !important;
    padding: 0 clamp(18px, 2vw, 28px) !important;
    margin: 0 auto !important;
    height: 48px !important;
    border-radius: 999px !important;
    border: none !important;
    position: relative !important;
    overflow: visible !important;
    box-shadow: none !important;
    text-shadow: none !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
html#ecwid_html body#ecwid_body .ec-page-button--print .form-control__button::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: 999px !important;
    padding: 2px !important;
    background: linear-gradient(120deg, #6b5028, #8a6535, #a07d42, #8a6535, #6b5028) !important;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
    -webkit-mask-composite: xor !important;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
    mask-composite: exclude !important;
    pointer-events: none !important;
    /* statischer Gradient-Ring, keine Animation */
}
html#ecwid_html body#ecwid_body .ec-page-button--print .form-control__button-text {
    background: linear-gradient(120deg, #f3d895 0%, #ffe3a0 40%, #fff0c4 70%, #ffe3a0 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    font-family: 'ITC Odin Con', serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.02em !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
    padding: 0 !important;
    box-shadow: none !important;
}

/* ── Ecwid Store Wrapper im Popup: kein weißer BG ── */
html#ecwid_html body#ecwid_body .ec-popup .ecwid,
html#ecwid_html body#ecwid_body .ec-popup .ec-size,
html#ecwid_html body#ecwid_body .ec-popup .ec-store,
html#ecwid_html body#ecwid_body .ec-popup .ec-store__content-wrapper {
    background: transparent !important;
    color: inherit !important;
}

/* ── Scrollbar im Popup: dark ── */
html#ecwid_html body#ecwid_body .ec-popup__body::-webkit-scrollbar {
    width: 6px !important;
}
html#ecwid_html body#ecwid_body .ec-popup__body::-webkit-scrollbar-track {
    background: rgba(12, 9, 7, 0.5) !important;
}
html#ecwid_html body#ecwid_body .ec-popup__body::-webkit-scrollbar-thumb {
    background: rgba(197, 160, 89, 0.2) !important;
    border-radius: 3px !important;
}
html#ecwid_html body#ecwid_body .ec-popup__body::-webkit-scrollbar-thumb:hover {
    background: rgba(197, 160, 89, 0.4) !important;
}

/* ══════════════════════════════════════════════════
   LEGAL POPUP — MOBILE RESPONSIVE
   ══════════════════════════════════════════════════ */

/* ── Tablet (≤ 1024px): Popup breiter ── */
@media (max-width: 1024px) {
    html#ecwid_html body#ecwid_body .ec-popup__wrap {
        width: 85% !important;
        max-width: 85% !important;
        min-width: 85% !important;
    }
    html#ecwid_html body#ecwid_body .ec-popup__body {
        padding: 24px 28px 20px 28px !important;
    }
}

/* ── Mobile (≤ 768px): fast Fullscreen ── */
@media (max-width: 768px) {
    html#ecwid_html body#ecwid_body .ec-popup__wrap {
        width: 95% !important;
        max-width: 95% !important;
        min-width: 95% !important;
    }
    html#ecwid_html body#ecwid_body .ec-popup__body {
        padding: 18px 16px 14px 16px !important;
        height: 90vh !important;
        max-height: 90vh !important;
        border-radius: 12px !important;
    }
    /* Tabs: kleiner + wrap */
    html#ecwid_html body#ecwid_body .ec-page-links__link {
        font-size: 0.65rem !important;
        padding: 4px 0 !important;
    }
    html#ecwid_html body#ecwid_body .ec-page-links__item {
        margin-right: 10px !important;
    }
    html#ecwid_html body#ecwid_body .ec-page-links__wrapper {
        margin-bottom: 20px !important;
        gap: 2px 0 !important;
    }
    /* Close Button: weniger Padding */
    html#ecwid_html body#ecwid_body .ec-popup__control {
        padding: 10px 16px 10px 10px !important;
    }
    /* Page Title kleiner */
    html#ecwid_html body#ecwid_body .ec-store__legal-page .ec-page-title,
    html#ecwid_html body#ecwid_body .ec-store__legal-page .page-title__name {
        font-size: 0.85rem !important;
        margin-bottom: 14px !important;
    }
    /* Body Text etwas kleiner */
    html#ecwid_html body#ecwid_body .ec-store__legal-page .ec-page-body {
        font-size: 0.7rem !important;
        line-height: 1.6 !important;
    }
    html#ecwid_html body#ecwid_body .ec-store__legal-page .ec-page-body h1,
    html#ecwid_html body#ecwid_body .ec-store__legal-page .ec-page-body h2,
    html#ecwid_html body#ecwid_body .ec-store__legal-page .ec-page-body h3,
    html#ecwid_html body#ecwid_body .ec-store__legal-page .ec-page-body h4,
    html#ecwid_html body#ecwid_body .ec-store__legal-page .ec-page-body h5,
    html#ecwid_html body#ecwid_body .ec-store__legal-page .ec-page-body h6 {
        font-size: 0.7rem !important;
    }
    /* Drucken Button kleiner */
    html#ecwid_html body#ecwid_body .ec-page-button--print .form-control__button {
        height: 40px !important;
        padding: 0 16px !important;
    }
    html#ecwid_html body#ecwid_body .ec-page-button--print .form-control__button-text {
        font-size: 13px !important;
    }
}

/* ── Kleines Mobile (≤ 480px): maximaler Platz ── */
@media (max-width: 480px) {
    html#ecwid_html body#ecwid_body .ec-popup__wrap {
        width: 98% !important;
        max-width: 98% !important;
        min-width: 98% !important;
    }
    html#ecwid_html body#ecwid_body .ec-popup__body {
        padding: 14px 12px 10px 12px !important;
        height: 92vh !important;
        max-height: 92vh !important;
        border-radius: 10px !important;
    }
    html#ecwid_html body#ecwid_body .ec-page-links__link {
        font-size: 0.58rem !important;
    }
    html#ecwid_html body#ecwid_body .ec-page-links__item {
        margin-right: 6px !important;
    }
}

/* ── FASS Anfrage Headline ── */
html#ecwid_html body#ecwid_body .ec-form__title.ec-header-h6 {
    font-family: 'ITC Odin Con', serif !important;
    font-weight: 400 !important;
    font-size: clamp(0.85rem, 1vw, 1rem) !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
    letter-spacing: 0.03em !important;
}

/* ── Kommentarfeld komplett ausblenden ── */
html#ecwid_html body#ecwid_body .ec-cart-step--payment .form-control--textarea,
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-step__section:has(.form-control--textarea) {
    display: none !important;
}

/* ── Textarea (Kommentar): 1:1 wie Step 2 Form-Felder ── */
/* Ecwid ::after Gold-Ring Border killen — NUR auf Textarea */
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-cart .form-control--textarea.form-control::after,
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-cart-step--payment .form-control--textarea::after,
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-cart-step__body .form-control--textarea::after,
html#ecwid_html body#ecwid_body .ec-size.ec-size--l .ec-store .form-control--textarea::after,
html#ecwid_html body#ecwid_body .ec-size.ec-size--l .ec-store .ec-cart-step--payment .form-control--textarea::after,
html#ecwid_html body#ecwid_body .ec-size.ec-size--l .ec-store .ec-cart .form-control.form-control--textarea::after {
    display: none !important;
    content: none !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    inset: unset !important;
}
/* Basis: subtiler Border, kein Glow, KEIN outline */
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-cart-step--payment .form-control--textarea,
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control--textarea,
html#ecwid_html body#ecwid_body .ec-cart__checkout .form-control--textarea {
    position: relative !important;
    background: rgba(12, 9, 7, 0.8) !important;
    border: 1px solid rgba(197, 160, 89, 0.35) !important;
    border-radius: 10px !important;
    padding: 0 !important;
    overflow: visible !important;
    box-shadow: none !important;
    outline: none !important;
    outline-width: 0 !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}
/* Ecwid :has() outline+shadow Override — auch wenn Textarea leer oder gefüllt */
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control:not(.form-control--button):not(.form-control--checkbox):not(.form-control--radio):has(textarea),
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control:not(.form-control--button):not(.form-control--checkbox):not(.form-control--radio):has(textarea:not(:placeholder-shown)),
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control--textarea.form-control--empty {
    outline: none !important;
    outline-width: 0 !important;
    box-shadow: none !important;
    border: 1px solid rgba(197, 160, 89, 0.35) !important;
}
/* Hover: KEIN Effekt — identisch zu Default */
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control:not(.form-control--button):not(.form-control--checkbox):not(.form-control--radio):has(textarea):hover,
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control--textarea:hover,
html#ecwid_html body#ecwid_body .ec-size .ec-store .form-control--textarea:hover {
    outline: none !important;
    outline-width: 0 !important;
    box-shadow: none !important;
    border: 1px solid rgba(197, 160, 89, 0.35) !important;
}
/* Focus: gold Border + Glow */
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control:not(.form-control--button):not(.form-control--checkbox):not(.form-control--radio):has(textarea):focus-within,
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-cart-step--payment .form-control--textarea:focus-within,
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control--textarea:focus-within,
html#ecwid_html body#ecwid_body .ec-cart__checkout .form-control--textarea:focus-within {
    border: 1px solid #c5a059 !important;
    box-shadow: 0 0 12px rgba(197, 160, 89, 0.25) !important;
    outline: none !important;
}
/* Hat Content (nicht leer): gold Border + Glow */
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control:not(.form-control--button):not(.form-control--checkbox):not(.form-control--radio):has(textarea:not(:placeholder-shown)):not(:focus-within),
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-cart-step--payment .form-control--textarea:not(.form-control--empty),
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control--textarea:not(.form-control--empty),
html#ecwid_html body#ecwid_body .ec-cart__checkout .form-control--textarea:not(.form-control--empty) {
    border: 1px solid #c5a059 !important;
    box-shadow: 0 0 12px rgba(197, 160, 89, 0.25) !important;
    outline: none !important;
}
/* Das Textarea-Element selbst — Border kommt vom Wrapper, nicht vom textarea */
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control--textarea .form-control__textarea,
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-step__body .form-control__textarea,
html#ecwid_html body#ecwid_body .ec-cart-step__body textarea.form-control__textarea {
    font-family: 'ITC Odin Con', serif !important;
    font-size: 19px !important;
    letter-spacing: 0.5px !important;
    background: transparent !important;
    color: #ffe3a0 !important;
    -webkit-text-fill-color: #ffe3a0 !important;
    border: none !important;
    border-width: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    padding: 16px 20px !important;
    width: 100% !important;
    min-height: 100px !important;
    resize: vertical !important;
    caret-color: #ffe3a0 !important;
}
/* Placeholder: oben-links, nicht vertikal zentriert */
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control--textarea .form-control__placeholder,
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control--textarea .form-control__placeholder-inner,
html#ecwid_html body#ecwid_body .ec-cart-step--payment .form-control--textarea .form-control__placeholder,
html#ecwid_html body#ecwid_body .ec-cart-step--payment .form-control--textarea .form-control__placeholder-inner {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    transform: none !important;
    padding: 16px 20px !important;
    font-family: 'ITC Odin Con', serif !important;
    font-size: 17px !important;
    color: #7a6a55 !important;
    -webkit-text-fill-color: #7a6a55 !important;
    opacity: 0.7 !important;
    pointer-events: none !important;
    text-align: left !important;
    height: auto !important;
    vertical-align: top !important;
    white-space: pre-line !important;
    display: block !important;
    transition: opacity 0.15s ease !important;
}
/* Placeholder weg: auf Focus ODER wenn Content drin ist (nicht mehr empty) */
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control--textarea:focus-within .form-control__placeholder,
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control--textarea:focus-within .form-control__placeholder-inner,
html#ecwid_html body#ecwid_body .ec-cart-step--payment .form-control--textarea:focus-within .form-control__placeholder,
html#ecwid_html body#ecwid_body .ec-cart-step--payment .form-control--textarea:focus-within .form-control__placeholder-inner,
html#ecwid_html body#ecwid_body .form-control--textarea:not(.form-control--empty) .form-control__placeholder,
html#ecwid_html body#ecwid_body .form-control--textarea:not(.form-control--empty) .form-control__placeholder-inner,
html#ecwid_html body#ecwid_body .form-control--textarea .form-control__placeholder--hidden,
html#ecwid_html body#ecwid_body .form-control--textarea:has(textarea:not(:placeholder-shown)) .form-control__placeholder,
html#ecwid_html body#ecwid_body .form-control--textarea:has(textarea:not(:placeholder-shown)) .form-control__placeholder-inner {
    opacity: 0 !important;
    visibility: hidden !important;
}
/* Goldener Resize-Handle */
html#ecwid_html body#ecwid_body .ec-cart__checkout .form-control__textarea::-webkit-resizer,
html#ecwid_html body#ecwid_body .ec-cart-step--payment .form-control__textarea::-webkit-resizer {
    background: linear-gradient(135deg, transparent 40%, #c5a059 40%, #c5a059 45%, transparent 45%, transparent 55%, #c5a059 55%, #c5a059 60%, transparent 60%, transparent 70%, #c5a059 70%, #c5a059 75%, transparent 75%) !important;
}

/* ── Weiter Button: Pill + Gold Ring (wie Sammeln-Button) ── */
html#ecwid_html body#ecwid_body .ec-cart__button--checkout .form-control__button {
    background: transparent !important;
    background-image: none !important;
    width: 100% !important;
    height: 50px !important;
    border-radius: 999px !important;
    position: relative !important;
    overflow: visible !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border: none !important;
    cursor: pointer !important;
}
html#ecwid_html body#ecwid_body .ec-cart__button--checkout .form-control__button::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: 999px !important;
    padding: 2px !important;
    background: linear-gradient(120deg, #c5a059, #d4b06a, #f3d895, #ffe3a0, #f3d895, #d4b06a, #c5a059) !important;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
    -webkit-mask-composite: xor !important;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
    mask-composite: exclude !important;
    pointer-events: none !important;
}
html#ecwid_html body#ecwid_body .ec-cart__button--checkout .form-control__button-text {
    background: linear-gradient(120deg, #f3d895 0%, #ffe3a0 40%, #fff0c4 70%, #ffe3a0 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-family: 'ITC Odin Con', serif !important;
    font-size: 1.15rem !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.02em !important;
    white-space: nowrap !important;
}

/* ---------------------------------------------------------
   BESIEGELUNG (Step IV) — Payment Page Specifics
   --------------------------------------------------------- */

/* Payment Body: volle Breite, kein Offset */
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-step__body,
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-step__wrap {
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart__body {
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}
/* Payment Body: Padding wie Pfad-Step */
@media (max-width: 820px) {
    html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-step__body {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
}
@media (max-width: 599px) {
    html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-step__body {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
}
@media (max-width: 380px) {
    html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-step__body {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }
}

/* Bank-Details Text (IBAN, BIC, Kontoinhaber bei Vorkasse) */
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-step__text,
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-step__section > p,
html#ecwid_html body#ecwid_body .ec-cart-payment__details,
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-step__section,
html#ecwid_html body#ecwid_body .ec-cart-step--payment address,
html#ecwid_html body#ecwid_body .ec-cart-step--payment td,
html#ecwid_html body#ecwid_body .ec-cart-step--payment th,
html#ecwid_html body#ecwid_body .ec-cart-step--payment label,
html#ecwid_html body#ecwid_body .ec-cart-step--payment span:not([class*="button"]) {
    font-family: 'ITC Odin Con', serif !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
    line-height: 1.6 !important;
}
/* Sections auf Payment: Separators + Spacing */
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-step__section {
    border-bottom: 1px solid rgba(197, 160, 89, 0.12) !important;
    padding-bottom: 16px !important;
    margin-bottom: 16px !important;
}
/* Links auf Payment */
html#ecwid_html body#ecwid_body .ec-cart-step--payment a:not(.form-control__button) {
    color: #c5a059 !important;
    -webkit-text-fill-color: #c5a059 !important;
    text-decoration: none !important;
    font-family: 'ITC Odin Con', serif !important;
}

/* Payment: "Wer soll die Trünke bekommen?" + "Wo sollen die Trünke ankommen?" gleiche Größe */
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-step__mandatory-fields-notice,
html#ecwid_html body#ecwid_body .ec-cart-step--payment .odin-section-heading-inline {
    font-family: 'ITC Odin Con', serif !important;
    font-size: 1.7rem !important;
    font-style: normal !important;
    font-weight: 400 !important;
    letter-spacing: 0.02em !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
    text-align: center !important;
    line-height: 2rem !important;
}

/* Payment Section Headlines — 1:1 wie Pfad Section Headings */
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-step__section-title,
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-header-h4,
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-header-h5,
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-header-h6 {
    font-family: 'ITC Odin Con', serif !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
    text-transform: uppercase !important;
    letter-spacing: 0.02em !important;
    font-size: 1.3rem !important;
    font-style: normal !important;
    font-weight: 400 !important;
    text-align: center !important;
    margin-top: 30px !important;
    margin-bottom: 18px !important;
    line-height: 1.6rem !important;
}

/* Order Summary auf Payment-Seite: Menge-Text golden */
html#ecwid_html body#ecwid_body .ec-cart__body .ec-cart-item__count,
html#ecwid_html body#ecwid_body .ec-cart__body .ec-cart-item__qty,
html#ecwid_html body#ecwid_body .ec-cart__body [class*="cart-item__count"],
html#ecwid_html body#ecwid_body .ec-cart__body [class*="cart-item__qty"] {
    font-family: 'ITC Odin Con', serif !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
    font-size: 0.85rem !important;
}

/* Hide edit/remove controls in payment step order summary */
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-item__wrap-remove,
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-item__count-wrap .form-control__button--increment,
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-item__count-wrap .form-control__button--decrement {
    display: none !important;
}

/* Blinkende Punkte auch auf Payment-Seite verstecken */
html#ecwid_html body#ecwid_body .ec-cart-step--payment [class*="marker-required"],
html#ecwid_html body#ecwid_body .ec-cart-step--payment .form-control__mark {
    display: none !important;
    animation: none !important;
}

/* ── Besiegeln Button — GRÜN (Payment-Step: Bestellung aufgeben) ── */
html#ecwid_html body#ecwid_body .ec-cart-step--payment .form-control__button,
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart__button .form-control__button,
html#ecwid_html body#ecwid_body .ec-cart-step--payment .form-control--done .form-control__button {
    background: linear-gradient(135deg, #2d6e2a 0%, #3a8f36 30%, #4CAF50 50%, #3a8f36 70%, #2d6e2a 100%) !important;
    background-image: linear-gradient(135deg, #2d6e2a 0%, #3a8f36 30%, #4CAF50 50%, #3a8f36 70%, #2d6e2a 100%) !important;
    border: none !important;
    box-shadow: 0 0 15px rgba(76, 175, 80, 0.3), 0 2px 8px rgba(0, 0, 0, 0.4) !important;
    border-radius: 999px !important;
    height: 50px !important;
    width: 100% !important;
    cursor: pointer !important;
    position: relative !important;
    overflow: visible !important;
    transition: box-shadow 0.3s ease, filter 0.3s ease !important;
}
html#ecwid_html body#ecwid_body .ec-cart-step--payment .form-control__button:hover,
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart__button .form-control__button:hover,
html#ecwid_html body#ecwid_body .ec-cart-step--payment .form-control--done .form-control__button:hover {
    box-shadow: 0 0 20px rgba(76, 175, 80, 0.5), 0 0 40px rgba(76, 175, 80, 0.2), 0 2px 8px rgba(0, 0, 0, 0.4) !important;
    filter: brightness(1.1) !important;
}
/* Grüner Button: Gold Ring ::before ausblenden */
html#ecwid_html body#ecwid_body .ec-cart-step--payment .form-control__button::before,
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart__button .form-control__button::before,
html#ecwid_html body#ecwid_body .ec-cart-step--payment .form-control--done .form-control__button::before {
    display: none !important;
}
/* Text: Weiß statt Gold-Gradient */
html#ecwid_html body#ecwid_body .ec-cart-step--payment .form-control__button-text,
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart__button .form-control__button-text,
html#ecwid_html body#ecwid_body .ec-cart-step--payment .form-control--done .form-control__button-text {
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
    -webkit-text-fill-color: #fff !important;
    color: #fff !important;
    font-family: 'ITC Odin Con', serif !important;
    font-size: 1.15rem !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3)) !important;
    white-space: nowrap !important;
}

/* ── PayPal Buttons: weißen Hintergrund KOMPLETT eliminieren ── */
/* KERN-FIX: color-scheme auf allen Containern + iFrames zurücksetzen.
   PayPal erbt color-scheme: light vom Browser-Default und rendert
   weiße Hintergründe in seinen iFrames. Mit color-scheme: none
   erzwingen wir transparente Hintergründe. */

/* 1) Container + Wrapper: transparent + color-scheme reset */
html#ecwid_html body#ecwid_body .ec-cart-step--payment .paypal-buttons,
html#ecwid_html body#ecwid_body .ec-cart-step--payment .paypal-button-container,
html#ecwid_html body#ecwid_body .ec-cart-step--payment [class*="paypal"],
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart__paypal-section,
html#ecwid_html body#ecwid_body .ec-cart-step--payment .zoid-component-frame,
html#ecwid_html body#ecwid_body .ec-cart-step--payment .paypal-button-row,
html#ecwid_html body#ecwid_body .ec-cart-step--payment .paypal-button,
html#ecwid_html body#ecwid_body .ec-cart-step--payment [id*="paypal"],
html#ecwid_html body#ecwid_body .ec-cart-step--payment [id*="zoid"],
html#ecwid_html body#ecwid_body .ec-cart-step--payment .paypal-buttons *,
html#ecwid_html body#ecwid_body .ec-cart-step--payment [class*="paypal"] *,
html#ecwid_html body#ecwid_body .ec-cart-step--payment .paypal-button-label-container,
html#ecwid_html body#ecwid_body .ec-cart-step--payment .paypal-mark {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    color-scheme: none !important;
}

/* 2) iFrames: color-scheme: none + transparent */
html#ecwid_html body#ecwid_body .ec-cart-step--payment iframe[name*="paypal"],
html#ecwid_html body#ecwid_body .ec-cart-step--payment iframe[title*="PayPal"],
html#ecwid_html body#ecwid_body .ec-cart-step--payment iframe[class*="zoid"],
html#ecwid_html body#ecwid_body .ec-cart-step--payment iframe[id*="paypal"],
html#ecwid_html body#ecwid_body .ec-cart-step--payment .paypal-buttons iframe,
html#ecwid_html body#ecwid_body .ec-cart-step--payment [class*="paypal"] iframe,
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart__paypal-section iframe {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    color-scheme: none !important;
}

/* 3) Ecwid-interne Payment-Method Wrapper */
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-step__section div[class*="payment"],
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-radiogroup__data div,
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-step__section--payment-method div[style*="background"] {
    background: transparent !important;
    background-color: transparent !important;
    color-scheme: none !important;
}

/* 4) Payment-Method Tiles (Vorkasse/PayPal): Höhe + Icon-Größe */
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-step__section--payment-method .ec-radiogroup__item,
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-radiogroup__item {
    min-height: 180px !important;
}
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-step__section--payment-method .ec-radiogroup__item img,
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-step__section--payment-method .ec-radiogroup__item svg,
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-step__section--payment-method .ec-radiogroup__icon {
    width: 125px !important;
    height: 125px !important;
    max-width: 125px !important;
    max-height: 125px !important;
    display: block !important;
}
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-step__section--payment-method .ec-radiogroup__item [class*="image"],
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-step__section--payment-method .ec-radiogroup__item [class*="icon"],
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-step__section--payment-method .ec-radiogroup__item [class*="Icon"] {
    background-size: 125px 125px !important;
    width: 125px !important;
    height: 125px !important;
    display: block !important;
}

/* ---------------------------------------------------------
   BESIEGELN: "Andere Adresse verwenden" → Viking Pill Button
   --------------------------------------------------------- */
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-step__section > p > a.ec-link {
    /* RESET */
    all: unset !important;

    /* Pill Layout */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    padding: 0 40px !important;
    height: 58px !important;
    margin-top: 14px !important;

    /* Transparent Background — Gold Ring via ::before */
    background: transparent !important;
    background-image: none !important;
    background-color: transparent !important;
    border-radius: 999px !important;
    position: relative !important;
    overflow: visible !important;

    /* Kein Border */
    border: none !important;
    border-width: 0 !important;
    border-style: none !important;
    box-shadow: none !important;
    outline: none !important;

    /* Text — Gold Gradient */
    font-family: 'ITC Odin Con', serif !important;
    font-size: 1rem !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.02em !important;
    text-shadow: none !important;
    background: linear-gradient(90deg, #ffe298 0%, #fcdcb1 60%, #f7e8b0 100%, #fff6d0 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 1px 0px rgba(0,0,0,0.5)) !important;

    cursor: pointer !important;
    transition: filter 0.3s ease !important;
    box-sizing: border-box !important;
}
/* Gold Ring Border via ::before */
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-step__section > p > a.ec-link::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: 999px !important;
    padding: 2px !important;
    background: linear-gradient(120deg, #c5a059, #d4b06a, #f3d895, #ffe3a0, #f3d895, #d4b06a, #c5a059) !important;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
    -webkit-mask-composite: xor !important;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
    mask-composite: exclude !important;
    pointer-events: none !important;
}
/* Hover — Gold Glow wie Sammeln-Button */
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-step__section > p > a.ec-link:hover {
    filter: drop-shadow(0 0 12px rgba(244, 192, 100, 0.5)) !important;
    border: none !important;
    box-shadow: none !important;
}

/* ---------------------------------------------------------
   BESIEGELN: Adresse 30% größer
   --------------------------------------------------------- */
/* Nur die Rechnungsadresse (erste Section, direkte p ohne Subtitle-Klasse) */
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-step__body > .ec-cart-step__section:first-child > p:not(.ec-cart-step__subtitle) {
    font-size: 1.3rem !important;
    line-height: 1.4 !important;
    text-align: center !important;
}
/* Adresse + "Andere Adresse verwenden" zentriert */
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-step__body > .ec-cart-step__section:first-child {
    text-align: center !important;
}
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-step__body > .ec-cart-step__section:first-child > p {
    text-align: center !important;
}

/* ---------------------------------------------------------
   COUPON & SHOPPING LINKS (Gutschein, Einkauf fortsetzen)
   --------------------------------------------------------- */
/* Fraunces Variable — separate name to avoid static conflict */
@font-face {
  font-display: swap;
  font-family: 'FrauncesVar';
  font-style: normal;
  font-weight: 100 900;
  src: url('/wp-content/uploads/2026/02/Fraunces-VariableFont.ttf') format('truetype');
}

html#ecwid_html body#ecwid_body .ec-cart-coupon__text,
html#ecwid_html body#ecwid_body .ec-cart-shopping__wrap {
    font-family: 'ITC Odin Con', serif !important;
    font-weight: 400 !important;
    font-variation-settings: 'opsz' 72, 'SOFT' 0, 'WONK' 1 !important;
    font-size: clamp(0.95rem, 1.1vw, 1.1rem) !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
    letter-spacing: 0.01em !important;
    position: relative !important;
    z-index: 2 !important;
    pointer-events: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
}
/* Nur Links/Buttons innerhalb klickbar — nicht die ganze Fläche */
html#ecwid_html body#ecwid_body .ec-cart-coupon__text .ec-link,
html#ecwid_html body#ecwid_body .odin-trunklager-btn,
html#ecwid_html body#ecwid_body .odin-shopping-headline {
    pointer-events: auto !important;
}
html#ecwid_html body#ecwid_body .ec-cart-coupon__text .ec-link,
html#ecwid_html body#ecwid_body .ec-cart-shopping__wrap .ec-link {
    font-family: 'ITC Odin Con', serif !important;
    font-weight: 500 !important;
    font-size: 1.1rem !important;
    letter-spacing: 0.02em !important;
    color: #F4C064 !important;
    -webkit-text-fill-color: #F4C064 !important;
    text-decoration: none !important;
}
/* Shopping-Text: original verstecken, ::before als Headline */
html#ecwid_html body#ecwid_body .ec-cart-shopping__wrap .odin-trunklager-btn,
html#ecwid_html body#ecwid_body .ec-cart-shopping__wrap .odin-shopping-headline {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}
/* ::before nicht mehr nötig — echtes Element via JS (.odin-shopping-headline) */
html#ecwid_html body#ecwid_body .ec-cart-shopping__wrap::before {
    display: none !important;
}
html#ecwid_html body#ecwid_body .odin-shopping-headline {
    font-family: 'ITC Odin Con', serif !important;
    font-size: clamp(0.95rem, 1.1vw, 1.1rem) !important;
    font-weight: 400 !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
    display: inline !important;
    margin-bottom: 0 !important;
    -webkit-user-select: text !important;
    user-select: text !important;
}
/* Original Link verstecken */
html#ecwid_html body#ecwid_body .ec-cart-shopping__wrap .ec-link {
    display: none !important;
}
/* ::after nicht mehr nötig — echtes Element via JS (.odin-trunklager-btn) */
html#ecwid_html body#ecwid_body .ec-cart-shopping__wrap::after {
    display: none !important;
    content: none !important;
}
/* "Zurück zum Trunklager" Button — echtes Element mit eigenem :hover */
html#ecwid_html body#ecwid_body .odin-trunklager-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    padding: 0 clamp(18px, 2vw, 28px) !important;
    height: 48px !important;
    margin-top: 0 !important;
    font-family: 'ITC Odin Con', serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.02em !important;
    /* Gold Gradient Text 1:1 wie Anwenden/Abbrechen */
    background: linear-gradient(120deg, #f3d895 0%, #ffe3a0 40%, #fff0c4 70%, #ffe3a0 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: #ffe3a0 !important;
    text-decoration: none !important;
    border: none !important;
    border-radius: 999px !important;
    cursor: pointer !important;
    position: relative !important;
    overflow: visible !important;
    z-index: 2 !important;
    pointer-events: auto !important;
    box-shadow: none !important;
}
/* Hover 1:1 wie Anwenden/Abbrechen — filter statt box-shadow (wird nicht abgeschnitten) */
html#ecwid_html body#ecwid_body .odin-trunklager-btn:hover {
    filter: brightness(1.15) drop-shadow(0 0 12px rgba(230, 168, 91, 0.7)) !important;
    box-shadow: none !important;
}
/* Gold Ring ::before 1:1 wie Anwenden/Abbrechen */
html#ecwid_html body#ecwid_body .odin-trunklager-btn::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: 999px !important;
    padding: 2px !important;
    background: linear-gradient(120deg, #7a6035, #a07d42, #c5a059, #a07d42, #7a6035) !important;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
    -webkit-mask-composite: xor !important;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
    mask-composite: exclude !important;
    pointer-events: none !important;
}
/* Kein Hover-Glow — würde abgeschnitten */
/* Gutschein-Link → Pill Button 1:1 wie Abbrechen/Anwenden mit animated Gold Ring */
/* Headline "Gutschein einlösen" bleibt sichtbar — nur der Link wird zum Button */
html#ecwid_html body#ecwid_body .ec-cart-coupon__text .ec-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    padding: 0 clamp(18px, 2vw, 28px) !important;
    height: 48px !important;
    margin-top: 12px !important;
    font-family: 'ITC Odin Con', serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.02em !important;
    /* Gold Gradient Text 1:1 wie Anwenden/Abbrechen */
    background: linear-gradient(120deg, #f3d895 0%, #ffe3a0 40%, #fff0c4 70%, #ffe3a0 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: #ffe3a0 !important;
    text-decoration: none !important;
    border: none !important;
    border-radius: 999px !important;
    cursor: pointer !important;
    position: relative !important;
    overflow: visible !important;
    z-index: 2 !important;
    pointer-events: auto !important;
    box-shadow: none !important;
}
/* Hover 1:1 wie Anwenden/Abbrechen — filter statt box-shadow (wird nicht abgeschnitten) */
html#ecwid_html body#ecwid_body .ec-cart-coupon__text .ec-link:hover {
    filter: brightness(1.15) drop-shadow(0 0 12px rgba(230, 168, 91, 0.7)) !important;
    box-shadow: none !important;
    text-decoration: none !important;
}
/* Gold Ring ::before 1:1 wie Anwenden/Abbrechen */
html#ecwid_html body#ecwid_body .ec-cart-coupon__text .ec-link::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: 999px !important;
    padding: 2px !important;
    background: linear-gradient(120deg, #7a6035, #a07d42, #c5a059, #a07d42, #7a6035) !important;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
    -webkit-mask-composite: xor !important;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
    mask-composite: exclude !important;
    pointer-events: none !important;
}
/* .ec-link im Shopping-Wrap ist hidden — hover nicht mehr nötig */

/* ---------------------------------------------------------
   COUPON DROPDOWN — Odin Style (Gold Ring Pill Buttons)
   --------------------------------------------------------- */
/* Container: overflow sichtbar für Glow + ::before Rings */
/* ── Gutschein Styling — SICHTBAR ── */
html#ecwid_html body#ecwid_body .ec-cart-coupon,
html#ecwid_html body#ecwid_body .ec-cart-coupon__body,
html#ecwid_html body#ecwid_body .ec-cart-coupon__content {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    overflow: visible !important;
    padding: 0 !important;
    pointer-events: auto !important;
}
/* Eltern-Container: overflow visible für Glow-Effekte */
html#ecwid_html body#ecwid_body .ec-cart__sidebar,
html#ecwid_html body#ecwid_body .ec-cart__body {
    overflow: visible !important;
}

/* ── Gesamtes Coupon-Formular: Flex-Row mit Gap ── */
/* NUR form/ec-form forcen, NICHT __body — Ecwid steuert __body Sichtbarkeit */
html#ecwid_html body#ecwid_body .ec-cart-coupon__body form,
html#ecwid_html body#ecwid_body .ec-cart-coupon form,
html#ecwid_html body#ecwid_body .ec-cart-coupon .ec-form {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
    overflow: visible !important;
    padding: 0 !important;
}
/* __body: NUR Styling, kein display-override */
html#ecwid_html body#ecwid_body .ec-cart-coupon__body {
    align-items: center !important;
    gap: 12px !important;
    overflow: visible !important;
    padding: 0 !important;
}

/* Ecwid form-control Wrapper — Reset */
html#ecwid_html body#ecwid_body .ec-cart-coupon .form-control,
html#ecwid_html body#ecwid_body .ec-cart-coupon .form-control--text,
html#ecwid_html body#ecwid_body .ec-cart-coupon .form-control--button {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    width: auto !important;
    min-width: 0 !important;
    flex-shrink: 0 !important;
}
/* Button-Wrapper nebeneinander (Sichtbarkeit via __body gesteuert) */
html#ecwid_html body#ecwid_body .ec-cart-coupon .form-control--button {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    gap: 12px !important;
}
/* Text-Input Wrapper soll wachsen */
html#ecwid_html body#ecwid_body .ec-cart-coupon .form-control--text {
    flex: 1 1 200px !important;
}

/* ── Input Field — größer + weißer Focus-Glow ── */
html#ecwid_html body#ecwid_body .ec-cart-coupon input[type="text"],
html#ecwid_html body#ecwid_body .ec-cart-coupon .form-control__text {
    font-family: 'ITC Odin Con', serif !important;
    font-size: clamp(1rem, 1.2vw, 1.15rem) !important;
    font-weight: 400 !important;
    /* Gold Gradient Text wie unsere Inputs */
    background: linear-gradient(120deg, #f3d895 0%, #ffe3a0 40%, #fff0c4 70%, #ffe3a0 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: #F4C064 !important;
    border: 1.5px solid rgba(197, 160, 89, 0.35) !important;
    border-radius: 999px !important;
    padding: 0 22px !important;
    height: 48px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    outline: none !important;
    box-shadow: none !important;
    letter-spacing: 0.04em !important;
}
/* Focus: nur Border-Farbe, kein Glow */
html#ecwid_html body#ecwid_body .ec-cart-coupon input[type="text"]:focus,
html#ecwid_html body#ecwid_body .ec-cart-coupon .form-control__text:focus {
    border-color: rgba(241, 198, 91, 0.7) !important;
    box-shadow: none !important;
}
/* Placeholder */
html#ecwid_html body#ecwid_body .ec-cart-coupon input::placeholder,
html#ecwid_html body#ecwid_body .ec-cart-coupon .form-control__placeholder {
    color: rgba(197, 160, 89, 0.4) !important;
    -webkit-text-fill-color: rgba(197, 160, 89, 0.4) !important;
    background: none !important;
    font-family: 'ITC Odin Con', serif !important;
    font-weight: 400 !important;
    font-size: clamp(1rem, 1.2vw, 1.15rem) !important;
}
/* Ecwid doppelten Placeholder-Span verstecken wenn Input Wert hat */
html#ecwid_html body#ecwid_body .ec-cart-coupon .form-control__placeholder--hidden {
    display: none !important;
}

/* ── Buttons: Gold Ring Pill (ANWENDEN + ABBRECHEN) ── */
@property --coupon-border-angle {
    syntax: '<angle>';
    initial-value: 0deg;
    inherits: false;
}
@keyframes coupon-rotate-border {
    to { --coupon-border-angle: 360deg; }
}
/* ── Coupon-Buttons: Override .form-control__button NUR im Coupon-Bereich ── */
/* Erbt von Zeile ~395 den btn_odin_3.png Style — hier überschreiben wir nur für Coupon */
html#ecwid_html body#ecwid_body .ec-cart-coupon .form-control__button,
html#ecwid_html body#ecwid_body .ec-cart-coupon .form-control--button .form-control__button {
    /* Gold Gradient Text 1:1 wie Sammeln */
    background: linear-gradient(120deg, #f3d895 0%, #ffe3a0 40%, #fff0c4 70%, #ffe3a0 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    /* Auto width statt fixed */
    width: auto !important;
    min-width: auto !important;
    height: 48px !important;
    padding: 0 clamp(18px, 2vw, 28px) !important;
    /* Pill-Form */
    border-radius: 999px !important;
    border: none !important;
    position: relative !important;
    overflow: visible !important;
    /* Text kleiner — 1:1 wie Sammeln */
    font-family: 'ITC Odin Con', serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    text-shadow: none !important;
    letter-spacing: 0.02em !important;
    box-shadow: none !important;
    --coupon-border-angle: 0deg;
    margin-left: 20px !important;
    margin-right: 0 !important;
    flex-shrink: 0 !important;
}
/* Gold Ring ::before */
html#ecwid_html body#ecwid_body .ec-cart-coupon .form-control__button::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: 999px !important;
    padding: 2px !important;
    background: linear-gradient(120deg, #7a6035, #a07d42, #c5a059, #a07d42, #7a6035) !important;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
    -webkit-mask-composite: xor !important;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
    mask-composite: exclude !important;
    pointer-events: none !important;
    /* statischer Gradient-Ring, keine Animation */
}
/* Hover — filter brightness+drop-shadow, kein box-shadow (wird nicht abgeschnitten) */
html#ecwid_html body#ecwid_body .ec-cart-coupon .form-control__button:hover {
    filter: brightness(1.15) drop-shadow(0 0 12px rgba(230, 168, 91, 0.7)) !important;
    box-shadow: none !important;
}
/* Mobile: statischer Gradient */
@media screen and (max-width: 768px) {
    html#ecwid_html body#ecwid_body .ec-cart-coupon .form-control__button::before {
        animation: none !important;
       background: linear-gradient(120deg, #7a6035, #a07d42, #c5a059, #a07d42, #7a6035) !important;
    }
}

/* Coupon-Button Text sichtbar machen */
html#ecwid_html body#ecwid_body .ec-cart-coupon .form-control__button-text,
html#ecwid_html body#ecwid_body .ec-cart-coupon .form-control__button span {
    background: linear-gradient(90deg, #ffe298 0%, #fcdcb1 60%, #f7e8b0 100%, #fff6d0 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-family: 'ITC Odin Con', serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.02em !important;
    text-shadow: none !important;
    display: inline !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Success / Error messages */
html#ecwid_html body#ecwid_body .ec-cart-coupon__message,
html#ecwid_html body#ecwid_body .ec-cart-coupon__message--applied {
    font-family: 'ITC Odin Con', serif !important;
    font-size: clamp(0.85rem, 1vw, 0.95rem) !important;
    color: #a3d977 !important;
    -webkit-text-fill-color: #a3d977 !important;
    letter-spacing: 0.02em !important;
    margin-top: 6px !important;
}
html#ecwid_html body#ecwid_body .ec-cart-coupon__message--error {
    color: #e35555 !important;
    -webkit-text-fill-color: #e35555 !important;
    font-weight: 400 !important;
    padding-left: 12px !important;
}
/* Coupon Error via .form__msg--error (Ecwid's eigene Klasse) */
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-cart-coupon .form__msg--error,
html#ecwid_html body#ecwid_body .ec-cart-coupon .form__msg--error {
    color: #e35555 !important;
    -webkit-text-fill-color: #e35555 !important;
    font-family: 'ITC Odin Con', serif !important;
    font-size: clamp(0.72rem, 0.8vw, 0.82rem) !important;
    font-weight: 400 !important;
    padding-left: 12px !important;
    margin-top: 6px !important;
}

/* ---------------------------------------------------------
   SHIPPING METHOD / PAYMENT METHOD Sections
   --------------------------------------------------------- */
html#ecwid_html body#ecwid_body .ec-cart-shipping__method-name,
html#ecwid_html body#ecwid_body .ec-cart-payment__method-name,
html#ecwid_html body#ecwid_body .ec-radiogroup__item label {
    font-family: 'ITC Odin Con', serif !important;
    font-size: 1.1rem !important;
    font-weight: 400 !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
    letter-spacing: 1.5px !important;
}
/* Payment Radio Styles → komplett in odin-address-autocomplete.php inline <style> */
/* (dort definiert damit sie NACH Ecwid's CSS laden und sicher gewinnen) */
/* Fließtext / Beschreibung unter Versandarten */
html#ecwid_html body#ecwid_body .ec-cart-shipping__description,
html#ecwid_html body#ecwid_body .ec-cart-shipping__delivery-date,
html#ecwid_html body#ecwid_body .ec-radiogroup__item .ec-radiogroup__data,
html#ecwid_html body#ecwid_body .ec-cart-shipping__method-description,
html#ecwid_html body#ecwid_body .ec-cart-payment__method-description {
    font-family: 'ITC Odin Con', serif !important;
    font-weight: 400 !important;
    font-size: 0.9rem !important;
    letter-spacing: 0.01em !important;
    color: rgba(214, 190, 159, 0.6) !important;
    -webkit-text-fill-color: rgba(214, 190, 159, 0.6) !important;
    background: none !important;
    filter: none !important;
    line-height: 1.5 !important;
}

html#ecwid_html body#ecwid_body .ec-radiogroup__item--checked label {
    color: #F4C064 !important;
    text-shadow: 0 0 8px rgba(244, 192, 100, 0.3) !important;
}

html#ecwid_html body#ecwid_body .ec-cart-shipping__price,
html#ecwid_html body#ecwid_body .ec-cart-payment__price {
    font-family: 'ITC Odin Con', serif !important;
    font-weight: 400 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    background: none !important;
    filter: none !important;
}

/* ---------------------------------------------------------
   LINKS & BREADCRUMBS in checkout
   --------------------------------------------------------- */
html#ecwid_html body#ecwid_body .ec-cart a,
html#ecwid_html body#ecwid_body .ec-cart-v2 a:not(.form-control__button) {
    color: #c5a059 !important;
    -webkit-text-fill-color: #c5a059 !important;
    text-decoration: none !important;
    background: none !important;
    filter: none !important;
    transition: color 0.3s !important;
}
html#ecwid_html body#ecwid_body .ec-cart a:hover,
html#ecwid_html body#ecwid_body .ec-cart-v2 a:not(.form-control__button):hover {
    color: #F4C064 !important;
    -webkit-text-fill-color: #F4C064 !important;
}

/* ---------------------------------------------------------
   CONFIRMATION PAGE (EID) — Base Styles
   Responsive Erweiterung siehe unten bei "EID (Step V)"
   --------------------------------------------------------- */
html#ecwid_html body#ecwid_body .ec-confirmation__title,
html#ecwid_html body#ecwid_body .ec-confirmation__header {
    font-family: 'ITC Odin Con', serif !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    color: #F4C064 !important;
    background: linear-gradient(120deg, #f3d895 0%, #ffe3a0 40%, #fff0c4 70%, #ffe3a0 100%) !important;
    background-size: auto !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 0 10px rgba(244, 192, 100, 0.5)) !important;
    font-size: clamp(1.5rem, 3vw, 2.2rem) !important;
    font-weight: 400 !important;
    text-align: center !important;
    margin-bottom: 20px !important;
}

html#ecwid_html body#ecwid_body .ec-confirmation__text,
html#ecwid_html body#ecwid_body .ec-confirmation__order-info {
    font-family: 'ITC Odin Con', serif !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
    font-size: clamp(0.88rem, 1.1vw, 1.05rem) !important;
    line-height: 1.6 !important;
}

/* ---------------------------------------------------------
   TABLE HEADERS (Column Headings)
   --------------------------------------------------------- */
html#ecwid_html body#ecwid_body .ec-cart__head,
html#ecwid_html body#ecwid_body .ec-cart__header-cell {
    font-family: 'ITC Odin Con', serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    color: #7a6a55 !important;
    -webkit-text-fill-color: #7a6a55 !important;
    background: none !important;
    filter: none !important;
    border-bottom: 1px solid rgba(197, 160, 89, 0.15) !important;
}

/* Catch-All entfernt — jedes Element bekommt seine Font per spezifischer Regel */

/* Quantity input in cart */
html#ecwid_html body#ecwid_body .ec-cart-item__count-input,
html#ecwid_html body#ecwid_body .ec-cart__cell--qty input {
    background: rgba(12, 9, 7, 0.8) !important;
    border: 1px solid rgba(197, 160, 89, 0.3) !important;
    border-radius: 6px !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
    font-family: 'ITC Odin Con', serif !important;
    font-size: 1.2rem !important;
    font-weight: 700 !important;
    text-align: center !important;
    padding: 6px 10px !important;
}

/* Plus / Minus Buttons in Cart — Gold passend zum Input */
html#ecwid_html body#ecwid_body .form-control__button--increment,
html#ecwid_html body#ecwid_body .form-control__button--decrement,
html#ecwid_html body#ecwid_body .ec-cart-item__count-button {
    background: transparent !important;
    border: none !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
    transition: color 0.3s ease, filter 0.3s ease !important;
}
html#ecwid_html body#ecwid_body .form-control__button--increment svg,
html#ecwid_html body#ecwid_body .form-control__button--decrement svg,
html#ecwid_html body#ecwid_body .ec-cart-item__count-button svg {
    color: #d6be9f !important;
    fill: #d6be9f !important;
    stroke: #d6be9f !important;
    transition: filter 0.4s ease !important;
}
html#ecwid_html body#ecwid_body .form-control__button--increment:hover svg,
html#ecwid_html body#ecwid_body .form-control__button--decrement:hover svg,
html#ecwid_html body#ecwid_body .ec-cart-item__count-button:hover svg {
    color: #F4C064 !important;
    fill: #F4C064 !important;
    stroke: #F4C064 !important;
    filter: drop-shadow(0 0 6px rgba(244, 192, 100, 0.5)) drop-shadow(0 0 12px rgba(244, 192, 100, 0.25)) !important;
}
html#ecwid_html body#ecwid_body .form-control__button--increment:hover,
html#ecwid_html body#ecwid_body .form-control__button--decrement:hover,
html#ecwid_html body#ecwid_body .ec-cart-item__count-button:hover {
    color: #F4C064 !important;
    -webkit-text-fill-color: #F4C064 !important;
}

/* ---------------------------------------------------------
   MOBILE CHECKOUT
   --------------------------------------------------------- */
@media (max-width: 768px) {
    /* ── Mobile: Gutschein + Shopping-Wrap zentriert, Column ── */
    html#ecwid_html body#ecwid_body .ec-cart-coupon__text,
    html#ecwid_html body#ecwid_body .ec-cart-shopping__wrap {
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        flex-wrap: wrap !important;
        gap: 0 !important;
    }
    html#ecwid_html body#ecwid_body .ec-cart-coupon__text .ec-link {
        width: 100% !important;
        margin-top: 10px !important;
    }

    html#ecwid_html body#ecwid_body .ec-cart-step__title,
    html#ecwid_html body#ecwid_body .ec-cart-step__title-text {
        font-size: 1.4rem !important;
    }

    html#ecwid_html body#ecwid_body .ec-cart-item__name,
    html#ecwid_html body#ecwid_body .ec-cart__cell--product a {
        font-size: 1.2rem !important;
    }
    
    html#ecwid_html body#ecwid_body .ec-cart-summary__total .ec-cart-summary__cell--price,
    html#ecwid_html body#ecwid_body .ec-cart-summary__row--total .ec-cart-summary__price {
        font-size: 1.6rem !important;
    }
    
    html#ecwid_html body#ecwid_body .ec-cart input.ec-form__control,
    html#ecwid_html body#ecwid_body .ec-cart .ec-form__cell input,
    html#ecwid_html body#ecwid_body .ec-cart .ec-form__cell select,
    html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control__select-text,
    html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control--select .form-control__text[readonly] {
        font-size: 17px !important; /* Gleiche Größe für alle Felder */
    }

    /* ── Gutschein Mobile: Form = Column, Input volle Breite oben, Buttons drunter Row ── */
    html#ecwid_html body#ecwid_body .ec-cart-coupon__body form,
    html#ecwid_html body#ecwid_body .ec-cart-coupon form,
    html#ecwid_html body#ecwid_body .ec-cart-coupon .ec-form {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
    }
    /* Neues Ecwid-Element: ec-cart-coupon__wrap auch Column */
    html#ecwid_html body#ecwid_body .ec-cart-coupon__wrap {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    /* Input-Wrapper: volle Breite */
    html#ecwid_html body#ecwid_body .ec-cart-coupon .form-control--text,
    html#ecwid_html body#ecwid_body .ec-cart-coupon__input {
        flex: 0 0 100% !important;
        width: 100% !important;
        order: 1 !important;
    }
    html#ecwid_html body#ecwid_body .ec-cart-coupon input[type="text"],
    html#ecwid_html body#ecwid_body .ec-cart-coupon .form-control__text {
        width: 100% !important;
        min-width: 0 !important;
        font-size: 16px !important;
        height: 48px !important;
        padding: 0 18px !important;
    }
    /* Button-Wrapper: nebeneinander UNTER dem Input */
    html#ecwid_html body#ecwid_body .ec-cart-coupon .form-control--button {
        flex: 1 1 0 !important;
        width: auto !important;
        order: 2 !important;
    }
    /* Neues Ecwid-Element: ec-cart-coupon__buttons als Row unter Input — gleiche Breite wie Input */
    html#ecwid_html body#ecwid_body .ec-cart-coupon__buttons {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        gap: 10px !important;
        width: 100% !important;
        max-width: 100% !important;
        order: 2 !important;
        box-sizing: border-box !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    html#ecwid_html body#ecwid_body .ec-cart-coupon__buttons .ec-cart-coupon__button {
        flex: 1 1 0 !important;
        width: auto !important;
        min-width: 0 !important;
    }
    html#ecwid_html body#ecwid_body .ec-cart-coupon__buttons .ec-cart-coupon__button .form-control,
    html#ecwid_html body#ecwid_body .ec-cart-coupon__buttons .ec-cart-coupon__button .form-control__button {
        width: 100% !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }
    /* Falls Buttons in eigenem Container stecken (alte Struktur) */
    html#ecwid_html body#ecwid_body .ec-cart-coupon .ec-form__row--buttons,
    html#ecwid_html body#ecwid_body .ec-cart-coupon form > div:last-child {
        display: flex !important;
        flex-direction: row !important;
        gap: 10px !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
    }
    html#ecwid_html body#ecwid_body .ec-cart-coupon .form-control__button {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 0 10px !important;
        font-size: 13px !important;
        height: 44px !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
        max-width: 100% !important;
    }
    html#ecwid_html body#ecwid_body .ec-cart-coupon .form-control__button span,
    html#ecwid_html body#ecwid_body .ec-cart-coupon .form-control__button-text {
        font-size: 14px !important;
    }
    /* Spacer im Wrap minimieren */
    html#ecwid_html body#ecwid_body .ec-cart-coupon__spacer {
        height: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 0 !important;
        font-size: 0 !important;
        overflow: hidden !important;
    }

    /* ── Mobile: Padding links/rechts im Cart ── */
    html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-cart__sidebar,
    html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-cart__sidebar-inner,
    html#ecwid_html body#ecwid_body .ec-cart__sidebar,
    html#ecwid_html body#ecwid_body .ec-cart__sidebar-inner {
        padding-left: 6px !important;
        padding-right: 0 !important;
    }
    /* Coupon-Bereich: extra Padding damit nichts am Rand klebt */
    html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-cart-coupon,
    html#ecwid_html body#ecwid_body .ec-cart-coupon {
        padding-left: 4px !important;
        padding-right: 4px !important;
    }
    /* ── Mobile: Summary-Bereich (Zwischensumme, Versand, MwSt) größere Schrift ── */
    html#ecwid_html body#ecwid_body .ec-cart-summary__cell,
    html#ecwid_html body#ecwid_body .ec-cart-summary__title {
        font-size: 0.95rem !important;
    }
    html#ecwid_html body#ecwid_body .ec-cart-summary__cell--price,
    html#ecwid_html body#ecwid_body .ec-cart-summary__price {
        font-size: 0.95rem !important;
    }

    /* ── Mobile: Gesamtsumme Preis ── */
    html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-cart-summary__row--total .ec-cart-summary__price,
    html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-cart-summary__row--total .ec-cart-summary__price span,
    html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-cart-summary__row--total .ec-cart-summary__total,
    html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-cart-summary__row--total .ec-cart-summary__cell--price,
    html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-cart-summary__row--total .ec-cart-summary__cell--price span,
    html#ecwid_html body#ecwid_body .ec-cart-summary__row--total .ec-cart-summary__price,
    html#ecwid_html body#ecwid_body .ec-cart-summary__row--total .ec-cart-summary__price span,
    html#ecwid_html body#ecwid_body .ec-cart-summary__row--total .ec-cart-summary__total {
        font-size: 2.2rem !important;
    }
    /* Währungskonverter-Doppel ausblenden */
    html#ecwid_html body#ecwid_body .ec-cart-summary__row--total .ec-currency-converter-alt-value {
        display: none !important;
    }
    html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-cart-summary__row--total .ec-cart-summary__title,
    html#ecwid_html body#ecwid_body .ec-cart-summary__row--total .ec-cart-summary__title {
        font-size: 1.3rem !important;
    }

    /* ── Mobile: Info-Texte größer ── */
    html#ecwid_html body#ecwid_body .ec-cart__sidebar .ec-cart__agreement,
    html#ecwid_html body#ecwid_body .ec-cart__sidebar p,
    html#ecwid_html body#ecwid_body .ec-cart__sidebar span,
    html#ecwid_html body#ecwid_body .ec-cart__sidebar div:not([class]) {
        font-size: 0.85rem !important;
    }

    /* ── Mobile: Error message größer ── */
    html#ecwid_html body#ecwid_body .ec-cart-coupon__message--error,
    html#ecwid_html body#ecwid_body .ec-cart-coupon .form__msg--error {
        font-size: 0.82rem !important;
    }
    html#ecwid_html body#ecwid_body .ec-cart-email__input .form__msg--error {
        font-size: 0.82rem !important;
    }

    /* ── Mobile: Entleeren Button größer ── */
    .odin-entleeren-text {
        font-size: 0.75rem !important;
    }
    .odin-entleeren-x {
        font-size: 1rem !important;
    }

    /* ── Mobile: Success message größer ── */
    html#ecwid_html body#ecwid_body .ec-cart-coupon__message,
    html#ecwid_html body#ecwid_body .ec-cart-coupon__message--applied {
        font-size: 0.9rem !important;
    }
}

/* ===== MOBILE/TABLET: KEINE ANIMATIONEN AUF BUTTONS — NUR GRADIENT ===== */
@media (hover: none) and (pointer: coarse) {
    html#ecwid_html body#ecwid_body .form-control__button--add-to-bag,
    html#ecwid_html body#ecwid_body .form-control--button .form-control__button,
    html#ecwid_html body#ecwid_body button[class*="add-to-bag"],
    html#ecwid_html body#ecwid_body .form-control--button-primary .form-control__button {
        transition: none !important;
        animation: none !important;
    }
    html#ecwid_html body#ecwid_body .form-control__button--add-to-bag:hover,
    html#ecwid_html body#ecwid_body .form-control--button .form-control__button:hover,
    html#ecwid_html body#ecwid_body .form-control__button--add-to-bag:active,
    html#ecwid_html body#ecwid_body .form-control--button .form-control__button:active {
        filter: none !important;
        transform: none !important;
        transition: none !important;
        animation: none !important;
    }
    /* Print, Checkout, Coupon Buttons: KEINE Animation auf Mobile */
    html#ecwid_html body#ecwid_body .ec-page-button--print .form-control__button::before,
    html#ecwid_html body#ecwid_body .ec-cart__button--checkout .form-control__button::before,
    html#ecwid_html body#ecwid_body .ec-cart-coupon .form-control__button::before {
        animation: none !important;
        background: linear-gradient(120deg, #6b5028, #8a6535, #a07d42, #8a6535, #6b5028) !important;
    }
    html#ecwid_html body#ecwid_body .ec-page-button--print .form-control__button,
    html#ecwid_html body#ecwid_body .ec-cart__button--checkout .form-control__button,
    html#ecwid_html body#ecwid_body .ec-cart-coupon .form-control__button {
        transition: none !important;
        animation: none !important;
    }
    /* Besiegeln Button bleibt GRÜN auf Mobile */
    html#ecwid_html body#ecwid_body .ec-cart-step--payment .form-control__button {
        background: linear-gradient(135deg, #2d6e2a 0%, #3a8f36 30%, #4CAF50 50%, #3a8f36 70%, #2d6e2a 100%) !important;
        transition: none !important;
        animation: none !important;
    }
    html#ecwid_html body#ecwid_body .ec-cart-step--payment .form-control__button::before {
        display: none !important;
    }
}

/* ═════════════════════════════════════════════════════════════════════
   BESIEGELUNG (Step IV) — RESPONSIVE LAYOUT
   Order Summary Items: 1:1 wie Trunklager, read-only (kein Counter)
   ═════════════════════════════════════════════════════════════════════ */

/* ── Summary-Container auf volle Breite ── */
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-form__cell.ec-cart__summary--small {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

/* ── Desktop: Order Summary Items auf Besiegelung ── */
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart__summary--small .ec-cart-item:not(.ec-cart-item--summary),
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-step__body .ec-cart-item:not(.ec-cart-item--summary) {
    display: grid !important;
    grid-template-columns: 140px 1fr !important;
    gap: 16px !important;
    align-items: center !important;
    border-bottom: 1px solid rgba(197, 160, 89, 0.15) !important;
    padding: 14px 0 !important;
    background: transparent !important;
}
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart__summary--small .ec-cart-item:not(.ec-cart-item--summary):first-child,
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-step__body .ec-cart-item:not(.ec-cart-item--summary):first-child {
    border-top: none !important;
}
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart__summary--small .ec-cart-item:not(.ec-cart-item--summary):last-of-type,
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-step__body .ec-cart-item:not(.ec-cart-item--summary):last-of-type {
    border-bottom: none !important;
}
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart__summary--small .ec-cart-item__image,
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-step__body .ec-cart-item__image {
    width: 140px !important;
    min-width: 140px !important;
    max-width: 140px !important;
    height: auto !important;
    min-height: 100% !important;
    max-height: none !important;
    align-self: stretch !important;
    overflow: visible !important;
    position: relative !important;
    border-radius: 12px !important;
    filter: drop-shadow(0 3px 8px rgba(0, 0, 0, 0.6)) !important;
}
/* Badge auf Payment: genau auf der Ecke wie überall sonst */
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart__summary--small .odin-cart-qty-badge,
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-step__body .odin-cart-qty-badge {
    top: -5px !important;
    left: -5px !important;
    min-width: clamp(22px, 2.5vw, 28px) !important;
    height: clamp(22px, 2.5vw, 28px) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
}
/* Picture container im Payment: nur Breite + runde Ecken, Ecwid rendert das Bild */
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart__summary--small .ec-cart-item__picture,
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart__summary--small .ec-cart-item__picture-flex,
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-step__body .ec-cart-item__picture,
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-step__body .ec-cart-item__picture-flex {
    width: 140px !important;
    height: 100% !important;
    max-width: 140px !important;
    max-height: none !important;
    border-radius: 12px !important;
    overflow: hidden !important;
}
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart__summary--small .ec-cart-item__picture-inner,
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart__summary--small .ec-cart-item__picture-inner-flex,
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-step__body .ec-cart-item__picture-inner,
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-step__body .ec-cart-item__picture-inner-flex {
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    border-radius: 12px !important;
    width: 100% !important;
    height: 100% !important;
}
/* Gesamte Summary-Section: text-align left erzwingen (NICHT die Summary-Tabelle!) */
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart__products,
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart__products-inner {
    text-align: left !important;
}
/* Summary-Tabelle: Preise RECHTS */
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-summary__cell.ec-cart-summary__price,
html#ecwid_html body#ecwid_body .ec-cart-step--payment td.ec-cart-summary__price,
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-summary__price {
    text-align: right !important;
}
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-summary__cell.ec-cart-summary__title {
    text-align: left !important;
}
/* Wrap auf Payment: alles linksbündig untereinander */
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart__summary--small .ec-cart-item__wrap,
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-step__body .ec-cart-item__wrap {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 4px !important;
    text-align: left !important;
    width: 100% !important;
}
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart__summary--small .ec-cart-item__wrap-primary,
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-step__body .ec-cart-item__wrap-primary {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    flex: none !important;
    width: 100% !important;
    min-width: 0 !important;
    text-align: left !important;
    align-items: flex-start !important;
}
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart__summary--small .ec-cart-item__wrap-secondary,
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-step__body .ec-cart-item__wrap-secondary {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 2px !important;
    flex: none !important;
    width: 100% !important;
    text-align: left !important;
}
/* Literpreis: links (unter dem Hauptpreis) */
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart__summary--small .odin-cart-liter-price,
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-step__body .odin-cart-liter-price {
    text-align: left !important;
    white-space: nowrap !important;
}
/* Options links */
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart__summary--small .ec-cart-item__options,
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-step__body .ec-cart-item__options {
    text-align: left !important;
}
/* Titel auf Payment */
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart__summary--small a.ec-cart-item__title,
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart__summary--small .ec-cart-item__title,
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-step__body a.ec-cart-item__title,
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-step__body .ec-cart-item__title {
    font-family: 'ITC Odin Con', serif !important;
    font-size: 1.76rem !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.02em !important;
    line-height: 1.2 !important;
    color: #f3d895 !important;
    background: linear-gradient(120deg, #f3d895 0%, #ffe3a0 40%, #fff0c4 70%, #ffe3a0 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 0 6px rgba(244, 192, 100, 0.35)) !important;
    text-decoration: none !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
}
/* Variant/Option Text auf Payment */
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-option.ec-cart-option--value {
    font-family: 'ITC Odin Con', serif !important;
    font-size: 0.82rem !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
}
/* Qty Text auf Payment */
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-item__count,
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-item__qty {
    font-family: 'ITC Odin Con', serif !important;
    font-size: 0.9rem !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
}
/* Preis auf Payment — wie Step I */
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-item__price-inner {
    font-family: 'ITC Odin Con', serif !important;
    font-size: clamp(1.1rem, 1.3vw, 1.35rem) !important;
    font-weight: 400 !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
    letter-spacing: 0.02em !important;
}

/* Payment Method Sections: besseres Spacing */
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-step__section {
    margin-bottom: 20px !important;
}

/* ── Summary/Totals auf Besiegelung ── */
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-summary {
    margin-top: 15px !important;
    border-top: 1px solid rgba(197, 160, 89, 0.2) !important;
    padding-top: 12px !important;
}
/* Gesamtsumme auf Besiegelung: Gold + 30% größer */
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-summary__row--total .ec-cart-summary__price,
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-summary__row--total .ec-cart-summary__price span,
html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-summary__row--total .ec-cart-summary__total {
    font-family: 'ITC Odin Con', serif !important;
    font-size: 1.7rem !important;
    font-weight: 500 !important;
    background: linear-gradient(120deg, #f3d895 0%, #ffe3a0 40%, #fff0c4 70%, #ffe3a0 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 0 8px rgba(244, 192, 100, 0.45)) !important;
    text-align: right !important;
}

/* ── Tablet (≤ 768px) ── */
@media (max-width: 768px) {
    /* Besiegelung Items */
    html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart__summary--small .ec-cart-item:not(.ec-cart-item--summary),
    html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-step__body .ec-cart-item:not(.ec-cart-item--summary) {
        grid-template-columns: 100px 1fr !important;
        gap: 10px !important;
        padding: 10px 0 !important;
    }
    html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart__summary--small .ec-cart-item__image,
    html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-step__body .ec-cart-item__image {
        width: 100px !important;
        min-width: 100px !important;
        max-width: 100px !important;
        height: auto !important;
        min-height: 100% !important;
        max-height: none !important;
        align-self: stretch !important;
        overflow: visible !important;
    }
    html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart__summary--small .ec-cart-item__picture,
    html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart__summary--small .ec-cart-item__picture-flex,
    html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-step__body .ec-cart-item__picture,
    html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-step__body .ec-cart-item__picture-flex {
        width: 100% !important;
        height: 100% !important;
        max-width: 100px !important;
        max-height: none !important;
        border-radius: 10px !important;
        overflow: hidden !important;
    }
    /* Badge größer auf Mobile */
    html#ecwid_html body#ecwid_body .ec-cart-step--payment .odin-cart-qty-badge {
        min-width: 28px !important;
        height: 28px !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        line-height: 1 !important;
        top: -5px !important;
        left: -5px !important;
    }
    /* Titel kleiner */
    html#ecwid_html body#ecwid_body .ec-cart-step--payment a.ec-cart-item__title,
    html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-item__title {
        font-size: 1.1rem !important;
    }
    /* Besiegeln Button */
    html#ecwid_html body#ecwid_body .ec-cart-step--payment .form-control__button {
        height: 48px !important;
    }
    html#ecwid_html body#ecwid_body .ec-cart-step--payment .form-control__button-text {
        font-size: 1.05rem !important;
    }
    /* Payment Section Headlines */
    html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-step__section-title,
    html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-header-h4,
    html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-header-h5 {
        font-size: 0.85rem !important;
    }
    /* Shipping/Payment method names */
    html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-shipping__method-name,
    html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-payment__method-name,
    html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-radiogroup__item label {
        font-size: 1rem !important;
    }
}

/* ── Mobile (≤ 599px) ── */
@media (max-width: 599px) {
    /* Besiegelung Items kleiner */
    html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart__summary--small .ec-cart-item:not(.ec-cart-item--summary),
    html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-step__body .ec-cart-item:not(.ec-cart-item--summary) {
        grid-template-columns: 90px 1fr !important;
        gap: 8px !important;
        padding: 8px 0 !important;
    }
    html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart__summary--small .ec-cart-item__image,
    html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-step__body .ec-cart-item__image {
        width: 90px !important;
        min-width: 90px !important;
        max-width: 90px !important;
        height: auto !important;
        min-height: 100% !important;
        max-height: none !important;
        align-self: stretch !important;
        overflow: visible !important;
    }
    html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart__summary--small .ec-cart-item__picture,
    html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart__summary--small .ec-cart-item__picture-flex,
    html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-step__body .ec-cart-item__picture,
    html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-step__body .ec-cart-item__picture-flex {
        width: 100% !important;
        height: 100% !important;
        max-width: 90px !important;
        max-height: none !important;
        border-radius: 10px !important;
        overflow: hidden !important;
    }
    /* Titel noch kleiner */
    html#ecwid_html body#ecwid_body .ec-cart-step--payment a.ec-cart-item__title,
    html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-item__title {
        font-size: 0.95rem !important;
        white-space: normal !important;
    }
    html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-item__price-inner {
        font-size: 0.9rem !important;
    }
    /* Besiegeln Button kleiner */
    html#ecwid_html body#ecwid_body .ec-cart-step--payment .form-control__button {
        height: 44px !important;
    }
    html#ecwid_html body#ecwid_body .ec-cart-step--payment .form-control__button-text {
        font-size: 0.95rem !important;
    }
    /* Shipping/Payment descriptions kleiner */
    html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-shipping__description,
    html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-shipping__delivery-date,
    html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-payment__method-description {
        font-size: 0.8rem !important;
    }
    /* Radiogroup stacked auf Mobile */
    html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-radiogroup {
        gap: 8px !important;
    }
    html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-radiogroup__item {
        padding: 8px 0 !important;
    }
    /* Summary Totals kleiner auf Mobile */
    html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-summary__cell,
    html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-summary__title {
        font-size: 0.82rem !important;
    }
    html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-summary__row--total .ec-cart-summary__price {
        font-size: 1.1rem !important;
    }
}

/* ── iPhone SE (≤ 380px) ── */
@media (max-width: 380px) {
    html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart__summary--small .ec-cart-item:not(.ec-cart-item--summary),
    html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-step__body .ec-cart-item:not(.ec-cart-item--summary) {
        grid-template-columns: 70px 1fr !important;
        gap: 6px !important;
        padding: 6px 0 !important;
    }
    html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart__summary--small .ec-cart-item__image,
    html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-step__body .ec-cart-item__image {
        width: 70px !important;
        min-width: 70px !important;
        max-width: 70px !important;
        height: auto !important;
        min-height: 100% !important;
        max-height: none !important;
        align-self: stretch !important;
        overflow: visible !important;
    }
    html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart__summary--small .ec-cart-item__picture,
    html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart__summary--small .ec-cart-item__picture-flex,
    html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-step__body .ec-cart-item__picture,
    html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-step__body .ec-cart-item__picture-flex {
        width: 100% !important;
        height: 100% !important;
        max-width: 70px !important;
        max-height: none !important;
        border-radius: 8px !important;
        overflow: hidden !important;
    }
    html#ecwid_html body#ecwid_body .ec-cart-step--payment a.ec-cart-item__title,
    html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-item__title {
        font-size: 0.85rem !important;
    }
    html#ecwid_html body#ecwid_body .ec-cart-step--payment .ec-cart-item__price-inner {
        font-size: 0.82rem !important;
    }
    html#ecwid_html body#ecwid_body .ec-cart-step--payment .form-control__button {
        height: 42px !important;
    }
    html#ecwid_html body#ecwid_body .ec-cart-step--payment .form-control__button-text {
        font-size: 0.88rem !important;
    }
}

/* ═════════════════════════════════════════════════════════════════════
   EID (Step V) — ORDER CONFIRMATION PAGE
   Volles Odin Dark Theme: Fonts, Farben, Responsive
   ═════════════════════════════════════════════════════════════════════ */

/* ── Confirmation Page Container ── */
html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page,
html#ecwid_html body#ecwid_body [class*="order-confirmation"] {
    background: transparent !important;
    font-family: 'ITC Odin Con', serif !important;
}

/* ── Haupttitel "Vielen Dank" / "Dein Eid ist besiegelt" ── */
html#ecwid_html body#ecwid_body .ec-confirmation__title,
html#ecwid_html body#ecwid_body .ec-confirmation__header,
html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page .ec-page-title,
html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page .page-title__name {
    font-family: 'ITC Odin Con', serif !important;
    font-size: clamp(1.5rem, 3vw, 2.2rem) !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    color: #F4C064 !important;
    background: linear-gradient(120deg, #f3d895 0%, #ffe3a0 40%, #fff0c4 70%, #ffe3a0 100%) !important;
    background-size: auto !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 0 10px rgba(244, 192, 100, 0.5)) !important;
    text-align: center !important;
    margin-bottom: 20px !important;
}

/* ── Bestätigungstext / Order Info ── */
html#ecwid_html body#ecwid_body .ec-confirmation__text,
html#ecwid_html body#ecwid_body .ec-confirmation__order-info,
html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page .ec-confirmation__text,
html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page p {
    font-family: 'ITC Odin Con', serif !important;
    font-size: clamp(0.88rem, 1.1vw, 1.05rem) !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
    line-height: 1.6 !important;
    letter-spacing: 0.01em !important;
}

/* ── Order Number / Bestellnummer ── */
html#ecwid_html body#ecwid_body .ec-confirmation__order-number,
html#ecwid_html body#ecwid_body [class*="order-number"],
html#ecwid_html body#ecwid_body .ec-confirmation__order-id {
    font-family: 'ITC Odin Con', serif !important;
    font-size: clamp(1rem, 1.3vw, 1.3rem) !important;
    font-weight: 500 !important;
    color: #F4C064 !important;
    -webkit-text-fill-color: #F4C064 !important;
    letter-spacing: 1px !important;
}

/* ── Extra-Linie direkt über dem Orderinfo-Kasten entfernen ── */
html#ecwid_html body#ecwid_body .ec-confirmation__step--orderinfo {
    border-top: none !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
}
html#ecwid_html body#ecwid_body .ec-confirmation__step--orderinfo .ec-confirmation__wrap {
    border-top: none !important;
}
/* ── Anmelde-Block: Border entfernen ── */
html#ecwid_html body#ecwid_body .ec-confirmation__step--joinusorsignin {
    border-bottom: none !important;
}
html#ecwid_html body#ecwid_body .ec-confirmation__step--joinusorsignin .ec-confirmation__wrap {
    border-bottom: none !important;
}
/* ── Konto-Erstellt Box: Grüner Glow + Gradient-Border (via JS-Klasse) ── */
html#ecwid_html body#ecwid_body .ec-confirmation__step--joinusorsignin.odin-konto-erstellt {
    border: none !important;
    border-radius: 16px !important;
    background: rgba(45, 110, 42, 0.08) !important;
    box-shadow: 0 0 20px rgba(76, 175, 80, 0.25), 0 0 40px rgba(76, 175, 80, 0.1) !important;
    padding: 24px 20px !important;
    margin-bottom: 16px !important;
    position: relative !important;
    overflow: visible !important;
}
html#ecwid_html body#ecwid_body .ec-confirmation__step--joinusorsignin.odin-konto-erstellt::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: 16px !important;
    padding: 2px !important;
    background: linear-gradient(135deg, #2d6e2a 0%, #3a8f36 30%, #4CAF50 50%, #3a8f36 70%, #2d6e2a 100%) !important;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
    -webkit-mask-composite: xor !important;
    mask-composite: exclude !important;
    pointer-events: none !important;
}
html#ecwid_html body#ecwid_body .ec-confirmation__step--joinusorsignin.odin-konto-erstellt .ec-confirmation__wrap {
    border: none !important;
}

/* ── Orderinfo Step: Bestellnummer mittig, darunter Datum links + Drucken rechts ── */
html#ecwid_html body#ecwid_body .ec-confirmation__step--orderinfo .ec-confirmation__number.ec-header-h5 {
    font-size: 1.4rem !important;
    text-align: center !important;
    width: 100% !important;
    background: linear-gradient(120deg, #f3d895 0%, #ffe3a0 40%, #fff0c4 70%, #ffe3a0 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
}
html#ecwid_html body#ecwid_body .ec-confirmation__step--orderinfo .ec-confirmation__title {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
}
html#ecwid_html body#ecwid_body .ec-confirmation__step--orderinfo .ec-confirmation__float {
    display: none !important;
}
/* Unterzeile: Datum links, Drucken rechts (via JS eingefügt als .odin-order-subrow) */
html#ecwid_html body#ecwid_body .ec-confirmation__step--orderinfo .odin-order-subrow {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    padding-top: 6px !important;
    font-family: 'ITC Odin Con', serif !important;
    font-size: clamp(0.85rem, 1vw, 1rem) !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
}
html#ecwid_html body#ecwid_body .ec-confirmation__step--orderinfo .odin-order-subrow .ec-link {
    cursor: pointer !important;
    text-decoration: none !important;
}
html#ecwid_html body#ecwid_body .ec-confirmation__step--orderinfo .ec-confirmation__body {
    display: none !important;
}

/* ── Doppellinien → Einzellinien: nur border-top der Steps entfernen ── */
html#ecwid_html body#ecwid_body .ec-confirmation [class*="ec-confirmation__step"]:not(.ec-confirmation__step--orderinfo) {
    border-top: none !important;
}
html#ecwid_html body#ecwid_body .ec-confirmation [class*="ec-confirmation__step"]:not(.ec-confirmation__step--orderinfo) > .ec-confirmation__wrap {
    border-top: none !important;
}

/* Confirmation Steps Container breiter (Ecwid default: 480px) */
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-confirmation__steps {
    max-width: 500px !important;
}

/* ── Zahlungs-Status Step: Aufgeteiltes Layout ── */
html#ecwid_html body#ecwid_body .ec-confirmation__step--unpaidstatusinfo .ec-confirmation__title,
html#ecwid_html body#ecwid_body .ec-confirmation__step--unpaidstatusinfo .ec-confirmation__body {
    text-align: center !important;
}
html#ecwid_html body#ecwid_body .odin-unpaid-label {
    font-family: 'ITC Odin Con', serif !important;
    font-size: clamp(0.8rem, 1vw, 0.95rem) !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    margin-bottom: 4px !important;
}
html#ecwid_html body#ecwid_body .odin-unpaid-status {
    font-family: 'ITC Odin Con', serif !important;
    font-size: 1.7rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.03em !important;
    font-weight: 400 !important;
}
html#ecwid_html body#ecwid_body .odin-unpaid-amount {
    font-family: 'ITC Odin Con', serif !important;
    font-size: 2rem !important;
    font-weight: 500 !important;
    letter-spacing: 0.03em !important;
    margin-top: 0 !important;
}
/* Gesamtsumme-Label: wenig Abstand zum Betrag */
html#ecwid_html body#ecwid_body .ec-confirmation__step--unpaidstatusinfo .ec-confirmation__section:last-child .odin-unpaid-label {
    margin-bottom: 2px !important;
}
/* Mehr Abstand zwischen "Vorkasse Überweisung" und "Gesamtsumme:" */
html#ecwid_html body#ecwid_body .ec-confirmation__step--unpaidstatusinfo .ec-confirmation__section:last-child {
    margin-top: 18px !important;
}

/* ── Resümee: ALLE Links, Button-Texte, Bankdaten → Gold Gradient ── */
html#ecwid_html body#ecwid_body .ec-confirmation a.ec-link,
html#ecwid_html body#ecwid_body .ec-confirmation .ec-link,
html#ecwid_html body#ecwid_body .ec-confirmation__continue .form-control__button-text,
html#ecwid_html body#ecwid_body .ec-confirmation .form-control__button-text,
html#ecwid_html body#ecwid_body .ec-confirmation .odin-bank-highlight,
html#ecwid_html body#ecwid_body .ec-confirmation__order-confirmation-total,
html#ecwid_html body#ecwid_body .ec-confirmation .odin-order-subrow .ec-link,
html#ecwid_html body#ecwid_body .odin-unpaid-status,
html#ecwid_html body#ecwid_body .odin-unpaid-amount {
    background: linear-gradient(120deg, #f3d895 0%, #ffe3a0 40%, #fff0c4 70%, #ffe3a0 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    filter: none !important;
    transition: filter 0.3s ease !important;
}
html#ecwid_html body#ecwid_body .ec-confirmation a.ec-link:hover,
html#ecwid_html body#ecwid_body .ec-confirmation .ec-link:hover,
html#ecwid_html body#ecwid_body .ec-confirmation .odin-order-subrow .ec-link:hover {
    filter: drop-shadow(0 0 10px rgba(244, 192, 100, 0.6)) !important;
}

/* ── E-Mail Bereich auf Resümee ── */
html#ecwid_html body#ecwid_body .ec-confirmation__email {
    text-align: center !important;
}
html#ecwid_html body#ecwid_body .odin-email-text {
    font-family: 'ITC Odin Con', serif !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
    font-size: 1rem !important;
    margin-bottom: 8px !important;
}
html#ecwid_html body#ecwid_body .odin-email-gold {
    font-family: 'ITC Odin Con', serif !important;
    font-weight: 500 !important;
    font-size: 1.5rem !important;
    letter-spacing: 0.02em !important;
    text-align: center !important;
    color: #F4C064 !important;
    background: linear-gradient(120deg, #f3d895 0%, #ffe3a0 40%, #fff0c4 70%, #ffe3a0 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 0 8px rgba(244, 192, 100, 0.5)) !important;
}
/* Inline-Variante im Fließtext */
html#ecwid_html body#ecwid_body .odin-email-gold--inline {
    font-size: inherit !important;
    display: inline !important;
    text-align: inherit !important;
}

/* ── Anmelden/Registrieren Heading: Gold (Standard) ── */
html#ecwid_html body#ecwid_body .ec-confirmation__step--joinusorsignin .ec-confirmation__title,
html#ecwid_html body#ecwid_body .ec-confirmation__step--joinusorsignin .ec-header-h5 {
    font-size: clamp(2.5rem, 5.5vw, 4rem) !important;
    font-family: 'ITC Odin Con', serif !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    color: #F4C064 !important;
    background: linear-gradient(120deg, #f3d895 0%, #ffe3a0 40%, #fff0c4 70%, #ffe3a0 100%) !important;
    background-size: auto !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 0 10px rgba(244, 192, 100, 0.5)) !important;
    text-align: center !important;
}
/* Konto Erstellt: Heading wird grün */
html#ecwid_html body#ecwid_body .ec-confirmation__step--joinusorsignin.odin-konto-erstellt .ec-confirmation__title,
html#ecwid_html body#ecwid_body .ec-confirmation__step--joinusorsignin.odin-konto-erstellt .ec-header-h5 {
    color: #4CAF50 !important;
    background: linear-gradient(135deg, #2d6e2a 0%, #3a8f36 30%, #4CAF50 50%, #6abf6e 70%, #3a8f36 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 0 8px rgba(76, 175, 80, 0.4)) !important;
}

/* ── Anmelden Section: Text-Styling ── */
html#ecwid_html body#ecwid_body .ec-confirmation__step--joinusorsignin .ec-confirmation__section {
    font-family: 'ITC Odin Con', serif !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
    font-size: 1rem !important;
    line-height: 1.6 !important;
    text-align: center !important;
}

/* ── Cloudflare Captcha: standardmäßig versteckt (NUR vor Konto-Erstellung) ── */
html#ecwid_html body#ecwid_body .ec-confirmation__step--joinusorsignin:not(.odin-konto-erstellt) .ec-form__row {
    display: none !important;
    border-radius: 12px !important;
    overflow: hidden !important;
}
/* Sichtbar wenn JS die Klasse setzt (Captcha fehlgeschlagen) */
html#ecwid_html body#ecwid_body .ec-confirmation__step--joinusorsignin .ec-form__row.odin-captcha-show {
    display: block !important;
}
html#ecwid_html body#ecwid_body .h-captcha,
html#ecwid_html body#ecwid_body .h-captcha > div,
html#ecwid_html body#ecwid_body #ec-h-captcha,
html#ecwid_html body#ecwid_body #ec-h-captcha > div,
html#ecwid_html body#ecwid_body .cf-turnstile,
html#ecwid_html body#ecwid_body .h-captcha iframe,
html#ecwid_html body#ecwid_body .cf-turnstile iframe {
    border-radius: 12px !important;
    overflow: hidden !important;
    color-scheme: none !important;
    background: rgba(12, 9, 7, 0.8) !important;
}

/* ── Anmelde-Button: 1:1 wie Sammeln (Pill + Gold Ring + Glow) ── */
html#ecwid_html body#ecwid_body .ec-confirmation__step--joinusorsignin .form-control--done .form-control__button {
    background: transparent !important;
    background-image: none !important;
    width: 100% !important;
    max-width: 400px !important;
    height: 50px !important;
    border-radius: 999px !important;
    position: relative !important;
    overflow: visible !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border: none !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 16px auto !important;
    transition: filter 0.3s ease !important;
}
html#ecwid_html body#ecwid_body .ec-confirmation__step--joinusorsignin .form-control--done .form-control__button::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: 999px !important;
    padding: 2px !important;
    background: linear-gradient(120deg, #c5a059, #d4b06a, #f3d895, #ffe3a0, #f3d895, #d4b06a, #c5a059) !important;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
    -webkit-mask-composite: xor !important;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
    mask-composite: exclude !important;
    pointer-events: none !important;
}
html#ecwid_html body#ecwid_body .ec-confirmation__step--joinusorsignin .form-control--done .form-control__button-text {
    background: linear-gradient(120deg, #f3d895 0%, #ffe3a0 40%, #fff0c4 70%, #ffe3a0 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-family: 'ITC Odin Con', serif !important;
    font-size: 1.15rem !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.02em !important;
    white-space: nowrap !important;
}
/* Hover: Gold Glow */
html#ecwid_html body#ecwid_body .ec-confirmation__step--joinusorsignin .form-control--done .form-control__button:hover {
    filter: drop-shadow(0 0 12px rgba(244, 192, 100, 0.5)) !important;
    border: none !important;
    box-shadow: none !important;
}

/* ── Datenschutz/AGB Text: gleichgroß + Links in Gold ── */
html#ecwid_html body#ecwid_body .ec-confirmation__step--joinusorsignin .signin__description,
html#ecwid_html body#ecwid_body .ec-confirmation__step--joinusorsignin .signin__description--terms,
html#ecwid_html body#ecwid_body .ec-confirmation__step--joinusorsignin .ec-text-muted {
    font-family: 'ITC Odin Con', serif !important;
    font-size: 1rem !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
    text-align: center !important;
    line-height: 1.6 !important;
}
html#ecwid_html body#ecwid_body .ec-confirmation__step--joinusorsignin .signin__description--terms a.ec-link,
html#ecwid_html body#ecwid_body .ec-confirmation__step--joinusorsignin .signin__description a.ec-link,
html#ecwid_html body#ecwid_body .ec-confirmation__step--joinusorsignin a.odin-gold-link,
html#ecwid_html body#ecwid_body .ec-confirmation__step--joinusorsignin .ec-text-muted a {
    color: #F4C064 !important;
    font-size: 1rem !important;
    background: linear-gradient(120deg, #f3d895 0%, #ffe3a0 40%, #fff0c4 70%, #ffe3a0 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(197, 160, 89, 0.2) !important;
    filter: none !important;
    transition: filter 0.3s ease !important;
}
html#ecwid_html body#ecwid_body .ec-confirmation__step--joinusorsignin .signin__description--terms a:hover,
html#ecwid_html body#ecwid_body .ec-confirmation__step--joinusorsignin a.odin-gold-link:hover,
html#ecwid_html body#ecwid_body .ec-confirmation__step--joinusorsignin .ec-text-muted a:hover {
    filter: drop-shadow(0 0 10px rgba(244, 192, 100, 0.6)) !important;
}

/* ── Section Headers auf Eid (einheitlich wie Zahlungs-Status Label) ── */
html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page .ec-header-h4:not(.ec-cart-item__title),
html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page .ec-header-h5:not(.ec-cart-item__title),
html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page .ec-header-h6:not(.ec-cart-item__title),
html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page .ec-cart-step__section-title,
html#ecwid_html body#ecwid_body .ec-confirmation [class*="ec-confirmation__step"]:not(.ec-confirmation__step--orderinfo):not(.ec-confirmation__step--joinusorsignin):not(.ec-confirmation__step--unpaidstatusinfo) > .ec-confirmation__wrap > .ec-confirmation__title {
    font-family: 'ITC Odin Con', serif !important;
    font-size: clamp(0.8rem, 1vw, 0.95rem) !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
    margin-bottom: 6px !important;
    text-align: center !important;
}

/* ── Order Items auf Eid — Confirmation Page spezifisch ── */
/* Override Ecwid: html#ecwid_html body#ecwid_body .ec-confirmation .ec-cart__item.ec-cart-item { gap:20px; grid-template-columns:140px 1fr } */
html#ecwid_html body#ecwid_body .ec-confirmation .ec-cart__item.ec-cart-item.ec-cart-item {
    grid-template-columns: 102px 1fr !important;
    gap: 30px !important;
    padding: 12px 0 12px 12px !important;
    overflow: visible !important;
    text-align: left !important;
}
/* Override Ecwid: .ec-size .ec-store .ec-cart-item__image { flex-shrink:0; padding-right:16px } */
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-confirmation .ec-cart-item__image {
    padding-right: 0 !important;
    left: 5px !important;
    position: relative !important;
}
/* Bild-Container: 90x90 + left:5px für Badge-Platz */
html#ecwid_html body#ecwid_body .ec-confirmation .ec-cart__item.ec-cart-item .ec-cart-item__image,
html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page .ec-cart__item.ec-cart-item .ec-cart-item__image {
    width: 90px !important;
    min-width: 90px !important;
    max-width: 90px !important;
    height: 90px !important;
    max-height: 90px !important;
    overflow: visible !important;
    position: relative !important;
    left: 5px !important;
}
/* Picture (background-image Container): 90x90 */
html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page .ec-cart-item__picture,
html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page .ec-cart-item__picture-flex,
html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page .ec-cart-item__picture-inner,
html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page .ec-cart-item__picture-inner-flex {
    width: 90px !important;
    max-width: 90px !important;
    height: 90px !important;
    max-height: 90px !important;
    border-radius: 10px !important;
    background-size: cover !important;
    background-position: center !important;
}
/* Products Container: overflow für Badge */
html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page .ec-cart__products {
    overflow: visible !important;
}
/* Text linksbündig + Ecwid align-items/justify-content Override */
html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page .ec-cart__item.ec-cart-item .ec-cart-item__wrap,
html#ecwid_html body#ecwid_body .ec-confirmation .ec-cart__item.ec-cart-item .ec-cart-item__wrap {
    text-align: left !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
}
html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page .ec-cart__item.ec-cart-item .ec-cart-item__wrap-primary {
    text-align: left !important;
    align-items: flex-start !important;
}
html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page .ec-cart-item__wrap-secondary {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex-shrink: 0 !important;
}
/* Titel auf Eid */
html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page .ec-cart__item a.ec-cart-item__title,
html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page .ec-cart__item .ec-cart-item__title {
    font-family: 'ITC Odin Con', serif !important;
    font-size: 1.2rem !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.02em !important;
    line-height: 1.2 !important;
    text-align: left !important;
    color: #f3d895 !important;
    background: linear-gradient(120deg, #f3d895 0%, #ffe3a0 40%, #fff0c4 70%, #ffe3a0 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 0 6px rgba(244, 192, 100, 0.35)) !important;
    text-decoration: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* Options/Variant Text auf Eid */
html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page .ec-cart__item .ec-cart-option {
    font-family: 'ITC Odin Con', serif !important;
    font-size: 0.82rem !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
    text-align: left !important;
}
/* Preis auf Eid */
html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page .ec-cart-item__price,
html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page .ec-cart-item__price-inner {
    font-family: 'ITC Odin Con', serif !important;
    font-size: 1rem !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
    background: none !important;
    filter: none !important;
}
/* Qty auf Eid */
html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page .ec-cart-item__count,
html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page .ec-cart-item__qty,
html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page [class*="cart-item__count"],
html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page [class*="cart-item__qty"] {
    font-family: 'ITC Odin Con', serif !important;
    font-size: 0.9rem !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
}

/* ── Summary/Totals auf Eid ── */
html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page .ec-cart-summary,
html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page .ec-cart__summary {
    border-top: 1px solid rgba(197, 160, 89, 0.2) !important;
    background: transparent !important;
    margin-top: 15px !important;
    padding-top: 12px !important;
}
html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page .ec-cart-summary__cell,
html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page .ec-cart-summary__title {
    font-family: 'ITC Odin Con', serif !important;
    font-size: clamp(0.82rem, 0.95vw, 0.95rem) !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
    background: none !important;
    filter: none !important;
}
html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page .ec-cart-summary__cell--price,
html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page .ec-cart-summary__price {
    font-family: 'ITC Odin Con', serif !important;
    font-size: clamp(0.82rem, 0.95vw, 0.95rem) !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
    background: none !important;
    filter: none !important;
    text-align: right !important;
}
/* Gesamt auf Eid — Gold Gradient */
html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page .ec-cart-summary__row--total {
    border-top: 1px solid rgba(197, 160, 89, 0.3) !important;
    padding-top: 12px !important;
    margin-top: 8px !important;
}
html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page .ec-cart-summary__row--total .ec-cart-summary__title {
    font-size: clamp(0.95rem, 1.1vw, 1.15rem) !important;
}
html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page .ec-cart-summary__row--total .ec-cart-summary__price,
html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page .ec-cart-summary__row--total .ec-cart-summary__price span {
    font-family: 'ITC Odin Con', serif !important;
    font-size: clamp(1.1rem, 1.5vw, 1.5rem) !important;
    font-weight: 500 !important;
    background: linear-gradient(120deg, #f3d895 0%, #ffe3a0 40%, #fff0c4 70%, #ffe3a0 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 0 8px rgba(244, 192, 100, 0.45)) !important;
}

/* ── Eid: Adress-Infos, Zahlungsmethode, Versandart ── */
html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page .ec-cart-step__text,
html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page .ec-cart-step__section > p,
html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page .ec-cart-payment__details,
html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page address {
    font-family: 'ITC Odin Con', serif !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
    line-height: 1.6 !important;
    font-size: clamp(0.85rem, 1vw, 1rem) !important;
}
/* Links auf Eid */
html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page a {
    color: #c5a059 !important;
    -webkit-text-fill-color: #c5a059 !important;
    text-decoration: none !important;
    font-family: 'ITC Odin Con', serif !important;
}
html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page a:hover {
    color: #F4C064 !important;
    -webkit-text-fill-color: #F4C064 !important;
}

/* ── Drucken Button auf Eid: Gold Ring Pill ── */
html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page .ec-page-button--print .form-control__button {
    background: transparent !important;
    border: none !important;
    border-radius: 999px !important;
    height: 48px !important;
    padding: 0 28px !important;
    position: relative !important;
    overflow: visible !important;
    cursor: pointer !important;
}
html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page .ec-page-button--print .form-control__button::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: 999px !important;
    padding: 2px !important;
    background: linear-gradient(120deg, #7a6035, #a07d42, #c5a059, #a07d42, #7a6035) !important;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
    -webkit-mask-composite: xor !important;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
    mask-composite: exclude !important;
    pointer-events: none !important;
}
html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page .ec-page-button--print .form-control__button-text {
    font-family: 'ITC Odin Con', serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.02em !important;
    background: linear-gradient(120deg, #f3d895 0%, #ffe3a0 40%, #fff0c4 70%, #ffe3a0 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}
html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page .ec-page-button--print .form-control__button:hover {
    filter: brightness(1.15) drop-shadow(0 0 12px rgba(230, 168, 91, 0.7)) !important;
}

/* ── Alle Label, Span, div die kein spezifisches Styling haben ── */
html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page label,
html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page span:not([class*="summary__price"]):not([class*="title"]):not([class*="button"]),
html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page td,
html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page th {
    font-family: 'ITC Odin Con', serif !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
}

/* ── Borders/Separators auf Eid ── */
html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page .ec-cart-step__section {
    border-bottom: 1px solid rgba(197, 160, 89, 0.12) !important;
    padding-bottom: 16px !important;
    margin-bottom: 16px !important;
}

/* ── Eid Responsive: Tablet (≤ 768px) ── */
@media (max-width: 768px) {
    html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page .ec-cart__item.ec-cart-item {
        grid-template-columns: 80px 1fr !important;
        gap: 10px !important;
        padding: 10px 0 !important;
    }
    html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page .ec-cart-item__image {
        width: 80px !important;
        min-width: 80px !important;
        height: 80px !important;
    }
    html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page a.ec-cart-item__title,
    html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page .ec-cart-item__title {
        font-size: 1rem !important;
    }
    html#ecwid_html body#ecwid_body .ec-confirmation__title,
    html#ecwid_html body#ecwid_body .ec-confirmation__header,
    html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page .ec-page-title {
        font-size: 1.5rem !important;
        letter-spacing: 1.5px !important;
    }
    /* Drucken Button kleiner */
    html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page .ec-page-button--print .form-control__button {
        height: 42px !important;
        padding: 0 20px !important;
    }
    html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page .ec-page-button--print .form-control__button-text {
        font-size: 13px !important;
    }
}

/* ── Eid Responsive: Mobile (≤ 599px) ── */
@media (max-width: 599px) {
    html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page .ec-cart__item.ec-cart-item {
        grid-template-columns: 50px 1fr !important;
        gap: 8px !important;
        padding: 8px 0 !important;
    }
    html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page .ec-cart-item__image {
        width: 50px !important;
        min-width: 50px !important;
        height: 50px !important;
    }
    html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page a.ec-cart-item__title,
    html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page .ec-cart-item__title {
        font-size: 0.95rem !important;
        white-space: normal !important;
    }
    html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page .ec-cart-item__price-inner {
        font-size: 0.9rem !important;
    }
    html#ecwid_html body#ecwid_body .ec-confirmation__title,
    html#ecwid_html body#ecwid_body .ec-confirmation__header,
    html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page .ec-page-title {
        font-size: 1.25rem !important;
        letter-spacing: 1px !important;
        margin-bottom: 14px !important;
    }
    html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page .ec-confirmation__text,
    html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page p {
        font-size: 0.85rem !important;
    }
    html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page .ec-cart-step__section {
        padding-bottom: 12px !important;
        margin-bottom: 12px !important;
    }
    /* Summary kleiner */
    html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page .ec-cart-summary__row--total .ec-cart-summary__price {
        font-size: 1.1rem !important;
    }
}

/* ── Eid Responsive: iPhone SE (≤ 380px) ── */
@media (max-width: 380px) {
    html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page .ec-cart__item.ec-cart-item {
        grid-template-columns: 45px 1fr !important;
        gap: 6px !important;
        padding: 6px 0 !important;
    }
    html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page .ec-cart-item__image {
        width: 45px !important;
        min-width: 45px !important;
        height: 45px !important;
    }
    html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page a.ec-cart-item__title,
    html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page .ec-cart-item__title {
        font-size: 0.85rem !important;
    }
    html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page .ec-cart-item__price-inner {
        font-size: 0.82rem !important;
    }
    html#ecwid_html body#ecwid_body .ec-confirmation__title,
    html#ecwid_html body#ecwid_body .ec-confirmation__header,
    html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page .ec-page-title {
        font-size: 1.1rem !important;
        letter-spacing: 0.5px !important;
        margin-bottom: 10px !important;
    }
    html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page .ec-confirmation__text,
    html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page p {
        font-size: 0.8rem !important;
    }
    html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page .ec-page-button--print .form-control__button {
        height: 38px !important;
        padding: 0 16px !important;
    }
    html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page .ec-page-button--print .form-control__button-text {
        font-size: 12px !important;
    }
}

/* ── "Einkauf fortsetzen" Button: Pill + Gold Ring (wie Sammeln) ── */
html#ecwid_html body#ecwid_body .ec-confirmation__continue .form-control__button {
    background: transparent !important;
    background-image: none !important;
    width: 100% !important;
    max-width: 480px !important;
    height: 56px !important;
    border-radius: 999px !important;
    position: relative !important;
    overflow: visible !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border: none !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 24px auto !important;
    transition: filter 0.3s ease !important;
    -webkit-user-select: none !important;
    user-select: none !important;
}
html#ecwid_html body#ecwid_body .ec-confirmation__continue .form-control__button::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: 999px !important;
    padding: 2px !important;
    background: linear-gradient(120deg, #c5a059, #d4b06a, #f3d895, #ffe3a0, #f3d895, #d4b06a, #c5a059) !important;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
    -webkit-mask-composite: xor !important;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
    mask-composite: exclude !important;
    pointer-events: none !important;
}
html#ecwid_html body#ecwid_body .ec-confirmation__continue .form-control__button-text {
    background: linear-gradient(120deg, #f3d895 0%, #ffe3a0 40%, #fff0c4 70%, #ffe3a0 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-family: 'ITC Odin Con', serif !important;
    font-size: 1.15rem !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.03em !important;
    white-space: nowrap !important;
    -webkit-user-select: none !important;
    user-select: none !important;
}
html#ecwid_html body#ecwid_body .ec-confirmation__continue .form-control__button:hover {
    filter: drop-shadow(0 0 12px rgba(244, 192, 100, 0.5)) !important;
    border: none !important;
    box-shadow: none !important;
}

/* ── "Haben Sie Fragen" E-Mail Link: Gold Gradient ── */
html#ecwid_html body#ecwid_body .ec-confirmation a[href*="mailto"],
html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page a[href*="mailto"] {
    background: linear-gradient(120deg, #f3d895 0%, #ffe3a0 40%, #fff0c4 70%, #ffe3a0 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    text-decoration: none !important;
    filter: none !important;
    transition: filter 0.3s ease !important;
}
html#ecwid_html body#ecwid_body .ec-confirmation a[href*="mailto"]:hover,
html#ecwid_html body#ecwid_body .ec-store__order-confirmation-page a[href*="mailto"]:hover {
    filter: drop-shadow(0 0 10px rgba(244, 192, 100, 0.6)) !important;
}

/* ═══════════════════════════════════════════════════════
   KOMPAKT-MODUS: 1280×768 und ähnliche Laptop-Viewports
   ═══════════════════════════════════════════════════════ */
@media screen and (max-height: 800px) and (min-width: 769px) {

    /* ── 1. Mehr Platz zwischen Stepper und Content (oben+unten) ── */
    .odin-viking-stepper {
        margin-bottom: 24px !important;
        padding: 24px 0 20px 0 !important;
    }

    /* ── 2. GESAMTPREIS doppelt so groß ── */
    html#ecwid_html body#ecwid_body .ec-cart-summary__row--total .ec-cart-summary__price,
    html#ecwid_html body#ecwid_body .ec-cart-summary__row--total .ec-cart-summary__price span {
        font-size: 7.5rem !important;
    }
}

/* ═══════════════════════════════════════════════════════
   iPAD AIR FIX (769px – 1024px): Rechter Bereich Schrift + E-Mail
   ═══════════════════════════════════════════════════════ */
@media screen and (min-width: 769px) and (max-width: 1024px) {
    /* Sidebar/Rechter Bereich: Schrift größer */
    html#ecwid_html body#ecwid_body .ec-cart__sidebar,
    html#ecwid_html body#ecwid_body .ec-cart__sidebar p,
    html#ecwid_html body#ecwid_body .ec-cart__sidebar span,
    html#ecwid_html body#ecwid_body .ec-cart__sidebar div {
        font-size: 0.95rem !important;
    }

    /* Summary labels größer */
    html#ecwid_html body#ecwid_body .ec-cart-summary__cell,
    html#ecwid_html body#ecwid_body .ec-cart-summary__title {
        font-size: 0.95rem !important;
    }
    html#ecwid_html body#ecwid_body .ec-cart-summary__cell--price,
    html#ecwid_html body#ecwid_body .ec-cart-summary__price {
        font-size: 0.95rem !important;
    }

    /* Gesamtsumme Preis */
    html#ecwid_html body#ecwid_body .ec-cart-summary__row--total .ec-cart-summary__price,
    html#ecwid_html body#ecwid_body .ec-cart-summary__row--total .ec-cart-summary__price span {
        font-size: 2.8rem !important;
    }

    /* E-Mail Input: Placeholder korrekt positioniert */
    html#ecwid_html body#ecwid_body .ec-cart-email__input .form-control__placeholder,
    html#ecwid_html body#ecwid_body .ec-cart-email__input .form-control__placeholder span {
        position: absolute !important;
        left: 20px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* E-Mail Input: Text-Alignment */
    html#ecwid_html body#ecwid_body .ec-cart-email__input input[type="email"] {
        text-align: left !important;
        padding: 16px 20px !important;
    }

    /* Entleeren Button größer */
    .odin-entleeren-text {
        font-size: 0.8rem !important;
    }
    .odin-entleeren-x {
        font-size: 1.1rem !important;
    }
}

/* ═══════════════════════════════════════════════════════════════
   SIGNIN PAGE (Ausgeloggt) – Anmelden/Registrieren
   ═══════════════════════════════════════════════════════════════ */

/* Gesamtlayout: breiter */
html#ecwid_html body#ecwid_body .ec-cart--anonymous {
    max-width: 100% !important;
}
html#ecwid_html body#ecwid_body .ec-cart--anonymous .ec-cart__body {
    flex: 1 1 0% !important;
    max-width: 100% !important;
}

/* Body-Inner: kein Box-Wrapper */
html#ecwid_html body#ecwid_body .ec-cart--anonymous .ec-cart__body-inner {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* Signin Form: zentriert, max-width */
html#ecwid_html body#ecwid_body .ec-signin-form {
    max-width: 520px !important;
    margin: 0 auto !important;
    text-align: center !important;
}

/* Seiten-Titel: Gold Gradient */
html#ecwid_html body#ecwid_body .ec-signin-form .page-title__name {
    font-family: 'ITC Odin Con', serif !important;
    font-size: clamp(2rem, 4vw, 3rem) !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    background: linear-gradient(120deg, #f3d895 0%, #ffe3a0 40%, #fff0c4 70%, #ffe3a0 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 0 10px rgba(244, 192, 100, 0.5)) !important;
    margin-bottom: 20px !important;
}

/* Breadcrumbs ausblenden */
html#ecwid_html body#ecwid_body .ec-signin-form .ec-breadcrumbs {
    display: none !important;
}

/* Info-Text: Odin Font – Original-Text bleibt versteckt (font-size:0 aus Zeile ~3256) */
html#ecwid_html body#ecwid_body .ec-cart-email__text {
    font-family: 'ITC Odin Con', serif !important;
    text-align: left !important;
    margin-bottom: 16px !important;
}

/* E-Mail Input: Odin-Styled */
html#ecwid_html body#ecwid_body .ec-cart-email__input .form-control__text {
    font-family: 'ITC Odin Con', serif !important;
    background: rgba(12, 9, 7, 0.6) !important;
    border: 1px solid rgba(197, 160, 89, 0.35) !important;
    border-radius: 12px !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
    padding: 14px 18px !important;
    font-size: 1rem !important;
}
html#ecwid_html body#ecwid_body .ec-cart-email__input .form-control__text:focus {
    border-color: rgba(197, 160, 89, 0.6) !important;
    box-shadow: 0 0 8px rgba(244, 192, 100, 0.2) !important;
    outline: none !important;
}
html#ecwid_html body#ecwid_body .ec-cart-email__input .form-control__placeholder {
    font-family: 'ITC Odin Con', serif !important;
    color: #a89279 !important;
    -webkit-text-fill-color: #a89279 !important;
}

/* ── Signin Button: 1:1 wie Sammeln (Pill + Gold Ring + Glow) ── */
html#ecwid_html body#ecwid_body .ec-signin-form .form-control--done .form-control__button,
html#ecwid_html body#ecwid_body .ec-cart--anonymous .ec-cart__buttons .form-control__button {
    background: transparent !important;
    background-image: none !important;
    width: 100% !important;
    max-width: 400px !important;
    height: 50px !important;
    border-radius: 999px !important;
    position: relative !important;
    overflow: visible !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border: none !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 20px auto !important;
    transition: filter 0.3s ease !important;
}
html#ecwid_html body#ecwid_body .ec-signin-form .form-control--done .form-control__button::before,
html#ecwid_html body#ecwid_body .ec-cart--anonymous .ec-cart__buttons .form-control__button::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: 999px !important;
    padding: 2px !important;
    background: linear-gradient(120deg, #c5a059, #d4b06a, #f3d895, #ffe3a0, #f3d895, #d4b06a, #c5a059) !important;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
    -webkit-mask-composite: xor !important;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
    mask-composite: exclude !important;
    pointer-events: none !important;
}
html#ecwid_html body#ecwid_body .ec-signin-form .form-control--done .form-control__button-text,
html#ecwid_html body#ecwid_body .ec-cart--anonymous .ec-cart__buttons .form-control__button-text {
    background: linear-gradient(120deg, #f3d895 0%, #ffe3a0 40%, #fff0c4 70%, #ffe3a0 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-family: 'ITC Odin Con', serif !important;
    font-size: 1.1rem !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.03em !important;
    white-space: nowrap !important;
}
html#ecwid_html body#ecwid_body .ec-signin-form .form-control--done .form-control__button:hover,
html#ecwid_html body#ecwid_body .ec-cart--anonymous .ec-cart__buttons .form-control__button:hover {
    filter: drop-shadow(0 0 12px rgba(244, 192, 100, 0.5)) !important;
    border: none !important;
    box-shadow: none !important;
}
/* Button SVG Icon ausblenden */
html#ecwid_html body#ecwid_body .ec-signin-form .form-control__button-svg,
html#ecwid_html body#ecwid_body .ec-cart--anonymous .form-control__button-svg {
    display: none !important;
}

/* AGB-Text: Odin Font */
html#ecwid_html body#ecwid_body .ec-signin-form .ec-cart__agreement,
html#ecwid_html body#ecwid_body .ec-cart--anonymous .ec-cart__agreement {
    font-family: 'ITC Odin Con', serif !important;
    color: #a89279 !important;
    -webkit-text-fill-color: #a89279 !important;
    font-size: 0.85rem !important;
    text-align: center !important;
    margin-top: 12px !important;
}

/* AGB-Links: Gold */
html#ecwid_html body#ecwid_body .ec-signin-form .ec-cart__agreement .ec-link,
html#ecwid_html body#ecwid_body .ec-cart--anonymous .ec-cart__agreement .ec-link {
    background: linear-gradient(120deg, #f3d895 0%, #ffe3a0 40%, #fff0c4 70%, #ffe3a0 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    text-decoration: none !important;
}

/* Captcha: standardmäßig versteckt */
html#ecwid_html body#ecwid_body .ec-signin-form .ec-form__row:not(.odin-captcha-show) {
    display: none !important;
}
html#ecwid_html body#ecwid_body .ec-signin-form .ec-form__row.odin-captcha-show {
    display: block !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    margin: 12px auto !important;
}

/* ── Sidebar auf Signin-Seite: gleicher Stil wie Account-Page ── */
html#ecwid_html body#ecwid_body .ec-cart--anonymous .ec-cart__sidebar-inner {
    padding: 0 !important;
    margin: 0 !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}
html#ecwid_html body#ecwid_body .ec-cart--anonymous .ec-cart__sidebar {
    flex: 0 0 240px !important;
    max-width: 240px !important;
}

/* Sidebar Titel */
html#ecwid_html body#ecwid_body .ec-cart--anonymous .ec-cart-step__title {
    font-family: 'ITC Odin Con', serif !important;
    font-size: 0.85rem !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
    text-align: left !important;
}

/* Sidebar Text */
html#ecwid_html body#ecwid_body .ec-cart--anonymous .ec-cart-step__text {
    font-family: 'ITC Odin Con', serif !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
    font-size: 0.95rem !important;
    text-align: left !important;
}

/* Sidebar Steps kein Indent */
html#ecwid_html body#ecwid_body .ec-cart--anonymous .ec-cart-step {
    padding: 0 !important;
    text-align: left !important;
}
html#ecwid_html body#ecwid_body .ec-cart--anonymous .ec-cart-step__wrap,
html#ecwid_html body#ecwid_body .ec-cart--anonymous .ec-cart-step__body {
    padding: 0 !important;
}

/* Sidebar Links: Gold Gradient */
html#ecwid_html body#ecwid_body .ec-cart--anonymous .ec-link {
    background: linear-gradient(120deg, #f3d895 0%, #ffe3a0 40%, #fff0c4 70%, #ffe3a0 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    text-decoration: none !important;
    font-family: 'ITC Odin Con', serif !important;
}

/* Sidebar "Anmelden" Button: Pill wie Sammeln */
html#ecwid_html body#ecwid_body .ec-cart--anonymous .ec-cart-step--signin .ec-cart-step__change {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border: none !important;
    border-radius: 999px !important;
    position: relative !important;
    overflow: visible !important;
    padding: 6px 20px !important;
    margin-top: 8px !important;
    cursor: pointer !important;
    font-family: 'ITC Odin Con', serif !important;
    font-size: 0.85rem !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    background-image: linear-gradient(120deg, #f3d895 0%, #ffe3a0 40%, #fff0c4 70%, #ffe3a0 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    text-decoration: none !important;
    transition: filter 0.3s ease !important;
}
html#ecwid_html body#ecwid_body .ec-cart--anonymous .ec-cart-step--signin .ec-cart-step__change::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: 999px !important;
    padding: 1.5px !important;
    background: linear-gradient(120deg, #c5a059, #d4b06a, #f3d895, #ffe3a0, #f3d895, #d4b06a, #c5a059) !important;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
    -webkit-mask-composite: xor !important;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
    mask-composite: exclude !important;
    pointer-events: none !important;
}
html#ecwid_html body#ecwid_body .ec-cart--anonymous .ec-cart-step--signin .ec-cart-step__change:hover {
    filter: drop-shadow(0 0 10px rgba(244, 192, 100, 0.5)) !important;
}

/* Sidebar Trennlinien */
html#ecwid_html body#ecwid_body .ec-cart--anonymous .ec-cart-step__border {
    border-color: rgba(197, 160, 89, 0.2) !important;
}

/* Seiten-Breadcrumbs im Sidebar-Titel ausblenden */
html#ecwid_html body#ecwid_body .ec-cart--anonymous .ec-cart__sidebar .ec-page-title .page-title__name {
    font-family: 'ITC Odin Con', serif !important;
    font-size: 0.85rem !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
}
html#ecwid_html body#ecwid_body .ec-cart--anonymous .ec-cart__sidebar .ec-breadcrumbs {
    display: none !important;
}

/* ═══════════════════════════════════════════════════════════════
   ACCOUNT PAGE – Odin Eid Design
   ═══════════════════════════════════════════════════════════════ */

/* ── Gesamtlayout: volle Breite ── */
html#ecwid_html body#ecwid_body .ec-store__account-page {
    max-width: 100% !important;
    width: 100% !important;
}

html#ecwid_html body#ecwid_body .ec-store__account-page .ec-cart.notranslate {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 50px !important;
    align-items: flex-start !important;
    max-width: 100% !important;
}

/* ═══════════════════════════════════════════════════════════════
   SIDEBAR (Links): E-Mail, Rechtliches, Ausloggen
   ═══════════════════════════════════════════════════════════════ */
html#ecwid_html body#ecwid_body .ec-store__account-page .ec-cart__sidebar {
    flex: 0 0 240px !important;
    max-width: 240px !important;
    min-width: 200px !important;
}

/* Alle Box-Wrapper entfernen */
html#ecwid_html body#ecwid_body .ec-store__account-page .ec-cart__sidebar-inner,
html#ecwid_html body#ecwid_body .ec-store__account-page .ec-cart__account-info {
    padding: 0 !important;
    margin: 0 !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}

/* Steps: kein Indent, linksbündig */
html#ecwid_html body#ecwid_body .ec-store__account-page .ec-cart-step {
    padding: 0 !important;
    margin: 0 0 24px 0 !important;
    text-align: left !important;
}
html#ecwid_html body#ecwid_body .ec-store__account-page .ec-cart-step__wrap,
html#ecwid_html body#ecwid_body .ec-store__account-page .ec-cart-step__body {
    padding: 0 !important;
    margin: 0 !important;
}
html#ecwid_html body#ecwid_body .ec-store__account-page .ec-cart-step__title,
html#ecwid_html body#ecwid_body .ec-store__account-page .ec-cart-step__text,
html#ecwid_html body#ecwid_body .ec-store__account-page .ec-cart-step__section {
    text-align: left !important;
    padding: 0 !important;
}

/* Sidebar Titel: Odin-Font, Gold */
html#ecwid_html body#ecwid_body .ec-store__account-page .ec-cart-step__title {
    font-family: 'ITC Odin Con', serif !important;
    font-size: 0.85rem !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
    margin-bottom: 8px !important;
}

/* Sidebar Text: Odin-Font */
html#ecwid_html body#ecwid_body .ec-store__account-page .ec-cart-step__text {
    font-family: 'ITC Odin Con', serif !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
    font-size: 0.95rem !important;
    line-height: 1.5 !important;
}

/* Sidebar Trennlinien: dezent gold */
html#ecwid_html body#ecwid_body .ec-store__account-page .ec-cart-step__border {
    border-color: rgba(197, 160, 89, 0.2) !important;
    margin: 16px 0 !important;
}

/* Sidebar Links: Gold Gradient Text */
html#ecwid_html body#ecwid_body .ec-store__account-page .ec-cart-step__text .ec-link,
html#ecwid_html body#ecwid_body .ec-store__account-page .ec-link {
    background: linear-gradient(120deg, #f3d895 0%, #ffe3a0 40%, #fff0c4 70%, #ffe3a0 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    text-decoration: none !important;
    font-family: 'ITC Odin Con', serif !important;
}

/* Sidebar "Bearbeiten" + "Ausloggen": Pill-Buttons (wie Sammeln) */
html#ecwid_html body#ecwid_body .ec-store__account-page .ec-cart-step__change {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border: none !important;
    border-radius: 999px !important;
    position: relative !important;
    overflow: visible !important;
    padding: 6px 20px !important;
    margin-top: 8px !important;
    cursor: pointer !important;
    font-family: 'ITC Odin Con', serif !important;
    font-size: 0.85rem !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    background-image: linear-gradient(120deg, #f3d895 0%, #ffe3a0 40%, #fff0c4 70%, #ffe3a0 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    text-decoration: none !important;
    transition: filter 0.3s ease !important;
}
html#ecwid_html body#ecwid_body .ec-store__account-page .ec-cart-step__change::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: 999px !important;
    padding: 1.5px !important;
    background: linear-gradient(120deg, #c5a059, #d4b06a, #f3d895, #ffe3a0, #f3d895, #d4b06a, #c5a059) !important;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
    -webkit-mask-composite: xor !important;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
    mask-composite: exclude !important;
    pointer-events: none !important;
}
html#ecwid_html body#ecwid_body .ec-store__account-page .ec-cart-step__change:hover {
    filter: drop-shadow(0 0 10px rgba(244, 192, 100, 0.5)) !important;
}

/* ═══════════════════════════════════════════════════════════════
   RECHTE SEITE: Bestellungen (Body) – KEIN extra Wrapper
   ═══════════════════════════════════════════════════════════════ */
html#ecwid_html body#ecwid_body .ec-store__account-page .ec-cart__body {
    flex: 1 1 0% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

/* Body-Inner: KEINEN Box-Wrapper */
html#ecwid_html body#ecwid_body .ec-store__account-page .ec-cart__body-inner {
    padding: 0 !important;
    margin: 0 !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

/* ── Einzelne Bestellung: EINE Karte ── */
html#ecwid_html body#ecwid_body .ec-store__account-page .ec-cart-order {
    background: rgba(12, 9, 7, 0.45) !important;
    border: 1px solid rgba(197, 160, 89, 0.25) !important;
    border-radius: 14px !important;
    padding: 0 !important;
    margin-bottom: 28px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
    overflow: hidden !important;
}

/* ── Bestell-Header: Bestellung #xxx  +  Preis ── */
html#ecwid_html body#ecwid_body .ec-store__account-page .ec-cart-order__header,
html#ecwid_html body#ecwid_body .ec-store__account-page .ec-cart-order__wrap {
    background: rgba(197, 160, 89, 0.06) !important;
    border-bottom: 1px solid rgba(197, 160, 89, 0.15) !important;
    padding: 20px 28px !important;
    margin: 0 !important;
}

/* Bestell-Nummer: Gold Gradient */
html#ecwid_html body#ecwid_body .ec-store__account-page .ec-confirmation__number,
html#ecwid_html body#ecwid_body .ec-store__account-page .ec-cart-order__number {
    font-family: 'ITC Odin Con', serif !important;
    font-size: 1.3rem !important;
    font-weight: 500 !important;
    background: linear-gradient(120deg, #f3d895 0%, #ffe3a0 40%, #fff0c4 70%, #ffe3a0 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    letter-spacing: 0.5px !important;
}

/* Preis rechts: Gold */
html#ecwid_html body#ecwid_body .ec-store__account-page .ec-cart-order__total,
html#ecwid_html body#ecwid_body .ec-store__account-page .ec-confirmation__order-total {
    font-family: 'ITC Odin Con', serif !important;
    font-size: 1.3rem !important;
    font-weight: 500 !important;
    color: #F4C064 !important;
    -webkit-text-fill-color: #F4C064 !important;
}

/* Bestell-Titel: Gold für alle confirmation titles im Account */
html#ecwid_html body#ecwid_body .ec-store__account-page .ec-confirmation__title {
    text-align: left !important;
    font-family: 'ITC Odin Con', serif !important;
}

html#ecwid_html body#ecwid_body .ec-store__account-page .ec-confirmation__title .ec-header-h5,
html#ecwid_html body#ecwid_body .ec-store__account-page .ec-cart-order__wrap .ec-header-h5 {
    font-family: 'ITC Odin Con', serif !important;
    font-size: 1.3rem !important;
    background: linear-gradient(120deg, #f3d895 0%, #ffe3a0 40%, #fff0c4 70%, #ffe3a0 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
}

/* ── Datum / Status / Aktionen-Zeile ── */
html#ecwid_html body#ecwid_body .ec-store__account-page .ec-cart-order__date {
    font-family: 'ITC Odin Con', serif !important;
    text-align: left !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
    font-size: 0.9rem !important;
}

html#ecwid_html body#ecwid_body .ec-store__account-page .ec-confirmation__status {
    font-family: 'ITC Odin Con', serif !important;
    text-align: left !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
    font-size: 0.9rem !important;
}

/* Aktionen Dropdown */
html#ecwid_html body#ecwid_body .ec-store__account-page .ec-cart-order__actions {
    text-align: right !important;
}

/* ── Produkte: vertikal, kompakt, wie Resümee ── */
html#ecwid_html body#ecwid_body .ec-store__account-page .ec-cart__products {
    text-align: left !important;
    overflow: visible !important;
    padding: 16px 28px !important;
    border-bottom: 1px solid rgba(197, 160, 89, 0.12) !important;
}

html#ecwid_html body#ecwid_body .ec-store__account-page .ec-cart__products-inner {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
}

/* Einzelnes Produkt: Grid wie auf Resümee */
html#ecwid_html body#ecwid_body .ec-store__account-page .ec-cart__item.ec-cart-item {
    display: grid !important;
    grid-template-columns: 102px 1fr !important;
    gap: 20px !important;
    align-items: center !important;
    text-align: left !important;
    overflow: visible !important;
    padding: 12px 0 12px 12px !important;
    border-bottom: none !important;
    border-top: none !important;
}

/* Produkt-Bild: 90x90 mit left:5px für Badge */
html#ecwid_html body#ecwid_body .ec-store__account-page .ec-cart-item__image {
    width: 90px !important;
    min-width: 90px !important;
    max-width: 90px !important;
    height: 90px !important;
    max-height: 90px !important;
    overflow: visible !important;
    position: relative !important;
    left: 5px !important;
    padding: 0 !important;
}

html#ecwid_html body#ecwid_body .ec-store__account-page .ec-cart-item__picture,
html#ecwid_html body#ecwid_body .ec-store__account-page .ec-cart-item__picture-inner {
    width: 90px !important;
    max-width: 90px !important;
    height: 90px !important;
    max-height: 90px !important;
    border-radius: 10px !important;
    background-size: cover !important;
    background-position: center !important;
}

/* Produkt-Text: Name kompakt, linksbündig */
html#ecwid_html body#ecwid_body .ec-store__account-page .ec-cart-item__wrap {
    text-align: left !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
}
html#ecwid_html body#ecwid_body .ec-store__account-page .ec-cart-item__wrap-primary {
    text-align: left !important;
    align-items: flex-start !important;
}

/* Produkt-Titel: normaler Odin-Font, NICHT riesig */
html#ecwid_html body#ecwid_body .ec-store__account-page .ec-cart-item__title,
html#ecwid_html body#ecwid_body .ec-store__account-page a.ec-cart-item__title {
    font-family: 'ITC Odin Con', serif !important;
    font-size: 1.1rem !important;
    font-weight: 500 !important;
    text-align: left !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

/* Produkt-Preis */
html#ecwid_html body#ecwid_body .ec-store__account-page .ec-cart-item__price {
    text-align: left !important;
    font-family: 'ITC Odin Con', serif !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
}

/* Produkt-Optionen (Varianten) */
html#ecwid_html body#ecwid_body .ec-store__account-page .ec-cart-item__options {
    text-align: left !important;
    font-family: 'ITC Odin Con', serif !important;
    color: #a89279 !important;
    -webkit-text-fill-color: #a89279 !important;
    font-size: 0.85rem !important;
}

/* Summary-Row ausblenden */
html#ecwid_html body#ecwid_body .ec-store__account-page .ec-cart__item.ec-cart-item--summary {
    display: none !important;
}

/* ── Zahlungsanweisungen, Versandangaben etc. ── */
html#ecwid_html body#ecwid_body .ec-store__account-page .ec-confirmation__step {
    border-top: none !important;
    border-bottom: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
html#ecwid_html body#ecwid_body .ec-store__account-page .ec-confirmation__wrap {
    border: none !important;
    padding: 16px 28px !important;
    border-bottom: 1px solid rgba(197, 160, 89, 0.12) !important;
}
html#ecwid_html body#ecwid_body .ec-store__account-page .ec-confirmation__step:last-child .ec-confirmation__wrap {
    border-bottom: none !important;
}

/* Section-Header: wie Resümee (ZAHLUNGSANWEISUNGEN, VERSANDANGABEN) */
html#ecwid_html body#ecwid_body .ec-store__account-page .ec-confirmation__step .ec-confirmation__title {
    font-family: 'ITC Odin Con', serif !important;
    font-size: 0.8rem !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
    margin-bottom: 8px !important;
    text-align: center !important;
}

/* Section Body-Text: Odin-Font */
html#ecwid_html body#ecwid_body .ec-store__account-page .ec-confirmation__section,
html#ecwid_html body#ecwid_body .ec-store__account-page .ec-confirmation__section--description,
html#ecwid_html body#ecwid_body .ec-store__account-page .ec-confirmation__body {
    text-align: left !important;
    font-family: 'ITC Odin Con', serif !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
    font-size: 0.95rem !important;
    line-height: 1.6 !important;
}
html#ecwid_html body#ecwid_body .ec-store__account-page .ec-confirmation__section--description p {
    text-align: left !important;
    font-family: 'ITC Odin Con', serif !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
}

/* ═══════════════════════════════════════════════════════════════
   "HABEN SIE FRAGEN?" – Drastisch kleiner
   ═══════════════════════════════════════════════════════════════ */

/* Global (auch außerhalb account-page) */
html#ecwid_html body#ecwid_body .ec-footer-contacts {
    padding: 20px 0 !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}

html#ecwid_html body#ecwid_body .ec-footer-contacts .ec-header-h1,
html#ecwid_html body#ecwid_body .ec-footer-contacts h1,
html#ecwid_html body#ecwid_body .ec-footer-contacts .ec-header-h3,
html#ecwid_html body#ecwid_body .ec-footer-contacts__title {
    font-family: 'ITC Odin Con', serif !important;
    font-size: 0.85rem !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
    margin-bottom: 6px !important;
}

html#ecwid_html body#ecwid_body .ec-footer-contacts .ec-footer-contacts__row,
html#ecwid_html body#ecwid_body .ec-footer-contacts__row {
    font-family: 'ITC Odin Con', serif !important;
    font-size: 0.9rem !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
}

/* Account-Seite spezifisch: Fragen-Box kein Rahmen */
html#ecwid_html body#ecwid_body .ec-store__account-page .ec-footer-contacts,
html#ecwid_html body#ecwid_body .ec-store__account-page .ec-store__footer {
    padding: 16px 0 !important;
    margin-top: 8px !important;
    border: none !important;
    box-shadow: none !important;
    background: none !important;
}

/* ═══════════════════════════════════════════════════════════════
   MOBILE
   ═══════════════════════════════════════════════════════════════ */
@media (max-width: 1024px) {
    html#ecwid_html body#ecwid_body .ec-store__account-page .ec-cart.notranslate {
        flex-direction: column !important;
    }
    html#ecwid_html body#ecwid_body .ec-store__account-page .ec-cart__sidebar,
    html#ecwid_html body#ecwid_body .ec-store__account-page .ec-cart__body {
        flex: 1 1 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }
    html#ecwid_html body#ecwid_body .ec-store__account-page .ec-cart__products {
        padding: 12px 16px !important;
    }
    html#ecwid_html body#ecwid_body .ec-store__account-page .ec-confirmation__wrap {
        padding: 12px 16px !important;
    }
}

/* ═══════════════════════════════════════════════════════════════
   CHECKOUT: Express-Buttons volle Breite + Abstand
   ═══════════════════════════════════════════════════════════════ */

/* Express-Checkout Container (WEITER, PayPal, Später Bezahlen, Kreditkarte) → volle Breite */
html#ecwid_html body#ecwid_body .ec-cart__buttons,
html#ecwid_html body#ecwid_body .ec-cart .ec-cart__buttons {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Alle Buttons innerhalb: volle Breite + Abstand */
html#ecwid_html body#ecwid_body .ec-cart__buttons > *,
html#ecwid_html body#ecwid_body .ec-cart__buttons .ec-cart__button,
html#ecwid_html body#ecwid_body .ec-cart__buttons .ec-cart__button--checkout {
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 12px !important;
    box-sizing: border-box !important;
}

/* PayPal / Schnellbezahlen Buttons volle Breite */
html#ecwid_html body#ecwid_body .ec-cart__buttons .paypal-buttons,
html#ecwid_html body#ecwid_body .ec-cart__buttons .paypal-button-container,
html#ecwid_html body#ecwid_body .ec-cart__buttons [class*="paypal"],
html#ecwid_html body#ecwid_body .ec-cart__buttons [class*="apple-pay"],
html#ecwid_html body#ecwid_body .ec-cart__buttons [class*="google-pay"],
html#ecwid_html body#ecwid_body .ec-cart__buttons [class*="credit-card"],
html#ecwid_html body#ecwid_body .ec-cart__buttons [class*="ec-cart__button"] {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* PayPal iFrames volle Breite */
html#ecwid_html body#ecwid_body .ec-cart__buttons iframe,
html#ecwid_html body#ecwid_body .ec-cart__buttons .zoid-component-frame {
    width: 100% !important;
    max-width: 100% !important;
}

/* Kreditkarte: Kartenlogos verstecken (data-odin-pay System übernimmt das Bild) */
html#ecwid_html body#ecwid_body .ec-cart-step--payment label.ec-radiogroup__item--Kreditkarte .ec-cart-accept__icons,
html#ecwid_html body#ecwid_body .ec-cart-step--payment label.ec-radiogroup__item--Kreditkarte [class*="accept"],
html#ecwid_html body#ecwid_body .ec-cart-step--payment label.ec-radiogroup__item--Kreditkarte [class*="PaymentMethods"],
html#ecwid_html body#ecwid_body .ec-cart-step--payment [data-odin-pay="kreditkarte"] .ec-cart-accept__icons,
html#ecwid_html body#ecwid_body .ec-cart-step--payment [data-odin-pay="kreditkarte"] [class*="accept"],
html#ecwid_html body#ecwid_body .ec-cart-step--payment [data-odin-pay="kreditkarte"] [class*="PaymentMethods"] {
    display: none !important;
}