/* RCD Easyrent-inspired vehicle detail + booking
 * Visual reference: clean white surfaces, quiet spacing, compact green accents.
 * Brand color remains RCD primary green.
 */
:root{
  --er-primary:#0B4D3A;
  --er-primary-dark:#07392C;
  --er-soft:#EFF7F3;
  --er-soft-2:#F7FAF8;
  --er-border:#DDE6E1;
  --er-text:#171D1A;
  --er-muted:#707A75;
  --er-gold:#F3C744;
  --er-white:#FFFFFF;
}

body.rcd-vehicle-detail-page{
  background:#fff!important;
  color:var(--er-text)!important;
}

body.rcd-vehicle-detail-page .rcd-vehicle-page{
  width:min(1180px,calc(100% - 32px))!important;
  max-width:none!important;
  margin:0 auto!important;
  padding:20px 0 64px!important;
}

body.rcd-vehicle-detail-page .rcd-vehicle-search-stage,
body.rcd-vehicle-detail-page .rcd-vehicle-stage-inner{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}

body.rcd-vehicle-detail-page .rcd-vehicle-top-nav{
  min-height:42px!important;
  margin:0 0 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
}

body.rcd-vehicle-detail-page .rcd-vehicle-back{
  margin:0!important;
}

body.rcd-vehicle-detail-page .rcd-vehicle-back a{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  color:var(--er-primary)!important;
  font-size:12px!important;
  font-weight:850!important;
  text-decoration:none!important;
}

body.rcd-vehicle-detail-page .rcd-vehicle-breadcrumb{
  color:var(--er-muted)!important;
  font-size:10px!important;
}

body.rcd-vehicle-detail-page .rcd-vehicle-breadcrumb a{
  color:var(--er-muted)!important;
  text-decoration:none!important;
}

body.rcd-vehicle-detail-page .rcd-vehicle-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1.7fr) minmax(300px,.72fr)!important;
  gap:26px!important;
  align-items:start!important;
  grid-template-areas:"main booking"!important;
}

body.rcd-vehicle-detail-page .rcd-easyrent-main{
  grid-area:main!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
}

body.rcd-vehicle-detail-page #bookingPanel{
  grid-area:booking!important;
  position:sticky!important;
  top:94px!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:18px!important;
  border:1px solid var(--er-border)!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:none!important;
}

/* Gallery: one large image + up to four quiet mosaic tiles. */
body.rcd-vehicle-detail-page .rcd-vehicle-gallery{
  order:1!important;
  width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,2fr) minmax(180px,.82fr)!important;
  gap:8px!important;
  aspect-ratio:16 / 8.6!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:14px!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:hidden!important;
}

body.rcd-vehicle-detail-page .rcd-gallery-main-shell{
  min-width:0!important;
  min-height:0!important;
  height:100%!important;
  overflow:hidden!important;
  border-radius:14px!important;
  background:#F1F3F2!important;
}

body.rcd-vehicle-detail-page .rcd-gallery-main{
  width:100%!important;
  height:100%!important;
  max-height:none!important;
  padding:0!important;
  border:0!important;
  border-radius:14px!important;
  background:#F1F3F2!important;
  overflow:hidden!important;
}

body.rcd-vehicle-detail-page .rcd-gallery-main img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
}

body.rcd-vehicle-detail-page .rcd-gallery-main__expand{
  top:10px!important;
  inset-inline-end:10px!important;
  width:32px!important;
  height:32px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.92)!important;
  color:var(--er-primary)!important;
  font-size:14px!important;
}

body.rcd-vehicle-detail-page .rcd-gallery-main__counter,
body.rcd-vehicle-detail-page .rcd-gallery-arrow{
  display:none!important;
}

body.rcd-vehicle-detail-page .rcd-gallery-thumbs{
  min-width:0!important;
  min-height:0!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  overflow:hidden!important;
}

body.rcd-vehicle-detail-page .rcd-gallery-thumb{
  width:100%!important;
  min-width:0!important;
  height:100%!important;
  min-height:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:12px!important;
  background:#F1F3F2!important;
  box-shadow:none!important;
}

body.rcd-vehicle-detail-page .rcd-gallery-thumb:first-child{
  display:none!important;
}

body.rcd-vehicle-detail-page .rcd-gallery-thumb:nth-child(n+6){
  display:none!important;
}

body.rcd-vehicle-detail-page .rcd-gallery-thumb img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
}

body.rcd-vehicle-detail-page .rcd-gallery-thumb.is-active{
  outline:2px solid var(--er-primary)!important;
  outline-offset:-2px!important;
}

/* With only one secondary photo, let it fill the full mosaic column. */
body.rcd-vehicle-detail-page .rcd-gallery-thumbs:not(:has(.rcd-gallery-thumb:nth-child(3))){
  grid-template-columns:1fr!important;
  grid-template-rows:1fr!important;
}

body.rcd-vehicle-detail-page .rcd-gallery-thumbs:not(:has(.rcd-gallery-thumb:nth-child(3))) .rcd-gallery-thumb:nth-child(2){
  grid-column:1!important;
  grid-row:1!important;
}

/* Information block under the gallery. */
body.rcd-vehicle-detail-page .rcd-vehicle-info{
  order:2!important;
  min-width:0!important;
  margin:0!important;
  padding:18px 2px 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.rcd-vehicle-detail-page .rcd-vehicle-info>.badge{
  min-height:25px!important;
  padding:4px 8px!important;
  display:inline-flex!important;
  align-items:center!important;
  border:1px solid #CFE1D8!important;
  border-radius:999px!important;
  background:var(--er-soft)!important;
  color:var(--er-primary)!important;
  font-size:10px!important;
  font-weight:850!important;
}

body.rcd-vehicle-detail-page .rcd-vehicle-info h1{
  margin:12px 0 4px!important;
  color:var(--er-text)!important;
  font-size:28px!important;
  line-height:1.16!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
}

body.rcd-vehicle-detail-page #vehicleSubtitle{
  margin:0!important;
  color:var(--er-muted)!important;
  font-size:11px!important;
  line-height:1.6!important;
}

body.rcd-vehicle-detail-page #vehicleFavoriteButton{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  min-height:38px!important;
  border:1px solid var(--er-border)!important;
  border-radius:999px!important;
  background:#fff!important;
  color:var(--er-primary)!important;
  box-shadow:none!important;
}

/* Specs become compact quiet chips like the reference. */
body.rcd-vehicle-detail-page #vehicleSpecs{
  order:3!important;
  width:100%!important;
  margin:14px 0 0!important;
  padding:0!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important;
}

body.rcd-vehicle-detail-page #vehicleSpecs .rcd-spec-card{
  width:auto!important;
  min-width:0!important;
  min-height:34px!important;
  padding:6px 9px!important;
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:5px!important;
  border:1px solid #CFE1D8!important;
  border-radius:7px!important;
  background:#F5FAF7!important;
  text-align:start!important;
}

body.rcd-vehicle-detail-page #vehicleSpecs .rcd-spec-icon{
  width:14px!important;
  height:14px!important;
  flex:0 0 14px!important;
  margin:0!important;
  color:var(--er-primary)!important;
}

body.rcd-vehicle-detail-page #vehicleSpecs .rcd-spec-card span{
  margin:0!important;
  color:#617068!important;
  font-size:9px!important;
  line-height:1!important;
}

body.rcd-vehicle-detail-page #vehicleSpecs .rcd-spec-card strong{
  color:var(--er-primary-dark)!important;
  font-size:10.5px!important;
  line-height:1!important;
  font-weight:800!important;
}

body.rcd-vehicle-detail-page .rcd-easyrent-description{
  order:4!important;
  margin:22px 0 0!important;
  padding:0!important;
}

body.rcd-vehicle-detail-page .rcd-easyrent-description[hidden]{
  display:none!important;
}

body.rcd-vehicle-detail-page .rcd-easyrent-description h2{
  margin:0 0 8px!important;
  color:var(--er-text)!important;
  font-size:18px!important;
  font-weight:900!important;
}

body.rcd-vehicle-detail-page .rcd-easyrent-description p{
  max-width:820px!important;
  margin:0!important;
  color:#606A65!important;
  font-size:12px!important;
  line-height:1.75!important;
}

/* Booking panel: quiet and data-first. */
body.rcd-vehicle-detail-page .rcd-price-from{
  margin:0!important;
  padding:0 0 14px!important;
  border-bottom:1px solid #E7ECE9!important;
}

body.rcd-vehicle-detail-page .rcd-price-from>span,
body.rcd-vehicle-detail-page .rcd-price-from>small{
  color:var(--er-muted)!important;
  font-size:10px!important;
  line-height:1.5!important;
}

body.rcd-vehicle-detail-page .rcd-price-from>strong{
  display:block!important;
  margin:4px 0 1px!important;
  color:var(--er-text)!important;
  font-size:25px!important;
  line-height:1.05!important;
  font-weight:900!important;
}

body.rcd-vehicle-detail-page .rcd-date-fields{
  margin-top:14px!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:9px!important;
}

body.rcd-vehicle-detail-page .rcd-date-fields .field{
  gap:5px!important;
  margin:0!important;
}

body.rcd-vehicle-detail-page .rcd-date-fields label{
  color:#59655F!important;
  font-size:9px!important;
  font-weight:800!important;
}

body.rcd-vehicle-detail-page .rcd-date-fields input{
  width:100%!important;
  min-height:39px!important;
  padding:0 10px!important;
  border:1px solid var(--er-border)!important;
  border-radius:8px!important;
  background:#fff!important;
  color:var(--er-text)!important;
  font-size:10.5px!important;
  box-shadow:none!important;
}

body.rcd-vehicle-detail-page .rcd-date-fields input:focus{
  border-color:#9EBDAE!important;
  box-shadow:0 0 0 3px rgba(11,77,58,.07)!important;
}

body.rcd-vehicle-detail-page .rcd-quote-message{
  min-height:34px!important;
  padding:9px 0 5px!important;
  color:var(--er-muted)!important;
  font-size:10px!important;
  line-height:1.45!important;
}

body.rcd-vehicle-detail-page .rcd-quote-summary{
  margin:4px 0 12px!important;
  padding:0!important;
  border-radius:0!important;
  background:#fff!important;
}

body.rcd-vehicle-detail-page .rcd-quote-summary>div,
body.rcd-vehicle-detail-page .rcd-quote-pricing-breakdown>div{
  min-height:30px!important;
  margin:0!important;
  padding:7px 0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  border-bottom:1px solid #EEF1EF!important;
  color:#5B6660!important;
  font-size:10px!important;
}

body.rcd-vehicle-detail-page .rcd-quote-summary strong,
body.rcd-vehicle-detail-page .rcd-quote-pricing-breakdown strong{
  color:var(--er-text)!important;
  font-size:10.5px!important;
  font-weight:850!important;
}

body.rcd-vehicle-detail-page .rcd-quote-actions{
  display:grid!important;
  gap:8px!important;
}

body.rcd-vehicle-detail-page .rcd-quote-actions .btn{
  width:100%!important;
  min-height:42px!important;
  padding:0 14px!important;
  justify-content:center!important;
  border-radius:8px!important;
  font-size:11px!important;
  font-weight:900!important;
}

body.rcd-vehicle-detail-page .rcd-quote-actions .btn-primary{
  border-color:var(--er-primary)!important;
  background:var(--er-primary)!important;
  color:#fff!important;
}

body.rcd-vehicle-detail-page .rcd-quote-actions .btn-primary:hover{
  background:var(--er-primary-dark)!important;
}

body.rcd-vehicle-detail-page .rcd-quote-actions .btn-outline{
  border-color:var(--er-border)!important;
  background:#fff!important;
  color:var(--er-primary)!important;
}

body.rcd-vehicle-detail-page .rcd-cod{
  margin-top:10px!important;
  padding:10px!important;
  border-radius:9px!important;
  background:var(--er-soft-2)!important;
}

body.rcd-vehicle-detail-page .rcd-cod strong{
  color:var(--er-text)!important;
  font-size:10px!important;
}

body.rcd-vehicle-detail-page .rcd-cod small{
  margin-top:3px!important;
  color:var(--er-muted)!important;
  font-size:9px!important;
  line-height:1.5!important;
}

/* The reference uses date inputs in the booking card, not a large calendar block. */
body.rcd-vehicle-detail-page .rcd-calendar-layout{
  display:none!important;
}

/* Lower content aligns with the main column instead of becoming a giant full-width card. */
body.rcd-vehicle-detail-page .rcd-description-layout,
body.rcd-vehicle-detail-page .rcd-terms-card{
  width:calc(70% - 14px)!important;
  max-width:none!important;
  margin-inline-end:auto!important;
}

body.rcd-vehicle-detail-page .rcd-description-layout{
  margin-top:24px!important;
}

body.rcd-vehicle-detail-page .rcd-detail-section,
body.rcd-vehicle-detail-page .rcd-terms-card{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
}

body.rcd-vehicle-detail-page .rcd-detail-section h2,
body.rcd-vehicle-detail-page .rcd-terms-card h2{
  margin:0 0 10px!important;
  color:var(--er-text)!important;
  font-size:18px!important;
  font-weight:900!important;
}

body.rcd-vehicle-detail-page .rcd-pills{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important;
}

body.rcd-vehicle-detail-page .rcd-pill{
  min-height:31px!important;
  padding:6px 9px!important;
  display:inline-flex!important;
  align-items:center!important;
  border:1px solid #CFE1D8!important;
  border-radius:7px!important;
  background:#F5FAF7!important;
  color:var(--er-primary-dark)!important;
  font-size:10px!important;
  font-weight:750!important;
}

body.rcd-vehicle-detail-page .rcd-section-kicker,
body.rcd-vehicle-detail-page .rcd-terms-card__head p{
  display:none!important;
}

body.rcd-vehicle-detail-page #vehicleRules{
  margin-top:0!important;
}

body.rcd-vehicle-detail-page .rcd-term-group{
  margin:0!important;
  border-top:1px solid #E9EEEB!important;
  border-inline:0!important;
  border-bottom:0!important;
  border-radius:0!important;
  background:#fff!important;
}

body.rcd-vehicle-detail-page .rcd-term-group summary{
  min-height:45px!important;
  padding:10px 0!important;
  color:var(--er-text)!important;
  font-size:11px!important;
  font-weight:850!important;
}

/* Booking / checkout page: form on one side, vehicle summary on the other. */
body.rcd-vehicle-detail-page .vehicle-inline-checkout{
  width:100%!important;
  margin:36px 0 0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.38fr) minmax(290px,.62fr)!important;
  grid-template-rows:auto auto 1fr!important;
  gap:18px 26px!important;
  align-items:start!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
  scroll-margin-top:90px!important;
}

body.rcd-vehicle-detail-page .vehicle-inline-checkout[hidden]{
  display:none!important;
}

body.rcd-vehicle-detail-page .vehicle-inline-checkout__header{
  grid-column:1!important;
  grid-row:1!important;
  margin:0!important;
  padding:0 0 14px!important;
  display:block!important;
  border-bottom:1px solid #E7ECE9!important;
}

body.rcd-vehicle-detail-page .vehicle-inline-checkout__header .badge{
  display:none!important;
}

body.rcd-vehicle-detail-page .vehicle-inline-checkout__header h2{
  margin:0 0 5px!important;
  color:var(--er-text)!important;
  font-size:23px!important;
  line-height:1.2!important;
  font-weight:900!important;
}

body.rcd-vehicle-detail-page .vehicle-inline-checkout__header p{
  margin:0!important;
  color:var(--er-muted)!important;
  font-size:11px!important;
  line-height:1.55!important;
}

body.rcd-vehicle-detail-page .marketplace-error{
  grid-column:1!important;
}

body.rcd-vehicle-detail-page #marketplaceBookingForm{
  grid-column:1!important;
  grid-row:2 / span 2!important;
  margin:0!important;
  padding:18px!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  border:1px solid var(--er-border)!important;
  border-radius:12px!important;
  background:#fff!important;
}

body.rcd-vehicle-detail-page #marketplaceBookingForm h3{
  margin:0 0 3px!important;
  color:var(--er-text)!important;
  font-size:15px!important;
  font-weight:900!important;
}

body.rcd-vehicle-detail-page #marketplaceBookingForm .muted{
  color:var(--er-muted)!important;
  font-size:9.5px!important;
  line-height:1.45!important;
}

body.rcd-vehicle-detail-page #marketplaceBookingForm .field{
  gap:5px!important;
  margin:0!important;
}

body.rcd-vehicle-detail-page #marketplaceBookingForm label{
  color:#4F5C56!important;
  font-size:9.5px!important;
  font-weight:800!important;
}

body.rcd-vehicle-detail-page #marketplaceBookingForm input:not([type="checkbox"]):not([type="hidden"]),
body.rcd-vehicle-detail-page #marketplaceBookingForm select,
body.rcd-vehicle-detail-page #marketplaceBookingForm textarea{
  min-height:40px!important;
  padding:0 10px!important;
  border:1px solid var(--er-border)!important;
  border-radius:8px!important;
  background:#fff!important;
  color:var(--er-text)!important;
  font-size:10.5px!important;
  box-shadow:none!important;
}

body.rcd-vehicle-detail-page #marketplaceBookingForm textarea{
  min-height:86px!important;
  padding-block:10px!important;
}

body.rcd-vehicle-detail-page #marketplaceBookingForm input:focus,
body.rcd-vehicle-detail-page #marketplaceBookingForm select:focus,
body.rcd-vehicle-detail-page #marketplaceBookingForm textarea:focus{
  border-color:#9EBDAE!important;
  box-shadow:0 0 0 3px rgba(11,77,58,.07)!important;
}

body.rcd-vehicle-detail-page .marketplace-phone-verification,
body.rcd-vehicle-detail-page .marketplace-booking-section,
body.rcd-vehicle-detail-page .vehicle-payment-section{
  padding:14px!important;
  border:1px solid #E2E9E5!important;
  border-radius:10px!important;
  background:#FAFCFB!important;
}

body.rcd-vehicle-detail-page .reservation-payment-methods{
  grid-template-columns:1fr!important;
  gap:8px!important;
}

body.rcd-vehicle-detail-page .reservation-payment-method{
  min-height:68px!important;
  padding:11px!important;
  border:1px solid var(--er-border)!important;
  border-radius:9px!important;
  box-shadow:none!important;
}

body.rcd-vehicle-detail-page .reservation-payment-method:hover,
body.rcd-vehicle-detail-page .reservation-payment-method.is-selected{
  border-color:var(--er-primary)!important;
  background:var(--er-soft)!important;
  box-shadow:none!important;
}

body.rcd-vehicle-detail-page .reservation-payment-method input,
body.rcd-vehicle-detail-page .vehicle-checkout-terms input{
  accent-color:var(--er-primary)!important;
}

body.rcd-vehicle-detail-page .vehicle-checkout-terms{
  padding:11px!important;
  border:1px solid var(--er-border)!important;
  border-radius:9px!important;
  background:#FAFCFB!important;
  font-size:10px!important;
}

body.rcd-vehicle-detail-page .vehicle-checkout-terms a{
  color:var(--er-primary)!important;
}

body.rcd-vehicle-detail-page .vehicle-checkout-actions{
  justify-content:flex-start!important;
}

body.rcd-vehicle-detail-page #marketplaceBookingSubmit{
  min-width:190px!important;
  min-height:43px!important;
  border-radius:8px!important;
  background:var(--er-primary)!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:900!important;
}

/* Checkout summary card on the side. */
body.rcd-vehicle-detail-page .vehicle-checkout-summary{
  grid-column:2!important;
  grid-row:1 / span 3!important;
  position:sticky!important;
  top:94px!important;
  overflow:hidden!important;
  padding:12px!important;
  border:1px solid var(--er-border)!important;
  border-radius:12px!important;
  background:#fff!important;
}

body.rcd-vehicle-detail-page .vehicle-checkout-summary__image{
  width:100%!important;
  aspect-ratio:16 / 9!important;
  overflow:hidden!important;
  border-radius:9px!important;
  background:#F1F3F2!important;
}

body.rcd-vehicle-detail-page .vehicle-checkout-summary__image img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
}

body.rcd-vehicle-detail-page .vehicle-checkout-summary__title{
  padding:12px 2px!important;
  display:grid!important;
  gap:3px!important;
  border-bottom:1px solid #E9EEEB!important;
}

body.rcd-vehicle-detail-page .vehicle-checkout-summary__title strong{
  color:var(--er-text)!important;
  font-size:15px!important;
  line-height:1.25!important;
  font-weight:900!important;
}

body.rcd-vehicle-detail-page .vehicle-checkout-summary__title small{
  color:var(--er-muted)!important;
  font-size:9.5px!important;
}

body.rcd-vehicle-detail-page .vehicle-checkout-summary__row{
  min-height:42px!important;
  padding:9px 2px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  border-bottom:1px solid #EEF1EF!important;
  color:var(--er-muted)!important;
  font-size:9.5px!important;
}

body.rcd-vehicle-detail-page .vehicle-checkout-summary__row strong{
  max-width:60%!important;
  color:var(--er-text)!important;
  font-size:10px!important;
  line-height:1.35!important;
  font-weight:850!important;
  text-align:end!important;
}

body.rcd-vehicle-detail-page .vehicle-checkout-summary__row--total{
  margin-top:5px!important;
  padding-top:13px!important;
  border-bottom:0!important;
  color:var(--er-text)!important;
  font-size:11px!important;
  font-weight:850!important;
}

body.rcd-vehicle-detail-page .vehicle-checkout-summary__row--total strong{
  color:var(--er-primary)!important;
  font-size:18px!important;
}

/* Mobile/tablet adaptation keeps the same visual language. */
@media(max-width:980px){
  body.rcd-vehicle-detail-page .rcd-vehicle-hero{
    grid-template-columns:1fr!important;
    grid-template-areas:"main" "booking"!important;
    gap:18px!important;
  }

  body.rcd-vehicle-detail-page #bookingPanel{
    position:static!important;
  }

  body.rcd-vehicle-detail-page .rcd-description-layout,
  body.rcd-vehicle-detail-page .rcd-terms-card{
    width:100%!important;
    margin-inline:0!important;
  }

  body.rcd-vehicle-detail-page .vehicle-inline-checkout{
    grid-template-columns:1fr!important;
  }

  body.rcd-vehicle-detail-page .vehicle-inline-checkout__header,
  body.rcd-vehicle-detail-page .marketplace-error,
  body.rcd-vehicle-detail-page #marketplaceBookingForm,
  body.rcd-vehicle-detail-page .vehicle-checkout-summary{
    grid-column:1!important;
  }

  body.rcd-vehicle-detail-page .vehicle-checkout-summary{
    grid-row:auto!important;
    position:static!important;
    order:-1!important;
  }
}

@media(max-width:700px){
  body.rcd-vehicle-detail-page .rcd-vehicle-page{
    width:calc(100% - 20px)!important;
    padding-top:10px!important;
  }

  body.rcd-vehicle-detail-page .rcd-vehicle-breadcrumb{
    display:none!important;
  }

  body.rcd-vehicle-detail-page .rcd-vehicle-gallery{
    display:block!important;
    aspect-ratio:auto!important;
    overflow:visible!important;
  }

  body.rcd-vehicle-detail-page .rcd-gallery-main-shell{
    aspect-ratio:1.3 / 1!important;
  }

  body.rcd-vehicle-detail-page .rcd-gallery-thumbs{
    height:auto!important;
    margin-top:8px!important;
    display:flex!important;
    gap:7px!important;
    overflow-x:auto!important;
  }

  body.rcd-vehicle-detail-page .rcd-gallery-thumb:first-child{
    display:none!important;
  }

  body.rcd-vehicle-detail-page .rcd-gallery-thumb{
    flex:0 0 72px!important;
    width:72px!important;
    height:54px!important;
  }

  body.rcd-vehicle-detail-page .rcd-vehicle-info h1{
    font-size:24px!important;
  }

  body.rcd-vehicle-detail-page #marketplaceBookingForm{
    grid-template-columns:1fr!important;
    padding:14px!important;
  }

  body.rcd-vehicle-detail-page #marketplaceBookingForm>.field--full,
  body.rcd-vehicle-detail-page #marketplacePostVerificationBookingFields,
  body.rcd-vehicle-detail-page #vehiclePaymentMethodSection,
  body.rcd-vehicle-detail-page .vehicle-checkout-terms,
  body.rcd-vehicle-detail-page .vehicle-checkout-actions{
    grid-column:1!important;
  }

  body.rcd-vehicle-detail-page .rcd-date-fields{
    grid-template-columns:1fr!important;
  }
}


/* Lower detail content follows the reference: stays in the main content column. */
body.rcd-vehicle-detail-page .rcd-easyrent-lower-content{
  width:100%!important;
  margin:24px 0 0!important;
  display:grid!important;
  gap:24px!important;
}

body.rcd-vehicle-detail-page .rcd-easyrent-lower-content .rcd-description-layout,
body.rcd-vehicle-detail-page .rcd-easyrent-lower-content .rcd-terms-card{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}

body.rcd-vehicle-detail-page .rcd-easyrent-lower-content .rcd-description-layout{
  display:block!important;
}

body.rcd-vehicle-detail-page .rcd-easyrent-lower-content .rcd-detail-section,
body.rcd-vehicle-detail-page .rcd-easyrent-lower-content .rcd-terms-card{
  border:0!important;
  background:#fff!important;
  box-shadow:none!important;
}

body.rcd-vehicle-detail-page .rcd-easyrent-lower-content .rcd-detail-section{
  margin:0!important;
}

body.rcd-vehicle-detail-page .rcd-easyrent-lower-content .rcd-terms-card{
  padding-top:4px!important;
}

body.rcd-vehicle-detail-page .rcd-easyrent-lower-content .rcd-terms-card__head h2,
body.rcd-vehicle-detail-page .rcd-easyrent-lower-content .rcd-detail-section h2{
  font-size:18px!important;
  margin:0 0 10px!important;
}

@media(max-width:980px){
  body.rcd-vehicle-detail-page .rcd-easyrent-lower-content{
    margin-top:20px!important;
    gap:20px!important;
  }
}


/* Exact physical Easyrent composition.
 * Keep columns visually stable even when the page language is RTL.
 */
@media(min-width:981px){
  body.rcd-vehicle-detail-page .rcd-vehicle-hero{
    direction:ltr!important;
    grid-template-columns:minmax(0,1fr) 310px!important;
    grid-template-areas:"main booking"!important;
    gap:24px!important;
  }

  body.rcd-vehicle-detail-page .rcd-easyrent-main{
    direction:rtl!important;
    grid-area:main!important;
  }

  body.rcd-vehicle-detail-page #bookingPanel{
    direction:rtl!important;
    grid-area:booking!important;
  }

  body.rcd-vehicle-detail-page .rcd-vehicle-gallery{
    direction:ltr!important;
    grid-template-columns:minmax(0,1fr) 230px!important;
    gap:8px!important;
  }

  body.rcd-vehicle-detail-page .rcd-gallery-main-shell{
    grid-column:1!important;
  }

  body.rcd-vehicle-detail-page .rcd-gallery-thumbs{
    grid-column:2!important;
  }

  body.rcd-vehicle-detail-page .rcd-vehicle-info,
  body.rcd-vehicle-detail-page #vehicleSpecs,
  body.rcd-vehicle-detail-page .rcd-easyrent-description,
  body.rcd-vehicle-detail-page .rcd-easyrent-lower-content{
    direction:rtl!important;
  }

  body.rcd-vehicle-detail-page .vehicle-inline-checkout{
    direction:ltr!important;
    grid-template-columns:minmax(0,1fr) 320px!important;
    gap:24px!important;
  }

  body.rcd-vehicle-detail-page .vehicle-inline-checkout__header,
  body.rcd-vehicle-detail-page #marketplaceBookingForm{
    direction:rtl!important;
    grid-column:1!important;
  }

  body.rcd-vehicle-detail-page .vehicle-checkout-summary{
    direction:rtl!important;
    grid-column:2!important;
  }
}

/* Tighten the detail content to the same compact density as the reference. */
@media(min-width:981px){
  body.rcd-vehicle-detail-page .rcd-vehicle-info{
    padding-top:14px!important;
  }

  body.rcd-vehicle-detail-page .rcd-vehicle-info h1{
    font-size:26px!important;
    margin-top:9px!important;
  }

  body.rcd-vehicle-detail-page #vehicleSpecs{
    margin-top:11px!important;
  }

  body.rcd-vehicle-detail-page .rcd-easyrent-description{
    margin-top:18px!important;
  }

  body.rcd-vehicle-detail-page .rcd-easyrent-lower-content{
    margin-top:18px!important;
    gap:18px!important;
  }

  body.rcd-vehicle-detail-page #bookingPanel{
    padding:16px!important;
    border-radius:12px!important;
  }

  body.rcd-vehicle-detail-page .rcd-price-from>strong{
    font-size:23px!important;
  }

  body.rcd-vehicle-detail-page .rcd-date-fields{
    gap:7px!important;
  }

  body.rcd-vehicle-detail-page .rcd-quote-actions{
    margin-top:4px!important;
  }
}


/* Final desktop structure: use flex, not legacy grid areas. */
@media(min-width:981px){
  body.rcd-vehicle-detail-page .rcd-vehicle-hero{
    display:flex!important;
    flex-direction:row!important;
    align-items:flex-start!important;
    gap:24px!important;
    direction:ltr!important;
    grid-template-columns:none!important;
    grid-template-areas:none!important;
  }

  body.rcd-vehicle-detail-page .rcd-easyrent-main{
    flex:1 1 auto!important;
    width:auto!important;
    min-width:0!important;
    grid-area:auto!important;
    direction:rtl!important;
  }

  body.rcd-vehicle-detail-page #bookingPanel{
    flex:0 0 310px!important;
    width:310px!important;
    max-width:310px!important;
    min-width:310px!important;
    grid-area:auto!important;
    direction:rtl!important;
    position:sticky!important;
    top:94px!important;
    align-self:flex-start!important;
  }

  body.rcd-vehicle-detail-page #vehicleGallery,
  body.rcd-vehicle-detail-page #vehicleSpecs,
  body.rcd-vehicle-detail-page .rcd-vehicle-info{
    grid-area:auto!important;
  }

  body.rcd-vehicle-detail-page .rcd-vehicle-info{
    width:100%!important;
  }
}

@media(max-width:980px){
  body.rcd-vehicle-detail-page .rcd-vehicle-hero{
    display:flex!important;
    flex-direction:column!important;
    gap:18px!important;
  }

  body.rcd-vehicle-detail-page .rcd-easyrent-main,
  body.rcd-vehicle-detail-page #bookingPanel{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    flex:0 0 auto!important;
  }

  body.rcd-vehicle-detail-page #bookingPanel{
    position:static!important;
  }
}


/* Explicit content sequence inside the Easyrent main column. */
body.rcd-vehicle-detail-page .rcd-easyrent-main>#vehicleGallery{
  order:1!important;
}
body.rcd-vehicle-detail-page .rcd-easyrent-main>.rcd-vehicle-info{
  order:2!important;
}
body.rcd-vehicle-detail-page .rcd-easyrent-main>#vehicleSpecs{
  order:3!important;
}
body.rcd-vehicle-detail-page .rcd-easyrent-main>.rcd-easyrent-description{
  order:4!important;
}
body.rcd-vehicle-detail-page .rcd-easyrent-main>.rcd-easyrent-lower-content{
  order:5!important;
}
body.rcd-vehicle-detail-page .rcd-easyrent-main>#vehicleGalleryLightbox{
  order:99!important;
}
body.rcd-vehicle-detail-page #vehicleGalleryLightbox[hidden]{
  display:none!important;
}


/* Checkout refinement: flat Easyrent-style sections instead of stacked cards. */
body.rcd-vehicle-detail-page .vehicle-inline-checkout{
  padding-top:8px!important;
}

body.rcd-vehicle-detail-page .vehicle-inline-checkout__header{
  padding-bottom:12px!important;
  border-bottom:0!important;
}

body.rcd-vehicle-detail-page .vehicle-inline-checkout__header h2{
  font-size:22px!important;
  letter-spacing:-.02em!important;
}

body.rcd-vehicle-detail-page #marketplaceBookingForm{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  gap:12px 14px!important;
}

body.rcd-vehicle-detail-page #marketplaceBookingForm>.field--full:has(>h3),
body.rcd-vehicle-detail-page #marketplaceEmailField,
body.rcd-vehicle-detail-page #marketplacePostVerificationBookingFields,
body.rcd-vehicle-detail-page #vehiclePaymentMethodSection,
body.rcd-vehicle-detail-page .vehicle-checkout-terms,
body.rcd-vehicle-detail-page .vehicle-checkout-actions{
  padding-top:16px!important;
  border-top:1px solid #E8EDEB!important;
}

body.rcd-vehicle-detail-page #marketplaceBookingForm>.field--full:has(>h3){
  margin-top:2px!important;
}

body.rcd-vehicle-detail-page #marketplaceBookingForm>.field--full:has(>h3) h3,
body.rcd-vehicle-detail-page .marketplace-booking-section h3,
body.rcd-vehicle-detail-page .vehicle-payment-section h3{
  margin:0 0 3px!important;
  color:var(--er-text)!important;
  font-size:14px!important;
  line-height:1.25!important;
  font-weight:900!important;
}

body.rcd-vehicle-detail-page #marketplaceBookingForm>.field--full:has(>h3) p,
body.rcd-vehicle-detail-page .marketplace-booking-section p,
body.rcd-vehicle-detail-page .vehicle-payment-section p{
  margin:0!important;
}

body.rcd-vehicle-detail-page .marketplace-phone-verification{
  padding:12px 0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:6px 14px!important;
  border:0!important;
  border-top:1px solid #E8EDEB!important;
  border-radius:0!important;
  background:#fff!important;
}

body.rcd-vehicle-detail-page .marketplace-phone-verification strong{
  color:var(--er-text)!important;
  font-size:12px!important;
  font-weight:900!important;
}

body.rcd-vehicle-detail-page .marketplace-phone-verification .muted{
  grid-column:1!important;
  margin:0!important;
}

body.rcd-vehicle-detail-page .marketplace-phone-verification .button{
  grid-column:2!important;
  grid-row:1 / span 2!important;
  min-height:38px!important;
  padding:0 13px!important;
  border:1px solid var(--er-primary)!important;
  border-radius:8px!important;
  background:#fff!important;
  color:var(--er-primary)!important;
  font-size:10px!important;
  font-weight:900!important;
}

body.rcd-vehicle-detail-page .marketplace-booking-section,
body.rcd-vehicle-detail-page .vehicle-payment-section{
  margin:0!important;
  padding:16px 0 0!important;
  border:0!important;
  border-top:1px solid #E8EDEB!important;
  border-radius:0!important;
  background:#fff!important;
}

body.rcd-vehicle-detail-page #marketplaceRenterCheckoutSection>.marketplace-form{
  margin-top:12px!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px 14px!important;
}

body.rcd-vehicle-detail-page #marketplaceRenterCheckoutSection>.marketplace-form>.field--full{
  grid-column:1 / -1!important;
}

body.rcd-vehicle-detail-page .vehicle-payment-options{
  margin-top:10px!important;
}

body.rcd-vehicle-detail-page .reservation-payment-methods{
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
}

body.rcd-vehicle-detail-page .reservation-payment-method{
  min-height:62px!important;
  padding:10px!important;
  border-radius:8px!important;
  background:#fff!important;
}

body.rcd-vehicle-detail-page .reservation-payment-method strong{
  font-size:11px!important;
}

body.rcd-vehicle-detail-page .reservation-payment-method small{
  margin-top:3px!important;
  font-size:9px!important;
  line-height:1.4!important;
}

body.rcd-vehicle-detail-page .vehicle-checkout-terms{
  margin:0!important;
  padding:14px 0 0!important;
  border:0!important;
  border-top:1px solid #E8EDEB!important;
  border-radius:0!important;
  background:#fff!important;
}

body.rcd-vehicle-detail-page .vehicle-checkout-actions{
  margin-top:0!important;
  padding-top:14px!important;
  justify-content:flex-start!important;
}

body.rcd-vehicle-detail-page #marketplaceBookingSubmit{
  min-width:170px!important;
  min-height:41px!important;
  border-radius:8px!important;
}

body.rcd-vehicle-detail-page #vehicleCheckoutStatus{
  font-size:9.5px!important;
}

/* Summary card refinements. */
body.rcd-vehicle-detail-page .vehicle-checkout-summary{
  padding:10px!important;
  border-radius:11px!important;
}

body.rcd-vehicle-detail-page .vehicle-checkout-summary__image{
  border-radius:8px!important;
}

body.rcd-vehicle-detail-page .vehicle-checkout-summary__title{
  padding:10px 2px!important;
}

body.rcd-vehicle-detail-page .vehicle-checkout-summary__row{
  min-height:38px!important;
  padding:8px 2px!important;
}

body.rcd-vehicle-detail-page .vehicle-checkout-summary__row--total{
  min-height:48px!important;
}

@media(max-width:700px){
  body.rcd-vehicle-detail-page #marketplaceRenterCheckoutSection>.marketplace-form,
  body.rcd-vehicle-detail-page .reservation-payment-methods{
    grid-template-columns:1fr!important;
  }

  body.rcd-vehicle-detail-page .marketplace-phone-verification{
    grid-template-columns:1fr!important;
  }

  body.rcd-vehicle-detail-page .marketplace-phone-verification .button{
    grid-column:1!important;
    grid-row:auto!important;
    justify-self:start!important;
  }
}


/* Inline checkout lives inside the same booking card. */
@media(min-width:981px){
  body.rcd-vehicle-detail-page #bookingPanel.is-checkout-open{
    flex:0 0 390px!important;
    width:390px!important;
    max-width:390px!important;
    min-width:390px!important;
    position:relative!important;
    top:auto!important;
  }
}

body.rcd-vehicle-detail-page #bookingPanel.is-checkout-open .rcd-quote-actions,
body.rcd-vehicle-detail-page #bookingPanel.is-checkout-open .rcd-cod{
  display:none!important;
}

body.rcd-vehicle-detail-page #bookingPanel .vehicle-inline-checkout{
  width:100%!important;
  margin:16px 0 0!important;
  padding:16px 0 0!important;
  display:block!important;
  border:0!important;
  border-top:1px solid #E7ECE9!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
  scroll-margin-top:94px!important;
}

body.rcd-vehicle-detail-page #bookingPanel .vehicle-inline-checkout[hidden]{
  display:none!important;
}

body.rcd-vehicle-detail-page #bookingPanel .vehicle-inline-checkout__header{
  width:100%!important;
  margin:0 0 12px!important;
  padding:0!important;
  display:block!important;
  border:0!important;
}

body.rcd-vehicle-detail-page #bookingPanel .vehicle-inline-checkout__header h2{
  margin:0 0 4px!important;
  font-size:16px!important;
  line-height:1.25!important;
}

body.rcd-vehicle-detail-page #bookingPanel .vehicle-inline-checkout__header p{
  font-size:9.5px!important;
  line-height:1.5!important;
}

body.rcd-vehicle-detail-page #bookingPanel #marketplaceBookingError{
  width:100%!important;
  margin:0 0 10px!important;
}

body.rcd-vehicle-detail-page #bookingPanel #marketplaceBookingForm{
  width:100%!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  border:0!important;
  background:#fff!important;
}

body.rcd-vehicle-detail-page #bookingPanel #marketplaceBookingForm>.field,
body.rcd-vehicle-detail-page #bookingPanel #marketplaceBookingForm>.field--full,
body.rcd-vehicle-detail-page #bookingPanel #marketplacePostVerificationBookingFields,
body.rcd-vehicle-detail-page #bookingPanel #vehiclePaymentMethodSection,
body.rcd-vehicle-detail-page #bookingPanel .vehicle-checkout-terms,
body.rcd-vehicle-detail-page #bookingPanel .vehicle-checkout-actions{
  grid-column:1!important;
  width:100%!important;
}

body.rcd-vehicle-detail-page #bookingPanel #marketplaceBookingForm input:not([type="checkbox"]):not([type="hidden"]),
body.rcd-vehicle-detail-page #bookingPanel #marketplaceBookingForm select,
body.rcd-vehicle-detail-page #bookingPanel #marketplaceBookingForm textarea{
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}

body.rcd-vehicle-detail-page #bookingPanel .crs-phone-control{
  width:100%!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:7px!important;
}

body.rcd-vehicle-detail-page #bookingPanel .crs-phone-control select,
body.rcd-vehicle-detail-page #bookingPanel .crs-phone-control input{
  width:100%!important;
}

body.rcd-vehicle-detail-page #bookingPanel .marketplace-phone-verification{
  width:100%!important;
  grid-template-columns:1fr!important;
  gap:7px!important;
}

body.rcd-vehicle-detail-page #bookingPanel .marketplace-phone-verification .button{
  grid-column:1!important;
  grid-row:auto!important;
  width:100%!important;
  justify-self:stretch!important;
}

body.rcd-vehicle-detail-page #bookingPanel #marketplaceRenterCheckoutSection>.marketplace-form{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
}

body.rcd-vehicle-detail-page #bookingPanel #marketplaceRenterCheckoutSection>.marketplace-form>.field,
body.rcd-vehicle-detail-page #bookingPanel #marketplaceRenterCheckoutSection>.marketplace-form>.field--full{
  grid-column:1!important;
  width:100%!important;
}

body.rcd-vehicle-detail-page #bookingPanel .reservation-payment-methods{
  grid-template-columns:1fr!important;
  gap:7px!important;
}

body.rcd-vehicle-detail-page #bookingPanel .reservation-payment-method{
  min-height:60px!important;
}

body.rcd-vehicle-detail-page #bookingPanel .vehicle-checkout-summary{
  display:none!important;
}

body.rcd-vehicle-detail-page #bookingPanel .vehicle-checkout-actions{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  padding-top:12px!important;
}

body.rcd-vehicle-detail-page #bookingPanel #marketplaceBookingSubmit{
  width:100%!important;
  min-width:0!important;
  min-height:43px!important;
}

body.rcd-vehicle-detail-page #bookingPanel #vehicleCheckoutStatus{
  width:100%!important;
  text-align:center!important;
}

body.rcd-vehicle-detail-page #bookingPanel .vehicle-payment-options [data-reservation-summary]{
  margin-top:10px!important;
  padding:10px!important;
  border-radius:8px!important;
  background:#F7FAF8!important;
}

/* When checkout expands, keep the whole card in normal page flow; no internal scrolling. */
body.rcd-vehicle-detail-page #bookingPanel.is-checkout-open{
  max-height:none!important;
  overflow:visible!important;
}

@media(max-width:980px){
  body.rcd-vehicle-detail-page #bookingPanel.is-checkout-open{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }
}


/* Checkout steps follow the adopted Easyrent visual language. */
body.rcd-vehicle-detail-page #bookingPanel .rcd-checkout-stepper{
  width:100%!important;
  margin:0 0 14px!important;
  display:grid!important;
  grid-template-columns:auto 1fr auto 1fr auto!important;
  align-items:center!important;
  gap:7px!important;
}

body.rcd-vehicle-detail-page #bookingPanel .rcd-checkout-step{
  min-width:0!important;
  display:grid!important;
  justify-items:center!important;
  gap:4px!important;
  color:#8A938E!important;
}

body.rcd-vehicle-detail-page #bookingPanel .rcd-checkout-step>span{
  width:28px!important;
  height:28px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid var(--er-border)!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#7B8680!important;
  font-size:10px!important;
  font-weight:900!important;
}

body.rcd-vehicle-detail-page #bookingPanel .rcd-checkout-step>strong{
  max-width:86px!important;
  color:inherit!important;
  font-size:8.5px!important;
  line-height:1.25!important;
  font-weight:850!important;
  text-align:center!important;
}

body.rcd-vehicle-detail-page #bookingPanel .rcd-checkout-stepper>i{
  width:100%!important;
  height:1px!important;
  background:#E1E8E4!important;
}

body.rcd-vehicle-detail-page #bookingPanel .rcd-checkout-step.is-active{
  color:var(--er-primary)!important;
}

body.rcd-vehicle-detail-page #bookingPanel .rcd-checkout-step.is-active>span{
  border-color:var(--er-primary)!important;
  background:var(--er-primary)!important;
  color:#fff!important;
}

body.rcd-vehicle-detail-page #bookingPanel .rcd-checkout-step.is-complete{
  color:var(--er-primary)!important;
}

body.rcd-vehicle-detail-page #bookingPanel .rcd-checkout-step.is-complete>span{
  border-color:#B9D4C7!important;
  background:var(--er-soft)!important;
  color:var(--er-primary)!important;
}

body.rcd-vehicle-detail-page #bookingPanel .rcd-checkout-step.is-complete>span::after{
  content:"✓"!important;
}

body.rcd-vehicle-detail-page #bookingPanel .rcd-checkout-step.is-complete>span{
  font-size:0!important;
}

/* Customer section is flat and compact. */
body.rcd-vehicle-detail-page #bookingPanel #marketplaceBookingForm>.field--full:first-child{
  padding-top:0!important;
  border-top:0!important;
}

body.rcd-vehicle-detail-page #bookingPanel #marketplaceBookingForm>.field--full:first-child h3{
  font-size:13px!important;
}

body.rcd-vehicle-detail-page #bookingPanel #marketplaceBookingForm label{
  margin-bottom:2px!important;
  color:#53615A!important;
  font-size:9px!important;
  font-weight:850!important;
}

body.rcd-vehicle-detail-page #bookingPanel #marketplaceBookingForm input:not([type="checkbox"]):not([type="hidden"]),
body.rcd-vehicle-detail-page #bookingPanel #marketplaceBookingForm select,
body.rcd-vehicle-detail-page #bookingPanel #marketplaceBookingForm textarea{
  min-height:38px!important;
  padding:0 10px!important;
  border:1px solid #DCE5E0!important;
  border-radius:8px!important;
  background:#fff!important;
  color:var(--er-text)!important;
  font-size:10px!important;
  box-shadow:none!important;
}

body.rcd-vehicle-detail-page #bookingPanel #marketplaceBookingForm textarea{
  min-height:72px!important;
  padding-block:9px!important;
}

body.rcd-vehicle-detail-page #bookingPanel #marketplaceBookingForm input:focus,
body.rcd-vehicle-detail-page #bookingPanel #marketplaceBookingForm select:focus,
body.rcd-vehicle-detail-page #bookingPanel #marketplaceBookingForm textarea:focus{
  border-color:#9DBEAE!important;
  box-shadow:0 0 0 3px rgba(11,77,58,.07)!important;
  outline:0!important;
}

/* Phone verification / OTP. */
body.rcd-vehicle-detail-page #bookingPanel #marketplacePhoneVerification{
  padding-top:12px!important;
  border-top:1px solid #E8EDEB!important;
}

body.rcd-vehicle-detail-page #bookingPanel .marketplace-phone-verification{
  padding:0!important;
  border:0!important;
  background:#fff!important;
}

body.rcd-vehicle-detail-page #bookingPanel .marketplace-phone-verification.is-verified{
  padding:10px!important;
  border:1px solid #CDE2D7!important;
  border-radius:8px!important;
  background:var(--er-soft)!important;
}

body.rcd-vehicle-detail-page #bookingPanel .marketplace-phone-verification.is-verified strong,
body.rcd-vehicle-detail-page #bookingPanel .marketplace-phone-verification.is-verified .muted{
  color:var(--er-primary)!important;
}

body.rcd-vehicle-detail-page #bookingPanel .rcd-booking-otp{
  width:100%!important;
  margin-top:10px!important;
  padding:12px!important;
  border:1px solid #DCE5E0!important;
  border-radius:9px!important;
  background:#FAFCFB!important;
}

body.rcd-vehicle-detail-page #bookingPanel .rcd-booking-otp[hidden]{
  display:none!important;
}

body.rcd-vehicle-detail-page #bookingPanel .rcd-booking-otp__status{
  margin:0 0 7px!important;
  color:#5B6660!important;
  font-size:9.5px!important;
  line-height:1.45!important;
}

body.rcd-vehicle-detail-page #bookingPanel .rcd-booking-otp__label{
  margin-bottom:5px!important;
  display:block!important;
  color:#53615A!important;
  font-size:9px!important;
  font-weight:850!important;
}

body.rcd-vehicle-detail-page #bookingPanel .rcd-booking-otp__code{
  width:100%!important;
  min-height:42px!important;
  padding:0 12px!important;
  border:1px solid #DCE5E0!important;
  border-radius:8px!important;
  background:#fff!important;
  color:var(--er-text)!important;
  text-align:center!important;
  letter-spacing:.35em!important;
  font-size:17px!important;
  font-weight:900!important;
}

body.rcd-vehicle-detail-page #bookingPanel .rcd-booking-otp__actions{
  margin-top:8px!important;
  display:flex!important;
  gap:7px!important;
  flex-wrap:wrap!important;
}

body.rcd-vehicle-detail-page #bookingPanel .rcd-booking-otp__actions .button{
  min-height:36px!important;
  flex:1 1 auto!important;
  border-radius:8px!important;
  font-size:9.5px!important;
  font-weight:900!important;
}

body.rcd-vehicle-detail-page #bookingPanel .rcd-booking-otp__actions .button-primary{
  border-color:var(--er-primary)!important;
  background:var(--er-primary)!important;
  color:#fff!important;
}

body.rcd-vehicle-detail-page #bookingPanel .rcd-booking-otp__privacy{
  margin-top:7px!important;
  display:block!important;
  color:#89918D!important;
  font-size:8.5px!important;
  line-height:1.45!important;
}

/* Renter section: no nested card appearance. */
body.rcd-vehicle-detail-page #bookingPanel #marketplacePostVerificationBookingFields{
  padding-top:14px!important;
  border-top:1px solid #E8EDEB!important;
}

body.rcd-vehicle-detail-page #bookingPanel #marketplaceRenterCheckoutSection{
  padding:0!important;
  border:0!important;
  background:#fff!important;
}

body.rcd-vehicle-detail-page #bookingPanel #marketplaceRenterCheckoutSection>div:first-child{
  margin-bottom:10px!important;
}

body.rcd-vehicle-detail-page #bookingPanel #marketplaceSaveRenterDetails{
  min-height:36px!important;
  width:100%!important;
  border:1px solid #D5E0DA!important;
  border-radius:8px!important;
  background:#fff!important;
  color:var(--er-primary)!important;
  font-size:9px!important;
  font-weight:850!important;
}

/* Payment choices mirror the quiet choice cards from the reference. */
body.rcd-vehicle-detail-page #bookingPanel #vehiclePaymentMethodSection{
  padding-top:14px!important;
  border-top:1px solid #E8EDEB!important;
}

body.rcd-vehicle-detail-page #bookingPanel #vehiclePaymentMethodSection>div:first-child{
  margin-bottom:8px!important;
}

body.rcd-vehicle-detail-page #bookingPanel .reservation-payment-method{
  min-height:58px!important;
  padding:9px 10px!important;
  border:1px solid #DCE5E0!important;
  border-radius:8px!important;
  background:#fff!important;
  box-shadow:none!important;
}

body.rcd-vehicle-detail-page #bookingPanel .reservation-payment-method:hover,
body.rcd-vehicle-detail-page #bookingPanel .reservation-payment-method.is-selected{
  border-color:var(--er-primary)!important;
  background:var(--er-soft)!important;
  box-shadow:none!important;
}

body.rcd-vehicle-detail-page #bookingPanel .reservation-payment-method input{
  width:16px!important;
  height:16px!important;
  min-height:16px!important;
  flex:0 0 16px!important;
  accent-color:var(--er-primary)!important;
}

body.rcd-vehicle-detail-page #bookingPanel .reservation-payment-method strong{
  color:var(--er-text)!important;
  font-size:10px!important;
  font-weight:900!important;
}

body.rcd-vehicle-detail-page #bookingPanel .reservation-payment-method small{
  margin-top:2px!important;
  color:#78817C!important;
  font-size:8.5px!important;
  line-height:1.4!important;
}

body.rcd-vehicle-detail-page #bookingPanel .vehicle-checkout-terms{
  padding-top:12px!important;
  font-size:8.8px!important;
  line-height:1.5!important;
}

body.rcd-vehicle-detail-page #bookingPanel .vehicle-checkout-terms input{
  width:15px!important;
  height:15px!important;
  min-height:15px!important;
  flex:0 0 15px!important;
  accent-color:var(--er-primary)!important;
}

/* Final CTA. */
body.rcd-vehicle-detail-page #bookingPanel #marketplaceBookingSubmit{
  min-height:42px!important;
  border:1px solid var(--er-primary)!important;
  border-radius:8px!important;
  background:var(--er-primary)!important;
  color:#fff!important;
  font-size:10.5px!important;
  font-weight:900!important;
  box-shadow:none!important;
}

body.rcd-vehicle-detail-page #bookingPanel #marketplaceBookingSubmit:hover:not(:disabled){
  background:var(--er-primary-dark)!important;
}

body.rcd-vehicle-detail-page #bookingPanel #marketplaceBookingSubmit:disabled{
  border-color:#DCE5E0!important;
  background:#EEF2F0!important;
  color:#9AA39E!important;
  opacity:1!important;
}

@media(max-width:480px){
  body.rcd-vehicle-detail-page #bookingPanel .rcd-checkout-stepper{
    gap:4px!important;
  }

  body.rcd-vehicle-detail-page #bookingPanel .rcd-checkout-step>strong{
    font-size:8px!important;
  }
}


/* Kill legacy booking-modal card wrappers inside the new side checkout only. */
body.rcd-vehicle-detail-page #bookingPanel #marketplaceBookingForm>.field{
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.rcd-vehicle-detail-page #bookingPanel #marketplaceBookingForm>.field:has(>h3[data-ar="بيانات العميل"]){
  padding:0!important;
  border:0!important;
  background:transparent!important;
}

body.rcd-vehicle-detail-page #bookingPanel #marketplaceBookingForm>.field:has(>h3[data-ar="بيانات العميل"]) h3{
  margin:0 0 3px!important;
  font-size:13px!important;
}

body.rcd-vehicle-detail-page #bookingPanel #marketplaceBookingForm>.field:has(>h3[data-ar="بيانات العميل"]) .muted{
  margin:0!important;
  font-size:9px!important;
  line-height:1.45!important;
}

body.rcd-vehicle-detail-page #bookingPanel #marketplaceBookingForm>.field:has(#marketplaceCustomerName){
  grid-column:1!important;
}

body.rcd-vehicle-detail-page #bookingPanel #marketplaceCustomerPhoneHint{
  margin-top:4px!important;
  color:#7B8580!important;
  font-size:8.5px!important;
  line-height:1.45!important;
}

body.rcd-vehicle-detail-page #bookingPanel #marketplacePostVerificationBookingFields .marketplace-booking-section{
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.rcd-vehicle-detail-page #bookingPanel #marketplacePostVerificationBookingFields .marketplace-booking-section>div:first-child{
  margin-bottom:9px!important;
}

body.rcd-vehicle-detail-page #bookingPanel #marketplacePostVerificationBookingFields .marketplace-booking-section h3{
  margin:0 0 3px!important;
  font-size:13px!important;
}

body.rcd-vehicle-detail-page #bookingPanel #marketplacePostVerificationBookingFields .marketplace-booking-section .muted{
  margin:0!important;
  font-size:8.8px!important;
  line-height:1.45!important;
}

body.rcd-vehicle-detail-page #bookingPanel #marketplacePostVerificationBookingFields .marketplace-booking-section .marketplace-form{
  gap:10px!important;
}

body.rcd-vehicle-detail-page #bookingPanel #marketplacePostVerificationBookingFields .marketplace-booking-section .field{
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.rcd-vehicle-detail-page #bookingPanel #marketplaceEmailField{
  padding-top:10px!important;
  border-top:1px solid #E8EDEB!important;
}

body.rcd-vehicle-detail-page #bookingPanel #marketplacePhoneVerification{
  margin:0!important;
  padding:10px 0 0!important;
  border:0!important;
  border-top:1px solid #E8EDEB!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.rcd-vehicle-detail-page #bookingPanel #marketplacePhoneVerificationState{
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}

body.rcd-vehicle-detail-page #bookingPanel #marketplaceVerifyPhoneButton{
  min-width:0!important;
  min-height:36px!important;
  width:100%!important;
  margin-top:7px!important;
  border:1px solid var(--er-primary)!important;
  border-radius:8px!important;
  background:#fff!important;
  color:var(--er-primary)!important;
}

body.rcd-vehicle-detail-page #bookingPanel .vehicle-checkout-terms{
  padding:11px 0 0!important;
  border:0!important;
  border-top:1px solid #E8EDEB!important;
  border-radius:0!important;
  background:transparent!important;
}

body.rcd-vehicle-detail-page #bookingPanel #marketplaceBookingForm .crs-phone-control{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:7px!important;
}

body.rcd-vehicle-detail-page #bookingPanel #marketplaceBookingForm .crs-phone-control>select,
body.rcd-vehicle-detail-page #bookingPanel #marketplaceBookingForm .crs-phone-control>input:not([type="hidden"]){
  width:100%!important;
  min-width:0!important;
  height:38px!important;
  min-height:38px!important;
  padding:0 10px!important;
  border:1px solid #DCE5E0!important;
  border-radius:8px!important;
  background:#fff!important;
  font-size:9.5px!important;
}


/* Checkout phone row: country code + local number stay on one line. */
body.rcd-vehicle-detail-page #bookingPanel #marketplaceBookingForm .crs-phone-control{
  width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.35fr) minmax(118px,.85fr)!important;
  gap:8px!important;
  align-items:stretch!important;
}

body.rcd-vehicle-detail-page #bookingPanel #marketplaceBookingForm .crs-phone-control>#marketplaceCustomerCountry{
  grid-column:1!important;
}

body.rcd-vehicle-detail-page #bookingPanel #marketplaceBookingForm .crs-phone-control>#marketplaceCustomerLocalPhone{
  grid-column:2!important;
}

body.rcd-vehicle-detail-page #bookingPanel #marketplaceBookingForm .crs-phone-control>#marketplaceCustomerOtherDial:not([hidden]){
  grid-column:2!important;
}

body.rcd-vehicle-detail-page #bookingPanel #marketplaceBookingForm .crs-phone-control>#marketplaceCustomerOtherDial:not([hidden]) + #marketplaceCustomerLocalPhone{
  grid-column:1 / -1!important;
}

/* One custom dropdown chevron only, inset from the edge. */
body.rcd-vehicle-detail-page #bookingPanel #marketplaceBookingForm select{
  appearance:none!important;
  -webkit-appearance:none!important;
  -moz-appearance:none!important;
  background-color:#fff!important;
  background-repeat:no-repeat!important;
  background-size:11px 7px!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7'%3E%3Cpath d='M1 1.25 5.5 5.5 10 1.25' fill='none' stroke='%230B4D3A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  cursor:pointer!important;
}

html[dir="rtl"] body.rcd-vehicle-detail-page #bookingPanel #marketplaceBookingForm select{
  background-position:left 14px center!important;
  padding-left:38px!important;
  padding-right:10px!important;
  text-align:right!important;
}

html[dir="ltr"] body.rcd-vehicle-detail-page #bookingPanel #marketplaceBookingForm select{
  background-position:right 14px center!important;
  padding-right:38px!important;
  padding-left:10px!important;
  text-align:left!important;
}

body.rcd-vehicle-detail-page #bookingPanel #marketplaceBookingForm select::-ms-expand{
  display:none!important;
}

/* Keep phone fields visually identical in the shared row. */
body.rcd-vehicle-detail-page #bookingPanel #marketplaceBookingForm .crs-phone-control>select,
body.rcd-vehicle-detail-page #bookingPanel #marketplaceBookingForm .crs-phone-control>input:not([type="hidden"]){
  height:40px!important;
  min-height:40px!important;
  margin:0!important;
  border:1px solid #DCE5E0!important;
  border-radius:8px!important;
  background-color:#fff!important;
  box-shadow:none!important;
}

/* The selected country can be long; keep it readable without touching the chevron. */
body.rcd-vehicle-detail-page #bookingPanel #marketplaceCustomerCountry{
  font-size:9px!important;
  font-weight:750!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}

/* Compact screens still keep code + number together unless extremely narrow. */
@media(max-width:420px){
  body.rcd-vehicle-detail-page #bookingPanel #marketplaceBookingForm .crs-phone-control{
    grid-template-columns:minmax(0,1.2fr) minmax(105px,.8fr)!important;
    gap:6px!important;
  }

  html[dir="rtl"] body.rcd-vehicle-detail-page #bookingPanel #marketplaceBookingForm select{
    background-position:left 11px center!important;
    padding-left:32px!important;
  }

  html[dir="ltr"] body.rcd-vehicle-detail-page #bookingPanel #marketplaceBookingForm select{
    background-position:right 11px center!important;
    padding-right:32px!important;
  }
}


/* Compatibility bridge for the legacy verification controller.
 * The old modal is logically open only while inline checkout owns verification,
 * but it remains completely absent from the visual and focus tree.
 */
body.rcd-vehicle-detail-page #marketplaceModal.rcd-inline-verification-bridge{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}