/* ═══════════════════════════════════════════
   GOOGLE PLACES AUTOCOMPLETE - ODIN DARK THEME
   ═══════════════════════════════════════════ */

/* Container (.pac-container ist das Dropdown von Google) */
.pac-container {
    background: #1a1410 !important;
    border: 1px solid rgba(197, 160, 89, 0.35) !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.7), 0 0 12px rgba(197, 160, 89, 0.1) !important;
    margin-top: 4px !important;
    margin-left: -1px !important;
    font-family: 'ITC Odin Con', serif !important;
    z-index: 99999 !important;
    padding: 4px 0 !important;
}

/* Einzelne Vorschläge */
.pac-container .pac-item {
    padding: 10px 14px !important;
    color: #d6be9f !important;
    font-family: 'ITC Odin Con', serif !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
    border-top: 1px solid rgba(197, 160, 89, 0.08) !important;
    border-bottom: none !important;
    cursor: pointer !important;
    background: #1a1410 !important;
    transition: background 0.15s ease !important;
}
.pac-container .pac-item:first-child {
    border-top: none !important;
}

/* Hover auf Vorschläge */
.pac-container .pac-item:hover,
.pac-container .pac-item-selected,
.pac-container .pac-item.pac-item-selected {
    background: rgba(197, 160, 89, 0.2) !important;
}
.pac-container .pac-item:hover .pac-item-query,
.pac-container .pac-item-selected .pac-item-query,
.pac-container .pac-item:hover .pac-matched,
.pac-container .pac-item-selected .pac-matched {
    color: #ffe3a0 !important;
}

/* Haupttext (Straße) */
.pac-container .pac-item-query {
    color: #ffe3a0 !important;
    font-family: 'ITC Odin Con', serif !important;
    font-size: 16px !important;
    font-weight: normal !important;
}

/* Matched text (fett markiert) */
.pac-container .pac-matched {
    color: #ffe3a0 !important;
    font-weight: 500 !important;
}

/* Sekundärtext (Stadt, Land) */
.pac-container .pac-item > span:last-child {
    color: #9a8468 !important;
    font-size: 14px !important;
}

/* Icon links */
.pac-container .pac-icon,
.pac-container .pac-icon-marker {
    display: none !important;
}

/* "Powered by Google" Logo */
.pac-container::after,
.pac-container .pac-logo::after {
    display: none !important;
}

/* Adressfeld-Indikator: zeige dass Autocomplete aktiv ist */
.odin-autocomplete-active {
    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='1.5' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3e%3ccircle cx='12' cy='10' r='3'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-size: 18px !important;
    padding-right: 38px !important;
}

/* ── INPUT TEXT: Golden + gleiche Größe wie Placeholder ── */
/* Hohe Spezifität um Ecwid-Styles zu überschreiben */
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,
html#ecwid_html body#ecwid_body .ec-cart-step--address input[type="text"],
html#ecwid_html body#ecwid_body .ec-cart-step--address input[type="email"],
html#ecwid_html body#ecwid_body .ec-cart-step--address input[type="tel"],
html#ecwid_html body#ecwid_body .ec-form input[type="text"],
html#ecwid_html body#ecwid_body .ec-form input[type="email"],
html#ecwid_html body#ecwid_body .ec-form input[type="tel"],
html body .ec-cart-step__body input,
html body .ec-cart-step__body textarea {
    color: #fff0c4 !important;
    -webkit-text-fill-color: #fff0c4 !important;
    font-size: 19px !important;
    font-family: 'ITC Odin Con', serif !important;
    letter-spacing: 0.5px !important;
}
/* Placeholder gleiche Größe */
html#ecwid_html body#ecwid_body .ec-cart-step__body input::placeholder,
html#ecwid_html body#ecwid_body .ec-cart-step__body textarea::placeholder,
html#ecwid_html body#ecwid_body .ec-cart-step--address input::placeholder,
html#ecwid_html body#ecwid_body .ec-form input::placeholder,
html body .ec-cart-step__body input::placeholder,
html body .ec-cart-step__body textarea::placeholder {
    font-size: 19px !important;
    font-family: 'ITC Odin Con', serif !important;
    letter-spacing: 0.5px !important;
    color: #6b5a45 !important;
    -webkit-text-fill-color: #6b5a45 !important;
}

/* ── CHROME AUTOFILL: Erkennung via Animation + Blauen Hintergrund überschreiben ── */
@keyframes odin-autofill-detect { from { opacity: 1; } to { opacity: 1; } }
html#ecwid_html body#ecwid_body .ec-cart-step__body input:-webkit-autofill,
html#ecwid_html body#ecwid_body .ec-cart-step__body input:-webkit-autofill:hover,
html#ecwid_html body#ecwid_body .ec-cart-step__body input:-webkit-autofill:focus,
html#ecwid_html body#ecwid_body .ec-cart-step__body input:-webkit-autofill:active,
html#ecwid_html body#ecwid_body .ec-cart-step__body textarea:-webkit-autofill {
    animation-name: odin-autofill-detect !important;
    -webkit-box-shadow: 0 0 0 1000px rgba(12, 9, 7, 0.95) inset !important;
    box-shadow: 0 0 0 1000px rgba(12, 9, 7, 0.95) inset !important;
    -webkit-text-fill-color: #fff0c4 !important;
    color: #fff0c4 !important;
    font-size: 19px !important;
    font-family: 'ITC Odin Con', serif !important;
    letter-spacing: 0.5px !important;
    caret-color: #fff0c4 !important;
    transition: background-color 5000s ease-in-out 0s !important;
}

/* Ecwid Floating-Label ausblenden wenn Input einen Wert hat */
.form-control:has(input.odin-autocomplete-active:not([value=""]):not(:placeholder-shown)) .form-control__placeholder,
.form-control:has(input.odin-autocomplete-active.odin-has-value) .form-control__placeholder,
.form-control:has(input.odin-has-value) .form-control__placeholder {
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Ecwid Floating-Label verstecken wenn unser eigener Placeholder aktiv ist */
.ec-cart-step__body .form-control.odin-placeholder-active .form-control__placeholder {
    display: none !important;
}

/* ── DROPDOWN SEARCH: Override Ecwid focus glow — kein Glow, minimales Padding ── */
html#ecwid_html body#ecwid_body .ec-cart-step__body .odin-select-search input,
html#ecwid_html body#ecwid_body .ec-cart-step__body .odin-select-search input:focus,
html#ecwid_html body#ecwid_body .ec-cart-step__body .odin-select-search input:active,
html#ecwid_html body#ecwid_body .ec-cart-step__body .odin-select-search input:hover {
    box-shadow: none !important;
    outline: none !important;
    border: none !important;
    padding: 5px 8px !important;
    font-size: 14px !important;
}
html#ecwid_html body#ecwid_body .ec-cart-step__body .odin-select-search input:focus {
    border: none !important;
    box-shadow: none !important;
}
html#ecwid_html body#ecwid_body .odin-select-search {
    padding: 0 0 0 8px !important;
    border-bottom: 1px solid rgba(197, 160, 89, 0.15) !important;
}

/* ── INPUT BORDER: Gold Ring via outline (malt ÜBER alles, auch Autofill) ── */

/* Input selbst: kein eigener Border, z-index niedriger als ::after Ring */
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 {
    border: none !important;
    border-width: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    position: relative !important;
    z-index: 1 !important;
    outline: none !important;
}

/* Form-Control Wrapper: Default = transparenter Hintergrund, Gold Ring via outline */
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control:not(.form-control--button):not(.form-control--checkbox):not(.form-control--radio) {
    position: relative !important;
    background: transparent !important;
    border: none !important;
    border-radius: 8px !important;
    overflow: visible !important;
    box-shadow: none !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;
}
/* Hover: nichts ändern — Default-Outline bleibt */
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control:not(.form-control--button):not(.form-control--checkbox):not(.form-control--radio):not(.odin-has-value):not(.odin-is-focused):hover {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: 1px solid rgba(197,160,89,0.35) !important;
    outline-offset: -1px !important;
}
/* Hover auf gefüllten/fokussierten Inputs: Filled/Focus-Stil beibehalten */
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control.odin-has-value:not(.form-control--button):not(.form-control--checkbox):not(.form-control--radio):hover,
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control.odin-is-focused:not(.form-control--button):not(.form-control--checkbox):not(.form-control--radio):hover {
    background: rgba(12, 9, 7, 0.8) !important;
    border: none !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;
}
/* ::after für Gradient-Effekt — z-index HÖHER als Input */
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control:not(.form-control--button):not(.form-control--checkbox):not(.form-control--radio)::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;
}
/* Focus: Heller Gold Ring + Hintergrund + 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):focus-within,
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control.odin-is-focused:not(.form-control--button):not(.form-control--checkbox):not(.form-control--radio) {
    background: rgba(12, 9, 7, 0.8) !important;
    border: none !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-cart-step__body .form-control:not(.form-control--button):not(.form-control--checkbox):not(.form-control--radio):focus-within::after,
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control.odin-is-focused:not(.form-control--button):not(.form-control--checkbox):not(.form-control--radio)::after {
    padding: 2px !important;
    background: linear-gradient(120deg, #c5a059, #d4b06a, #f3d895, #ffe3a0, #f3d895, #d4b06a, #c5a059) !important;
}
/* Filled State: Wenn Input einen Wert hat — gleicher Stil wie Focus */
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(input:not(:placeholder-shown)),
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:not(.form-control--button):not(.form-control--checkbox):not(.form-control--radio):has(input:-webkit-autofill),
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control.odin-has-value:not(.form-control--button):not(.form-control--checkbox):not(.form-control--radio) {
    background: rgba(12, 9, 7, 0.8) !important;
    border: none !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-cart-step__body .form-control:not(.form-control--button):not(.form-control--checkbox):not(.form-control--radio):has(input:not(:placeholder-shown))::after,
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))::after,
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(input:-webkit-autofill)::after,
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control.odin-has-value:not(.form-control--button):not(.form-control--checkbox):not(.form-control--radio)::after {
    padding: 2px !important;
    background: linear-gradient(120deg, #c5a059, #d4b06a, #f3d895, #ffe3a0, #f3d895, #d4b06a, #c5a059) !important;
}

/* ── ERROR OVERRIDE: Rot statt Gold auf .form-control direkt ── */
/* Muss NACH den goldenen Regeln kommen damit es gewinnt */
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control.form-control--error:not(.form-control--button):not(.form-control--checkbox):not(.form-control--radio) {
    outline: 2px solid #E35555 !important;
    outline-offset: -2px !important;
    box-shadow: none !important;
}
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control.form-control--error:not(.form-control--button):not(.form-control--checkbox):not(.form-control--radio)::after {
    padding: 2px !important;
    background: linear-gradient(120deg, #c44a3f, #e06050, #ff7a6a, #e06050, #c44a3f) !important;
}
/* Error Placeholder rot */
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control.form-control--error input::placeholder,
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control.form-control--error textarea::placeholder {
    color: #E35555 !important;
    -webkit-text-fill-color: #E35555 !important;
}

/* Ecwid eigene ::before auf form-control__body killen (doppelter Border) */
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control .form-control__body::before {
    display: none !important;
    content: none !important;
}

/* ── WEITER BUTTON: 1:1 wie Sammeln-Button ── */

/* Row-Container über dem Button — volle Breite erzwingen */
html#ecwid_html body#ecwid_body .ec-form__row--continue,
html#ecwid_html body#ecwid_body .ec-cart-step__body .ec-form__row--continue {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    display: block !important;
    flex-basis: 100% !important;
    grid-column: 1 / -1 !important;
}
html#ecwid_html body#ecwid_body .ec-form__row--continue .ec-form__cell,
html#ecwid_html body#ecwid_body .ec-form__row--continue > * {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}
/* Parent-Wrapper Reset — kein eigener Border/Background */
html#ecwid_html body#ecwid_body .ec-cart__button--checkout,
html#ecwid_html body#ecwid_body .ec-cart__button--next,
html#ecwid_html body#ecwid_body .ec-cart__button--checkout .form-control--button,
html#ecwid_html body#ecwid_body .ec-cart__button--next .form-control--button,
html#ecwid_html body#ecwid_body .ec-cart-step__body .ec-cart__button--checkout,
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control--button {
    all: unset !important;
    display: block !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}
/* Parent ::before komplett weg */
html#ecwid_html body#ecwid_body .ec-cart__button--checkout::before,
html#ecwid_html body#ecwid_body .ec-cart__button--next::before,
html#ecwid_html body#ecwid_body .ec-cart__button--checkout .form-control--button::before,
html#ecwid_html body#ecwid_body .ec-cart__button--next .form-control--button::before,
html#ecwid_html body#ecwid_body .ec-cart .form-control--button::before,
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control--button::before {
    display: none !important;
    content: none !important;
}

/* Der Button selbst — INAKTIVER Default-Zustand (gedimmt, kein Glow) */
html#ecwid_html body#ecwid_body .ec-cart__button--checkout .form-control__button,
html#ecwid_html body#ecwid_body .ec-cart__button--next .form-control__button,
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control--button .form-control__button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 64px !important;
    margin: 28px 0 0 0 !important;
    padding: 0 32px !important;
    background: transparent !important;
    background-image: none !important;
    background-color: transparent !important;
    border-radius: 999px !important;
    position: relative !important;
    overflow: visible !important;
    border: none !important;
    border-width: 0 !important;
    border-style: none !important;
    outline: none !important;
    font-family: 'ITC Odin Con', serif !important;
    font-size: 1.35rem !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.02em !important;
    text-shadow: none !important;
    white-space: nowrap !important;
    line-height: 1 !important;
    cursor: pointer !important;
    box-shadow: 0 0 8px rgba(241, 198, 91, 0.3), 0 0 16px rgba(230, 168, 91, 0.15), 0 0 28px rgba(230, 168, 91, 0.08) !important;
    transition: box-shadow 0.6s ease !important;
    box-sizing: border-box !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    -webkit-user-select: none !important;
    user-select: none !important;
    user-select: none !important;
    text-decoration: none !important;
    color: transparent !important;
    opacity: 1 !important;
}
/* Margin Override — 28px → 5px */
html#ecwid_html body#ecwid_body .ec-cart__button--checkout .form-control__button,
html#ecwid_html body#ecwid_body .ec-cart__button--next .form-control__button,
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control--button .form-control__button {
    margin: 5px 0 0 0 !important;
}
/* Gold Ring — NUR auf dem Button, nicht Parent */
html#ecwid_html body#ecwid_body .ec-cart__button--checkout .form-control__button::before,
html#ecwid_html body#ecwid_body .ec-cart__button--next .form-control__button::before,
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control--button .form-control__button::before {
    content: '' !important;
    display: block !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;
    animation: none !important;
    z-index: 1 !important;
    /* Inaktiv: Gold Ring wird durch Parent opacity gedimmt */
}
/* Pulsierender Glow via ::after — 1:1 wie Sammeln */
@keyframes odinWeiterGlow {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}
/* Pulsierender Glow ::after — INAKTIV: unsichtbar */
html#ecwid_html body#ecwid_body .ec-cart__button--checkout .form-control__button::after,
html#ecwid_html body#ecwid_body .ec-cart__button--next .form-control__button::after,
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control--button .form-control__button::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    animation: none !important;
    pointer-events: none !important;
    z-index: 0 !important;
}
/* Pulsierender Glow ::after — immer aktiv */
html#ecwid_html body#ecwid_body .ec-cart__button--checkout .form-control__button::after,
html#ecwid_html body#ecwid_body .ec-cart__button--next .form-control__button::after,
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control--button .form-control__button::after {
    box-shadow: 0 0 12px rgba(241, 198, 91, 0.5), 0 0 22px rgba(230, 168, 91, 0.25), 0 0 40px rgba(230, 168, 91, 0.12) !important;
    animation: odinWeiterGlow 2.5s ease-in-out infinite !important;
}
/* Gold Gradient Text — 1:1 wie Sammeln */
html#ecwid_html body#ecwid_body .ec-cart__button--checkout .form-control__button-text,
html#ecwid_html body#ecwid_body .ec-cart__button--next .form-control__button-text,
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control--button .form-control__button-text,
html#ecwid_html body#ecwid_body .ec-cart__button--checkout .form-control__button span,
html#ecwid_html body#ecwid_body .ec-cart__button--next .form-control__button span {
    position: relative !important;
    z-index: 2 !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;
    font-family: 'ITC Odin Con', serif !important;
    font-size: 1.35rem !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.02em !important;
    text-shadow: none !important;
    white-space: nowrap !important;
    line-height: 1 !important;
}
/* Hover — immer aktiv */
html#ecwid_html body#ecwid_body .ec-cart-step__body .ec-cart__button--checkout .form-control--button .form-control__button:hover,
html#ecwid_html body#ecwid_body .ec-cart-step__body .ec-cart__button--next .form-control--button .form-control__button:hover,
html#ecwid_html body#ecwid_body .ec-cart-step__body .ec-cart__button--checkout .form-control__button:hover,
html#ecwid_html body#ecwid_body .ec-cart-step__body .ec-cart__button--next .form-control__button:hover,
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control--button .form-control__button:hover {
    box-shadow: 0 0 12px rgba(241, 198, 91, 0.45), 0 0 22px rgba(230, 168, 91, 0.25), 0 0 40px rgba(230, 168, 91, 0.12) !important;
    border: none !important;
    filter: none !important;
    background: transparent !important;
    background-image: none !important;
}
/* Focus */
html#ecwid_html body#ecwid_body .ec-cart-step__body .ec-cart__button--checkout .form-control--button .form-control__button:focus,
html#ecwid_html body#ecwid_body .ec-cart-step__body .ec-cart__button--next .form-control--button .form-control__button:focus,
html#ecwid_html body#ecwid_body .ec-cart-step__body .ec-cart__button--checkout .form-control__button:focus,
html#ecwid_html body#ecwid_body .ec-cart-step__body .ec-cart__button--next .form-control__button:focus,
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control--button .form-control__button:focus {
    border: none !important;
    outline: none !important;
    filter: none !important;
}

/* ── SECTION HEADS: Vor- und Nachname, Telefon, Adresse — kein Uppercase, größer, zentriert ── */
html#ecwid_html body#ecwid_body .ec-cart-step__body .ec-form__title,
html#ecwid_html body#ecwid_body .ec-cart-step__body .ec-cart-step__section-title {
    text-transform: none !important;
    font-size: 1.05rem !important;
    letter-spacing: 0.8px !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
    margin-bottom: 8px !important;
    margin-top: 26px !important;
    margin-left: 0 !important;
    padding-bottom: 0 !important;
    text-align: center !important;
}
/* Erste Section: gleicher Top-Margin wie alle anderen */
html#ecwid_html body#ecwid_body .ec-cart-step__body .ec-cart-step__section:first-child .ec-form__title,
html#ecwid_html body#ecwid_body .ec-cart-step__body .ec-cart-step__section:first-child .ec-cart-step__section-title {
    margin-top: 50px !important;
}

/* ── CUSTOM SECTION HEADINGS: Alle 3 Hauptheadings gleich ── */
/* Step-Title ganz oben: "Wie sollen die Trünke dich erreichen?" */
html#ecwid_html body#ecwid_body .ec-cart-step--current .ec-cart-step__title .ec-cart-step__title-text,
html#ecwid_html body#ecwid_body .ec-cart-step--current .ec-cart-step__title {
    font-family: 'ITC Odin Con', serif !important;
    font-size: 1.7rem !important;
    font-style: normal !important;
    letter-spacing: 0.02em !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
    text-align: center !important;
    margin-bottom: 25px !important;
    margin-top: 50px !important;
    line-height: 2rem !important;
    padding: 0 45px !important;
}
/* mandatory-fields-notice: "Wer soll die Trünke bekommen?" + "Wo sollen die Trünke ankommen?" */
html#ecwid_html body#ecwid_body .ec-cart-step__body .ec-cart-step__mandatory-fields-notice {
    font-family: 'ITC Odin Con', serif !important;
    font-size: 1.7rem !important;
    font-style: normal !important;
    letter-spacing: 0.02em !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
    line-height: 2rem !important;
}
/* Parent <p> der mandatory-fields-notice */
html#ecwid_html body#ecwid_body .ec-cart-step__body p:has(.ec-cart-step__mandatory-fields-notice) {
    text-align: center !important;
    margin-top: 50px !important;
    margin-bottom: 25px !important;
    padding: 0 45px !important;
}
/* Override odin-ecwid-shop.css p:first-child (hat 35px/20px) */
html#ecwid_html body#ecwid_body .ec-cart-step--current .ec-cart-step__body .ec-cart-step__section > p:first-child {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    font-size: 1.7rem !important;
}
/* Eigenes Heading (odin-section-heading) */
p.odin-section-heading {
    margin-top: 50px !important;
    margin-bottom: 25px !important;
    padding: 0 45px !important;
}
/* Inline Heading (umbenanntes Ecwid Label, z.B. "Wo sollen die Trünke ankommen?") */
html#ecwid_html body#ecwid_body .ec-cart-step__body .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;
    margin-top: 50px !important;
    margin-bottom: 25px !important;
    padding: 0 45px !important;
    display: block !important;
    width: 100% !important;
}

/* ── NATIVE ECWID-FELDER: Name Label "Vor- und Nachname" verstecken (Placeholder reicht) ── */
html#ecwid_html body#ecwid_body .ec-form__cell-name > label,
html#ecwid_html body#ecwid_body .ec-form__cell--name > label,
html#ecwid_html body#ecwid_body .ec-form__cell-name .ec-form__title,
html#ecwid_html body#ecwid_body .ec-form__cell--name .ec-form__title,
html#ecwid_html body#ecwid_body .ec-form__cell .form-control:has(input[name="name"]) ~ label {
    display: none !important;
}
/* Phone-Feld + Label verstecken */
html#ecwid_html body#ecwid_body .ec-form__cell--phone .form-control:has(input[name="phone"]),
html#ecwid_html body#ecwid_body .ec-form__cell--phone .form-control:has(input[type="tel"]) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
    overflow: hidden !important;
    clip: rect(0,0,0,0) !important;
    border: none !important;
    padding: 0 !important;
    margin: -1px !important;
}
html#ecwid_html body#ecwid_body .ec-form__cell--phone > label,
html#ecwid_html body#ecwid_body .ec-form__cell--phone .ec-form__title {
    display: none !important;
}
/* Phone: Ecwid-Fehlermeldungen innerhalb der Cell verstecken (wir zeigen eigene) */
html#ecwid_html body#ecwid_body .ec-form__cell--phone .form-control__message,
html#ecwid_html body#ecwid_body .ec-form__cell--phone .form-control__message--error,
html#ecwid_html body#ecwid_body .ec-form__cell--phone [class*="form__msg"],
html#ecwid_html body#ecwid_body .ec-form__cell--phone [class*="error-message"],
html#ecwid_html body#ecwid_body .ec-form__cell--phone [class*="field-error"] {
    display: none !important;
}
/* Bundesland/State: Ecwid-Fehlermeldungen verstecken (wir zeigen eigene) */
html#ecwid_html body#ecwid_body .ec-form__cell--state .form-control__message,
html#ecwid_html body#ecwid_body .ec-form__cell--state .form-control__message--error,
html#ecwid_html body#ecwid_body .ec-form__cell--state [class*="form__msg"],
html#ecwid_html body#ecwid_body .ec-form__cell--state [class*="error-message"],
html#ecwid_html body#ecwid_body .ec-form__cell--state [class*="field-error"] {
    display: none !important;
}
/* Adresse Label "Adresse" verstecken — wird per JS zu "Wo sollen die Trünke ankommen?" */
html#ecwid_html body#ecwid_body .ec-form__cell--street .ec-form__title:not(.odin-section-heading-inline) {
    display: none !important;
}
/* Firmenname Label verstecken */
html#ecwid_html body#ecwid_body .ec-form__cell--company-name > label,
html#ecwid_html body#ecwid_body .ec-form__cell--company-name .ec-form__title {
    display: none !important;
}

/* ── ERROR STATE: Native Ecwid-Inputs — NUR roter Border, kein roter Background ── */
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;
    background: transparent !important;
}
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 .form-control--error input,
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control--error textarea,
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control--error select {
    background: transparent !important;
}
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control--error input::placeholder,
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control--error textarea::placeholder {
    color: #E35555 !important;
    -webkit-text-fill-color: #E35555 !important;
}

/* ── ABSTAND REDUZIEREN: Versteckte Ecwid-Elemente nach dem Weiter-Button ── */
/* Overflow visible damit Custom-Select-Dropdowns nicht abgeschnitten werden */
html#ecwid_html body#ecwid_body div.ecwid-productBrowser {
    padding: 0 10px 100px !important;
}
html#ecwid_html body#ecwid_body .ec-cart-step__body,
html#ecwid_html body#ecwid_body .ec-cart-step--current .ec-cart-step__body {
    padding-bottom: 20px !important;
    margin-bottom: 0 !important;
    overflow: visible !important;
    max-width: 600px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
/* Alle Parent-Container: overflow visible für Dropdowns */
html#ecwid_html body#ecwid_body .ec-cart-step--current,
html#ecwid_html body#ecwid_body .ec-cart-step__wrap,
html#ecwid_html body#ecwid_body .ec-cart-step__body-inner,
html#ecwid_html body#ecwid_body .ec-cart-step__section,
html#ecwid_html body#ecwid_body .ec-form,
html#ecwid_html body#ecwid_body .ec-form__row,
html#ecwid_html body#ecwid_body .ec-form__cell {
    overflow: visible !important;
}
html#ecwid_html body#ecwid_body .ec-cart__button--checkout,
html#ecwid_html body#ecwid_body .ec-cart__button--next {
    padding: 0 !important;
    margin: 0 !important;
}
/* Versteckte Elemente nach dem Button: kein Platz */
html#ecwid_html body#ecwid_body .ec-cart-step__body > *:empty,
html#ecwid_html body#ecwid_body .ec-cart-step__body > div[style*="display: none"],
html#ecwid_html body#ecwid_body .ec-cart-step__body > div[style*="display:none"] {
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
}
/* Ecwid-Spacer und leere Divs komprimieren */
html#ecwid_html body#ecwid_body .ec-cart-step__body .ec-cart-step__section:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
html#ecwid_html body#ecwid_body .ec-cart-step__body .ec-cart-step__section {
    margin-bottom: 8px !important;
}
/* Form-Controls die versteckt sind: 0 Abstand */
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control[style*="display: none"],
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control[style*="display:none"],
html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control--hidden {
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    border: none !important;
}
/* Step-Body insgesamt kompakter */
html#ecwid_html body#ecwid_body .ec-cart-step--current {
    padding-bottom: 0 !important;
    margin-bottom: 10px !important;
}

/* ── NICHT-EU POPUP ── */
.odin-popup-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.65);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    z-index: 999999;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 24px;
    animation: odinPopupFadeIn 0.3s ease;
    overflow-y: auto;
    overscroll-behavior: contain;
    box-sizing: border-box;
}
/* Body scroll sperren wenn Popup offen */
body.odin-popup-open {
    overflow: hidden !important;
    position: fixed !important;
    width: 100% !important;
    top: 0 !important;
}
@keyframes odinPopupFadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
.odin-popup-box {
    background:
        url('/wp-content/themes/betheme-child/img/vignette.png') center / cover no-repeat,
        url('/wp-content/themes/betheme-child/img/card_odin_game_bg_pattern_s.jpg') center / 200px repeat;
    border: none;
    border-radius: 16px;
    padding: min(40px, 5vh) 36px min(32px, 4vh);
    max-width: 520px;
    width: 92%;
    margin: auto;
    text-align: center;
    box-shadow: 0 0 60px rgba(0, 0, 0, 0.9), 0 0 30px rgba(197, 160, 89, 0.15);
    animation: odinPopupSlideIn 0.3s ease;
    position: relative;
    overflow: hidden;
}
.odin-popup-box::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle, transparent 40%, rgba(0, 0, 0, 0.5) 100%);
    pointer-events: none;
    z-index: 0;
}
/* Gold Gradient Border — 1:1 wie aktive Inputs */
.odin-popup-box::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 16px;
    padding: 2px;
    background: linear-gradient(120deg, #c5a059, #d4b06a, #f3d895, #ffe3a0, #f3d895, #d4b06a, #c5a059);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    pointer-events: none;
    z-index: 10;
}
.odin-popup-box > * {
    position: relative;
    z-index: 1;
}
@keyframes odinPopupSlideIn {
    from { transform: translateY(-20px) scale(0.95); opacity: 0; }
    to { transform: translateY(0) scale(1); opacity: 1; }
}
/* Headline — ÜBER dem Bild, wie Age Gate */
/* Shimmer Animation — 1:1 wie Startseite */
@keyframes odinPopupShimmer {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}
.odin-popup-title {
    font-family: 'ITC Odin Con', serif;
    font-size: min(4.2rem, 6.2vh);
    font-weight: 500;
    text-transform: uppercase;
    line-height: 0.95em;
    letter-spacing: 0.04em;
    padding: min(15px, 2vh);
    padding-bottom: 0;
    color: #F4C064;
    background: linear-gradient(135deg, #e2c38c 0%, #ffeeb0 20%, #F4C064 60%);
    background-size: 300% auto;
    animation: none;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 0 8px rgba(244, 192, 100, 0.6)) drop-shadow(0 0 16px rgba(244, 192, 100, 0.35));
    margin-bottom: 0;
    position: relative;
    z-index: 2;
}
/* Bild */
.odin-popup-img {
    width: min(250px, 30vh);
    margin: min(10px, 1.3vh) auto min(20px, 2.5vh);
    display: block;
    border-radius: 8px;
    position: relative;
    z-index: 3;
}
.odin-popup-text {
    font-family: 'ITC Odin Con', serif;
    font-size: min(1.5rem, 2.2vh);
    font-weight: 400;
    color: #d6be9f;
    line-height: 1.4em;
    margin-bottom: min(24px, 3vh);
}
/* Ländername — Gold Gradient, uppercase, größer, eigene Zeile */
.odin-popup-country {
    display: block;
    font-family: 'ITC Odin Con', serif;
    font-size: clamp(1.4rem, 3vh, 2.2rem);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    line-height: 1.2;
    padding: min(10px, 1.3vh) 0;
    background: linear-gradient(135deg, #F4C064 0%, #ffeeb0 50%, #F4C064 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 0 8px rgba(244, 192, 100, 0.5)) drop-shadow(0 0 16px rgba(244, 192, 100, 0.25));
}
/* Freiraum nach "geliefert werden." */
.odin-popup-spacer {
    display: block;
    height: min(12px, 1.5vh);
}
/* Verstanden-Button — 1:1 wie Sammeln (.odin-grid-btn) */
.odin-popup-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: clamp(140px, 16vw, 180px);
    height: min(60px, 7.5vh);
    padding: 0 clamp(18px, 2vw, 28px);
    border: none;
    border-radius: 999px;
    background: linear-gradient(120deg, #f3d895 0%, #ffe3a0 40%, #fff0c4 70%, #ffe3a0 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    cursor: pointer;
    font-family: 'ITC Odin Con', serif;
    font-size: 1.35rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    line-height: 1;
    white-space: nowrap;
    -webkit-user-select: none;
    user-select: none;
    box-shadow: 0 0 4px rgba(230, 168, 91, 0.15);
    transition: box-shadow 0.5s ease;
    overflow: visible;
}
/* Gold Ring ::before */
.odin-popup-btn::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 999px;
    padding: 2px;
    background: linear-gradient(120deg, #c5a059, #d4b06a, #f3d895, #ffe3a0, #f3d895, #d4b06a, #c5a059);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    pointer-events: none;
}
/* KEIN ::after — keine Animation/Pulsieren */
.odin-popup-btn::after {
    display: none;
}
/* Text-Span im Button — Gold Gradient */
.odin-popup-btn-text {
    position: relative;
    z-index: 2;
    background: linear-gradient(120deg, #f3d895 0%, #ffe3a0 40%, #fff0c4 70%, #ffe3a0 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    pointer-events: none;
}
/* Hover — 1:1 wie Sammeln (.odin-grid-btn:hover) */
.odin-popup-btn:hover {
    box-shadow: 0 0 14px rgba(230, 168, 91, 0.7), 0 0 28px rgba(230, 168, 91, 0.35);
}
/* Lieferland Label */
.odin-popup-countries-title {
    font-family: 'ITC Odin Con', serif;
    font-size: 1rem;
    font-weight: 500;
    color: #d6be9f;
    margin-bottom: 10px;
    letter-spacing: 0.02em;
}
/* Custom Dropdown — 1:1 wie odin-select (Länder-Dropdown im Checkout) */
.odin-popup-select-wrap {
    position: relative;
    width: 100%;
    max-width: 340px;
    margin: 0 auto min(28px, 3.5vh);
    z-index: 50;
}
.odin-popup-trigger {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: min(50px, 6.5vh);
    padding: min(14px, 1.8vh) 14px;
    background: transparent;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.3s ease, box-shadow 0.3s ease, outline 0.3s ease;
    box-sizing: border-box;
    user-select: none;
    outline: 1px solid rgba(197,160,89,0.35);
    outline-offset: -1px;
    box-shadow: none;
    gap: 10px;
    position: relative;
    overflow: visible;
}
.odin-popup-trigger::after {
    content: '';
    display: block;
    position: absolute;
    inset: 0;
    border-radius: 8px;
    padding: 1px;
    background: linear-gradient(120deg, rgba(197,160,89,0.4), rgba(212,176,106,0.3), rgba(197,160,89,0.4));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    pointer-events: none;
    z-index: 10;
    transition: padding 0.3s ease, background 0.3s ease;
}
.odin-popup-trigger.has-value {
    outline: 2px solid #c5a059;
    outline-offset: -2px;
    box-shadow: 0 0 18px rgba(197, 160, 89, 0.35), 0 0 6px rgba(197, 160, 89, 0.2);
    background: rgba(12, 9, 7, 0.8);
}
.odin-popup-trigger.has-value::after {
    padding: 2px;
    background: linear-gradient(120deg, #c5a059, #d4b06a, #f3d895, #ffe3a0, #f3d895, #d4b06a, #c5a059);
}
.odin-popup-trigger.is-open {
    outline: 2px solid #c5a059;
    outline-offset: -2px;
    box-shadow: 0 0 18px rgba(197, 160, 89, 0.35), 0 0 6px rgba(197, 160, 89, 0.2);
    background: rgba(12, 9, 7, 0.8);
}
.odin-popup-trigger.is-open::after {
    padding: 2px;
    background: linear-gradient(120deg, #c5a059, #d4b06a, #f3d895, #ffe3a0, #f3d895, #d4b06a, #c5a059);
}
.odin-popup-trigger-text {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #9a8468;
    -webkit-text-fill-color: #9a8468;
    font-family: 'ITC Odin Con', serif;
    font-size: 19px;
    letter-spacing: 0.5px;
    line-height: 1.3;
    text-align: left;
}
.odin-popup-trigger.has-value .odin-popup-trigger-text {
    color: #fff0c4;
    -webkit-text-fill-color: #fff0c4;
}
.odin-popup-trigger-arrow {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease;
    pointer-events: none;
}
.odin-popup-trigger-arrow svg {
    width: 16px;
    height: 16px;
    stroke: #9a8468;
    fill: none;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.odin-popup-trigger.has-value .odin-popup-trigger-arrow svg,
.odin-popup-trigger.is-open .odin-popup-trigger-arrow svg {
    stroke: #c5a059;
}
.odin-popup-trigger .odin-popup-trigger-arrow {
    transform: rotate(180deg);
}
.odin-popup-trigger.is-open .odin-popup-trigger-arrow {
    transform: rotate(0deg);
}
/* Dropdown Panel */
/* Dropdown Panel — 1:1 wie .odin-select-dropdown */
.odin-popup-dropdown {
    display: none;
    position: absolute;
    bottom: calc(100% + 4px);
    left: -2px;
    right: -2px;
    max-height: 320px;
    height: auto;
    overflow: hidden;
    background: #231b14;
    border: 1px solid rgba(197, 160, 89, 0.4);
    border-radius: 8px;
    box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.7), 0 0 14px rgba(197, 160, 89, 0.15);
    z-index: 9999;
}
.odin-popup-dropdown.is-open {
    display: block;
}
/* Innerer Scroll-Container — 1:1 wie .odin-select-scroll-inner */
.odin-popup-scroll-inner {
    max-height: 280px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 12px;
    background: transparent;
    overscroll-behavior: contain;
}
.odin-popup-scroll-inner::-webkit-scrollbar { width: 4px; }
.odin-popup-scroll-inner::-webkit-scrollbar-track { background: transparent; }
.odin-popup-scroll-inner::-webkit-scrollbar-thumb { background: rgba(94, 62, 28, 0.6); border-radius: 2px; }
.odin-popup-scroll-inner { scrollbar-width: thin; scrollbar-color: rgba(94, 62, 28, 0.6) transparent; }
/* Options — 1:1 wie odin-select-option */
.odin-popup-option {
    padding: 14px 14px;
    min-height: 48px;
    box-sizing: border-box;
    color: #d6be9f;
    font-family: 'ITC Odin Con', serif;
    font-size: 18px;
    letter-spacing: 0.4px;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease;
    border-bottom: 1px solid rgba(197, 160, 89, 0.06);
}
.odin-popup-option:last-child { border-bottom: none; }
.odin-popup-option:hover {
    background: rgba(197, 160, 89, 0.1);
    color: #d6be9f;
}
.odin-popup-option.is-selected {
    background: rgba(197, 160, 89, 0.3);
    color: #fff0c4;
}

/* ═══ POPUP RESPONSIVE ═══ */

/* iPad / Tablet */
@media screen and (max-width: 820px) {
    .odin-popup-overlay {
        padding: min(20px, 2.5vh);
    }
    .odin-popup-box {
        max-width: 480px;
        width: 90%;
        padding: min(36px, 4.5vh) 30px min(28px, 3.5vh);
    }
    .odin-popup-title {
        font-size: min(3.6rem, 5.5vh);
        padding-bottom: 0;
    }
    .odin-popup-img {
        width: min(210px, 26vh);
        margin: min(10px, 1.3vh) auto min(16px, 2vh);
    }
    .odin-popup-text {
        font-size: min(1.35rem, 2vh);
    }
    .odin-popup-country {
        font-size: min(1.8rem, 2.8vh);
    }
}

/* Mobile */
@media screen and (max-width: 599px) {
    .odin-popup-overlay {
        padding: min(10px, 1.5vh);
    }
    .odin-popup-box {
        padding: min(24px, 3vh) 14px min(20px, 2.5vh);
        width: 100%;
        max-width: 100%;
        border-radius: 14px;
    }
    .odin-popup-box::after {
        border-radius: 14px;
    }
    .odin-popup-title {
        font-size: min(2.8rem, 5.5vh);
        padding: min(10px, 1.5vh);
        padding-bottom: 0;
    }
    .odin-popup-img {
        width: min(170px, 24vh);
        margin: min(8px, 1vh) auto min(12px, 1.5vh);
    }
    .odin-popup-text {
        font-size: min(1.15rem, 1.8vh);
        line-height: 1.35em;
        margin-bottom: min(16px, 2vh);
    }
    .odin-popup-country {
        font-size: min(1.5rem, 2.4vh);
        padding: min(8px, 1vh) 0;
    }
    .odin-popup-spacer {
        height: min(8px, 1vh);
    }
    .odin-popup-select-wrap {
        max-width: 100%;
        margin: 0 auto min(20px, 2.5vh);
    }
    .odin-popup-trigger {
        min-height: min(48px, 6vh);
        padding: min(12px, 1.5vh) 12px;
    }
    .odin-popup-trigger-text {
        font-size: 16px;
    }
    .odin-popup-option {
        padding: min(14px, 1.8vh) 14px;
        min-height: min(48px, 6vh);
        font-size: 16px;
    }
    .odin-popup-dropdown {
        max-height: min(260px, 32vh);
    }
    .odin-popup-scroll-inner {
        max-height: min(240px, 30vh);
    }
    .odin-popup-btn {
        height: min(54px, 7vh);
        min-width: 180px;
    }
    .odin-popup-btn-text {
        font-size: min(1.15rem, 1.8vh);
    }
}

/* iPhone SE / kleine Handys */
@media screen and (max-width: 380px) {
    .odin-popup-overlay {
        padding: min(8px, 1.2vh);
    }
    .odin-popup-box {
        padding: min(18px, 2.5vh) 10px min(16px, 2.2vh);
        width: 100%;
        border-radius: 12px;
    }
    .odin-popup-box::after {
        border-radius: 12px;
    }
    .odin-popup-title {
        font-size: min(1.9rem, 4.5vh);
        padding: min(6px, 0.8vh);
        padding-bottom: 0;
    }
    .odin-popup-img {
        width: min(120px, 17vh);
        margin: min(6px, 0.8vh) auto min(6px, 0.8vh);
    }
    .odin-popup-text {
        font-size: min(0.95rem, 1.6vh);
        line-height: 1.3em;
        margin-bottom: min(10px, 1.5vh);
    }
    .odin-popup-country {
        font-size: min(1.25rem, 2vh);
        padding: min(5px, 0.7vh) 0;
    }
    .odin-popup-spacer {
        height: min(5px, 0.7vh);
    }
    .odin-popup-select-wrap {
        margin: 0 auto min(14px, 2vh);
    }
    .odin-popup-trigger {
        min-height: min(44px, 6vh);
        padding: min(10px, 1.3vh) 10px;
    }
    .odin-popup-trigger-text {
        font-size: 15px;
    }
    .odin-popup-option {
        padding: min(12px, 1.5vh) 12px;
        min-height: min(44px, 6vh);
        font-size: 15px;
    }
    .odin-popup-dropdown {
        max-height: min(200px, 28vh);
    }
    .odin-popup-scroll-inner {
        max-height: min(180px, 26vh);
    }
    .odin-popup-btn {
        height: min(48px, 6.5vh);
        min-width: 150px;
    }
    .odin-popup-btn-text {
        font-size: min(1.05rem, 1.7vh);
    }
}

/* ═══ POPUP HEIGHT SCALING — nur breite Screens mit wenig Höhe ═══ */

/* Laptops / iPad Landscape (Höhe ≤ 840px, Breite > 599px) */
@media screen and (max-height: 840px) and (min-width: 600px) {
    .odin-popup-overlay {
        padding: 16px;
    }
    .odin-popup-box {
        padding: min(28px, 3.5vh) 28px min(24px, 3vh);
    }
}

/* Landscape Phones / sehr kurze Viewports (Höhe ≤ 500px) */
@media screen and (max-height: 500px) {
    .odin-popup-overlay {
        padding: 6px;
    }
    .odin-popup-dropdown {
        max-height: 150px;
    }
    .odin-popup-scroll-inner {
        max-height: 130px;
    }
}

/* ═══ FORMULAR RESPONSIVE ═══ */

/* Tablet */
@media screen and (max-width: 820px) {
    /* Body-Container: fluid statt fixed max-width */
    html#ecwid_html body#ecwid_body .ec-cart-step__body,
    html#ecwid_html body#ecwid_body .ec-cart-step--current .ec-cart-step__body {
        max-width: 100% !important;
        width: 100% !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
        box-sizing: border-box !important;
    }
    html#ecwid_html body#ecwid_body .ec-cart-step--current .ec-cart-step__title .ec-cart-step__title-text,
    html#ecwid_html body#ecwid_body .ec-cart-step--current .ec-cart-step__title {
        font-size: 1.5rem !important;
        padding: 0 10px !important;
        margin-top: 35px !important;
    }
    html#ecwid_html body#ecwid_body .ec-cart-step__body .ec-cart-step__mandatory-fields-notice {
        font-size: 1.5rem !important;
    }
    html#ecwid_html body#ecwid_body .ec-cart-step__body p:has(.ec-cart-step__mandatory-fields-notice) {
        padding: 0 10px !important;
        margin-top: 35px !important;
    }
    html#ecwid_html body#ecwid_body .ec-cart-step--current .ec-cart-step__body .ec-cart-step__section > p:first-child {
        margin-top: 35px !important;
        font-size: 1.5rem !important;
    }
    p.odin-section-heading {
        padding: 0 10px !important;
        margin-top: 35px !important;
    }
    html#ecwid_html body#ecwid_body .ec-cart-step__body .odin-section-heading-inline {
        font-size: 1.5rem !important;
        padding: 0 10px !important;
        margin-top: 35px !important;
    }
}

/* Mobile */
@media screen and (max-width: 599px) {
    /* Headings: padding runter damit Text nicht umbricht */
    html#ecwid_html body#ecwid_body .ec-cart-step--current .ec-cart-step__title .ec-cart-step__title-text,
    html#ecwid_html body#ecwid_body .ec-cart-step--current .ec-cart-step__title {
        padding: 0 !important;
    }
    html#ecwid_html body#ecwid_body .ec-cart-step__body p:has(.ec-cart-step__mandatory-fields-notice) {
        padding: 0 !important;
    }
    p.odin-section-heading {
        padding: 0 !important;
    }
    html#ecwid_html body#ecwid_body .ec-cart-step__body .odin-section-heading-inline {
        padding: 0 !important;
    }
    /* Radiogroup (Per Bote / Abholung): untereinander, volle Breite */
    html#ecwid_html body#ecwid_body .ec-radiogroup {
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
    }
    html#ecwid_html body#ecwid_body .ec-radiogroup__item,
    html#ecwid_html body#ecwid_body .ec-radiogroup .ec-radiogroup__item {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        flex: none !important;
    }
    /* Body-Container: volle Breite + wenig Padding */
    html#ecwid_html body#ecwid_body .ec-cart-step__body,
    html#ecwid_html body#ecwid_body .ec-cart-step--current .ec-cart-step__body {
        max-width: 100% !important;
        width: 100% !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
        box-sizing: border-box !important;
    }
    /* Alle Form-Rows und Cells: volle Breite + Abstand zwischen Inputs */
    html#ecwid_html body#ecwid_body .ec-cart-step__body .ec-form__row,
    html#ecwid_html body#ecwid_body .ec-cart-step__body .ec-form__cell {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }
    /* Einheitlicher Abstand zwischen ALLEN Inputs */
    html#ecwid_html body#ecwid_body .ec-cart-step__body .ec-form__row {
        margin-bottom: 0 !important;
    }
    html#ecwid_html body#ecwid_body .ec-cart-step__body .ec-form__cell {
        margin-bottom: 12px !important;
    }
    html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control:not(.form-control--button):not(.form-control--checkbox) {
        margin-bottom: 0 !important;
    }
    /* Custom Select Wraps gleicher Abstand */
    html#ecwid_html body#ecwid_body .ec-cart-step__body .odin-select-wrap {
        margin-bottom: 0 !important;
    }
    /* Headlines: KEIN seitliches Padding */
    html#ecwid_html body#ecwid_body .ec-cart-step--current .ec-cart-step__title .ec-cart-step__title-text,
    html#ecwid_html body#ecwid_body .ec-cart-step--current .ec-cart-step__title {
        font-size: 1.45rem !important;
        padding: 0 !important;
        margin-top: 28px !important;
        margin-bottom: 18px !important;
        line-height: 1.8rem !important;
    }
    html#ecwid_html body#ecwid_body .ec-cart-step__body .ec-cart-step__mandatory-fields-notice {
        font-size: 1.45rem !important;
        line-height: 1.8rem !important;
    }
    html#ecwid_html body#ecwid_body .ec-cart-step__body p:has(.ec-cart-step__mandatory-fields-notice) {
        padding: 0 !important;
        margin-top: 28px !important;
        margin-bottom: 18px !important;
    }
    html#ecwid_html body#ecwid_body .ec-cart-step--current .ec-cart-step__body .ec-cart-step__section > p:first-child {
        margin-top: 28px !important;
        margin-bottom: 18px !important;
        font-size: 1.45rem !important;
    }
    p.odin-section-heading {
        padding: 0 !important;
        margin-top: 28px !important;
        margin-bottom: 18px !important;
    }
    html#ecwid_html body#ecwid_body .ec-cart-step__body .odin-section-heading-inline {
        font-size: 1.45rem !important;
        padding: 0 !important;
        margin-top: 28px !important;
        margin-bottom: 18px !important;
        line-height: 1.8rem !important;
    }
    /* Inputs: 16px minimum für iOS zoom prevention */
    html#ecwid_html body#ecwid_body .ec-cart-step__body input,
    html#ecwid_html body#ecwid_body .ec-cart-step__body textarea,
    html#ecwid_html body#ecwid_body .ec-cart-step__body input::placeholder,
    html#ecwid_html body#ecwid_body .ec-cart-step__body textarea::placeholder {
        font-size: 16px !important;
    }
    /* Custom Selects */
    html#ecwid_html body#ecwid_body .ec-cart-step__body .odin-select-trigger {
        min-height: 46px !important;
    }
    html#ecwid_html body#ecwid_body .ec-cart-step__body .odin-select-text {
        font-size: 16px !important;
    }
    /* WEITER Button Mobile */
    html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control--button .form-control__button {
        height: 56px !important;
        font-size: 1.15rem !important;
    }
}

/* iPhone SE / kleine Handys */
@media screen and (max-width: 380px) {
    html#ecwid_html body#ecwid_body .ec-cart-step__body,
    html#ecwid_html body#ecwid_body .ec-cart-step--current .ec-cart-step__body {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }
    html#ecwid_html body#ecwid_body .ec-cart-step--current .ec-cart-step__title .ec-cart-step__title-text,
    html#ecwid_html body#ecwid_body .ec-cart-step--current .ec-cart-step__title {
        font-size: 1.25rem !important;
        padding: 0 !important;
        line-height: 1.6rem !important;
    }
    html#ecwid_html body#ecwid_body .ec-cart-step__body .ec-cart-step__mandatory-fields-notice {
        font-size: 1.25rem !important;
        line-height: 1.6rem !important;
    }
    html#ecwid_html body#ecwid_body .ec-cart-step__body p:has(.ec-cart-step__mandatory-fields-notice) {
        padding: 0 !important;
    }
    p.odin-section-heading {
        padding: 0 !important;
    }
    html#ecwid_html body#ecwid_body .ec-cart-step__body .odin-section-heading-inline {
        font-size: 1.25rem !important;
        padding: 0 !important;
        line-height: 1.6rem !important;
    }
    html#ecwid_html body#ecwid_body .ec-cart-step__body .form-control--button .form-control__button {
        height: 50px !important;
    }
}

/* ══════════════════════════════════════════════════════════════════════
   STEP 3 — DELIVERY / VERSAND (Hermes)
   ══════════════════════════════════════════════════════════════════════ */

/* ── Button full-width: .ec-form__cell--6 → 100% (1:1 wie Step 2) ── */
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--delivery .ec-form__cell--6 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

/* ── Radiogroup Item: Gold Gradient Ring (1:1 wie Inputs) ── */
/* Dreifach-Spezifität um odin-ecwid-shop.css zu overriden */
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--delivery .ec-radiogroup__item,
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--delivery .ec-radiogroup .ec-radiogroup__item,
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--delivery .ec-radiogroup__item:hover {
    border: none !important;
    outline: none !important;
    outline-width: 0 !important;
    outline-style: none !important;
    box-shadow: none !important;
    background: rgba(12, 9, 7, 0.8) !important;
    padding: 14px 18px !important;
    border-radius: 12px !important;
    position: relative !important;
    overflow: visible !important;
}
/* Gold Gradient Ring via ::after (mask-composite) */
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--delivery .ec-radiogroup__item::after,
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--delivery .ec-radiogroup .ec-radiogroup__item::after {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: 12px !important;
    padding: 1.5px !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: 1 !important;
    transition: padding 0.3s ease, background 0.3s ease !important;
}
/* Checked: voller Gold Gradient + Glow */
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--delivery .ec-radiogroup__item--checked,
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--delivery .ec-radiogroup .ec-radiogroup__item--checked,
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--delivery .ec-radiogroup__item--checked:hover {
    border: none !important;
    outline: none !important;
    outline-width: 0 !important;
    outline-style: none !important;
    background: rgba(12, 9, 7, 0.8) !important;
    box-shadow: 0 0 18px rgba(197, 160, 89, 0.25), 0 0 6px rgba(197, 160, 89, 0.15) !important;
}
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--delivery .ec-radiogroup__item--checked::after,
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--delivery .ec-radiogroup .ec-radiogroup__item--checked::after {
    content: '' !important;
    display: block !important;
    padding: 2px !important;
    background: linear-gradient(120deg, #c5a059, #d4b06a, #f3d895, #ffe3a0, #f3d895, #d4b06a, #c5a059) !important;
}

/* ── Versandart Titel: weight 500, größer ── */
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--delivery .ec-radiogroup__title {
    font-family: 'ITC Odin Con', serif !important;
    font-weight: 500 !important;
    font-size: 1.35rem !important;
    letter-spacing: 0.02em !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
}

/* ── Preis größer ── */
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--delivery .ec-radiogroup__data-title {
    font-family: 'ITC Odin Con', serif !important;
    font-weight: 500 !important;
    font-size: 1.35rem !important;
    letter-spacing: 0.02em !important;
    color: #ffe3a0 !important;
    -webkit-text-fill-color: #ffe3a0 !important;
}

/* ── Radiogroup Items Container: Ecwid border weg ── */
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--delivery .ec-radiogroup__items,
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--delivery .ec-radiogroup__items fieldset,
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--delivery .ec-radiogroup__wrap,
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--delivery .ec-radiogroup__items fieldset > div {
    border: none !important;
    border-width: 0 !important;
    border-color: transparent !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
    border-radius: 0 !important;
}

/* ── Radio Button Gold (maximale Spezifität) ── */
/* Nativen Radio-Input unsichtbar machen */
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--delivery .form-control__radio-wrap input.form-control__radio[type="radio"],
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--delivery input[type="radio"] {
    position: absolute !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    pointer-events: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
}
/* Custom Radio View (der sichtbare Kreis) */
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--delivery .form-control__radio-view {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    border: 2px solid #c5a059 !important;
    border-radius: 50% !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    position: relative !important;
    box-sizing: border-box !important;
}
/* Checked: heller Gold */
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--delivery .ec-radiogroup__item--checked .form-control__radio-view,
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--delivery .form-control--checked .form-control__radio-view {
    border-color: #F4C064 !important;
}
/* Inner Dot */
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--delivery .form-control__radio-view-inner {
    width: 10px !important;
    height: 10px !important;
    border-radius: 50% !important;
    background-color: #F4C064 !important;
    box-shadow: 0 0 8px rgba(244, 192, 100, 0.8) !important;
}
/* Radio Wrap Reset */
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--delivery .form-control--radio,
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--delivery .form-control--radio .form-control__radio-wrap {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    background: transparent !important;
}
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--delivery .ec-radiogroup__radio {
    display: flex !important;
    align-items: flex-start !important;
    flex-shrink: 0 !important;
    padding-top: 4px !important;
}

/* ── Custom Hermes Box (ersetzt Ecwid-Radiogroup) ── */

/* Alles in einem goldenen Kasten: zentriert */
html#ecwid_html body#ecwid_body .odin-hermes-custom,
.odin-hermes-custom {
    cursor: pointer !important;
    border-radius: 14px !important;
    background: transparent !important;
    border: 2px solid #c5a059 !important;
    box-shadow: 0 0 22px rgba(197, 160, 89, 0.35), 0 0 8px rgba(197, 160, 89, 0.2) !important;
    transition: box-shadow 0.3s ease !important;
    display: block !important;
    max-width: 100% !important;
    margin: 20px auto 20px auto !important;
    padding: 30px 32px !important;
    box-sizing: border-box !important;
    text-align: center !important;
}
html#ecwid_html body#ecwid_body .odin-hermes-custom:hover,
.odin-hermes-custom:hover {
    box-shadow: 0 0 22px rgba(197, 160, 89, 0.35), 0 0 8px rgba(197, 160, 89, 0.2) !important;
}

/* Hermes Logo: oben, doppelt so groß, mehr Abstand zum Titel */
html#ecwid_html body#ecwid_body .odin-hermes-custom__logo,
.odin-hermes-custom__logo {
    display: block !important;
    width: 160px !important;
    height: auto !important;
    margin: 0 auto 18px auto !important;
    filter: none !important;
}

/* Titel darunter */
html#ecwid_html body#ecwid_body .odin-hermes-custom__title,
.odin-hermes-custom__title {
    font-family: 'ITC Odin Con', serif !important;
    font-size: 1.1rem !important;
    font-weight: 500 !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    margin-bottom: 8px !important;
    line-height: 1.2 !important;
}

/* Preis: 30% kleiner (2.1 → 1.47) */
html#ecwid_html body#ecwid_body .odin-hermes-custom__price,
.odin-hermes-custom__price {
    font-family: 'ITC Odin Con', serif !important;
    font-size: 1.5rem !important;
    font-weight: 500 !important;
    color: #ffe3a0 !important;
    -webkit-text-fill-color: #ffe3a0 !important;
    line-height: 1.1 !important;
}

/* ── Selbstabholung: Abholort-Beschreibung schön formatiert ── */
html#ecwid_html body#ecwid_body .odin-pickup-description,
.odin-pickup-description {
    text-align: center !important;
    padding: 14px 20px 14px !important;
}
html#ecwid_html body#ecwid_body p.odin-pickup-heading,
html#ecwid_html body#ecwid_body .ec-cart-step--current .ec-cart-step__body .ec-cart-step__section p.odin-pickup-heading,
p.odin-pickup-heading {
    font-family: 'ITC Odin Con', serif !important;
    font-weight: 400 !important;
    font-size: 1.1rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.02em !important;
    color: transparent !important;
    background: linear-gradient(120deg, #c8a24e 0%, #f5d98a 30%, #ffe6a0 50%, #f5d98a 70%, #c8a24e 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    margin: 0 0 8px 0 !important;
    margin-top: 0 !important;
    line-height: 1.3 !important;
    padding: 0 !important;
}
html#ecwid_html body#ecwid_body p.odin-pickup-address,
p.odin-pickup-address {
    font-family: 'ITC Odin Con', serif !important;
    font-size: 1.06rem !important;
    font-weight: 300 !important;
    color: #f4e7c7 !important;
    -webkit-text-fill-color: #f4e7c7 !important;
    line-height: 1.6 !important;
    margin: 0 0 16px 0 !important;
}
html#ecwid_html body#ecwid_body p.odin-pickup-hours,
p.odin-pickup-hours {
    font-family: 'ITC Odin Con', serif !important;
    font-size: 1.06rem !important;
    font-weight: 300 !important;
    color: #f4e7c7 !important;
    -webkit-text-fill-color: #f4e7c7 !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

/* Weiter-Button im Delivery: kein Glow normal, nur auf Hover */
html#ecwid_html body#ecwid_body .ec-cart-step--delivery .form-control__button {
    box-shadow: none !important;
    filter: none !important;
}
html#ecwid_html body#ecwid_body .ec-cart-step--delivery .form-control__button:hover {
    filter: drop-shadow(0 0 12px rgba(244, 192, 100, 0.5)) !important;
}
/* Abstand unter Weiter-Button = gleich wie oben über Hermes-Box */
html#ecwid_html body#ecwid_body .ec-cart-step--delivery .ec-form__row--continue,
html#ecwid_html body#ecwid_body .ec-cart-step--delivery .ec-cart-step__section:last-child {
    margin-bottom: 20px !important;
}

/* ── Legend "Versandart" verstecken ── */
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--delivery fieldset legend {
    display: none !important;
}

/* ── Radiogroup Body: flex layout für Titel + Preis ── */
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--delivery .ec-radiogroup__body {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
}
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--delivery .ec-radiogroup__container {
    flex: 1 !important;
}
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--delivery .ec-radiogroup__data {
    flex-shrink: 0 !important;
    text-align: right !important;
}

/* ── Ecwid-eigene Radiogroup Item Styles im Delivery überschreiben ── */
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--delivery .ec-radiogroup__item label {
    position: relative !important;
    z-index: 2 !important;
}
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--delivery .ec-radiogroup__item-wrap {
    flex: 1 !important;
    min-width: 0 !important;
}

/* =====================================================================
   STEP 4 — PAYMENT / BESIEGELN
   ===================================================================== */

/* ── Weißen Rand / Border weg ── */
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment .ec-radiogroup__items,
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment .ec-radiogroup__items fieldset,
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment .ec-radiogroup__wrap,
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment .ec-radiogroup__items fieldset > div {
    border: none !important;
    border-width: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* ── Radio-Kreis: unsichtbar + aus dem Flow (nimmt keinen Platz) ── */
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment .ec-radiogroup__radio {
    opacity: 0 !important;
    position: absolute !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* ── NUR Radiogroup-Container: volle Breite, kein Offset ── */
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment .ec-radiogroup,
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment .ec-radiogroup__wrap,
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment .ec-radiogroup__items,
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment .ec-radiogroup__items fieldset,
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment .ec-radiogroup__items fieldset > div,
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment .ec-radiogroup__items-inner {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    box-sizing: border-box !important;
}
/* ── Items nebeneinander, links bündig ── */
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment .ec-radiogroup__items-inner {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 28px !important;
    justify-content: flex-start !important;
}

/* ── Item: Icon als background oben, Text drunter ── */
/* WICHTIG: background (shorthand) überschreibt background-image! Daher hier explizit: */
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment .ec-radiogroup__item[data-odin-pay] {
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 130px 130px !important;
    min-height: 160px !important;
    padding: 14px 18px !important;
    cursor: pointer !important;
    flex: 1 1 0 !important;
    min-width: 0 !important;
}
/* ── Text/Titel komplett ausblenden — nur Icon sichtbar ── */
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment .ec-radiogroup__item[data-odin-pay] .ec-radiogroup__item-wrap {
    display: none !important;
}
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment .ec-radiogroup__item[data-odin-pay] .ec-radiogroup__title {
    text-align: center !important;
    width: 100% !important;
}
/* ── Beide Items: Basis-Style + border-radius + position für ::after ── */
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment .ec-radiogroup__item[data-odin-pay] {
    border: none !important;
    outline: none !important;
    border-radius: 14px !important;
    position: relative !important;
    overflow: visible !important;
    transition: opacity 0.2s ease !important;
    opacity: 0.4 !important;
    will-change: opacity !important;
}
/* ── Aktives Item + Hover: volle Opacity ── */
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment .ec-radiogroup__item--checked[data-odin-pay],
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment .ec-radiogroup__item[data-odin-pay]:hover {
    opacity: 1 !important;
}
/* ── Weißen Blitz/Focus-Effekt beim Klicken unterbinden ── */
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment .ec-radiogroup__item[data-odin-pay]:focus,
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment .ec-radiogroup__item[data-odin-pay]:active,
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment .ec-radiogroup__item[data-odin-pay]:focus-within,
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment .ec-radiogroup__item[data-odin-pay]:focus-visible {
    outline: none !important;
    border: none !important;
    -webkit-tap-highlight-color: transparent !important;
}
/* ── Glow bleibt auch bei Focus/Active auf checked Items ── */
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment .ec-radiogroup__item--checked[data-odin-pay="vorkasse"]:focus,
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment .ec-radiogroup__item--checked[data-odin-pay="vorkasse"]:active,
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment .ec-radiogroup__item--checked[data-odin-pay="vorkasse"]:focus-within {
    box-shadow: 0 0 32px rgba(197, 160, 89, 0.5), 0 0 14px rgba(197, 160, 89, 0.3), 0 0 4px rgba(197, 160, 89, 0.15) !important;
}
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment .ec-radiogroup__item--checked[data-odin-pay="paypal"]:focus,
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment .ec-radiogroup__item--checked[data-odin-pay="paypal"]:active,
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment .ec-radiogroup__item--checked[data-odin-pay="paypal"]:focus-within {
    box-shadow: 0 0 32px rgba(0, 112, 186, 0.5), 0 0 14px rgba(0, 112, 186, 0.3), 0 0 4px rgba(0, 112, 186, 0.15) !important;
}
/* ── Glow nicht abschneiden: Parent-Container overflow visible ── */
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment .ec-radiogroup,
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment .ec-radiogroup__wrap,
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment .ec-radiogroup__items,
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment .ec-radiogroup__items fieldset,
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment .ec-radiogroup__items-inner {
    overflow: visible !important;
}
/* ::after Gradient Ring (beide) */
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment .ec-radiogroup__item[data-odin-pay]::after {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: 14px !important;
    padding: 2px !important;
    pointer-events: none !important;
    z-index: 10 !important;
    transition: none !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;
}

/* ── Vorkasse: Gold ── */
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment .ec-radiogroup__item[data-odin-pay="vorkasse"] {
    background-image: url('/wp-content/themes/betheme-child/img/vorkasse.png') !important;
}
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment .ec-radiogroup__item[data-odin-pay="vorkasse"]::after {
    background: linear-gradient(120deg, rgba(197,160,89,0.4), rgba(212,176,106,0.3), rgba(197,160,89,0.4)) !important;
}
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment .ec-radiogroup__item--checked[data-odin-pay="vorkasse"] {
    box-shadow: 0 0 32px rgba(197, 160, 89, 0.5), 0 0 14px rgba(197, 160, 89, 0.3), 0 0 4px rgba(197, 160, 89, 0.15) !important;
    background-color: rgba(197, 160, 89, 0.08) !important;
}
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment .ec-radiogroup__item--checked[data-odin-pay="vorkasse"]::after {
    padding: 2px !important;
    background: linear-gradient(120deg, #c5a059, #d4b06a, #f3d895, #ffe3a0, #f3d895, #d4b06a, #c5a059) !important;
}

/* ── PayPal: Blau ── */
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment .ec-radiogroup__item[data-odin-pay="paypal"] {
    background-image: url('/wp-content/themes/betheme-child/img/paypal.png') !important;
}
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment .ec-radiogroup__item[data-odin-pay="paypal"]::after {
    background: linear-gradient(120deg, rgba(0,112,186,0.4), rgba(0,150,220,0.3), rgba(0,112,186,0.4)) !important;
}
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment .ec-radiogroup__item--checked[data-odin-pay="paypal"] {
    box-shadow: 0 0 32px rgba(0, 112, 186, 0.5), 0 0 14px rgba(0, 112, 186, 0.3), 0 0 4px rgba(0, 112, 186, 0.15) !important;
    background-color: rgba(0, 112, 186, 0.08) !important;
}
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment .ec-radiogroup__item--checked[data-odin-pay="paypal"]::after {
    padding: 2px !important;
    background: linear-gradient(120deg, #0054a0, #0070ba, #009cde, #66c3f0, #009cde, #0070ba, #0054a0) !important;
}

/* ── Kreditkarte: Gold (wie Vorkasse) ── */
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment .ec-radiogroup__item[data-odin-pay="kreditkarte"] {
    background-image: url('/wp-content/themes/betheme-child/img/kreditkarte.png') !important;
}
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment .ec-radiogroup__item[data-odin-pay="kreditkarte"]::after {
    background: linear-gradient(120deg, rgba(197,160,89,0.4), rgba(212,176,106,0.3), rgba(197,160,89,0.4)) !important;
}
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment .ec-radiogroup__item--checked[data-odin-pay="kreditkarte"] {
    box-shadow: 0 0 32px rgba(197, 160, 89, 0.5), 0 0 14px rgba(197, 160, 89, 0.3), 0 0 4px rgba(197, 160, 89, 0.15) !important;
    background-color: rgba(197, 160, 89, 0.08) !important;
}
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment .ec-radiogroup__item--checked[data-odin-pay="kreditkarte"]::after {
    padding: 2px !important;
    background: linear-gradient(120deg, #c5a059, #d4b06a, #f3d895, #ffe3a0, #f3d895, #d4b06a, #c5a059) !important;
}
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment .ec-radiogroup__item--checked[data-odin-pay="kreditkarte"]:focus,
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment .ec-radiogroup__item--checked[data-odin-pay="kreditkarte"]:active,
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment .ec-radiogroup__item--checked[data-odin-pay="kreditkarte"]:focus-within {
    box-shadow: 0 0 32px rgba(197, 160, 89, 0.5), 0 0 14px rgba(197, 160, 89, 0.3), 0 0 4px rgba(197, 160, 89, 0.15) !important;
}

/* ── PayPal: ALLE Container + Kinder transparent ── */
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment .ec-radiogroup__data,
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment .ec-radiogroup__data *:not(iframe),
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment .ec-radiogroup__body,
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment .ec-radiogroup__container,
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment .paypal-buttons,
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment .paypal-button-container,
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment [class*="paypal"]:not(iframe),
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment .ec-cart-payment__details,
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment .ec-cart-payment__details *:not(iframe) {
    background-color: transparent !important;
    background: transparent !important;
}
/* PayPal iframe: abgerundete Ecken + overflow hidden */
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment .paypal-buttons iframe,
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment [class*="paypal"] iframe {
    border-radius: 10px !important;
    overflow: hidden !important;
}

/* ── Tablet (iPad Air): Payment-Icons 100px ── */
@media (max-width: 768px) {
    html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment .ec-radiogroup__item[data-odin-pay] {
        background-size: 100px 100px !important;
        min-height: 120px !important;
        padding: 10px 10px !important;
    }
    html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment .ec-radiogroup__items-inner {
        gap: 16px !important;
    }
}
/* ── Phone (max 430px): Payment-Icons 70px ── */
@media (max-width: 430px) {
    html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment .ec-radiogroup__item[data-odin-pay] {
        background-size: 70px 70px !important;
        min-height: 95px !important;
        padding: 8px 6px !important;
        border-radius: 10px !important;
    }
    html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment .ec-radiogroup__items-inner {
        gap: 10px !important;
    }
}
/* ── Small Phone (max 375px): Payment-Icons 58px ── */
@media (max-width: 375px) {
    html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment .ec-radiogroup__item[data-odin-pay] {
        background-size: 58px 58px !important;
        min-height: 80px !important;
        padding: 6px 4px !important;
    }
    html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment .ec-radiogroup__items-inner {
        gap: 8px !important;
    }
}

/* ── Payment Description Text: Gold-Gradient, größer, nicht bold ── */
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment .ec-cart-payment__method-description {
    font-family: 'ITC Odin Con', serif !important;
    font-size: 1.47rem !important;
    font-weight: 400 !important;
    line-height: 2.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;
}

/* ── Radiogroup Body/Container/Data Flex ── */
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment .ec-radiogroup__body {
    flex: 1 !important;
    min-width: 0 !important;
}
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment .ec-radiogroup__container {
    overflow: visible !important;
}
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment .ec-radiogroup__item label {
    position: relative !important;
    z-index: 2 !important;
}
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment .ec-radiogroup__item-wrap {
    flex: 1 !important;
    min-width: 0 !important;
}

/* ── Address Section: größere Schrift ── */
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment address,
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment .ec-cart-step__text,
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment .ec-cart-step__section > p {
    font-size: 1.15rem !important;
    font-weight: 400 !important;
    line-height: 1.7 !important;
}

/* ── Bank-Details Text: größer, weight 400 ── */
html#ecwid_html body#ecwid_body .ec-cart-payment__details,
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment .ec-cart-payment__details {
    font-family: 'ITC Odin Con', serif !important;
    font-size: 1.1rem !important;
    font-weight: 400 !important;
    line-height: 1.8 !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
}

/* ── FLESSABANK / IBAN / BIC: Gold-Gradient Text ── */
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment .odin-bank-highlight {
    font-family: 'ITC Odin Con', serif !important;
    font-size: 1.25rem !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 6px rgba(244, 192, 100, 0.35)) !important;
    display: inline !important;
}

/* ── Payment-Step Button: volle Breite ── */
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment .ec-form__cell--6 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

/* ── Sidebar / Left Column Summary ── */
html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--payment .ec-cart__body {
    overflow: visible !important;
}

/* =====================================================================
   STEP 5 — EID / ORDER CONFIRMATION
   ===================================================================== */

/* ── Confirmation Container: Dunkle Box wie alle anderen Steps ── */
html#ecwid_html body#ecwid_body .ec-confirmation {
    background: rgba(12, 9, 7, 0.5) !important;
    border: 1px solid rgba(197, 160, 89, 0.35) !important;
    border-radius: 14px !important;
    padding: 30px 28px !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: 720px !important;
    margin: 0 auto !important;
}

/* ── Email-Bestätigung oben: mittig, kleiner ── */
html#ecwid_html body#ecwid_body .ec-confirmation__email {
    font-family: 'ITC Odin Con', serif !important;
    font-size: 0.95rem !important;
    font-weight: 400 !important;
    color: rgba(214, 190, 159, 0.7) !important;
    -webkit-text-fill-color: rgba(214, 190, 159, 0.7) !important;
    text-align: center !important;
    margin-bottom: 20px !important;
    line-height: 1.5 !important;
}

/* ── Bestellnummer Box: Kasten, größer, uppercase ── */
html#ecwid_html body#ecwid_body .ec-confirmation__step--orderinfo .ec-confirmation__wrap {
    background: rgba(12, 9, 7, 0.6) !important;
    border: 1px solid rgba(197, 160, 89, 0.25) !important;
    border-radius: 10px !important;
    padding: 16px 22px !important;
    margin-bottom: 8px !important;
}
html#ecwid_html body#ecwid_body .ec-confirmation__step--orderinfo .ec-confirmation__title {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 8px !important;
}
html#ecwid_html body#ecwid_body .ec-confirmation__step--orderinfo .ec-confirmation__number {
    font-family: 'ITC Odin Con', serif !important;
    font-size: 1.4rem !important;
    font-weight: 500 !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;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 0 8px rgba(244, 192, 100, 0.4)) !important;
    text-align: left !important;
    margin: 0 !important;
}
html#ecwid_html body#ecwid_body .ec-confirmation__step--orderinfo .ec-confirmation__float {
    flex-shrink: 0 !important;
}
html#ecwid_html body#ecwid_body .ec-confirmation__step--orderinfo .ec-confirmation__float .ec-link {
    font-family: 'ITC Odin Con', serif !important;
    font-size: 0.9rem !important;
    color: #c5a059 !important;
    -webkit-text-fill-color: #c5a059 !important;
    text-decoration: none !important;
    letter-spacing: 0.5px !important;
    cursor: pointer !important;
}
html#ecwid_html body#ecwid_body .ec-confirmation__step--orderinfo .ec-confirmation__float .ec-link:hover {
    color: #F4C064 !important;
    -webkit-text-fill-color: #F4C064 !important;
}
/* Datum im Bestellnummer-Kasten */
html#ecwid_html body#ecwid_body .ec-confirmation__step--orderinfo .ec-confirmation__section {
    font-family: 'ITC Odin Con', serif !important;
    font-size: 0.95rem !important;
    color: rgba(214, 190, 159, 0.6) !important;
    -webkit-text-fill-color: rgba(214, 190, 159, 0.6) !important;
}

/* ── Alle Steps / Sections: mittig ── */
html#ecwid_html body#ecwid_body .ec-confirmation__steps {
    text-align: center !important;
}
html#ecwid_html body#ecwid_body .ec-confirmation__step {
    text-align: center !important;
    margin-bottom: 6px !important;
}
html#ecwid_html body#ecwid_body .ec-confirmation__wrap {
    text-align: center !important;
}
html#ecwid_html body#ecwid_body .ec-confirmation__body {
    text-align: center !important;
}

/* ── Section Separators: gold statt weiß ── */
html#ecwid_html body#ecwid_body .ec-confirmation__step .ec-confirmation__wrap {
    border-bottom: 1px solid rgba(197, 160, 89, 0.15) !important;
    padding-bottom: 16px !important;
    margin-bottom: 16px !important;
}
html#ecwid_html body#ecwid_body .ec-confirmation__step:last-child .ec-confirmation__wrap {
    border-bottom: none !important;
}
/* Alle weißen Linien/Borders in Confirmation killen */
html#ecwid_html body#ecwid_body .ec-confirmation *,
html#ecwid_html body#ecwid_body .ec-confirmation__step *,
html#ecwid_html body#ecwid_body .ec-confirmation__body * {
    border-color: rgba(197, 160, 89, 0.15) !important;
}

/* ── Headlines: kleiner, dezenter (Label-Charakter) ── */
html#ecwid_html body#ecwid_body .ec-confirmation .ec-confirmation__title.ec-header-h5,
html#ecwid_html body#ecwid_body .ec-confirmation .ec-header-h5 {
    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: rgba(214, 190, 159, 0.55) !important;
    -webkit-text-fill-color: rgba(214, 190, 159, 0.55) !important;
    margin-bottom: 8px !important;
    text-align: center !important;
}

/* ── Content Text: GRÖSSER und sichtbar (die wichtigen Infos) ── */
html#ecwid_html body#ecwid_body .ec-confirmation__section {
    font-family: 'ITC Odin Con', serif !important;
    font-size: 1.15rem !important;
    font-weight: 400 !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
    line-height: 1.7 !important;
    text-align: center !important;
}

/* ── Zahlungs-Status: Zahlung ausstehend ── */
html#ecwid_html body#ecwid_body .ec-confirmation__step--unpaidstatusinfo .ec-confirmation__title {
    font-size: 0.85rem !important;
    color: rgba(214, 190, 159, 0.55) !important;
    -webkit-text-fill-color: rgba(214, 190, 159, 0.55) !important;
}
/* Zahlungsmethode + Gesamtsumme: prominenter */
html#ecwid_html body#ecwid_body .ec-confirmation__step--unpaidstatusinfo .ec-confirmation__section {
    font-size: 1.2rem !important;
    font-weight: 500 !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
}
html#ecwid_html body#ecwid_body .ec-confirmation__order-confirmation-total {
    font-family: 'ITC Odin Con', serif !important;
    font-size: 1.4rem !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 6px rgba(244, 192, 100, 0.35)) !important;
}

/* ── Payment Instructions (Bankdaten): Text größer ── */
html#ecwid_html body#ecwid_body .ec-confirmation__step--paymentinstructionsinfo .ec-confirmation__section--description {
    font-family: 'ITC Odin Con', serif !important;
    font-size: 1.1rem !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
    line-height: 1.4 !important;
    text-align: center !important;
}
html#ecwid_html body#ecwid_body .ec-confirmation__step--paymentinstructionsinfo p {
    font-family: 'ITC Odin Con', serif !important;
    font-size: 1.1rem !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
    line-height: 1.4 !important;
    text-align: center !important;
    margin: 4px 0 !important;
}
/* FLESSABANK / IBAN / BIC: Gold Gradient (per JS injiziert) */
html#ecwid_html body#ecwid_body .ec-confirmation .odin-bank-highlight {
    font-family: 'ITC Odin Con', serif !important;
    font-size: 1.25rem !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 6px rgba(244, 192, 100, 0.35)) !important;
    display: inline !important;
}
/* strong/bold in Bank-Infos: ITC Odin Con beibehalten */
html#ecwid_html body#ecwid_body .ec-confirmation__step--paymentinstructionsinfo strong {
    font-family: 'ITC Odin Con', serif !important;
    font-weight: 500 !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
}
/* em/italic Zusatzinfo: etwas kleiner */
html#ecwid_html body#ecwid_body .ec-confirmation__step--paymentinstructionsinfo em {
    font-family: 'ITC Odin Con', serif !important;
    font-style: normal !important;
    font-size: 0.95rem !important;
    color: rgba(214, 190, 159, 0.6) !important;
    -webkit-text-fill-color: rgba(214, 190, 159, 0.6) !important;
}

/* ── Lieferadresse Section ── */
html#ecwid_html body#ecwid_body .ec-confirmation__step .ec-confirmation__section address,
html#ecwid_html body#ecwid_body .ec-confirmation__step .ec-confirmation__section br + * {
    font-family: 'ITC Odin Con', serif !important;
    font-size: 1.1rem !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
}

/* ── IHRE BESTELLUNG: Produkt-Items ── */
html#ecwid_html body#ecwid_body .ec-confirmation__step--cartitems .ec-confirmation__title {
    font-size: 0.85rem !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    color: rgba(214, 190, 159, 0.55) !important;
    -webkit-text-fill-color: rgba(214, 190, 159, 0.55) !important;
    text-align: center !important;
    margin-bottom: 12px !important;
}
/* Cart Items Container: kein overflow hidden */
html#ecwid_html body#ecwid_body .ec-confirmation__step--cartitems .ec-cart__products {
    overflow: visible !important;
}
html#ecwid_html body#ecwid_body .ec-confirmation__step--cartitems .ec-cart__products-inner {
    overflow: visible !important;
}
/* Items: Grid wie Step 4 */
html#ecwid_html body#ecwid_body .ec-confirmation .ec-cart__item.ec-cart-item {
    display: grid !important;
    grid-template-columns: 140px 1fr !important;
    gap: 20px !important;
    align-items: center !important;
    text-align: left !important;
    padding: 14px 0 !important;
    border-bottom: 1px solid rgba(197, 160, 89, 0.15) !important;
    background: transparent !important;
}
html#ecwid_html body#ecwid_body .ec-confirmation .ec-cart__item.ec-cart-item:first-child {
    border-top: none !important;
}
html#ecwid_html body#ecwid_body .ec-confirmation .ec-cart__item.ec-cart-item:last-of-type {
    border-bottom: none !important;
}
/* Image: wie Step 4, volle Höhe, border-radius */
html#ecwid_html body#ecwid_body .ec-confirmation .ec-cart-item__image {
    width: 140px !important;
    min-width: 140px !important;
    max-width: 140px !important;
    height: auto !important;
    min-height: 100% !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;
}
/* Picture container: runde Ecken, volle Höhe */
html#ecwid_html body#ecwid_body .ec-confirmation .ec-cart-item__picture,
html#ecwid_html body#ecwid_body .ec-confirmation .ec-cart-item__picture-flex {
    width: 100% !important;
    height: 100% !important;
    max-width: 140px !important;
    border-radius: 12px !important;
    overflow: hidden !important;
}
html#ecwid_html body#ecwid_body .ec-confirmation .ec-cart-item__picture-inner {
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 12px !important;
}
/* Badge auf Ecke wie Step 4 */
html#ecwid_html body#ecwid_body .ec-confirmation .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;
}
/* Item Titel — wie Step 4 */
html#ecwid_html body#ecwid_body .ec-confirmation .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;
    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;
    text-decoration: none !important;
    cursor: default !important;
    pointer-events: none !important;
}
/* Options + Qty */
html#ecwid_html body#ecwid_body .ec-confirmation .ec-cart-item__options,
html#ecwid_html body#ecwid_body .ec-confirmation .ec-cart-option {
    font-family: 'ITC Odin Con', serif !important;
    font-size: 0.85rem !important;
    color: rgba(214, 190, 159, 0.7) !important;
    -webkit-text-fill-color: rgba(214, 190, 159, 0.7) !important;
}
html#ecwid_html body#ecwid_body .ec-confirmation .ec-cart-item__count {
    font-family: 'ITC Odin Con', serif !important;
    font-size: 0.9rem !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
}
/* Preis */
html#ecwid_html body#ecwid_body .ec-confirmation .ec-cart-item__price-inner {
    font-family: 'ITC Odin Con', serif !important;
    font-size: 1.05rem !important;
    color: #d6be9f !important;
    -webkit-text-fill-color: #d6be9f !important;
}
/* Literpreis */
html#ecwid_html body#ecwid_body .ec-confirmation .odin-cart-liter-price {
    font-family: 'ITC Odin Con', serif !important;
    font-size: 0.78rem !important;
    color: rgba(214, 190, 159, 0.5) !important;
    -webkit-text-fill-color: rgba(214, 190, 159, 0.5) !important;
}
/* Qty Badge */
html#ecwid_html body#ecwid_body .ec-confirmation .odin-cart-qty-badge {
    font-family: 'ITC Odin Con', serif !important;
}
/* Summary Artikel / Mehr Info ausblenden */
html#ecwid_html body#ecwid_body .ec-confirmation .ec-cart-item--summary {
    display: none !important;
}
/* Wrap Layout */
html#ecwid_html body#ecwid_body .ec-confirmation .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-confirmation .ec-cart-item__wrap-primary {
    flex: 1 !important;
    min-width: 0 !important;
}
html#ecwid_html body#ecwid_body .ec-confirmation .ec-cart-item__wrap-secondary {
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

/* ── Haben Sie Fragen Section: mittig, sichtbar ── */
html#ecwid_html body#ecwid_body .ec-confirmation__step--contactinfo .ec-confirmation__title {
    font-size: 0.85rem !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    color: rgba(214, 190, 159, 0.55) !important;
    -webkit-text-fill-color: rgba(214, 190, 159, 0.55) !important;
    text-align: center !important;
}
html#ecwid_html body#ecwid_body .ec-confirmation__step--contactinfo .ec-confirmation__section {
    font-size: 1.05rem !important;
    text-align: center !important;
}
html#ecwid_html body#ecwid_body .ec-confirmation__step--contactinfo a.ec-link {
    font-family: 'ITC Odin Con', serif !important;
    color: #c5a059 !important;
    -webkit-text-fill-color: #c5a059 !important;
    font-size: 1.05rem !important;
    text-decoration: none !important;
}
html#ecwid_html body#ecwid_body .ec-confirmation__step--contactinfo a.ec-link:hover {
    color: #F4C064 !important;
    -webkit-text-fill-color: #F4C064 !important;
}

/* ── EINKAUF FORTSETZEN Button: 1:1 Pill + Gold Ring ── */
html#ecwid_html body#ecwid_body .ec-confirmation__continue {
    text-align: center !important;
    margin-top: 24px !important;
    padding-top: 20px !important;
}
html#ecwid_html body#ecwid_body .ec-confirmation__continue .form-control--button {
    all: unset !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}
html#ecwid_html body#ecwid_body .ec-confirmation__continue .form-control__button {
    all: unset !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 54px !important;
    border-radius: 999px !important;
    background: transparent !important;
    cursor: pointer !important;
    position: relative !important;
    overflow: visible !important;
    box-sizing: border-box !important;
    transition: filter 0.3s ease !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, #7a6035, #a07d42, #c5a059, #d4b06a, #f3d895, #d4b06a, #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-confirmation__continue .form-control__button-text {
    font-family: 'ITC Odin Con', serif !important;
    font-size: 17px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !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;
    position: relative !important;
    z-index: 2 !important;
}
html#ecwid_html body#ecwid_body .ec-confirmation__continue .form-control__button:hover {
    filter: brightness(1.15) drop-shadow(0 0 14px rgba(230, 168, 91, 0.7)) !important;
}

/* ── Eid Responsive: Tablet ── */
@media (max-width: 768px) {
    html#ecwid_html body#ecwid_body .ec-confirmation {
        padding: 22px 18px !important;
        border-radius: 10px !important;
    }
    html#ecwid_html body#ecwid_body .ec-confirmation__step--orderinfo .ec-confirmation__number {
        font-size: 1.2rem !important;
    }
    html#ecwid_html body#ecwid_body .ec-confirmation .ec-cart__item.ec-cart-item {
        grid-template-columns: 50px 1fr !important;
        gap: 10px !important;
    }
    html#ecwid_html body#ecwid_body .ec-confirmation .ec-cart-item__image {
        width: 50px !important;
        min-width: 50px !important;
        height: 50px !important;
    }
}

/* ── Eid Responsive: Mobile ── */
@media (max-width: 599px) {
    html#ecwid_html body#ecwid_body .ec-confirmation {
        padding: 16px 12px !important;
        border-radius: 8px !important;
    }
    html#ecwid_html body#ecwid_body .ec-confirmation__step--orderinfo .ec-confirmation__wrap {
        padding: 12px 14px !important;
    }
    html#ecwid_html body#ecwid_body .ec-confirmation__step--orderinfo .ec-confirmation__number {
        font-size: 1.05rem !important;
        letter-spacing: 1px !important;
    }
    html#ecwid_html body#ecwid_body .ec-confirmation__section {
        font-size: 1rem !important;
    }
    html#ecwid_html body#ecwid_body .ec-confirmation__step--paymentinstructionsinfo p {
        font-size: 0.95rem !important;
    }
    html#ecwid_html body#ecwid_body .ec-confirmation .ec-cart__item.ec-cart-item {
        grid-template-columns: 45px 1fr !important;
        gap: 8px !important;
    }
    html#ecwid_html body#ecwid_body .ec-confirmation .ec-cart-item__image {
        width: 45px !important;
        min-width: 45px !important;
        height: 45px !important;
    }
    html#ecwid_html body#ecwid_body .ec-confirmation .ec-cart-item__title {
        font-size: 0.95rem !important;
    }
    html#ecwid_html body#ecwid_body .ec-confirmation__continue .form-control__button {
        height: 48px !important;
    }
    html#ecwid_html body#ecwid_body .ec-confirmation__continue .form-control__button-text {
        font-size: 15px !important;
    }
}

/* ── Eid Responsive: iPhone SE ── */
@media (max-width: 380px) {
    html#ecwid_html body#ecwid_body .ec-confirmation {
        padding: 12px 8px !important;
    }
    html#ecwid_html body#ecwid_body .ec-confirmation__step--orderinfo .ec-confirmation__wrap {
        padding: 10px 10px !important;
    }
    html#ecwid_html body#ecwid_body .ec-confirmation__step--orderinfo .ec-confirmation__number {
        font-size: 0.95rem !important;
    }
    html#ecwid_html body#ecwid_body .ec-confirmation__section {
        font-size: 0.9rem !important;
    }
    html#ecwid_html body#ecwid_body .ec-confirmation .ec-cart-item__title {
        font-size: 0.85rem !important;
    }
    html#ecwid_html body#ecwid_body .ec-confirmation__continue .form-control__button {
        height: 44px !important;
    }
    html#ecwid_html body#ecwid_body .ec-confirmation__continue .form-control__button-text {
        font-size: 13px !important;
    }
}

/* =====================================================================
   STEP 1 — SCHATZ (Cart) Overrides
   ===================================================================== */

/* ── 1) Stepper: alle Steps in einer Reihe, nicht zentriert auf aktiven ── */
/* Desktop: keine Transform/Carousel — einfach nebeneinander */
.odin-viking-stepper {
    justify-content: center !important;
    overflow: visible !important;
}
.odin-viking-stepper .odin-stepper-track {
    justify-content: center !important;
    transform: none !important;
}
/* Aktiver Step: nicht so riesig — kompakter */
.odin-step--active {
    width: 140px !important;
}
.odin-step--active .odin-step__num {
    font-size: 3rem !important;
    margin-bottom: 6px !important;
}
.odin-step--active .odin-step__name {
    font-size: 1rem !important;
}
/* Nicht-aktive Steps: alle sichtbar */
.odin-step {
    width: 140px !important;
    gap: 6px !important;
}

/* Mobile: alle sichtbar, zentriert, mehr Abstand */
@media (max-width: 768px) {
    .odin-viking-stepper {
        overflow: visible !important;
        overflow-x: visible !important;
        scroll-snap-type: none !important;
        padding: 16px 12px 10px 12px !important;
    }
    .odin-viking-stepper .odin-stepper-track {
        justify-content: center !important;
        transform: none !important;
        gap: 22px !important;
    }
    /* Side-Container: flex:1 = gleiche Breite = aktiver Step IMMER mittig */
    .odin-stepper-side {
        flex: 1 1 0 !important;
        overflow: visible !important;
        gap: 22px !important;
    }
    .odin-step {
        flex: 0 0 auto !important;
        min-width: 86px !important;
        width: 86px !important;
        scroll-snap-align: none !important;
        gap: 6px !important;
    }
    .odin-step--active {
        min-width: 115px !important;
        width: 115px !important;
        margin: 0 18px !important;
    }
    /* Aktives Bild auf Mobile */
    .odin-step--active .odin-step__img {
        width: 115px !important;
        height: 115px !important;
    }
    /* Nicht-aktive Bilder */
    .odin-step:not(.odin-step--active) .odin-step__img {
        width: 70px !important;
        height: 70px !important;
    }
    .odin-step:not(.odin-step--active) .odin-step__label {
        font-size: 1rem !important;
        opacity: 0.5 !important;
    }
    .odin-step--active .odin-step__label {
        font-size: 1.44rem !important;
    }
    .odin-step--active .odin-step__num {
        font-size: 3.7rem !important;
    }
    .odin-step--active .odin-step__name {
        font-size: 1.3rem !important;
    }
}
@media (max-width: 480px) {
    .odin-step--active {
        min-width: 118px !important;
        width: 118px !important;
        margin: 0 14px !important;
    }
    .odin-step--active .odin-step__img {
        width: 98px !important;
        height: 98px !important;
        min-width: 98px !important;
        min-height: 98px !important;
        max-width: 98px !important;
        max-height: 98px !important;
    }
    .odin-step--active .odin-step__label {
        font-size: 1.3rem !important;
    }
    .odin-step:not(.odin-step--active) .odin-step__img {
        width: 66px !important;
        height: 66px !important;
        min-width: 66px !important;
        min-height: 66px !important;
        max-width: 66px !important;
        max-height: 66px !important;
    }
    .odin-step:not(.odin-step--active) .odin-step__label {
        font-size: 1.03rem !important;
    }
    .odin-step {
        min-width: 86px !important;
        width: 86px !important;
    }
    .odin-viking-stepper .odin-stepper-track {
        gap: 60px !important;
    }
    .odin-stepper-side {
        gap: 60px !important;
    }
}
@media (max-width: 380px) {
    .odin-step--active {
        min-width: 130px !important;
        width: 130px !important;
    }
    .odin-step--active .odin-step__img {
        width: 101px !important;
        height: 101px !important;
        min-width: 101px !important;
        min-height: 101px !important;
        max-width: 101px !important;
        max-height: 101px !important;
    }
    .odin-step--active .odin-step__label {
        font-size: 1.42rem !important;
    }
    .odin-step:not(.odin-step--active) .odin-step__img {
        width: 65px !important;
        height: 65px !important;
        min-width: 65px !important;
        min-height: 65px !important;
        max-width: 65px !important;
        max-height: 65px !important;
    }
    .odin-step:not(.odin-step--active) .odin-step__label {
        font-size: 1.01rem !important;
    }
}

/* ── 2) Mehr Abstand zwischen Stepper und Content ── */
.odin-viking-stepper {
    margin-bottom: 25px !important;
}
@media (max-width: 768px) {
    .odin-viking-stepper {
        margin-bottom: 18px !important;
    }
}

/* ── 3) 1280x768 + iPad Air: Content sichtbar ohne Scrollen ── */
/* Headline Wrapper: weniger Margin → spart Höhe */
.odin-stepper-headline-wrap {
    margin: -15px 0 15px 0 !important;
    padding: 10px 0 0 0 !important;
}
@media (max-height: 800px) {
    .odin-stepper-headline-wrap {
        margin: -15px 0 8px 0 !important;
        padding: 5px 0 0 0 !important;
    }
    .odin-viking-stepper {
        padding: 10px 0 8px 0 !important;
        margin-bottom: 12px !important;
    }
}

/* ── 4) Desktop: Gesamtsumme + Preis 50% kleiner ── */
html#ecwid_html body#ecwid_body .ec-cart-summary__row--total .ec-cart-summary__title {
    font-size: clamp(0.85rem, 1.1vw, 1.05rem) !important;
    padding: 4px 0 !important;
}
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: clamp(1.1rem, 1.5vw, 1.5rem) !important;
    padding: 2px 0 !important;
}

/* ── 5) Mobile: Bild größer, Badge größer, Counter größer, +/- mehr Abstand ── */
@media (max-width: 768px) {
    /* Bild: von 75px auf 90px */
    html#ecwid_html body#ecwid_body .ec-cart__item.ec-cart-item {
        grid-template-columns: 90px 1fr !important;
    }
    html#ecwid_html body#ecwid_body .ec-cart-item__image {
        width: 90px !important;
        min-width: 90px !important;
        height: 90px !important;
    }

    /* Badge: größer */
    .odin-cart-qty-badge {
        font-size: 0.9rem !important;
        min-width: 26px !important;
        height: 26px !important;
        padding: 0 5px !important;
    }

    /* Counter Circle: größer */
    html#ecwid_html body#ecwid_body .odin-qty-circle {
        width: 50px !important;
        height: 50px !important;
    }

    /* +/- Buttons: größer + mehr Abstand innen */
    html#ecwid_html body#ecwid_body .odin-qty-btn {
        width: 28px !important;
        height: 28px !important;
        min-width: 26px !important;
        min-height: 26px !important;
    }
    html#ecwid_html body#ecwid_body .odin-qty-btn::before {
        width: 14px !important;
    }
    html#ecwid_html body#ecwid_body .odin-qty-btn.odin-qty-plus::after {
        height: 14px !important;
    }

    /* Zahl im Counter: etwas größer */
    html#ecwid_html body#ecwid_body .odin-qty-input {
        font-size: 1.6rem !important;
    }
}
@media (max-width: 380px) {
    html#ecwid_html body#ecwid_body .ec-cart__item.ec-cart-item {
        grid-template-columns: 80px 1fr !important;
    }
    html#ecwid_html body#ecwid_body .ec-cart-item__image {
        width: 80px !important;
        min-width: 80px !important;
        height: 80px !important;
    }
    html#ecwid_html body#ecwid_body .odin-qty-circle {
        width: 46px !important;
        height: 46px !important;
    }
    html#ecwid_html body#ecwid_body .odin-qty-btn {
        width: 26px !important;
        height: 26px !important;
    }
}

/* ── 6) Meine Trünke Headline: kleiner, in einer Reihe (wie PFAD) ── */
h2.odin-stepper-headline.odin-stepper-headline {
    font-size: 3.2rem !important;
}
h2.odin-stepper-headline.odin-stepper-headline.odin-stepper-headline--chapter {
    font-size: 3.2rem !important;
}
@media (max-width: 768px) {
    h2.odin-stepper-headline.odin-stepper-headline {
        font-size: 3rem !important;
        line-height: 1.05 !important;
    }
    h2.odin-stepper-headline.odin-stepper-headline.odin-stepper-headline--chapter {
        font-size: 2.8rem !important;
    }
}
@media (max-width: 480px) {
    h2.odin-stepper-headline.odin-stepper-headline {
        font-size: 2.5rem !important;
    }
    h2.odin-stepper-headline.odin-stepper-headline.odin-stepper-headline--chapter {
        font-size: 2.3rem !important;
    }
}
@media (max-width: 380px) {
    h2.odin-stepper-headline.odin-stepper-headline {
        font-size: 2.2rem !important;
    }
    h2.odin-stepper-headline.odin-stepper-headline.odin-stepper-headline--chapter {
        font-size: 2rem !important;
    }
}

/* ── 7) Mobile Geleit ── */
@media (max-width: 768px) {
    .odin-hermes-custom {
        max-width: 100%;
        padding: 22px 20px;
        margin: 14px auto 18px auto;
    }
    .odin-hermes-custom__title {
        font-size: 1.5rem;
    }
    .odin-hermes-custom__price {
        font-size: 2.8rem;
    }
    .odin-hermes-custom__logo {
        width: 140px;
    }
    html#ecwid_html body#ecwid_body .ec-cart-step.ec-cart-step--delivery .ec-form__row--continue {
        margin-top: 8px !important;
    }
}
@media (max-width: 480px) {
    .odin-hermes-custom {
        max-width: 100%;
        padding: 14px 16px;
    }
    .odin-hermes-custom__title {
        font-size: 1.6rem;
    }
    .odin-hermes-custom__price {
        font-size: 3rem;
    }
    .odin-hermes-custom__logo {
        width: 120px;
    }
}

/* ── Abstand Summary ↔ WEITER Button halbieren ── */
html#ecwid_html body#ecwid_body .ec-cart-summary {
    margin-bottom: 8px !important;
}
html#ecwid_html body#ecwid_body .ec-form__row--continue {
    margin-top: 10px !important;
}