/* izGaraže v3.4 — wizard/form consistency */
:root{
  --iz-form-font:14px;
  --iz-label-font:13px;
  --iz-help-font:12px;
  --iz-field-gap:16px;
  --iz-section-gap:24px;
  --iz-control-h:46px;
}

/* Start wizard */
.wizard-page .wizard-card,
.wizard-page .vehicle-data-shell,
.wizard-page .equipment-shell,
.wizard-page .equipment3-shell,
.wizard-page .details-shell,
.wizard-page .contact-shell{
  font-size:var(--iz-form-font);
}
.wizard-page .wizard-section,
.wizard-page .data-section,
.wizard-page .equipment-group,
.wizard-page .details-section,
.wizard-page .contact-section{
  margin-bottom:var(--iz-section-gap);
}
.wizard-page .wizard-label,
.wizard-page .data-section label>span:first-child,
.wizard-page .field-block>label,
.wizard-page .choice-field>label,
.wizard-page .details-section label,
.wizard-page .contact-section label{
  font-size:var(--iz-label-font);
  line-height:1.35;
  font-weight:800;
}
.wizard-page input[type="text"],
.wizard-page input[type="number"],
.wizard-page input[type="date"],
.wizard-page input[type="email"],
.wizard-page input[type="tel"],
.wizard-page select,
.wizard-page textarea{
  box-sizing:border-box;
  width:100%;
  font:inherit;
  font-size:var(--iz-form-font);
}
.wizard-page input[type="text"],
.wizard-page input[type="number"],
.wizard-page input[type="date"],
.wizard-page input[type="email"],
.wizard-page input[type="tel"],
.wizard-page select{
  min-height:var(--iz-control-h);
}
.wizard-page .field-help,
.wizard-page .field-note,
.wizard-page .wizard-note,
.wizard-page .commercial-inline-note,
.wizard-page .moto-adaptive-note,
.wizard-page .description-tip{
  font-size:var(--iz-help-font);
  line-height:1.45;
}
.wizard-page .wizard-two,
.wizard-page .data-grid,
.wizard-page .two,
.wizard-page .equipment-grid{
  gap:var(--iz-field-gap);
}
.wizard-page .field-block,
.wizard-page .choice-field{
  margin-bottom:var(--iz-field-gap);
}
.category-choice,
.commercial-type-grid{
  gap:12px!important;
}
.category-icon,
.commercial-type-icon{
  min-height:34px;
  display:flex!important;
  align-items:center;
  justify-content:center;
}
.category-icon .iz-icon,
.commercial-type-icon .iz-icon{
  width:30px;
  height:30px;
}

/* Hero facts on public listing */
.v30-facts>div{
  align-items:center!important;
}
.v30-facts>div>i{
  width:40px!important;
  height:40px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:10px!important;
  background:#edf8f6!important;
  color:#0f6f68!important;
  font-style:normal!important;
}
.v30-facts>div>i .iz-icon{
  width:22px;
  height:22px;
}
.v30-facts>div span strong{
  line-height:1.2;
}
.v30-facts>div span small{
  margin-top:3px;
}

/* Modern photo uploader */
.v41a-upload-icon .iz-icon{
  width:28px!important;
  height:28px!important;
  color:#fff!important;
}
@media(max-width:720px){
  :root{--iz-field-gap:13px;--iz-section-gap:20px}
  .wizard-page .wizard-two,
  .wizard-page .data-grid,
  .wizard-page .two{grid-template-columns:1fr!important}
}


/* =========================================================
   v3.4a — Motorcycle row + portrait photo fix
   ========================================================= */

/* 2T / 4T MUST have exactly two segments — no empty third slot */
.moto-cycle-options{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  width:100%!important;
  gap:0!important;
}
.moto-cycle-options > label{
  width:auto!important;
  min-width:0!important;
  margin:0!important;
}
.moto-cycle-options > label > span{
  min-height:46px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

/* Radni ciklus / Broj cilindara / Hlađenje — one clean row */
.moto-engine-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr 1fr!important;
  gap:16px!important;
  align-items:start!important;
}
.moto-engine-grid > .choice-field,
.moto-engine-grid > label{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  margin:0!important;
  min-width:0!important;
}
.moto-engine-grid > .choice-field > span,
.moto-engine-grid > label > span:first-child{
  display:block!important;
  min-height:18px!important;
  margin:0!important;
  font-size:13px!important;
  line-height:18px!important;
  font-weight:800!important;
}
.moto-engine-grid select{
  height:46px!important;
  min-height:46px!important;
  margin:0!important;
}

/* Portrait photos: show the complete image, never crop the middle */
.v41a-preview-item img,
.photo-img img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:#f2f6f5!important;
}

/* Public ad: the main gallery must also respect portrait orientation */
.v30-main-photo img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:#111817!important;
}

/* Thumbnails may be compact, but still show the whole photo */
.v30-thumbs img{
  object-fit:contain!important;
  object-position:center center!important;
  background:#f2f6f5!important;
}

@media(max-width:760px){
  .moto-engine-grid{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
}