<?xml version="1.0" encoding="UTF-8"?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
        xsi:noNamespaceSchemaLocation="https://raw.githubusercontent.com/shopware/shopware/trunk/src/Core/System/SystemConfig/Schema/config.xsd">

    <!-- ═══════════════════════════════════════════════════════════════════
         CARD 1 — GENERAL
    ═══════════════════════════════════════════════════════════════════ -->
    <card>
        <title>General</title>
        <title lang="de-DE">Allgemein</title>

        <input-field type="bool">
            <name>enabled</name>
            <label>Enable Ultimate Cart</label>
            <label lang="de-DE">Ultimate Cart aktivieren</label>
            <defaultValue>true</defaultValue>
        </input-field>

        <!-- theme and elementOrder are intentionally NOT in config.xml.
             They are managed by uc-theme-picker and uc-element-sorter in the
             custom admin page and saved via systemConfigApiService.saveValues()
             directly. Keeping them here would cause sw-system-config to
             overwrite them with its startup snapshot on every save. -->
    </card>

    <!-- ═══════════════════════════════════════════════════════════════════
         CARD 1B — CUSTOM COLORS (ADVANCED)
         Overrides the theme's own background/surface/border/text/muted
         text/accent color variables (selected via the Theme picker in
         card 1). Every section below (trust bar, progress bar, line
         items, cross-sell, etc.) has its OWN dedicated color fields and
         is unaffected by these — leaving a field here empty simply keeps
         that one color from the selected theme, so nothing else changes
         unless a merchant explicitly sets it.
    ═══════════════════════════════════════════════════════════════════ -->
    <card>
        <title>Custom Colors (Advanced)</title>
        <title lang="de-DE">Eigene Farben (Erweitert)</title>

        <input-field type="colorpicker">
            <name>minicartBgColor</name>
            <label>Background Color (leave empty = from theme)</label>
            <label lang="de-DE">Hintergrundfarbe (leer = vom Theme)</label>
            <defaultValue></defaultValue>
        </input-field>

        <input-field type="colorpicker">
            <name>minicartBorderColor</name>
            <label>Border Color (leave empty = from theme)</label>
            <label lang="de-DE">Rahmenfarbe (leer = vom Theme)</label>
            <defaultValue></defaultValue>
        </input-field>

        <input-field type="colorpicker">
            <name>minicartTextColor</name>
            <label>Text Color (leave empty = from theme)</label>
            <label lang="de-DE">Textfarbe (leer = vom Theme)</label>
            <defaultValue></defaultValue>
        </input-field>

        <input-field type="colorpicker">
            <name>minicartTextMutedColor</name>
            <label>Secondary Text Color (leave empty = from theme)</label>
            <label lang="de-DE">Sekundäre Textfarbe (leer = vom Theme)</label>
            <defaultValue></defaultValue>
        </input-field>

        <input-field type="colorpicker">
            <name>minicartAccentColor</name>
            <label>Accent Color — buttons, badges, highlights (leave empty = from theme)</label>
            <label lang="de-DE">Akzentfarbe – Schaltflächen, Badges, Hervorhebungen (leer = vom Theme)</label>
            <defaultValue></defaultValue>
        </input-field>

        <input-field type="colorpicker">
            <name>minicartButtonTextColor</name>
            <label>Button Text Color — Checkout / View Cart labels (leave empty = from theme)</label>
            <label lang="de-DE">Button-Textfarbe – Beschriftung von Checkout / Warenkorb ansehen (leer = vom Theme)</label>
            <helpText>Applies to the Checkout and View Cart button labels, in every state (rest, hover, active) — independent of Accent Color, which only controls the button's fill/border. Leave empty to keep the theme's own button text color (white on Checkout, Accent Color or Text Color on View Cart).</helpText>
            <helpText lang="de-DE">Gilt für die Beschriftung der Checkout- und "Warenkorb ansehen"-Buttons, in jedem Zustand (normal, Hover, aktiv) — unabhängig von der Akzentfarbe, die nur Füllung/Rahmen steuert. Leer lassen, um die Standard-Textfarbe des Themes beizubehalten (Weiß bei Checkout, Akzent- oder Textfarbe bei "Warenkorb ansehen").</helpText>
            <defaultValue></defaultValue>
        </input-field>
    </card>

    <!-- ═══════════════════════════════════════════════════════════════════
         CARD 2 — TRUST BAR
    ═══════════════════════════════════════════════════════════════════ -->
    <card>
        <title>Trust Bar</title>

        <input-field type="bool">
            <name>trustBarEnabled</name>
            <label>Enable Trust Bar</label>
            <label lang="de-DE">Trust-Bar aktivieren</label>
            <defaultValue>true</defaultValue>
        </input-field>

        <input-field type="int">
            <name>trustBarFontSize</name>
            <label>Badge Font Size (px)</label>
            <label lang="de-DE">Schriftgröße Badges (px)</label>
            <defaultValue>13</defaultValue>
        </input-field>

        <input-field type="int">
            <name>trustBarIconSize</name>
            <label>Badge Icon Size (px)</label>
            <label lang="de-DE">Icon-Größe Badges (px)</label>
            <defaultValue>20</defaultValue>
        </input-field>

        <input-field type="int">
            <name>trustBarPaddingVertical</name>
            <label>Vertical Padding (px)</label>
            <label lang="de-DE">Vertikaler Abstand (px)</label>
            <defaultValue>10</defaultValue>
        </input-field>

        <input-field type="colorpicker">
            <name>trustBarTextColor</name>
            <label>Text Color</label>
            <label lang="de-DE">Textfarbe</label>
            <helpText>Takes priority when set. Leave empty to fall back to the Text Color set under "Custom Colors (Advanced)" above, or the theme's own color if that's empty too.</helpText>
            <helpText lang="de-DE">Hat Vorrang, wenn gesetzt. Leer lassen, um auf die Textfarbe aus "Eigene Farben (Erweitert)" oben zurückzufallen, oder auf die Farbe des Themes, falls auch diese leer ist.</helpText>
            <defaultValue></defaultValue>
        </input-field>

        <input-field type="colorpicker">
            <name>trustBarBgColor</name>
            <label>Background Color</label>
            <label lang="de-DE">Hintergrundfarbe</label>
            <helpText>Leave empty for no background (transparent).</helpText>
            <helpText lang="de-DE">Leer lassen für keinen Hintergrund (transparent).</helpText>
            <defaultValue></defaultValue>
        </input-field>

        <component name="uc-media-upload">
            <name>trustBarBadge1Image</name>
            <label>Custom Badge 1 – Image</label>
            <label lang="de-DE">Eigenes Badge 1 – Bild</label>
            <helpText>Upload or pick an image (SVG / PNG / JPG). Maximum file size: 5 MB — larger files are not displayed.</helpText>
            <helpText lang="de-DE">Bild hochladen oder auswählen (SVG / PNG / JPG). Maximale Dateigröße: 5 MB — größere Dateien werden nicht angezeigt.</helpText>
        </component>
        <input-field type="text">
            <name>trustBarBadge1Label</name>
            <label>Custom Badge 1 – Label</label>
            <label lang="de-DE">Eigenes Badge 1 – Beschriftung</label>
        </input-field>

        <component name="uc-media-upload">
            <name>trustBarBadge2Image</name>
            <label>Custom Badge 2 – Image</label>
            <label lang="de-DE">Eigenes Badge 2 – Bild</label>
            <helpText>Upload or pick an image (SVG / PNG / JPG). Maximum file size: 5 MB.</helpText>
            <helpText lang="de-DE">Bild hochladen oder auswählen (SVG / PNG / JPG). Maximale Dateigröße: 5 MB.</helpText>
        </component>
        <input-field type="text">
            <name>trustBarBadge2Label</name>
            <label>Custom Badge 2 – Label</label>
            <label lang="de-DE">Eigenes Badge 2 – Beschriftung</label>
        </input-field>

        <component name="uc-media-upload">
            <name>trustBarBadge3Image</name>
            <label>Custom Badge 3 – Image</label>
            <label lang="de-DE">Eigenes Badge 3 – Bild</label>
            <helpText>Upload or pick an image (SVG / PNG / JPG). Maximum file size: 5 MB.</helpText>
            <helpText lang="de-DE">Bild hochladen oder auswählen (SVG / PNG / JPG). Maximale Dateigröße: 5 MB.</helpText>
        </component>
        <input-field type="text">
            <name>trustBarBadge3Label</name>
            <label>Custom Badge 3 – Label</label>
            <label lang="de-DE">Eigenes Badge 3 – Beschriftung</label>
        </input-field>

        <component name="uc-media-upload">
            <name>trustBarBadge4Image</name>
            <label>Custom Badge 4 – Image</label>
            <label lang="de-DE">Eigenes Badge 4 – Bild</label>
            <helpText>Upload or pick an image (SVG / PNG / JPG). Maximum file size: 5 MB.</helpText>
            <helpText lang="de-DE">Bild hochladen oder auswählen (SVG / PNG / JPG). Maximale Dateigröße: 5 MB.</helpText>
        </component>
        <input-field type="text">
            <name>trustBarBadge4Label</name>
            <label>Custom Badge 4 – Label</label>
            <label lang="de-DE">Eigenes Badge 4 – Beschriftung</label>
        </input-field>

        <!-- Cart-page positions (task #138) — independent of trustBarEnabled's
             offcanvas rendering above, and independent of EACH OTHER: any
             combination of these 3 can be on at once, same pattern as
             crossSellCartPageEnabled. All still require trustBarEnabled AND
             at least one uploaded badge to actually render anything. -->
        <input-field type="bool">
            <name>trustBarCartPageTopEnabled</name>
            <label>Show on Cart Page — Above Product List</label>
            <label lang="de-DE">Auf Warenkorbseite anzeigen – Über der Produktliste</label>
            <defaultValue>false</defaultValue>
            <helpText>Renders right below the progress bar, above the product table.</helpText>
            <helpText lang="de-DE">Wird direkt unter der Fortschrittsanzeige, über der Produkttabelle angezeigt.</helpText>
        </input-field>

        <input-field type="bool">
            <name>trustBarCartPageSidebarEnabled</name>
            <label>Show on Cart Page — Summary Sidebar</label>
            <label lang="de-DE">Auf Warenkorbseite anzeigen – Zusammenfassung-Seitenleiste</label>
            <defaultValue>false</defaultValue>
            <helpText>Renders in the order-summary sidebar, below the checkout/payment buttons.</helpText>
            <helpText lang="de-DE">Wird in der Seitenleiste der Zusammenfassung, unterhalb der Kasse-/Zahlungs-Buttons angezeigt.</helpText>
        </input-field>

        <input-field type="bool">
            <name>trustBarCartPageBottomEnabled</name>
            <label>Show on Cart Page — Bottom of Page</label>
            <label lang="de-DE">Auf Warenkorbseite anzeigen – Seitenende</label>
            <defaultValue>false</defaultValue>
            <helpText>Renders full-width at the very bottom of the product-list column, below cross-sell.</helpText>
            <helpText lang="de-DE">Wird ganz unten in der Produktlisten-Spalte, unterhalb der Cross-Selling-Elemente angezeigt.</helpText>
        </input-field>
    </card>

    <!-- ═══════════════════════════════════════════════════════════════════
         CARD 3 — COUNTDOWN TIMER
    ═══════════════════════════════════════════════════════════════════ -->
    <card>
        <title>Countdown Timer</title>
        <title lang="de-DE">Countdown-Timer</title>

        <input-field type="bool">
            <name>timerEnabled</name>
            <label>Enable Cart Countdown Timer</label>
            <label lang="de-DE">Warenkorb-Countdown aktivieren</label>
            <defaultValue>false</defaultValue>
        </input-field>

        <input-field type="int">
            <name>timerMinutes</name>
            <label>Cart Reservation Duration (minutes)</label>
            <label lang="de-DE">Warenkorb-Reservierungsdauer (Minuten)</label>
            <defaultValue>15</defaultValue>
        </input-field>

        <input-field type="text">
            <name>timerLabel</name>
            <label>Timer Label Text</label>
            <label lang="de-DE">Timer-Beschriftung</label>
            <defaultValue>Your cart is reserved for</defaultValue>
        </input-field>

        <input-field type="colorpicker">
            <name>timerColor</name>
            <label>Timer Text Color</label>
            <label lang="de-DE">Timer-Textfarbe</label>
            <defaultValue>#e63946</defaultValue>
        </input-field>

        <input-field type="bool">
            <name>timerClearCartOnExpiry</name>
            <label>Clear cart when timer expires (experimental)</label>
            <label lang="de-DE">Warenkorb bei Ablauf leeren (experimentell)</label>
            <defaultValue>false</defaultValue>
        </input-field>

        <input-field type="bool">
            <name>timerCartPageEnabled</name>
            <label>Show on Cart Page — Summary Sidebar (top)</label>
            <label lang="de-DE">Auf Warenkorbseite anzeigen – Zusammenfassung-Seitenleiste (oben)</label>
            <defaultValue>false</defaultValue>
            <helpText>Independent of the offcanvas drawer's own display — lets you show the countdown in the drawer only, the cart page only, or both. Renders at the very top of the order-summary sidebar, above "Summary". Uses the same duration/label/color settings as the drawer.</helpText>
            <helpText lang="de-DE">Unabhängig von der Anzeige im Mini-Warenkorb — so können Sie den Countdown nur im Mini-Warenkorb, nur auf der Warenkorbseite oder in beiden anzeigen. Wird ganz oben in der Zusammenfassung-Seitenleiste angezeigt, über "Zusammenfassung". Verwendet dieselbe Dauer/Beschriftung/Farbe wie der Mini-Warenkorb.</helpText>
        </input-field>
    </card>

    <!-- ═══════════════════════════════════════════════════════════════════
         CARD 4 — PROGRESS BAR
    ═══════════════════════════════════════════════════════════════════ -->
    <card>
        <title>Progress Bar – Visual Settings</title>
        <title lang="de-DE">Fortschrittsbalken – Darstellung</title>

        <input-field type="bool">
            <name>progressBarEnabled</name>
            <label>Enable Progress Bar</label>
            <label lang="de-DE">Fortschrittsbalken aktivieren</label>
            <defaultValue>true</defaultValue>
        </input-field>

        <input-field type="single-select">
            <name>progressBarDesign</name>
            <label>Progress Bar Design</label>
            <label lang="de-DE">Fortschrittsbalken-Design</label>
            <defaultValue>design-1</defaultValue>
            <options>
                <option>
                    <id>design-1</id>
                    <name>Design 1 – Flat bar with milestone markers</name>
                </option>
                <option>
                    <id>design-2</id>
                    <name>Design 2 – Striped animated bar</name>
                </option>
                <option>
                    <id>design-3</id>
                    <name>Design 3 – Stepped milestone tiles</name>
                </option>
            </options>
        </input-field>

        <input-field type="colorpicker">
            <name>progressBarFillColor</name>
            <label>Fill Color</label>
            <label lang="de-DE">Füllfarbe</label>
            <defaultValue>#22c55e</defaultValue>
        </input-field>

        <input-field type="colorpicker">
            <name>progressBarTrackColor</name>
            <label>Track Background Color</label>
            <label lang="de-DE">Hintergrundfarbe Schiene</label>
            <defaultValue>#e5e7eb</defaultValue>
        </input-field>

        <input-field type="text">
            <name>giftOffersHeadline</name>
            <label>Free Gift Offers Headline (leave empty to hide)</label>
            <label lang="de-DE">Überschrift Gratis-Geschenk-Angebote (leer = ausblenden)</label>
            <defaultValue>Pick your free gift</defaultValue>
        </input-field>

        <input-field type="text">
            <name>progressBarCartPageHeadline</name>
            <label>Cart Page Progress Bar Headline (leave empty to hide)</label>
            <label lang="de-DE">Überschrift Fortschrittsbalken auf Warenkorbseite (leer = ausblenden)</label>
            <defaultValue>Secure your reward</defaultValue>
            <helpText>Shown above the progress bar on the full cart page (/checkout/cart). The offcanvas drawer does not show this headline.</helpText>
            <helpText lang="de-DE">Wird über dem Fortschrittsbalken auf der vollständigen Warenkorbseite (/checkout/cart) angezeigt. Im Mini-Warenkorb wird diese Überschrift nicht angezeigt.</helpText>
        </input-field>

        <input-field type="bool">
            <name>progressBarCartPageEnabled</name>
            <label>Show Progress Bar on Cart Page</label>
            <label lang="de-DE">Fortschrittsbalken auf Warenkorbseite anzeigen</label>
            <defaultValue>true</defaultValue>
            <helpText>Independent of the offcanvas drawer's progress bar toggle above — lets you show it in the drawer only, the cart page only, or both.</helpText>
            <helpText lang="de-DE">Unabhängig vom obigen Schalter für den Mini-Warenkorb — so können Sie den Fortschrittsbalken nur im Mini-Warenkorb, nur auf der Warenkorbseite oder in beiden anzeigen.</helpText>
        </input-field>

        <input-field type="int">
            <name>progressBarHeight</name>
            <label>Bar Height (px)</label>
            <label lang="de-DE">Balkenhöhe (px)</label>
            <defaultValue>8</defaultValue>
        </input-field>
    </card>

    <!-- ═══════════════════════════════════════════════════════════════════
         CARD 5 — CART LINE ITEMS
    ═══════════════════════════════════════════════════════════════════ -->
    <card>
        <title>Cart Line Items</title>
        <title lang="de-DE">Warenkorb-Positionen</title>

        <input-field type="bool">
            <name>showProductImage</name>
            <label>Show Product Image</label>
            <label lang="de-DE">Produktbild anzeigen</label>
            <defaultValue>true</defaultValue>
        </input-field>

        <input-field type="bool">
            <name>showVariantSelector</name>
            <label>Show Inline Variant Selector (size / colour)</label>
            <label lang="de-DE">Inline-Variantenauswahl anzeigen</label>
            <defaultValue>true</defaultValue>
        </input-field>

        <input-field type="bool">
            <name>showSalePrice</name>
            <label>Show Strikethrough Original Price on Sale Items</label>
            <label lang="de-DE">Durchgestrichenen Originalpreis bei Sonderangeboten anzeigen</label>
            <defaultValue>true</defaultValue>
        </input-field>

        <input-field type="int">
            <name>imageSize</name>
            <label>Product Image Size (px)</label>
            <label lang="de-DE">Produktbildgröße (px)</label>
            <defaultValue>80</defaultValue>
        </input-field>

    </card>

    <!-- ═══════════════════════════════════════════════════════════════════
         CARD 6 — CROSS-SELL
    ═══════════════════════════════════════════════════════════════════ -->
    <card>
        <title>Cross-Sell Products</title>
        <title lang="de-DE">Cross-Sell-Produkte</title>

        <input-field type="bool">
            <name>crossSellEnabled</name>
            <label>Enable Cross-Sell in Cart</label>
            <label lang="de-DE">Cross-Sell im Warenkorb aktivieren</label>
            <defaultValue>true</defaultValue>
        </input-field>

        <input-field type="bool">
            <name>crossSellCartPageEnabled</name>
            <label>Show Cross-Sell on Cart Page</label>
            <label lang="de-DE">Cross-Sell auf Warenkorbseite anzeigen</label>
            <defaultValue>true</defaultValue>
            <helpText>Independent of the offcanvas drawer's cross-sell toggle above — lets you show it in the drawer only, the cart page only, or both. Uses the same headline, design and product selection as the drawer.</helpText>
            <helpText lang="de-DE">Unabhängig vom obigen Schalter für den Mini-Warenkorb — so können Sie Cross-Sell nur im Mini-Warenkorb, nur auf der Warenkorbseite oder in beiden anzeigen. Verwendet dieselbe Überschrift, dasselbe Design und dieselbe Produktauswahl wie der Mini-Warenkorb.</helpText>
        </input-field>

        <input-field type="text">
            <name>crossSellHeadline</name>
            <label>Section Headline</label>
            <label lang="de-DE">Abschnittsüberschrift</label>
            <defaultValue>Special offer for you</defaultValue>
        </input-field>

        <input-field type="single-select">
            <name>crossSellDesign</name>
            <label>Cross-Sell Design</label>
            <label lang="de-DE">Cross-Sell-Design</label>
            <defaultValue>design-1</defaultValue>
            <options>
                <option>
                    <id>design-1</id>
                    <name>Design 1 – Peek slider with counter</name>
                </option>
                <option>
                    <id>design-2</id>
                    <name>Design 2 – Peek slider with dot pager</name>
                </option>
                <option>
                    <id>design-3</id>
                    <name>Design 3 – Single card with arrow nav</name>
                </option>
            </options>
        </input-field>

        <input-field type="int">
            <name>crossSellLimit</name>
            <label>Max Products to Show</label>
            <label lang="de-DE">Maximale Anzahl anzuzeigender Produkte</label>
            <defaultValue>6</defaultValue>
        </input-field>

        <input-field type="bool">
            <name>lowStockEnabled</name>
            <label>Show Low Stock Badge on Offers</label>
            <label lang="de-DE">Niedrig-Bestand-Badge auf Angeboten anzeigen</label>
            <defaultValue>true</defaultValue>
        </input-field>

        <input-field type="bool">
            <name>lowStockShowWithoutCloseout</name>
            <label>Show stock badge even if the product stays orderable when sold out</label>
            <label lang="de-DE">Bestands-Badge auch anzeigen, wenn das Produkt bei 0 Bestand weiter bestellbar ist</label>
            <helpText>Products without the "Clearance sale" option can still be ordered after stock runs out. Turn this off if "Only X left!" should only appear on products that really sell out.</helpText>
            <helpText lang="de-DE">Produkte ohne die Option "Abverkauf" bleiben auch bei 0 Bestand bestellbar. Deaktivieren, wenn "Nur noch X verfügbar!" nur bei Produkten erscheinen soll, die wirklich ausverkauft sein können.</helpText>
            <defaultValue>true</defaultValue>
        </input-field>

        <input-field type="int">
            <name>lowStockThreshold</name>
            <label>Low Stock Threshold (show badge when stock ≤ this)</label>
            <label lang="de-DE">Schwellenwert (Badge anzeigen wenn Bestand ≤ Wert)</label>
            <defaultValue>5</defaultValue>
        </input-field>

        <input-field type="text">
            <name>lowStockLabel</name>
            <label>Low Stock Label (use {stock} placeholder)</label>
            <label lang="de-DE">Niedrig-Bestand-Text (Platzhalter {stock} verfügbar)</label>
            <defaultValue>Only {stock} left!</defaultValue>
        </input-field>

        <input-field type="text">
            <name>lowStockFewLabel</name>
            <label>Word used instead of the number when stock is 0 or below</label>
            <label lang="de-DE">Wort statt der Zahl, wenn der Bestand 0 oder darunter ist</label>
            <helpText>Only used for products that stay orderable when sold out. Example: "a few" → "Only a few left!"</helpText>
            <helpText lang="de-DE">Wird nur bei Produkten verwendet, die bei 0 Bestand weiter bestellbar sind. Beispiel: "wenige" → "Nur noch wenige verfügbar!"</helpText>
            <defaultValue>a few</defaultValue>
        </input-field>
    </card>

    <!-- ═══════════════════════════════════════════════════════════════════
         CARD 7 — DISCOUNT CODE
    ═══════════════════════════════════════════════════════════════════ -->
    <card>
        <title>Discount Code</title>
        <title lang="de-DE">Rabattcode</title>

        <input-field type="bool">
            <name>discountEnabled</name>
            <label>Enable Discount Code Section</label>
            <label lang="de-DE">Rabattcode-Sektion aktivieren</label>
            <defaultValue>true</defaultValue>
        </input-field>

        <input-field type="text">
            <name>discountToggleLabel</name>
            <label>Toggle Link Text</label>
            <label lang="de-DE">Aufklappen-Text</label>
            <defaultValue>Have a discount code?</defaultValue>
        </input-field>

        <input-field type="text">
            <name>discountInputPlaceholder</name>
            <label>Input Placeholder</label>
            <label lang="de-DE">Eingabefeld-Platzhalter</label>
            <defaultValue>Enter code</defaultValue>
        </input-field>

        <input-field type="text">
            <name>discountApplyLabel</name>
            <label>Apply Button Label</label>
            <label lang="de-DE">Anwenden-Schaltfläche</label>
            <defaultValue>Apply</defaultValue>
        </input-field>
    </card>

    <!-- ═══════════════════════════════════════════════════════════════════
         CARD 8 — ORDER PRICE SUMMARY
    ═══════════════════════════════════════════════════════════════════ -->
    <card>
        <title>Order Price Summary</title>
        <title lang="de-DE">Bestellzusammenfassung</title>

        <input-field type="bool">
            <name>orderSummaryEnabled</name>
            <label>Enable Order Summary</label>
            <label lang="de-DE">Bestellzusammenfassung aktivieren</label>
            <defaultValue>true</defaultValue>
        </input-field>

        <input-field type="bool">
            <name>orderSummaryShowShipping</name>
            <label>Show Shipping Cost</label>
            <label lang="de-DE">Versandkosten anzeigen</label>
            <defaultValue>true</defaultValue>
        </input-field>

        <input-field type="bool">
            <name>orderSummaryShowTax</name>
            <label>Show Tax Breakdown</label>
            <label lang="de-DE">Steueraufschlüsselung anzeigen</label>
            <defaultValue>true</defaultValue>
        </input-field>
    </card>

    <!-- ═══════════════════════════════════════════════════════════════════
         CARD 9 — STICKY ADD TO CART
         Deliberately style-light: by default this bar is built from CLONED
         real theme markup (the merchant's own "Add to cart" button, quantity
         stepper, variant selector — see ProductStickyCartSubscriber +
         sticky-cart-bar.plugin.js), so it inherits the active theme's look
         with no config needed. stickyCartCustomDesignEnabled is an opt-in
         escape hatch for merchants who want the bar's background/text/button
         colors to NOT follow the theme.
    ═══════════════════════════════════════════════════════════════════ -->
    <card>
        <title>Sticky Add to Cart</title>
        <title lang="de-DE">Sticky Warenkorb-Leiste</title>

        <input-field type="bool">
            <name>stickyCartEnabled</name>
            <label>Enable Sticky Add to Cart Bar</label>
            <label lang="de-DE">Sticky Warenkorb-Leiste aktivieren</label>
            <defaultValue>true</defaultValue>
        </input-field>

        <input-field type="bool">
            <name>stickyCartMobileEnabled</name>
            <label>Show on Mobile</label>
            <label lang="de-DE">Auf Mobilgeräten anzeigen</label>
            <defaultValue>true</defaultValue>
        </input-field>

        <input-field type="bool">
            <name>stickyCartDesktopEnabled</name>
            <label>Show on Desktop</label>
            <label lang="de-DE">Auf Desktop anzeigen</label>
            <defaultValue>true</defaultValue>
        </input-field>

        <input-field type="single-select">
            <name>stickyCartMobileButtonStyle</name>
            <label>Mobile Button Style</label>
            <label lang="de-DE">Schaltflächenstil (Mobil)</label>
            <helpText>Icon only (default): the button shrinks to just the cart icon, leaving the most room for the title and price. Icon + text: keeps both, which may crowd the line on narrow screens. Text only: keeps just the label, no icon.</helpText>
            <helpText lang="de-DE">Nur Symbol (Standard): Die Schaltfläche wird auf das Warenkorb-Symbol reduziert – das lässt am meisten Platz für Titel und Preis. Symbol + Text: behält beides, kann auf schmalen Bildschirmen eng werden. Nur Text: behält nur die Beschriftung, kein Symbol.</helpText>
            <defaultValue>icon</defaultValue>
            <options>
                <option>
                    <id>icon</id>
                    <name>Icon only</name>
                </option>
                <option>
                    <id>icon-text</id>
                    <name>Icon + text</name>
                </option>
                <option>
                    <id>text</id>
                    <name>Text only</name>
                </option>
            </options>
        </input-field>

        <input-field type="bool">
            <name>stickyCartShowPrice</name>
            <label>Show Price</label>
            <label lang="de-DE">Preis anzeigen</label>
            <defaultValue>true</defaultValue>
        </input-field>

        <input-field type="bool">
            <name>stickyCartCustomDesignEnabled</name>
            <label>Use custom colors instead of the theme's own design</label>
            <label lang="de-DE">Eigene Farben statt Theme-Design verwenden</label>
            <helpText>Off (default): the bar inherits your theme's own button and text styling automatically. On: the colors below are applied instead.</helpText>
            <helpText lang="de-DE">Aus (Standard): Die Leiste übernimmt automatisch die Button- und Textgestaltung Ihres Themes. An: Die untenstehenden Farben werden stattdessen verwendet.</helpText>
            <defaultValue>false</defaultValue>
        </input-field>

        <input-field type="colorpicker">
            <name>stickyCartBgColor</name>
            <label>Bar Background Color</label>
            <label lang="de-DE">Hintergrundfarbe der Leiste</label>
            <defaultValue>#ffffff</defaultValue>
        </input-field>

        <input-field type="colorpicker">
            <name>stickyCartTextColor</name>
            <label>Bar Text Color</label>
            <label lang="de-DE">Textfarbe der Leiste</label>
            <defaultValue>#111827</defaultValue>
        </input-field>

        <input-field type="colorpicker">
            <name>stickyCartButtonBgColor</name>
            <label>Add to Cart Button Color</label>
            <label lang="de-DE">Farbe der "In den Warenkorb"-Schaltfläche</label>
            <defaultValue>#111827</defaultValue>
        </input-field>

        <input-field type="colorpicker">
            <name>stickyCartButtonTextColor</name>
            <label>Add to Cart Button Text Color</label>
            <label lang="de-DE">Textfarbe der "In den Warenkorb"-Schaltfläche</label>
            <defaultValue>#ffffff</defaultValue>
        </input-field>

        <input-field type="colorpicker">
            <name>stickyCartConfiguratorBgColor</name>
            <label>Variant Dropdown Background Color</label>
            <label lang="de-DE">Hintergrundfarbe Varianten-Dropdown</label>
            <defaultValue>#ffffff</defaultValue>
        </input-field>

        <input-field type="colorpicker">
            <name>stickyCartConfiguratorTextColor</name>
            <label>Variant Dropdown Text Color</label>
            <label lang="de-DE">Textfarbe Varianten-Dropdown</label>
            <defaultValue>#111827</defaultValue>
        </input-field>

        <input-field type="colorpicker">
            <name>stickyCartQuantityBgColor</name>
            <label>Quantity Selector Background Color</label>
            <label lang="de-DE">Hintergrundfarbe Mengenauswahl</label>
            <defaultValue>#ffffff</defaultValue>
        </input-field>

        <input-field type="colorpicker">
            <name>stickyCartQuantityTextColor</name>
            <label>Quantity Selector Text Color</label>
            <label lang="de-DE">Textfarbe Mengenauswahl</label>
            <defaultValue>#111827</defaultValue>
        </input-field>
    </card>

    <!-- ═══════════════════════════════════════════════════════════════════
         CARD 10 — CUSTOM HTML BLOCK
         Deliberately minimal: one merchant-authored HTML block, rendered
         as-is (not sanitized/stripped) since the whole point is letting the
         merchant inject their own markup — same trust level as editing the
         theme directly. Wrapped in .uc-custom-block on the storefront so
         the merchant's own CSS (written via the theme, not this plugin) has
         a stable scope root to write selectors against.
    ═══════════════════════════════════════════════════════════════════ -->
    <card>
        <title>Custom HTML Block</title>
        <title lang="de-DE">Eigener HTML-Block</title>

        <input-field type="bool">
            <name>customHtmlEnabled</name>
            <label>Enable Custom HTML Block</label>
            <label lang="de-DE">Eigenen HTML-Block aktivieren</label>
            <defaultValue>false</defaultValue>
        </input-field>

        <input-field type="textarea">
            <name>customHtmlContent</name>
            <label>HTML Content</label>
            <label lang="de-DE">HTML-Inhalt</label>
            <helpText>Shown inside the mini-cart. For safety, script tags, event-handler attributes (onclick etc.) and similar are automatically stripped — text, links, images and basic formatting tags are kept. Use Element Order &amp; Visibility below to choose where it appears.</helpText>
            <helpText lang="de-DE">Wird im Mini-Warenkorb angezeigt. Aus Sicherheitsgründen werden Script-Tags, Event-Handler-Attribute (onclick usw.) und Ähnliches automatisch entfernt — Text, Links, Bilder und einfache Formatierungen bleiben erhalten. Position über "Element-Reihenfolge &amp; Sichtbarkeit" festlegen.</helpText>
        </input-field>

        <input-field type="bool">
            <name>customHtmlCartPageEnabled</name>
            <label>Show on Cart Page — Summary Sidebar</label>
            <label lang="de-DE">Auf Warenkorbseite anzeigen – Zusammenfassung-Seitenleiste</label>
            <defaultValue>false</defaultValue>
            <helpText>Independent of the offcanvas drawer's block above — lets you show the custom HTML block in the drawer only, the cart page only, or both. Renders in the order-summary sidebar, below the checkout/payment buttons. Uses the same HTML content as the drawer.</helpText>
            <helpText lang="de-DE">Unabhängig vom obigen Block für den Mini-Warenkorb — so können Sie den eigenen HTML-Block nur im Mini-Warenkorb, nur auf der Warenkorbseite oder in beiden anzeigen. Wird in der Seitenleiste der Zusammenfassung, unterhalb der Kasse-/Zahlungs-Buttons angezeigt. Verwendet denselben HTML-Inhalt wie der Mini-Warenkorb.</helpText>
        </input-field>
    </card>

    <card>
        <title>Custom HTML Block 2</title>
        <title lang="de-DE">Eigener HTML-Block 2</title>

        <input-field type="bool">
            <name>customHtmlEnabled2</name>
            <label>Enable Custom HTML Block 2</label>
            <label lang="de-DE">Eigenen HTML-Block 2 aktivieren</label>
            <defaultValue>false</defaultValue>
        </input-field>

        <input-field type="textarea">
            <name>customHtmlContent2</name>
            <label>HTML Content</label>
            <label lang="de-DE">HTML-Inhalt</label>
            <helpText>Shown inside the mini-cart. For safety, script tags, event-handler attributes (onclick etc.) and similar are automatically stripped — text, links, images and basic formatting tags are kept. Use Element Order &amp; Visibility below to choose where it appears.</helpText>
            <helpText lang="de-DE">Wird im Mini-Warenkorb angezeigt. Aus Sicherheitsgründen werden Script-Tags, Event-Handler-Attribute (onclick usw.) und Ähnliches automatisch entfernt — Text, Links, Bilder und einfache Formatierungen bleiben erhalten. Position über "Element-Reihenfolge &amp; Sichtbarkeit" festlegen.</helpText>
        </input-field>

        <input-field type="bool">
            <name>customHtmlCartPageEnabled2</name>
            <label>Show on Cart Page — Summary Sidebar</label>
            <label lang="de-DE">Auf Warenkorbseite anzeigen – Zusammenfassung-Seitenleiste</label>
            <defaultValue>false</defaultValue>
            <helpText>Independent of the offcanvas drawer's block above — lets you show this custom HTML block in the drawer only, the cart page only, or both.</helpText>
            <helpText lang="de-DE">Unabhängig vom obigen Block für den Mini-Warenkorb — so können Sie diesen eigenen HTML-Block nur im Mini-Warenkorb, nur auf der Warenkorbseite oder in beiden anzeigen.</helpText>
        </input-field>
    </card>

    <card>
        <title>Custom HTML Block 3</title>
        <title lang="de-DE">Eigener HTML-Block 3</title>

        <input-field type="bool">
            <name>customHtmlEnabled3</name>
            <label>Enable Custom HTML Block 3</label>
            <label lang="de-DE">Eigenen HTML-Block 3 aktivieren</label>
            <defaultValue>false</defaultValue>
        </input-field>

        <input-field type="textarea">
            <name>customHtmlContent3</name>
            <label>HTML Content</label>
            <label lang="de-DE">HTML-Inhalt</label>
            <helpText>Shown inside the mini-cart. For safety, script tags, event-handler attributes (onclick etc.) and similar are automatically stripped — text, links, images and basic formatting tags are kept. Use Element Order &amp; Visibility below to choose where it appears.</helpText>
            <helpText lang="de-DE">Wird im Mini-Warenkorb angezeigt. Aus Sicherheitsgründen werden Script-Tags, Event-Handler-Attribute (onclick usw.) und Ähnliches automatisch entfernt — Text, Links, Bilder und einfache Formatierungen bleiben erhalten. Position über "Element-Reihenfolge &amp; Sichtbarkeit" festlegen.</helpText>
        </input-field>

        <input-field type="bool">
            <name>customHtmlCartPageEnabled3</name>
            <label>Show on Cart Page — Summary Sidebar</label>
            <label lang="de-DE">Auf Warenkorbseite anzeigen – Zusammenfassung-Seitenleiste</label>
            <defaultValue>false</defaultValue>
            <helpText>Independent of the offcanvas drawer's block above — lets you show this custom HTML block in the drawer only, the cart page only, or both.</helpText>
            <helpText lang="de-DE">Unabhängig vom obigen Block für den Mini-Warenkorb — so können Sie diesen eigenen HTML-Block nur im Mini-Warenkorb, nur auf der Warenkorbseite oder in beiden anzeigen.</helpText>
        </input-field>
    </card>

    <!-- ═══════════════════════════════════════════════════════════════════
         CARD 13 — USP GRID (TRUST BADGES)
         2x2 grid of icon + short text badges (e.g. "4.9/5 Google Reviews",
         "Secure Payment"). Icons are fixed (star / shield / truck / leaf) —
         only the label text is merchant-editable. Off by default like
         Custom HTML Block; enable + reorder via Element Order & Visibility
         below to place it in the drawer.
    ═══════════════════════════════════════════════════════════════════ -->
    <card>
        <title>USP Grid (Trust Badges)</title>
        <title lang="de-DE">USP-Raster (Vertrauens-Badges)</title>

        <input-field type="bool">
            <name>uspGridEnabled</name>
            <label>Enable USP Grid</label>
            <label lang="de-DE">USP-Raster aktivieren</label>
            <defaultValue>false</defaultValue>
        </input-field>

        <input-field type="bool">
            <name>uspGridCartPageEnabled</name>
            <label>Show on Cart Page — Summary Sidebar</label>
            <label lang="de-DE">Auf Warenkorbseite anzeigen – Zusammenfassung-Seitenleiste</label>
            <defaultValue>false</defaultValue>
        </input-field>

        <input-field type="text">
            <name>uspGridItem1Label</name>
            <label>Badge 1 Text (star icon)</label>
            <label lang="de-DE">Badge 1 Text (Stern-Icon)</label>
            <defaultValue>4.9/5 Google Reviews</defaultValue>
        </input-field>

        <input-field type="text">
            <name>uspGridItem2Label</name>
            <label>Badge 2 Text (shield icon)</label>
            <label lang="de-DE">Badge 2 Text (Schild-Icon)</label>
            <defaultValue>Secure Payment</defaultValue>
        </input-field>

        <input-field type="text">
            <name>uspGridItem3Label</name>
            <label>Badge 3 Text (truck icon)</label>
            <label lang="de-DE">Badge 3 Text (LKW-Icon)</label>
            <defaultValue>Free Ship from €50</defaultValue>
        </input-field>

        <input-field type="text">
            <name>uspGridItem4Label</name>
            <label>Badge 4 Text (leaf icon)</label>
            <label lang="de-DE">Badge 4 Text (Blatt-Icon)</label>
            <defaultValue>Clean Beauty Promise</defaultValue>
        </input-field>
    </card>

</config>
