:root {
  --theb-primary:#111827; --theb-accent:#2563eb;
  --theb-field-bg:#fff; --theb-field-text:#111827;
  --theb-radius:12px; --theb-btn-radius:12px;
  --theb-gap-d:12px; --theb-gap-m:10px; --theb-cols-d:6;
  --theb-step3-cols-d:3;
  --theb-btn-height:44px; --theb-btn-fs:14px; --theb-btn-padx:16px;
}
.theb-wrapper{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--theb-primary)}
.theb-form{background:transparent !important;border:none !important;box-shadow:none !important;padding:0 !important;overflow:visible !important}
.theb-grid{display:grid;grid-template-columns:repeat(var(--theb-cols-d),minmax(0,1fr));gap:var(--theb-gap-d);align-items:end;overflow:visible;grid-auto-flow:row dense}
.theb-grid-step3{grid-template-columns:repeat(var(--theb-step3-cols-d),minmax(0,1fr))}
.theb-wrapper[data-layout="vertical"] .theb-grid{grid-template-columns:1fr}
@media (max-width:768px){.theb-grid,.theb-grid-step3{grid-template-columns:1fr;gap:var(--theb-gap-m)}}
.theb-field{display:flex;flex-direction:column}.theb-field label{font-weight:600;margin-bottom:6px}
.theb-field input,.theb-field select,.theb-field textarea{padding:12px 14px;border:1px solid #e5e7eb;border-radius:var(--theb-radius);background:var(--theb-field-bg);color:var(--theb-field-text);outline:none}
.theb-field input:focus,.theb-field select:focus,.theb-field textarea:focus{border-color:var(--theb-accent);box-shadow:0 0 0 3px rgba(37,99,235,.15)}
.theb-field select,.theb-field select option{color:#111827 !important;background:#fff !important;-webkit-text-fill-color:#111827 !important}
.theb-field select{width:100%;max-width:100%;height:44px;line-height:44px;appearance:auto !important;text-indent:0 !important;background-image:none !important;position:relative;z-index:3}
.theb-phone{display:grid;grid-template-columns:120px 1fr;gap:8px;align-items:stretch}
.theb-phone select{width:100%;height:44px;border:1px solid #e5e7eb !important;border-radius:var(--theb-radius)}
.theb-phone input[type="tel"]{width:100%;height:44px}

/* Vehicles: show 4-5 per row and full image */
.theb-vehicles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
@media (max-width:1280px){.theb-vehicles{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:1024px){.theb-vehicles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.theb-vehicles{grid-template-columns:1fr}}
.theb-vehicle-card{
      position: relative;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;background:#fff;cursor:pointer;display:flex;flex-direction:column}
.theb-vehicle-media{width:100%;height:120px;background:#fff;display:flex;align-items:center;justify-content:center}
.theb-vehicle-card img{max-width:100%;max-height:100%;object-fit:contain}
.theb-vehicle-body{padding:10px;text-align:center}
.theb-vehicle-title{font-weight:700;margin-bottom:4px}
.theb-vehicle-excerpt{font-size:14px;color:#6b7280}
.theb-vehicle-price{font-size:14px;font-weight:700;margin-top:6px}
.theb-vehicle-card.active{outline:3px solid rgba(37,99,235,.35)}

.theb-colspan{grid-column:span var(--theb-cols-d)} @media (max-width:768px){.theb-colspan{grid-column:span 1}}
.theb-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}
.theb-actions button{background:var(--theb-accent);color:#fff;border:none;border-radius:var(--theb-btn-radius);cursor:pointer;font-weight:700;height:var(--theb-btn-height);line-height:calc(var(--theb-btn-height) - 2px);font-size:var(--theb-btn-fs);padding:0 var(--theb-btn-padx)}
.theb-actions button:hover{filter:brightness(.95)}
.theb-step{display:none}.theb-step.theb-active{display:block}


.theb-region-hint{
  margin-top: 10px;
  font-size: 13px;
  opacity: .85;
  line-height: 1.4;
}


/* Vehicle selection UX */
.theb-vehicle-card{
      position: relative;
  cursor: pointer;
  transition: box-shadow .2s ease, transform .15s ease, border-color .2s ease;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
}
.theb-vehicle-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(0,0,0,.12);
}
.theb-vehicle-card.selected{
  border-color: #000;
  box-shadow: 0 12px 28px rgba(0,0,0,.18);
}

.theb-vehicle-card.selected::before{
  content: "✓";
  position: absolute;
  top: 10px;
  right: 10px;
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #000;
  color: #fff;
  border-radius: 999px;
  font-size: 16px;
  line-height: 1;
  box-shadow: 0 8px 18px rgba(0,0,0,.18);
}


/* Strong visible selected state */
.theb-vehicle-card.selected{
  border: 2px solid #c9a24d !important;
  box-shadow: 0 0 0 2px rgba(201,162,77,.35), 0 14px 30px rgba(0,0,0,.25);
}
.theb-vehicle-card.selected::before{
  content: "✓";
  position: absolute;
  top: 12px;
  right: 12px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #c9a24d;
  color: #000;
  border-radius: 50%;
  font-size: 18px;
  font-weight: 700;
  z-index: 5;
}