:root{--csr:#e60000;--csr-dark:#a90000;--csd:#222;--csg:#ececec;--cs-muted:#666}.css-showcase,.css-manager{width:min(1200px,calc(100% - 30px));margin:auto}.css-showcase{padding:70px 0}.css-head{text-align:center;max-width:820px;margin:0 auto}.css-head span,.css-review span,.css-section-label{color:var(--csr);font-weight:900;letter-spacing:.12em;text-transform:uppercase;font-size:13px}.css-nav{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:25px 0 55px}.css-nav a{padding:10px 15px;border:1px solid #ddd;border-radius:999px;text-decoration:none;color:#222;background:#fff}.css-nav a:hover{background:var(--csr);border-color:var(--csr);color:#fff}.css-section{scroll-margin-top:110px;margin-bottom:85px;padding-top:4px}.css-section>h3{font-size:clamp(28px,4vw,44px);margin:8px 0 24px}.css-project-section{border-top:4px solid rgba(230,0,0,.18)}.css-vehicle-section{border-top:4px solid rgba(0,0,0,.16)}.css-video-section{border-top:4px solid rgba(70,70,70,.22)}.css-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.css-card,.css-video{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 18px 45px rgba(0,0,0,.1)}.css-project-card{border-bottom:4px solid var(--csr)}.css-media{aspect-ratio:4/3;background:#eee;overflow:hidden}.css-media>img{width:100%;height:100%;object-fit:cover}.css-body{padding:20px}.css-body h4{margin:0 0 8px}.css-body p,.css-vehicle-description{color:var(--cs-muted)}.css-compare{position:relative;width:100%;height:100%}.css-compare img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.css-compare .css-after{clip-path:inset(0 50% 0 0)}.css-compare input{position:absolute;inset:0;width:100%;opacity:0;cursor:ew-resize}.css-compare:after{content:"";position:absolute;top:0;bottom:0;left:var(--split,50%);width:3px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.2)}.css-vehicle-list{display:grid;gap:26px}.css-vehicle-ad{display:grid;grid-template-columns:minmax(280px,42%) 1fr;gap:0;background:#fff;border:1px solid #dedede;border-radius:22px;overflow:hidden;box-shadow:0 18px 46px rgba(0,0,0,.09)}.css-vehicle-media{min-height:310px;background:#e8e8e8}.css-vehicle-media img,.css-vehicle-media video,.css-vehicle-media iframe{width:100%;height:100%;min-height:310px;object-fit:cover;display:block;border:0}.css-vehicle-media .wp-video,.css-vehicle-media .mejs-container{width:100%!important;max-width:100%!important;height:100%!important}.css-vehicle-info{padding:26px}.css-vehicle-title-row{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;border-bottom:1px solid #eee;padding-bottom:14px;margin-bottom:16px}.css-vehicle-title-row h4{margin:0;font-size:clamp(22px,3vw,34px)}.css-price{color:var(--csr);font-size:clamp(24px,3.5vw,36px);font-weight:950;white-space:nowrap}.css-vehicle-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 16px;margin-bottom:18px}.css-vehicle-specs div{background:#f7f7f7;border-radius:10px;padding:9px 11px}.css-vehicle-specs dt{font-size:12px;color:#777;font-weight:800}.css-vehicle-specs dd{margin:2px 0 0;font-weight:800;color:#222}.css-feature-chips{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 18px}.css-feature-chips span{display:inline-flex;padding:7px 10px;border-radius:999px;background:rgba(230,0,0,.08);color:#9d0000;font-weight:750;font-size:13px}.css-vehicle-video-details{margin:18px 0;border:1px solid #ddd;border-radius:14px;overflow:hidden}.css-vehicle-video-details summary{cursor:pointer;padding:12px 14px;font-weight:900;background:#f4f4f4}.css-vehicle-video{padding:12px}.css-vehicle-video video,.css-vehicle-video iframe,.css-vehicle-video .wp-video,.css-vehicle-video .mejs-container{width:100%!important;max-width:100%!important}.css-videos{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.css-video{padding:14px;background:#2b2b2b;color:#fff}.css-video-frame{border-radius:16px;overflow:hidden;background:#111}.css-video-frame video,.css-video-frame iframe,.css-video-frame img,.css-video-frame .wp-video,.css-video-frame .mejs-container{display:block;width:100%!important;max-width:100%!important;aspect-ratio:16/9;object-fit:cover;border:0}.css-video h4{padding:10px 5px 0;margin-bottom:0}.css-review{scroll-margin-top:110px;background:linear-gradient(135deg,#222,#383838);color:#fff;padding:34px;border-radius:24px;display:flex;justify-content:space-between;align-items:center;gap:25px}.css-btn{display:inline-flex;padding:12px 18px;border:0;border-radius:9px;background:var(--csr);color:#fff!important;text-decoration:none;font-weight:900;cursor:pointer}.css-btn:hover{background:var(--csr-dark)}.css-manager{padding:50px 0}.css-manager-topline{display:flex;justify-content:space-between;align-items:center;gap:20px}.css-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.css-tabs button{padding:10px 14px;border:1px solid #bfbfbf;border-radius:9px;background:#fff;color:#111;cursor:pointer;font-weight:900}.css-tabs button.is-active{background:#222;color:#fff;border-color:#222}.css-panel{display:none}.css-panel.is-active{display:block}.css-form,.css-login-form{border:1px solid #ddd;border-radius:18px;padding:22px;background:#fff}.css-form label,.css-login-form label{display:block;margin-bottom:15px}.css-form label span,.css-login-form label span{display:block;font-weight:900;margin-bottom:5px}.css-form input,.css-form textarea,.css-form select,.css-login-form input{width:100%;padding:11px;border:1px solid #ccc;border-radius:8px;background:#fff;color:#111}.css-form small{color:#666}.css-grid,.css-vehicle-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.css-feature-box{background:#f7f7f7;border:1px solid #e1e1e1;border-radius:14px;padding:18px;margin-bottom:18px}.css-feature-box h4{margin:0 0 4px}.css-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 12px;margin-top:14px}.css-feature-grid label{display:flex;align-items:center;gap:7px;margin:0;background:#fff;border-radius:9px;padding:9px;border:1px solid #eee}.css-feature-grid input{width:auto}.css-list{display:grid;gap:10px;margin-bottom:30px}.css-list-item{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;border:1px solid #ddd;padding:10px;border-radius:10px}.css-list-item img{width:64px;height:64px;object-fit:cover}.css-list-item button,.css-logout{background:#8d1b1b;color:#fff;border:0;border-radius:7px;padding:8px 11px;cursor:pointer}.css-notice{width:min(1200px,calc(100% - 30px));margin:15px auto;padding:12px;border-radius:8px;background:#eaf7ed;color:#166534}@media(max-width:900px){.css-cards{grid-template-columns:repeat(2,1fr)}.css-vehicle-ad{grid-template-columns:1fr}.css-vehicle-media,.css-vehicle-media img,.css-vehicle-media video,.css-vehicle-media iframe{min-height:240px}.css-feature-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.css-cards,.css-videos,.css-grid,.css-vehicle-form-grid,.css-vehicle-specs,.css-feature-grid{grid-template-columns:1fr}.css-review,.css-manager-topline,.css-vehicle-title-row{align-items:flex-start;flex-direction:column}.css-price{white-space:normal}}


/* Showcase-Reiter im Frontend */
.css-showcase-tabs .css-public-tabs{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:28px 0 42px}.css-showcase-tabs .css-public-tabs button{border:1px solid #d4d4d4;background:#fff;color:#111;border-radius:999px;padding:12px 20px;font-weight:950;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.06)}.css-showcase-tabs .css-public-tabs button.is-active{background:var(--csr);border-color:var(--csr);color:#fff}.css-public-panel{display:none}.css-public-panel.is-active{display:block}.css-showcase-tabs .css-section{margin-bottom:40px}

/* Galerie */
.css-gallery{width:100%;height:100%}.css-gallery-main{width:100%;height:100%;min-height:inherit;display:block;position:relative;border:0;padding:0;cursor:zoom-in;background:#eee;overflow:hidden}.css-gallery-main img{width:100%;height:100%;min-height:inherit;object-fit:cover;display:block}.css-gallery-count{position:absolute;right:12px;bottom:12px;padding:7px 11px;border-radius:999px;background:rgba(0,0,0,.72);color:#fff;font-weight:900;font-size:13px}.css-gallery-thumbs{display:flex;gap:7px;padding:9px;background:#f4f4f4;overflow-x:auto}.css-gallery-thumbs button{border:0;padding:0;width:58px;height:48px;border-radius:7px;overflow:hidden;cursor:zoom-in;background:#ddd;flex:0 0 auto}.css-gallery-thumbs img{width:100%;height:100%;object-fit:cover;display:block}.css-lightbox-data{display:none!important}.css-gallery-details{margin-top:14px;border:1px solid #e2e2e2;border-radius:12px;overflow:hidden}.css-gallery-details summary{cursor:pointer;background:#f6f6f6;padding:11px 13px;font-weight:900}.css-gallery-details .css-gallery{height:auto;padding:12px}.css-gallery-details .css-gallery-main{height:auto;min-height:0;aspect-ratio:4/3;border-radius:12px}.css-gallery-details .css-gallery-main img{min-height:0}.css-vehicle-media .css-gallery,.css-vehicle-media .css-gallery-main{height:100%;min-height:310px}.css-vehicle-media .css-gallery{position:relative}.css-vehicle-media .css-gallery-thumbs{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,rgba(0,0,0,.65))}

/* Lightbox */
.css-lightbox{position:fixed;inset:0;z-index:999999;background:rgba(0,0,0,.92);display:none;align-items:center;justify-content:center;padding:22px}.css-lightbox.is-open{display:flex}.css-lightbox-inner{width:min(1100px,100%);position:relative}.css-lightbox-image-wrap{background:#111;border-radius:18px;overflow:hidden;display:flex;justify-content:center;align-items:center;max-height:82vh}.css-lightbox img{max-width:100%;max-height:82vh;object-fit:contain;display:block}.css-lightbox-close,.css-lightbox-prev,.css-lightbox-next{position:absolute;border:0;background:rgba(255,255,255,.92);color:#111;cursor:pointer;font-weight:950;display:inline-flex;align-items:center;justify-content:center}.css-lightbox-close{top:-14px;right:-14px;width:42px;height:42px;border-radius:999px;font-size:24px}.css-lightbox-prev,.css-lightbox-next{top:50%;transform:translateY(-50%);width:46px;height:58px;border-radius:12px;font-size:30px}.css-lightbox-prev{left:-12px}.css-lightbox-next{right:-12px}.css-lightbox-counter{color:#fff;text-align:center;margin-top:12px;font-weight:900}@media(max-width:680px){.css-lightbox{padding:12px}.css-lightbox-prev{left:5px}.css-lightbox-next{right:5px}.css-lightbox-close{top:8px;right:8px}}


/* v1.5: Fahrzeugauflistung kompakter */
.css-vehicle-list{gap:18px}.css-vehicle-ad{grid-template-columns:minmax(220px,34%) 1fr;border-radius:18px}.css-vehicle-media{min-height:220px}.css-vehicle-media img,.css-vehicle-media video,.css-vehicle-media iframe{min-height:220px}.css-vehicle-media .css-gallery,.css-vehicle-media .css-gallery-main{min-height:220px}.css-vehicle-info{padding:18px 20px}.css-vehicle-title-row{padding-bottom:10px;margin-bottom:12px}.css-vehicle-title-row h4{font-size:clamp(20px,2.4vw,28px)}.css-price{font-size:clamp(22px,2.8vw,31px)}.css-vehicle-specs{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:12px}.css-vehicle-specs div{padding:7px 8px}.css-vehicle-specs dt{font-size:11px}.css-vehicle-specs dd{font-size:13px}.css-feature-chips{gap:5px;margin-bottom:12px}.css-feature-chips span{font-size:12px;padding:5px 8px}.css-vehicle-description{margin:8px 0 10px}.css-vehicle-video-details,.css-gallery-details{margin-top:10px;margin-bottom:10px}
/* v1.5: Galerie bleibt auf Handy innerhalb der Box */
.css-gallery-details,.css-gallery-details .css-gallery,.css-gallery-details .css-gallery-main,.css-gallery-details .css-gallery-main img{max-width:100%;box-sizing:border-box}.css-gallery-details .css-gallery{overflow:hidden}.css-gallery-details .css-gallery-main{width:100%}.css-gallery-details .css-gallery-thumbs{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.css-vehicle-video .wp-video,.css-video-frame .wp-video,.css-vehicle-media .wp-video{width:100%!important;max-width:100%!important}.css-vehicle-video video,.css-video-frame video,.css-vehicle-media video{max-width:100%!important}.css-form small{display:block;margin-top:5px;line-height:1.35}
@media(max-width:1000px){.css-vehicle-ad{grid-template-columns:minmax(220px,38%) 1fr}.css-vehicle-specs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.css-vehicle-ad{grid-template-columns:1fr;border-radius:16px}.css-vehicle-media,.css-vehicle-media img,.css-vehicle-media video,.css-vehicle-media iframe,.css-vehicle-media .css-gallery,.css-vehicle-media .css-gallery-main{min-height:0!important;height:auto!important}.css-vehicle-media .css-gallery-main{aspect-ratio:4/3}.css-vehicle-info{padding:16px}.css-gallery-details .css-gallery{padding:8px}.css-gallery-details .css-gallery-main{aspect-ratio:4/3;min-height:0!important;height:auto!important}.css-gallery-details .css-gallery-main img{min-height:0!important;height:100%!important;object-fit:cover}.css-gallery-thumbs button{width:54px;height:44px}}


/* v1.6: dezentere Verwaltung und Reiter */
.css-manager {
    background: rgba(255,255,255,.72);
}

.css-manager h2 {
    font-size: clamp(24px, 3vw, 34px);
    margin-bottom: 8px;
}

.css-tabs,
.css-showcase-tabs .css-public-tabs {
    gap: 6px;
    margin: 16px 0 26px;
}

.css-tabs button,
.css-showcase-tabs .css-public-tabs button {
    padding: 8px 13px !important;
    border-radius: 999px !important;
    border: 1px solid #d9d9d9 !important;
    background: #f7f7f7 !important;
    color: #333 !important;
    box-shadow: none !important;
    font-size: 14px;
    font-weight: 750 !important;
}

.css-tabs button.is-active,
.css-showcase-tabs .css-public-tabs button.is-active {
    background: #2b2b2b !important;
    border-color: #2b2b2b !important;
    color: #fff !important;
}

.css-form {
    box-shadow: 0 10px 28px rgba(0,0,0,.045);
    border-color: #e4e4e4;
}

.css-form-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}

.css-form-head h3 {
    margin: 0;
}

.css-form-head span {
    font-size: 12px;
    font-weight: 800;
    color: #666;
    background: #f0f0f0;
    border-radius: 999px;
    padding: 5px 9px;
}

.css-back-link {
    display: inline-flex;
    color: #333;
    font-weight: 800;
    text-decoration: none;
    margin-bottom: 8px;
}

.css-back-link:hover {
    color: var(--csr);
}

.css-list-heading {
    font-size: 20px;
    margin: 24px 0 10px;
}

.css-list-item {
    grid-template-columns: 54px 1fr auto !important;
    padding: 9px 10px !important;
    background: #fff;
}

.css-list-thumb img,
.css-list-thumb span {
    width: 54px;
    height: 54px;
    object-fit: cover;
    border-radius: 8px;
    background: #eee;
    display: block;
}

.css-list-title {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.css-list-title small {
    color: #777;
    font-size: 12px;
}

.css-list-actions {
    display: flex;
    align-items: center;
    gap: 7px;
}

.css-edit-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 11px;
    border-radius: 8px;
    background: #efefef;
    color: #222 !important;
    text-decoration: none;
    font-weight: 800;
    font-size: 13px;
}

.css-edit-link:hover {
    background: #dedede;
}

.css-list-item button {
    padding: 8px 10px !important;
    font-size: 13px;
}

.css-current-media-note {
    background: #f8f8f8;
    border: 1px solid #e5e5e5;
    border-radius: 12px;
    padding: 12px;
    margin-bottom: 15px;
    color: #555;
}

.css-current-media-note div {
    display: flex;
    align-items: center;
    gap: 10px;
}

.css-current-media-note img {
    width: 54px;
    height: 54px;
    object-fit: cover;
    border-radius: 8px;
}

.css-current-media-note p {
    margin: 8px 0 0;
}

@media(max-width: 680px) {
    .css-list-item {
        grid-template-columns: 48px 1fr !important;
    }

    .css-list-actions {
        grid-column: 1 / -1;
        justify-content: flex-end;
    }
}


/* v1.7: dezenteres Admin-Layout */
.css-tabs { gap: 6px; }
.css-tabs button,
.css-public-tabs button {
    box-shadow: none !important;
    border-color: #d8d8d8 !important;
    background: #f7f7f7 !important;
    color: #222 !important;
    font-size: 14px;
    padding: 9px 13px !important;
}
.css-tabs button.is-active,
.css-public-tabs button.is-active {
    background: #333 !important;
    border-color: #333 !important;
    color: #fff !important;
}
.css-form { box-shadow: none; }
.css-list-item { background: #fff; }
.css-list-actions .css-edit-form { margin: 0; }
.css-list-actions button.css-edit-link {
    background: #f2f2f2;
    color: #222;
    border: 1px solid #d5d5d5;
    border-radius: 7px;
    padding: 8px 11px;
    cursor: pointer;
}

/* v1.7: Fahrzeuge zuerst als kompakte Listenansicht */
.css-vehicle-list-compact { gap: 12px; }
.css-vehicle-accordion {
    display: block !important;
    border: 1px solid #e0e0e0;
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 8px 24px rgba(0,0,0,.055);
}
.css-vehicle-accordion[open] { box-shadow: 0 14px 34px rgba(0,0,0,.08); }
.css-vehicle-summary {
    display: grid;
    grid-template-columns: 86px minmax(0,1fr) auto auto;
    gap: 13px;
    align-items: center;
    padding: 12px 14px;
    cursor: pointer;
    list-style: none;
}
.css-vehicle-summary::-webkit-details-marker { display: none; }
.css-vehicle-summary-thumb {
    width: 86px;
    height: 64px;
    border-radius: 10px;
    overflow: hidden;
    background: #eee;
    display: block;
}
.css-vehicle-summary-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.css-vehicle-summary-thumb .css-gallery,
.css-vehicle-summary-thumb .css-gallery-main,
.css-vehicle-summary-thumb .css-gallery-main img {
    min-height: 0 !important;
    height: 64px !important;
    width: 86px !important;
}
.css-vehicle-summary-thumb .css-gallery-thumbs,
.css-vehicle-summary-thumb .css-gallery-count { display: none !important; }
.css-no-image { display:flex; align-items:center; justify-content:center; height:100%; font-size:12px; color:#777; }
.css-vehicle-summary-main strong {
    display: block;
    font-size: 17px;
    line-height: 1.25;
    color: #1f1f1f;
}
.css-vehicle-summary-specs {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 5px;
}
.css-vehicle-summary-specs em {
    font-style: normal;
    font-size: 12px;
    color: #555;
    background: #f2f2f2;
    border-radius: 999px;
    padding: 4px 7px;
}
.css-vehicle-summary-price {
    font-weight: 950;
    color: var(--csr);
    white-space: nowrap;
    font-size: 19px;
}
.css-vehicle-summary-open {
    border: 1px solid #ddd;
    border-radius: 999px;
    padding: 7px 10px;
    font-size: 12px;
    font-weight: 900;
    color: #333;
    background: #fafafa;
}
.css-vehicle-accordion[open] .css-vehicle-summary-open::after { content: ' schließen'; }
.css-vehicle-detail-body {
    display: grid;
    grid-template-columns: minmax(230px, 35%) 1fr;
    border-top: 1px solid #eee;
}
.css-vehicle-detail-body .css-vehicle-info { padding: 18px 20px; }
.css-vehicle-detail-body .css-vehicle-media,
.css-vehicle-detail-body .css-vehicle-media img,
.css-vehicle-detail-body .css-vehicle-media video,
.css-vehicle-detail-body .css-vehicle-media iframe,
.css-vehicle-detail-body .css-vehicle-media .css-gallery,
.css-vehicle-detail-body .css-vehicle-media .css-gallery-main {
    min-height: 230px !important;
}
.css-vehicle-detail-body .css-vehicle-specs {
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 7px;
}
.css-vehicle-detail-body .css-vehicle-specs div { padding: 7px 8px; }
.css-vehicle-detail-body .css-vehicle-specs dd { font-size: 13px; }
.css-vehicle-detail-body .css-feature-chips span { font-size: 12px; padding: 5px 8px; }

@media(max-width: 760px) {
    .css-vehicle-summary {
        grid-template-columns: 74px minmax(0,1fr) auto;
        gap: 10px;
        padding: 10px;
    }
    .css-vehicle-summary-thumb,
    .css-vehicle-summary-thumb .css-gallery,
    .css-vehicle-summary-thumb .css-gallery-main,
    .css-vehicle-summary-thumb .css-gallery-main img {
        width: 74px !important;
        height: 56px !important;
    }
    .css-vehicle-summary-price {
        grid-column: 2 / 3;
        font-size: 18px;
    }
    .css-vehicle-summary-open {
        grid-column: 3 / 4;
        grid-row: 1 / 3;
        align-self: center;
    }
    .css-vehicle-detail-body {
        grid-template-columns: 1fr;
    }
    .css-vehicle-detail-body .css-vehicle-media,
    .css-vehicle-detail-body .css-vehicle-media img,
    .css-vehicle-detail-body .css-vehicle-media video,
    .css-vehicle-detail-body .css-vehicle-media iframe,
    .css-vehicle-detail-body .css-vehicle-media .css-gallery,
    .css-vehicle-detail-body .css-vehicle-media .css-gallery-main {
        min-height: 0 !important;
        height: auto !important;
    }
    .css-vehicle-detail-body .css-vehicle-media .css-gallery-main {
        aspect-ratio: 4/3;
    }
    .css-vehicle-detail-body .css-vehicle-specs {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }
    .css-vehicle-title-row { gap: 6px; }
}


/* v1.8 Feinschliff: weniger pillenförmig, Fahrzeuge im Admin zuerst */
.css-tabs button,
.css-showcase-tabs .css-public-tabs button {
    border-radius: 8px !important;
    padding: 9px 14px !important;
}

.css-feature-chips span,
.css-form-head span,
.css-gallery-count {
    border-radius: 7px !important;
}

.css-btn,
.css-list-actions a,
.css-list-actions button,
.css-logout,
.css-gallery-details summary,
.css-vehicle-detail summary {
    border-radius: 8px !important;
}

.css-vehicle-specs div,
.css-feature-grid label {
    border-radius: 7px !important;
}

@media (max-width: 680px) {
    .css-tabs,
    .css-showcase-tabs .css-public-tabs {
        gap: 7px;
    }

    .css-tabs button,
    .css-showcase-tabs .css-public-tabs button {
        width: auto;
        flex: 1 1 calc(50% - 7px);
        min-width: 130px;
        text-align: center;
    }
}


/* v1.9: Bearbeiten ohne fünften Reiter und einheitlich kantigere Bedienelemente */
.css-back-link {
    display: inline-flex;
    align-items: center;
    padding: 8px 11px;
    margin-bottom: 10px;
    border: 1px solid #d7d7d7;
    border-radius: 7px;
    background: #f6f6f6;
    color: #222 !important;
    text-decoration: none;
    font-weight: 750;
}
.css-back-link:hover { background: #ececec; }

.css-vehicle-summary-specs em,
.css-vehicle-summary-open,
.css-gallery-count,
.css-feature-chips span,
.css-gallery-details summary,
.css-vehicle-video-details summary,
.css-vehicle-specs div,
.css-btn,
.css-list-actions button,
.css-tabs button,
.css-public-tabs button {
    border-radius: 7px !important;
}

.css-vehicle-summary-open {
    min-width: 78px;
    text-align: center;
}

.css-gallery-details summary,
.css-vehicle-video-details summary {
    list-style: none;
    border: 1px solid #dedede;
}
.css-gallery-details summary::-webkit-details-marker,
.css-vehicle-video-details summary::-webkit-details-marker { display: none; }

@media (max-width: 680px) {
    .css-vehicle-summary-specs em { padding: 4px 6px; }
    .css-vehicle-summary-open { padding: 7px 8px; }
}


/* v2.0: Fahrzeug-Kurzliste im Handy-Hochformat klar und zweispaltig */
@media (max-width: 680px) {
    .css-vehicle-summary {
        display: grid !important;
        grid-template-columns: 92px minmax(0, 1fr) !important;
        grid-template-areas:
            "thumb main"
            "thumb price"
            "thumb action" !important;
        column-gap: 12px !important;
        row-gap: 7px !important;
        align-items: start !important;
        padding: 11px !important;
    }

    .css-vehicle-summary-thumb {
        grid-area: thumb !important;
        width: 92px !important;
        height: 82px !important;
        border-radius: 7px !important;
        align-self: start !important;
    }

    .css-vehicle-summary-thumb .css-gallery,
    .css-vehicle-summary-thumb .css-gallery-main,
    .css-vehicle-summary-thumb .css-gallery-main img {
        width: 92px !important;
        height: 82px !important;
        min-height: 0 !important;
        border-radius: 7px !important;
    }

    .css-vehicle-summary-main {
        grid-area: main !important;
        min-width: 0 !important;
    }

    .css-vehicle-summary-main strong {
        font-size: 16px !important;
        line-height: 1.25 !important;
        margin: 0 0 6px !important;
        overflow-wrap: anywhere !important;
    }

    .css-vehicle-summary-specs {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 5px !important;
        margin-top: 0 !important;
    }

    .css-vehicle-summary-specs em {
        display: block !important;
        min-width: 0 !important;
        padding: 5px 6px !important;
        border-radius: 6px !important;
        font-size: 11px !important;
        line-height: 1.2 !important;
        text-align: left !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        background: #f2f2f2 !important;
    }

    .css-vehicle-summary-price {
        grid-area: price !important;
        font-size: 18px !important;
        line-height: 1.1 !important;
        margin: 0 !important;
        justify-self: start !important;
    }

    .css-vehicle-summary-open {
        grid-area: action !important;
        justify-self: start !important;
        min-width: 0 !important;
        padding: 7px 11px !important;
        border-radius: 7px !important;
        font-size: 12px !important;
    }

    .css-vehicle-detail-body .css-feature-chips {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 6px !important;
    }

    .css-vehicle-detail-body .css-feature-chips span {
        display: block !important;
        min-width: 0 !important;
        padding: 7px 8px !important;
        border-radius: 6px !important;
        text-align: left !important;
        line-height: 1.2 !important;
        overflow-wrap: anywhere !important;
    }
}

/* Sehr schmale Handys: Bild etwas kleiner, Inhalte bleiben weiterhin nebeneinander */
@media (max-width: 390px) {
    .css-vehicle-summary {
        grid-template-columns: 78px minmax(0, 1fr) !important;
        column-gap: 10px !important;
    }

    .css-vehicle-summary-thumb,
    .css-vehicle-summary-thumb .css-gallery,
    .css-vehicle-summary-thumb .css-gallery-main,
    .css-vehicle-summary-thumb .css-gallery-main img {
        width: 78px !important;
        height: 72px !important;
    }
}