@charset "utf-8";

/* =========================================================
   TEILE PARTNER / WEBISCO SAFE V5 POLISHED
   Ziel: Header nicht mehr verloren, Logo dominanter,
   einheitliche Höhen, kompakte Suche, moderne Icons,
   Fahrzeugpanel kompakter und klarer.
   ========================================================= */

:root {
    --tp-petrol: #005B68;
    --tp-petrol-dark: #003f49;
    --tp-petrol-soft: #e8f4f5;
    --tp-petrol-soft-2: #f2f9fa;
    --tp-blue-deep: #07145f;
    --tp-text: #132326;
    --tp-muted: #667985;
    --tp-border: #d8e2e4;
    --tp-bg: #f2f6f7;
    --tp-white: #ffffff;
    --tp-shadow: 0 14px 34px rgba(0, 91, 104, 0.10);
}

body {
    margin: 0;
    background: var(--tp-bg);
    color: var(--tp-text);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}

a {
    color: var(--tp-petrol);
    text-decoration: none;
}

a:hover {
    color: var(--tp-petrol-dark);
    text-decoration: none;
}

form {
    display: inline;
    margin-bottom: 0;
}

.tp-page {
    min-height: 100vh;
}

/* ================= HEADER ================= */

.tp-header-wrap {
    background: #ffffff;
    border-bottom: 1px solid var(--tp-border);
    box-shadow: 0 10px 28px rgba(16, 24, 40, 0.05);
}

.tp-header {
    display: grid;
    grid-template-columns: 300px minmax(360px, 520px) 124px 104px 215px;
    gap: 18px;
    align-items: center;
    max-width: 1440px;
    min-height: 92px;
    margin: 0 auto;
    padding: 18px 28px;
    box-sizing: border-box;
    background: #ffffff;
}

.tp-header-logo a {
    display: flex;
    align-items: center;
    height: 56px;
}

.tp-logo-svg {
    display: block;
    width: 280px;
    max-width: 100%;
    height: auto;
}

/* Search */
.tp-header-search {
    min-width: 0;
    width: 100%;
    max-width: 520px;
}

.tp-header-search #webisco-search {
    float: none !important;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-sizing: border-box;
}

.tp-header-search #webisco-search form {
    display: block;
    position: relative;
    width: 100%;
}

.tp-header-search #webisco-search::before {
    content: "Suche";
    display: block;
    margin: 0 0 5px 15px;
    color: var(--tp-muted);
    font-size: 12px;
    font-weight: 700;
}

.tp-header-search #webisco-search-inputfield {
    width: 100% !important;
    height: 50px;
    box-sizing: border-box;
    border: 2px solid var(--tp-petrol) !important;
    border-radius: 16px;
    background-color: #ffffff;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23005B68%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2210.8%22%20cy%3D%2210.8%22%20r%3D%226.6%22%2F%3E%3Cpath%20d%3D%22M15.7%2015.7%2021%2021%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: 16px center !important;
    background-size: 22px 22px !important;
    padding: 0 18px 0 52px !important;
    color: var(--tp-text);
    font-size: 15px;
    outline: none;
    box-shadow: 0 4px 12px rgba(0, 91, 104, 0.06);
}

.tp-header-search #webisco-search-inputfield:focus {
    border-color: var(--tp-petrol-dark) !important;
    box-shadow: 0 0 0 4px rgba(0, 91, 104, 0.12);
}

.tp-header-search #webisco-search-submit {
    display: none !important;
}

.tp-header-search #webisco-search input[type="checkbox"] {
    margin-left: 8px;
    margin-top: 6px;
}

/* Action buttons */
.tp-header-action,
.tp-header-cart {
    height: 56px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 0 14px;
    box-sizing: border-box;
    border: 1px solid transparent;
    border-radius: 16px;
    color: var(--tp-petrol);
    background: #ffffff;
    font-size: 15px;
    font-weight: 850;
    line-height: 1;
    white-space: nowrap;
}

.tp-header-action {
    border-color: rgba(0, 91, 104, 0.10);
}

.tp-header-action:hover {
    background: var(--tp-petrol-soft);
    border-color: rgba(0, 91, 104, 0.25);
    color: var(--tp-petrol-dark);
    transform: translateY(-1px);
}

.tp-header-icon {
    width: 28px;
    height: 28px;
    color: currentColor;
    display: inline-block;
    flex-shrink: 0;
}

.tp-header-cart {
    justify-content: flex-start;
    background: var(--tp-petrol-soft);
    border-color: rgba(0, 91, 104, 0.20);
    color: var(--tp-petrol);
    padding-right: 16px;
}

.tp-header-cart-widget {
    min-width: 0;
}

.tp-header-cart #webisco-cartinfo {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    color: var(--tp-text) !important;
    overflow: visible !important;
    font-size: 12px;
    line-height: 1.22;
    font-weight: 800;
}

.tp-header-cart #webisco-cartinfo a {
    color: var(--tp-petrol-dark) !important;
}

.tp-header-cart #webisco-cartinfo .webisco-cartinfo-sum,
.tp-header-cart #webisco-cartinfo .webisco-cartinfo-agb {
    float: none !important;
}

/* ================= PANELS ================= */

.tp-header-panel {
    display: none;
    max-width: 1440px;
    margin: 0 auto;
    padding: 18px 28px 24px 28px;
    background: #ffffff;
    border-bottom: 1px solid var(--tp-border);
    box-shadow: var(--tp-shadow);
    box-sizing: border-box;
}

.tp-header-panel:target {
    display: block !important;
}

.tp-panel-inner {
    max-width: 520px;
    margin-left: auto;
    padding: 20px;
    border: 1px solid var(--tp-border);
    border-radius: 20px;
    background: #fbfdfd;
    box-sizing: border-box;
}

.tp-panel-inner-wide {
    max-width: 1120px;
    margin: 0 auto;
}

.tp-panel-title {
    margin: 0 0 10px 0;
    color: var(--tp-blue-deep);
    font-size: 22px;
    line-height: 1.2;
    font-weight: 900;
    letter-spacing: -0.02em;
}

.tp-panel-hint {
    margin: 0 0 14px 0;
    padding: 11px 14px;
    border: 1px solid rgba(0, 91, 104, 0.18);
    border-radius: 13px;
    background: var(--tp-petrol-soft);
    color: var(--tp-petrol-dark);
    font-size: 14px;
    font-weight: 800;
}

.tp-panel-close {
    float: right;
    color: var(--tp-muted);
    font-size: 13px;
    text-decoration: none;
}

.tp-panel-close:hover {
    color: var(--tp-petrol);
    text-decoration: underline;
}

/* Vehicle panel: both normal and permanent output supported */
.tp-vehicle-panel #webisco-car-selection,
.tp-vehicle-panel #webisco-car-selection-permanent {
    display: grid !important;
    grid-template-columns: 1.1fr 1fr 0.9fr;
    gap: 16px;
    clear: both;
    overflow: visible !important;
    width: 100%;
    margin: 0 !important;
    padding: 18px !important;
    box-sizing: border-box;
    background: #ffffff !important;
    border: 1px solid var(--tp-border) !important;
    border-radius: 18px;
}

.tp-vehicle-panel #webisco-car-selection-last-cars,
.tp-vehicle-panel #webisco-car-selection-last-cars-permanent {
    display: none !important;
}

.tp-vehicle-panel #webisco-car-selection-numbers,
.tp-vehicle-panel #webisco-car-selection-number-permanent,
.tp-vehicle-panel #webisco-car-selection-incremental,
.tp-vehicle-panel #webisco-car-selection-incremental-permanent,
.tp-vehicle-panel #webisco-motor-selection {
    float: none !important;
    clear: none !important;
    width: auto !important;
    min-width: 0;
    margin: 0 !important;
    padding: 18px !important;
    border: 1px solid var(--tp-border);
    border-radius: 16px;
    background: #f7fbfb;
    box-sizing: border-box;
    color: var(--tp-muted);
}

.tp-vehicle-panel #webisco-car-selection-numbers,
.tp-vehicle-panel #webisco-car-selection-number-permanent {
    order: 1;
    border-color: rgba(0, 91, 104, 0.32);
    background: #ffffff;
}

.tp-vehicle-panel #webisco-car-selection-incremental,
.tp-vehicle-panel #webisco-car-selection-incremental-permanent {
    order: 2;
}

.tp-vehicle-panel #webisco-motor-selection {
    order: 3;
}

.tp-vehicle-panel #webisco-car-selection-links {
    display: none !important;
}

.tp-vehicle-panel input,
.tp-vehicle-panel select {
    height: 42px;
    max-width: 100%;
    box-sizing: border-box;
    margin: 5px 5px 9px 0;
    padding: 0 12px;
    border: 1px solid #b9c9cc;
    border-radius: 12px;
    background: #ffffff;
    color: var(--tp-text);
    font-size: 14px;
    outline: none;
}

.tp-vehicle-panel input:focus,
.tp-vehicle-panel select:focus {
    border-color: var(--tp-petrol);
    box-shadow: 0 0 0 4px rgba(0, 91, 104, 0.12);
}

.tp-vehicle-panel input[type="submit"],
.tp-vehicle-panel button {
    height: 42px;
    padding: 0 17px;
    border: 1px solid var(--tp-petrol);
    border-radius: 999px;
    background: var(--tp-petrol);
    color: #ffffff;
    font-size: 14px;
    font-weight: 850;
    cursor: pointer;
}

/* ================= CONTENT LAYOUT ================= */

.tp-rootline,
.tp-shop-layout,
.tp-system-footer {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}

.tp-rootline {
    padding: 16px 28px 0 28px;
}

.tp-shop-layout {
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
    gap: 26px;
    padding: 22px 28px;
}

.tp-shop-sidebar,
.tp-shop-main {
    min-width: 0;
}

/* Main vehicle selection, if shown in content */
#webisco-car-selection {
    clear: both;
    overflow: visible !important;
    width: 100%;
    margin: 0 0 28px 0;
    padding: 24px !important;
    box-sizing: border-box;
    background: #ffffff !important;
    border: 1px solid var(--tp-border) !important;
    border-radius: 22px;
    box-shadow: 0 16px 42px rgba(0, 91, 104, 0.08);
}

#webisco-car-selection-links {
    display: none !important;
}

/* Search tree */
#webisco-navigation {
    background: #ffffff !important;
    border: 1px solid var(--tp-border) !important;
    border-radius: 16px;
    overflow: hidden;
    width: 100% !important;
    min-width: 0 !important;
    color: var(--tp-text) !important;
    box-shadow: 0 10px 24px rgba(16, 24, 40, 0.05);
}

#webisco-navigation ul {
    padding: 0 !important;
    margin: 0 !important;
}

#webisco-navigation a {
    display: block;
    padding: 9px 14px !important;
    color: var(--tp-text) !important;
    background: #ffffff !important;
    border-bottom: 1px solid #edf2f3 !important;
    font-size: 14px;
    line-height: 1.25;
}

#webisco-navigation a:hover {
    color: var(--tp-petrol) !important;
    background: var(--tp-petrol-soft) !important;
}

#webisco-navigation .webisco-navigation-title {
    display: block;
    margin: 0 !important;
    padding: 15px 16px !important;
    color: #ffffff !important;
    background: var(--tp-petrol) !important;
    font-size: 15px;
    font-weight: 900;
}

/* Mandatory/system areas */
#webisco-copyright,
#webisco-tecdoc-copyright {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    overflow: visible !important;
    clear: both;
    margin: 14px auto;
    padding: 8px 12px;
    color: #667985;
    font-size: 11px;
    line-height: 1.4;
    text-align: center;
}

.tp-system-footer {
    padding: 0 28px 32px 28px;
}

.tp-footer-links {
    margin: 18px 0 10px 0;
    padding: 12px 14px;
    border: 1px solid var(--tp-border);
    border-radius: 14px;
    background: #ffffff;
    font-size: 13px;
}

.tp-footer-links .webisco-link,
.tp-footer-links a {
    float: none !important;
    display: inline-block;
    margin: 4px 12px 4px 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--tp-petrol);
    font-weight: 700;
}

@media (max-width: 1220px) {
    .tp-header {
        grid-template-columns: 255px minmax(300px, 1fr) 114px 98px 196px;
        gap: 12px;
    }

    .tp-logo-svg {
        width: 245px;
    }
}

@media (max-width: 980px) {
    .tp-header {
        grid-template-columns: 1fr;
        align-items: stretch;
        min-height: 0;
    }

    .tp-header-logo a {
        height: auto;
    }

    .tp-logo-svg {
        width: 260px;
    }

    .tp-header-search {
        max-width: none;
    }

    .tp-header-action,
    .tp-header-cart {
        justify-content: flex-start;
    }

    .tp-shop-layout {
        grid-template-columns: 1fr;
    }

    .tp-vehicle-panel #webisco-car-selection,
    .tp-vehicle-panel #webisco-car-selection-permanent {
        grid-template-columns: 1fr;
    }
}


/* =========================================================
   SAFE V6: USER-FIXES HEADER + FAHRZEUGPANEL
   1. Logo größer
   2. Header-Icons + Schrift größer
   3. Fahrzeugauswahl direkt sichtbar beim Shop-Start
   4. "Suche:" Labels über Suchleiste entfernen
   5. Exaktsuche-Checkbox und Text entfernen
   6. Suchfeld-Placeholder: "OE- Artikelnr.- Suche" per JS
   ========================================================= */

/* Header mehr Präsenz */
.tp-header {
    grid-template-columns: 360px minmax(360px, 500px) 150px 125px 235px !important;
    min-height: 112px !important;
    gap: 22px !important;
    padding-top: 22px !important;
    padding-bottom: 22px !important;
}

.tp-header-logo a {
    height: 72px !important;
}

.tp-logo-svg {
    width: 340px !important;
    max-height: 72px !important;
}

/* Suche kompakter, aber hochwertig */
.tp-header-search {
    max-width: 500px !important;
}

/* Alle "Suche:"-Texte oberhalb der Suche entfernen */
.tp-header-search #webisco-search::before {
    content: none !important;
    display: none !important;
}

.tp-header-search label,
.tp-header-search .webisco-search-label,
.tp-header-search #webisco-search label {
    display: none !important;
}

/* Exaktsuche-Kästchen + Text komplett entfernen */
.tp-header-search input[type="checkbox"],
.tp-header-search input[type="checkbox"] + label,
.tp-header-search #webisco-search-exact,
.tp-header-search #webisco-search-exactsearch,
.tp-header-search .webisco-search-exact,
.tp-header-search .webisco-search-exactsearch {
    display: none !important;
}

/* Falls Webisco den Text "Exaktsuche" außerhalb eines Labels ausgibt:
   Der ganze Search-Block darf nur das Eingabefeld enthalten. */
.tp-header-search #webisco-search {
    font-size: 0 !important;
}

.tp-header-search #webisco-search-inputfield {
    font-size: 16px !important;
    height: 54px !important;
    border-radius: 18px !important;
    padding-left: 54px !important;
}

.tp-header-search #webisco-search-inputfield::placeholder {
    color: #7b8b93;
    opacity: 1;
}

/* Icons und Texte größer */
.tp-header-action,
.tp-header-cart {
    height: 62px !important;
    min-height: 62px !important;
    font-size: 17px !important;
    font-weight: 900 !important;
    gap: 10px !important;
    border-radius: 18px !important;
}

.tp-header-icon {
    width: 32px !important;
    height: 32px !important;
}

.tp-header-cart #webisco-cartinfo {
    font-size: 13px !important;
    line-height: 1.25 !important;
    font-weight: 900 !important;
}

/* Fahrzeugauswahl direkt anzeigen */
.tp-vehicle-panel.tp-panel-open {
    display: block !important;
}

/* Wenn der User "schließen" klickt und Hash entfernt, soll es trotzdem initial sichtbar bleiben.
   Login kann über :target darüber eingeblendet werden. */
.tp-header-panel.tp-vehicle-panel {
    display: block !important;
}

.tp-login-panel {
    display: none !important;
}

.tp-login-panel:target {
    display: block !important;
}

.tp-login-panel:target ~ .tp-rootline {
    margin-top: 0;
}

/* Fahrzeugpanel optisch stärker und weniger verloren */
.tp-header-panel {
    padding-top: 20px !important;
    padding-bottom: 26px !important;
}

.tp-panel-inner-wide {
    max-width: 1200px !important;
}

.tp-panel-title {
    font-size: 26px !important;
    margin-bottom: 12px !important;
}

.tp-panel-hint {
    font-size: 15px !important;
    padding: 13px 16px !important;
}

/* Fahrzeugauswahl im Panel breiter und klarer */
.tp-vehicle-panel #webisco-car-selection,
.tp-vehicle-panel #webisco-car-selection-permanent {
    grid-template-columns: 1.1fr 1.1fr 0.9fr !important;
    gap: 18px !important;
    padding: 22px !important;
    border-radius: 20px !important;
}

/* Responsive */
@media (max-width: 1280px) {
    .tp-header {
        grid-template-columns: 310px minmax(300px, 1fr) 135px 115px 215px !important;
        gap: 14px !important;
    }

    .tp-logo-svg {
        width: 300px !important;
    }

    .tp-header-action,
    .tp-header-cart {
        font-size: 15px !important;
    }

    .tp-header-icon {
        width: 29px !important;
        height: 29px !important;
    }
}

@media (max-width: 980px) {
    .tp-header {
        grid-template-columns: 1fr !important;
    }

    .tp-logo-svg {
        width: 320px !important;
    }

    .tp-header-search {
        max-width: none !important;
    }

    .tp-vehicle-panel #webisco-car-selection,
    .tp-vehicle-panel #webisco-car-selection-permanent {
        grid-template-columns: 1fr !important;
    }
}


/* =========================================================
   SAFE V7: PANEL-TOGGLE + PETROL-BÃœHNE
   Nutzerwünsche:
   1. Hintergrund hinter Fahrzeugauswahl in hellem Petrol-Akzent
   2. Fahrzeugfenster halbieren und daneben Platzhalter gleich groß
   3. Login ersetzt Fahrzeugauswahl im gleichen Panelbereich
   ========================================================= */

/* Panel-Hintergrund als helle Petrol-Bühne */
.tp-header-panel {
    display: none !important;
    max-width: 1440px !important;
    margin: 0 auto !important;
    padding: 28px !important;
    background:
        radial-gradient(circle at 18% 10%, rgba(0, 91, 104, 0.14) 0, rgba(0, 91, 104, 0) 34%),
        linear-gradient(135deg, #e7f4f5 0%, #f5fbfb 58%, #ffffff 100%) !important;
    border-bottom: 1px solid rgba(0, 91, 104, 0.16) !important;
    box-shadow: 0 16px 42px rgba(0, 91, 104, 0.10) !important;
    box-sizing: border-box !important;
}

.tp-header-panel.is-active {
    display: block !important;
}

/* Alte :target / always-open Regeln neutralisieren */
.tp-header-panel:target {
    display: none !important;
}

.tp-header-panel:target.is-active {
    display: block !important;
}

.tp-header-panel.tp-vehicle-panel {
    display: none !important;
}

.tp-header-panel.tp-vehicle-panel.is-active {
    display: block !important;
}

.tp-login-panel {
    display: none !important;
}

.tp-login-panel.is-active {
    display: block !important;
}

/* Große Innenkarte */
.tp-panel-inner {
    background: rgba(255, 255, 255, 0.94) !important;
    border: 1px solid rgba(0, 91, 104, 0.18) !important;
    box-shadow: 0 18px 46px rgba(0, 91, 104, 0.12) !important;
}

.tp-panel-inner-wide {
    max-width: 1180px !important;
    margin: 0 auto !important;
}

/* Zwei gleich große Spalten: links Platzhalter, rechts Suchwidget */
.tp-vehicle-stage {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px;
    align-items: stretch;
    margin-top: 14px;
}

.tp-vehicle-placeholder,
.tp-vehicle-widget-card {
    min-height: 245px;
    box-sizing: border-box;
    border-radius: 22px;
    border: 1px solid rgba(0, 91, 104, 0.18);
    background: #ffffff;
    box-shadow: 0 12px 28px rgba(0, 91, 104, 0.08);
}

.tp-vehicle-placeholder {
    padding: 28px;
    background:
        linear-gradient(135deg, rgba(0, 91, 104, 0.94) 0%, rgba(0, 91, 104, 0.78) 100%);
    color: #ffffff;
    overflow: hidden;
    position: relative;
}

.tp-vehicle-placeholder::after {
    content: "";
    position: absolute;
    right: -60px;
    bottom: -80px;
    width: 220px;
    height: 220px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.10);
}

.tp-placeholder-kicker {
    display: inline-block;
    margin-bottom: 14px;
    padding: 7px 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.16);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.tp-placeholder-title {
    max-width: 420px;
    font-size: 25px;
    line-height: 1.12;
    font-weight: 950;
    letter-spacing: -0.03em;
}

.tp-placeholder-text {
    max-width: 440px;
    margin-top: 14px;
    font-size: 15px;
    line-height: 1.48;
    color: rgba(255, 255, 255, 0.88);
}

.tp-placeholder-points {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 20px;
}

.tp-placeholder-points span {
    display: inline-flex;
    padding: 8px 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.14);
    font-size: 12px;
    font-weight: 850;
}

/* Fahrzeug-Widget-Karte: kleiner, aufgeräumter, keine volle Breite mehr */
.tp-vehicle-widget-card {
    padding: 20px;
}

/* Inneres Webisco-Fahrzeugwidget in der rechten Karte kompakt machen */
.tp-vehicle-widget-card #webisco-car-selection,
.tp-vehicle-widget-card #webisco-car-selection-permanent {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Die drei Auswahlbereiche untereinander, nicht über die ganze Seite verstreut */
.tp-vehicle-widget-card #webisco-car-selection-last-cars,
.tp-vehicle-widget-card #webisco-car-selection-last-cars-permanent {
    display: none !important;
}

.tp-vehicle-widget-card #webisco-car-selection-numbers,
.tp-vehicle-widget-card #webisco-car-selection-number-permanent,
.tp-vehicle-widget-card #webisco-car-selection-incremental,
.tp-vehicle-widget-card #webisco-car-selection-incremental-permanent,
.tp-vehicle-widget-card #webisco-motor-selection {
    float: none !important;
    clear: none !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 16px !important;
    box-sizing: border-box !important;
    border: 1px solid var(--tp-border) !important;
    border-radius: 16px !important;
    background: #f8fbfb !important;
}

/* Reihenfolge im kompakten Finder: HSN/TSN zuerst */
.tp-vehicle-widget-card #webisco-car-selection-number-permanent,
.tp-vehicle-widget-card #webisco-car-selection-numbers {
    order: 1;
    background: #ffffff !important;
    border-color: rgba(0, 91, 104, 0.30) !important;
}

.tp-vehicle-widget-card #webisco-car-selection-incremental-permanent,
.tp-vehicle-widget-card #webisco-car-selection-incremental {
    order: 2;
}

.tp-vehicle-widget-card #webisco-motor-selection {
    order: 3;
}

.tp-vehicle-widget-card #webisco-car-selection-links {
    display: none !important;
}

.tp-vehicle-widget-card input,
.tp-vehicle-widget-card select {
    max-width: 100% !important;
}

/* Login soll denselben Bühnenbereich nutzen und nicht unten separat hängen */
.tp-login-panel .tp-panel-inner {
    max-width: 560px !important;
    margin: 0 auto !important;
}

.tp-login-panel #webisco-permanent-accountbox,
.tp-login-panel #webisco-login {
    width: 100% !important;
    max-width: none !important;
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

.tp-login-panel input {
    min-height: 36px;
    border: 1px solid var(--tp-border);
    border-radius: 10px;
    padding: 0 10px;
}

.tp-login-panel input[type="submit"],
.tp-login-panel button {
    min-height: 38px;
    border-radius: 999px;
    border: 1px solid var(--tp-petrol);
    background: var(--tp-petrol);
    color: #ffffff;
    font-weight: 850;
}

/* Responsive */
@media (max-width: 980px) {
    .tp-vehicle-stage {
        grid-template-columns: 1fr;
    }

    .tp-vehicle-placeholder,
    .tp-vehicle-widget-card {
        min-height: auto;
    }

    .tp-header-panel {
        padding: 18px !important;
    }
}


/* =========================================================
   SAFE V8: FAHRZEUGSUCHE REDESIGN
   1. Fahrzeugsuche und linke Trust-Card Plätze tauschen
   2. Beide Bereiche länger/breiter machen
   3. Petrol-Hintergrund dunkler
   4. Webisco-Text wird per JS zu "Schlüsselnummer HSN&TSN"
   5. Ãœberschriften in Petrol
   6. Fahrzeugsuchauswahl-Fenster neu gestaltet
   ========================================================= */

/* Dunklerer petrolfarbener Bühnenhintergrund */
.tp-header-panel {
    max-width: 100% !important;
    padding: 34px 28px !important;
    background:
        radial-gradient(circle at 14% 10%, rgba(0, 91, 104, 0.24) 0, rgba(0, 91, 104, 0.03) 42%),
        linear-gradient(135deg, #cfe7ea 0%, #e4f2f4 45%, #f7fbfb 100%) !important;
    border-bottom: 1px solid rgba(0, 91, 104, 0.22) !important;
}

/* Innenkarte breiter und ruhiger */
.tp-panel-inner-wide {
    max-width: 1320px !important;
    padding: 24px !important;
    border-radius: 24px !important;
}

/* Ãœberschriften in Petrol */
.tp-panel-title,
#webisco-content .webisco-header,
.tp-shop-main #webisco-content .webisco-header,
#webisco-car-selection-numbers::before,
#webisco-car-selection-incremental::before,
#webisco-motor-selection::before {
    color: var(--tp-petrol) !important;
}

/* Hinweisleiste etwas hochwertiger */
.tp-panel-hint {
    background: #e5f3f5 !important;
    border-color: rgba(0, 91, 104, 0.25) !important;
    color: var(--tp-petrol-dark) !important;
    border-radius: 16px !important;
}

/* Zwei Spalten breiter und getauscht:
   links Finder, rechts Trust-Card */
.tp-vehicle-stage {
    grid-template-columns: 1fr 1fr !important;
    gap: 26px !important;
    align-items: stretch !important;
}

.tp-vehicle-widget-card {
    order: 1 !important;
}

.tp-vehicle-placeholder {
    order: 2 !important;
}

.tp-vehicle-placeholder,
.tp-vehicle-widget-card {
    min-height: 320px !important;
    border-radius: 24px !important;
}

/* Trust-Card dunkleres Petrol */
.tp-vehicle-placeholder {
    padding: 34px !important;
    background:
        radial-gradient(circle at 85% 88%, rgba(255,255,255,0.15) 0, rgba(255,255,255,0) 34%),
        linear-gradient(135deg, #004a54 0%, #005B68 48%, #006f7e 100%) !important;
}

.tp-placeholder-title {
    font-size: 30px !important;
    max-width: 500px !important;
}

.tp-placeholder-text {
    font-size: 16px !important;
    max-width: 520px !important;
}

.tp-placeholder-points span {
    font-size: 13px !important;
    padding: 9px 12px !important;
}

/* Fahrzeugsuchfenster neu designen */
.tp-vehicle-widget-card {
    padding: 0 !important;
    overflow: hidden !important;
    background: #ffffff !important;
    border: 1px solid rgba(0, 91, 104, 0.20) !important;
    box-shadow: 0 18px 42px rgba(0, 91, 104, 0.12) !important;
}

/* Eigener Kopfbereich der rechten Finder-Card */
.tp-vehicle-widget-card::before {
    content: "Fahrzeugdaten eingeben";
    display: block;
    padding: 18px 22px;
    background: var(--tp-petrol) !important;
    color: #ffffff;
    font-size: 18px;
    font-weight: 950;
    letter-spacing: -0.02em;
}

/* Inneres Webisco-Finderlayout */
.tp-vehicle-widget-card #webisco-car-selection,
.tp-vehicle-widget-card #webisco-car-selection-permanent {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    padding: 22px !important;
    background: #ffffff !important;
}

/* Falls gewähltes Fahrzeug ausgegeben wird */
.tp-vehicle-widget-card #webisco-car-selection-permanent > div:first-child,
.tp-vehicle-widget-card #webisco-car-selection > div:first-child {
    color: var(--tp-text);
}

/* Bereiche als klare Mini-Cards */
.tp-vehicle-widget-card #webisco-car-selection-numbers,
.tp-vehicle-widget-card #webisco-car-selection-number-permanent,
.tp-vehicle-widget-card #webisco-car-selection-incremental,
.tp-vehicle-widget-card #webisco-car-selection-incremental-permanent,
.tp-vehicle-widget-card #webisco-motor-selection {
    padding: 18px !important;
    border-radius: 18px !important;
    border: 1px solid #d6e4e7 !important;
    background: #f7fbfb !important;
    box-shadow: 0 8px 18px rgba(16, 24, 40, 0.04) !important;
}

/* HSN/TSN Primärbereich */
.tp-vehicle-widget-card #webisco-car-selection-number-permanent,
.tp-vehicle-widget-card #webisco-car-selection-numbers {
    background: #ffffff !important;
    border-color: rgba(0, 91, 104, 0.35) !important;
    box-shadow: 0 10px 22px rgba(0, 91, 104, 0.08) !important;
}

/* Pseudo-Überschriften für die drei Funktionsblöcke */
.tp-vehicle-widget-card #webisco-car-selection-number-permanent::before,
.tp-vehicle-widget-card #webisco-car-selection-numbers::before {
    content: "Schlüsselnummer HSN&TSN";
    display: block;
    margin-bottom: 12px;
    color: var(--tp-petrol);
    font-size: 17px;
    font-weight: 950;
}

.tp-vehicle-widget-card #webisco-car-selection-incremental-permanent::before,
.tp-vehicle-widget-card #webisco-car-selection-incremental::before {
    content: "Hersteller & Modell";
    display: block;
    margin-bottom: 12px;
    color: var(--tp-petrol);
    font-size: 17px;
    font-weight: 950;
}

.tp-vehicle-widget-card #webisco-motor-selection::before {
    content: "Motorcode";
    display: block;
    margin-bottom: 12px;
    color: var(--tp-petrol);
    font-size: 17px;
    font-weight: 950;
}

/* Inputs moderner und größer */
.tp-vehicle-widget-card input,
.tp-vehicle-widget-card select {
    height: 46px !important;
    border-radius: 14px !important;
    border: 1px solid #b7cbd0 !important;
    background: #ffffff !important;
    color: var(--tp-text) !important;
    font-size: 15px !important;
    padding: 0 13px !important;
}

.tp-vehicle-widget-card input:focus,
.tp-vehicle-widget-card select:focus {
    border-color: var(--tp-petrol) !important;
    box-shadow: 0 0 0 4px rgba(0, 91, 104, 0.12) !important;
}

.tp-vehicle-widget-card input[type="submit"],
.tp-vehicle-widget-card button {
    height: 46px !important;
    padding: 0 20px !important;
    border-radius: 999px !important;
    border: 1px solid var(--tp-petrol) !important;
    background: var(--tp-petrol) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 950 !important;
    box-shadow: 0 10px 20px rgba(0, 91, 104, 0.18) !important;
}

.tp-vehicle-widget-card input[type="submit"]:hover,
.tp-vehicle-widget-card button:hover {
    background: var(--tp-petrol-dark) !important;
    border-color: var(--tp-petrol-dark) !important;
}

/* Dropdown in der manuellen Auswahl sinnvoll breit */
.tp-vehicle-widget-card select {
    min-width: 260px !important;
    max-width: 100% !important;
}

/* Alte Linkliste bleibt raus */
.tp-vehicle-widget-card #webisco-car-selection-links {
    display: none !important;
}

/* Login übernimmt ebenfalls die gleiche Bühnenlogik */
.tp-login-panel .tp-panel-inner {
    max-width: 620px !important;
    border-radius: 24px !important;
}

.tp-login-panel .tp-panel-title {
    color: var(--tp-petrol) !important;
}

/* Mobile */
@media (max-width: 980px) {
    .tp-vehicle-stage {
        grid-template-columns: 1fr !important;
    }

    .tp-vehicle-widget-card {
        order: 1 !important;
    }

    .tp-vehicle-placeholder {
        order: 2 !important;
    }

    .tp-vehicle-placeholder,
    .tp-vehicle-widget-card {
        min-height: auto !important;
    }

    .tp-panel-inner-wide {
        padding: 18px !important;
    }
}


/* =========================================================
   SAFE V9: FAHRZEUGSUCHE-CARD MODERNER / WENIGER TEXT
   Ziel:
   - "Fahrzeugdaten eingeben" -> "Fahrzeugsuche"
   - Finder-Card optisch hochwertiger
   - weniger Textlastigkeit
   - moderner Hintergrund in der Card
   ========================================================= */

/* Finder-Card optisch stärker, aber ruhiger */
.tp-vehicle-widget-card {
    background:
        linear-gradient(180deg, #ffffff 0%, #f4fafb 100%) !important;
    border: 1px solid rgba(0, 91, 104, 0.22) !important;
    border-radius: 26px !important;
    box-shadow: 0 22px 50px rgba(0, 91, 104, 0.14) !important;
    overflow: hidden !important;
    position: relative;
}

/* dezenter moderner Hintergrund-Akzent */
.tp-vehicle-widget-card::after {
    content: "";
    position: absolute;
    right: -80px;
    top: -80px;
    width: 210px;
    height: 210px;
    border-radius: 999px;
    background: rgba(0, 91, 104, 0.08);
    pointer-events: none;
}

/* Kopfbereich: gewünschter Titel */
.tp-vehicle-widget-card::before {
    content: "Fahrzeugsuche" !important;
    display: block;
    padding: 20px 24px !important;
    background:
        linear-gradient(135deg, #005B68 0%, #006f7e 100%) !important;
    color: #ffffff !important;
    font-size: 22px !important;
    font-weight: 950 !important;
    letter-spacing: -0.025em;
    box-shadow: inset 0 -1px 0 rgba(255,255,255,0.18);
}

/* Innenbereich */
.tp-vehicle-widget-card #webisco-car-selection,
.tp-vehicle-widget-card #webisco-car-selection-permanent {
    position: relative;
    z-index: 1;
    padding: 24px !important;
    background: transparent !important;
}

/* Zu viel Rohtext entschärfen */
.tp-vehicle-widget-card {
    color: var(--tp-muted) !important;
}

/* Gewähltes Fahrzeug kompakter darstellen */
.tp-vehicle-widget-card #webisco-car-selection-permanent > div,
.tp-vehicle-widget-card #webisco-car-selection > div {
    font-size: 14px;
    line-height: 1.35;
}

/* Die Auswahl-Blöcke als elegante Kacheln */
.tp-vehicle-widget-card #webisco-car-selection-numbers,
.tp-vehicle-widget-card #webisco-car-selection-number-permanent,
.tp-vehicle-widget-card #webisco-car-selection-incremental,
.tp-vehicle-widget-card #webisco-car-selection-incremental-permanent,
.tp-vehicle-widget-card #webisco-motor-selection {
    position: relative;
    padding: 18px 18px 20px 18px !important;
    border-radius: 20px !important;
    border: 1px solid rgba(0, 91, 104, 0.14) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.96) 0%, rgba(248,252,252,0.96) 100%) !important;
    box-shadow: 0 10px 24px rgba(16, 24, 40, 0.05) !important;
}

/* Primärbereich HSN/TSN stärker hervorheben */
.tp-vehicle-widget-card #webisco-car-selection-number-permanent,
.tp-vehicle-widget-card #webisco-car-selection-numbers {
    background: #ffffff !important;
    border-color: rgba(0, 91, 104, 0.30) !important;
    box-shadow: 0 14px 30px rgba(0, 91, 104, 0.10) !important;
}

/* Ãœberschriften kurz und klar */
.tp-vehicle-widget-card #webisco-car-selection-number-permanent::before,
.tp-vehicle-widget-card #webisco-car-selection-numbers::before {
    content: "HSN / TSN" !important;
    display: block;
    margin-bottom: 12px;
    color: var(--tp-petrol);
    font-size: 18px;
    font-weight: 950;
    letter-spacing: -0.02em;
}

.tp-vehicle-widget-card #webisco-car-selection-incremental-permanent::before,
.tp-vehicle-widget-card #webisco-car-selection-incremental::before {
    content: "Hersteller & Modell" !important;
    display: block;
    margin-bottom: 12px;
    color: var(--tp-petrol);
    font-size: 18px;
    font-weight: 950;
    letter-spacing: -0.02em;
}

.tp-vehicle-widget-card #webisco-motor-selection::before {
    content: "Motorcode" !important;
    display: block;
    margin-bottom: 12px;
    color: var(--tp-petrol);
    font-size: 18px;
    font-weight: 950;
    letter-spacing: -0.02em;
}

/* Original-Labels etwas zurücknehmen, damit es nicht so textlastig wirkt */
.tp-vehicle-widget-card label,
.tp-vehicle-widget-card #webisco-car-selection-number-permanent,
.tp-vehicle-widget-card #webisco-car-selection-numbers,
.tp-vehicle-widget-card #webisco-car-selection-incremental-permanent,
.tp-vehicle-widget-card #webisco-car-selection-incremental,
.tp-vehicle-widget-card #webisco-motor-selection {
    color: #4e626b !important;
}

/* Inputs moderner */
.tp-vehicle-widget-card input,
.tp-vehicle-widget-card select {
    height: 48px !important;
    border-radius: 16px !important;
    border: 1px solid #b7cbd0 !important;
    background: #ffffff !important;
    color: var(--tp-text) !important;
    font-size: 15px !important;
    padding: 0 14px !important;
    box-shadow: inset 0 1px 0 rgba(16, 24, 40, 0.03);
}

.tp-vehicle-widget-card input:focus,
.tp-vehicle-widget-card select:focus {
    border-color: var(--tp-petrol) !important;
    box-shadow: 0 0 0 4px rgba(0, 91, 104, 0.12) !important;
}

/* Buttons als klare CTA */
.tp-vehicle-widget-card input[type="submit"],
.tp-vehicle-widget-card button {
    height: 48px !important;
    padding: 0 22px !important;
    border-radius: 999px !important;
    border: 1px solid var(--tp-petrol) !important;
    background: linear-gradient(135deg, #005B68 0%, #006f7e 100%) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 950 !important;
    box-shadow: 0 12px 24px rgba(0, 91, 104, 0.22) !important;
    transition: transform .16s ease, box-shadow .16s ease, background .16s ease;
}

.tp-vehicle-widget-card input[type="submit"]:hover,
.tp-vehicle-widget-card button:hover {
    transform: translateY(-1px);
    box-shadow: 0 16px 30px rgba(0, 91, 104, 0.28) !important;
    background: linear-gradient(135deg, #004a54 0%, #005B68 100%) !important;
}

/* Select-Bereich */
.tp-vehicle-widget-card select {
    min-width: 280px !important;
    max-width: 100% !important;
}

/* Die Card soll nicht unnötig luftig wirken */
.tp-vehicle-widget-card #webisco-car-selection-permanent,
.tp-vehicle-widget-card #webisco-car-selection {
    gap: 16px !important;
}

/* Optional: Gewähltes Fahrzeug dezent als Statusbox, wenn Webisco es ausgibt */
.tp-vehicle-widget-card #webisco-car-selected,
.tp-vehicle-widget-card #webisco-car-selected-permanent,
.tp-vehicle-widget-card #webisco-car-info {
    background: rgba(0, 91, 104, 0.07) !important;
    border: 1px solid rgba(0, 91, 104, 0.14) !important;
    border-radius: 14px !important;
    padding: 10px 12px !important;
    color: var(--tp-petrol-dark) !important;
    font-weight: 800;
}

/* Ãœberschrift im gesamten Fahrzeugpanel bleibt petrol */
.tp-panel-title {
    color: var(--tp-petrol) !important;
}


/* =========================================================
   SAFE V10: WARENKORB-ANSICHT
   Wenn der Webisco-Hauptbereich den Warenkorb zeigt, werden
   Fahrzeugauswahl-Panel und Suchbaum/Sidebar ausgeblendet.
   ========================================================= */

body.tp-cart-view .tp-vehicle-panel,
body.tp-cart-view .tp-login-panel,
body.tp-cart-view .tp-header-panel {
    display: none !important;
}

/* Suchbaum links ausblenden, wenn Warenkorb aktiv ist */
body.tp-cart-view .tp-shop-sidebar {
    display: none !important;
}

/* Content dann über volle Breite */
body.tp-cart-view .tp-shop-layout {
    grid-template-columns: minmax(0, 1fr) !important;
    max-width: 1180px !important;
}

/* Warenkorb höher nach oben holen und als Checkout-/Cart-Ansicht gestalten */
body.tp-cart-view .tp-shop-main {
    width: 100% !important;
}

body.tp-cart-view #webisco-content {
    background: #ffffff;
    border: 1px solid var(--tp-border);
    border-radius: 24px;
    padding: 28px;
    box-shadow: 0 18px 42px rgba(0, 91, 104, 0.08);
    box-sizing: border-box;
}

body.tp-cart-view #webisco-content .webisco-header {
    color: var(--tp-petrol) !important;
    margin-top: 0;
    margin-bottom: 22px;
    font-size: 30px;
    font-weight: 950;
    letter-spacing: -0.03em;
}

/* Warenkorb-Meldungen und Aktionsbuttons moderner */
body.tp-cart-view #webisco-content .webisco-message {
    background: #f4fafb !important;
    border: 1px solid rgba(0, 91, 104, 0.20) !important;
    border-radius: 16px;
    padding: 16px 18px !important;
    color: var(--tp-text);
    font-weight: 750;
}

body.tp-cart-view #webisco-content .webisco-cart-actions {
    margin: 14px 0 18px 0 !important;
}

body.tp-cart-view #webisco-content .webisco-cart-continue-shopping,
body.tp-cart-view #webisco-content .webisco-cart-empty,
body.tp-cart-view #webisco-content .webisco-cart-order {
    width: auto !important;
    min-width: 190px;
    float: none !important;
    display: inline-block;
    margin: 0 10px 10px 0 !important;
    border: 0 !important;
    background: transparent !important;
}

body.tp-cart-view #webisco-content .webisco-cart-continue-shopping a,
body.tp-cart-view #webisco-content .webisco-cart-empty a,
body.tp-cart-view #webisco-content .webisco-cart-order a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 18px !important;
    border-radius: 999px;
    background: var(--tp-petrol);
    color: #ffffff !important;
    font-weight: 900;
    border: 1px solid var(--tp-petrol);
}

body.tp-cart-view #webisco-content .webisco-cart-continue-shopping a:hover,
body.tp-cart-view #webisco-content .webisco-cart-empty a:hover,
body.tp-cart-view #webisco-content .webisco-cart-order a:hover {
    background: var(--tp-petrol-dark) !important;
    border-color: var(--tp-petrol-dark) !important;
}

/* Rootline bleibt sichtbar, aber kompakter */
body.tp-cart-view .tp-rootline {
    max-width: 1180px !important;
}

@media (max-width: 980px) {
    body.tp-cart-view #webisco-content {
        padding: 18px;
        border-radius: 18px;
    }
}


/* =========================================================
   SAFE V11: WARENKORB-HARD-FIX
   Fahrzeugauswahl darf im Warenkorb nicht oben sichtbar bleiben.
   ========================================================= */

/* Grundzustand: Panels sind geschlossen. JS öffnet Fahrzeug nur, wenn KEIN Warenkorb aktiv ist. */
.tp-header-panel,
.tp-header-panel.tp-vehicle-panel,
.tp-header-panel.tp-login-panel {
    display: none !important;
}

.tp-header-panel.is-active,
.tp-header-panel.tp-vehicle-panel.is-active,
.tp-header-panel.tp-login-panel.is-active {
    display: block !important;
}

/* Warenkorb gewinnt immer gegen alle Panel-Regeln */
html body.tp-cart-view .tp-header-panel,
html body.tp-cart-view .tp-header-panel.is-active,
html body.tp-cart-view .tp-header-panel.tp-vehicle-panel,
html body.tp-cart-view .tp-header-panel.tp-vehicle-panel.is-active,
html body.tp-cart-view #tp-vehicle-panel,
html body.tp-cart-view #tp-login-panel {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Auch der Suchbaum bleibt im Warenkorb weg */
html body.tp-cart-view .tp-shop-sidebar,
html body.tp-cart-view #webisco-navigation {
    display: none !important;
}

/* Warenkorb-Content direkt unter Header/Rootline */
html body.tp-cart-view .tp-shop-layout {
    display: block !important;
    max-width: 1180px !important;
    padding-top: 20px !important;
}

html body.tp-cart-view .tp-shop-main {
    width: 100% !important;
}

/* =========================================================
   SAFE V12: SUCHBUTTON IM HEADER WIEDER SICHTBAR
   Problem: Suche war nur per Enter ausloesbar, weil Webisco-Submit ausgeblendet war.
   ========================================================= */

.tp-header-search #webisco-search form {
    position: relative !important;
}

.tp-header-search #webisco-search-inputfield {
    padding-right: 62px !important;
}

.tp-header-search #webisco-search-submit {
    display: block !important;
    position: absolute !important;
    right: 6px !important;
    top: 50% !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    padding: 0 !important;
    transform: translateY(-50%) !important;
    border: 0 !important;
    border-radius: 14px !important;
    background-color: var(--tp-petrol) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.8' cy='10.8' r='6.4'/%3E%3Cpath d='M15.6 15.6 21 21'/%3E%3C/g%3E%3C/svg%3E") !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 21px 21px !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    cursor: pointer !important;
    z-index: 2 !important;
}

.tp-header-search #webisco-search-submit:hover,
.tp-header-search #webisco-search-submit:focus {
    background-color: var(--tp-petrol-dark) !important;
    box-shadow: 0 0 0 4px rgba(0, 91, 104, 0.14) !important;
    outline: none !important;
}

/* =========================================================
   SAFE V13: LINKES SUCHICON ENTFERNEN
   Rechts bleibt der petrolfarbene Suchbutton aus SAFE V12 sichtbar.
   ========================================================= */

.tp-header-search #webisco-search-inputfield {
    background-image: none !important;
    background-position: initial !important;
    background-size: auto !important;
    padding-left: 18px !important;
    padding-right: 62px !important;
}

/* =========================================================
   SAFE V14: HEADER-WARENKORB KOMPLETT KLICKBAR, OHNE TITELTEXT
   Anzeige: Icon/Badge links, rechts nur Artikelanzahl und Summe.
   ========================================================= */

.tp-header-cart-clickable {
    cursor: pointer !important;
}

.tp-header-cart-clickable:hover {
    background: #dff1f3 !important;
    border-color: rgba(0, 91, 104, 0.32) !important;
}

.tp-header-cart-clickable:focus {
    outline: none !important;
    box-shadow: 0 0 0 4px rgba(0, 91, 104, 0.14) !important;
}

.tp-header-cart #webisco-cartinfo {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    gap: 2px !important;
    min-width: 72px !important;
    white-space: nowrap !important;
}

.tp-header-cart #webisco-cartinfo .tp-cart-count,
.tp-header-cart #webisco-cartinfo .tp-cart-sum {
    display: block !important;
    color: var(--tp-blue-deep) !important;
    font-size: 15px !important;
    line-height: 1.15 !important;
    font-weight: 500 !important;
}

.tp-header-cart #webisco-cartinfo .tp-cart-sum {
    font-size: 14px !important;
}

/* =========================================================
   SAFE V15: FAHRZEUGBEREICH RUHIGER + B2B-STREIFEN
   Ziel: weniger verspielt, HSN/TSN oben, manuelle Auswahl darunter,
   Beratung rechts, Werkstattkunden-Hinweis darunter.
   ========================================================= */

.tp-header {
    grid-template-columns: 340px minmax(320px, 420px) 130px 110px 190px !important;
    min-height: 90px !important;
    gap: 16px !important;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}

.tp-logo-svg {
    width: 315px !important;
    max-height: 62px !important;
}

.tp-header-logo a {
    height: 62px !important;
}

.tp-header-search {
    max-width: 420px !important;
}

.tp-header-search #webisco-search-inputfield {
    height: 48px !important;
    border-radius: 8px !important;
}

.tp-header-search #webisco-search-submit {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    border-radius: 7px !important;
}

.tp-header-action,
.tp-header-cart {
    height: 50px !important;
    min-height: 50px !important;
    border-radius: 8px !important;
    font-size: 15px !important;
}

.tp-header-icon {
    width: 26px !important;
    height: 26px !important;
}

.tp-header-panel {
    padding: 18px 28px 20px !important;
    background: #f4f8f9 !important;
    border-top: 1px solid #d8e2e4 !important;
    border-bottom: 1px solid #c8d9dc !important;
    box-shadow: none !important;
}

.tp-panel-inner-wide {
    max-width: 1500px !important;
    padding: 18px !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

.tp-panel-title {
    margin-bottom: 8px !important;
    color: var(--tp-petrol) !important;
    font-size: 24px !important;
    letter-spacing: 0 !important;
}

.tp-panel-hint {
    display: none !important;
}

.tp-vehicle-stage {
    display: grid !important;
    grid-template-columns: minmax(0, 1.55fr) minmax(320px, 0.85fr) !important;
    gap: 18px !important;
    align-items: stretch !important;
    margin-top: 0 !important;
}

.tp-vehicle-widget-card,
.tp-vehicle-placeholder {
    min-height: 0 !important;
    border-radius: 8px !important;
    border: 1px solid #d8e2e4 !important;
    box-shadow: none !important;
}

.tp-vehicle-widget-card {
    order: 1 !important;
    overflow: hidden !important;
    background: #ffffff !important;
}

.tp-vehicle-placeholder {
    order: 2 !important;
    padding: 24px !important;
    background: #eef6f7 !important;
    color: var(--tp-text) !important;
}

.tp-vehicle-placeholder::after,
.tp-vehicle-widget-card::after {
    display: none !important;
}

.tp-vehicle-widget-card::before {
    content: "Fahrzeug finden" !important;
    padding: 14px 18px !important;
    background: #ffffff !important;
    border-bottom: 3px solid var(--tp-petrol) !important;
    color: var(--tp-petrol) !important;
    font-size: 20px !important;
    font-weight: 900 !important;
    box-shadow: none !important;
}

.tp-vehicle-widget-card #webisco-car-selection,
.tp-vehicle-widget-card #webisco-car-selection-permanent {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    padding: 16px 18px 18px !important;
    background: #ffffff !important;
}

.tp-vehicle-widget-card #webisco-car-selection-number-permanent,
.tp-vehicle-widget-card #webisco-car-selection-numbers,
.tp-vehicle-widget-card #webisco-car-selection-incremental-permanent,
.tp-vehicle-widget-card #webisco-car-selection-incremental,
.tp-vehicle-widget-card #webisco-motor-selection {
    padding: 14px !important;
    border-radius: 6px !important;
    border: 1px solid #d8e2e4 !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

.tp-vehicle-widget-card #webisco-car-selection-number-permanent,
.tp-vehicle-widget-card #webisco-car-selection-numbers {
    order: 1 !important;
    border-left: 4px solid var(--tp-petrol) !important;
}

.tp-vehicle-widget-card #webisco-car-selection-incremental-permanent,
.tp-vehicle-widget-card #webisco-car-selection-incremental {
    order: 2 !important;
}

.tp-vehicle-widget-card #webisco-motor-selection {
    order: 3 !important;
}

.tp-vehicle-widget-card #webisco-car-selection-number-permanent::before,
.tp-vehicle-widget-card #webisco-car-selection-numbers::before {
    content: "HSN / TSN" !important;
    margin-bottom: 10px !important;
    color: var(--tp-petrol) !important;
    font-size: 16px !important;
    font-weight: 900 !important;
}

.tp-vehicle-widget-card #webisco-car-selection-incremental-permanent::before,
.tp-vehicle-widget-card #webisco-car-selection-incremental::before {
    content: "Manuelle Auswahl" !important;
    margin-bottom: 10px !important;
    color: var(--tp-petrol) !important;
    font-size: 16px !important;
    font-weight: 900 !important;
}

.tp-vehicle-widget-card #webisco-motor-selection::before {
    content: "Motorcode" !important;
    margin-bottom: 10px !important;
    color: var(--tp-petrol) !important;
    font-size: 16px !important;
    font-weight: 900 !important;
}

.tp-vehicle-widget-card input,
.tp-vehicle-widget-card select {
    height: 42px !important;
    border-radius: 6px !important;
    font-size: 14px !important;
}

.tp-vehicle-widget-card input[type="submit"],
.tp-vehicle-widget-card button {
    height: 42px !important;
    border-radius: 6px !important;
    box-shadow: none !important;
}

.tp-placeholder-kicker {
    margin-bottom: 12px !important;
    padding: 0 !important;
    background: transparent !important;
    color: var(--tp-petrol) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
}

.tp-placeholder-title {
    max-width: none !important;
    margin-bottom: 10px !important;
    color: var(--tp-petrol) !important;
    font-size: 23px !important;
    line-height: 1.15 !important;
    font-weight: 900 !important;
}

.tp-placeholder-text {
    max-width: none !important;
    color: var(--tp-text) !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
}

.tp-placeholder-actions {
    display: flex !important;
    gap: 10px !important;
    margin-top: 18px !important;
}

.tp-placeholder-actions a,
.tp-workshop-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 40px !important;
    padding: 0 16px !important;
    border-radius: 6px !important;
    background: var(--tp-petrol) !important;
    color: #ffffff !important;
    font-weight: 900 !important;
}

.tp-placeholder-actions a:last-child {
    background: #003f49 !important;
}

.tp-workshop-strip {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    margin-top: 14px !important;
    padding: 16px 18px !important;
    border: 1px solid #c8d9dc !important;
    border-left: 4px solid var(--tp-petrol) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
}

.tp-workshop-strip strong,
.tp-workshop-strip span {
    display: block !important;
}

.tp-workshop-strip strong {
    margin-bottom: 3px !important;
    color: var(--tp-petrol) !important;
    font-size: 17px !important;
    font-weight: 900 !important;
}

.tp-workshop-strip span {
    color: var(--tp-text) !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
}

.tp-workshop-button {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
}

@media (max-width: 1180px) {
    .tp-header {
        grid-template-columns: 1fr !important;
    }

    .tp-header-search {
        max-width: none !important;
    }

    .tp-vehicle-stage {
        grid-template-columns: 1fr !important;
    }

    .tp-workshop-strip {
        align-items: flex-start !important;
        flex-direction: column !important;
    }
}

/* TEILE PARTNER SAFE V16 - Fahrzeugauswahl: closer to approved mockup, motorcode hidden */
.tp-header-panel.tp-vehicle-panel {
    padding: 18px 32px 16px !important;
}

.tp-vehicle-panel .tp-panel-inner-wide {
    max-width: 1500px !important;
    padding: 18px 18px 16px !important;
    border-radius: 8px !important;
}

.tp-vehicle-panel .tp-panel-title {
    margin: 0 0 10px !important;
    font-size: 26px !important;
    line-height: 1.15 !important;
}

.tp-vehicle-stage {
    grid-template-columns: minmax(0, 1.3fr) minmax(340px, 0.7fr) !important;
    gap: 18px !important;
}

.tp-vehicle-widget-card::before {
    content: "Fahrzeug ausw\00e4hlen" !important;
    padding: 16px 20px !important;
    background: #ffffff !important;
    border-bottom: 3px solid var(--tp-petrol) !important;
    color: var(--tp-petrol) !important;
    font-size: 21px !important;
    line-height: 1.2 !important;
    font-weight: 900 !important;
}

.tp-vehicle-widget-card #webisco-car-selection,
.tp-vehicle-widget-card #webisco-car-selection-permanent {
    gap: 14px !important;
    padding: 18px 20px 20px !important;
}

.tp-vehicle-widget-card #webisco-car-selection-number-permanent,
.tp-vehicle-widget-card #webisco-car-selection-numbers {
    order: 1 !important;
    padding: 16px !important;
    border-left: 4px solid var(--tp-petrol) !important;
    background: #ffffff !important;
}

.tp-vehicle-widget-card #webisco-car-selection-incremental-permanent,
.tp-vehicle-widget-card #webisco-car-selection-incremental {
    order: 2 !important;
    padding: 16px !important;
    background: #f8fbfc !important;
}

.tp-vehicle-widget-card #webisco-motor-selection {
    display: none !important;
}

.tp-vehicle-widget-card #webisco-car-selection-number-permanent::before,
.tp-vehicle-widget-card #webisco-car-selection-numbers::before {
    content: "HSN / TSN" !important;
    display: block !important;
    margin-bottom: 10px !important;
    color: var(--tp-petrol) !important;
    font-size: 17px !important;
    font-weight: 900 !important;
}

.tp-vehicle-widget-card #webisco-car-selection-incremental-permanent::before,
.tp-vehicle-widget-card #webisco-car-selection-incremental::before {
    content: "Manuelle Fahrzeugauswahl" !important;
    display: block !important;
    margin-bottom: 10px !important;
    color: var(--tp-petrol) !important;
    font-size: 17px !important;
    font-weight: 900 !important;
}

.tp-vehicle-placeholder {
    position: relative !important;
    padding: 26px 28px !important;
    background: #eef6f7 !important;
    border-left: 4px solid var(--tp-petrol) !important;
}

.tp-placeholder-kicker {
    margin-bottom: 10px !important;
    color: var(--tp-petrol) !important;
    font-size: 12px !important;
    letter-spacing: 0 !important;
}

.tp-placeholder-title {
    max-width: 360px !important;
    margin-bottom: 12px !important;
    font-size: 25px !important;
    line-height: 1.12 !important;
}

.tp-placeholder-text {
    max-width: 460px !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
}

.tp-placeholder-actions {
    margin-top: 20px !important;
}

.tp-workshop-strip {
    margin-top: 12px !important;
    padding: 16px 18px !important;
    border-radius: 6px !important;
}

.tp-workshop-strip strong {
    font-size: 18px !important;
}

@media (max-width: 860px) {
    .tp-header-panel.tp-vehicle-panel {
        padding: 12px !important;
    }

    .tp-vehicle-panel .tp-panel-inner-wide {
        padding: 16px 12px !important;
    }

    .tp-vehicle-stage {
        grid-template-columns: 1fr !important;
    }
}

/* TEILE PARTNER SAFE V17 - remove duplicate vehicle title and motorcode remnants */
.tp-vehicle-panel > .tp-panel-inner > .tp-panel-title {
    display: none !important;
}

.tp-vehicle-widget-card #webisco-motor-selection,
.tp-vehicle-widget-card [id*="motor-selection"],
.tp-vehicle-widget-card [id*="motorcode"],
.tp-vehicle-widget-card [name*="motorcode"],
.tp-vehicle-widget-card [name*="motorCode"] {
    display: none !important;
}

/* TEILE PARTNER SAFE V18 - vehicle panel stays open, no visible close text */
.tp-vehicle-panel > .tp-panel-inner > .tp-panel-close {
    display: none !important;
}

/* TEILE PARTNER SAFE V19 - unified typography */
:root {
    --tp-text: #111111;
    --tp-muted: #333333;
}

body,
.tp-page,
.tp-shop-main,
#webisco-content,
.tp-vehicle-panel,
.tp-login-panel {
    color: var(--tp-text) !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
}

.tp-shop-main,
#webisco-content,
.tp-vehicle-widget-card,
.tp-vehicle-placeholder,
.tp-workshop-strip {
    color: var(--tp-text) !important;
}

.tp-panel-title,
.tp-vehicle-widget-card::before,
.tp-placeholder-title,
.tp-workshop-strip strong,
#webisco-content .webisco-header,
.tp-shop-main #webisco-content .webisco-header,
.tp-shop-main h1,
.tp-shop-main h2,
.tp-shop-main h3 {
    color: var(--tp-petrol) !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 24px !important;
    line-height: 1.2 !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
}

.tp-vehicle-widget-card #webisco-car-selection-number-permanent::before,
.tp-vehicle-widget-card #webisco-car-selection-numbers::before,
.tp-vehicle-widget-card #webisco-car-selection-incremental-permanent::before,
.tp-vehicle-widget-card #webisco-car-selection-incremental::before {
    color: var(--tp-petrol) !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
    font-weight: 900 !important;
}

.tp-placeholder-kicker,
.tp-header-search #webisco-search::before {
    color: var(--tp-petrol) !important;
    font-family: Arial, Helvetica, sans-serif !important;
    letter-spacing: 0 !important;
}

.tp-placeholder-text,
.tp-workshop-strip span,
.tp-vehicle-widget-card,
.tp-vehicle-widget-card label,
.tp-vehicle-widget-card div,
.tp-vehicle-widget-card p,
#webisco-content td,
#webisco-content div,
#webisco-content p,
#webisco-content span {
    color: var(--tp-text) !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
}

.tp-header-search #webisco-search-inputfield,
.tp-vehicle-widget-card input,
.tp-vehicle-widget-card select {
    color: var(--tp-text) !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 15px !important;
}

.tp-header-action,
.tp-placeholder-actions a,
.tp-workshop-button,
.tp-vehicle-widget-card input[type="submit"],
.tp-vehicle-widget-card button {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 15px !important;
}

/* TEILE PARTNER SAFE V20 - remove small advice kicker */
.tp-vehicle-placeholder .tp-placeholder-kicker {
    display: none !important;
}

/* TEILE PARTNER SAFE V21 - HSN/TSN wording */
.tp-vehicle-widget-card #webisco-car-selection-number-permanent::before,
.tp-vehicle-widget-card #webisco-car-selection-numbers::before {
    content: "Schnellsuche mit Fahrzeugschein" !important;
}

/* TEILE PARTNER SAFE V22 - HSN/TSN subheading emphasis */
.tp-vehicle-widget-card #webisco-car-selection-number-permanent::before,
.tp-vehicle-widget-card #webisco-car-selection-numbers::before {
    color: var(--tp-petrol) !important;
    font-size: 20px !important;
    line-height: 1.25 !important;
    font-weight: 900 !important;
}

/* TEILE PARTNER SAFE V23 - HSN/TSN label correction */
.tp-vehicle-widget-card #webisco-car-selection-number-permanent::before,
.tp-vehicle-widget-card #webisco-car-selection-numbers::before {
    color: var(--tp-text) !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
}

.tp-vehicle-widget-card input.tp-hsn-input,
.tp-vehicle-widget-card input.tp-tsn-input {
    width: 170px !important;
    min-width: 170px !important;
}

.tp-vehicle-widget-card input.tp-hsn-input::placeholder,
.tp-vehicle-widget-card input.tp-tsn-input::placeholder {
    color: #555555 !important;
    opacity: 1 !important;
}

/* TEILE PARTNER SAFE V24 - real HSN subtitle and visible field placeholders */
.tp-hsn-subtitle {
    display: block !important;
    margin-bottom: 12px !important;
    color: var(--tp-text) !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
}

.tp-vehicle-widget-card input.tp-hsn-input,
.tp-vehicle-widget-card input.tp-tsn-input {
    width: 180px !important;
    min-width: 180px !important;
    padding-left: 12px !important;
}

/* TEILE PARTNER SAFE V25 - real Webisco HSN/TSN ids */
.tp-vehicle-widget-card #webisco-car-selection-numbers-permanent {
    order: 1 !important;
    padding: 16px !important;
    border: 1px solid #d8e2e4 !important;
    border-left: 4px solid var(--tp-petrol) !important;
    border-radius: 6px !important;
    background: #ffffff !important;
}

.tp-vehicle-widget-card #webisco-car-selection-incremental-permanent {
    order: 2 !important;
}

.tp-vehicle-widget-card #webisco-car-selection-numbers-permanent::before {
    content: "Schnellsuche mit Fahrzeugschein" !important;
    display: block !important;
    margin-bottom: 12px !important;
    color: var(--tp-text) !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
}

.tp-vehicle-widget-card #webisco-car-selection-hsn-label-permanent,
.tp-vehicle-widget-card #webisco-car-selection-tsn-label {
    display: none !important;
}

.tp-vehicle-widget-card #webisco-car-selection-hsn-permanent,
.tp-vehicle-widget-card #webisco-car-selection-tsn-permanent {
    width: 180px !important;
    min-width: 180px !important;
    padding-left: 12px !important;
}

/* TEILE PARTNER SAFE V26 - avoid duplicate HSN subtitle */
.tp-vehicle-widget-card #webisco-car-selection-numbers-permanent::before {
    content: none !important;
    display: none !important;
}

/* TEILE PARTNER SAFE V27 - manual selection typography */
.tp-vehicle-widget-card #webisco-car-selection-incremental-permanent::before,
.tp-vehicle-widget-card #webisco-car-selection-incremental::before {
    color: var(--tp-text) !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
}

.tp-vehicle-widget-card #webisco-car-selection-incremental-permanent td,
.tp-vehicle-widget-card #webisco-car-selection-incremental td {
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
}

.tp-vehicle-widget-card #webisco-car-selection-incremental-permanent select,
.tp-vehicle-widget-card #webisco-car-selection-incremental select {
    color: var(--tp-text) !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
}

/* TEILE PARTNER SAFE V28 - vehicle area icons and stronger typography */
.tp-vehicle-panel .tp-panel-inner-wide {
    max-width: 1520px !important;
}

.tp-vehicle-widget-card::before,
.tp-placeholder-title {
    font-size: 24px !important;
    line-height: 1.15 !important;
    font-weight: 900 !important;
}

.tp-hsn-subtitle,
.tp-vehicle-widget-card #webisco-car-selection-incremental-permanent::before,
.tp-vehicle-widget-card #webisco-car-selection-incremental::before {
    font-size: 18px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
    color: var(--tp-text) !important;
}

.tp-placeholder-text {
    font-size: 16px !important;
    line-height: 1.45 !important;
}

.tp-button-icon {
    width: 18px !important;
    height: 18px !important;
    margin-right: 9px !important;
    flex: 0 0 auto !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2.1 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

.tp-placeholder-actions a {
    min-width: 140px !important;
    gap: 0 !important;
    font-size: 16px !important;
}

.tp-workshop-strip {
    min-height: 86px !important;
    padding: 18px 24px !important;
}

.tp-workshop-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 72px !important;
    width: 72px !important;
    height: 58px !important;
    color: var(--tp-petrol) !important;
}

.tp-workshop-icon svg {
    width: 64px !important;
    height: 58px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2.4 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

.tp-workshop-strip strong {
    font-size: 22px !important;
    line-height: 1.18 !important;
}

.tp-workshop-strip span {
    font-size: 16px !important;
    line-height: 1.35 !important;
}

.tp-workshop-button {
    min-width: 220px !important;
    min-height: 48px !important;
    font-size: 16px !important;
}

/* TEILE PARTNER SAFE V29 - top area closer to reference layout */
.tp-header-panel.tp-vehicle-panel {
    background: #f2f7f8 !important;
    padding: 26px 34px 18px !important;
    border-bottom: 1px solid #cfdde0 !important;
}

.tp-vehicle-panel .tp-panel-inner-wide {
    max-width: 1480px !important;
    padding: 18px !important;
    border: 1px solid #cbdade !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

.tp-vehicle-stage {
    display: grid !important;
    grid-template-columns: minmax(0, 1.85fr) minmax(420px, 0.95fr) !important;
    gap: 26px !important;
    align-items: stretch !important;
}

.tp-vehicle-widget-card,
.tp-vehicle-placeholder {
    border: 1px solid #d9e2e5 !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    min-height: 214px !important;
    box-shadow: none !important;
}

.tp-vehicle-widget-card::before {
    content: "Fahrzeug ausw\00e4hlen" !important;
    display: block !important;
    padding: 16px 20px !important;
    border-bottom: 2px solid var(--tp-petrol) !important;
    color: var(--tp-petrol) !important;
    font-size: 26px !important;
    line-height: 1.15 !important;
    font-weight: 900 !important;
}

.tp-vehicle-widget-card #webisco-car-selection-permanent {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    padding: 20px !important;
}

.tp-vehicle-widget-card #webisco-car-selection-numbers-permanent,
.tp-vehicle-widget-card #webisco-car-selection-incremental-permanent {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

.tp-hsn-subtitle,
.tp-vehicle-widget-card #webisco-car-selection-incremental-permanent::before {
    display: block !important;
    margin: 0 0 12px !important;
    color: #111111 !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
}

.tp-vehicle-widget-card #webisco-car-selection-numbers-permanent table,
.tp-vehicle-widget-card #webisco-car-selection-numbers-permanent tbody,
.tp-vehicle-widget-card #webisco-car-selection-numbers-permanent tr,
.tp-vehicle-widget-card #webisco-car-selection-numbers-permanent td {
    display: block !important;
    width: auto !important;
}

.tp-vehicle-widget-card #webisco-car-selection-numbers-permanent td {
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
}

.tp-vehicle-widget-card #webisco-car-selection-hsn-permanent,
.tp-vehicle-widget-card #webisco-car-selection-tsn-permanent {
    width: 220px !important;
    min-width: 220px !important;
    height: 46px !important;
    margin-right: 8px !important;
    padding: 0 14px !important;
    border: 1px solid #c7d4d8 !important;
    border-radius: 6px !important;
    color: #111111 !important;
    font-size: 15px !important;
    line-height: 46px !important;
}

.tp-vehicle-widget-card #webisco-car-selection-numbers-permanent input[type="submit"] {
    width: 190px !important;
    height: 46px !important;
    margin-left: 6px !important;
    border-radius: 6px !important;
    font-size: 16px !important;
    font-weight: 900 !important;
}

.tp-vehicle-widget-card #webisco-car-selection-incremental-permanent {
    border-top: 1px solid #dbe4e7 !important;
    padding-top: 18px !important;
}

.tp-vehicle-widget-card #webisco-car-selection-incremental-permanent select {
    min-width: 300px !important;
    height: 46px !important;
    border-radius: 6px !important;
    font-size: 15px !important;
}

.tp-vehicle-placeholder {
    padding: 34px 36px !important;
    background: #ffffff !important;
    border-left: 0 !important;
}

.tp-placeholder-title {
    max-width: 360px !important;
    margin-bottom: 16px !important;
    color: var(--tp-petrol) !important;
    font-size: 25px !important;
    line-height: 1.13 !important;
    font-weight: 900 !important;
}

.tp-placeholder-text {
    max-width: 430px !important;
    color: #111111 !important;
    font-size: 16px !important;
    line-height: 1.45 !important;
}

.tp-placeholder-actions {
    margin-top: 30px !important;
    gap: 28px !important;
}

.tp-placeholder-actions a {
    min-width: 164px !important;
    min-height: 52px !important;
    border-radius: 6px !important;
    font-size: 16px !important;
    font-weight: 900 !important;
}

.tp-placeholder-actions a:last-child {
    background: #ffffff !important;
    border: 2px solid var(--tp-petrol) !important;
    color: var(--tp-petrol) !important;
}

.tp-workshop-strip {
    display: grid !important;
    grid-template-columns: 92px minmax(0, 1fr) 250px !important;
    align-items: center !important;
    gap: 22px !important;
    margin-top: 20px !important;
    min-height: 96px !important;
    padding: 16px 24px !important;
    border: 2px solid var(--tp-petrol) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
}

.tp-workshop-icon {
    width: 78px !important;
    height: 64px !important;
}

.tp-workshop-icon svg {
    width: 74px !important;
    height: 64px !important;
    stroke-width: 2.5 !important;
}

.tp-workshop-strip strong {
    margin: 0 0 4px !important;
    color: var(--tp-petrol) !important;
    font-size: 22px !important;
    line-height: 1.18 !important;
    font-weight: 900 !important;
}

.tp-workshop-strip span {
    color: #111111 !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
}

.tp-workshop-button {
    min-width: 230px !important;
    min-height: 52px !important;
    border-radius: 6px !important;
    font-size: 16px !important;
    font-weight: 900 !important;
}

@media (max-width: 980px) {
    .tp-vehicle-stage,
    .tp-workshop-strip {
        grid-template-columns: 1fr !important;
    }

    .tp-workshop-button {
        width: 100% !important;
    }
}

/* TEILE PARTNER SAFE V30 - separate vehicle and advice cards */
.tp-vehicle-panel .tp-panel-inner-wide {
    max-width: 1480px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.tp-vehicle-stage {
    gap: 28px !important;
    align-items: stretch !important;
}

.tp-vehicle-widget-card,
.tp-vehicle-placeholder {
    border: 1px solid #cbdade !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: 0 10px 26px rgba(16, 24, 40, 0.03) !important;
}

.tp-vehicle-placeholder {
    margin: 0 !important;
}

.tp-workshop-strip {
    margin-top: 22px !important;
    background: #ffffff !important;
}

/* TEILE PARTNER SAFE V31 - advice text Osnabrueck */
.tp-placeholder-title {
    max-width: 460px !important;
}

.tp-placeholder-text strong {
    color: #111111 !important;
    font-weight: 900 !important;
}

.tp-placeholder-actions {
    gap: 14px !important;
    flex-wrap: wrap !important;
}

.tp-placeholder-actions a:first-child {
    min-width: 250px !important;
}

.tp-placeholder-actions a:last-child {
    min-width: 140px !important;
}

/* TEILE PARTNER SAFE V32 - visible manual selection placeholders */
.tp-manual-placeholder-selects {
    display: grid !important;
    grid-template-columns: minmax(220px, 260px) minmax(260px, 420px) !important;
    gap: 12px !important;
    margin-top: 12px !important;
}

.tp-manual-placeholder-selects select {
    width: 100% !important;
    height: 46px !important;
    padding: 0 14px !important;
    border: 1px solid #c7d4d8 !important;
    border-radius: 6px !important;
    background: #f7fafb !important;
    color: #5c6a70 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 15px !important;
    line-height: 46px !important;
    opacity: 1 !important;
}

@media (max-width: 760px) {
    .tp-manual-placeholder-selects {
        grid-template-columns: 1fr !important;
    }
}

/* TEILE PARTNER SAFE V33 - stacked clickable manual placeholders */
.tp-manual-placeholder-selects {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    max-width: 520px !important;
}

.tp-manual-placeholder-selects select {
    width: 100% !important;
    cursor: pointer !important;
    background: #ffffff !important;
    color: #111111 !important;
}

/* TEILE PARTNER SAFE V34 - stable manual selection hint */
.tp-manual-placeholder-selects {
    display: block !important;
    max-width: 520px !important;
    margin-top: 12px !important;
    padding: 12px 14px !important;
    border: 1px dashed #c7d4d8 !important;
    border-radius: 6px !important;
    background: #f7fafb !important;
    color: #333333 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
}

.tp-manual-placeholder-selects span {
    display: block !important;
    color: #333333 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}
/* TEILE PARTNER SAFE V35 - smooth 3-field manual vehicle look */
.tp-manual-placeholder-selects {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    max-width: 520px !important;
    margin-top: 12px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

.tp-manual-placeholder-selects select {
    width: 100% !important;
    height: 46px !important;
    padding: 0 14px !important;
    border: 1px solid #c7d4d8 !important;
    border-radius: 6px !important;
    background: #f7fafb !important;
    color: #555555 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 15px !important;
    line-height: 46px !important;
    opacity: 1 !important;
    cursor: default !important;
}

.tp-manual-placeholder-selects select:disabled {
    color: #555555 !important;
    -webkit-text-fill-color: #555555 !important;
    opacity: 1 !important;
}
/* TEILE PARTNER SAFE V36 - advice banner graphic integration */
.tp-vehicle-panel .tp-panel-inner-wide {
    max-width: 1540px !important;
}

.tp-vehicle-stage {
    grid-template-columns: minmax(520px, 0.75fr) minmax(760px, 1.25fr) !important;
    gap: 22px !important;
    align-items: stretch !important;
}

.tp-vehicle-widget-card {
    min-height: 430px !important;
}

.tp-vehicle-placeholder {
    position: relative !important;
    min-height: 430px !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #eef4f5 !important;
    border: 1px solid #cbdade !important;
    border-radius: 8px !important;
}

.tp-advice-banner {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 430px !important;
    object-fit: cover !important;
    object-position: left center !important;
}

.tp-vehicle-placeholder .tp-placeholder-kicker,
.tp-vehicle-placeholder .tp-placeholder-title,
.tp-vehicle-placeholder .tp-placeholder-text {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    white-space: nowrap !important;
}

.tp-vehicle-placeholder .tp-placeholder-actions {
    position: absolute !important;
    z-index: 3 !important;
    left: 5.4% !important;
    bottom: 8.2% !important;
    display: flex !important;
    align-items: center !important;
    gap: 18px !important;
    margin: 0 !important;
}

.tp-vehicle-placeholder .tp-placeholder-actions a {
    display: block !important;
    height: 58px !important;
    min-height: 58px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    overflow: hidden !important;
}

.tp-vehicle-placeholder .tp-placeholder-actions a:first-child {
    width: clamp(230px, 28vw, 300px) !important;
}

.tp-vehicle-placeholder .tp-placeholder-actions a:last-child {
    width: clamp(120px, 13vw, 160px) !important;
}

.tp-vehicle-placeholder .tp-placeholder-actions svg {
    opacity: 0 !important;
}

@media (max-width: 1180px) {
    .tp-vehicle-stage {
        grid-template-columns: 1fr !important;
    }

    .tp-vehicle-placeholder,
    .tp-advice-banner {
        min-height: 360px !important;
    }

    .tp-vehicle-placeholder .tp-placeholder-actions a:first-child {
        width: 250px !important;
    }

    .tp-vehicle-placeholder .tp-placeholder-actions a:last-child {
        width: 135px !important;
    }
}

@media (max-width: 700px) {
    .tp-vehicle-placeholder,
    .tp-advice-banner {
        min-height: 300px !important;
    }

    .tp-advice-banner {
        object-position: left center !important;
    }

    .tp-vehicle-placeholder .tp-placeholder-actions {
        left: 5.5% !important;
        bottom: 7.5% !important;
        gap: 10px !important;
    }

    .tp-vehicle-placeholder .tp-placeholder-actions a {
        height: 42px !important;
        min-height: 42px !important;
    }

    .tp-vehicle-placeholder .tp-placeholder-actions a:first-child {
        width: 180px !important;
    }

    .tp-vehicle-placeholder .tp-placeholder-actions a:last-child {
        width: 96px !important;
    }
}
/* TEILE PARTNER SAFE V37 - wider professional desktop layout */
@media (min-width: 1181px) {
    .tp-header,
    .tp-header-panel,
    .tp-shop-layout,
    .tp-system-footer {
        max-width: 1640px !important;
    }

    .tp-header {
        grid-template-columns: 320px minmax(460px, 620px) 130px 112px 200px !important;
        justify-content: center !important;
        gap: 18px !important;
        padding-left: 34px !important;
        padding-right: 34px !important;
    }

    .tp-header-search {
        max-width: 620px !important;
    }

    .tp-header-panel.tp-vehicle-panel {
        padding-left: 34px !important;
        padding-right: 34px !important;
    }

    .tp-vehicle-panel .tp-panel-inner-wide {
        max-width: 1640px !important;
    }

    .tp-vehicle-stage {
        grid-template-columns: minmax(430px, 0.62fr) minmax(840px, 1.38fr) !important;
        gap: 22px !important;
    }

    .tp-vehicle-widget-card,
    .tp-vehicle-placeholder {
        min-height: 410px !important;
    }

    .tp-advice-banner {
        min-height: 410px !important;
        object-position: left center !important;
    }

    .tp-vehicle-widget-card::before {
        font-size: 24px !important;
        padding: 14px 18px !important;
    }

    .tp-vehicle-widget-card #webisco-car-selection-permanent {
        padding: 16px 18px !important;
        gap: 14px !important;
    }

    .tp-vehicle-widget-card #webisco-car-selection-hsn-permanent,
    .tp-vehicle-widget-card #webisco-car-selection-tsn-permanent {
        width: 176px !important;
        min-width: 176px !important;
    }

    .tp-vehicle-widget-card #webisco-car-selection-numbers-permanent input[type="submit"] {
        width: 150px !important;
    }

    .tp-vehicle-widget-card #webisco-car-selection-incremental-permanent select,
    .tp-manual-placeholder-selects {
        max-width: 440px !important;
    }

    .tp-shop-layout {
        grid-template-columns: 300px minmax(0, 1fr) !important;
        gap: 30px !important;
        padding-left: 34px !important;
        padding-right: 34px !important;
    }

    body.tp-cart-view .tp-shop-layout,
    html body.tp-cart-view .tp-shop-layout {
        max-width: 1240px !important;
    }
}

@media (min-width: 1500px) {
    .tp-header,
    .tp-header-panel,
    .tp-shop-layout,
    .tp-system-footer,
    .tp-vehicle-panel .tp-panel-inner-wide {
        max-width: 1720px !important;
    }

    .tp-vehicle-stage {
        grid-template-columns: minmax(430px, 0.58fr) minmax(920px, 1.42fr) !important;
    }
}
/* TEILE PARTNER SAFE V38 - desktop catalog width */
@media (min-width: 1181px) {
    .tp-header,
    .tp-header-panel,
    .tp-shop-layout,
    .tp-system-footer,
    .tp-vehicle-panel .tp-panel-inner-wide {
        width: calc(100vw - 64px) !important;
        max-width: 1840px !important;
    }

    .tp-header {
        grid-template-columns: 320px minmax(520px, 720px) 130px 112px 200px !important;
        justify-content: center !important;
        padding-left: 32px !important;
        padding-right: 32px !important;
    }

    .tp-header-search {
        max-width: 720px !important;
    }

    .tp-header-panel.tp-vehicle-panel {
        padding-left: 32px !important;
        padding-right: 32px !important;
    }

    .tp-vehicle-stage {
        grid-template-columns: minmax(390px, 0.52fr) minmax(960px, 1.48fr) !important;
        gap: 18px !important;
    }

    .tp-vehicle-widget-card,
    .tp-vehicle-placeholder {
        min-height: 360px !important;
    }

    .tp-advice-banner {
        min-height: 360px !important;
        object-fit: cover !important;
        object-position: left center !important;
    }

    .tp-vehicle-widget-card::before {
        font-size: 22px !important;
        padding: 12px 16px !important;
    }

    .tp-vehicle-widget-card #webisco-car-selection-permanent {
        padding: 14px 16px !important;
        gap: 12px !important;
    }

    .tp-vehicle-widget-card #webisco-car-selection-numbers-permanent,
    .tp-vehicle-widget-card #webisco-car-selection-incremental-permanent {
        padding-top: 12px !important;
    }

    .tp-vehicle-widget-card #webisco-car-selection-hsn-permanent,
    .tp-vehicle-widget-card #webisco-car-selection-tsn-permanent {
        width: 160px !important;
        min-width: 160px !important;
        height: 42px !important;
    }

    .tp-vehicle-widget-card #webisco-car-selection-numbers-permanent input[type="submit"] {
        width: 132px !important;
        height: 42px !important;
    }

    .tp-vehicle-widget-card #webisco-car-selection-incremental-permanent select,
    .tp-manual-placeholder-selects {
        max-width: 410px !important;
    }

    .tp-vehicle-widget-card #webisco-car-selection-incremental-permanent select,
    .tp-manual-placeholder-selects select {
        height: 42px !important;
    }

    .tp-workshop-strip {
        margin-top: 18px !important;
    }

    .tp-shop-layout {
        grid-template-columns: 300px minmax(0, 1fr) !important;
        gap: 28px !important;
        padding-left: 32px !important;
        padding-right: 32px !important;
    }
}

@media (min-width: 1700px) {
    .tp-header,
    .tp-header-panel,
    .tp-shop-layout,
    .tp-system-footer,
    .tp-vehicle-panel .tp-panel-inner-wide {
        width: calc(100vw - 80px) !important;
        max-width: 1900px !important;
    }

    .tp-vehicle-stage {
        grid-template-columns: minmax(400px, 0.48fr) minmax(1060px, 1.52fr) !important;
    }
}
/* TEILE PARTNER SAFE V39 - petrol vehicle finder card and wider desktop work area */
@media (min-width: 1181px) {
    .tp-header,
    .tp-header-panel,
    .tp-shop-layout,
    .tp-system-footer,
    .tp-vehicle-panel .tp-panel-inner-wide {
        width: calc(100vw - 40px) !important;
        max-width: 1920px !important;
    }

    .tp-vehicle-stage {
        grid-template-columns: minmax(360px, 0.45fr) minmax(1040px, 1.55fr) !important;
        gap: 16px !important;
    }

    .tp-vehicle-widget-card {
        background: linear-gradient(160deg, #003f49 0%, #005b68 58%, #006f7e 100%) !important;
        border-color: #005b68 !important;
        box-shadow: 0 14px 32px rgba(0, 63, 73, 0.18) !important;
    }

    .tp-vehicle-widget-card::before {
        background: transparent !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.38) !important;
        color: #ffffff !important;
    }

    .tp-vehicle-widget-card #webisco-car-selection-permanent,
    .tp-vehicle-widget-card #webisco-car-selection {
        background: transparent !important;
    }

    .tp-vehicle-widget-card #webisco-car-selection-numbers-permanent,
    .tp-vehicle-widget-card #webisco-car-selection-number-permanent,
    .tp-vehicle-widget-card #webisco-car-selection-incremental,
    .tp-vehicle-widget-card #webisco-car-selection-incremental-permanent,
    .tp-vehicle-widget-card #webisco-motor-selection {
        background: transparent !important;
        border-color: rgba(255, 255, 255, 0.30) !important;
    }

    .tp-vehicle-widget-card #webisco-car-selection-permanent > div:first-child,
    .tp-vehicle-widget-card #webisco-car-selection > div:first-child,
    .tp-vehicle-widget-card #webisco-car-selection-permanent label,
    .tp-vehicle-widget-card #webisco-car-selection label,
    .tp-vehicle-widget-card #webisco-car-selection-permanent td,
    .tp-vehicle-widget-card #webisco-car-selection td,
    .tp-vehicle-widget-card .tp-hsn-subtitle,
    .tp-vehicle-widget-card #webisco-car-selection-incremental-permanent::before {
        color: #ffffff !important;
    }

    .tp-vehicle-widget-card #webisco-car-selection-permanent strong,
    .tp-vehicle-widget-card #webisco-car-selection strong,
    .tp-vehicle-widget-card #webisco-car-selection-permanent b,
    .tp-vehicle-widget-card #webisco-car-selection b {
        color: #ffffff !important;
    }

    .tp-vehicle-widget-card #webisco-car-selection-permanent > div:first-child {
        background: rgba(255, 255, 255, 0.12) !important;
        border: 1px solid rgba(255, 255, 255, 0.26) !important;
        border-radius: 8px !important;
        padding: 11px 12px !important;
    }

    .tp-vehicle-widget-card input[type="text"],
    .tp-vehicle-widget-card input:not([type]),
    .tp-vehicle-widget-card select,
    .tp-manual-placeholder-selects select {
        background: #ffffff !important;
        border-color: rgba(255, 255, 255, 0.76) !important;
        color: #111111 !important;
    }

    .tp-vehicle-widget-card input[type="submit"],
    .tp-vehicle-widget-card button {
        background: #ffffff !important;
        color: #005b68 !important;
        border: 1px solid #ffffff !important;
        box-shadow: none !important;
    }

    .tp-vehicle-widget-card input[type="submit"]:hover,
    .tp-vehicle-widget-card button:hover {
        background: #e9f5f6 !important;
        color: #003f49 !important;
    }

    .tp-vehicle-widget-card #webisco-car-selection-incremental-permanent {
        border-top-color: rgba(255, 255, 255, 0.32) !important;
    }

    .tp-advice-banner,
    .tp-vehicle-placeholder,
    .tp-vehicle-widget-card {
        min-height: 350px !important;
    }

    .tp-workshop-strip {
        border-color: #005b68 !important;
    }
}

@media (min-width: 1700px) {
    .tp-header,
    .tp-header-panel,
    .tp-shop-layout,
    .tp-system-footer,
    .tp-vehicle-panel .tp-panel-inner-wide {
        width: calc(100vw - 48px) !important;
        max-width: 1960px !important;
    }

    .tp-vehicle-stage {
        grid-template-columns: minmax(360px, 0.42fr) minmax(1120px, 1.58fr) !important;
    }
}
/* TEILE PARTNER SAFE V40 FIX - corrected banner polish without cropping */
@media (min-width: 1181px) {
    .tp-vehicle-stage {
        grid-template-columns: minmax(360px, 0.43fr) minmax(1080px, 1.57fr) !important;
        gap: 14px !important;
        align-items: stretch !important;
    }

    .tp-vehicle-placeholder {
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        overflow: visible !important;
    }

    .tp-advice-banner {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        object-fit: contain !important;
        object-position: center center !important;
        border-radius: 8px !important;
        border: 0 !important;
        box-shadow: 0 14px 32px rgba(16, 24, 40, 0.08) !important;
        background: transparent !important;
    }

    .tp-vehicle-widget-card {
        min-height: 0 !important;
        height: auto !important;
        align-self: stretch !important;
        overflow: visible !important;
        border: 0 !important;
        border-radius: 8px !important;
        background: linear-gradient(162deg, #003f49 0%, #005b68 58%, #007181 100%) !important;
        box-shadow: 0 14px 32px rgba(0, 63, 73, 0.18) !important;
    }

    .tp-vehicle-widget-card::before {
        padding: 13px 18px !important;
        color: #ffffff !important;
        font-size: 22px !important;
        line-height: 1.1 !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.36) !important;
    }

    .tp-vehicle-widget-card #webisco-car-selection-permanent {
        padding: 14px 16px 18px !important;
        gap: 11px !important;
    }

    .tp-vehicle-widget-card #webisco-car-selection-permanent > div:first-child,
    .tp-vehicle-widget-card #webisco-car-selection-permanent > div:first-child * {
        color: #ffffff !important;
        font-size: 13px !important;
        line-height: 1.24 !important;
        font-weight: 800 !important;
    }

    .tp-vehicle-widget-card #webisco-car-selection-permanent > div:first-child {
        background: rgba(255, 255, 255, 0.14) !important;
        border: 1px solid rgba(255, 255, 255, 0.26) !important;
        border-radius: 8px !important;
        padding: 9px 11px !important;
    }

    .tp-vehicle-widget-card .tp-hsn-subtitle,
    .tp-vehicle-widget-card #webisco-car-selection-incremental-permanent::before {
        color: #ffffff !important;
        font-size: 15px !important;
        line-height: 1.2 !important;
        font-weight: 900 !important;
        margin-bottom: 9px !important;
    }

    .tp-vehicle-widget-card #webisco-car-selection-permanent label,
    .tp-vehicle-widget-card #webisco-car-selection-permanent td,
    .tp-vehicle-widget-card #webisco-car-selection-permanent span:not(.tp-cart-count):not(.tp-cart-sum) {
        color: rgba(255, 255, 255, 0.92) !important;
    }

    .tp-vehicle-widget-card input[type="text"],
    .tp-vehicle-widget-card input:not([type]),
    .tp-vehicle-widget-card select,
    .tp-manual-placeholder-selects select {
        height: 40px !important;
        border: 1px solid rgba(255, 255, 255, 0.82) !important;
        border-radius: 6px !important;
        background: #ffffff !important;
        color: #102025 !important;
        font-size: 13px !important;
    }

    .tp-vehicle-widget-card #webisco-car-selection-hsn-permanent,
    .tp-vehicle-widget-card #webisco-car-selection-tsn-permanent {
        width: 132px !important;
        min-width: 132px !important;
        margin-right: 6px !important;
    }

    .tp-vehicle-widget-card #webisco-car-selection-numbers-permanent input[type="submit"] {
        width: 112px !important;
        height: 40px !important;
        margin-top: 9px !important;
        background: #ffffff !important;
        color: #005b68 !important;
        border: 1px solid #ffffff !important;
        border-radius: 6px !important;
        font-size: 14px !important;
        font-weight: 900 !important;
    }

    .tp-vehicle-widget-card #webisco-car-selection-incremental-permanent select,
    .tp-manual-placeholder-selects,
    .tp-manual-placeholder-selects select {
        max-width: 100% !important;
        width: 100% !important;
    }
}

@media (min-width: 1700px) {
    .tp-vehicle-stage {
        grid-template-columns: minmax(360px, 0.40fr) minmax(1160px, 1.60fr) !important;
    }
}
/* TEILE PARTNER SAFE V41 - target-style petrol vehicle finder */
@media (min-width: 1181px) {
    .tp-vehicle-widget-card {
        position: relative !important;
        overflow: hidden !important;
        background:
            radial-gradient(circle at 78% 16%, rgba(56, 210, 220, 0.20) 0, rgba(56, 210, 220, 0) 32%),
            linear-gradient(160deg, #003f49 0%, #005b68 58%, #006f7e 100%) !important;
        border: 0 !important;
        border-radius: 8px !important;
        box-shadow: 0 14px 32px rgba(0, 63, 73, 0.18) !important;
    }

    .tp-vehicle-widget-card::after {
        content: "" !important;
        position: absolute !important;
        top: 46px !important;
        right: 12px !important;
        width: 50% !important;
        height: 92px !important;
        opacity: 0.38 !important;
        pointer-events: none !important;
        background-repeat: no-repeat !important;
        background-position: right top !important;
        background-size: contain !important;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 420 150'%3E%3Cg fill='none' stroke='%23dffcff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' opacity='.72'%3E%3Cpath d='M42 96c20-28 42-44 72-51 32-8 96-11 139-3 31 6 53 22 77 54'/%3E%3Cpath d='M86 96h234'/%3E%3Cpath d='M128 70h92c27 0 48 8 66 26'/%3E%3Cpath d='M126 70l-18 25'/%3E%3Ccircle cx='118' cy='104' r='20'/%3E%3Ccircle cx='295' cy='104' r='20'/%3E%3Cpath d='M53 88c20 0 37 2 50 7'/%3E%3Cpath d='M315 88c22 0 38 3 52 9'/%3E%3C/g%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='5' stroke-linecap='round' opacity='.95'%3E%3Cpath d='M54 88c22 0 40 2 54 8'/%3E%3Cpath d='M314 87c20 1 38 4 52 10'/%3E%3C/g%3E%3C/svg%3E") !important;
    }

    .tp-vehicle-widget-card::before {
        position: relative !important;
        z-index: 2 !important;
        padding: 17px 18px 12px !important;
        color: #ffffff !important;
        font-size: 22px !important;
        line-height: 1.1 !important;
        font-weight: 950 !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.34) !important;
        text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15) !important;
    }

    .tp-vehicle-widget-card #webisco-car-selection-permanent,
    .tp-vehicle-widget-card #webisco-car-selection {
        position: relative !important;
        z-index: 2 !important;
        background: transparent !important;
        padding: 15px 18px 18px !important;
        gap: 12px !important;
    }

    .tp-vehicle-widget-card #webisco-car-selection-permanent > div:first-child {
        background: rgba(0, 0, 0, 0.12) !important;
        border: 1px solid rgba(255, 255, 255, 0.18) !important;
        border-radius: 8px !important;
        padding: 10px 12px !important;
    }

    .tp-vehicle-widget-card #webisco-car-selection-permanent > div:first-child,
    .tp-vehicle-widget-card #webisco-car-selection-permanent > div:first-child * {
        color: rgba(255, 255, 255, 0.92) !important;
        font-size: 13px !important;
        line-height: 1.25 !important;
        font-weight: 800 !important;
    }

    .tp-vehicle-widget-card .tp-hsn-subtitle,
    .tp-vehicle-widget-card #webisco-car-selection-incremental-permanent::before {
        color: #ffffff !important;
        font-size: 15px !important;
        line-height: 1.25 !important;
        font-weight: 900 !important;
        margin: 0 0 10px !important;
    }

    .tp-vehicle-widget-card #webisco-car-selection-numbers-permanent,
    .tp-vehicle-widget-card #webisco-car-selection-incremental-permanent {
        background: transparent !important;
        border-color: rgba(255, 255, 255, 0.27) !important;
        padding: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
        border-bottom: 0 !important;
    }

    .tp-vehicle-widget-card #webisco-car-selection-numbers-permanent table,
    .tp-vehicle-widget-card #webisco-car-selection-numbers-permanent tbody,
    .tp-vehicle-widget-card #webisco-car-selection-numbers-permanent tr,
    .tp-vehicle-widget-card #webisco-car-selection-numbers-permanent td {
        display: block !important;
        width: 100% !important;
    }

    .tp-vehicle-widget-card #webisco-car-selection-hsn-permanent,
    .tp-vehicle-widget-card #webisco-car-selection-tsn-permanent {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        height: 44px !important;
        margin: 0 0 8px !important;
        padding: 0 14px !important;
        border-radius: 6px !important;
        border: 1px solid rgba(255, 255, 255, 0.85) !important;
        background: #ffffff !important;
        color: #17252a !important;
        font-size: 14px !important;
    }

    .tp-vehicle-widget-card #webisco-car-selection-numbers-permanent input[type="submit"],
    .tp-manual-apply-button,
    .tp-placeholder-actions a,
    .tp-workshop-button {
        min-height: 44px !important;
        border-radius: 6px !important;
        font-size: 15px !important;
        font-weight: 900 !important;
        line-height: 1 !important;
    }

    .tp-vehicle-widget-card #webisco-car-selection-numbers-permanent input[type="submit"],
    .tp-manual-apply-button {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        height: 44px !important;
        margin: 2px 0 0 !important;
        border: 1px solid rgba(255, 255, 255, 0.42) !important;
        background: linear-gradient(180deg, #008090 0%, #006775 100%) !important;
        color: #ffffff !important;
        box-shadow: 0 10px 20px rgba(0, 35, 42, 0.16) !important;
        cursor: pointer !important;
    }

    .tp-vehicle-widget-card #webisco-car-selection-numbers-permanent input[type="submit"]:hover,
    .tp-manual-apply-button:hover {
        background: linear-gradient(180deg, #008b9c 0%, #005b68 100%) !important;
        color: #ffffff !important;
    }

    .tp-manual-apply-button:disabled {
        opacity: 0.58 !important;
        cursor: default !important;
    }

    .tp-vehicle-widget-card #webisco-car-selection-incremental-permanent {
        margin-top: 12px !important;
        padding-top: 12px !important;
        border-top: 1px solid rgba(255, 255, 255, 0.28) !important;
    }

    .tp-vehicle-widget-card #webisco-car-selection-incremental-permanent select,
    .tp-manual-placeholder-selects select {
        width: 100% !important;
        max-width: 100% !important;
        height: 42px !important;
        margin-bottom: 8px !important;
        border-radius: 6px !important;
        border: 1px solid rgba(255, 255, 255, 0.85) !important;
        background: #ffffff !important;
        color: #17252a !important;
        font-size: 14px !important;
    }

    .tp-manual-placeholder-selects {
        width: 100% !important;
        max-width: 100% !important;
        gap: 0 !important;
        margin-top: 8px !important;
    }

    .tp-vehicle-widget-card #webisco-car-selection-permanent label,
    .tp-vehicle-widget-card #webisco-car-selection-permanent td,
    .tp-vehicle-widget-card #webisco-car-selection-permanent span:not(.tp-cart-count):not(.tp-cart-sum) {
        color: rgba(255, 255, 255, 0.92) !important;
    }
}

/* TEILE PARTNER SAFE V42 FINAL - premium white header override */
@media (min-width: 1181px) {
    .tp-header-wrap {
        background: #ffffff !important;
        border-bottom: 1px solid #d7e3e6 !important;
        box-shadow: 0 10px 26px rgba(16, 24, 40, 0.055) !important;
    }

    .tp-header {
        width: calc(100vw - 48px) !important;
        max-width: 1960px !important;
        min-height: 80px !important;
        padding: 10px 24px !important;
        grid-template-columns: minmax(320px, 360px) minmax(560px, 760px) 150px 132px 230px !important;
        gap: 14px !important;
        justify-content: center !important;
        align-items: center !important;
    }

    .tp-header-logo,
    .tp-header-logo a {
        min-width: 0 !important;
    }

    .tp-header-logo a {
        height: 56px !important;
        display: flex !important;
        align-items: center !important;
    }

    .tp-logo-svg {
        width: 360px !important;
        height: 56px !important;
        max-width: 100% !important;
        max-height: 56px !important;
        display: block !important;
    }

    .tp-header-search {
        max-width: 760px !important;
        width: 100% !important;
    }

    .tp-header-search #webisco-search,
    .tp-header-search #webisco-search form {
        height: 56px !important;
    }

    .tp-header-search #webisco-search-inputfield {
        height: 56px !important;
        border: 1px solid #005b68 !important;
        border-radius: 8px !important;
        padding: 0 62px 0 18px !important;
        font-size: 15px !important;
        color: #142022 !important;
        background: #ffffff !important;
        box-shadow: 0 8px 18px rgba(16, 24, 40, 0.035) !important;
    }

    .tp-header-search #webisco-search-submit {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        position: absolute !important;
        right: 6px !important;
        top: 6px !important;
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        border-radius: 7px !important;
        border: 1px solid #005b68 !important;
        background-color: #005b68 !important;
        color: transparent !important;
        font-size: 0 !important;
        cursor: pointer !important;
        box-shadow: none !important;
    }

    .tp-header-search #webisco-search-submit:hover {
        background-color: #003f49 !important;
        border-color: #003f49 !important;
    }

    .tp-header-action,
    .tp-header-cart {
        height: 56px !important;
        min-height: 56px !important;
        border-radius: 8px !important;
        border: 1px solid #cbdde1 !important;
        background: #ffffff !important;
        color: #005b68 !important;
        box-shadow: 0 8px 18px rgba(16, 24, 40, 0.035) !important;
        transition: background-color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease !important;
    }

    .tp-header-action {
        justify-content: center !important;
        gap: 9px !important;
        padding: 0 14px !important;
        font-size: 15px !important;
        font-weight: 900 !important;
        text-decoration: none !important;
    }

    .tp-header-action:hover,
    .tp-header-cart:hover,
    .tp-header-cart-clickable:hover {
        background: #edf7f8 !important;
        border-color: #005b68 !important;
        color: #003f49 !important;
        box-shadow: 0 10px 22px rgba(0, 91, 104, 0.11) !important;
    }

    .tp-header-icon {
        width: 34px !important;
        height: 34px !important;
        padding: 5px !important;
        box-sizing: border-box !important;
        color: #005b68 !important;
        background: #e6f3f5 !important;
        border: 1px solid #c5dee2 !important;
        border-radius: 8px !important;
        flex: 0 0 34px !important;
    }

    .tp-header-cart {
        position: relative !important;
        display: grid !important;
        grid-template-columns: 38px minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 10px !important;
        padding: 0 14px !important;
        justify-content: stretch !important;
        cursor: pointer !important;
    }

    .tp-header-cart-widget,
    .tp-header-cart #webisco-cartinfo {
        min-width: 0 !important;
    }

    .tp-header-cart #webisco-cartinfo {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: flex-start !important;
        gap: 1px !important;
        line-height: 1.12 !important;
        color: #101820 !important;
        font-family: Arial, Helvetica, sans-serif !important;
    }

    .tp-header-cart #webisco-cartinfo::before {
        content: "Warenkorb";
        display: block !important;
        color: #005b68 !important;
        font-size: 13px !important;
        font-weight: 900 !important;
        line-height: 1.05 !important;
        margin-bottom: 1px !important;
    }

    .tp-header-cart #webisco-cartinfo .tp-cart-count,
    .tp-header-cart #webisco-cartinfo .tp-cart-sum,
    .tp-header-cart #webisco-cartinfo a {
        color: #101820 !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        line-height: 1.08 !important;
        text-decoration: none !important;
        white-space: nowrap !important;
    }

    .tp-header-cart #webisco-cartinfo .tp-cart-sum {
        color: #005b68 !important;
        font-weight: 800 !important;
    }
}

@media (min-width: 1181px) and (max-width: 1500px) {
    .tp-header {
        grid-template-columns: minmax(280px, 330px) minmax(460px, 1fr) 136px 120px 205px !important;
        gap: 12px !important;
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    .tp-logo-svg {
        width: 330px !important;
    }
}

/* TEILE PARTNER SAFE V43 - header repair after white mockup test */
@media (min-width: 1181px) {
    .tp-header {
        width: calc(100vw - 80px) !important;
        max-width: 1560px !important;
        min-height: 74px !important;
        padding: 9px 0 !important;
        grid-template-columns: 300px minmax(520px, 1fr) 132px 116px 190px !important;
        gap: 14px !important;
        justify-content: center !important;
        align-items: center !important;
    }

    .tp-logo-svg {
        width: 300px !important;
        height: 54px !important;
        max-height: 54px !important;
        display: block !important;
    }

    .tp-header-logo a {
        height: 54px !important;
        align-items: center !important;
    }

    .tp-header-search {
        width: 100% !important;
        max-width: none !important;
    }

    .tp-header-search #webisco-search,
    .tp-header-search #webisco-search form {
        height: 52px !important;
        position: relative !important;
    }

    .tp-header-search #webisco-search-inputfield {
        height: 52px !important;
        border: 1px solid #005b68 !important;
        border-radius: 8px !important;
        padding: 0 58px 0 17px !important;
        background: #ffffff !important;
        color: #182326 !important;
        font-size: 15px !important;
        box-shadow: none !important;
    }

    .tp-header-search #webisco-search-submit {
        display: block !important;
        position: absolute !important;
        top: 5px !important;
        right: 5px !important;
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 1px solid #005b68 !important;
        border-radius: 7px !important;
        background-color: #005b68 !important;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.8' cy='10.8' r='6.4'/%3E%3Cpath d='M15.6 15.6 21 21'/%3E%3C/g%3E%3C/svg%3E") !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: 22px 22px !important;
        color: transparent !important;
        font-size: 0 !important;
        line-height: 0 !important;
        overflow: hidden !important;
        cursor: pointer !important;
    }

    .tp-header-action,
    .tp-header-cart {
        height: 52px !important;
        min-height: 52px !important;
        border-radius: 8px !important;
        border: 1px solid #cbdde1 !important;
        background: #ffffff !important;
        color: #005b68 !important;
        box-shadow: none !important;
    }

    .tp-header-action {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        padding: 0 12px !important;
        font-size: 14px !important;
        font-weight: 900 !important;
        white-space: nowrap !important;
    }

    .tp-header-icon {
        width: 28px !important;
        height: 28px !important;
        flex: 0 0 28px !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        color: #005b68 !important;
    }

    .tp-header-action:hover,
    .tp-header-cart:hover {
        background: #edf7f8 !important;
        border-color: #005b68 !important;
    }

    .tp-header-cart {
        display: grid !important;
        grid-template-columns: 30px 1fr !important;
        align-items: center !important;
        gap: 8px !important;
        padding: 0 12px !important;
        cursor: pointer !important;
    }

    .tp-header-cart #webisco-cartinfo {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: center !important;
        gap: 1px !important;
        line-height: 1.08 !important;
    }

    .tp-header-cart #webisco-cartinfo::before {
        content: "Warenkorb";
        color: #005b68 !important;
        font-size: 12px !important;
        font-weight: 900 !important;
        line-height: 1 !important;
    }

    .tp-header-cart #webisco-cartinfo .tp-cart-count,
    .tp-header-cart #webisco-cartinfo .tp-cart-sum,
    .tp-header-cart #webisco-cartinfo a {
        color: #0f1b20 !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        line-height: 1.05 !important;
        white-space: nowrap !important;
        text-decoration: none !important;
    }
}

/* TEILE PARTNER SAFE V44 - hard header fix: bigger wordmark, in-field search icon, mockup-like icons */
@media (min-width: 1181px) {
    .tp-header {
        width: calc(100vw - 64px) !important;
        max-width: 1640px !important;
        min-height: 88px !important;
        padding: 12px 0 !important;
        grid-template-columns: 380px minmax(560px, 760px) 142px 128px 216px !important;
        gap: 14px !important;
        justify-content: center !important;
        align-items: center !important;
    }

    .tp-header-logo a {
        height: 62px !important;
        display: flex !important;
        align-items: center !important;
    }

    .tp-logo-svg {
        width: 380px !important;
        height: 62px !important;
        max-width: 380px !important;
        max-height: 62px !important;
        display: block !important;
    }

    .tp-header-search {
        width: 100% !important;
        max-width: 760px !important;
        min-width: 0 !important;
    }

    .tp-header-search #webisco-search,
    .tp-header-search #webisco-search form {
        position: relative !important;
        width: 100% !important;
        height: 58px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .tp-header-search #webisco-search-inputfield,
    .tp-header-search input[type="text"] {
        width: 100% !important;
        height: 58px !important;
        box-sizing: border-box !important;
        border: 1.5px solid #005b68 !important;
        border-radius: 8px !important;
        padding: 0 66px 0 18px !important;
        background: #ffffff !important;
        color: #152326 !important;
        font-size: 15px !important;
        box-shadow: none !important;
    }

    .tp-header-search #webisco-search-submit,
    .tp-header-search input[type="submit"],
    .tp-header-search button[type="submit"] {
        display: block !important;
        position: absolute !important;
        top: 5px !important;
        right: 5px !important;
        left: auto !important;
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
        max-width: 48px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 1px solid #005b68 !important;
        border-radius: 7px !important;
        background-color: #005b68 !important;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.7' cy='10.7' r='6.7'/%3E%3Cpath d='M15.7 15.7 21 21'/%3E%3C/g%3E%3C/svg%3E") !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: 24px 24px !important;
        color: transparent !important;
        text-indent: -9999px !important;
        font-size: 0 !important;
        line-height: 0 !important;
        overflow: hidden !important;
        cursor: pointer !important;
        z-index: 5 !important;
        box-shadow: none !important;
        appearance: none !important;
        -webkit-appearance: none !important;
    }

    .tp-header-action,
    .tp-header-cart {
        height: 58px !important;
        min-height: 58px !important;
        border-radius: 8px !important;
        border: 1.5px solid #c9dce0 !important;
        background: #ffffff !important;
        color: #005b68 !important;
        box-shadow: none !important;
    }

    .tp-header-action {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 10px !important;
        padding: 0 14px !important;
        font-size: 15px !important;
        font-weight: 900 !important;
        white-space: nowrap !important;
    }

    .tp-header-icon {
        width: 32px !important;
        height: 32px !important;
        flex: 0 0 32px !important;
        padding: 5px !important;
        box-sizing: border-box !important;
        border: 1px solid #bcd9de !important;
        border-radius: 8px !important;
        background: #e8f4f5 !important;
        color: #005b68 !important;
    }

    .tp-header-action:hover,
    .tp-header-cart:hover {
        background: #eef8f9 !important;
        border-color: #005b68 !important;
        color: #003f49 !important;
    }

    .tp-header-cart {
        display: grid !important;
        grid-template-columns: 34px minmax(0, 1fr) !important;
        gap: 10px !important;
        align-items: center !important;
        padding: 0 14px !important;
        cursor: pointer !important;
    }

    .tp-header-cart #webisco-cartinfo {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: center !important;
        gap: 1px !important;
        line-height: 1.08 !important;
        min-width: 0 !important;
    }

    .tp-header-cart #webisco-cartinfo::before {
        content: "Warenkorb" !important;
        display: block !important;
        color: #005b68 !important;
        font-size: 13px !important;
        font-weight: 900 !important;
        line-height: 1 !important;
        margin-bottom: 1px !important;
    }

    .tp-header-cart #webisco-cartinfo .tp-cart-count,
    .tp-header-cart #webisco-cartinfo .tp-cart-sum,
    .tp-header-cart #webisco-cartinfo a {
        color: #0f1b20 !important;
        font-size: 12px !important;
        font-weight: 750 !important;
        line-height: 1.05 !important;
        white-space: nowrap !important;
        text-decoration: none !important;
    }
}

@media (min-width: 1181px) and (max-width: 1500px) {
    .tp-header {
        width: calc(100vw - 44px) !important;
        grid-template-columns: 340px minmax(430px, 1fr) 132px 116px 198px !important;
        gap: 12px !important;
    }

    .tp-logo-svg {
        width: 340px !important;
        max-width: 340px !important;
    }
}

/* TEILE PARTNER SAFE V45 - real source fix for header search and mockup actions */
@media (min-width: 1181px) {
    .tp-header {
        width: calc(100vw - 48px) !important;
        max-width: 1720px !important;
        min-height: 92px !important;
        padding: 13px 0 !important;
        grid-template-columns: 430px minmax(560px, 780px) 150px 132px 218px !important;
        gap: 14px !important;
        justify-content: center !important;
        align-items: center !important;
    }

    .tp-header-logo a {
        height: 66px !important;
        display: flex !important;
        align-items: center !important;
    }

    .tp-logo-svg {
        width: 430px !important;
        height: 66px !important;
        max-width: 430px !important;
        max-height: 66px !important;
        display: block !important;
    }

    .tp-header-search,
    .tp-header-search #webisco-search,
    .tp-header-search #webisco-search-form {
        width: 100% !important;
        max-width: none !important;
        height: 60px !important;
        margin: 0 !important;
        padding: 0 !important;
        position: relative !important;
        float: none !important;
        box-sizing: border-box !important;
    }

    .tp-header-search #webisco-search-label,
    .tp-header-search label[for="webisco-search-option"],
    .tp-header-search #webisco-search-option {
        display: none !important;
    }

    .tp-header-search #webisco-search-inputfield {
        display: block !important;
        width: 100% !important;
        height: 60px !important;
        margin: 0 !important;
        padding: 0 70px 0 18px !important;
        box-sizing: border-box !important;
        border: 1.5px solid #005b68 !important;
        border-radius: 8px !important;
        background-color: #ffffff !important;
        background-image: none !important;
        color: #152326 !important;
        font-size: 15px !important;
        font-family: Arial, Helvetica, sans-serif !important;
        box-shadow: none !important;
        outline: none !important;
    }

    .tp-header-search #webisco-search-form > #webisco-search-submit,
    .tp-header-search #webisco-search-submit {
        display: block !important;
        position: absolute !important;
        top: 6px !important;
        right: 6px !important;
        bottom: auto !important;
        left: auto !important;
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
        max-width: 48px !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        border: 1px solid #005b68 !important;
        border-radius: 7px !important;
        background-color: #005b68 !important;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.7' cy='10.7' r='6.7'/%3E%3Cpath d='M15.7 15.7 21 21'/%3E%3C/g%3E%3C/svg%3E") !important;
        background-repeat: no-repeat !important;
        background-position: center center !important;
        background-size: 24px 24px !important;
        color: transparent !important;
        text-indent: -9999px !important;
        font-size: 0 !important;
        line-height: 0 !important;
        overflow: hidden !important;
        cursor: pointer !important;
        z-index: 20 !important;
        appearance: none !important;
        -webkit-appearance: none !important;
    }

    .tp-header-action,
    .tp-header-cart {
        height: 60px !important;
        min-height: 60px !important;
        border-radius: 8px !important;
        border: 1.5px solid #c7dce0 !important;
        background: #ffffff !important;
        color: #005b68 !important;
        box-shadow: none !important;
        box-sizing: border-box !important;
    }

    .tp-header-action {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 10px !important;
        padding: 0 14px !important;
        font-size: 15px !important;
        font-weight: 900 !important;
        white-space: nowrap !important;
        text-decoration: none !important;
    }

    .tp-header-icon {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        flex: 0 0 34px !important;
        padding: 5px !important;
        box-sizing: border-box !important;
        border: 1px solid #b8d7dd !important;
        border-radius: 8px !important;
        background: #e6f3f5 !important;
        color: #005b68 !important;
        stroke-width: 2.2 !important;
    }

    .tp-header-cart {
        display: grid !important;
        grid-template-columns: 36px minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 10px !important;
        padding: 0 14px !important;
        cursor: pointer !important;
    }

    .tp-header-cart #webisco-cartinfo {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: center !important;
        gap: 1px !important;
        line-height: 1.05 !important;
        min-width: 0 !important;
        white-space: nowrap !important;
    }

    .tp-header-cart #webisco-cartinfo::before {
        content: "Warenkorb" !important;
        display: block !important;
        color: #005b68 !important;
        font-size: 13px !important;
        font-weight: 900 !important;
        line-height: 1 !important;
        margin: 0 0 2px !important;
    }

    .tp-header-cart #webisco-cartinfo .webisco-cartinfo-content,
    .tp-header-cart #webisco-cartinfo .webisco-cartinfo-sum,
    .tp-header-cart #webisco-cartinfo .tp-cart-count,
    .tp-header-cart #webisco-cartinfo .tp-cart-sum,
    .tp-header-cart #webisco-cartinfo a {
        color: #0f1b20 !important;
        font-size: 12px !important;
        font-weight: 750 !important;
        line-height: 1.05 !important;
        text-decoration: none !important;
        white-space: nowrap !important;
    }

    .tp-header-action:hover,
    .tp-header-cart:hover,
    .tp-header-cart-clickable:hover {
        background: #edf7f8 !important;
        border-color: #005b68 !important;
        color: #003f49 !important;
    }
}

@media (min-width: 1181px) and (max-width: 1500px) {
    .tp-header {
        width: calc(100vw - 32px) !important;
        max-width: 1500px !important;
        grid-template-columns: 390px minmax(430px, 1fr) 140px 124px 205px !important;
        gap: 12px !important;
    }

    .tp-logo-svg {
        width: 390px !important;
        height: 64px !important;
        max-width: 390px !important;
        max-height: 64px !important;
    }
}

/* TEILE PARTNER SAFE V46 - precise search icon placement and cleaner mockup icons */
@media (min-width: 1181px) {
    .tp-header-search,
    .tp-header-search #webisco-search,
    .tp-header-search #webisco-search-form {
        position: relative !important;
        height: 60px !important;
        overflow: visible !important;
    }

    .tp-header-search #webisco-search-inputfield {
        height: 60px !important;
        line-height: 60px !important;
        padding-right: 72px !important;
        background-image: none !important;
    }

    .tp-header-search #webisco-search-form > #webisco-search-submit,
    .tp-header-search #webisco-search-submit {
        position: absolute !important;
        top: 50% !important;
        right: 6px !important;
        left: auto !important;
        bottom: auto !important;
        transform: translateY(-50%) !important;
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
        max-width: 48px !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 7px !important;
        background-color: #005b68 !important;
        background-position: center !important;
        background-size: 23px 23px !important;
        z-index: 30 !important;
    }

    .tp-header-icon {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        flex-basis: 36px !important;
        padding: 6px !important;
        border-radius: 8px !important;
        background: #e3f2f4 !important;
        border: 1px solid #add3da !important;
        color: #005b68 !important;
    }

    .tp-header-action {
        gap: 10px !important;
    }

    .tp-header-cart {
        grid-template-columns: 38px minmax(0, 1fr) !important;
    }
}

/* TEILE PARTNER SAFE V47 - icons only refinement */
@media (min-width: 1181px) {
    .tp-header-icon {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        flex: 0 0 38px !important;
        padding: 7px !important;
        border-radius: 9px !important;
        border: 1px solid #b7d9df !important;
        background: #e8f5f6 !important;
        color: #005b68 !important;
        box-sizing: border-box !important;
    }

    .tp-header-icon path,
    .tp-header-icon circle,
    .tp-header-icon rect {
        vector-effect: non-scaling-stroke;
    }

    .tp-header-action {
        gap: 10px !important;
    }

    .tp-header-cart {
        grid-template-columns: 40px minmax(0, 1fr) !important;
        gap: 10px !important;
    }
}