/* ============================================================================
   Gemeinsames Struktur-CSS fuer /renault und /dacia (Layout/Abstaende, KEINE
   Farben). Wird von beiden Markenseiten geladen; css/renault.css und
   css/dacia.css setzen darueber jeweils nur noch die markenkonformen Farben/
   Fonts auf dieselben Klassennamen. So bleibt der Aufbau beider Marken
   identisch – nur Farbe/Schrift unterscheiden sich.
   ============================================================================ */

/* --------------------------------------------------------------------------
   Header: Ausschlusszone ums Emblem + Haendler-Branding rechts (Logo, Name,
   Claim), Link zur Haendler-Homepage.
   -------------------------------------------------------------------------- */
.brand-header.boxcar-header {
    position: relative;
}

.brand-header .header-inner {
    padding: 14px 0;
}

.brand-header .logo-inner {
    align-items: center;
    gap: 12px;
    padding: 6px 10px 6px 0;
}

.brand-header .logo-inner .logo {
    margin-right: 0;
    display: inline-flex;
    align-items: center;
    min-width: 50px;
}

.brand-header .logo-inner .logo img {
    max-width: none;
    height: 34px;
    width: auto;
}

.brand-header .logo-inner .brand-location {
    font-weight: 700;
    font-size: 16px;
    white-space: nowrap;
    text-transform: none;
}

.brand-header .navigation > li > a,
.brand-header .navigation > li > span {
    text-transform: none;
}

.brand-header .navigation > li > span i {
    /* Farbe je Marke */
}

.brand-header .dealer-brand {
    gap: 16px;
}

.brand-header .dealer-link {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 0 6px 16px;
}

.brand-header .dealer-link img {
    height: 26px;
    width: auto;
}

.brand-header .dealer-text {
    display: flex;
    flex-direction: column;
    line-height: 1.25;
}

.brand-header .dealer-text strong {
    font-size: 13px;
    text-transform: none;
}

.brand-header .dealer-text small {
    font-size: 11px;
    text-transform: none;
}

@media (max-width: 1399px) {
    .brand-header .nav-out-bar {
        display: none;
    }
}

@media (max-width: 575px) {
    .brand-header .dealer-text {
        display: none;
    }
}

/* --------------------------------------------------------------------------
   Modellübersicht (Kachel pro Modell)
   -------------------------------------------------------------------------- */
.brand-model-tile .title,
.brand-model-tile .title a {
    font-weight: 800;
    text-transform: uppercase;
}

.brand-model-tile .brand-model-price {
    font-weight: 700;
}

.brand-model-tile .brand-model-price small {
    font-weight: 400;
    text-transform: none;
}

/* --------------------------------------------------------------------------
   Fahrzeug-Cards (Bestand/Occasionen)
   -------------------------------------------------------------------------- */
.brand-vehicles .car-block-four .title,
.brand-vehicles .car-block-four .title a {
    font-weight: 800;
    text-transform: uppercase;
}

.brand-vehicles .car-block-four .btn-box small {
    font-weight: 700;
}

.brand-vehicles-state,
.occ-empty-hint {
    font-size: 13px;
}

.brand-group-heading {
    width: 100%;
    flex-basis: 100%;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin: 32px 0 16px;
}

.brand-group-heading:first-of-type {
    margin-top: 0;
}

/* --------------------------------------------------------------------------
   Occasionen-teaser CTA-Block auf der Markenhomepage
   -------------------------------------------------------------------------- */
.brand-occasionen-teaser.brand-boxcar-banner-section {}

/* --------------------------------------------------------------------------
   Fahrzeug-Detailseite
   -------------------------------------------------------------------------- */
.brand-fahrzeug-hero {
    padding: 32px 0 48px;
}

.brand-fahrzeug-back {
    display: inline-block;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 600;
    text-transform: none;
}

.brand-fahrzeug-gallery {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    border-radius: 8px;
    overflow: hidden;
}

.brand-fahrzeug-gallery-item img {
    width: 100%;
    height: auto;
    display: block;
}

.brand-fahrzeug-tag.vehicle-tag {
    display: inline-block;
    margin-bottom: 12px;
    text-transform: none;
}

.brand-fahrzeug-title {
    font-size: 28px;
    margin-bottom: 4px;
}

.brand-fahrzeug-version {
    font-size: 15px;
    text-transform: none;
    margin-bottom: 16px;
}

.brand-fahrzeug-price {
    font-size: 26px;
    font-weight: 800;
    margin-bottom: 8px;
}

.brand-fahrzeug-price small {
    display: block;
    font-size: 12px;
    font-weight: 400;
    text-transform: none;
}

.brand-fahrzeug-cta {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 24px;
}

.brand-fahrzeug-details {
    padding: 32px 0 64px;
}

.brand-fahrzeug-details h2 {
    margin-bottom: 20px;
}

.brand-fahrzeug-table {
    width: 100%;
    max-width: 640px;
    border-collapse: collapse;
    border-radius: 8px;
    overflow: hidden;
}

.brand-fahrzeug-table th,
.brand-fahrzeug-table td {
    text-align: left;
    padding: 12px 16px;
    font-size: 14px;
}

.brand-fahrzeug-table th {
    width: 40%;
    font-weight: 700;
    text-transform: none;
}

/* --------------------------------------------------------------------------
   Mobile – Touch-Targets min. 48x48px
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {

    .brand-header .dealer-link,
    .brand-boxcar-banner-section .btn {
        min-height: 48px;
    }
}