.ctb-vehicle-wrap{
  max-width:980px;
  margin:40px auto;
  padding:0 20px;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
.ctb-vehicle-hero img{
  width:100%;
  height:auto;
  border-radius:14px;
  display:block;
  margin-bottom:16px;
  background:#f6f7f9;
}
.ctb-vehicle-title{
  margin:6px 0 14px;
  font-size:28px;
  line-height:1.2;
}
.ctb-vehicle-content{
  margin-bottom:22px;
  color:#333;
}
.ctb-vehicle-tariffs h2{
  font-size:20px;
  margin:0 0 10px;
}
.ctb-tariff-list{
  border-top:1px solid #eaeaea;
}
.ctb-tariff{
  display:grid;
  grid-template-columns:1fr auto auto;
  gap:14px;
  align-items:center;
  padding:12px 0;
  border-bottom:1px solid #f1f3f5;
}
.ctb-tariff .price{ font-weight:800; }
.ctb-book-btn{
  background:#0b74ff;
  color:#fff;
  text-decoration:none;
  padding:8px 14px;
  border-radius:10px;
  font-weight:700;
}
.ctb-book-btn:hover{ background:#004ecc; }

@media (max-width:640px){
  .ctb-tariff{
    grid-template-columns:1fr;
    gap:8px;
  }
  .ctb-book-btn{ width:max-content; }
}

/* vehicle-single.css */
.ctb-vehicle{
  --text:#0b0c0e; --muted:#6b7280; --line:#e5e7eb; --card:#f8fafc; --brand:#1a73e8;
  max-width:1200px; margin:32px auto; padding:0 20px; color:var(--text);
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}

.ctb-vehicle__header h1{
  font-size:42px; line-height:1.15; margin:8px 0 12px; font-weight:700;
}

.ctb-vehicle__specs{
  display:flex; flex-wrap:wrap; gap:24px; margin:0; padding:14px 0 18px; list-style:none;
  border-bottom:1px solid var(--line);
}
.ctb-vehicle__specs li{ font-weight:600; color:#111827; display:flex; align-items:center; gap:10px; }
.ctb-vehicle__specs i{ color:#111827; opacity:.8; }

.ctb-vehicle__layout{
  display:grid; grid-template-columns:minmax(0,1fr) 380px; gap:32px; align-items:start; margin-top:22px;
}

/* Stânga */
.ctb-vehicle__image{
  background:#fff; border-radius:14px; overflow:hidden; border:1px solid var(--line);
}
.ctb-vehicle__image img{ width:100%; height:auto; display:block; }

.ctb-vehicle__benefits{
  list-style:none; margin:18px 0; padding:0; display:grid; gap:12px;
}
.ctb-vehicle__benefits li{ display:flex; align-items:flex-start; gap:12px; font-size:18px; color:#111827; }
.ctb-vehicle__benefits i{ color:#111827; margin-top:3px; }

.ctb-vehicle__content{ margin-top:12px; color:#111827; }

/* Dreapta: pricing card */
.ctb-vehicle__sidebar{ position:sticky; top:24px; }
.ctb-pricing-card{
  background:#fff; border:1px solid var(--line); border-radius:16px; padding:18px;
  box-shadow:0 6px 24px rgba(0,0,0,.06);
}
.ctb-pricing-list{ list-style:none; margin:0; padding:0; }
.ctb-pricing-list li{
  display:flex; justify-content:space-between; align-items:center;
  padding:14px 0; border-bottom:1px solid var(--line);
}
.ctb-pricing-list li:last-child{ border-bottom:0; }
.ctb-pricing-list .label{ color:#111827; font-size:16px; }
.ctb-pricing-list .price{ font-weight:800; font-size:18px; color:#111827; }

.ctb-vat-note{ margin:16px 0 12px; color:var(--muted); font-weight:600; font-size:13px; }

.ctb-pricing-btn{
  display:flex; align-items:center; justify-content:center; gap:10px;
  height:56px; border-radius:28px; background:var(--brand); color:#fff; text-decoration:none;
  font-weight:800; letter-spacing:.02em;
}
.ctb-pricing-btn i{ font-size:14px; }

/* Responsive */
@media (max-width:1024px){
  .ctb-vehicle__layout{ grid-template-columns:1fr; }
  .ctb-vehicle__sidebar{ position:static; }
}
@media (max-width:640px){
  .ctb-vehicle__header h1{ font-size:32px; }
  .ctb-vehicle__specs{ gap:14px; }
  .ctb-vehicle__benefits li{ font-size:16px; }
}

/* ============================================================
   BOOKING STEP 2 – VEHICLE LIST (card compact, stil Blacklane)
   ============================================================ */

.ctb-vehicle-list{
  display:flex;
  flex-direction:column;
  gap:12px;
}

/* Card de vehicul */
.ctb-vehicle-option{
  display:flex;
  align-items:center;
  gap:14px;
  padding:14px;
  border:2px solid transparent;
  border-radius:14px;
  background:#ffffff;
  cursor:pointer;
  transition:box-shadow .2s ease, border-color .2s ease, background .2s ease;
  box-shadow:0 0 0 1px #e5e5e5;
}

/* Card selectat (ca la exemplu) */
.ctb-vehicle-option.selected{
  border-color:#000000;
  background:#f6f8fb;
  box-shadow:0 0 0 2px #000000;
}

/* Imagine mai mică, compactă */
.ctb-vehicle-option img{
  width:110px !important;
  height:auto;
  object-fit:contain;
  flex:0 0 auto;
}

/* Info vehicul */
.ctb-vehicle-info{
  flex:1 1 auto;
}
.ctb-vehicle-info h4{
  font-size:17px;
  margin:0 0 6px;
  font-weight:600;
}

/* Meta (pax / bagaje) */
.ctb-vehicle-meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  font-size:14px;
  color:#555;
}
.ctb-vehicle-meta span{
  display:inline-flex;
  align-items:center;
  gap:6px;
}

/* Preț – mai puțin bold, aliniat dreapta */
.ctb-vehicle-price{
  font-size:18px;
  font-weight:500;
  white-space:nowrap;
  margin-left:auto;
}

/* Eliminăm butonul mare – tot cardul este clickabil */
.ctb-select-vehicle{
  display:none !important;
}

/* Mobile – card și mai compact */
@media (max-width:600px){
  .ctb-vehicle-option{
    padding:12px;
    gap:10px;
  }
  .ctb-vehicle-option img{
    width:90px !important;
  }
  .ctb-vehicle-price{
    font-size:16px;
  }
}
/* ====== Vehicle gallery ====== */
.ctb-vehicle__image {
  background:#fff;
  border-radius:14px;
  overflow:hidden;
  border:1px solid var(--line);
}

.ctb-vehicle__image img#ctb-vehicle-main-img {
  width:100%;
  height:auto;
  display:block;
}

.ctb-vehicle__gallery {
  display:flex;
  gap:8px;
  padding:8px 10px 10px;
  border-top:1px solid var(--line);
  background:#f9fafb;
  overflow-x:auto;
}

.ctb-vehicle__gallery img {
  flex:0 0 auto;
  width:80px;
  height:60px;
  object-fit:cover;
  border-radius:8px;
  cursor:pointer;
  opacity:0.7;
  border:2px solid transparent;
  transition:opacity .15s ease, border-color .15s ease, transform .1s ease;
}

.ctb-vehicle__gallery img:hover {
  opacity:0.95;
  transform:translateY(-1px);
}

.ctb-vehicle__gallery img.is-active {
  opacity:1;
  border-color:#1a73e8;
}