:root {
    --nelko-bg: #061426;
    --nelko-bg-2: #071b34;
    --nelko-card: rgba(10, 31, 56, .82);
    --nelko-card-2: rgba(13, 42, 75, .78);
    --nelko-border: rgba(90, 156, 255, .22);
    --nelko-blue: #1d6fff;
    --nelko-blue-2: #2f8cff;
    --nelko-gold: #ffbf3c;
    --nelko-orange: #ff7a1a;
    --nelko-green: #25d366;
    --nelko-text: #ffffff;
    --nelko-muted: #b7c6d9;
    --nelko-soft: #7fa3c7;
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body.front-body {
    margin: 0;
    min-height: 100vh;
    color: var(--nelko-text);
    background:
        radial-gradient(circle at 72% 18%, rgba(40, 119, 255, .18), transparent 34%),
        radial-gradient(circle at 12% 0%, rgba(255, 191, 60, .08), transparent 28%),
        linear-gradient(135deg, #03101f 0%, #061426 42%, #071b34 100%);
    font-family: Inter, Manrope, Poppins, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    overflow-x: hidden;
}

body.front-light {
    color: #102033;
    background:
        radial-gradient(circle at 12% 0%, rgba(255, 191, 60, .22), transparent 28%),
        radial-gradient(circle at 88% 8%, rgba(148, 163, 184, .24), transparent 34%),
        linear-gradient(135deg, #fff9ee 0%, #f1eadc 42%, #edf1f5 100%);
}

a {
    color: inherit;
    text-decoration: none;
}

.front-container {
    width: min(1760px, calc(100% - 96px));
    margin-inline: auto;
}

.nelko-header {
    position: sticky;
    top: 0;
    z-index: 100;
    height: 72px;
    display: flex;
    align-items: center;
    background: rgba(3, 16, 31, .86);
    backdrop-filter: blur(20px);
    border-bottom: 1px solid rgba(90, 156, 255, .18);
    box-shadow: 0 10px 35px rgba(0,0,0,.18);
}

body.front-light .nelko-header {
    background: rgba(255, 250, 240, .86);
    border-bottom-color: rgba(120, 72, 20, .16);
}

.nelko-nav {
    display: grid;
    grid-template-columns: 220px 1fr auto;
    align-items: center;
    gap: 28px;
    width: 100%;
}

.nelko-logo {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.nelko-logo img {
    height: 44px;
    max-width: 180px;
    object-fit: contain;
}

.nelko-logo-fallback {
    line-height: .85;
}

.nelko-logo-main {
    display: block;
    font-size: 38px;
    font-weight: 1000;
    letter-spacing: -2px;
}

.nelko-logo-sub {
    display: block;
    margin-top: 4px;
    font-size: 11px;
    color: var(--nelko-muted);
    font-weight: 800;
    letter-spacing: .6px;
}

.nelko-menu {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 34px;
    font-size: 15px;
    font-weight: 800;
    color: #dbeafe;
}

body.front-light .nelko-menu {
    color: #172033;
}

.nelko-menu a {
    position: relative;
    padding: 27px 0 24px;
    opacity: .94;
}

.nelko-menu a.active::after,
.nelko-menu a:hover::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--nelko-blue), var(--nelko-blue-2));
    box-shadow: 0 0 18px rgba(47, 140, 255, .65);
}

.nelko-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 18px;
}

.nelko-icon-btn {
    width: 42px;
    height: 42px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.15);
    background: rgba(255,255,255,.035);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 20px;
}

body.front-light .nelko-icon-btn {
    color: #102033;
    border-color: rgba(120,72,20,.16);
    background: rgba(255,255,255,.42);
}

.nelko-theme-pill {
    display: flex;
    align-items: center;
    gap: 7px;
    border-radius: 999px;
    padding: 5px;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(255,255,255,.04);
}

body.front-light .nelko-theme-pill {
    border-color: rgba(120,72,20,.16);
    background: rgba(255,255,255,.42);
}

.nelko-theme-toggle {
    width: 34px;
    height: 34px;
    border-radius: 999px;
    border: 0;
    background: linear-gradient(135deg, var(--nelko-blue), #0f55ff);
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    box-shadow: 0 8px 20px rgba(29, 111, 255, .32);
}

.nelko-whatsapp-head {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-left: 18px;
    border-left: 1px solid rgba(255,255,255,.12);
}

body.front-light .nelko-whatsapp-head {
    border-left-color: rgba(120,72,20,.16);
}

.nelko-wa-circle {
    width: 38px;
    height: 38px;
    border-radius: 999px;
    border: 2px solid var(--nelko-green);
    color: var(--nelko-green);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 1000;
    font-size: 20px;
}

.nelko-phone-small {
    display: block;
    color: var(--nelko-muted);
    font-size: 12px;
    font-weight: 700;
}

.nelko-phone-main {
    display: block;
    color: #fff;
    font-size: 18px;
    font-weight: 950;
    white-space: nowrap;
}

body.front-light .nelko-phone-main {
    color: #102033;
}

.nelko-mobile-menu-btn {
    display: none;
}

.nelko-hero {
    position: relative;
    min-height: 730px;
    display: flex;
    align-items: stretch;
    overflow: hidden;
    border-bottom: 1px solid rgba(90, 156, 255, .18);
}

.nelko-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(3,16,31,.96) 0%, rgba(3,16,31,.76) 36%, rgba(3,16,31,.18) 67%, rgba(3,16,31,.70) 100%),
        radial-gradient(circle at 58% 26%, rgba(47,140,255,.24), transparent 36%),
        url('/pwa/splash/splash-1080x1920.png');
    background-size: cover;
    background-position: center;
    opacity: .35;
}

.nelko-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(0deg, #061426 0%, transparent 35%);
}

.nelko-hero-inner {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    gap: 48px;
    align-items: center;
    padding: 54px 0 28px;
}

.nelko-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: var(--nelko-blue-2);
    font-size: 14px;
    font-weight: 950;
    letter-spacing: .4px;
    text-transform: uppercase;
}

.nelko-eyebrow::before {
    content: "";
    width: 36px;
    height: 3px;
    border-radius: 999px;
    background: var(--nelko-blue-2);
    box-shadow: 0 0 16px rgba(47,140,255,.6);
}

.nelko-hero-title {
    margin: 22px 0 18px;
    max-width: 660px;
    color: #fff;
    font-size: clamp(42px, 4.7vw, 76px);
    line-height: 1.07;
    letter-spacing: -2.7px;
    font-weight: 1000;
}

body.front-light .nelko-hero-title {
    color: #fff;
}

.nelko-hero-text {
    max-width: 560px;
    color: #d7e4f5;
    font-size: 18px;
    line-height: 1.65;
    font-weight: 600;
}

.nelko-hero-buttons {
    display: flex;
    gap: 14px;
    margin-top: 32px;
    flex-wrap: wrap;
}

.nelko-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 52px;
    border-radius: 7px;
    padding: 0 28px;
    border: 1px solid rgba(255,255,255,.20);
    font-size: 15px;
    font-weight: 950;
    cursor: pointer;
}

.nelko-btn-primary {
    border-color: transparent;
    background: linear-gradient(135deg, var(--nelko-blue), #0f55ff);
    color: #fff;
    box-shadow: 0 15px 35px rgba(29,111,255,.34);
}

.nelko-btn-wa {
    border-color: rgba(255,255,255,.38);
    background: rgba(4, 16, 30, .72);
    color: #fff;
}

.nelko-btn-wa span {
    color: var(--nelko-green);
}

.nelko-trust-row {
    display: flex;
    gap: 32px;
    flex-wrap: wrap;
    margin-top: 28px;
}

.nelko-trust {
    display: flex;
    gap: 11px;
    align-items: center;
    color: #fff;
}

.nelko-trust-icon {
    width: 32px;
    height: 32px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.20);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--nelko-blue-2);
}

.nelko-trust strong {
    display: block;
    font-size: 13px;
}

.nelko-trust small {
    color: var(--nelko-muted);
    display: block;
    font-size: 12px;
    margin-top: 2px;
}

.nelko-hero-visual {
    position: relative;
    min-height: 520px;
}

.nelko-truck-showcase {
    position: absolute;
    left: -180px;
    right: -80px;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nelko-truck-showcase img {
    width: min(900px, 115%);
    max-height: 560px;
    object-fit: contain;
    filter: drop-shadow(0 35px 60px rgba(0,0,0,.45));
}

.nelko-campaign-box {
    position: absolute;
    right: 0;
    top: 52px;
    width: min(380px, 100%);
    border-radius: 14px;
    padding: 30px;
    background: linear-gradient(135deg, rgba(16, 37, 68, .88), rgba(39, 45, 65, .82));
    border: 1px solid rgba(90, 156, 255, .25);
    box-shadow: 0 30px 70px rgba(0,0,0,.32);
    backdrop-filter: blur(18px);
}

.nelko-campaign-label {
    color: var(--nelko-blue-2);
    font-weight: 900;
    font-size: 14px;
    margin-bottom: 18px;
}

.nelko-campaign-title {
    font-size: 29px;
    line-height: 1.18;
    font-weight: 1000;
    letter-spacing: -1px;
    margin-bottom: 18px;
}

.nelko-campaign-text {
    color: #d3deeb;
    font-size: 16px;
    line-height: 1.5;
}

.nelko-slider-dots {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 30px;
}

.nelko-slider-arrow {
    width: 42px;
    height: 42px;
    border-radius: 999px;
    border: 0;
    color: #fff;
    background: rgba(255,255,255,.10);
    cursor: pointer;
}

.nelko-dot {
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: rgba(255,255,255,.5);
}

.nelko-dot.active {
    background: var(--nelko-blue-2);
    box-shadow: 0 0 14px rgba(47,140,255,.8);
}

.nelko-home-section {
    position: relative;
    z-index: 4;
    margin-top: -86px;
}

.nelko-brand-row {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 12px;
    margin-bottom: 18px;
}

.nelko-brand-card {
    min-height: 86px;
    border-radius: 8px;
    background: rgba(8, 28, 52, .86);
    border: 1px solid rgba(90, 156, 255, .22);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 7px;
    transition: .2s ease;
}

.nelko-brand-card:hover {
    border-color: rgba(47,140,255,.55);
    transform: translateY(-3px);
    box-shadow: 0 18px 40px rgba(0,0,0,.25);
}

.nelko-brand-card img {
    max-width: 118px;
    max-height: 34px;
    object-fit: contain;
}

.nelko-brand-fallback {
    font-size: 28px;
    font-weight: 1000;
    letter-spacing: -1px;
}

.nelko-brand-card span {
    color: #dbeafe;
    font-size: 13px;
    font-weight: 700;
}

.nelko-content-grid {
    display: grid;
    grid-template-columns: 1.15fr .7fr 1.15fr;
    gap: 14px;
    margin-bottom: 18px;
}

.nelko-panel {
    border-radius: 8px;
    background: rgba(7, 29, 54, .88);
    border: 1px solid rgba(90, 156, 255, .22);
    box-shadow: 0 18px 45px rgba(0,0,0,.18);
    overflow: hidden;
}

.nelko-panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 24px 12px;
}

.nelko-panel-title {
    font-size: 18px;
    font-weight: 1000;
    text-transform: uppercase;
}

.nelko-panel-link {
    color: var(--nelko-blue-2);
    font-size: 13px;
    font-weight: 900;
}

.nelko-featured-list {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    padding: 0 42px 24px;
}

.nelko-card-nav {
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    width: 34px;
    height: 34px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.10);
    color: #fff;
    background: rgba(255,255,255,.12);
}

.nelko-card-nav.left {
    left: 10px;
}

.nelko-card-nav.right {
    right: 10px;
}

.nelko-vehicle-mini {
    display: block;
    overflow: hidden;
    border-radius: 8px;
    background: rgba(10, 32, 58, .98);
    border: 1px solid rgba(90, 156, 255, .17);
}

.nelko-vehicle-mini-img {
    position: relative;
    height: 132px;
    overflow: hidden;
    background: #0b1733;
}

.nelko-vehicle-mini-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.nelko-campaign-tag {
    position: absolute;
    left: 8px;
    top: 8px;
    border-radius: 5px;
    background: var(--nelko-blue);
    color: #fff;
    padding: 4px 7px;
    font-size: 11px;
    font-weight: 900;
}

.nelko-vehicle-mini-body {
    padding: 12px;
}

.nelko-vehicle-mini-title {
    color: #fff;
    font-weight: 900;
    font-size: 14px;
    line-height: 1.3;
}

.nelko-vehicle-mini-meta {
    color: #b7c6d9;
    margin-top: 7px;
    font-size: 12px;
}

.nelko-vehicle-mini-price {
    color: var(--nelko-blue-2);
    font-size: 15px;
    font-weight: 1000;
    margin-top: 7px;
}

.nelko-search-panel {
    padding: 0 24px 24px;
}

.nelko-search-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.nelko-search-grid select,
.nelko-search-grid input {
    width: 100%;
    min-height: 42px;
    border-radius: 5px;
    border: 1px solid rgba(90, 156, 255, .25);
    background: rgba(4, 17, 32, .84);
    color: #dbeafe;
    padding: 0 13px;
    outline: none;
}

.nelko-search-submit {
    width: 100%;
    min-height: 48px;
    margin-top: 14px;
    border: 0;
    border-radius: 6px;
    color: #fff;
    background: linear-gradient(135deg, var(--nelko-blue), #0f55ff);
    font-weight: 1000;
    cursor: pointer;
    box-shadow: 0 14px 30px rgba(29,111,255,.25);
}

.nelko-advanced {
    display: block;
    margin-top: 12px;
    text-align: center;
    color: var(--nelko-blue-2);
    font-size: 13px;
    font-weight: 800;
}

.nelko-footer {
    margin-top: 18px;
    background: rgba(5, 18, 34, .96);
    border-top: 1px solid rgba(90, 156, 255, .18);
}

.nelko-footer-grid {
    display: grid;
    grid-template-columns: 1.35fr .85fr .85fr .85fr 1.3fr 1fr;
    gap: 34px;
    padding: 38px 0 28px;
}

.nelko-footer-logo {
    font-size: 40px;
    font-weight: 1000;
    letter-spacing: -2px;
    line-height: .85;
}

.nelko-footer p {
    color: #b7c6d9;
    line-height: 1.55;
    font-size: 14px;
}

.nelko-footer h4 {
    margin: 0 0 14px;
    color: #fff;
    font-size: 15px;
    font-weight: 1000;
    text-transform: uppercase;
}

.nelko-footer a,
.nelko-footer li {
    display: block;
    color: #b7c6d9;
    font-size: 14px;
    margin: 9px 0;
}

.nelko-socials {
    display: flex;
    gap: 12px;
}

.nelko-socials span {
    width: 38px;
    height: 38px;
    border-radius: 999px;
    background: rgba(255,255,255,.10);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
}

.nelko-footer-bottom {
    border-top: 1px solid rgba(90, 156, 255, .12);
    padding: 16px 0;
    color: #91a7bf;
    display: flex;
    justify-content: space-between;
    font-size: 13px;
}

.nelko-fixed-wa {
    position: fixed;
    right: 26px;
    bottom: 26px;
    z-index: 90;
    display: flex;
    align-items: center;
    gap: 12px;
    border-radius: 12px;
    padding: 14px 20px;
    background: rgba(16, 37, 68, .92);
    border: 1px solid rgba(90, 156, 255, .18);
    box-shadow: 0 18px 45px rgba(0,0,0,.28);
}

.nelko-fixed-wa-icon {
    width: 42px;
    height: 42px;
    border-radius: 999px;
    color: var(--nelko-green);
    border: 2px solid var(--nelko-green);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 23px;
    font-weight: 1000;
}

.nelko-fixed-wa strong {
    display: block;
    color: #fff;
}

.nelko-fixed-wa span {
    display: block;
    color: #cbd5e1;
    font-size: 12px;
}

@media (max-width: 1320px) {
    .front-container {
        width: min(1180px, calc(100% - 48px));
    }

    .nelko-menu {
        gap: 20px;
    }

    .nelko-content-grid {
        grid-template-columns: 1fr;
    }

    .nelko-brand-row {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 960px) {
    .nelko-header {
        height: auto;
        padding: 12px 0;
    }

    .nelko-nav {
        grid-template-columns: 1fr auto;
    }

    .nelko-menu {
        display: none;
    }

    .nelko-actions {
        gap: 8px;
    }

    .nelko-whatsapp-head {
        display: none;
    }

    .nelko-mobile-menu-btn {
        display: inline-flex;
    }

    .nelko-hero {
        min-height: auto;
    }

    .nelko-hero-inner {
        grid-template-columns: 1fr;
        padding: 42px 0 110px;
    }

    .nelko-hero-visual {
        min-height: 430px;
    }

    .nelko-truck-showcase {
        position: relative;
        left: auto;
        right: auto;
        min-height: 280px;
    }

    .nelko-campaign-box {
        position: relative;
        top: auto;
        right: auto;
        width: 100%;
        margin-top: -20px;
    }

    .nelko-home-section {
        margin-top: -60px;
    }

    .nelko-footer-grid {
        grid-template-columns: 1fr 1fr;
    }

    .nelko-fixed-wa {
        left: 18px;
        right: 18px;
        bottom: 18px;
        justify-content: center;
    }
}

@media (max-width: 640px) {
    .front-container {
        width: calc(100% - 28px);
    }

    .nelko-logo-main {
        font-size: 30px;
    }

    .nelko-icon-btn,
    .nelko-theme-pill {
        display: none;
    }

    .nelko-hero-title {
        font-size: 38px;
        letter-spacing: -1.4px;
    }

    .nelko-hero-text {
        font-size: 16px;
    }

    .nelko-hero-buttons {
        flex-direction: column;
    }

    .nelko-btn {
        width: 100%;
    }

    .nelko-trust-row {
        gap: 16px;
    }

    .nelko-brand-row {
        display: flex;
        overflow-x: auto;
        padding-bottom: 6px;
        scroll-snap-type: x mandatory;
    }

    .nelko-brand-card {
        min-width: 160px;
        scroll-snap-align: start;
    }

    .nelko-featured-list {
        grid-template-columns: 1fr;
        padding: 0 16px 20px;
    }

    .nelko-search-grid {
        grid-template-columns: 1fr;
    }

    .nelko-footer-grid {
        grid-template-columns: 1fr;
    }

    .nelko-footer-bottom {
        flex-direction: column;
        gap: 10px;
    }
}

/* ==========================================================
   HEADER FONT / BOYUT DÜZELTME
   Footer ile uyumlu daha kurumsal yazı ölçüleri
   ========================================================== */

.nelko-header,
.nelko-header * {
    font-family: Inter, Manrope, Poppins, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

/* Header genel yükseklik biraz daha dengeli */
.nelko-header {
    height: 68px !important;
}

/* Logo alanı */
.nelko-logo-main {
    font-size: 32px !important;
    line-height: .9 !important;
    font-weight: 950 !important;
    letter-spacing: -1.4px !important;
}

.nelko-logo-sub {
    font-size: 10px !important;
    line-height: 1.1 !important;
    font-weight: 700 !important;
    letter-spacing: .45px !important;
    color: #b7c6d9 !important;
}

.nelko-logo img {
    height: 38px !important;
    max-width: 160px !important;
}

/* Menü yazıları footer ölçüsüne yakın */
.nelko-menu {
    gap: 30px !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 750 !important;
    letter-spacing: -0.1px !important;
}

.nelko-menu a {
    padding: 25px 0 23px !important;
    font-size: 14px !important;
    font-weight: 750 !important;
    line-height: 1.2 !important;
    color: #d7e4f5 !important;
}

/* Aktif menü çizgisi daha ince */
.nelko-menu a.active::after,
.nelko-menu a:hover::after {
    height: 2px !important;
    bottom: -1px !important;
}

/* Sağdaki ikonlar */
.nelko-icon-btn {
    width: 38px !important;
    height: 38px !important;
    font-size: 18px !important;
    font-weight: 700 !important;
}

/* Tema butonu */
.nelko-theme-pill {
    padding: 4px !important;
    gap: 6px !important;
    font-size: 13px !important;
}

.nelko-theme-toggle {
    width: 31px !important;
    height: 31px !important;
    font-size: 15px !important;
}

/* WhatsApp / Telefon yazı ölçüleri */
.nelko-whatsapp-head {
    gap: 10px !important;
    padding-left: 16px !important;
}

.nelko-wa-circle {
    width: 35px !important;
    height: 35px !important;
    font-size: 18px !important;
}

.nelko-phone-small {
    font-size: 11px !important;
    line-height: 1.15 !important;
    font-weight: 650 !important;
    color: #b7c6d9 !important;
}

.nelko-phone-main {
    font-size: 15px !important;
    line-height: 1.25 !important;
    font-weight: 850 !important;
    letter-spacing: .1px !important;
}

/* Açık tema uyumu */
body.front-light .nelko-menu a {
    color: #172033 !important;
}

body.front-light .nelko-logo-sub,
body.front-light .nelko-phone-small {
    color: #607086 !important;
}

body.front-light .nelko-phone-main {
    color: #102033 !important;
}

/* Header iç hizalama */
.nelko-nav {
    grid-template-columns: 210px 1fr auto !important;
    gap: 24px !important;
}

/* Desktop küçük ekranlarda taşmayı önle */
@media (max-width: 1320px) {
    .nelko-menu {
        gap: 22px !important;
        font-size: 13px !important;
    }

    .nelko-menu a {
        font-size: 13px !important;
    }

    .nelko-phone-main {
        font-size: 14px !important;
    }

    .nelko-nav {
        grid-template-columns: 190px 1fr auto !important;
        gap: 18px !important;
    }
}

/* Mobil header daha düzgün */
@media (max-width: 960px) {
    .nelko-header {
        height: auto !important;
        padding: 10px 0 !important;
    }

    .nelko-logo-main {
        font-size: 28px !important;
    }

    .nelko-logo-sub {
        font-size: 9px !important;
    }

    .nelko-logo img {
        height: 34px !important;
        max-width: 145px !important;
    }

    .nelko-menu {
        position: absolute !important;
        top: 64px !important;
        left: 14px !important;
        right: 14px !important;
        z-index: 200 !important;
        display: none;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 0 !important;
        padding: 12px !important;
        border-radius: 16px !important;
        background: rgba(5, 18, 34, .98) !important;
        border: 1px solid rgba(90, 156, 255, .22) !important;
        box-shadow: 0 20px 50px rgba(0,0,0,.35) !important;
    }

    .nelko-menu a {
        width: 100% !important;
        padding: 12px 10px !important;
        font-size: 14px !important;
        border-radius: 10px !important;
    }

    .nelko-menu a.active::after,
    .nelko-menu a:hover::after {
        display: none !important;
    }

    .nelko-menu a:hover {
        background: rgba(47, 140, 255, .14) !important;
    }

    body.front-light .nelko-menu {
        background: rgba(255, 250, 240, .98) !important;
        border-color: rgba(120, 72, 20, .16) !important;
    }
}

/* En küçük ekran */
@media (max-width: 640px) {
    .nelko-logo-main {
        font-size: 25px !important;
    }

    .nelko-logo img {
        height: 32px !important;
        max-width: 132px !important;
    }

    .nelko-mobile-menu-btn {
        display: inline-flex !important;
    }
}

/* ==========================================================
   GLOBAL FRONTEND TYPOGRAPHY RESET
   Tüm site yazıları footer ile aynı karaktere ve ölçüye yaklaştırıldı
   ========================================================== */

body.front-body,
body.front-body * {
    font-family: Inter, Manrope, Poppins, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    letter-spacing: 0 !important;
}

/* Ana gövde yazı ölçüsü: footer standardı */
body.front-body {
    font-size: 14px !important;
    line-height: 1.55 !important;
    font-weight: 400 !important;
}

/* Genel metinler */
p,
span,
a,
li,
small,
label,
input,
select,
textarea,
button,
div {
    font-size: 14px !important;
    line-height: 1.55 !important;
    font-weight: 400 !important;
}

/* Linkler footer gibi */
a {
    font-weight: 400 !important;
}

/* Header menü tamamen footer ayarında */
.nelko-menu,
.nelko-menu a {
    font-size: 14px !important;
    line-height: 1.55 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

/* Header logo yazısı fazla kalın olmasın */
.nelko-logo-main {
    font-size: 30px !important;
    line-height: 1 !important;
    font-weight: 600 !important;
    letter-spacing: -0.8px !important;
}

.nelko-logo-sub {
    font-size: 11px !important;
    line-height: 1.3 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
}

/* Header telefon alanı */
.nelko-phone-small {
    font-size: 12px !important;
    line-height: 1.35 !important;
    font-weight: 400 !important;
}

.nelko-phone-main {
    font-size: 14px !important;
    line-height: 1.35 !important;
    font-weight: 500 !important;
}

/* Hero alanı footer stiline yaklaştırıldı */
.nelko-eyebrow {
    font-size: 14px !important;
    line-height: 1.55 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

.nelko-hero-title {
    font-size: clamp(30px, 3.2vw, 48px) !important;
    line-height: 1.18 !important;
    font-weight: 500 !important;
    letter-spacing: -0.8px !important;
}

.nelko-hero-text {
    font-size: 14px !important;
    line-height: 1.65 !important;
    font-weight: 400 !important;
}

/* Hero güven alanı */
.nelko-trust strong,
.nelko-trust small {
    font-size: 13px !important;
    line-height: 1.45 !important;
    font-weight: 400 !important;
}

/* Butonlar fazla kalın olmasın */
.nelko-btn,
.front-btn,
.vehicle-mini-btn,
.nelko-search-submit,
.share-button,
.mobile-call,
.mobile-whatsapp,
.mobile-features-btn,
.mobile-nav-btn {
    font-size: 14px !important;
    line-height: 1.35 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

/* Kampanya kutusu */
.nelko-campaign-label {
    font-size: 14px !important;
    line-height: 1.55 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

.nelko-campaign-title {
    font-size: 24px !important;
    line-height: 1.25 !important;
    font-weight: 500 !important;
    letter-spacing: -0.4px !important;
}

.nelko-campaign-text {
    font-size: 14px !important;
    line-height: 1.6 !important;
    font-weight: 400 !important;
}

/* Bölüm başlıkları */
.section-title,
.nelko-panel-title,
.detail-side h1,
.detail-side h2,
.video-box h2,
.viewer-360-interactive h2,
.viewer-360-box h2 {
    font-size: 18px !important;
    line-height: 1.4 !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

/* Panel başlığı ve linkler */
.nelko-panel-head,
.nelko-panel-head * {
    font-size: 14px !important;
    line-height: 1.55 !important;
    font-weight: 400 !important;
}

.nelko-panel-link {
    font-size: 14px !important;
    font-weight: 400 !important;
}

/* Marka kartları */
.nelko-brand-card,
.nelko-brand-card span,
.nelko-brand-fallback {
    font-size: 14px !important;
    line-height: 1.45 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
}

/* Araç kartları */
.nelko-vehicle-mini-title,
.vehicle-title,
.vehicle-card-title {
    font-size: 14px !important;
    line-height: 1.45 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
}

.nelko-vehicle-mini-meta,
.vehicle-meta,
.vehicle-card-status,
.vehicle-card-badge,
.nelko-campaign-tag {
    font-size: 13px !important;
    line-height: 1.45 !important;
    font-weight: 400 !important;
}

.nelko-vehicle-mini-price,
.vehicle-price {
    font-size: 15px !important;
    line-height: 1.45 !important;
    font-weight: 500 !important;
}

/* Hızlı araç arama */
.nelko-search-grid select,
.nelko-search-grid input,
.filter-grid input,
.filter-grid select,
.contact-form input,
.contact-form textarea {
    font-size: 14px !important;
    line-height: 1.45 !important;
    font-weight: 400 !important;
}

/* Araç detay özellik kutuları */
.spec small,
.spec strong,
.spec-grid,
.spec-grid * {
    font-size: 14px !important;
    line-height: 1.45 !important;
    font-weight: 400 !important;
}

/* İç sayfa detay alanları */
.detail-side,
.detail-side p,
.detail-side div,
.detail-side span,
.detail-side strong,
.detail-side small {
    font-size: 14px !important;
    line-height: 1.6 !important;
    font-weight: 400 !important;
}

/* Premium badge bile sade */
.premium-badge {
    font-size: 13px !important;
    line-height: 1.35 !important;
    font-weight: 400 !important;
    text-transform: none !important;
}

/* Mobil PWA alanları */
.mobile-model,
.mobile-price,
.mobile-info-title,
.mobile-info-item,
.mobile-info-item small,
.mobile-info-item strong,
.mobile-bottom,
.mobile-bottom *,
.mobile-top,
.mobile-top * {
    font-size: 14px !important;
    line-height: 1.45 !important;
    font-weight: 400 !important;
}

/* Footer zaten referans, ama yine sabitliyoruz */
.nelko-footer,
.nelko-footer *,
.nelko-footer a,
.nelko-footer li,
.nelko-footer p {
    font-size: 14px !important;
    line-height: 1.55 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
}

.nelko-footer h4 {
    font-size: 15px !important;
    line-height: 1.45 !important;
    font-weight: 500 !important;
    text-transform: none !important;
}

.nelko-footer-logo {
    font-size: 32px !important;
    line-height: 1 !important;
    font-weight: 500 !important;
    letter-spacing: -0.8px !important;
}

/* Kalın gelen tüm özel classları yumuşat */
strong,
b,
.font-bold,
.font-semibold,
.font-extrabold,
.font-black {
    font-weight: 500 !important;
}

/* Kart içi çok kalın yazıları yumuşat */
.nelko-panel strong,
.nelko-card strong,
.vehicle-card strong,
.detail-side strong,
.hero-premium-stat strong {
    font-weight: 500 !important;
}

/* Hero istatistik alanları varsa */
.hero-premium-stat strong {
    font-size: 20px !important;
    line-height: 1.25 !important;
}

.hero-premium-stat span {
    font-size: 14px !important;
    line-height: 1.45 !important;
    font-weight: 400 !important;
}

/* Mobil uyum */
@media (max-width: 960px) {
    body.front-body {
        font-size: 14px !important;
    }

    .nelko-hero-title {
        font-size: 32px !important;
        line-height: 1.2 !important;
        font-weight: 500 !important;
    }

    .nelko-menu a {
        font-size: 14px !important;
        font-weight: 400 !important;
    }

    .nelko-campaign-title {
        font-size: 20px !important;
    }
}

@media (max-width: 640px) {
    .nelko-hero-title {
        font-size: 28px !important;
    }

    .section-title,
    .nelko-panel-title,
    .detail-side h1,
    .detail-side h2 {
        font-size: 17px !important;
    }

    p,
    span,
    a,
    li,
    small,
    label,
    input,
    select,
    textarea,
    button,
    div {
        font-size: 14px !important;
    }
}

/* ==========================================================
   MARKA / MODEL / YIL SEÇİM SAYFALARI
   Görsel referans: koyu mavi katalog sayfaları
   ========================================================== */

.catalog-page {
    min-height: 100vh;
    padding-bottom: 20px;
}

.catalog-breadcrumb {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 28px 0 18px;
    color: #8fb6e8;
    font-size: 14px !important;
}

.catalog-breadcrumb a,
.catalog-breadcrumb span {
    font-size: 14px !important;
    font-weight: 400 !important;
}

.catalog-hero {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    min-height: 270px;
    border: 1px solid rgba(90, 156, 255, .22);
    background:
        linear-gradient(90deg, rgba(3, 16, 31, .98) 0%, rgba(3, 16, 31, .82) 42%, rgba(3, 16, 31, .34) 72%, rgba(3, 16, 31, .84) 100%),
        var(--catalog-bg);
    background-size: cover;
    background-position: center;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .20);
}

.catalog-hero-inner {
    position: relative;
    z-index: 2;
    min-height: 270px;
    padding: 34px 28px;
    display: grid;
    grid-template-columns: 1fr .9fr;
    align-items: center;
}

.catalog-hero-brand {
    color: #fff;
    font-size: clamp(44px, 7vw, 82px) !important;
    line-height: .9 !important;
    font-weight: 500 !important;
    letter-spacing: -1px !important;
    margin-bottom: 16px;
}

.catalog-hero-title {
    color: #fff;
    font-size: 26px !important;
    line-height: 1.25 !important;
    font-weight: 500 !important;
    margin-bottom: 13px;
}

.catalog-hero-text {
    max-width: 640px;
    color: #c9d6e7;
    font-size: 14px !important;
    line-height: 1.65 !important;
    font-weight: 400 !important;
}

.catalog-hero-features {
    display: flex;
    gap: 34px;
    flex-wrap: wrap;
    margin-top: 26px;
}

.catalog-feature {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #fff;
}

.catalog-feature-icon {
    width: 34px;
    height: 34px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.24);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #9ac5ff;
}

.catalog-feature strong,
.catalog-feature small {
    display: block;
    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 400 !important;
}

.catalog-feature small {
    color: #b7c6d9;
}

.catalog-tabs-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin: 18px 0 16px;
}

.catalog-tabs {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding-bottom: 4px;
}

.catalog-tab {
    min-width: 170px;
    height: 42px;
    border-radius: 7px;
    border: 1px solid rgba(90, 156, 255, .18);
    background: rgba(13, 34, 58, .82);
    color: #dbeafe;
    padding: 0 14px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.catalog-tab.active {
    background: linear-gradient(135deg, #1d6fff, #0f55ff);
    border-color: transparent;
    color: #fff;
}

.catalog-tab span,
.catalog-tab strong {
    font-size: 14px !important;
    font-weight: 400 !important;
}

.catalog-tab-count {
    min-width: 24px;
    height: 22px;
    border-radius: 999px;
    background: rgba(255,255,255,.16);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px !important;
}

.catalog-sort {
    min-width: 220px;
    height: 42px;
    border-radius: 7px;
    border: 1px solid rgba(90, 156, 255, .22);
    background: rgba(13, 34, 58, .82);
    color: #dbeafe;
    padding: 0 14px;
    font-size: 14px !important;
}

.catalog-section-head {
    display: flex;
    align-items: center;
    gap: 18px;
    margin: 8px 0 14px;
}

.catalog-section-title {
    color: #fff;
    font-size: 22px !important;
    line-height: 1.3 !important;
    font-weight: 500 !important;
}

.catalog-section-line {
    height: 1px;
    flex: 1;
    background: rgba(90,156,255,.18);
}

.catalog-slider-wrap {
    position: relative;
}

.catalog-card-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 18px;
}

.catalog-card-grid.scrollable {
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth;
    padding-bottom: 8px;
    scrollbar-width: none;
}

.catalog-card-grid.scrollable::-webkit-scrollbar {
    display: none;
}

.catalog-card-grid.scrollable .catalog-model-card,
.catalog-card-grid.scrollable .catalog-year-card {
    min-width: calc((100% - 90px) / 6);
}

.catalog-slider-arrow {
    position: absolute;
    top: 42%;
    transform: translateY(-50%);
    z-index: 8;
    width: 42px;
    height: 42px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.16);
    background: rgba(3,16,31,.58);
    color: #fff;
    backdrop-filter: blur(12px);
    cursor: pointer;
    font-size: 24px !important;
}

.catalog-slider-arrow.left {
    left: -12px;
}

.catalog-slider-arrow.right {
    right: -12px;
}

.catalog-model-card,
.catalog-year-card {
    overflow: hidden;
    border-radius: 8px;
    border: 1px solid rgba(90, 156, 255, .22);
    background: rgba(9, 30, 55, .88);
    box-shadow: 0 18px 45px rgba(0,0,0,.16);
    transition: .2s ease;
}

.catalog-model-card:hover,
.catalog-year-card:hover {
    border-color: rgba(47,140,255,.52);
    transform: translateY(-3px);
}

.catalog-card-image {
    position: relative;
    height: 150px;
    background: #0b1733;
    overflow: hidden;
}

.catalog-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: .25s ease;
}

.catalog-model-card:hover .catalog-card-image img,
.catalog-year-card:hover .catalog-card-image img {
    transform: scale(1.04);
}

.catalog-year-badge {
    position: absolute;
    left: 12px;
    top: 12px;
    min-width: 76px;
    height: 42px;
    border-radius: 7px;
    background: linear-gradient(135deg, #1d6fff, #0f55ff);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 24px !important;
    line-height: 1 !important;
    font-weight: 500 !important;
    box-shadow: 0 12px 26px rgba(29,111,255,.30);
}

.catalog-card-body {
    padding: 14px;
}

.catalog-card-title {
    color: #fff;
    font-size: 17px !important;
    line-height: 1.35 !important;
    font-weight: 500 !important;
    margin-bottom: 8px;
}

.catalog-card-text {
    min-height: 62px;
    color: #c4d1e1;
    font-size: 14px !important;
    line-height: 1.45 !important;
    font-weight: 400 !important;
}

.catalog-count-row {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #dbeafe;
    margin: 12px 0;
}

.catalog-count-row span {
    font-size: 14px !important;
    font-weight: 400 !important;
}

.catalog-card-button {
    height: 40px;
    border-radius: 7px;
    background: rgba(255,255,255,.06);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 14px;
    font-size: 14px !important;
    font-weight: 400 !important;
}

.catalog-card-button.primary {
    background: linear-gradient(135deg, #1d6fff, #0f55ff);
}

.catalog-cta {
    position: relative;
    overflow: hidden;
    margin-top: 18px;
    border-radius: 8px;
    border: 1px solid rgba(29,111,255,.60);
    background: linear-gradient(135deg, rgba(13, 50, 91, .92), rgba(14, 65, 125, .78));
    padding: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.catalog-cta::after {
    content: attr(data-watermark);
    position: absolute;
    right: 220px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 92px;
    line-height: 1;
    color: rgba(255,255,255,.035);
    font-weight: 700;
    pointer-events: none;
}

.catalog-cta-left {
    display: flex;
    align-items: center;
    gap: 18px;
    position: relative;
    z-index: 2;
}

.catalog-cta-icon {
    width: 64px;
    height: 64px;
    border-radius: 10px;
    border: 2px solid #2f8cff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 28px !important;
    color: #fff;
}

.catalog-cta h3 {
    margin: 0 0 6px;
    color: #fff;
    font-size: 22px !important;
    line-height: 1.3 !important;
    font-weight: 500 !important;
}

.catalog-cta p {
    margin: 0;
    color: #cbd5e1;
    font-size: 14px !important;
}

.catalog-cta-button {
    position: relative;
    z-index: 2;
    min-width: 230px;
    height: 54px;
    border-radius: 7px;
    border: 1px solid rgba(255,255,255,.60);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 22px;
    font-size: 14px !important;
    font-weight: 400 !important;
}

.catalog-empty {
    border-radius: 8px;
    border: 1px dashed rgba(90,156,255,.28);
    padding: 28px;
    color: #b7c6d9;
    text-align: center;
}

@media (max-width: 1320px) {
    .catalog-card-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .catalog-card-grid.scrollable .catalog-model-card,
    .catalog-card-grid.scrollable .catalog-year-card {
        min-width: calc((100% - 36px) / 3);
    }
}

@media (max-width: 860px) {
    .catalog-hero-inner {
        grid-template-columns: 1fr;
    }

    .catalog-tabs-row {
        align-items: stretch;
        flex-direction: column;
    }

    .catalog-sort {
        width: 100%;
    }

    .catalog-card-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .catalog-card-grid.scrollable .catalog-model-card,
    .catalog-card-grid.scrollable .catalog-year-card {
        min-width: calc((100% - 18px) / 2);
    }

    .catalog-cta {
        align-items: stretch;
        flex-direction: column;
    }

    .catalog-cta-button {
        width: 100%;
    }
}

@media (max-width: 560px) {
    .catalog-breadcrumb {
        margin-top: 18px;
    }

    .catalog-hero-brand {
        font-size: 44px !important;
    }

    .catalog-hero-title {
        font-size: 21px !important;
    }

    .catalog-hero-features {
        gap: 16px;
    }

    .catalog-card-grid,
    .catalog-card-grid.scrollable {
        display: grid;
        grid-template-columns: 1fr;
        overflow: visible;
    }

    .catalog-card-grid.scrollable .catalog-model-card,
    .catalog-card-grid.scrollable .catalog-year-card {
        min-width: 0;
    }

    .catalog-slider-arrow {
        display: none;
    }

    .catalog-card-image {
        height: 190px;
    }
}

/* ==========================================================
   ANASAYFA MARKA SLIDER - TEK SATIR / 8 MARKA / SWIPE
   ========================================================== */

.home-brand-slider-shell {
    position: relative !important;
    width: 100% !important;
    margin-bottom: 18px !important;
    padding: 0 44px !important;
}

.home-brand-slider-shell .nelko-brand-row {
    display: flex !important;
    flex-wrap: nowrap !important;
    grid-template-columns: none !important;
    gap: 16px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-behavior: smooth !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    padding: 4px 0 !important;
    margin-bottom: 0 !important;
}

.home-brand-slider-shell .nelko-brand-row::-webkit-scrollbar {
    display: none !important;
}

.home-brand-slider-shell .nelko-brand-card {
    flex: 0 0 calc((100% - 112px) / 8) !important;
    min-width: calc((100% - 112px) / 8) !important;
    max-width: calc((100% - 112px) / 8) !important;
    scroll-snap-align: start !important;
    min-height: 112px !important;
    padding: 12px 10px !important;
    border-radius: 10px !important;
}

.home-brand-slider-shell .nelko-brand-card img {
    max-width: 120px !important;
    max-height: 42px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
}

.home-brand-slider-shell .nelko-brand-card span {
    font-size: 14px !important;
    line-height: 1.35 !important;
    font-weight: 400 !important;
    margin-top: 4px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 100% !important;
}

.home-brand-slider-shell .nelko-brand-fallback {
    font-size: 16px !important;
    line-height: 1.2 !important;
    font-weight: 500 !important;
    max-width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.home-brand-arrow {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 20 !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    background: rgba(3,16,31,.72) !important;
    color: #ffffff !important;
    backdrop-filter: blur(12px) !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 22px !important;
    line-height: 1 !important;
    font-weight: 400 !important;
    box-shadow: 0 10px 24px rgba(0,0,0,.28) !important;
    transition: .2s ease !important;
}

.home-brand-arrow:hover {
    background: rgba(29,111,255,.92) !important;
    border-color: rgba(47,140,255,.8) !important;
}

.home-brand-arrow.left {
    left: 0 !important;
}

.home-brand-arrow.right {
    right: 0 !important;
}

/* 1400 altı: 6 marka */
@media (max-width: 1400px) {
    .home-brand-slider-shell .nelko-brand-card {
        flex-basis: calc((100% - 80px) / 6) !important;
        min-width: calc((100% - 80px) / 6) !important;
        max-width: calc((100% - 80px) / 6) !important;
    }
}

/* 1100 altı: 4 marka */
@media (max-width: 1100px) {
    .home-brand-slider-shell .nelko-brand-card {
        flex-basis: calc((100% - 48px) / 4) !important;
        min-width: calc((100% - 48px) / 4) !important;
        max-width: calc((100% - 48px) / 4) !important;
    }
}

/* Mobil: 2 marka, swipe */
@media (max-width: 768px) {
    .home-brand-slider-shell {
        padding: 0 34px !important;
    }

    .home-brand-slider-shell .nelko-brand-card {
        flex-basis: calc((100% - 16px) / 2) !important;
        min-width: calc((100% - 16px) / 2) !important;
        max-width: calc((100% - 16px) / 2) !important;
        min-height: 105px !important;
    }

    .home-brand-arrow {
        width: 31px !important;
        height: 31px !important;
        font-size: 18px !important;
    }
}

/* En küçük ekran */
@media (max-width: 420px) {
    .home-brand-slider-shell {
        padding: 0 30px !important;
    }

    .home-brand-slider-shell .nelko-brand-card {
        flex-basis: calc((100% - 12px) / 2) !important;
        min-width: calc((100% - 12px) / 2) !important;
        max-width: calc((100% - 12px) / 2) !important;
    }
}

/* ==========================================================
   HERO ARKA PLAN TEMİZLEME
   Eski splash/SATIŞ görselini tamamen kaldırır
   ========================================================== */

.nelko-hero::before {
    background:
        linear-gradient(
            90deg,
            rgba(3, 16, 31, .98) 0%,
            rgba(3, 16, 31, .88) 35%,
            rgba(3, 16, 31, .38) 68%,
            rgba(3, 16, 31, .82) 100%
        ),
        radial-gradient(circle at 72% 18%, rgba(29, 111, 255, .18), transparent 34%),
        radial-gradient(circle at 16% 12%, rgba(47, 140, 255, .10), transparent 28%),
        linear-gradient(135deg, #03101f 0%, #061426 48%, #071b34 100%) !important;

    opacity: 1 !important;
    background-size: cover !important;
    background-position: center !important;
}

.nelko-hero::after {
    background:
        linear-gradient(0deg, #061426 0%, rgba(6, 20, 38, .82) 18%, transparent 46%) !important;
}

/* Hero görselinin arkasında istenmeyen yazı/gölge görünmesini engelle */
.nelko-hero {
    background:
        radial-gradient(circle at 72% 18%, rgba(29, 111, 255, .12), transparent 34%),
        linear-gradient(135deg, #03101f 0%, #061426 48%, #071b34 100%) !important;
}

/* Hero içindeki büyük araç alanı temiz kalsın */
.nelko-truck-showcase::before,
.nelko-truck-showcase::after {
    content: none !important;
    display: none !important;
}


/* ==========================================================
   HERO / KAMPANYA PREMIUM GÖRÜNÜM DÜZELTMESİ
   ========================================================== */

/* Hero banner ana görsel alanı */
.nelko-truck-showcase,
.nelko-hero-visual,
.hero-banner-visual,
.brand-hero-visual,
.model-hero-visual,
.year-hero-visual,
.page-hero-visual,
.hero-media,
.banner-media,
.banner-visual {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 28px !important;
    border: 1px solid rgba(110, 156, 255, 0.16) !important;
    background: linear-gradient(180deg, rgba(7, 19, 37, 0.92) 0%, rgba(5, 14, 28, 0.96) 100%) !important;
    box-shadow:
        0 26px 70px rgba(0, 0, 0, 0.34),
        0 10px 24px rgba(6, 33, 82, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

/* Hero / banner içindeki görseller */
.nelko-truck-showcase img,
.nelko-hero-visual img,
.hero-banner-visual img,
.brand-hero-visual img,
.model-hero-visual img,
.year-hero-visual img,
.page-hero-visual img,
.hero-media img,
.banner-media img,
.banner-visual img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 24px !important;
    filter: saturate(1.02) contrast(0.98) brightness(1.01) !important;
    transition: transform .35s ease, filter .35s ease !important;
}

/* Premium yumuşak overlay */
.nelko-truck-showcase::after,
.nelko-hero-visual::after,
.hero-banner-visual::after,
.brand-hero-visual::after,
.model-hero-visual::after,
.year-hero-visual::after,
.page-hero-visual::after,
.hero-media::after,
.banner-media::after,
.banner-visual::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    border-radius: inherit !important;
    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.04),
        inset 0 -85px 110px rgba(4, 10, 24, 0.15) !important;
}

/* Hover'da hafif premium his */
.nelko-truck-showcase:hover img,
.nelko-hero-visual:hover img,
.hero-banner-visual:hover img,
.brand-hero-visual:hover img,
.model-hero-visual:hover img,
.year-hero-visual:hover img,
.page-hero-visual:hover img,
.hero-media:hover img,
.banner-media:hover img,
.banner-visual:hover img {
    transform: scale(1.01) !important;
}

/* Kampanya kartı daha premium */
.hero-campaign-card,
.nelko-campaign-card,
.kampanya-karti,
.campaign-card,
.hero-slider-card {
    position: relative !important;
    z-index: 35 !important;
    pointer-events: auto !important;
    border-radius: 28px !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    background:
        linear-gradient(180deg, rgba(36, 56, 92, 0.94) 0%, rgba(32, 48, 78, 0.94) 100%) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    box-shadow:
        0 24px 54px rgba(0, 0, 0, 0.26),
        0 8px 20px rgba(18, 53, 119, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

/* Kampanya kartı içindeki buton/link */
.hero-campaign-card a,
.hero-campaign-card button,
.nelko-campaign-card a,
.nelko-campaign-card button,
.kampanya-karti a,
.kampanya-karti button,
.campaign-card a,
.campaign-card button,
.hero-slider-card a,
.hero-slider-card button,
.campaign-cta-fixed {
    position: relative !important;
    z-index: 60 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
}

/* Slider noktaları ve okları mutlaka tıklanabilir olsun */
.swiper-button-next,
.swiper-button-prev,
.swiper-pagination-bullet,
.hero-slider-dot,
.campaign-dot,
.slider-dot,
.hero-next,
.hero-prev {
    pointer-events: auto !important;
    z-index: 60 !important;
    cursor: pointer !important;
}

/* Hero içindeki tüm üst katmanların tıklanabilirliği */
.nelko-hero,
.nelko-hero * {
    pointer-events: auto;
}


/* =========================================================
   HERO BANNER TEMİZLEME / KAMPANYA KARTINI KALDIRMA
   ========================================================= */

/* Kampanya kutusunu tamamen kaldır */
.nelko-hero-campaign,
.hero-campaign-card,
.premium-hero-campaign,
.home-hero-campaign,
.hero-right .campaign-card,
.hero-banner .campaign-card,
.hero-banner .premium-campaign-card,
.hero-banner [class*="campaign"],
.hero-banner [class*="kampanya"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Hero ana alan */
.nelko-hero,
.premium-hero,
.hero-banner,
.home-hero-section {
    position: relative;
    overflow: hidden;
}

/* Hero iç grid daha dengeli */
.nelko-hero-grid,
.premium-hero-grid,
.hero-banner-grid,
.home-hero-grid,
.hero-main-grid {
    display: grid !important;
    grid-template-columns: 1.05fr 1.15fr !important;
    align-items: center !important;
    gap: 36px !important;
}

/* Sağ görsel alanı büyüt */
.nelko-hero-media,
.premium-hero-media,
.hero-banner-media,
.hero-right,
.home-hero-media,
.hero-image-area {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 620px !important;
    border-radius: 28px !important;
    overflow: hidden !important;
    background: linear-gradient(180deg, rgba(11,27,55,.55), rgba(4,13,30,.80)) !important;
    box-shadow:
        0 30px 80px rgba(0,0,0,.38),
        0 12px 32px rgba(0, 120, 255, .10),
        inset 0 0 0 1px rgba(255,255,255,.06) !important;
    border: 1px solid rgba(80, 140, 255, 0.15) !important;
}

/* Hero resim wrapper */
.nelko-hero-media picture,
.nelko-hero-media .image-wrap,
.premium-hero-media picture,
.premium-hero-media .image-wrap,
.hero-banner-media picture,
.hero-banner-media .image-wrap,
.hero-right picture,
.hero-right .image-wrap,
.home-hero-media picture,
.home-hero-media .image-wrap,
.hero-image-area picture,
.hero-image-area .image-wrap {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 620px !important;
}

/* Görsel daha büyük ve net */
.nelko-hero-media img,
.premium-hero-media img,
.hero-banner-media img,
.hero-right img,
.home-hero-media img,
.hero-image-area img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 620px !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 28px !important;
    transform: scale(1.035) !important;
    filter: contrast(1.04) saturate(1.03) brightness(1.01) !important;
    image-rendering: auto !important;
}

/* Hero görsel üstü hafif derinlik */
.nelko-hero-media::before,
.premium-hero-media::before,
.hero-banner-media::before,
.hero-right::before,
.home-hero-media::before,
.hero-image-area::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: 28px !important;
    background:
        linear-gradient(180deg, rgba(4,10,25,.08) 0%, rgba(4,10,25,.02) 35%, rgba(4,10,25,.18) 100%);
    pointer-events: none !important;
    z-index: 2 !important;
}

/* Hero içindeki gereksiz absolute elemanları bastır */
.hero-banner .floating-sale,
.hero-banner .sale-badge,
.hero-banner .hero-overlay-card,
.hero-banner .hero-mini-slider,
.hero-banner .hero-slider-controls,
.hero-banner .hero-dots,
.hero-banner .hero-arrows,
.hero-banner .swiper-pagination,
.hero-banner .swiper-button-prev,
.hero-banner .swiper-button-next {
    display: none !important;
}

/* Sol içerik biraz daha rahat */
.nelko-hero-content,
.premium-hero-content,
.hero-left,
.home-hero-content {
    max-width: 760px !important;
    position: relative !important;
    z-index: 3 !important;
}

/* Büyük ekran */
@media (min-width: 1600px) {
    .nelko-hero-grid,
    .premium-hero-grid,
    .hero-banner-grid,
    .home-hero-grid,
    .hero-main-grid {
        grid-template-columns: 1fr 1.22fr !important;
        gap: 44px !important;
    }

    .nelko-hero-media,
    .premium-hero-media,
    .hero-banner-media,
    .hero-right,
    .home-hero-media,
    .hero-image-area,
    .nelko-hero-media picture,
    .premium-hero-media picture,
    .hero-banner-media picture,
    .hero-right picture,
    .home-hero-media picture,
    .hero-image-area picture,
    .nelko-hero-media img,
    .premium-hero-media img,
    .hero-banner-media img,
    .hero-right img,
    .home-hero-media img,
    .hero-image-area img {
        min-height: 700px !important;
    }
}

/* Tablet */
@media (max-width: 1199px) {
    .nelko-hero-grid,
    .premium-hero-grid,
    .hero-banner-grid,
    .home-hero-grid,
    .hero-main-grid {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }

    .nelko-hero-media,
    .premium-hero-media,
    .hero-banner-media,
    .hero-right,
    .home-hero-media,
    .hero-image-area,
    .nelko-hero-media picture,
    .premium-hero-media picture,
    .hero-banner-media picture,
    .hero-right picture,
    .home-hero-media picture,
    .hero-image-area picture,
    .nelko-hero-media img,
    .premium-hero-media img,
    .hero-banner-media img,
    .hero-right img,
    .home-hero-media img,
    .hero-image-area img {
        min-height: 420px !important;
    }
}

/* Mobil */
@media (max-width: 767px) {
    .nelko-hero-media,
    .premium-hero-media,
    .hero-banner-media,
    .hero-right,
    .home-hero-media,
    .hero-image-area,
    .nelko-hero-media picture,
    .premium-hero-media picture,
    .hero-banner-media picture,
    .hero-right picture,
    .home-hero-media picture,
    .hero-image-area picture,
    .nelko-hero-media img,
    .premium-hero-media img,
    .hero-banner-media img,
    .hero-right img,
    .home-hero-media img,
    .hero-image-area img {
        min-height: 320px !important;
        border-radius: 22px !important;
    }

    .nelko-hero-media img,
    .premium-hero-media img,
    .hero-banner-media img,
    .hero-right img,
    .home-hero-media img,
    .hero-image-area img {
        transform: scale(1.02) !important;
    }
}

/* ==========================================================
   HERO %60 GÖRSEL + KAMPANYASIZ TEMİZ TASARIM
   ========================================================== */

/* Önceden eklenen kampanya kartını kesin kapat */
.nelko-campaign-box,
.hero-campaign-card,
.home-hero-campaign,
.premium-hero-campaign,
.hero-promo-card,
[class*="campaign-card"],
[class*="kampanya-card"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Hero ana düzen: sol %40, sağ %60 */
.nelko-hero {
    min-height: 760px !important;
    overflow: hidden !important;
    background:
        radial-gradient(circle at 74% 16%, rgba(29, 111, 255, .16), transparent 34%),
        linear-gradient(135deg, #03101f 0%, #061426 48%, #071b34 100%) !important;
}

.nelko-hero-inner {
    display: grid !important;
    grid-template-columns: 0.78fr 1.22fr !important;
    gap: 48px !important;
    align-items: center !important;
    padding: 54px 0 96px !important;
}

/* Sağ hero görsel sahnesi */
.nelko-hero-visual {
    position: relative !important;
    min-height: 610px !important;
    width: 100% !important;
    overflow: visible !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Hero görseli tekrar görünür ve büyük */
.nelko-truck-showcase {
    position: absolute !important;
    inset: 24px 0 34px 0 !important;
    width: 100% !important;
    min-height: 560px !important;
    overflow: hidden !important;
    border-radius: 30px !important;
    border: 1px solid rgba(90, 156, 255, .22) !important;
    background: linear-gradient(180deg, rgba(8, 26, 50, .92), rgba(4, 13, 30, .96)) !important;
    box-shadow:
        0 34px 90px rgba(0, 0, 0, .38),
        0 12px 34px rgba(29, 111, 255, .13),
        inset 0 1px 0 rgba(255, 255, 255, .06) !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Görsel net, büyük ve düzgün */
.nelko-truck-showcase img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 560px !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 28px !important;
    filter: contrast(1.04) saturate(1.04) brightness(1.01) !important;
    transform: scale(1.02) !important;
}

/* Yumuşak overlay */
.nelko-truck-showcase::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    border-radius: inherit !important;
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.04),
        inset 0 -95px 120px rgba(4,10,24,.18),
        inset 90px 0 120px rgba(4,10,24,.10) !important;
}

/* Markalar hero altında geri gelsin */
.nelko-home-section {
    position: relative !important;
    z-index: 10 !important;
    margin-top: -72px !important;
}

/* ==========================================================
   ANASAYFA MARKA SLIDER - TEK SATIR / 8 MARKA
   ========================================================== */

.home-brand-slider-shell {
    position: relative !important;
    width: 100% !important;
    margin-bottom: 18px !important;
    padding: 0 44px !important;
    z-index: 20 !important;
}

.home-brand-slider-shell .nelko-brand-row {
    display: flex !important;
    flex-wrap: nowrap !important;
    grid-template-columns: none !important;
    gap: 16px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-behavior: smooth !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    padding: 4px 0 !important;
    margin-bottom: 0 !important;
}

.home-brand-slider-shell .nelko-brand-row::-webkit-scrollbar {
    display: none !important;
}

.home-brand-slider-shell .nelko-brand-card {
    flex: 0 0 calc((100% - 112px) / 8) !important;
    min-width: calc((100% - 112px) / 8) !important;
    max-width: calc((100% - 112px) / 8) !important;
    scroll-snap-align: start !important;
    min-height: 112px !important;
    padding: 12px 10px !important;
    border-radius: 10px !important;
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.home-brand-slider-shell .nelko-brand-card img {
    max-width: 120px !important;
    max-height: 42px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
}

.home-brand-slider-shell .nelko-brand-card span {
    font-size: 14px !important;
    line-height: 1.35 !important;
    font-weight: 400 !important;
    margin-top: 4px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 100% !important;
}

.home-brand-arrow {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 30 !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    background: rgba(3,16,31,.72) !important;
    color: #ffffff !important;
    backdrop-filter: blur(12px) !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 22px !important;
    line-height: 1 !important;
    font-weight: 400 !important;
    box-shadow: 0 10px 24px rgba(0,0,0,.28) !important;
}

.home-brand-arrow.left {
    left: 0 !important;
}

.home-brand-arrow.right {
    right: 0 !important;
}

@media (max-width: 1400px) {
    .home-brand-slider-shell .nelko-brand-card {
        flex-basis: calc((100% - 80px) / 6) !important;
        min-width: calc((100% - 80px) / 6) !important;
        max-width: calc((100% - 80px) / 6) !important;
    }
}

@media (max-width: 1100px) {
    .nelko-hero-inner {
        grid-template-columns: 1fr !important;
        gap: 28px !important;
    }

    .nelko-hero-visual {
        min-height: 420px !important;
    }

    .nelko-truck-showcase {
        position: relative !important;
        inset: auto !important;
        min-height: 420px !important;
    }

    .nelko-truck-showcase img {
        min-height: 420px !important;
    }

    .home-brand-slider-shell .nelko-brand-card {
        flex-basis: calc((100% - 48px) / 4) !important;
        min-width: calc((100% - 48px) / 4) !important;
        max-width: calc((100% - 48px) / 4) !important;
    }
}

@media (max-width: 768px) {
    .nelko-hero {
        min-height: auto !important;
    }

    .nelko-hero-inner {
        padding: 42px 0 88px !important;
    }

    .nelko-truck-showcase,
    .nelko-truck-showcase img {
        min-height: 320px !important;
        border-radius: 22px !important;
    }

    .home-brand-slider-shell {
        padding: 0 34px !important;
    }

    .home-brand-slider-shell .nelko-brand-card {
        flex-basis: calc((100% - 16px) / 2) !important;
        min-width: calc((100% - 16px) / 2) !important;
        max-width: calc((100% - 16px) / 2) !important;
        min-height: 105px !important;
    }

    .home-brand-arrow {
        width: 31px !important;
        height: 31px !important;
        font-size: 18px !important;
    }
}

/* ==========================================================
   FLOATING WHATSAPP -> SADECE IKON
   ========================================================== */
.wa-icon-only-fab{
    width: 72px !important;
    height: 72px !important;
    min-width: 72px !important;
    min-height: 72px !important;
    max-width: 72px !important;
    max-height: 72px !important;
    padding: 0 !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

.wa-icon-only-fab .wa-text,
.wa-icon-only-fab .content,
.wa-icon-only-fab .label,
.wa-icon-only-fab .desc,
.wa-icon-only-fab .title,
.wa-icon-only-fab .subtitle,
.wa-icon-only-fab strong,
.wa-icon-only-fab small,
.wa-icon-only-fab p,
.wa-icon-only-fab span:not(.wa-keep-icon),
.wa-icon-only-fab div:not(.wa-keep-icon):not(.icon):not(.icon-wrap):not(.wa-icon-wrap){
    display: none !important;
}

.wa-icon-only-fab .icon,
.wa-icon-only-fab .icon-wrap,
.wa-icon-only-fab .wa-icon-wrap,
.wa-icon-only-fab .wa-keep-icon{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 72px !important;
    height: 72px !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: 0 0 72px !important;
}

.wa-icon-only-fab svg,
.wa-icon-only-fab img,
.wa-icon-only-fab i{
    width: 34px !important;
    height: 34px !important;
    font-size: 34px !important;
    line-height: 1 !important;
    display: block !important;
    object-fit: contain !important;
}

@media (max-width: 768px){
    .wa-icon-only-fab{
        width: 64px !important;
        height: 64px !important;
        min-width: 64px !important;
        min-height: 64px !important;
        max-width: 64px !important;
        max-height: 64px !important;
    }

    .wa-icon-only-fab .icon,
    .wa-icon-only-fab .icon-wrap,
    .wa-icon-only-fab .wa-icon-wrap,
    .wa-icon-only-fab .wa-keep-icon{
        width: 64px !important;
        height: 64px !important;
        flex-basis: 64px !important;
    }

    .wa-icon-only-fab svg,
    .wa-icon-only-fab img,
    .wa-icon-only-fab i{
        width: 30px !important;
        height: 30px !important;
        font-size: 30px !important;
    }
}

/* ==========================================================
   ARAÇ DETAY: FİYAT / BREADCRUMB / LIGHTBOX / PDF YOK
   ========================================================== */

.vd-price-row {
    align-items: flex-end !important;
    gap: 14px !important;
    margin: 24px 0 18px !important;
}

.vd-price {
    color: #ff3838 !important;
    font-size: 46px !important;
    line-height: .95 !important;
    font-weight: 700 !important;
    letter-spacing: -1.4px !important;
    text-shadow: 0 12px 34px rgba(255, 56, 56, .20) !important;
}

.vd-price span {
    font-size: 32px !important;
    font-weight: 700 !important;
}

.vd-kdv {
    display: inline-flex !important;
    align-items: center !important;
    height: 28px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .06) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    color: #bcd0ea !important;
    font-size: 12px !important;
    line-height: 1 !important;
    margin-bottom: 4px !important;
}

/* Breadcrumb premium etiket görünümü */
.vd-breadcrumb {
    gap: 8px !important;
    flex-wrap: wrap !important;
    margin: 14px 0 20px !important;
}

.vd-breadcrumb a,
.vd-breadcrumb span {
    min-height: 30px !important;
    display: inline-flex !important;
    align-items: center !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    background: rgba(10, 33, 62, .76) !important;
    border: 1px solid rgba(90, 156, 255, .18) !important;
    color: #cfe3ff !important;
    font-size: 13px !important;
    line-height: 1 !important;
    text-decoration: none !important;
}

.vd-breadcrumb span {
    color: #91aeca !important;
}

.vd-breadcrumb span:nth-child(2n) {
    min-width: 30px !important;
    width: 30px !important;
    justify-content: center !important;
    padding: 0 !important;
    border-color: rgba(90, 156, 255, .10) !important;
    background: rgba(10, 33, 62, .38) !important;
}

.vd-breadcrumb a:hover {
    border-color: rgba(47, 140, 255, .55) !important;
    color: #ffffff !important;
}

/* Ana görsel tıklanabilir */
.vd-main-image-clickable {
    cursor: zoom-in !important;
}

/* PDF yok yazısı */
.vd-doc-empty {
    color: #7f93ad !important;
    font-size: 13px !important;
    white-space: nowrap !important;
    text-decoration: none !important;
}

/* Lightbox */
.vd-lightbox {
    position: fixed !important;
    inset: 0 !important;
    z-index: 9999 !important;
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 72px 92px 108px !important;
    background: rgba(1, 8, 18, .92) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
}

.vd-lightbox.active {
    display: flex !important;
}

.vd-lightbox-frame {
    width: min(1360px, 92vw) !important;
    height: min(760px, 72vh) !important;
    border-radius: 28px !important;
    overflow: hidden !important;
    background: #07182d !important;
    border: 1px solid rgba(90, 156, 255, .28) !important;
    box-shadow:
        0 36px 120px rgba(0,0,0,.55),
        0 0 0 1px rgba(255,255,255,.04) inset !important;
}

.vd-lightbox-frame img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    display: block !important;
    border-radius: 28px !important;
    background: #061426 !important;
}

.vd-lightbox-close {
    position: fixed !important;
    right: 38px !important;
    top: 34px !important;
    z-index: 10001 !important;
    width: 48px !important;
    height: 48px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    background: rgba(10, 33, 62, .78) !important;
    color: #ffffff !important;
    font-size: 34px !important;
    line-height: 1 !important;
    cursor: pointer !important;
}

.vd-lightbox-counter {
    position: fixed !important;
    left: 38px !important;
    top: 42px !important;
    z-index: 10001 !important;
    min-height: 36px !important;
    padding: 0 14px !important;
    border-radius: 999px !important;
    background: rgba(10, 33, 62, .78) !important;
    border: 1px solid rgba(255,255,255,.15) !important;
    color: #ffffff !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    font-size: 14px !important;
}

.vd-lightbox-arrow {
    position: fixed !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 10001 !important;
    width: 62px !important;
    height: 62px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    background: rgba(10, 33, 62, .78) !important;
    color: #ffffff !important;
    font-size: 42px !important;
    line-height: 1 !important;
    cursor: pointer !important;
}

.vd-lightbox-arrow.left {
    left: 34px !important;
}

.vd-lightbox-arrow.right {
    right: 34px !important;
}

.vd-lightbox-thumbs {
    position: fixed !important;
    left: 50% !important;
    bottom: 24px !important;
    transform: translateX(-50%) !important;
    z-index: 10001 !important;
    display: flex !important;
    gap: 10px !important;
    max-width: min(900px, calc(100vw - 40px)) !important;
    overflow-x: auto !important;
    padding: 10px !important;
    border-radius: 18px !important;
    background: rgba(10, 33, 62, .70) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    scrollbar-width: none !important;
}

.vd-lightbox-thumbs::-webkit-scrollbar {
    display: none !important;
}

.vd-lightbox-thumb {
    flex: 0 0 92px !important;
    width: 92px !important;
    height: 60px !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    border: 2px solid transparent !important;
    padding: 0 !important;
    background: #07182d !important;
    cursor: pointer !important;
}

.vd-lightbox-thumb.active {
    border-color: #ef3434 !important;
}

.vd-lightbox-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

@media (max-width: 760px) {
    .vd-price {
        font-size: 34px !important;
    }

    .vd-price span {
        font-size: 24px !important;
    }

    .vd-lightbox {
        padding: 72px 16px 104px !important;
    }

    .vd-lightbox-frame {
        width: calc(100vw - 28px) !important;
        height: 62vh !important;
        border-radius: 20px !important;
    }

    .vd-lightbox-frame img {
        border-radius: 20px !important;
    }

    .vd-lightbox-arrow {
        width: 46px !important;
        height: 46px !important;
        font-size: 32px !important;
    }

    .vd-lightbox-arrow.left {
        left: 12px !important;
    }

    .vd-lightbox-arrow.right {
        right: 12px !important;
    }

    .vd-lightbox-close {
        right: 16px !important;
        top: 18px !important;
    }

    .vd-lightbox-counter {
        left: 16px !important;
        top: 24px !important;
    }
}

/* ==========================================================
   ARAÇ DETAY PREMIUM UI REVIZE
   Etiket başlıklar, premium breadcrumb, açık mavi fiyat,
   tek renk aksiyon butonları, favori/karşılaştırma, thumb revize
   ========================================================== */

/* Sayfa genel derinlik */
.vehicle-detail-page {
    background:
        radial-gradient(circle at 72% 8%, rgba(59, 130, 246, .13), transparent 34%),
        radial-gradient(circle at 12% 4%, rgba(14, 165, 233, .07), transparent 28%),
        linear-gradient(135deg, #03101f 0%, #061426 52%, #071b34 100%) !important;
}

/* Breadcrumb daha premium */
.vd-breadcrumb {
    gap: 9px !important;
    flex-wrap: wrap !important;
    margin: 16px 0 22px !important;
    padding: 10px 12px !important;
    width: fit-content !important;
    max-width: 100% !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, rgba(9, 31, 59, .74), rgba(12, 42, 78, .46)) !important;
    border: 1px solid rgba(96, 165, 250, .18) !important;
    box-shadow:
        0 18px 40px rgba(0,0,0,.16),
        inset 0 1px 0 rgba(255,255,255,.04) !important;
    backdrop-filter: blur(14px) !important;
}

.vd-breadcrumb a,
.vd-breadcrumb span {
    min-height: 34px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 14px !important;
    border-radius: 999px !important;
    background: rgba(15, 44, 78, .82) !important;
    border: 1px solid rgba(96, 165, 250, .20) !important;
    color: #d7eaff !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
    transition: .2s ease !important;
}

.vd-breadcrumb a:hover {
    color: #ffffff !important;
    background: linear-gradient(135deg, rgba(37, 99, 235, .78), rgba(14, 165, 233, .64)) !important;
    border-color: rgba(125, 211, 252, .55) !important;
    transform: translateY(-1px) !important;
}

.vd-breadcrumb span:nth-child(2n) {
    width: 30px !important;
    min-width: 30px !important;
    padding: 0 !important;
    color: #7dd3fc !important;
    background: rgba(14, 165, 233, .10) !important;
    border-color: rgba(125, 211, 252, .14) !important;
}

/* Sol galeri kartı daha premium */
.vd-gallery-card,
.vd-info-card,
.vd-box,
.vd-similar-card {
    border-color: rgba(96, 165, 250, .24) !important;
    background: linear-gradient(180deg, rgba(8, 31, 58, .92), rgba(6, 26, 50, .90)) !important;
    box-shadow:
        0 26px 80px rgba(0,0,0,.22),
        inset 0 1px 0 rgba(255,255,255,.035) !important;
}

.vd-main-photo {
    cursor: zoom-in !important;
}

.vd-main-photo::after {
    content: "⛶";
    position: absolute;
    right: 18px;
    bottom: 18px;
    z-index: 4;
    width: 42px;
    height: 42px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(5, 19, 36, .68);
    border: 1px solid rgba(255,255,255,.16);
    color: #eaf6ff;
    font-size: 20px;
    pointer-events: none;
    backdrop-filter: blur(10px);
}

/* Favori + karşılaştırma */
.vd-fav,
.vd-compare-btn {
    position: absolute !important;
    right: 16px !important;
    z-index: 5 !important;
    width: 46px !important;
    height: 46px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    background: rgba(4, 15, 30, .76) !important;
    color: #ffffff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 23px !important;
    cursor: pointer !important;
    backdrop-filter: blur(12px) !important;
    transition: .2s ease !important;
}

.vd-fav {
    top: 16px !important;
}

.vd-compare-btn {
    top: 70px !important;
    font-size: 21px !important;
}

.vd-fav:hover,
.vd-compare-btn:hover,
.vd-fav.active,
.vd-compare-btn.active {
    background: linear-gradient(135deg, rgba(14, 165, 233, .92), rgba(37, 99, 235, .90)) !important;
    border-color: rgba(125, 211, 252, .70) !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 16px 34px rgba(14,165,233,.20) !important;
}

/* Küçük görseller daha premium */
.vd-thumbs-wrap {
    padding: 16px 62px !important;
    background:
        linear-gradient(180deg, rgba(5, 19, 36, .96), rgba(4, 15, 30, .98)) !important;
    border-top: 1px solid rgba(96, 165, 250, .14) !important;
}

.vd-thumbs {
    gap: 13px !important;
}

.vd-thumb {
    flex: 0 0 126px !important;
    height: 82px !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    border: 2px solid rgba(96, 165, 250, .12) !important;
    background: #07182d !important;
    opacity: .82 !important;
    cursor: pointer !important;
    box-shadow:
        0 12px 24px rgba(0,0,0,.20),
        inset 0 1px 0 rgba(255,255,255,.04) !important;
    transition: .2s ease !important;
}

.vd-thumb:hover {
    opacity: 1 !important;
    transform: translateY(-2px) !important;
    border-color: rgba(125, 211, 252, .42) !important;
}

.vd-thumb.active {
    opacity: 1 !important;
    border-color: #60a5fa !important;
    box-shadow:
        0 0 0 3px rgba(96, 165, 250, .16),
        0 16px 32px rgba(37, 99, 235, .18) !important;
}

.vd-thumb img {
    filter: contrast(1.03) saturate(1.04) !important;
}

.vd-thumb-arrow {
    width: 42px !important;
    height: 58px !important;
    border-radius: 14px !important;
    background: rgba(15, 44, 78, .80) !important;
    border-color: rgba(96, 165, 250, .20) !important;
    color: #dbeafe !important;
    backdrop-filter: blur(10px) !important;
}

.vd-thumb-arrow:hover {
    background: linear-gradient(135deg, rgba(37, 99, 235, .76), rgba(14, 165, 233, .62)) !important;
}

/* Araç Özellikleri / Açıklama tab başlıkları etiket şeklinde, kalın */
.vd-tabs {
    gap: 10px !important;
    padding: 14px 18px 0 !important;
    border-bottom: 1px solid rgba(96, 165, 250, .16) !important;
}

.vd-tab {
    height: 42px !important;
    padding: 0 22px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(96, 165, 250, .20) !important;
    background: rgba(12, 38, 70, .70) !important;
    color: #cfe3ff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    cursor: pointer !important;
    transition: .2s ease !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
}

.vd-tab.active,
.vd-tab:hover {
    color: #ffffff !important;
    background: linear-gradient(135deg, rgba(37, 99, 235, .86), rgba(14, 165, 233, .68)) !important;
    border-color: rgba(125, 211, 252, .62) !important;
    box-shadow:
        0 12px 28px rgba(14, 165, 233, .16),
        inset 0 1px 0 rgba(255,255,255,.08) !important;
    transform: translateY(-1px) !important;
}

/* Benzer Araçlar başlığı da etiket şeklinde */
.vd-similar-head {
    margin: 22px 8px 14px !important;
}

.vd-section-badge,
.vd-similar-title {
    min-height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    padding: 0 22px !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, rgba(37, 99, 235, .76), rgba(14, 165, 233, .54)) !important;
    border: 1px solid rgba(125, 211, 252, .46) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    box-shadow: 0 14px 32px rgba(14,165,233,.14) !important;
}

/* Fiyat kırmızı değil açık mavi */
.vd-price {
    color: #7dd3fc !important;
    font-size: 48px !important;
    line-height: .95 !important;
    font-weight: 750 !important;
    letter-spacing: -1.6px !important;
    text-shadow:
        0 10px 34px rgba(14, 165, 233, .26),
        0 0 18px rgba(125, 211, 252, .12) !important;
}

.vd-price span {
    color: #bae6fd !important;
    font-size: 32px !important;
    font-weight: 700 !important;
}

.vd-kdv {
    background: rgba(14, 165, 233, .10) !important;
    border-color: rgba(125, 211, 252, .20) !important;
    color: #bae6fd !important;
}

/* Detay aksiyon butonları tek renk premium */
.vd-actions {
    gap: 12px !important;
}

.vd-action-premium,
.vd-action-btn,
.vd-action-btn.whatsapp,
.vd-action-btn.red {
    min-height: 52px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(125, 211, 252, .22) !important;
    background:
        linear-gradient(135deg, rgba(14, 165, 233, .84), rgba(37, 99, 235, .82)) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    box-shadow:
        0 16px 34px rgba(14, 165, 233, .12),
        inset 0 1px 0 rgba(255,255,255,.08) !important;
    transition: .2s ease !important;
}

.vd-action-premium:hover,
.vd-action-btn:hover {
    transform: translateY(-2px) !important;
    border-color: rgba(186, 230, 253, .55) !important;
    box-shadow:
        0 20px 44px rgba(14, 165, 233, .20),
        inset 0 1px 0 rgba(255,255,255,.12) !important;
}

/* Özellik başlıkları daha belirgin */
.vd-feature-row span:first-child {
    color: #ffffff !important;
    font-weight: 700 !important;
}

/* Benzer araç kart fiyatları da açık mavi */
.vd-similar-price {
    color: #7dd3fc !important;
    font-weight: 700 !important;
}

/* Lightbox thumbnail premium */
.vd-lightbox-thumbs {
    background: rgba(7, 25, 48, .82) !important;
    border-color: rgba(125, 211, 252, .16) !important;
    box-shadow: 0 20px 60px rgba(0,0,0,.30) !important;
}

.vd-lightbox-thumb {
    border-radius: 12px !important;
    border-color: rgba(96, 165, 250, .16) !important;
    opacity: .78 !important;
    transition: .2s ease !important;
}

.vd-lightbox-thumb:hover,
.vd-lightbox-thumb.active {
    opacity: 1 !important;
    border-color: #60a5fa !important;
    box-shadow: 0 0 0 3px rgba(96,165,250,.18) !important;
}

/* Mobil */
@media (max-width: 760px) {
    .vd-breadcrumb {
        border-radius: 22px !important;
        width: 100% !important;
        overflow-x: auto !important;
        flex-wrap: nowrap !important;
        scrollbar-width: none !important;
    }

    .vd-breadcrumb::-webkit-scrollbar {
        display: none !important;
    }

    .vd-tabs {
        padding: 12px 12px 0 !important;
    }

    .vd-tab {
        min-width: max-content !important;
        padding: 0 18px !important;
    }

    .vd-thumb {
        flex-basis: 94px !important;
        height: 64px !important;
        border-radius: 12px !important;
    }

    .vd-price {
        font-size: 34px !important;
    }

    .vd-price span {
        font-size: 24px !important;
    }

    .vd-fav,
    .vd-compare-btn {
        width: 42px !important;
        height: 42px !important;
    }

    .vd-compare-btn {
        top: 64px !important;
    }
}

/* ==========================================================
   ARAÇ DETAY PREMIUM UI REVIZE
   Etiket başlıklar, premium breadcrumb, açık mavi fiyat,
   tek renk aksiyon butonları, favori/karşılaştırma, thumb revize
   ========================================================== */

/* Sayfa genel derinlik */
.vehicle-detail-page {
    background:
        radial-gradient(circle at 72% 8%, rgba(59, 130, 246, .13), transparent 34%),
        radial-gradient(circle at 12% 4%, rgba(14, 165, 233, .07), transparent 28%),
        linear-gradient(135deg, #03101f 0%, #061426 52%, #071b34 100%) !important;
}

/* Breadcrumb daha premium */
.vd-breadcrumb {
    gap: 9px !important;
    flex-wrap: wrap !important;
    margin: 16px 0 22px !important;
    padding: 10px 12px !important;
    width: fit-content !important;
    max-width: 100% !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, rgba(9, 31, 59, .74), rgba(12, 42, 78, .46)) !important;
    border: 1px solid rgba(96, 165, 250, .18) !important;
    box-shadow:
        0 18px 40px rgba(0,0,0,.16),
        inset 0 1px 0 rgba(255,255,255,.04) !important;
    backdrop-filter: blur(14px) !important;
}

.vd-breadcrumb a,
.vd-breadcrumb span {
    min-height: 34px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 14px !important;
    border-radius: 999px !important;
    background: rgba(15, 44, 78, .82) !important;
    border: 1px solid rgba(96, 165, 250, .20) !important;
    color: #d7eaff !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
    transition: .2s ease !important;
}

.vd-breadcrumb a:hover {
    color: #ffffff !important;
    background: linear-gradient(135deg, rgba(37, 99, 235, .78), rgba(14, 165, 233, .64)) !important;
    border-color: rgba(125, 211, 252, .55) !important;
    transform: translateY(-1px) !important;
}

.vd-breadcrumb span:nth-child(2n) {
    width: 30px !important;
    min-width: 30px !important;
    padding: 0 !important;
    color: #7dd3fc !important;
    background: rgba(14, 165, 233, .10) !important;
    border-color: rgba(125, 211, 252, .14) !important;
}

/* Sol galeri kartı daha premium */
.vd-gallery-card,
.vd-info-card,
.vd-box,
.vd-similar-card {
    border-color: rgba(96, 165, 250, .24) !important;
    background: linear-gradient(180deg, rgba(8, 31, 58, .92), rgba(6, 26, 50, .90)) !important;
    box-shadow:
        0 26px 80px rgba(0,0,0,.22),
        inset 0 1px 0 rgba(255,255,255,.035) !important;
}

.vd-main-photo {
    cursor: zoom-in !important;
}

.vd-main-photo::after {
    content: "⛶";
    position: absolute;
    right: 18px;
    bottom: 18px;
    z-index: 4;
    width: 42px;
    height: 42px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(5, 19, 36, .68);
    border: 1px solid rgba(255,255,255,.16);
    color: #eaf6ff;
    font-size: 20px;
    pointer-events: none;
    backdrop-filter: blur(10px);
}

/* Favori + karşılaştırma */
.vd-fav,
.vd-compare-btn {
    position: absolute !important;
    right: 16px !important;
    z-index: 5 !important;
    width: 46px !important;
    height: 46px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    background: rgba(4, 15, 30, .76) !important;
    color: #ffffff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 23px !important;
    cursor: pointer !important;
    backdrop-filter: blur(12px) !important;
    transition: .2s ease !important;
}

.vd-fav {
    top: 16px !important;
}

.vd-compare-btn {
    top: 70px !important;
    font-size: 21px !important;
}

.vd-fav:hover,
.vd-compare-btn:hover,
.vd-fav.active,
.vd-compare-btn.active {
    background: linear-gradient(135deg, rgba(14, 165, 233, .92), rgba(37, 99, 235, .90)) !important;
    border-color: rgba(125, 211, 252, .70) !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 16px 34px rgba(14,165,233,.20) !important;
}

/* Küçük görseller daha premium */
.vd-thumbs-wrap {
    padding: 16px 62px !important;
    background:
        linear-gradient(180deg, rgba(5, 19, 36, .96), rgba(4, 15, 30, .98)) !important;
    border-top: 1px solid rgba(96, 165, 250, .14) !important;
}

.vd-thumbs {
    gap: 13px !important;
}

.vd-thumb {
    flex: 0 0 126px !important;
    height: 82px !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    border: 2px solid rgba(96, 165, 250, .12) !important;
    background: #07182d !important;
    opacity: .82 !important;
    cursor: pointer !important;
    box-shadow:
        0 12px 24px rgba(0,0,0,.20),
        inset 0 1px 0 rgba(255,255,255,.04) !important;
    transition: .2s ease !important;
}

.vd-thumb:hover {
    opacity: 1 !important;
    transform: translateY(-2px) !important;
    border-color: rgba(125, 211, 252, .42) !important;
}

.vd-thumb.active {
    opacity: 1 !important;
    border-color: #60a5fa !important;
    box-shadow:
        0 0 0 3px rgba(96, 165, 250, .16),
        0 16px 32px rgba(37, 99, 235, .18) !important;
}

.vd-thumb img {
    filter: contrast(1.03) saturate(1.04) !important;
}

.vd-thumb-arrow {
    width: 42px !important;
    height: 58px !important;
    border-radius: 14px !important;
    background: rgba(15, 44, 78, .80) !important;
    border-color: rgba(96, 165, 250, .20) !important;
    color: #dbeafe !important;
    backdrop-filter: blur(10px) !important;
}

.vd-thumb-arrow:hover {
    background: linear-gradient(135deg, rgba(37, 99, 235, .76), rgba(14, 165, 233, .62)) !important;
}

/* Araç Özellikleri / Açıklama tab başlıkları etiket şeklinde, kalın */
.vd-tabs {
    gap: 10px !important;
    padding: 14px 18px 0 !important;
    border-bottom: 1px solid rgba(96, 165, 250, .16) !important;
}

.vd-tab {
    height: 42px !important;
    padding: 0 22px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(96, 165, 250, .20) !important;
    background: rgba(12, 38, 70, .70) !important;
    color: #cfe3ff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    cursor: pointer !important;
    transition: .2s ease !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
}

.vd-tab.active,
.vd-tab:hover {
    color: #ffffff !important;
    background: linear-gradient(135deg, rgba(37, 99, 235, .86), rgba(14, 165, 233, .68)) !important;
    border-color: rgba(125, 211, 252, .62) !important;
    box-shadow:
        0 12px 28px rgba(14, 165, 233, .16),
        inset 0 1px 0 rgba(255,255,255,.08) !important;
    transform: translateY(-1px) !important;
}

/* Benzer Araçlar başlığı da etiket şeklinde */
.vd-similar-head {
    margin: 22px 8px 14px !important;
}

.vd-section-badge,
.vd-similar-title {
    min-height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    padding: 0 22px !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, rgba(37, 99, 235, .76), rgba(14, 165, 233, .54)) !important;
    border: 1px solid rgba(125, 211, 252, .46) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    box-shadow: 0 14px 32px rgba(14,165,233,.14) !important;
}

/* Fiyat kırmızı değil açık mavi */
.vd-price {
    color: #7dd3fc !important;
    font-size: 48px !important;
    line-height: .95 !important;
    font-weight: 750 !important;
    letter-spacing: -1.6px !important;
    text-shadow:
        0 10px 34px rgba(14, 165, 233, .26),
        0 0 18px rgba(125, 211, 252, .12) !important;
}

.vd-price span {
    color: #bae6fd !important;
    font-size: 32px !important;
    font-weight: 700 !important;
}

.vd-kdv {
    background: rgba(14, 165, 233, .10) !important;
    border-color: rgba(125, 211, 252, .20) !important;
    color: #bae6fd !important;
}

/* Detay aksiyon butonları tek renk premium */
.vd-actions {
    gap: 12px !important;
}

.vd-action-premium,
.vd-action-btn,
.vd-action-btn.whatsapp,
.vd-action-btn.red {
    min-height: 52px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(125, 211, 252, .22) !important;
    background:
        linear-gradient(135deg, rgba(14, 165, 233, .84), rgba(37, 99, 235, .82)) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    box-shadow:
        0 16px 34px rgba(14, 165, 233, .12),
        inset 0 1px 0 rgba(255,255,255,.08) !important;
    transition: .2s ease !important;
}

.vd-action-premium:hover,
.vd-action-btn:hover {
    transform: translateY(-2px) !important;
    border-color: rgba(186, 230, 253, .55) !important;
    box-shadow:
        0 20px 44px rgba(14, 165, 233, .20),
        inset 0 1px 0 rgba(255,255,255,.12) !important;
}

/* Özellik başlıkları daha belirgin */
.vd-feature-row span:first-child {
    color: #ffffff !important;
    font-weight: 700 !important;
}

/* Benzer araç kart fiyatları da açık mavi */
.vd-similar-price {
    color: #7dd3fc !important;
    font-weight: 700 !important;
}

/* Lightbox thumbnail premium */
.vd-lightbox-thumbs {
    background: rgba(7, 25, 48, .82) !important;
    border-color: rgba(125, 211, 252, .16) !important;
    box-shadow: 0 20px 60px rgba(0,0,0,.30) !important;
}

.vd-lightbox-thumb {
    border-radius: 12px !important;
    border-color: rgba(96, 165, 250, .16) !important;
    opacity: .78 !important;
    transition: .2s ease !important;
}

.vd-lightbox-thumb:hover,
.vd-lightbox-thumb.active {
    opacity: 1 !important;
    border-color: #60a5fa !important;
    box-shadow: 0 0 0 3px rgba(96,165,250,.18) !important;
}

/* Mobil */
@media (max-width: 760px) {
    .vd-breadcrumb {
        border-radius: 22px !important;
        width: 100% !important;
        overflow-x: auto !important;
        flex-wrap: nowrap !important;
        scrollbar-width: none !important;
    }

    .vd-breadcrumb::-webkit-scrollbar {
        display: none !important;
    }

    .vd-tabs {
        padding: 12px 12px 0 !important;
    }

    .vd-tab {
        min-width: max-content !important;
        padding: 0 18px !important;
    }

    .vd-thumb {
        flex-basis: 94px !important;
        height: 64px !important;
        border-radius: 12px !important;
    }

    .vd-price {
        font-size: 34px !important;
    }

    .vd-price span {
        font-size: 24px !important;
    }

    .vd-fav,
    .vd-compare-btn {
        width: 42px !important;
        height: 42px !important;
    }

    .vd-compare-btn {
        top: 64px !important;
    }
}

/* ==========================================================
   FULL FRONTEND LIGHT / DARK THEME SYSTEM
   Açık tema tüm siteye uygulanır.
   ========================================================== */

html.front-light-html,
html.front-light-html body,
body.front-light {
    background:
        radial-gradient(circle at 18% 0%, rgba(255, 191, 60, .18), transparent 32%),
        radial-gradient(circle at 78% 6%, rgba(148, 163, 184, .22), transparent 34%),
        linear-gradient(135deg, #fff8ec 0%, #f3eadc 46%, #eef1f4 100%) !important;
    color: #172033 !important;
}

/* Genel yazı renkleri */
body.front-light,
body.front-light p,
body.front-light span,
body.front-light div,
body.front-light label,
body.front-light li,
body.front-light small,
body.front-light strong,
body.front-light b,
body.front-light h1,
body.front-light h2,
body.front-light h3,
body.front-light h4,
body.front-light h5,
body.front-light h6 {
    color: #172033;
}

/* Header */
body.front-light .nelko-header {
    background: rgba(255, 250, 240, .88) !important;
    border-bottom: 1px solid rgba(120, 72, 20, .14) !important;
    box-shadow: 0 12px 34px rgba(79, 52, 20, .08) !important;
}

body.front-light .nelko-logo-main,
body.front-light .nelko-phone-main {
    color: #172033 !important;
}

body.front-light .nelko-logo-sub,
body.front-light .nelko-phone-small {
    color: #6b7280 !important;
}

body.front-light .nelko-menu a {
    color: #243244 !important;
}

body.front-light .nelko-menu a.active::after,
body.front-light .nelko-menu a:hover::after {
    background: linear-gradient(90deg, #d08919, #f6b23c) !important;
    box-shadow: 0 0 18px rgba(246, 178, 60, .45) !important;
}

body.front-light .nelko-icon-btn,
body.front-light .nelko-theme-pill {
    color: #172033 !important;
    background: rgba(255, 255, 255, .58) !important;
    border-color: rgba(120, 72, 20, .16) !important;
}

body.front-light .nelko-theme-toggle {
    background: linear-gradient(135deg, #f0b24b, #d08919) !important;
    color: #ffffff !important;
    box-shadow: 0 10px 22px rgba(208, 137, 25, .24) !important;
}

/* Ana hero */
body.front-light .nelko-hero,
body.front-light .premium-hero,
body.front-light .hero-banner,
body.front-light .home-hero-section,
body.front-light .vehicle-detail-page,
body.front-light .catalog-page {
    background:
        radial-gradient(circle at 78% 8%, rgba(246, 178, 60, .16), transparent 32%),
        radial-gradient(circle at 15% 0%, rgba(148, 163, 184, .18), transparent 30%),
        linear-gradient(135deg, #fff8ec 0%, #f3eadc 48%, #eef1f4 100%) !important;
    color: #172033 !important;
}

body.front-light .nelko-hero::before {
    background:
        linear-gradient(90deg, rgba(255, 248, 236, .96) 0%, rgba(255, 248, 236, .82) 38%, rgba(255, 248, 236, .30) 70%, rgba(255, 248, 236, .78) 100%),
        radial-gradient(circle at 72% 18%, rgba(246, 178, 60, .16), transparent 34%),
        linear-gradient(135deg, #fff8ec 0%, #f3eadc 48%, #eef1f4 100%) !important;
    opacity: 1 !important;
}

body.front-light .nelko-hero::after {
    background: linear-gradient(0deg, rgba(243, 234, 220, .92) 0%, rgba(243, 234, 220, .50) 24%, transparent 54%) !important;
}

body.front-light .nelko-eyebrow {
    color: #b97910 !important;
}

body.front-light .nelko-eyebrow::before {
    background: #d08919 !important;
    box-shadow: 0 0 14px rgba(208, 137, 25, .35) !important;
}

body.front-light .nelko-hero-title,
body.front-light .catalog-hero-brand,
body.front-light .catalog-hero-title,
body.front-light .vd-title {
    color: #142033 !important;
}

body.front-light .nelko-hero-text,
body.front-light .catalog-hero-text,
body.front-light .vd-subtitle,
body.front-light .vd-spec-label,
body.front-light .vd-spec-value,
body.front-light .vd-feature-row,
body.front-light .vd-description-text {
    color: #475569 !important;
}

/* Hero sağ görsel */
body.front-light .nelko-truck-showcase,
body.front-light .hero-media,
body.front-light .banner-media,
body.front-light .vd-main-photo {
    background: linear-gradient(180deg, rgba(255,255,255,.72), rgba(244, 238, 228, .96)) !important;
    border-color: rgba(120, 72, 20, .14) !important;
    box-shadow:
        0 28px 70px rgba(79, 52, 20, .16),
        0 10px 28px rgba(148, 163, 184, .16),
        inset 0 1px 0 rgba(255,255,255,.65) !important;
}

body.front-light .nelko-truck-showcase::after,
body.front-light .vd-main-photo::after {
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.30),
        inset 0 -90px 110px rgba(255,255,255,.14) !important;
}

/* Kartlar / paneller */
body.front-light .nelko-panel,
body.front-light .nelko-brand-card,
body.front-light .catalog-model-card,
body.front-light .catalog-year-card,
body.front-light .catalog-hero,
body.front-light .catalog-cta,
body.front-light .vd-gallery-card,
body.front-light .vd-info-card,
body.front-light .vd-box,
body.front-light .vd-similar-card,
body.front-light .vd-lightbox-thumbs,
body.front-light .front-card,
body.front-light .vehicle-card,
body.front-light .filter-card,
body.front-light .contact-card {
    background: linear-gradient(180deg, rgba(255, 255, 255, .72), rgba(246, 239, 229, .86)) !important;
    border-color: rgba(120, 72, 20, .14) !important;
    color: #172033 !important;
    box-shadow:
        0 18px 46px rgba(79, 52, 20, .10),
        inset 0 1px 0 rgba(255,255,255,.70) !important;
}

/* Kart içi yazılar */
body.front-light .nelko-panel-title,
body.front-light .catalog-section-title,
body.front-light .catalog-card-title,
body.front-light .nelko-vehicle-mini-title,
body.front-light .vd-box-title,
body.front-light .vd-similar-name,
body.front-light .vd-feature-row span:first-child,
body.front-light .vd-doc-row span,
body.front-light .section-title {
    color: #172033 !important;
}

body.front-light .nelko-panel-link,
body.front-light .catalog-breadcrumb a,
body.front-light .vd-breadcrumb a {
    color: #a16207 !important;
}

body.front-light .nelko-vehicle-mini-meta,
body.front-light .catalog-card-text,
body.front-light .catalog-count-row,
body.front-light .vd-doc-row,
body.front-light .vd-similar-meta {
    color: #526174 !important;
}

/* Marka slider */
body.front-light .home-brand-slider-shell .nelko-brand-card {
    background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(244,238,228,.90)) !important;
    border-color: rgba(120, 72, 20, .16) !important;
}

body.front-light .home-brand-slider-shell .nelko-brand-card span {
    color: #172033 !important;
}

body.front-light .home-brand-arrow,
body.front-light .catalog-slider-arrow,
body.front-light .vd-thumb-arrow,
body.front-light .vd-lightbox-arrow,
body.front-light .vd-lightbox-close {
    background: rgba(255, 255, 255, .74) !important;
    color: #172033 !important;
    border-color: rgba(120, 72, 20, .16) !important;
    box-shadow: 0 12px 28px rgba(79, 52, 20, .12) !important;
}

/* Formlar */
body.front-light input,
body.front-light select,
body.front-light textarea,
body.front-light .nelko-search-grid select,
body.front-light .nelko-search-grid input,
body.front-light .filter-grid input,
body.front-light .filter-grid select,
body.front-light .contact-form input,
body.front-light .contact-form textarea {
    background: rgba(255,255,255,.76) !important;
    border-color: rgba(120, 72, 20, .16) !important;
    color: #172033 !important;
}

body.front-light input::placeholder,
body.front-light textarea::placeholder {
    color: #7a8798 !important;
}

/* Butonlar */
body.front-light .nelko-btn-primary,
body.front-light .nelko-search-submit,
body.front-light .catalog-card-button.primary,
body.front-light .vd-action-premium,
body.front-light .vd-action-btn,
body.front-light .front-btn-primary {
    background: linear-gradient(135deg, #d08919, #f0b24b) !important;
    color: #ffffff !important;
    border-color: rgba(208, 137, 25, .34) !important;
    box-shadow: 0 14px 34px rgba(208, 137, 25, .22) !important;
}

body.front-light .nelko-btn-wa,
body.front-light .catalog-card-button,
body.front-light .catalog-cta-button,
body.front-light .vd-back {
    background: rgba(255,255,255,.62) !important;
    border-color: rgba(120, 72, 20, .18) !important;
    color: #172033 !important;
}

/* Fiyatlar */
body.front-light .vd-price,
body.front-light .vd-price span,
body.front-light .vd-similar-price,
body.front-light .nelko-vehicle-mini-price,
body.front-light .vehicle-price {
    color: #0ea5e9 !important;
    text-shadow: 0 8px 26px rgba(14, 165, 233, .16) !important;
}

body.front-light .vd-kdv {
    background: rgba(14,165,233,.10) !important;
    border-color: rgba(14,165,233,.18) !important;
    color: #0369a1 !important;
}

/* Detay özellikleri */
body.front-light .vd-spec-item,
body.front-light .vd-feature-row,
body.front-light .vd-doc-row {
    border-bottom-color: rgba(120, 72, 20, .10) !important;
}

body.front-light .vd-spec-icon {
    color: #d08919 !important;
}

/* Tab etiketleri */
body.front-light .vd-tab,
body.front-light .catalog-tab,
body.front-light .vd-section-badge,
body.front-light .vd-similar-title {
    background: rgba(255, 255, 255, .66) !important;
    border-color: rgba(120, 72, 20, .16) !important;
    color: #172033 !important;
}

body.front-light .vd-tab.active,
body.front-light .vd-tab:hover,
body.front-light .catalog-tab.active,
body.front-light .vd-section-badge,
body.front-light .vd-similar-title {
    background: linear-gradient(135deg, #d08919, #f0b24b) !important;
    border-color: rgba(208, 137, 25, .42) !important;
    color: #ffffff !important;
}

/* Breadcrumb */
body.front-light .vd-breadcrumb,
body.front-light .catalog-breadcrumb {
    background: linear-gradient(135deg, rgba(255,255,255,.66), rgba(244,238,228,.78)) !important;
    border-color: rgba(120, 72, 20, .14) !important;
    box-shadow: 0 16px 36px rgba(79, 52, 20, .10) !important;
}

body.front-light .vd-breadcrumb a,
body.front-light .vd-breadcrumb span,
body.front-light .catalog-breadcrumb a,
body.front-light .catalog-breadcrumb span {
    background: rgba(255,255,255,.68) !important;
    border-color: rgba(120, 72, 20, .13) !important;
    color: #172033 !important;
}

/* Thumbnail */
body.front-light .vd-thumbs-wrap {
    background: linear-gradient(180deg, rgba(255,255,255,.62), rgba(244,238,228,.86)) !important;
    border-top-color: rgba(120, 72, 20, .12) !important;
}

body.front-light .vd-thumb,
body.front-light .vd-lightbox-thumb {
    background: rgba(255,255,255,.76) !important;
    border-color: rgba(120, 72, 20, .16) !important;
}

body.front-light .vd-thumb.active,
body.front-light .vd-lightbox-thumb.active {
    border-color: #d08919 !important;
    box-shadow:
        0 0 0 3px rgba(208, 137, 25, .16),
        0 14px 28px rgba(79, 52, 20, .12) !important;
}

/* Favori / karşılaştırma */
body.front-light .vd-fav,
body.front-light .vd-compare-btn,
body.front-light .vd-share {
    background: rgba(255,255,255,.72) !important;
    border-color: rgba(120, 72, 20, .16) !important;
    color: #172033 !important;
}

body.front-light .vd-fav.active,
body.front-light .vd-compare-btn.active,
body.front-light .vd-fav:hover,
body.front-light .vd-compare-btn:hover {
    background: linear-gradient(135deg, #d08919, #f0b24b) !important;
    color: #ffffff !important;
}

/* Lightbox açık temada */
body.front-light .vd-lightbox {
    background: rgba(255, 248, 236, .88) !important;
}

body.front-light .vd-lightbox-frame {
    background: #f8f2e8 !important;
    border-color: rgba(120, 72, 20, .18) !important;
    box-shadow: 0 36px 120px rgba(79,52,20,.24) !important;
}

/* Footer */
body.front-light .nelko-footer {
    background: rgba(255, 250, 240, .92) !important;
    border-top-color: rgba(120, 72, 20, .14) !important;
}

body.front-light .nelko-footer h4,
body.front-light .nelko-footer-logo,
body.front-light .nelko-footer strong {
    color: #172033 !important;
}

body.front-light .nelko-footer p,
body.front-light .nelko-footer a,
body.front-light .nelko-footer li,
body.front-light .nelko-footer-bottom {
    color: #526174 !important;
}

/* Floating WhatsApp açık tema */
body.front-light .nelko-fixed-wa,
body.front-light .wa-icon-only-fab {
    background: rgba(255,255,255,.78) !important;
    border-color: rgba(120, 72, 20, .16) !important;
    box-shadow: 0 16px 42px rgba(79,52,20,.12) !important;
}

/* Mobil menü açık tema */
@media (max-width: 960px) {
    body.front-light .nelko-menu {
        background: rgba(255, 250, 240, .98) !important;
        border-color: rgba(120, 72, 20, .16) !important;
    }

    body.front-light .nelko-menu a:hover {
        background: rgba(208, 137, 25, .10) !important;
    }
}

/* ==========================================================
   FULL FRONTEND LIGHT / DARK THEME SYSTEM
   Açık tema tüm siteye uygulanır.
   ========================================================== */

html.front-light-html,
html.front-light-html body,
body.front-light {
    background:
        radial-gradient(circle at 18% 0%, rgba(255, 191, 60, .18), transparent 32%),
        radial-gradient(circle at 78% 6%, rgba(148, 163, 184, .22), transparent 34%),
        linear-gradient(135deg, #fff8ec 0%, #f3eadc 46%, #eef1f4 100%) !important;
    color: #172033 !important;
}

/* Genel yazı renkleri */
body.front-light,
body.front-light p,
body.front-light span,
body.front-light div,
body.front-light label,
body.front-light li,
body.front-light small,
body.front-light strong,
body.front-light b,
body.front-light h1,
body.front-light h2,
body.front-light h3,
body.front-light h4,
body.front-light h5,
body.front-light h6 {
    color: #172033;
}

/* Header */
body.front-light .nelko-header {
    background: rgba(255, 250, 240, .88) !important;
    border-bottom: 1px solid rgba(120, 72, 20, .14) !important;
    box-shadow: 0 12px 34px rgba(79, 52, 20, .08) !important;
}

body.front-light .nelko-logo-main,
body.front-light .nelko-phone-main {
    color: #172033 !important;
}

body.front-light .nelko-logo-sub,
body.front-light .nelko-phone-small {
    color: #6b7280 !important;
}

body.front-light .nelko-menu a {
    color: #243244 !important;
}

body.front-light .nelko-menu a.active::after,
body.front-light .nelko-menu a:hover::after {
    background: linear-gradient(90deg, #d08919, #f6b23c) !important;
    box-shadow: 0 0 18px rgba(246, 178, 60, .45) !important;
}

body.front-light .nelko-icon-btn,
body.front-light .nelko-theme-pill {
    color: #172033 !important;
    background: rgba(255, 255, 255, .58) !important;
    border-color: rgba(120, 72, 20, .16) !important;
}

body.front-light .nelko-theme-toggle {
    background: linear-gradient(135deg, #f0b24b, #d08919) !important;
    color: #ffffff !important;
    box-shadow: 0 10px 22px rgba(208, 137, 25, .24) !important;
}

/* Ana hero */
body.front-light .nelko-hero,
body.front-light .premium-hero,
body.front-light .hero-banner,
body.front-light .home-hero-section,
body.front-light .vehicle-detail-page,
body.front-light .catalog-page {
    background:
        radial-gradient(circle at 78% 8%, rgba(246, 178, 60, .16), transparent 32%),
        radial-gradient(circle at 15% 0%, rgba(148, 163, 184, .18), transparent 30%),
        linear-gradient(135deg, #fff8ec 0%, #f3eadc 48%, #eef1f4 100%) !important;
    color: #172033 !important;
}

body.front-light .nelko-hero::before {
    background:
        linear-gradient(90deg, rgba(255, 248, 236, .96) 0%, rgba(255, 248, 236, .82) 38%, rgba(255, 248, 236, .30) 70%, rgba(255, 248, 236, .78) 100%),
        radial-gradient(circle at 72% 18%, rgba(246, 178, 60, .16), transparent 34%),
        linear-gradient(135deg, #fff8ec 0%, #f3eadc 48%, #eef1f4 100%) !important;
    opacity: 1 !important;
}

body.front-light .nelko-hero::after {
    background: linear-gradient(0deg, rgba(243, 234, 220, .92) 0%, rgba(243, 234, 220, .50) 24%, transparent 54%) !important;
}

body.front-light .nelko-eyebrow {
    color: #b97910 !important;
}

body.front-light .nelko-eyebrow::before {
    background: #d08919 !important;
    box-shadow: 0 0 14px rgba(208, 137, 25, .35) !important;
}

body.front-light .nelko-hero-title,
body.front-light .catalog-hero-brand,
body.front-light .catalog-hero-title,
body.front-light .vd-title {
    color: #142033 !important;
}

body.front-light .nelko-hero-text,
body.front-light .catalog-hero-text,
body.front-light .vd-subtitle,
body.front-light .vd-spec-label,
body.front-light .vd-spec-value,
body.front-light .vd-feature-row,
body.front-light .vd-description-text {
    color: #475569 !important;
}

/* Hero sağ görsel */
body.front-light .nelko-truck-showcase,
body.front-light .hero-media,
body.front-light .banner-media,
body.front-light .vd-main-photo {
    background: linear-gradient(180deg, rgba(255,255,255,.72), rgba(244, 238, 228, .96)) !important;
    border-color: rgba(120, 72, 20, .14) !important;
    box-shadow:
        0 28px 70px rgba(79, 52, 20, .16),
        0 10px 28px rgba(148, 163, 184, .16),
        inset 0 1px 0 rgba(255,255,255,.65) !important;
}

body.front-light .nelko-truck-showcase::after,
body.front-light .vd-main-photo::after {
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.30),
        inset 0 -90px 110px rgba(255,255,255,.14) !important;
}

/* Kartlar / paneller */
body.front-light .nelko-panel,
body.front-light .nelko-brand-card,
body.front-light .catalog-model-card,
body.front-light .catalog-year-card,
body.front-light .catalog-hero,
body.front-light .catalog-cta,
body.front-light .vd-gallery-card,
body.front-light .vd-info-card,
body.front-light .vd-box,
body.front-light .vd-similar-card,
body.front-light .vd-lightbox-thumbs,
body.front-light .front-card,
body.front-light .vehicle-card,
body.front-light .filter-card,
body.front-light .contact-card {
    background: linear-gradient(180deg, rgba(255, 255, 255, .72), rgba(246, 239, 229, .86)) !important;
    border-color: rgba(120, 72, 20, .14) !important;
    color: #172033 !important;
    box-shadow:
        0 18px 46px rgba(79, 52, 20, .10),
        inset 0 1px 0 rgba(255,255,255,.70) !important;
}

/* Kart içi yazılar */
body.front-light .nelko-panel-title,
body.front-light .catalog-section-title,
body.front-light .catalog-card-title,
body.front-light .nelko-vehicle-mini-title,
body.front-light .vd-box-title,
body.front-light .vd-similar-name,
body.front-light .vd-feature-row span:first-child,
body.front-light .vd-doc-row span,
body.front-light .section-title {
    color: #172033 !important;
}

body.front-light .nelko-panel-link,
body.front-light .catalog-breadcrumb a,
body.front-light .vd-breadcrumb a {
    color: #a16207 !important;
}

body.front-light .nelko-vehicle-mini-meta,
body.front-light .catalog-card-text,
body.front-light .catalog-count-row,
body.front-light .vd-doc-row,
body.front-light .vd-similar-meta {
    color: #526174 !important;
}

/* Marka slider */
body.front-light .home-brand-slider-shell .nelko-brand-card {
    background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(244,238,228,.90)) !important;
    border-color: rgba(120, 72, 20, .16) !important;
}

body.front-light .home-brand-slider-shell .nelko-brand-card span {
    color: #172033 !important;
}

body.front-light .home-brand-arrow,
body.front-light .catalog-slider-arrow,
body.front-light .vd-thumb-arrow,
body.front-light .vd-lightbox-arrow,
body.front-light .vd-lightbox-close {
    background: rgba(255, 255, 255, .74) !important;
    color: #172033 !important;
    border-color: rgba(120, 72, 20, .16) !important;
    box-shadow: 0 12px 28px rgba(79, 52, 20, .12) !important;
}

/* Formlar */
body.front-light input,
body.front-light select,
body.front-light textarea,
body.front-light .nelko-search-grid select,
body.front-light .nelko-search-grid input,
body.front-light .filter-grid input,
body.front-light .filter-grid select,
body.front-light .contact-form input,
body.front-light .contact-form textarea {
    background: rgba(255,255,255,.76) !important;
    border-color: rgba(120, 72, 20, .16) !important;
    color: #172033 !important;
}

body.front-light input::placeholder,
body.front-light textarea::placeholder {
    color: #7a8798 !important;
}

/* Butonlar */
body.front-light .nelko-btn-primary,
body.front-light .nelko-search-submit,
body.front-light .catalog-card-button.primary,
body.front-light .vd-action-premium,
body.front-light .vd-action-btn,
body.front-light .front-btn-primary {
    background: linear-gradient(135deg, #d08919, #f0b24b) !important;
    color: #ffffff !important;
    border-color: rgba(208, 137, 25, .34) !important;
    box-shadow: 0 14px 34px rgba(208, 137, 25, .22) !important;
}

body.front-light .nelko-btn-wa,
body.front-light .catalog-card-button,
body.front-light .catalog-cta-button,
body.front-light .vd-back {
    background: rgba(255,255,255,.62) !important;
    border-color: rgba(120, 72, 20, .18) !important;
    color: #172033 !important;
}

/* Fiyatlar */
body.front-light .vd-price,
body.front-light .vd-price span,
body.front-light .vd-similar-price,
body.front-light .nelko-vehicle-mini-price,
body.front-light .vehicle-price {
    color: #0ea5e9 !important;
    text-shadow: 0 8px 26px rgba(14, 165, 233, .16) !important;
}

body.front-light .vd-kdv {
    background: rgba(14,165,233,.10) !important;
    border-color: rgba(14,165,233,.18) !important;
    color: #0369a1 !important;
}

/* Detay özellikleri */
body.front-light .vd-spec-item,
body.front-light .vd-feature-row,
body.front-light .vd-doc-row {
    border-bottom-color: rgba(120, 72, 20, .10) !important;
}

body.front-light .vd-spec-icon {
    color: #d08919 !important;
}

/* Tab etiketleri */
body.front-light .vd-tab,
body.front-light .catalog-tab,
body.front-light .vd-section-badge,
body.front-light .vd-similar-title {
    background: rgba(255, 255, 255, .66) !important;
    border-color: rgba(120, 72, 20, .16) !important;
    color: #172033 !important;
}

body.front-light .vd-tab.active,
body.front-light .vd-tab:hover,
body.front-light .catalog-tab.active,
body.front-light .vd-section-badge,
body.front-light .vd-similar-title {
    background: linear-gradient(135deg, #d08919, #f0b24b) !important;
    border-color: rgba(208, 137, 25, .42) !important;
    color: #ffffff !important;
}

/* Breadcrumb */
body.front-light .vd-breadcrumb,
body.front-light .catalog-breadcrumb {
    background: linear-gradient(135deg, rgba(255,255,255,.66), rgba(244,238,228,.78)) !important;
    border-color: rgba(120, 72, 20, .14) !important;
    box-shadow: 0 16px 36px rgba(79, 52, 20, .10) !important;
}

body.front-light .vd-breadcrumb a,
body.front-light .vd-breadcrumb span,
body.front-light .catalog-breadcrumb a,
body.front-light .catalog-breadcrumb span {
    background: rgba(255,255,255,.68) !important;
    border-color: rgba(120, 72, 20, .13) !important;
    color: #172033 !important;
}

/* Thumbnail */
body.front-light .vd-thumbs-wrap {
    background: linear-gradient(180deg, rgba(255,255,255,.62), rgba(244,238,228,.86)) !important;
    border-top-color: rgba(120, 72, 20, .12) !important;
}

body.front-light .vd-thumb,
body.front-light .vd-lightbox-thumb {
    background: rgba(255,255,255,.76) !important;
    border-color: rgba(120, 72, 20, .16) !important;
}

body.front-light .vd-thumb.active,
body.front-light .vd-lightbox-thumb.active {
    border-color: #d08919 !important;
    box-shadow:
        0 0 0 3px rgba(208, 137, 25, .16),
        0 14px 28px rgba(79, 52, 20, .12) !important;
}

/* Favori / karşılaştırma */
body.front-light .vd-fav,
body.front-light .vd-compare-btn,
body.front-light .vd-share {
    background: rgba(255,255,255,.72) !important;
    border-color: rgba(120, 72, 20, .16) !important;
    color: #172033 !important;
}

body.front-light .vd-fav.active,
body.front-light .vd-compare-btn.active,
body.front-light .vd-fav:hover,
body.front-light .vd-compare-btn:hover {
    background: linear-gradient(135deg, #d08919, #f0b24b) !important;
    color: #ffffff !important;
}

/* Lightbox açık temada */
body.front-light .vd-lightbox {
    background: rgba(255, 248, 236, .88) !important;
}

body.front-light .vd-lightbox-frame {
    background: #f8f2e8 !important;
    border-color: rgba(120, 72, 20, .18) !important;
    box-shadow: 0 36px 120px rgba(79,52,20,.24) !important;
}

/* Footer */
body.front-light .nelko-footer {
    background: rgba(255, 250, 240, .92) !important;
    border-top-color: rgba(120, 72, 20, .14) !important;
}

body.front-light .nelko-footer h4,
body.front-light .nelko-footer-logo,
body.front-light .nelko-footer strong {
    color: #172033 !important;
}

body.front-light .nelko-footer p,
body.front-light .nelko-footer a,
body.front-light .nelko-footer li,
body.front-light .nelko-footer-bottom {
    color: #526174 !important;
}

/* Floating WhatsApp açık tema */
body.front-light .nelko-fixed-wa,
body.front-light .wa-icon-only-fab {
    background: rgba(255,255,255,.78) !important;
    border-color: rgba(120, 72, 20, .16) !important;
    box-shadow: 0 16px 42px rgba(79,52,20,.12) !important;
}

/* Mobil menü açık tema */
@media (max-width: 960px) {
    body.front-light .nelko-menu {
        background: rgba(255, 250, 240, .98) !important;
        border-color: rgba(120, 72, 20, .16) !important;
    }

    body.front-light .nelko-menu a:hover {
        background: rgba(208, 137, 25, .10) !important;
    }
}

/* ==========================================================
   THEME CLICK FORCE FIX
   ========================================================== */

#frontThemeToggleTop,
.nelko-theme-toggle,
.nelko-theme-pill,
[data-theme-toggle],
[class*="theme"] {
    pointer-events: auto !important;
    cursor: pointer !important;
    user-select: none !important;
    position: relative !important;
    z-index: 999 !important;
}

/* Açık tema kesin uygulanacak üst seviye override */
html.front-light-html,
html.front-light-html body,
body.front-light,
body[data-theme="light"] {
    background:
        radial-gradient(circle at 18% 0%, rgba(255, 191, 60, .18), transparent 32%),
        radial-gradient(circle at 78% 6%, rgba(148, 163, 184, .22), transparent 34%),
        linear-gradient(135deg, #fff8ec 0%, #f3eadc 46%, #eef1f4 100%) !important;
    color: #172033 !important;
}

body.front-light .nelko-header,
body[data-theme="light"] .nelko-header {
    background: rgba(255, 250, 240, .92) !important;
    border-bottom: 1px solid rgba(120, 72, 20, .14) !important;
}

body.front-light .nelko-hero,
body.front-light .vehicle-detail-page,
body.front-light .catalog-page,
body[data-theme="light"] .nelko-hero,
body[data-theme="light"] .vehicle-detail-page,
body[data-theme="light"] .catalog-page {
    background:
        radial-gradient(circle at 78% 8%, rgba(246, 178, 60, .16), transparent 32%),
        radial-gradient(circle at 15% 0%, rgba(148, 163, 184, .18), transparent 30%),
        linear-gradient(135deg, #fff8ec 0%, #f3eadc 48%, #eef1f4 100%) !important;
    color: #172033 !important;
}

body.front-light .nelko-panel,
body.front-light .nelko-brand-card,
body.front-light .catalog-model-card,
body.front-light .catalog-year-card,
body.front-light .vd-gallery-card,
body.front-light .vd-info-card,
body.front-light .vd-box,
body.front-light .vd-similar-card,
body[data-theme="light"] .nelko-panel,
body[data-theme="light"] .nelko-brand-card,
body[data-theme="light"] .catalog-model-card,
body[data-theme="light"] .catalog-year-card,
body[data-theme="light"] .vd-gallery-card,
body[data-theme="light"] .vd-info-card,
body[data-theme="light"] .vd-box,
body[data-theme="light"] .vd-similar-card {
    background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(246,239,229,.90)) !important;
    border-color: rgba(120,72,20,.15) !important;
    color: #172033 !important;
    box-shadow:
        0 18px 46px rgba(79,52,20,.10),
        inset 0 1px 0 rgba(255,255,255,.70) !important;
}

body.front-light h1,
body.front-light h2,
body.front-light h3,
body.front-light h4,
body.front-light p,
body.front-light span,
body.front-light div,
body.front-light a,
body.front-light label,
body.front-light small,
body[data-theme="light"] h1,
body[data-theme="light"] h2,
body[data-theme="light"] h3,
body[data-theme="light"] h4,
body[data-theme="light"] p,
body[data-theme="light"] span,
body[data-theme="light"] div,
body[data-theme="light"] a,
body[data-theme="light"] label,
body[data-theme="light"] small {
    color: inherit;
}

body.front-light .nelko-hero-title,
body.front-light .vd-title,
body.front-light .catalog-hero-title,
body.front-light .catalog-hero-brand,
body.front-light .nelko-logo-main,
body.front-light .nelko-menu a,
body.front-light .vd-feature-row span:first-child,
body.front-light .vd-box-title,
body.front-light .vd-similar-name,
body[data-theme="light"] .nelko-hero-title,
body[data-theme="light"] .vd-title,
body[data-theme="light"] .catalog-hero-title,
body[data-theme="light"] .catalog-hero-brand,
body[data-theme="light"] .nelko-logo-main,
body[data-theme="light"] .nelko-menu a,
body[data-theme="light"] .vd-feature-row span:first-child,
body[data-theme="light"] .vd-box-title,
body[data-theme="light"] .vd-similar-name {
    color: #172033 !important;
}

body.front-light .nelko-hero-text,
body.front-light .vd-subtitle,
body.front-light .vd-spec-label,
body.front-light .vd-spec-value,
body.front-light .vd-description-text,
body.front-light .vd-doc-row,
body[data-theme="light"] .nelko-hero-text,
body[data-theme="light"] .vd-subtitle,
body[data-theme="light"] .vd-spec-label,
body[data-theme="light"] .vd-spec-value,
body[data-theme="light"] .vd-description-text,
body[data-theme="light"] .vd-doc-row {
    color: #475569 !important;
}

body.front-light .vd-price,
body.front-light .vd-price span,
body.front-light .vd-similar-price,
body.front-light .vehicle-price,
body[data-theme="light"] .vd-price,
body[data-theme="light"] .vd-price span,
body[data-theme="light"] .vd-similar-price,
body[data-theme="light"] .vehicle-price {
    color: #0ea5e9 !important;
}

body.front-light .vd-action-btn,
body.front-light .vd-action-premium,
body.front-light .nelko-btn-primary,
body.front-light .nelko-search-submit,
body[data-theme="light"] .vd-action-btn,
body[data-theme="light"] .vd-action-premium,
body[data-theme="light"] .nelko-btn-primary,
body[data-theme="light"] .nelko-search-submit {
    background: linear-gradient(135deg, #d08919, #f0b24b) !important;
    color: #ffffff !important;
    border-color: rgba(208,137,25,.35) !important;
}

body.front-light .nelko-footer,
body[data-theme="light"] .nelko-footer {
    background: rgba(255,250,240,.94) !important;
    border-top-color: rgba(120,72,20,.14) !important;
}

/* Koyu tema garanti */
html.front-dark-html,
html.front-dark-html body,
body.front-dark,
body[data-theme="dark"] {
    background: #03101f !important;
    color: #eaf2ff !important;
}

/* ==========================================================
   DETAIL PAGE PREMIUM BREADCRUMB + GALLERY ACTIONS
   ========================================================== */

/* PREMIUM BREADCRUMB */
.vd-breadcrumb-premium,
.vehicle-breadcrumb.vd-breadcrumb-premium,
.vd-breadcrumb.vd-breadcrumb-premium,
nav[aria-label="breadcrumb"].vd-breadcrumb-premium,
nav[aria-label="Breadcrumb"].vd-breadcrumb-premium {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    padding: 14px 16px !important;
    border-radius: 22px !important;
    background:
        linear-gradient(135deg, rgba(12, 31, 58, 0.88), rgba(15, 47, 86, 0.72)) !important;
    border: 1px solid rgba(91, 160, 255, 0.20) !important;
    box-shadow:
        0 18px 44px rgba(3, 12, 26, 0.28),
        inset 0 1px 0 rgba(255,255,255,0.08) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
}

.vd-breadcrumb-premium .vd-breadcrumb-chip,
.vd-breadcrumb-premium a.vd-breadcrumb-chip,
.vd-breadcrumb-premium span.vd-breadcrumb-chip,
.vd-breadcrumb-premium li.vd-breadcrumb-chip {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 42px !important;
    padding: 0 18px !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, rgba(22, 56, 97, 0.90), rgba(11, 36, 67, 0.92)) !important;
    border: 1px solid rgba(103, 175, 255, 0.20) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.07),
        0 10px 26px rgba(0,0,0,0.20) !important;
    color: #eaf4ff !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    letter-spacing: 0.01em !important;
    text-decoration: none !important;
    transition: all .24s ease !important;
}

.vd-breadcrumb-premium a.vd-breadcrumb-chip:hover {
    color: #ffffff !important;
    border-color: rgba(113, 188, 255, 0.34) !important;
    transform: translateY(-1px) !important;
    box-shadow:
        0 16px 34px rgba(0,0,0,0.24),
        0 0 0 1px rgba(89, 170, 255, 0.18) inset !important;
}

.vd-breadcrumb-premium .vd-breadcrumb-sep,
.vd-breadcrumb-premium span.vd-breadcrumb-sep {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 999px !important;
    color: rgba(186, 219, 255, 0.92) !important;
    background: rgba(20, 53, 92, 0.58) !important;
    border: 1px solid rgba(101, 173, 255, 0.16) !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.05) !important;
}

/* Gallery count / 1-6 etiketi */
.vd-gallery-count-soft {
    background: rgba(10, 22, 40, 0.46) !important;
    border: 1px solid rgba(255,255,255,0.10) !important;
    color: rgba(255,255,255,0.96) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    box-shadow:
        0 12px 26px rgba(0,0,0,0.20),
        inset 0 1px 0 rgba(255,255,255,0.08) !important;
}

/* Sağ üst aksiyon butonları */
.vd-float-action-btn {
    background: rgba(15, 26, 42, 0.44) !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    color: rgba(255,255,255,0.88) !important;
    box-shadow:
        0 14px 30px rgba(0,0,0,0.18),
        inset 0 1px 0 rgba(255,255,255,0.06) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    transition: all .22s ease !important;
}

.vd-float-action-btn:hover {
    transform: translateY(-2px) scale(1.02) !important;
}

/* Favori */
.vd-favorite-btn:hover {
    background: rgba(255, 72, 72, 0.16) !important;
    border-color: rgba(255, 93, 93, 0.42) !important;
    color: #ff5d5d !important;
    box-shadow:
        0 16px 30px rgba(255, 70, 70, 0.18),
        0 0 0 1px rgba(255, 98, 98, 0.18) inset !important;
}

.vd-favorite-btn.is-active {
    background: linear-gradient(135deg, rgba(255, 72, 72, 0.22), rgba(186, 28, 28, 0.28)) !important;
    border-color: rgba(255, 93, 93, 0.52) !important;
    color: #ff6161 !important;
    box-shadow:
        0 16px 34px rgba(255, 64, 64, 0.22),
        0 0 0 1px rgba(255, 111, 111, 0.18) inset !important;
}

/* Karşılaştır */
.vd-compare-btn:hover {
    background: rgba(34, 197, 94, 0.16) !important;
    border-color: rgba(52, 211, 153, 0.42) !important;
    color: #31d88d !important;
    box-shadow:
        0 16px 30px rgba(34, 197, 94, 0.16),
        0 0 0 1px rgba(52, 211, 153, 0.18) inset !important;
}

.vd-compare-btn.is-active {
    background: linear-gradient(135deg, rgba(22, 163, 74, 0.22), rgba(5, 150, 105, 0.28)) !important;
    border-color: rgba(34, 197, 94, 0.52) !important;
    color: #32de84 !important;
    box-shadow:
        0 16px 34px rgba(34, 197, 94, 0.20),
        0 0 0 1px rgba(52, 211, 153, 0.20) inset !important;
}

/* İkonların biraz daha cam gibi görünmesi */
.vd-favorite-btn svg,
.vd-compare-btn svg,
.vd-float-action-btn svg {
    opacity: .96 !important;
    transition: all .22s ease !important;
}

.vd-favorite-btn.is-active svg,
.vd-compare-btn.is-active svg {
    transform: scale(1.04) !important;
}

/* Mobil uyum */
@media (max-width: 768px) {
    .vd-breadcrumb-premium {
        gap: 8px !important;
        padding: 12px 12px !important;
        border-radius: 18px !important;
    }

    .vd-breadcrumb-premium .vd-breadcrumb-chip,
    .vd-breadcrumb-premium a.vd-breadcrumb-chip,
    .vd-breadcrumb-premium span.vd-breadcrumb-chip,
    .vd-breadcrumb-premium li.vd-breadcrumb-chip {
        min-height: 38px !important;
        padding: 0 14px !important;
        font-size: 13px !important;
    }

    .vd-breadcrumb-premium .vd-breadcrumb-sep {
        width: 30px !important;
        height: 30px !important;
    }
}

/* ==========================================================
   ARAÇ DETAY BREADCRUMB KOMPLE KALDIRILDI
   ========================================================== */

.vehicle-detail-page .vd-breadcrumb,
.vehicle-detail-page .vd-breadcrumb-premium,
.vehicle-detail-page .vehicle-breadcrumb,
.vehicle-detail-page nav[aria-label="breadcrumb"],
.vehicle-detail-page nav[aria-label="Breadcrumb"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
}

.vehicle-detail-page .vd-topbar-no-breadcrumb,
.vehicle-detail-page .vd-topbar {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    margin: 0 0 18px !important;
    min-height: 42px !important;
}

.vehicle-detail-page .vd-back {
    margin-left: auto !important;
}


/* ARAÇ DETAY: GERI DON BUTONU KALDIR */
.vehicle-detail-page .vd-back,
.vehicle-detail-page .vehicle-back,
.vehicle-detail-page .back-button,
.vehicle-detail-page a[href="javascript:history.back()"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.vehicle-detail-page .vd-topbar,
.vehicle-detail-page .vd-topbar-no-breadcrumb {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* ==========================================================
   ARAÇ DETAY TAB BAŞLIKLARI
   Etiket görünümü kaldırıldı, Belgeler/Ekspertiz gibi sade kalın beyaz
   ========================================================== */

.vehicle-detail-page .vd-tabs {
    display: flex !important;
    align-items: center !important;
    gap: 46px !important;
    padding: 0 24px !important;
    height: 58px !important;
    border-bottom: 1px solid rgba(90, 156, 255, .20) !important;
    background: transparent !important;
}

.vehicle-detail-page .vd-tab {
    appearance: none !important;
    min-width: auto !important;
    height: 58px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #ffffff !important;
    font-size: 16px !important;
    line-height: 58px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    cursor: pointer !important;
    position: relative !important;
    transition: color .2s ease !important;
}

.vehicle-detail-page .vd-tab::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: -1px !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: transparent !important;
    transition: background .2s ease, box-shadow .2s ease !important;
}

.vehicle-detail-page .vd-tab.active {
    color: #ffffff !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    transform: none !important;
}

.vehicle-detail-page .vd-tab.active::after {
    background: #ef3434 !important;
    box-shadow: 0 0 14px rgba(239, 52, 52, .35) !important;
}

.vehicle-detail-page .vd-tab:hover {
    color: #ffffff !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    transform: none !important;
}

.vehicle-detail-page .vd-tab:hover::after {
    background: rgba(239, 52, 52, .65) !important;
}

/* Belgeler / Ekspertiz başlığı ile aynı görünüm */
.vehicle-detail-page .vd-box-title {
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
}

/* Açık temada da aynı sade yapı */
body.front-light .vehicle-detail-page .vd-tabs,
body[data-theme="light"] .vehicle-detail-page .vd-tabs {
    border-bottom-color: rgba(120, 72, 20, .16) !important;
    background: transparent !important;
}

body.front-light .vehicle-detail-page .vd-tab,
body[data-theme="light"] .vehicle-detail-page .vd-tab {
    color: #172033 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.front-light .vehicle-detail-page .vd-tab.active,
body[data-theme="light"] .vehicle-detail-page .vd-tab.active,
body.front-light .vehicle-detail-page .vd-tab:hover,
body[data-theme="light"] .vehicle-detail-page .vd-tab:hover {
    color: #172033 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.front-light .vehicle-detail-page .vd-tab.active::after,
body[data-theme="light"] .vehicle-detail-page .vd-tab.active::after {
    background: #d08919 !important;
    box-shadow: 0 0 14px rgba(208, 137, 25, .35) !important;
}

body.front-light .vehicle-detail-page .vd-tab:hover::after,
body[data-theme="light"] .vehicle-detail-page .vd-tab:hover::after {
    background: rgba(208, 137, 25, .65) !important;
}

body.front-light .vehicle-detail-page .vd-box-title,
body[data-theme="light"] .vehicle-detail-page .vd-box-title {
    color: #172033 !important;
    font-weight: 700 !important;
}

@media (max-width: 760px) {
    .vehicle-detail-page .vd-tabs {
        gap: 30px !important;
        padding: 0 18px !important;
        overflow-x: auto !important;
        scrollbar-width: none !important;
    }

    .vehicle-detail-page .vd-tabs::-webkit-scrollbar {
        display: none !important;
    }

    .vehicle-detail-page .vd-tab {
        white-space: nowrap !important;
        font-size: 15px !important;
    }
}

/* ==========================================================
   BELGELER / EKSPERTİZ BAŞLIK ALT ÇİZGİSİ
   Araç Özellikleri / Açıklama sekmeleriyle aynı çizgi görünümü
   ========================================================== */

.vehicle-detail-page .vd-docs-box .vd-box-title {
    position: relative !important;
    height: 68px !important;
    padding: 0 24px !important;
    display: flex !important;
    align-items: center !important;
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    border-bottom: 1px solid rgba(90, 156, 255, .20) !important;
}

.vehicle-detail-page .vd-docs-box .vd-box-title::after {
    content: "" !important;
    position: absolute !important;
    left: 24px !important;
    bottom: -1px !important;
    width: 128px !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: #ef3434 !important;
    box-shadow: 0 0 14px rgba(239, 52, 52, .35) !important;
}

.vehicle-detail-page .vd-docs-box .vd-docs {
    padding-top: 18px !important;
}

/* Açık tema uyumu */
body.front-light .vehicle-detail-page .vd-docs-box .vd-box-title,
body[data-theme="light"] .vehicle-detail-page .vd-docs-box .vd-box-title {
    color: #172033 !important;
    border-bottom-color: rgba(120, 72, 20, .16) !important;
}

body.front-light .vehicle-detail-page .vd-docs-box .vd-box-title::after,
body[data-theme="light"] .vehicle-detail-page .vd-docs-box .vd-box-title::after {
    background: #d08919 !important;
    box-shadow: 0 0 14px rgba(208, 137, 25, .35) !important;
}

@media (max-width: 760px) {
    .vehicle-detail-page .vd-docs-box .vd-box-title {
        height: 60px !important;
        padding: 0 18px !important;
    }

    .vehicle-detail-page .vd-docs-box .vd-box-title::after {
        left: 18px !important;
        width: 118px !important;
    }
}

/* ==========================================================
   ARAÇ DETAY ALT KUTULAR BAŞLIK / ÇİZGİ SİMETRİ
   Araç Özellikleri - Açıklama ile Belgeler / Ekspertiz aynı hizada
   ========================================================== */

/* İki kutunun üst başlık yüksekliği aynı olsun */
.vehicle-detail-page .vd-features-box .vd-tabs,
.vehicle-detail-page .vd-docs-box .vd-box-title {
    height: 74px !important;
    min-height: 74px !important;
    padding: 0 28px !important;
    display: flex !important;
    align-items: center !important;
    border-bottom: 1px solid rgba(90, 156, 255, .20) !important;
    background: transparent !important;
    box-sizing: border-box !important;
}

/* Sol tab başlıkları */
.vehicle-detail-page .vd-features-box .vd-tabs {
    gap: 52px !important;
}

/* Araç Özellikleri / Açıklama yazıları */
.vehicle-detail-page .vd-features-box .vd-tab {
    height: 74px !important;
    min-height: 74px !important;
    line-height: 74px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    position: relative !important;
    box-shadow: none !important;
}

/* Sol aktif çizgi */
.vehicle-detail-page .vd-features-box .vd-tab::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: -1px !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: transparent !important;
    box-shadow: none !important;
}

.vehicle-detail-page .vd-features-box .vd-tab.active::after {
    background: #ef3434 !important;
    box-shadow: 0 0 14px rgba(239, 52, 52, .35) !important;
}

/* Belgeler / Ekspertiz başlığı */
.vehicle-detail-page .vd-docs-box .vd-box-title {
    position: relative !important;
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

/* Sağ çizgi: sol kutudaki aktif çizgiyle aynı başlangıç / yükseklik / görünüm */
.vehicle-detail-page .vd-docs-box .vd-box-title::after {
    content: "" !important;
    position: absolute !important;
    left: 28px !important;
    bottom: -1px !important;
    width: 138px !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: #ef3434 !important;
    box-shadow: 0 0 14px rgba(239, 52, 52, .35) !important;
}

/* İçerik üst boşlukları da eşitlensin */
.vehicle-detail-page .vd-features-box .vd-features,
.vehicle-detail-page .vd-docs-box .vd-docs {
    padding-top: 24px !important;
}

/* Sol ve sağ kutu yükseklik/duruş uyumu */
.vehicle-detail-page .vd-features-box,
.vehicle-detail-page .vd-docs-box {
    border-radius: 10px !important;
    overflow: hidden !important;
}

/* Açık tema uyumu */
body.front-light .vehicle-detail-page .vd-features-box .vd-tabs,
body.front-light .vehicle-detail-page .vd-docs-box .vd-box-title,
body[data-theme="light"] .vehicle-detail-page .vd-features-box .vd-tabs,
body[data-theme="light"] .vehicle-detail-page .vd-docs-box .vd-box-title {
    border-bottom-color: rgba(120, 72, 20, .16) !important;
}

body.front-light .vehicle-detail-page .vd-features-box .vd-tab,
body.front-light .vehicle-detail-page .vd-docs-box .vd-box-title,
body[data-theme="light"] .vehicle-detail-page .vd-features-box .vd-tab,
body[data-theme="light"] .vehicle-detail-page .vd-docs-box .vd-box-title {
    color: #172033 !important;
}

body.front-light .vehicle-detail-page .vd-features-box .vd-tab.active::after,
body.front-light .vehicle-detail-page .vd-docs-box .vd-box-title::after,
body[data-theme="light"] .vehicle-detail-page .vd-features-box .vd-tab.active::after,
body[data-theme="light"] .vehicle-detail-page .vd-docs-box .vd-box-title::after {
    background: #d08919 !important;
    box-shadow: 0 0 14px rgba(208, 137, 25, .35) !important;
}

/* Mobilde de aynı hizada kalsın */
@media (max-width: 760px) {
    .vehicle-detail-page .vd-features-box .vd-tabs,
    .vehicle-detail-page .vd-docs-box .vd-box-title {
        height: 66px !important;
        min-height: 66px !important;
        padding: 0 20px !important;
    }

    .vehicle-detail-page .vd-features-box .vd-tabs {
        gap: 34px !important;
        overflow-x: auto !important;
        scrollbar-width: none !important;
    }

    .vehicle-detail-page .vd-features-box .vd-tabs::-webkit-scrollbar {
        display: none !important;
    }

    .vehicle-detail-page .vd-features-box .vd-tab {
        height: 66px !important;
        min-height: 66px !important;
        line-height: 66px !important;
        font-size: 15px !important;
        white-space: nowrap !important;
    }

    .vehicle-detail-page .vd-docs-box .vd-box-title::after {
        left: 20px !important;
        width: 128px !important;
    }

    .vehicle-detail-page .vd-features-box .vd-features,
    .vehicle-detail-page .vd-docs-box .vd-docs {
        padding-top: 20px !important;
    }
}


/* DETAIL-TAB-LINE-SYNC START */

/* Araç detay: sol ve sağ başlık çizgileri aynı hizada */
.vehicle-detail-page .vd-features-box,
.vehicle-detail-page .vd-docs-box {
    overflow: hidden !important;
    border-radius: 14px !important;
}

.vehicle-detail-page .vd-features-box .vd-tabs,
.vehicle-detail-page .vd-docs-box .vd-box-title {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    min-height: 76px !important;
    height: 76px !important;
    padding: 0 28px !important;
    box-sizing: border-box !important;
    border-bottom: 1px solid rgba(95, 160, 255, 0.16) !important;
}

/* Sol kısım: Araç Özellikleri / Açıklama */
.vehicle-detail-page .vd-features-box .vd-tabs {
    gap: 42px !important;
}

.vehicle-detail-page .vd-features-box .vd-tab {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    height: 100% !important;
    padding: 0 0 8px 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

.vehicle-detail-page .vd-features-box .vd-tab::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    width: 0 !important;
    height: 3px !important;
    bottom: 10px !important;
    border-radius: 999px !important;
    background: #ff4d57 !important;
    box-shadow: 0 0 14px rgba(255, 77, 87, 0.30) !important;
    transition: width .25s ease !important;
}

.vehicle-detail-page .vd-features-box .vd-tab.active::after {
    width: 100% !important;
}

/* Sağ kısım: Belgeler / Ekspertiz */
.vehicle-detail-page .vd-docs-box .vd-box-title {
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

.vehicle-detail-page .vd-docs-box .vd-box-title::after {
    content: "" !important;
    position: absolute !important;
    left: 28px !important;
    width: 145px !important;
    height: 3px !important;
    bottom: 10px !important;
    border-radius: 999px !important;
    background: #ff4d57 !important;
    box-shadow: 0 0 14px rgba(255, 77, 87, 0.30) !important;
}

/* İçerik üst boşlukları da aynı olsun */
.vehicle-detail-page .vd-features-box .vd-features,
.vehicle-detail-page .vd-features-box .vd-tab-content,
.vehicle-detail-page .vd-docs-box .vd-docs {
    padding-top: 22px !important;
}

/* Açık tema uyumu */
body.front-light .vehicle-detail-page .vd-features-box .vd-tab,
body.front-light .vehicle-detail-page .vd-docs-box .vd-box-title,
body[data-theme="light"] .vehicle-detail-page .vd-features-box .vd-tab,
body[data-theme="light"] .vehicle-detail-page .vd-docs-box .vd-box-title {
    color: #1f2937 !important;
}

body.front-light .vehicle-detail-page .vd-features-box .vd-tabs,
body.front-light .vehicle-detail-page .vd-docs-box .vd-box-title,
body[data-theme="light"] .vehicle-detail-page .vd-features-box .vd-tabs,
body[data-theme="light"] .vehicle-detail-page .vd-docs-box .vd-box-title {
    border-bottom-color: rgba(120, 72, 20, 0.14) !important;
}

/* Mobil */
@media (max-width: 767px) {
    .vehicle-detail-page .vd-features-box .vd-tabs,
    .vehicle-detail-page .vd-docs-box .vd-box-title {
        min-height: 68px !important;
        height: 68px !important;
        padding: 0 20px !important;
    }

    .vehicle-detail-page .vd-features-box .vd-tabs {
        gap: 28px !important;
        overflow-x: auto !important;
        scrollbar-width: none !important;
    }

    .vehicle-detail-page .vd-features-box .vd-tabs::-webkit-scrollbar {
        display: none !important;
    }

    .vehicle-detail-page .vd-features-box .vd-tab {
        font-size: 15px !important;
    }

    .vehicle-detail-page .vd-features-box .vd-tab::after,
    .vehicle-detail-page .vd-docs-box .vd-box-title::after {
        bottom: 8px !important;
    }

    .vehicle-detail-page .vd-docs-box .vd-box-title::after {
        left: 20px !important;
        width: 130px !important;
    }
}
/* DETAIL-TAB-LINE-SYNC END */

/* ==========================================================
   ARAÇ DETAY ALT KUTULAR: ALT ÇİZGİ / YÜKSEKLİK EŞİTLEME
   Sol Araç Özellikleri kutusu ile sağ Belgeler kutusu aynı hizada biter.
   ========================================================== */

.vehicle-detail-page .vd-lower-grid {
    align-items: stretch !important;
}

/* İki kutu aynı yükseklikte dursun */
.vehicle-detail-page .vd-features-box,
.vehicle-detail-page .vd-docs-box {
    height: 100% !important;
    min-height: 365px !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
}

/* İçerikler kutuyu doldursun */
.vehicle-detail-page .vd-features-box .vd-tab-panel.active {
    flex: 1 1 auto !important;
    display: block !important;
}

.vehicle-detail-page .vd-docs-box .vd-docs {
    flex: 1 1 auto !important;
}

/* Sol ve sağ kutunun en alt çizgisi aynı görünsün */
.vehicle-detail-page .vd-features-box::after,
.vehicle-detail-page .vd-docs-box::after {
    content: "" !important;
    display: block !important;
    height: 1px !important;
    width: calc(100% - 56px) !important;
    margin: auto 28px 24px !important;
    background: rgba(90, 156, 255, .16) !important;
}

/* İç satır çizgileri sağ-sol aynı genişlikte olsun */
.vehicle-detail-page .vd-feature-row,
.vehicle-detail-page .vd-doc-row {
    border-bottom: 1px solid rgba(90, 156, 255, .16) !important;
}

/* Son satır alt çizgisi kutu alt çizgisiyle çakışmasın */
.vehicle-detail-page .vd-features .vd-feature-row:nth-last-child(-n+3),
.vehicle-detail-page .vd-docs .vd-doc-row:last-child {
    border-bottom-color: transparent !important;
}

/* Sağ belgeler alanındaki çizgiler soldaki gibi hizalansın */
.vehicle-detail-page .vd-docs {
    padding-left: 28px !important;
    padding-right: 28px !important;
}

.vehicle-detail-page .vd-doc-row {
    width: 100% !important;
}

/* Sol özellikler alanındaki iç çizgiler daha düzenli */
.vehicle-detail-page .vd-features {
    padding-left: 28px !important;
    padding-right: 28px !important;
}

/* Açık tema uyumu */
body.front-light .vehicle-detail-page .vd-features-box::after,
body.front-light .vehicle-detail-page .vd-docs-box::after,
body[data-theme="light"] .vehicle-detail-page .vd-features-box::after,
body[data-theme="light"] .vehicle-detail-page .vd-docs-box::after {
    background: rgba(120, 72, 20, .14) !important;
}

body.front-light .vehicle-detail-page .vd-feature-row,
body.front-light .vehicle-detail-page .vd-doc-row,
body[data-theme="light"] .vehicle-detail-page .vd-feature-row,
body[data-theme="light"] .vehicle-detail-page .vd-doc-row {
    border-bottom-color: rgba(120, 72, 20, .12) !important;
}

@media (max-width: 1280px) {
    .vehicle-detail-page .vd-features-box,
    .vehicle-detail-page .vd-docs-box {
        min-height: auto !important;
    }

    .vehicle-detail-page .vd-features-box::after,
    .vehicle-detail-page .vd-docs-box::after {
        width: calc(100% - 40px) !important;
        margin: auto 20px 20px !important;
    }
}


/* ==========================================================
   ARAÇ DETAY ALT KUTULAR: FAZLA BOŞLUK AZALTMA
   Yazılardan sonra gereksiz büyük boşluğu kaldırır.
   ========================================================== */

/* Önceki min-height fazla boşluk oluşturuyordu, düşürüldü */
.vehicle-detail-page .vd-features-box,
.vehicle-detail-page .vd-docs-box {
    min-height: auto !important;
    height: auto !important;
}

/* Kutular aynı hizada kalsın ama içerik kadar uzasın */
.vehicle-detail-page .vd-lower-grid {
    align-items: stretch !important;
}

/* Özellikler alanının alt boşluğu azaltıldı */
.vehicle-detail-page .vd-features {
    padding-top: 22px !important;
    padding-bottom: 18px !important;
}

/* Belgeler alanının alt boşluğu azaltıldı */
.vehicle-detail-page .vd-docs {
    padding-top: 22px !important;
    padding-bottom: 18px !important;
}

/* Sonradan eklenen ekstra alt çizgi çok aşağıda kalıyordu, yukarı alındı */
.vehicle-detail-page .vd-features-box::after,
.vehicle-detail-page .vd-docs-box::after {
    content: "" !important;
    display: block !important;
    height: 1px !important;
    width: calc(100% - 56px) !important;
    margin: 0 28px 18px !important;
    background: rgba(90, 156, 255, .16) !important;
}

/* Sağ belge listesi son satırdan sonra fazla boşluk bırakmasın */
.vehicle-detail-page .vd-doc-row:last-child {
    margin-bottom: 0 !important;
}

/* Sol özellik listesi son satırlardan sonra fazla boşluk bırakmasın */
.vehicle-detail-page .vd-feature-row {
    min-height: 34px !important;
}

/* Açıklama sekmesinde de boşluk kontrollü olsun */
.vehicle-detail-page .vd-description-text {
    min-height: auto !important;
    padding-bottom: 22px !important;
}

/* Açık tema uyumu */
body.front-light .vehicle-detail-page .vd-features-box::after,
body.front-light .vehicle-detail-page .vd-docs-box::after,
body[data-theme="light"] .vehicle-detail-page .vd-features-box::after,
body[data-theme="light"] .vehicle-detail-page .vd-docs-box::after {
    background: rgba(120, 72, 20, .14) !important;
}

@media (max-width: 1280px) {
    .vehicle-detail-page .vd-features,
    .vehicle-detail-page .vd-docs {
        padding-bottom: 16px !important;
    }

    .vehicle-detail-page .vd-features-box::after,
    .vehicle-detail-page .vd-docs-box::after {
        width: calc(100% - 40px) !important;
        margin: 0 20px 16px !important;
    }
}


/* =========================================================
   ARAÇ DETAY - ALT KISIMDAKİ FAZLA BOŞLUKLARI AZALT
   ========================================================= */

/* Sol ve sağ kutular içerik kadar uzasın */
.vehicle-detail-page .vd-features-box,
.vehicle-detail-page .vd-docs-box {
    min-height: unset !important;
    height: auto !important;
    padding-bottom: 0 !important;
}

/* İçerik alanı alt boşluğunu küçült */
.vehicle-detail-page .vd-features,
.vehicle-detail-page .vd-docs {
    padding-bottom: 8px !important;
    margin-bottom: 0 !important;
}

/* Son satırdan sonra gereksiz boşluk bırakmasın */
.vehicle-detail-page .vd-feature-row:last-child,
.vehicle-detail-page .vd-doc-row:last-child {
    margin-bottom: 0 !important;
}

/* Alttaki çizgi daha yukarı gelsin */
.vehicle-detail-page .vd-features-box::after,
.vehicle-detail-page .vd-docs-box::after {
    margin: 6px 28px 12px !important;
}

/* Özellikler kolonlarının alt tarafında boşluk azalt */
.vehicle-detail-page .vd-features-grid,
.vehicle-detail-page .vd-doc-list {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Kutular çok uzamasın */
.vehicle-detail-page .vd-lower-grid {
    align-items: start !important;
}

/* Açıklama sekmesinde de gereksiz yükseklik olmasın */
.vehicle-detail-page .vd-description-text {
    min-height: auto !important;
    margin-bottom: 0 !important;
    padding-bottom: 8px !important;
}

@media (max-width: 991px) {
    .vehicle-detail-page .vd-features,
    .vehicle-detail-page .vd-docs {
        padding-bottom: 6px !important;
    }

    .vehicle-detail-page .vd-features-box::after,
    .vehicle-detail-page .vd-docs-box::after {
        margin: 4px 20px 10px !important;
    }
}

/* =========================================================
   İLETİŞİM / TEKLİF PREMIUM SAYFASI
   ========================================================= */

.contact-premium-page{
    position:relative;
    background:
        radial-gradient(circle at 12% 18%, rgba(24,95,210,.17), transparent 28%),
        radial-gradient(circle at 82% 16%, rgba(13,70,150,.18), transparent 26%),
        linear-gradient(180deg, #041d3d 0%, #021529 100%);
    min-height:100vh;
    color:#ecf4ff;
}

.contact-premium-wrap{
    max-width:1640px;
    margin:0 auto;
    padding:28px 52px 56px;
}

.contact-premium-head{
    margin-bottom:24px;
}

.contact-premium-breadcrumb{
    display:flex;
    align-items:center;
    gap:8px;
    font-size:13px;
    line-height:1.2;
    letter-spacing:.04em;
    color:#78aefc;
    margin-bottom:16px;
    text-transform:uppercase;
    font-weight:600;
}

.contact-premium-breadcrumb a{
    color:#78aefc;
    text-decoration:none;
}

.contact-premium-head h1{
    margin:0 0 12px;
    font-size:64px;
    line-height:1.02;
    font-weight:800;
    letter-spacing:-.03em;
    color:#ffffff;
}

.contact-premium-head p{
    margin:0;
    font-size:17px;
    line-height:1.8;
    color:#d2def2;
}

.contact-alert{
    border-radius:18px;
    padding:16px 18px;
    margin-bottom:20px;
    font-size:14px;
    line-height:1.6;
}

.contact-alert.success{
    border:1px solid rgba(34,197,94,.35);
    background:rgba(34,197,94,.12);
    color:#d9ffe7;
}

.contact-alert.error{
    border:1px solid rgba(248,113,113,.35);
    background:rgba(127,29,29,.18);
    color:#ffe2e2;
}

.contact-alert.error ul{
    margin:0;
    padding-left:18px;
}

.contact-premium-grid{
    display:grid;
    grid-template-columns:1fr 1.18fr;
    gap:20px;
    align-items:stretch;
    margin-bottom:20px;
}

.contact-card{
    position:relative;
    border-radius:24px;
    border:1px solid rgba(91,147,224,.22);
    background:linear-gradient(180deg, rgba(6,36,69,.94) 0%, rgba(4,28,57,.95) 100%);
    box-shadow:0 18px 50px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.04);
    padding:26px;
    overflow:hidden;
}

.contact-card::before{
    content:"";
    position:absolute;
    inset:0;
    background:radial-gradient(circle at top right, rgba(40,110,255,.08), transparent 34%);
    pointer-events:none;
}

.contact-card-title{
    display:flex;
    align-items:flex-start;
    gap:14px;
    margin-bottom:18px;
    position:relative;
    z-index:1;
}

.contact-card-icon{
    width:42px;
    height:42px;
    min-width:42px;
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(49,110,228,.32);
    background:rgba(16,76,179,.18);
    color:#2e86ff;
}

.contact-card-icon svg{
    width:22px;
    height:22px;
}

.contact-card-title h2{
    margin:0 0 4px;
    font-size:22px;
    font-weight:800;
    line-height:1.25;
    color:#ffffff;
}

.contact-card-title p{
    margin:0;
    font-size:15px;
    color:#9db2d0;
    line-height:1.6;
}

.premium-contact-form{
    position:relative;
    z-index:1;
}

.contact-form-grid{
    display:grid;
    gap:14px;
}

.contact-form-grid.two-col{
    grid-template-columns:1fr 1fr;
}

.form-group{
    margin-bottom:12px;
}

.form-group label{
    display:none;
}

.field-wrap{
    position:relative;
}

.field-icon{
    position:absolute;
    left:16px;
    top:50%;
    transform:translateY(-50%);
    width:20px;
    height:20px;
    color:#8ba6ca;
    z-index:2;
}

.field-icon svg{
    width:20px;
    height:20px;
}

.field-icon.top{
    top:18px;
    transform:none;
}

.field-wrap input,
.field-wrap select,
.field-wrap textarea{
    width:100%;
    border-radius:14px;
    border:1px solid rgba(90,141,211,.26);
    background:linear-gradient(180deg, rgba(7,31,60,.94), rgba(4,22,44,.98));
    color:#f4f8ff;
    font-size:16px;
    line-height:1.4;
    padding:16px 16px 16px 48px;
    outline:none;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
    transition:.18s ease;
}

.field-wrap textarea{
    min-height:116px;
    resize:vertical;
    padding-top:14px;
}

.field-wrap select{
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
}

.field-wrap::after{
    content:"";
}

.select-wrap::before{
    content:"";
    position:absolute;
    right:18px;
    top:50%;
    width:9px;
    height:9px;
    border-right:2px solid #96add2;
    border-bottom:2px solid #96add2;
    transform:translateY(-65%) rotate(45deg);
    pointer-events:none;
}

.field-wrap input:focus,
.field-wrap select:focus,
.field-wrap textarea:focus{
    border-color:rgba(46,134,255,.55);
    box-shadow:0 0 0 4px rgba(46,134,255,.10);
}

.contact-kvkk-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    margin:10px 0 18px;
    flex-wrap:wrap;
}

.kvkk-check{
    display:flex;
    align-items:center;
    gap:10px;
    font-size:14px;
    color:#afc0db;
    cursor:pointer;
}

.kvkk-check input{
    width:18px;
    height:18px;
    accent-color:#2a7aff;
}

.kvkk-link{
    font-size:14px;
    color:#4f98ff;
    text-decoration:none;
    font-weight:600;
}

.contact-submit-btn{
    width:100%;
    border:none;
    border-radius:14px;
    padding:16px 20px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    font-size:16px;
    font-weight:800;
    letter-spacing:-.01em;
    color:#ffffff;
    cursor:pointer;
    background:linear-gradient(180deg, #2a68df 0%, #1c52bf 100%);
    box-shadow:0 14px 34px rgba(24,84,199,.28);
}

.contact-submit-btn svg{
    width:19px;
    height:19px;
}

.contact-info-map-grid{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:300px 1fr;
    gap:28px;
    align-items:start;
}

.contact-info-list{
    display:flex;
    flex-direction:column;
    gap:18px;
    padding-right:28px;
    border-right:1px solid rgba(116,152,201,.20);
}

.info-item{
    display:flex;
    align-items:flex-start;
    gap:12px;
}

.info-icon{
    width:52px;
    height:52px;
    min-width:52px;
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(52,117,236,.28);
    background:rgba(18,76,171,.14);
    color:#2e86ff;
}

.info-icon svg{
    width:24px;
    height:24px;
}

.info-item strong{
    display:block;
    color:#ffffff;
    font-size:16px;
    font-weight:800;
    margin-bottom:5px;
}

.info-item span{
    display:block;
    color:#d0dcf1;
    font-size:15px;
    line-height:1.6;
}

.contact-map-box{
    border-radius:20px;
    overflow:hidden;
    border:1px solid rgba(100,145,214,.20);
    background:#0b203c;
    min-height:356px;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}

.contact-map-box iframe{
    width:100%;
    height:100%;
    min-height:356px;
    border:0;
    filter:saturate(.88) contrast(1.02);
}

.contact-action-cards{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:18px;
}

.action-card{
    position:relative;
    display:flex;
    align-items:center;
    gap:18px;
    min-height:164px;
    padding:26px 24px;
    border-radius:24px;
    border:1px solid rgba(92,143,211,.20);
    background:linear-gradient(180deg, rgba(6,36,69,.94) 0%, rgba(4,27,54,.96) 100%);
    box-shadow:0 18px 50px rgba(0,0,0,.16);
    text-decoration:none;
    color:#fff;
    overflow:hidden;
}

.action-card::before{
    content:"";
    position:absolute;
    inset:0;
    background:radial-gradient(circle at top right, rgba(255,255,255,.03), transparent 30%);
    pointer-events:none;
}

.action-card-icon{
    width:68px;
    height:68px;
    min-width:68px;
    border-radius:20px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.action-card-icon svg{
    width:34px;
    height:34px;
}

.action-card-content{
    flex:1;
}

.action-card-content h3{
    margin:0 0 8px;
    font-size:18px;
    font-weight:800;
    color:#ffffff;
}

.action-card-content p{
    margin:0 0 16px;
    font-size:14px;
    line-height:1.6;
    color:#c4d3ea;
}

.action-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:44px;
    padding:0 18px;
    border-radius:12px;
    font-size:14px;
    font-weight:800;
    color:#fff;
}

.action-arrow{
    font-size:42px;
    line-height:1;
    color:rgba(255,255,255,.55);
    margin-left:auto;
}

.action-card.whatsapp .action-card-icon{
    color:#25d366;
    background:rgba(37,211,102,.10);
    border:1px solid rgba(37,211,102,.22);
}

.action-card.phone .action-card-icon{
    color:#4186ff;
    background:rgba(65,134,255,.10);
    border:1px solid rgba(65,134,255,.22);
}

.action-card.offer .action-card-icon{
    color:#a668ff;
    background:rgba(166,104,255,.10);
    border:1px solid rgba(166,104,255,.22);
}

.action-card.appointment .action-card-icon{
    color:#ff9b2f;
    background:rgba(255,155,47,.10);
    border:1px solid rgba(255,155,47,.22);
}

.action-btn.green{ background:linear-gradient(180deg, #1f8f46, #176f36); }
.action-btn.blue{ background:linear-gradient(180deg, #2c6cff, #1e53c4); }
.action-btn.purple{ background:linear-gradient(180deg, #7a49f0, #5c31c4); }
.action-btn.orange{ background:linear-gradient(180deg, #c87518, #a75d0c); }

.action-card:hover{
    transform:translateY(-2px);
    transition:.18s ease;
    border-color:rgba(110,164,241,.32);
}

@media (max-width: 1400px){
    .contact-premium-grid{
        grid-template-columns:1fr;
    }

    .contact-info-map-grid{
        grid-template-columns:1fr;
    }

    .contact-info-list{
        border-right:none;
        padding-right:0;
        padding-bottom:6px;
    }

    .contact-action-cards{
        grid-template-columns:repeat(2, 1fr);
    }
}

@media (max-width: 991px){
    .contact-premium-wrap{
        padding:24px 20px 44px;
    }

    .contact-premium-head h1{
        font-size:42px;
    }

    .contact-form-grid.two-col{
        grid-template-columns:1fr;
    }

    .contact-action-cards{
        grid-template-columns:1fr;
    }
}

@media (max-width: 640px){
    .contact-card{
        padding:20px;
        border-radius:20px;
    }

    .contact-premium-head h1{
        font-size:34px;
    }

    .contact-premium-head p{
        font-size:15px;
        line-height:1.7;
    }

    .contact-card-title h2{
        font-size:20px;
    }

    .action-card{
        min-height:auto;
        padding:20px;
    }

    .action-arrow{
        display:none;
    }
}

/* ==========================================================
   AÇIK TEMA OKUNURLUK FIX - FULL FRONTEND
   Koyu arka planı kaldırır, tüm yazıları okunur yapar.
   ========================================================== */

html[data-theme="light"],
html.front-light-html,
body[data-theme="light"],
body.theme-light,
body.front-light {
    background:
        radial-gradient(circle at 16% 0%, rgba(255, 211, 133, .20), transparent 34%),
        radial-gradient(circle at 82% 6%, rgba(148, 163, 184, .24), transparent 36%),
        linear-gradient(135deg, #f7f1e8 0%, #e6e9ee 46%, #d8dde5 100%) !important;
    color: #122033 !important;
}

/* Sayfa wrapperları açık tema */
html[data-theme="light"] body,
body[data-theme="light"],
body.theme-light,
body.front-light,
body[data-theme="light"] .contact-premium-page,
body.theme-light .contact-premium-page,
body.front-light .contact-premium-page,
body[data-theme="light"] .vehicle-detail-page,
body.theme-light .vehicle-detail-page,
body.front-light .vehicle-detail-page,
body[data-theme="light"] .nelko-hero,
body.theme-light .nelko-hero,
body.front-light .nelko-hero,
body[data-theme="light"] .catalog-page,
body.theme-light .catalog-page,
body.front-light .catalog-page {
    background:
        radial-gradient(circle at 12% 0%, rgba(255, 205, 120, .22), transparent 34%),
        radial-gradient(circle at 82% 8%, rgba(155, 165, 180, .25), transparent 36%),
        linear-gradient(135deg, #f8f2e9 0%, #e9edf2 48%, #d9dee6 100%) !important;
    color: #122033 !important;
}

/* Açık temada tüm genel yazılar koyu olsun */
body[data-theme="light"] h1,
body[data-theme="light"] h2,
body[data-theme="light"] h3,
body[data-theme="light"] h4,
body[data-theme="light"] h5,
body[data-theme="light"] h6,
body[data-theme="light"] p,
body[data-theme="light"] span,
body[data-theme="light"] label,
body[data-theme="light"] li,
body[data-theme="light"] div,
body.theme-light h1,
body.theme-light h2,
body.theme-light h3,
body.theme-light h4,
body.theme-light h5,
body.theme-light h6,
body.theme-light p,
body.theme-light span,
body.theme-light label,
body.theme-light li,
body.theme-light div,
body.front-light h1,
body.front-light h2,
body.front-light h3,
body.front-light h4,
body.front-light h5,
body.front-light h6,
body.front-light p,
body.front-light span,
body.front-light label,
body.front-light li,
body.front-light div {
    color: #122033 !important;
}

/* Linkler */
body[data-theme="light"] a,
body.theme-light a,
body.front-light a {
    color: #164ea8 !important;
}

/* Header açık tema */
body[data-theme="light"] header,
body[data-theme="light"] .nelko-header,
body[data-theme="light"] .site-header,
body[data-theme="light"] .main-header,
body.theme-light header,
body.theme-light .nelko-header,
body.theme-light .site-header,
body.theme-light .main-header,
body.front-light header,
body.front-light .nelko-header,
body.front-light .site-header,
body.front-light .main-header {
    background: rgba(248, 242, 233, .94) !important;
    border-bottom: 1px solid rgba(95, 100, 112, .16) !important;
    box-shadow: 0 12px 28px rgba(30, 41, 59, .08) !important;
    backdrop-filter: blur(16px) !important;
}

/* Header menü yazıları */
body[data-theme="light"] .nelko-menu a,
body[data-theme="light"] header a,
body.theme-light .nelko-menu a,
body.theme-light header a,
body.front-light .nelko-menu a,
body.front-light header a {
    color: #172033 !important;
}

/* Logo yazıları */
body[data-theme="light"] .nelko-logo-main,
body[data-theme="light"] .nelko-logo-sub,
body.theme-light .nelko-logo-main,
body.theme-light .nelko-logo-sub,
body.front-light .nelko-logo-main,
body.front-light .nelko-logo-sub {
    color: #122033 !important;
}

/* İletişim sayfası başlık alanı */
body[data-theme="light"] .contact-premium-head h1,
body.theme-light .contact-premium-head h1,
body.front-light .contact-premium-head h1 {
    color: #122033 !important;
    text-shadow: none !important;
}

body[data-theme="light"] .contact-premium-head p,
body.theme-light .contact-premium-head p,
body.front-light .contact-premium-head p {
    color: #34445a !important;
}

body[data-theme="light"] .contact-premium-breadcrumb,
body[data-theme="light"] .contact-premium-breadcrumb a,
body.theme-light .contact-premium-breadcrumb,
body.theme-light .contact-premium-breadcrumb a,
body.front-light .contact-premium-breadcrumb,
body.front-light .contact-premium-breadcrumb a {
    color: #1e63c8 !important;
}

/* İletişim kartları açık/silver tema */
body[data-theme="light"] .contact-card,
body[data-theme="light"] .contact-form-card,
body[data-theme="light"] .contact-info-card,
body[data-theme="light"] .premium-contact-form,
body[data-theme="light"] .premium-contact-info,
body.theme-light .contact-card,
body.theme-light .contact-form-card,
body.theme-light .contact-info-card,
body.theme-light .premium-contact-form,
body.theme-light .premium-contact-info,
body.front-light .contact-card,
body.front-light .contact-form-card,
body.front-light .contact-info-card,
body.front-light .premium-contact-form,
body.front-light .premium-contact-info {
    background: linear-gradient(135deg, #dce1e8 0%, #c8ced8 54%, #bbc3ce 100%) !important;
    border: 1px solid rgba(88, 105, 130, .24) !important;
    box-shadow:
        0 22px 56px rgba(31, 41, 55, .14),
        inset 0 1px 0 rgba(255,255,255,.52) !important;
    color: #122033 !important;
}

/* Kart başlıkları */
body[data-theme="light"] .contact-card-title h2,
body[data-theme="light"] .contact-card-title p,
body.theme-light .contact-card-title h2,
body.theme-light .contact-card-title p,
body.front-light .contact-card-title h2,
body.front-light .contact-card-title p {
    color: #122033 !important;
}

body[data-theme="light"] .contact-card-title p,
body.theme-light .contact-card-title p,
body.front-light .contact-card-title p {
    color: #34445a !important;
}

/* İkon kutuları açık tema */
body[data-theme="light"] .contact-card-icon,
body[data-theme="light"] .info-icon,
body.theme-light .contact-card-icon,
body.theme-light .info-icon,
body.front-light .contact-card-icon,
body.front-light .info-icon {
    background: rgba(130, 160, 205, .28) !important;
    border-color: rgba(65, 105, 170, .22) !important;
    color: #173b72 !important;
}

/* Form alanları açık tema */
body[data-theme="light"] .field-wrap input,
body[data-theme="light"] .field-wrap select,
body[data-theme="light"] .field-wrap textarea,
body[data-theme="light"] input,
body[data-theme="light"] select,
body[data-theme="light"] textarea,
body.theme-light .field-wrap input,
body.theme-light .field-wrap select,
body.theme-light .field-wrap textarea,
body.theme-light input,
body.theme-light select,
body.theme-light textarea,
body.front-light .field-wrap input,
body.front-light .field-wrap select,
body.front-light .field-wrap textarea,
body.front-light input,
body.front-light select,
body.front-light textarea {
    background: rgba(255, 255, 255, .72) !important;
    border: 1px solid rgba(95, 112, 140, .20) !important;
    color: #122033 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.42) !important;
}

body[data-theme="light"] input::placeholder,
body[data-theme="light"] textarea::placeholder,
body.theme-light input::placeholder,
body.theme-light textarea::placeholder,
body.front-light input::placeholder,
body.front-light textarea::placeholder {
    color: #66758b !important;
}

body[data-theme="light"] .field-icon,
body.theme-light .field-icon,
body.front-light .field-icon {
    color: #1f2d42 !important;
}

/* KVKK satırı */
body[data-theme="light"] .kvkk-check,
body[data-theme="light"] .kvkk-check span,
body.theme-light .kvkk-check,
body.theme-light .kvkk-check span,
body.front-light .kvkk-check,
body.front-light .kvkk-check span {
    color: #172033 !important;
}

body[data-theme="light"] .kvkk-link,
body.theme-light .kvkk-link,
body.front-light .kvkk-link {
    color: #164ea8 !important;
}

/* İletişim bilgi yazıları */
body[data-theme="light"] .info-item strong,
body.theme-light .info-item strong,
body.front-light .info-item strong {
    color: #122033 !important;
}

body[data-theme="light"] .info-item span,
body.theme-light .info-item span,
body.front-light .info-item span {
    color: #233247 !important;
}

body[data-theme="light"] .contact-info-list,
body.theme-light .contact-info-list,
body.front-light .contact-info-list {
    border-right-color: rgba(80, 98, 124, .20) !important;
}

/* Harita */
body[data-theme="light"] .contact-map-box,
body.theme-light .contact-map-box,
body.front-light .contact-map-box {
    border-color: rgba(43, 57, 78, .32) !important;
    background: #d6dce5 !important;
}

/* Alt 4 aksiyon kartı açık tema */
body[data-theme="light"] .action-card,
body.theme-light .action-card,
body.front-light .action-card {
    background: linear-gradient(135deg, #dce1e8 0%, #c7ced8 54%, #bbc3ce 100%) !important;
    border: 1px solid rgba(88, 105, 130, .24) !important;
    box-shadow:
        0 18px 42px rgba(31, 41, 55, .12),
        inset 0 1px 0 rgba(255,255,255,.48) !important;
}

body[data-theme="light"] .action-card-content h3,
body.theme-light .action-card-content h3,
body.front-light .action-card-content h3 {
    color: #122033 !important;
}

body[data-theme="light"] .action-card-content p,
body.theme-light .action-card-content p,
body.front-light .action-card-content p {
    color: #34445a !important;
}

body[data-theme="light"] .action-arrow,
body.theme-light .action-arrow,
body.front-light .action-arrow {
    color: rgba(18, 32, 51, .50) !important;
}

/* Diğer tüm kart/paneller açık tema */
body[data-theme="light"] .card,
body[data-theme="light"] .panel,
body[data-theme="light"] .box,
body[data-theme="light"] .nelko-panel,
body[data-theme="light"] .vd-box,
body[data-theme="light"] .vd-info-card,
body[data-theme="light"] .vd-gallery-card,
body[data-theme="light"] .vd-similar-card,
body[data-theme="light"] .catalog-model-card,
body[data-theme="light"] .catalog-year-card,
body[data-theme="light"] .nelko-brand-card,
body.theme-light .card,
body.theme-light .panel,
body.theme-light .box,
body.theme-light .nelko-panel,
body.theme-light .vd-box,
body.theme-light .vd-info-card,
body.theme-light .vd-gallery-card,
body.theme-light .vd-similar-card,
body.theme-light .catalog-model-card,
body.theme-light .catalog-year-card,
body.theme-light .nelko-brand-card,
body.front-light .card,
body.front-light .panel,
body.front-light .box,
body.front-light .nelko-panel,
body.front-light .vd-box,
body.front-light .vd-info-card,
body.front-light .vd-gallery-card,
body.front-light .vd-similar-card,
body.front-light .catalog-model-card,
body.front-light .catalog-year-card,
body.front-light .nelko-brand-card {
    background: linear-gradient(135deg, #dce1e8 0%, #c8ced8 54%, #bbc3ce 100%) !important;
    border-color: rgba(88, 105, 130, .24) !important;
    color: #122033 !important;
}

/* Araç detay açık tema yazıları */
body[data-theme="light"] .vehicle-detail-page h1,
body[data-theme="light"] .vehicle-detail-page h2,
body[data-theme="light"] .vehicle-detail-page h3,
body[data-theme="light"] .vehicle-detail-page span,
body[data-theme="light"] .vehicle-detail-page div,
body[data-theme="light"] .vehicle-detail-page p,
body.theme-light .vehicle-detail-page h1,
body.theme-light .vehicle-detail-page h2,
body.theme-light .vehicle-detail-page h3,
body.theme-light .vehicle-detail-page span,
body.theme-light .vehicle-detail-page div,
body.theme-light .vehicle-detail-page p,
body.front-light .vehicle-detail-page h1,
body.front-light .vehicle-detail-page h2,
body.front-light .vehicle-detail-page h3,
body.front-light .vehicle-detail-page span,
body.front-light .vehicle-detail-page div,
body.front-light .vehicle-detail-page p {
    color: #122033 !important;
}

/* Açık temada fiyatlar mavi kalsın */
body[data-theme="light"] .vd-price,
body[data-theme="light"] .vd-price span,
body[data-theme="light"] .vd-similar-price,
body.theme-light .vd-price,
body.theme-light .vd-price span,
body.theme-light .vd-similar-price,
body.front-light .vd-price,
body.front-light .vd-price span,
body.front-light .vd-similar-price {
    color: #0a76c9 !important;
}

/* Tema butonu tooltip / yazı taşması engelle */
body[data-theme="light"] [data-theme-toggle],
body.theme-light [data-theme-toggle],
body.front-light [data-theme-toggle],
body[data-theme="light"] .theme-toggle,
body.theme-light .theme-toggle,
body.front-light .theme-toggle,
body[data-theme="light"] .nelko-theme-toggle,
body.theme-light .nelko-theme-toggle,
body.front-light .nelko-theme-toggle {
    overflow: hidden !important;
    white-space: nowrap !important;
    text-indent: 0 !important;
}

/* Sağ üst telefon/whatsapp açık tema */
body[data-theme="light"] .nelko-phone-main,
body[data-theme="light"] .nelko-phone-small,
body.theme-light .nelko-phone-main,
body.theme-light .nelko-phone-small,
body.front-light .nelko-phone-main,
body.front-light .nelko-phone-small {
    color: #122033 !important;
}

/* Mobil açık tema */
@media (max-width: 991px) {
    body[data-theme="light"] .contact-premium-wrap,
    body.theme-light .contact-premium-wrap,
    body.front-light .contact-premium-wrap {
        background: transparent !important;
    }
}

/* ==========================================================
   TEMA CLICK CONFLICT FIX
   Menü linkleri ve sayfa linkleri tekrar tıklanabilir olsun.
   ========================================================== */

.nelko-menu a,
header a,
.site-header a,
.main-header a,
nav a,
.contact-action-cards a,
.action-card,
.vd-similar-card,
.nelko-brand-card,
.vehicle-card a,
.catalog-model-card,
.catalog-year-card {
    pointer-events: auto !important;
    cursor: pointer !important;
}

[data-theme-toggle="safe"],
#frontThemeToggleTop,
.nelko-theme-toggle,
.theme-toggle,
.theme-switch {
    pointer-events: auto !important;
    cursor: pointer !important;
}

/* Çok geniş eski selector etkisini kır */
[class*="theme"]:not([data-theme-toggle="safe"]):not(#frontThemeToggleTop):not(.nelko-theme-toggle):not(.theme-toggle):not(.theme-switch) {
    pointer-events: auto !important;
}

/* ==========================================================
   FRONTEND FINAL TOPARLAMA - MENU / TEMA / SAYFA EKSİKLERİ
   ========================================================== */

/* Menü linkleri kesin tıklanabilir */
.nelko-menu a,
header a,
.site-header a,
.main-header a,
nav a,
.contact-action-cards a,
.action-card,
.simple-vehicle-card,
.simple-model-card,
.vd-similar-card,
.nelko-brand-card,
.vehicle-card a,
.catalog-model-card,
.catalog-year-card {
    pointer-events: auto !important;
    cursor: pointer !important;
}

/* Tema sadece gerçek buton */
[data-theme-toggle="safe"],
#frontThemeToggleTop,
.nelko-theme-toggle,
.theme-toggle,
.theme-switch {
    pointer-events: auto !important;
    cursor: pointer !important;
    user-select: none !important;
}

/* Koyu tema temel */
body[data-theme="dark"],
body.theme-dark,
body.front-dark {
    background:
        radial-gradient(circle at 12% 4%, rgba(23, 92, 190, .13), transparent 30%),
        linear-gradient(135deg, #03101f 0%, #061426 52%, #071b34 100%) !important;
    color: #eaf2ff !important;
}

/* Açık tema full okunur */
html[data-theme="light"],
body[data-theme="light"],
body.theme-light,
body.front-light {
    background:
        radial-gradient(circle at 14% 0%, rgba(255, 213, 139, .20), transparent 34%),
        radial-gradient(circle at 82% 6%, rgba(148, 163, 184, .24), transparent 36%),
        linear-gradient(135deg, #f8f2e9 0%, #e9edf2 48%, #d9dee6 100%) !important;
    color: #122033 !important;
}

/* Açık tema sayfa wrapper */
body[data-theme="light"] .contact-premium-page,
body[data-theme="light"] .vehicle-detail-page,
body[data-theme="light"] .frontend-simple-page,
body[data-theme="light"] .nelko-hero,
body[data-theme="light"] .catalog-page,
body.theme-light .contact-premium-page,
body.theme-light .vehicle-detail-page,
body.theme-light .frontend-simple-page,
body.theme-light .nelko-hero,
body.theme-light .catalog-page,
body.front-light .contact-premium-page,
body.front-light .vehicle-detail-page,
body.front-light .frontend-simple-page,
body.front-light .nelko-hero,
body.front-light .catalog-page {
    background:
        radial-gradient(circle at 14% 0%, rgba(255, 213, 139, .20), transparent 34%),
        radial-gradient(circle at 82% 6%, rgba(148, 163, 184, .24), transparent 36%),
        linear-gradient(135deg, #f8f2e9 0%, #e9edf2 48%, #d9dee6 100%) !important;
    color: #122033 !important;
}

/* Açık tema yazılar */
body[data-theme="light"] h1,
body[data-theme="light"] h2,
body[data-theme="light"] h3,
body[data-theme="light"] h4,
body[data-theme="light"] p,
body[data-theme="light"] span,
body[data-theme="light"] label,
body[data-theme="light"] li,
body[data-theme="light"] div,
body.theme-light h1,
body.theme-light h2,
body.theme-light h3,
body.theme-light h4,
body.theme-light p,
body.theme-light span,
body.theme-light label,
body.theme-light li,
body.theme-light div,
body.front-light h1,
body.front-light h2,
body.front-light h3,
body.front-light h4,
body.front-light p,
body.front-light span,
body.front-light label,
body.front-light li,
body.front-light div {
    color: #122033 !important;
}

/* Açık tema header */
body[data-theme="light"] header,
body[data-theme="light"] .nelko-header,
body[data-theme="light"] .site-header,
body[data-theme="light"] .main-header,
body.theme-light header,
body.theme-light .nelko-header,
body.theme-light .site-header,
body.theme-light .main-header,
body.front-light header,
body.front-light .nelko-header,
body.front-light .site-header,
body.front-light .main-header {
    background: rgba(248, 242, 233, .94) !important;
    border-bottom: 1px solid rgba(95, 100, 112, .16) !important;
    box-shadow: 0 12px 28px rgba(30, 41, 59, .08) !important;
    backdrop-filter: blur(16px) !important;
}

/* Açık tema kart/panel */
body[data-theme="light"] .contact-card,
body[data-theme="light"] .action-card,
body[data-theme="light"] .card,
body[data-theme="light"] .panel,
body[data-theme="light"] .box,
body[data-theme="light"] .nelko-panel,
body[data-theme="light"] .vd-box,
body[data-theme="light"] .vd-info-card,
body[data-theme="light"] .vd-gallery-card,
body[data-theme="light"] .vd-similar-card,
body[data-theme="light"] .catalog-model-card,
body[data-theme="light"] .catalog-year-card,
body[data-theme="light"] .nelko-brand-card,
body[data-theme="light"] .simple-hero-card,
body[data-theme="light"] .simple-content-card,
body[data-theme="light"] .simple-vehicle-card,
body[data-theme="light"] .simple-model-card,
body.theme-light .contact-card,
body.theme-light .action-card,
body.theme-light .card,
body.theme-light .panel,
body.theme-light .box,
body.theme-light .nelko-panel,
body.theme-light .vd-box,
body.theme-light .vd-info-card,
body.theme-light .vd-gallery-card,
body.theme-light .vd-similar-card,
body.theme-light .catalog-model-card,
body.theme-light .catalog-year-card,
body.theme-light .nelko-brand-card,
body.theme-light .simple-hero-card,
body.theme-light .simple-content-card,
body.theme-light .simple-vehicle-card,
body.theme-light .simple-model-card {
    background: linear-gradient(135deg, #dce1e8 0%, #c8ced8 54%, #bbc3ce 100%) !important;
    border: 1px solid rgba(88, 105, 130, .24) !important;
    box-shadow:
        0 22px 56px rgba(31, 41, 55, .14),
        inset 0 1px 0 rgba(255,255,255,.52) !important;
    color: #122033 !important;
}

/* Açık tema inputlar */
body[data-theme="light"] input,
body[data-theme="light"] select,
body[data-theme="light"] textarea,
body.theme-light input,
body.theme-light select,
body.theme-light textarea,
body.front-light input,
body.front-light select,
body.front-light textarea {
    background: rgba(255, 255, 255, .72) !important;
    border: 1px solid rgba(95, 112, 140, .20) !important;
    color: #122033 !important;
}

/* Simple fallback sayfalar */
.frontend-simple-page {
    min-height: 70vh;
    padding: 44px 0 72px;
    background:
        radial-gradient(circle at 12% 4%, rgba(23, 92, 190, .13), transparent 30%),
        linear-gradient(135deg, #03101f 0%, #061426 52%, #071b34 100%);
}

.simple-container {
    width: min(1540px, calc(100% - 96px));
    margin-inline: auto;
}

.simple-hero-card,
.simple-content-card,
.simple-empty {
    border-radius: 24px;
    border: 1px solid rgba(90,156,255,.22);
    background: linear-gradient(180deg, rgba(8,31,58,.90), rgba(6,26,50,.90));
    box-shadow: 0 22px 56px rgba(0,0,0,.18);
    padding: 34px;
    color: #eaf2ff;
}

.simple-eyebrow {
    display: inline-flex;
    color: #4aa3ff;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .06em;
    margin-bottom: 12px;
}

.simple-hero-card h1 {
    margin: 0 0 12px;
    color: #fff;
    font-size: 46px;
    line-height: 1.08;
    font-weight: 800;
}

.simple-hero-card p,
.simple-content-card p {
    color: #bcd0ea;
    font-size: 16px;
    line-height: 1.75;
}

.simple-card-grid,
.simple-model-grid {
    margin-top: 22px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}

.simple-vehicle-card,
.simple-model-card {
    display: block;
    border-radius: 18px;
    border: 1px solid rgba(90,156,255,.22);
    background: linear-gradient(180deg, rgba(8,31,58,.90), rgba(6,26,50,.92));
    overflow: hidden;
    text-decoration: none;
    color: #fff;
}

.simple-vehicle-img {
    height: 170px;
    position: relative;
    background: #07182d;
}

.simple-vehicle-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.simple-vehicle-img span {
    position: absolute;
    left: 12px;
    top: 12px;
    min-height: 26px;
    padding: 0 10px;
    border-radius: 999px;
    background: #1d6fff;
    color: #fff !important;
    display: inline-flex;
    align-items: center;
    font-size: 12px;
    font-weight: 700;
}

.simple-vehicle-body,
.simple-model-card {
    padding: 18px;
}

.simple-vehicle-body h3,
.simple-model-card strong {
    display: block;
    color: #fff;
    font-size: 17px;
    font-weight: 800;
    margin-bottom: 8px;
}

.simple-vehicle-body p,
.simple-model-card span,
.simple-model-card small {
    display: block;
    color: #9fb5d0;
    font-size: 14px;
}

.simple-vehicle-body strong {
    color: #7dd3fc;
    font-size: 18px;
}

.simple-feature-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    margin-top: 24px;
}

.simple-feature-row div {
    border-radius: 16px;
    border: 1px solid rgba(90,156,255,.18);
    background: rgba(255,255,255,.04);
    padding: 18px;
}

.simple-feature-row strong {
    display: block;
    color: #fff;
    margin-bottom: 6px;
}

.simple-feature-row span {
    color: #bcd0ea;
}

@media (max-width: 1200px) {
    .simple-card-grid,
    .simple-model-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .simple-feature-row {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .simple-container {
        width: calc(100% - 28px);
    }

    .simple-card-grid,
    .simple-model-grid {
        grid-template-columns: 1fr;
    }

    .simple-hero-card h1 {
        font-size: 34px;
    }
}

/* ==========================================================
   ARAÇ DETAY DİNAMİK TABLAR
   ========================================================== */

.vehicle-detail-page .vd-tab-panel {
    display: none;
}

.vehicle-detail-page .vd-tab-panel.active {
    display: block;
}

.vehicle-detail-page .vd-dynamic-panel {
    padding: 24px 28px 28px;
}

.vehicle-detail-page .vd-dynamic-tab-content {
    color: #eaf2ff;
    font-size: 16px;
    line-height: 1.8;
    border-top: 1px solid rgba(90,156,255,.14);
    padding-top: 18px;
}

body[data-theme="light"] .vehicle-detail-page .vd-dynamic-tab-content,
body.theme-light .vehicle-detail-page .vd-dynamic-tab-content,
body.front-light .vehicle-detail-page .vd-dynamic-tab-content {
    color: #122033 !important;
    border-top-color: rgba(88,105,130,.20);
}

.vehicle-detail-page .vd-tabs {
    flex-wrap: wrap;
}

.vehicle-detail-page .vd-tab {
    white-space: nowrap;
}

/* ==========================================================
   ARAÇ DETAY DİNAMİK TABLAR
   ========================================================== */

.vehicle-detail-page .vd-tab-panel {
    display: none;
}

.vehicle-detail-page .vd-tab-panel.active {
    display: block;
}

.vehicle-detail-page .vd-dynamic-panel {
    padding: 24px 28px 28px;
}

.vehicle-detail-page .vd-dynamic-tab-content {
    color: #eaf2ff;
    font-size: 16px;
    line-height: 1.8;
    border-top: 1px solid rgba(90,156,255,.14);
    padding-top: 18px;
}

body[data-theme="light"] .vehicle-detail-page .vd-dynamic-tab-content,
body.theme-light .vehicle-detail-page .vd-dynamic-tab-content,
body.front-light .vehicle-detail-page .vd-dynamic-tab-content {
    color: #122033 !important;
    border-top-color: rgba(88,105,130,.20);
}

.vehicle-detail-page .vd-tabs {
    flex-wrap: wrap;
}

.vehicle-detail-page .vd-tab {
    white-space: nowrap;
}

/* ==========================================================
   MOBIL SPLASH / PWA AÇILIŞ REKLAMI
   ========================================================== */

body.mobile-splash-open {
    overflow: hidden !important;
}

.mobile-splash-overlay {
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: none;
    align-items: stretch;
    justify-content: center;
    background: #020814;
}

.mobile-splash-card {
    position: relative;
    width: 100%;
    min-height: 100dvh;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    color: #fff;
    display: flex;
    flex-direction: column;
    padding: env(safe-area-inset-top) 24px env(safe-area-inset-bottom);
    isolation: isolate;
}

.mobile-splash-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 50% 0%, rgba(63, 116, 190, .24), transparent 36%),
        linear-gradient(180deg, rgba(2, 8, 20, .04) 0%, rgba(2, 8, 20, .42) 45%, rgba(2, 8, 20, .94) 100%);
    z-index: -1;
}

.mobile-splash-close {
    position: absolute;
    top: calc(env(safe-area-inset-top) + 42px);
    right: 28px;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,.24);
    background: rgba(10, 18, 32, .44);
    color: #fff;
    font-size: 44px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(10px);
}

.mobile-splash-top {
    text-align: center;
    padding-top: 92px;
}

.mobile-splash-logo {
    font-size: 58px;
    line-height: .9;
    font-weight: 950;
    letter-spacing: -4px;
    color: #fff;
    text-shadow: 0 8px 28px rgba(0,0,0,.45);
}

.mobile-splash-slogan {
    margin-top: 8px;
    font-size: 15px;
    letter-spacing: .06em;
    color: rgba(255,255,255,.86);
}

.mobile-splash-tag {
    position: absolute;
    left: 42px;
    top: 248px;
    transform: rotate(-7deg);
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    filter: drop-shadow(0 10px 18px rgba(0,0,0,.35));
}

.mobile-splash-tag strong {
    display: inline-flex;
    background: #e43225;
    color: #fff;
    font-size: 38px;
    line-height: 1;
    font-weight: 950;
    padding: 16px 18px;
    border-radius: 5px;
}

.mobile-splash-tag span {
    display: inline-flex;
    margin-left: 16px;
    margin-top: -2px;
    background: rgba(9, 14, 24, .84);
    color: #fff;
    font-size: 20px;
    font-weight: 900;
    padding: 8px 12px;
    border-radius: 4px;
}

.mobile-splash-content {
    margin-top: auto;
    padding-bottom: 28px;
}

.mobile-splash-content h2 {
    margin: 0;
    font-size: 56px;
    line-height: .98;
    font-weight: 950;
    letter-spacing: -2px;
    text-align: center;
    color: #fff;
    text-shadow: 0 8px 28px rgba(0,0,0,.42);
}

.mobile-splash-content h2::first-line {
    color: #fff;
}

.mobile-splash-features {
    display: flex;
    justify-content: center;
    gap: 16px;
    margin: 26px 0 22px;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    flex-wrap: wrap;
}

.mobile-splash-features span {
    color: #fff;
}

.mobile-splash-countdown {
    border: 1px solid rgba(255,255,255,.16);
    background: rgba(8, 18, 34, .58);
    border-radius: 20px;
    padding: 16px 14px;
    margin: 0 auto 20px;
    max-width: 420px;
    backdrop-filter: blur(12px);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}

.mobile-splash-count-title {
    text-align: center;
    font-size: 14px;
    color: #ff4c3f;
    letter-spacing: .06em;
    font-weight: 800;
    margin-bottom: 10px;
}

.mobile-splash-count-row {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;
    align-items: center;
    gap: 8px;
}

.mobile-splash-count-row div {
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 10px;
    min-height: 58px;
    display: grid;
    place-items: center;
    padding: 6px 3px;
}

.mobile-splash-count-row strong {
    color: #fff;
    font-size: 25px;
    line-height: 1;
}

.mobile-splash-count-row small {
    color: rgba(255,255,255,.72);
    font-size: 10px;
    margin-top: 3px;
}

.mobile-splash-count-row b {
    color: rgba(255,255,255,.72);
    font-size: 24px;
}

.mobile-splash-btn {
    width: 100%;
    min-height: 64px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-decoration: none;
    color: #fff !important;
    font-size: 24px;
    font-weight: 900;
    margin-top: 12px;
    box-shadow: 0 14px 34px rgba(0,0,0,.28);
}

.mobile-splash-btn.primary {
    background: linear-gradient(180deg, #2f7df6, #134eb8);
    border: 1px solid rgba(255,255,255,.16);
}

.mobile-splash-btn.whatsapp {
    background: linear-gradient(180deg, #31a65b, #1e833f);
    border: 1px solid rgba(255,255,255,.14);
}

.mobile-splash-later {
    width: 100%;
    border: 0;
    background: transparent;
    color: rgba(255,255,255,.60);
    font-size: 18px;
    font-weight: 700;
    margin-top: 16px;
    padding: 10px;
}

.mobile-splash-overlay.is-closing {
    opacity: 0;
    transition: opacity .24s ease;
}

@media (max-width: 768px) {
    .mobile-splash-overlay {
        display: flex;
    }
}

@media (max-width: 390px) {
    .mobile-splash-logo {
        font-size: 50px;
    }

    .mobile-splash-tag {
        left: 28px;
        top: 230px;
    }

    .mobile-splash-tag strong {
        font-size: 32px;
    }

    .mobile-splash-content h2 {
        font-size: 48px;
    }

    .mobile-splash-btn {
        font-size: 20px;
        min-height: 58px;
    }
}