/* ── KobiCar Valuation Wizard ── */
.kobicar-vw { --kobicar-radius: 14px; --kobicar-border: #e9ecef; --kobicar-muted: #6c757d; --kobicar-hover: rgba(0,0,0,.04); }
.kobicar-vw .kobicar-step-pane { display: none !important; }
.kobicar-vw .kobicar-step-pane.kobicar-visible { display: block !important; }
.kobicar-vw .kobicar-card { border-radius: var(--kobicar-radius); }
.kobicar-vw .kobicar-chip-btn { width: 36px; height: 36px; border-radius: 9999px; display: inline-flex; align-items: center; justify-content: center; }
.kobicar-vw .kobicar-cursor-pointer { cursor: pointer; }
.kobicar-vw .kobicar-no-select { user-select: none; }
/* Stepper */
.kobicar-vw .kobicar-step-badge { width: 34px; height: 34px; min-width: 34px; border-radius: 9999px; display: inline-flex; align-items: center; justify-content: center; font-weight: 700; font-size: 14px; border: 1px solid #dee2e6; background: #fff; color: var(--kobicar-muted); transition: all .15s ease; }
.kobicar-vw .kobicar-step-badge.kobicar-done { background: #111; border-color: #111; color: #fff; }
.kobicar-vw .kobicar-step-badge.kobicar-active { background: var(--site-color); border-color: var(--site-color); color: #fff; }
.kobicar-vw .kobicar-step-label { font-size: 12px; line-height: 1.2; }
@media (min-width: 768px) { .kobicar-vw .kobicar-step-label { font-size: 15px; } }
/* Selection tiles */
.kobicar-vw .kobicar-select-item { border: 1px solid var(--kobicar-border); background: #fff; border-radius: 12px; padding: 12px; transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease, background-color .12s ease; }
.kobicar-vw .kobicar-select-item:hover { background: var(--kobicar-hover); border-color: rgba(0,0,0,.08); }
.kobicar-vw .kobicar-select-item:active { transform: translateY(0); box-shadow: 0 6px 16px rgba(0,0,0,.08); }
.kobicar-vw .kobicar-select-item.kobicar-active { background: var(--site-color) !important; border-color: var(--site-color) !important; color: #fff !important; box-shadow: 0 14px 32px rgba(0,0,0,.18); }
.kobicar-vw .kobicar-select-item.kobicar-active .kobicar-item-label { color: #fff !important; }
.kobicar-vw .kobicar-select-item.kobicar-active .kobicar-subtle { color: rgba(255,255,255,.7) !important; }
.kobicar-vw .kobicar-item-label { font-weight: 600; color: #111; white-space: nowrap; }
.kobicar-vw .kobicar-subtle { color: var(--kobicar-muted); }
.kobicar-vw .kobicar-brand-logo { width: 46px; height: 46px; object-fit: contain; border-radius: 9999px; background: #fff; border: 1px solid rgba(0,0,0,.06); padding: 6px; }
/* Search */
.kobicar-vw .kobicar-search .form-control { border-radius: 12px 0 0 12px; font-size: 14px; }
.kobicar-vw .kobicar-search .input-group-text { border-radius: 0 12px 12px 0; background: #fff; }
/* Sticky sidebar */
@media (min-width: 768px) { .kobicar-vw .kobicar-sticky { position: sticky; top: 190px; } }
/* Grid gaps */
.kobicar-vw .vw-row-gap { gap: 12px; }
.kobicar-vw .stepper-gap { gap: 12px; }
/* Color circle */
.kobicar-vw .vw-color-circle { width: 28px; height: 28px; border-radius: 50%; border: 2px solid #ddd; display: inline-block; vertical-align: middle; margin-right: 6px; }
/* Form inputs */
.kobicar-vw .vw-input { width: 100%; border: 1px solid var(--kobicar-border); border-radius: 12px; padding: 12px 14px; font-size: 15px; transition: border-color .2s; outline: none; box-sizing: border-box; }
.kobicar-vw .vw-input:focus { border-color: var(--site-color); }
.kobicar-vw select.vw-input { appearance: auto; }
/* Toggle buttons */
.kobicar-vw .vw-toggle-item { border: 1px solid var(--kobicar-border); background: #fff; border-radius: 12px; padding: 12px; text-align: center; cursor: pointer; transition: all .15s; font-weight: 500; }
.kobicar-vw .vw-toggle-item.active-yes { border-color: #dc3545; background: #fff5f5; color: #dc3545; }
.kobicar-vw .vw-toggle-item.active-no { border-color: var(--kobicar-border); background: #f5f5f5; color: var(--site-color); }
/* OTP */
.kobicar-vw .vw-math-q { background: #fff3cd; padding: 14px; border-radius: 12px; text-align: center; font-size: 15px; font-weight: 600; }
/* Result price */
.kobicar-vw .vw-result-price { font-size: 32px; font-weight: 800; }
/* Loading */
.kobicar-vw .vw-spinner { display: inline-block; width: 22px; height: 22px; border: 3px solid #e0e0e0; border-top-color: var(--site-color); border-radius: 50%; animation: vwSpin .6s linear infinite; }
@keyframes vwSpin { to { transform: rotate(360deg); } }
/* SVG Araç Parçaları */
.vw-car-part { cursor: pointer; transition: fill .25s ease, opacity .2s ease; opacity: .9; }
.vw-car-part:hover { opacity: 1; filter: brightness(1.08); }
/* Grid column fix */
@media (min-width: 992px) { .kobicar-vw .col-lg-2-custom { flex: 0 0 18.6% !important; max-width: 18.6% !important; } }
@media (min-width: 768px) { .kobicar-vw .col-md-3-custom { flex: 0 0 25%; max-width: 23.7% !important; } }
.kobicar-vw .col-sm-6-custom { max-width: 48%; }
/* Layout overrides */
.col-6.col-sm-4.col-md-3-custom { padding: 0; }
.d-flex.flex-wrap.align-items-center.gap-3.border-bottom.pb-3.mb-3 { gap: 12px; }
.d-flex.flex-column.flex-md-row.align-items-center.gap-md-2 { gap: 12px !important; }
h4.kobicar-subtle.mb-2.fw-semibold { font-size: 13px; padding-bottom: 12px; }
.col-6.col-sm-4.col-md-3.col-lg-2-custom { padding: 0; }
span.d-flex.align-items-center.gap-2.kobicar-subtle { gap: 12px; font-weight: 500; }
h3#vwModule-88-1-title { font-size: 16px; }
div#vwModule-88-1-subtitle { font-size: 14px; }
.col-6.col-sm-4.col-md-3 { padding: 0; max-width: 23.7%; }
.col-6 { padding: 0; max-width: 49%; }
.col-12.col-sm-6.col-sm-6-custom { padding: 0; }
div#vwModule-88-1-transList .col-6 { padding: 0; max-width: 48%; }
div#vwModule-88-1-fuelList .col-6 { padding: 0; max-width: 49%; }
div#vwModule-88-1-sunroof { gap: 12px; }
div#vwModule-88-1-tramer { gap: 12px; }
#{{ $uid }}-carSvg .vw-car-part{fill:#bfbfbf;stroke:none;cursor:pointer;transition:fill .25s;opacity:.92}
  #{{ $uid }}-carSvg .vw-car-part:hover{opacity:1;filter:brightness(1.1)}
  .vw-exp-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}
  .vw-exp-table th{font-size:12px;font-weight:600;padding:8px 6px;text-align:center;white-space:nowrap;border-bottom:2px solid #e9ecef}
  .vw-exp-table th:first-child{text-align:left}
  .vw-exp-table td{padding:10px 6px;text-align:center;border-bottom:1px solid #f0f0f0;vertical-align:middle}
  .vw-exp-table td:first-child{text-align:left;font-weight:500;white-space:nowrap}
  .vw-exp-table tr:last-child td{border-bottom:none}
  .vw-exp-table tr:hover td{background:#fafafa}
  .vw-exp-table .vw-th-ori{color:#22c55e}.vw-exp-table .vw-th-lok{color:#f97316}
  .vw-exp-table .vw-th-boy{color:#3b82f6}.vw-exp-table .vw-th-deg{color:#ef4444}
  .vw-exp-table input[type="radio"]{width:18px;height:18px;cursor:pointer;accent-color:var(--site-color,#4f46e5)}
  .kobicar-vw.vw-exp-mode #{{ $uid }}-leftCol{flex:0 0 100%;max-width:100%}
  .kobicar-vw.vw-exp-mode #{{ $uid }}-rightCol{display:none}
  .vw-toast{pointer-events:auto;min-width:320px;max-width:480px;padding:16px 20px;border-radius:14px;color:#fff;font-size:14px;font-weight:500;box-shadow:0 10px 40px rgba(0,0,0,.2);display:flex;align-items:center;gap:12px;animation:vwToastIn .4s cubic-bezier(.22,1,.36,1);backdrop-filter:blur(8px)}
  .vw-toast-close{background:none;border:none;color:inherit;opacity:.7;cursor:pointer;padding:0;margin-left:auto;font-size:16px;line-height:1;flex-shrink:0}
  .vw-toast-close:hover{opacity:1}
  .vw-toast-error{background:var(--site-color)}.vw-toast-success{background:rgba(40,167,69,.95)}.vw-toast-warn{background:rgba(245,158,11,.95);color:#111}.vw-toast-info{background:rgba(59,130,246,.95)}
  @keyframes vwToastIn{from{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}
  @keyframes vwToastOut{from{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(20px) scale(.95)}}
  @media(max-width:767.98px){
    .vw-exp-table input[type="radio"]{width:22px;height:22px}
    .vw-exp-table th{font-size:10px;padding:6px 3px}
    .vw-exp-table td{padding:8px 3px}
    .vw-exp-table td:first-child{font-size:12px}
    .vw-exp-table .vw-th-rotate{writing-mode:vertical-lr;transform:rotate(180deg);height:56px}
    .vw-toast{min-width:auto;max-width:calc(100vw - 32px);font-size:13px;padding:14px 16px}
  }
  div#vwModule-88-1-chassisDamage {
    gap: 12px;
}

div#vwModule-88-1-airbagDeployed {
    gap: 12px;
}

i.fal.fa-check-circle.me-1 {margin-right: 5px;}

label.small.fw-semibold.mb-1 {
    font-size: 12px;
}

/* =====================================================
   MODULE 88 — Mobile Optimization
   ===================================================== */
@media (max-width: 767.98px) {
    /* Stepper compact */
    .kobicar-vw .stepper-gap { gap: 6px; padding: 4px 0 !important; }
    .kobicar-vw .kobicar-step-badge { width: 28px; height: 28px; min-width: 28px; font-size: 11px; }
    .kobicar-vw .d-flex.flex-column.flex-md-row.align-items-center { gap: 4px !important; }
    .kobicar-vw .stepper-gap i.fal.fa-chevron-right { font-size: 10px; }

    /* Card less padding */
    .kobicar-vw .kobicar-card .card-body { padding: 14px !important; }
    .kobicar-vw .container.py-4 { padding-top: 10px !important; padding-bottom: 10px !important; }
    .kobicar-vw .container.py-3 { padding-top: 6px !important; padding-bottom: 6px !important; }

    /* Header bar compact */
    .kobicar-vw .kobicar-chip-btn { width: 32px; height: 32px; font-size: 14px; }
    .kobicar-vw .kobicar-search .form-control { font-size: 14px; padding: 10px 12px; border-radius: 10px 0 0 10px; }
    .kobicar-vw .kobicar-search .input-group-text { padding: 10px 12px; border-radius: 0 10px 10px 0; }
    .kobicar-vw .d-flex.flex-wrap.align-items-center.gap-3 { gap: 8px; }

    /* Selection tiles — large tap targets for mobile */
    .kobicar-vw .kobicar-select-item {
        padding: 14px 10px;
        min-height: 48px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    .kobicar-vw .kobicar-item-label { font-size: 14px; }

    /* Year tiles: 3 per row */
    .kobicar-vw .col-6.col-sm-4.col-md-3-custom { flex: 0 0 31.33%; max-width: 31.33% !important; }

    /* Brand tiles: 3 per row */
    .kobicar-vw .col-6.col-sm-4.col-md-3.col-lg-2-custom { flex: 0 0 31.33%; max-width: 31.33% !important; }
    .kobicar-vw .col-6.col-sm-4.col-md-3 { max-width: 31.33% !important; flex: 0 0 31.33%; }
    .kobicar-vw .kobicar-brand-logo { width: 34px; height: 34px; padding: 3px; margin-bottom: 4px !important; }
    .kobicar-vw .brand-name { font-size: 11px; white-space: normal; text-align: center; line-height: 1.3; }

    /* Model / Fuel / Trans tiles: 2 per row */
    .kobicar-vw .col-6 { max-width: 48% !important; }

    /* Version tiles: full width */
    .kobicar-vw .col-12.col-sm-6.col-sm-6-custom { max-width: 100% !important; }
    .kobicar-vw .col-12.col-sm-6.col-sm-6-custom .kobicar-select-item { flex-direction: row; justify-content: flex-start; padding: 14px 16px; }

    /* Grid gaps tighter */
    .kobicar-vw .vw-row-gap { gap: 8px; }
    .kobicar-vw .row.g-3 { --bs-gutter-x: 8px; --bs-gutter-y: 8px; }
    .kobicar-vw .row.g-2 { --bs-gutter-x: 6px; --bs-gutter-y: 6px; }

    /* Right sidebar → below on mobile */
    .kobicar-vw .kobicar-sticky { position: static !important; }
    .kobicar-vw .col-md-4 { margin-top: 12px; }
    .kobicar-vw .col-md-4 .card-body img { max-height: 100px !important; }
    .kobicar-vw .col-md-4 ul li { padding: 5px 0 !important; font-size: 13px; }

    /* Input fields — larger for touch */
    .kobicar-vw .vw-input { padding: 14px; font-size: 16px; border-radius: 10px; }
    .kobicar-vw select.vw-input { padding: 14px; font-size: 16px; }

    /* Toggle items bigger for touch */
    .kobicar-vw .vw-toggle-item { padding: 14px; min-height: 48px; font-size: 14px; }

    /* Color selection larger */
    .kobicar-vw .vw-color-circle { width: 32px; height: 32px; }

    /* Buttons — min touch target */
    .kobicar-vw .btn { padding: 12px 20px; font-size: 15px; min-height: 48px; }
    .kobicar-vw .btn-dark { min-height: 48px; }

    /* Contact form — wider labels */
    .kobicar-vw .col-6 label.small { font-size: 12px; }

    /* Result price */
    .kobicar-vw .vw-result-price { font-size: 28px; }

    /* KM & damage section inputs */
    .kobicar-vw input[type="tel"] { font-size: 16px; }
    .kobicar-vw input[type="text"] { font-size: 16px; }

    /* Tramer / structural damage toggles */
    .kobicar-vw .d-flex.gap-2 { gap: 8px !important; }
    .kobicar-vw .d-flex.gap-3 { gap: 8px !important; }

    /* Form check items */
    .kobicar-vw .form-check { margin-bottom: 8px; }
    .kobicar-vw .form-check-label { font-size: 13px; line-height: 1.5; }
    .kobicar-vw .form-check-input { width: 20px; height: 20px; margin-top: 2px; }

    /* Toast narrower on mobile */
    .vw-toast { min-width: auto; max-width: calc(100vw - 32px); font-size: 13px; padding: 14px 16px; }
}