.trb-wrap{max-width:980px;margin:0 auto;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.trb-steps{display:flex;gap:14px;align-items:center;margin:10px 0 20px 0}
.trb-step{display:flex;gap:10px;align-items:center;color:#666;font-weight:700}
.trb-step span{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:#e7f4f7;color:#009cb5}
.trb-step.is-active{color:#111}
.trb-step.is-active span{background:#009cb5;color:#fff}

.trb-panel{display:none}
.trb-panel.is-active{display:block}

.trb-vehicles{position:relative}
.trb-vehicles-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media (max-width:900px){.trb-vehicles-inner{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.trb-vehicles-inner{grid-template-columns:1fr}}
.trb-vehicle{border:2px solid #eee;border-radius:16px;background:#fff;padding:14px;text-align:left;cursor:pointer;transition:all .12s ease}
.trb-vehicle:hover{border-color:#cfeef2}
.trb-vehicle.is-selected{border-color:#009cb5;box-shadow:0 8px 30px rgba(0,0,0,.08)}
.trb-vehicle-img{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;background:#f7f7f7;border-radius:12px;overflow:hidden}
.trb-vehicle-img img{max-width:100%;height:auto;display:block}
.trb-vehicle-name{margin-top:10px;font-weight:800;font-size:18px}
.trb-vehicle-loc{margin-top:6px;color:#666;font-size:13px}

.trb-nav{display:flex;justify-content:space-between;gap:10px;margin-top:14px}
.trb-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}

.trb-btn{border:0;border-radius:12px;padding:12px 18px;background:#009cb5;color:#fff;font-weight:800;cursor:pointer}
.trb-btn:disabled{opacity:.5;cursor:not-allowed}
.trb-btn-secondary{background:#eef7f9;color:#009cb5}

.trb-card{border:1px solid #eee;border-radius:18px;background:#fff;padding:18px;box-shadow:0 8px 30px rgba(0,0,0,.04)}
.trb-label{display:block;font-weight:800;margin:10px 0 6px 0}
.trb-input{width:100%;border:1px solid #ddd;border-radius:12px;padding:12px 12px;font-size:15px}
.trb-row{display:flex;gap:14px}
.trb-col{flex:1}
@media (max-width:640px){.trb-row{flex-direction:column}}
.trb-hint{font-size:12px;color:#777;margin-top:6px}

.trb-selected-inner{display:flex;gap:12px;align-items:center;margin:6px 0 14px 0}
.trb-selected-inner img{width:86px;height:54px;object-fit:cover;border-radius:10px;background:#f7f7f7}
.trb-selected-title{font-weight:900}
.trb-selected-sub{color:#666;font-size:13px;margin-top:2px}

.trb-check{display:flex;gap:10px;align-items:flex-start;margin-top:12px;font-size:13px;color:#333}
.trb-check input{margin-top:2px}

.trb-captcha{display:flex;gap:12px;align-items:center;margin-top:14px}
.trb-captcha-code{min-width:78px;text-align:center;font-weight:900;letter-spacing:2px;border-radius:12px;padding:10px 12px;background:#009cb5;color:#fff}
.trb-row-between{justify-content:space-between}

.trb-msg{margin-top:14px;font-weight:800}
.trb-msg.is-ok{color:#1a7f37}
.trb-msg.is-err{color:#b42318}

.trb-loading,.trb-empty{padding:16px;color:#666}

/* v2 UI tweaks */
.trb-vehicle{padding:0; overflow:hidden; border-radius:0; border:0; background:transparent}
.trb-vehicle.is-selected{box-shadow:none}
.trb-vehicle-inner{background:#fff;border:3px solid #eee}
.trb-vehicle.is-selected .trb-vehicle-inner{border:3px dashed #009cb5; position:relative}
.trb-vehicle.is-selected .trb-vehicle-inner:after{
  content:"✓";
  position:absolute;
  right:18px;
  top:18px;
  width:54px;height:54px;
  display:flex;align-items:center;justify-content:center;
  background:#009cb5;color:#fff;
  font-size:32px;font-weight:900;
  border-radius:999px;
  box-shadow:0 10px 24px rgba(0,0,0,.15);
}
.trb-vehicle-img{aspect-ratio:16/10; border-radius:0; background:#f2f2f2}
.trb-vehicle-img img{width:100%; height:100%; object-fit:contain; padding:18px}
.trb-vehicle-name{padding:14px 14px 0 14px; font-size:28px; text-transform:uppercase; text-align:center}
.trb-vehicle-loc{padding:10px 14px 16px 14px; text-align:center; font-size:14px}
.trb-pin{margin-right:6px}
.trb-vehicles-inner{gap:26px}
@media (max-width:900px){.trb-vehicle-name{font-size:22px}}
.trb-captcha-title{font-weight:800;margin-top:8px;margin-bottom:8px}

/* v3 bigger vehicle image */
.trb-vehicle-img{height:360px; aspect-ratio:auto;}
@media (max-width:900px){.trb-vehicle-img{height:280px;}}
@media (max-width:520px){.trb-vehicle-img{height:240px;}}

/* v4 cache-bust + stronger overrides */
.trb-vehicle-img{height:360px !important; aspect-ratio:auto !important;}
@media (max-width:900px){.trb-vehicle-img{height:280px !important;}}
@media (max-width:520px){.trb-vehicle-img{height:240px !important;}}

.trb-badge{
  margin:0 0 14px 0;
  padding:10px 12px;
  border:2px dashed #009cb5;
  border-radius:14px;
  font-weight:900;
  background:#eef9fb;
  color:#0b3a42;
}

/* v7: reduce image (gray) area height + padding */
.trb-vehicle-img{height:220px !important;}
.trb-vehicle-img img{padding:10px !important;}
@media (max-width:900px){.trb-vehicle-img{height:180px !important;}}
@media (max-width:520px){.trb-vehicle-img{height:160px !important;}}

/* v8: equal height cards */
.trb-vehicles-inner{align-items:stretch;}
.trb-vehicle{height:100%;}
.trb-vehicle-inner{height:100%; display:flex; flex-direction:column; border:2px solid #e9e9e9; background:#fff;}
.trb-vehicle-img{flex:1 1 auto;}
.trb-vehicle-name{flex:0 0 auto;}
.trb-vehicle-loc{flex:0 0 auto;}
.trb-vehicle-name{min-height:72px; display:flex; align-items:center; justify-content:center;}
.trb-vehicle-loc{min-height:44px; display:flex; align-items:center; justify-content:center;}

/* v9: pravi slider */
.trb-slider{display:flex;align-items:center;gap:16px}
.trb-slider-viewport{overflow:hidden;flex:1 1 auto}
.trb-slider-track{display:flex;gap:26px;will-change:transform;transition:transform .25s ease}
.trb-arrow{border:0;border-radius:16px;padding:14px 16px;background:#eef7f9;color:#009cb5;font-weight:900;cursor:pointer;min-width:56px}
.trb-arrow:disabled{opacity:.45;cursor:not-allowed}
.trb-slide{flex:0 0 calc(25% - 19.5px)} /* 4 vidljiva desktop */
@media (max-width:1024px){.trb-slide{flex-basis:calc(33.333% - 17.4px)}} /* 3 vidljiva */
@media (max-width:640px){.trb-slide{flex-basis:calc(50% - 13px)}} /* 2 vidljiva mobilni */
.trb-slide .trb-vehicle{width:100%}

/* v10: typography + mobile fit fixes */
.trb-vehicle-name{font-size:20px !important; line-height:1.1 !important; padding:12px 12px 0 12px !important; word-break:break-word; hyphens:auto;}
@media (max-width:1024px){.trb-vehicle-name{font-size:18px !important;}}
@media (max-width:640px){.trb-vehicle-name{font-size:16px !important;}}
.trb-vehicle-loc{font-size:12px !important; padding:8px 12px 14px 12px !important;}

/* reduce gray image area ~half */
.trb-vehicle-img{height:120px !important;}
@media (max-width:900px){.trb-vehicle-img{height:110px !important;}}
@media (max-width:640px){.trb-vehicle-img{height:105px !important;}}
.trb-vehicle-img img{padding:6px !important;}

/* slider spacing + prevent cut off */
.trb-slider{gap:10px !important;}
.trb-slider-track{gap:14px !important;}
@media (max-width:640px){
  .trb-slider-track{gap:10px !important;}
}

/* smaller arrows */
.trb-arrow{min-width:40px !important; padding:10px 10px !important; border-radius:12px !important; font-size:18px !important;}
@media (max-width:640px){.trb-arrow{min-width:34px !important; padding:8px 8px !important; font-size:16px !important;}}

/* v11: još manja siva zona iza slike */
.trb-vehicle-img{height:85px !important;}
@media (max-width:900px){.trb-vehicle-img{height:80px !important;}}
@media (max-width:640px){.trb-vehicle-img{height:76px !important;}}
.trb-vehicle-img img{padding:4px !important;}

/* v14: success message */
.trb-msg{margin-top:14px;font-weight:700;}
.trb-msg-success{color:#1f8b3a;}
.trb-msg-error{color:#b00020;}

/* v15: required field messages */
.trb-field-error{color:#b00020;font-size:12px;margin-top:6px;font-weight:700;}
.trb-input-error{outline:2px solid rgba(176,0,32,.35); border-color:#b00020 !important;}

/* v19: global success message + loading */
#trbMsgGlobal{margin:12px 0;font-weight:800;}
#trbMsgGlobal.is-ok{color:#1f8b3a;}
#trbMsgGlobal.is-err{color:#b00020;}
#trbSubmit.is-loading{opacity:.75;cursor:progress;}

/* v23: poruka iznad dugmeta */
#trbMsg{margin:12px 0;font-weight:800;}
#trbMsg.is-ok{color:#1f8b3a;}
#trbMsg.is-err{color:#b00020;}