/* =========================================================
   eCab – SUMMARY sidebar (uses YOUR spacing rules)
   ========================================================= */

/* Remove box / keep sticky behaviour intact */
@media only screen and (min-width: 10px){
  div.mptbm_transport_search_area div.mp_sticky_on_scroll.summary-box{
    background: transparent !important;
    padding: 0 !important;
    border-radius: 0 !important;
    border: 0 !important;
    box-shadow: none !important;

    min-height: auto !important; /* kill plugin 400px */
    height: auto !important;
padding-bottom: 24px !important;
  }
}

/* Hide dividers */
div.mptbm_transport_search_area div.mp_sticky_on_scroll.summary-box .divider{
  display: none !important;
}

/* SUMMARY title (smaller + space after) */
div.mptbm_transport_search_area div.mp_sticky_on_scroll.summary-box h3{
  font-size: 16px !important;
  line-height: 1.2 !important;
  margin-bottom: 8px !important;
}

/* === YOUR spacing + type === */
div.mptbm_transport_search_area div.mp_sticky_on_scroll.summary-box ._mB_xs{
  margin-bottom: 2px !important;   /* tighter label → value */
  font-size: 12px !important;
  line-height: 1.2 !important;
}

div.mptbm_transport_search_area div.mp_sticky_on_scroll.summary-box ._textLight_1{
  margin-bottom: 10px !important;  /* space after value */
  font-size: 14px !important;
  line-height: 1.35 !important;
}

/* ===== Grid layout (ONLY direct children) ===== */
div.mptbm_transport_search_area div.mp_sticky_on_scroll.summary-box > ._dFlex_fdColumn{
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  column-gap: 10px !important;   /* tighter columns */
  row-gap: 0 !important;         /* spacing controlled by your margins */
  align-items: start !important;
}

/* Default: full width */
div.mptbm_transport_search_area div.mp_sticky_on_scroll.summary-box > ._dFlex_fdColumn > *{
  grid-column: 1 / -1 !important;
}

/* Title row */
div.mptbm_transport_search_area div.mp_sticky_on_scroll.summary-box > ._dFlex_fdColumn > h3{
  grid-row: 1 !important;
}

/* Pickup Date (left) */
div.mptbm_transport_search_area div.mp_sticky_on_scroll.summary-box > ._dFlex_fdColumn > h6:nth-of-type(1){
  grid-column: 1 !important; grid-row: 2 !important;
}
div.mptbm_transport_search_area div.mp_sticky_on_scroll.summary-box > ._dFlex_fdColumn > h6:nth-of-type(1) + p{
  grid-column: 1 !important; grid-row: 3 !important;
}

/* Pickup Time (right) */
div.mptbm_transport_search_area div.mp_sticky_on_scroll.summary-box > ._dFlex_fdColumn > h6:nth-of-type(2){
  grid-column: 2 !important; grid-row: 2 !important;
}
div.mptbm_transport_search_area div.mp_sticky_on_scroll.summary-box > ._dFlex_fdColumn > h6:nth-of-type(2) + p{
  grid-column: 2 !important; grid-row: 3 !important;
}

/* Pickup Location (left) */
div.mptbm_transport_search_area div.mp_sticky_on_scroll.summary-box > ._dFlex_fdColumn > h6:nth-of-type(3){
  grid-column: 1 !important; grid-row: 4 !important;
}
div.mptbm_transport_search_area div.mp_sticky_on_scroll.summary-box > ._dFlex_fdColumn > h6:nth-of-type(3) + p{
  grid-column: 1 !important; grid-row: 5 !important;
}

/* Drop-Off wrapper (right) */
div.mptbm_transport_search_area div.mp_sticky_on_scroll.summary-box > ._dFlex_fdColumn > div:not(.mptbm_transport_summary){
  grid-column: 2 !important;
  grid-row: 4 / span 2 !important; /* match pickup location rows */
  align-self: start !important;
}

/* Total Distance (left) */
div.mptbm_transport_search_area div.mp_sticky_on_scroll.summary-box > ._dFlex_fdColumn > h6:nth-of-type(4){
  grid-column: 1 !important; grid-row: 6 !important;
}
div.mptbm_transport_search_area div.mp_sticky_on_scroll.summary-box > ._dFlex_fdColumn > h6:nth-of-type(4) + p{
  grid-column: 1 !important; grid-row: 7 !important;
}

/* Total Time (right) */
div.mptbm_transport_search_area div.mp_sticky_on_scroll.summary-box > ._dFlex_fdColumn > h6:nth-of-type(5){
  grid-column: 2 !important; grid-row: 6 !important;
}
div.mptbm_transport_search_area div.mp_sticky_on_scroll.summary-box > ._dFlex_fdColumn > h6:nth-of-type(5) + p{
  grid-column: 2 !important; grid-row: 7 !important;
}

/* Transport summary after */
div.mptbm_transport_search_area div.mp_sticky_on_scroll.summary-box > ._dFlex_fdColumn > .mptbm_transport_summary{
  grid-column: 1 / -1 !important;
  grid-row: 8 !important;
}

/* Mobile: stack */
@media (max-width: 600px){
  div.mptbm_transport_search_area div.mp_sticky_on_scroll.summary-box > ._dFlex_fdColumn{
    grid-template-columns: 1.2fr 0.8fr !important;
    column-gap: 0 !important;
  }
  div.mptbm_transport_search_area div.mp_sticky_on_scroll.summary-box > ._dFlex_fdColumn > *{
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
  }
}
/* ===== Edit button (text only) ===== */
.mptbm_get_vehicle_prev{
  width: 40% !important;
  font-family: inherit !important;   /* same font as summary */
  padding: 14px 0 !important;        /* taller button */
  margin-top: 20px !important;       /* more space above */
  text-align: center !important;
  border-radius: 8px !important;
}

/* Hide original span text */
.mptbm_get_vehicle_prev span{
  font-size: 0 !important;
}

/* Insert clean text label */
.mptbm_get_vehicle_prev span::before{
  content: "Edit";
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 600;
  letter-spacing: .02em;
}

/* Subtle hover */
.mptbm_get_vehicle_prev:hover{
  background: rgba(0,0,0,.04) !important;
}

/* =========================================================
   eCab – Result card (vehicle)
   - Image full width / same height
   - Specs list in 2 columns
   - Price centered to card
   - More space around price
   - CTA full width, outline style
   ========================================================= */

div.mptbm_transport_search_area .mptbm_booking_item{
  background: #fff !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important; /* image top, content bottom */
}

/* ---------- Image full width ---------- */
div.mptbm_transport_search_area .mptbm_booking_item > ._max_200_mR_xs{
  width: 100% !important;
  max-width: 100% !important;
  margin-right: 0 !important;
}

div.mptbm_transport_search_area .mptbm_booking_item .bg_image_area{
  width: 100% !important;
}

div.mptbm_transport_search_area .mptbm_booking_item .bg_image_area > div[data-bg-image]{
  width: 100% !important;
  height: 200px !important;          /* same height for all cards */
  min-height: 200px !important;      /* override inline min-height */
  background-size: cover !important;
  background-position: center !important;
  border-radius: 0 !important;
}

/* ---------- Content layout ---------- */
div.mptbm_transport_search_area .mptbm_booking_item .mptbm_list_details{
  width: 100% !important;
  padding: 16px !important;
  display: grid !important;
  grid-template-columns: 1fr 180px !important; /* left info / right price+cta */
  column-gap: 16px !important;
  row-gap: 10px !important;
}

/* Title spans full width */
div.mptbm_transport_search_area .mptbm_booking_item .mptbm_list_details > h5{
  grid-column: 1 / -1 !important;
  margin: 0 0 6px !important;
  font-size: 28px !important;
  line-height: 1.05 !important;
}

/* Let children of justifyBetween participate in the grid */
div.mptbm_transport_search_area .mptbm_booking_item .mptbm_list_details .justifyBetween{
  grid-column: 1 / -1 !important;
  margin-top: 0 !important;
  display: contents !important;
}

/* =========================
   Specs list -> FORCE 2 columns
   ========================= */
div.mptbm_transport_search_area .mptbm_booking_item .mptbm_list_details ul.list_inline_two{
  grid-column: 1 !important;

  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px 18px !important;         /* row / column gap */
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

div.mptbm_transport_search_area .mptbm_booking_item .mptbm_list_details ul.list_inline_two > li{
  flex: 0 0 calc(50% - 9px) !important; /* 2 columns */
  margin: 0 !important;

  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

/* Right column wrapper (price + CTA) */
div.mptbm_transport_search_area .mptbm_booking_item .mptbm_list_details ._min_150_mL_xs{
  grid-column: 2 !important;
  margin-left: 0 !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
}

/* ---------- Price centered to the card ---------- */
div.mptbm_transport_search_area .mptbm_booking_item h4.textCenter{
  width: 100% !important;
  text-align: center !important;
  margin: 18px 0 18px !important;
  font-size: 34px !important;
  line-height: 1 !important;
  grid-column: 1 / -1 !important;   /* centered across card */
}

/* CTA container full width under price */
div.mptbm_transport_search_area .mptbm_booking_item .mptbm-button-container{
  width: 100% !important;
  grid-column: 1 / -1 !important;
}

/* Button full width, outline style */
div.mptbm_transport_search_area .mptbm_booking_item .mptbm_transport_select{
  width: 100% !important;
  background: transparent !important;
  border: 2px solid rgba(0,0,0,.18) !important;
  color: inherit !important;
  border-radius: 999px !important;
  padding: 14px 16px !important;
  box-shadow: none !important;

}

/* Hover */
div.mptbm_transport_search_area .mptbm_booking_item .mptbm_transport_select:hover{

	color: #fff !important;
	background-color: var(--e-global-color-800fb0a) !important;
}
div.mptbm_transport_search_area .mptbm_booking_item .mptbm_transport_select.active_select {
 border: 3px solid !important;
  border-color: var(--e-global-color-800fb0a) !important;
}
/* Hide empty icon span */
div.mptbm_transport_search_area .mptbm_booking_item .mptbm_transport_select span[data-icon]{
  display: none !important;
}

/* Center label */
div.mptbm_transport_search_area .mptbm_booking_item .mptbm_transport_select span[data-text]{
  display: block !important;
  text-align: center !important;
  font-weight: 600 !important;
}

/* Responsive: collapse right column + specs to 1 column */
@media (max-width: 640px){
  div.mptbm_transport_search_area .mptbm_booking_item .mptbm_list_details{
    grid-template-columns: 1fr !important;
  }

  div.mptbm_transport_search_area .mptbm_booking_item .mptbm_list_details ._min_150_mL_xs{
    grid-column: 1 !important;
  }

  div.mptbm_transport_search_area .mptbm_booking_item .mptbm_list_details ul.list_inline_two > li{
    flex: 0 0 100% !important;
  }
}
/* FORCE specs into 2 columns (override plugin 100% rules) */
div.mptbm_transport_search_area ul.list_inline_two{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px 18px !important;
}

div.mptbm_transport_search_area ul.list_inline_two > li{
  width: auto !important;                 /* kill width:100% */
  max-width: none !important;
  float: none !important;                 /* kill float layouts */
  clear: none !important;                 /* kill clear:both */
  flex: 0 0 calc(50% - 9px) !important;   /* 2 columns */
  margin: 0 !important;

  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

/* Mobile: stack */
@media (max-width: 520px){
  div.mptbm_transport_search_area ul.list_inline_two > li{
    flex: 0 0 100% !important;
  }
}
/* FORCE 2-column specs inside cards */
div.mptbm_transport_search_area .mptbm_booking_item .mptbm_list_details ul.list_inline_two{
  justify-content: flex-start !important;  /* kill space-between */
}

div.mptbm_transport_search_area .mptbm_booking_item .mptbm_list_details ul.list_inline_two > li{
  flex: 0 0 calc(50% - 9px) !important;    /* 2 columns */
 /* width: calc(50% - 9px) !important;        backup */
  max-width: calc(50% - 9px) !important;   /* backup */
  margin: 0 !important;

  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}


/* =========================================================
   eCab – Extra Features (Optional) – FINAL CLEAN CSS
   Scope: .mptbm_extra_service
   ========================================================= */

/* Spacing above section */
div.mptbm_transport_search_area .mptbm_extra_service{
  margin-top: 24px !important;
}

/* Title */
div.mptbm_transport_search_area .mptbm_extra_service .dLayout > h3{
  font-size: 18px !important;
  margin: 0 0 10px !important;
}

/* Remove default dividers */
div.mptbm_transport_search_area .mptbm_extra_service .divider{
  display: none !important;
}

/* =========================================================
   REMOVE OUTER CONTAINER STROKE (PLUGIN OVERRIDE)
   ========================================================= */
@media only screen and (min-width: 10px){
  .mpStyle .mptbm_extra_service .dLayout,
  .mpStyle .mptbm_extra_service [class*="_dLayout"]{
    border: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    padding: 0 !important;
    margin-top: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* =========================================================
   EXTRA SERVICE CARD
   ========================================================= */
div.mptbm_transport_search_area .mptbm_extra_service_item{
  width: 100% !important;
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.10) !important;
  border-radius: 14px !important;
  padding: 14px !important;
  margin: 0 0 14px !important;
}

/* Header: icon + title + price */
div.mptbm_transport_search_area .mptbm_extra_service_item h4{
  margin: 0 0 10px !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

div.mptbm_transport_search_area .mptbm_extra_service_item h4 > .mi{
  font-size: 18px !important;
  opacity: .85 !important;
}

div.mptbm_transport_search_area .mptbm_extra_service_item h4 sub{
  font-size: 14px !important;
  opacity: .9 !important;
  margin-left: auto !important;
}

/* =========================================================
   BODY LAYOUT
   ========================================================= */
div.mptbm_transport_search_area .mptbm_extra_service_item ._equalChild{
  display: grid !important;
  grid-template-columns: 1fr 260px !important;
  gap: 14px !important;
  align-items: start !important;
}

@media (max-width: 820px){
  div.mptbm_transport_search_area .mptbm_extra_service_item ._equalChild{
    grid-template-columns: 1fr !important;
  }
}

/* Description */
div.mptbm_transport_search_area .mptbm_extra_service_item .mp_load_more_text_area{
  font-size: 14px !important;
  line-height: 1.4 !important;
  opacity: .9 !important;
}

div.mptbm_transport_search_area .mptbm_extra_service_item .mp_load_more_text_area [data-read]{
  margin-top: 8px !important;
  cursor: pointer;
}

div.mptbm_transport_search_area .mptbm_extra_service_item
.mp_load_more_text_area [data-read] span[data-text]{
  font-weight: 600 !important;
  text-decoration: underline;
}

/* =========================================================
   RIGHT CONTROLS
   ========================================================= */
div.mptbm_transport_search_area .mptbm_extra_service_item .justifyEnd{
  display: flex !important;
  gap: 12px !important;
  justify-content: flex-end !important;
  align-items: center !important;
  flex-wrap: wrap !important;
}

/* Quantity stepper (unchanged from your working version) */
div.mptbm_transport_search_area .mptbm_extra_service_item .qtyIncDec{
  border: 1px solid rgba(0,0,0,.15) !important;
  overflow: hidden !important;
  background: #fff !important;
}

div.mptbm_transport_search_area .mptbm_extra_service_item .qtyIncDec .decQty,
div.mptbm_transport_search_area .mptbm_extra_service_item .qtyIncDec .incQty{
  padding: 10px 12px !important;
  cursor: pointer;
  opacity: .85;
}

div.mptbm_transport_search_area .mptbm_extra_service_item .qtyIncDec input{
  width: 52px !important;
  text-align: center !important;
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  padding: 10px 6px !important;
  font-weight: 600 !important;
  background: transparent !important;
}

/* =========================================================
   SELECT BUTTON
   ========================================================= */
div.mptbm_transport_search_area .mptbm_extra_service_item .mptbm_price_calculation{
  background: transparent !important;
  border: 2px solid rgba(0,0,0,.18) !important;
  color: inherit !important;
  border-radius: 999px !important;
  padding: 12px 16px !important;
  min-width: 150px !important;
  box-shadow: none !important;
  font-weight: 600 !important;
}

div.mptbm_transport_search_area .mptbm_extra_service_item
.mptbm_price_calculation:hover{

	background-color: var(--e-global-color-800fb0a) !important;
	color: #fff !important;
}

/* Selected state: outline only, thicker stroke */
div.mptbm_transport_search_area .mptbm_extra_service_item
.mptbm_price_calculation.mActive{
  background: transparent !important;
  color: inherit !important;
  border-width: 3px !important;
  border-color: var(--e-global-color-800fb0a) !important;
}
div.mptbm_transport_search_area .mptbm_extra_service_item
.mptbm_price_calculation.mActive span[data-text]{
  color: inherit !important;
}

/* Hide icon span */
div.mptbm_transport_search_area .mptbm_extra_service_item
.mptbm_price_calculation span[data-icon]{
  display: none !important;
}

/* =========================================================
   FOOTER CTA
   ========================================================= */
div.mptbm_transport_search_area .mptbm_extra_service .mptbm_book_now{
  width: 100% !important;                 /* same as car card CTA */
  border-radius: 999px !important;
  padding: 18px 16px !important;          /* same height */
  min-width: 0 !important;

  margin-top: 32px !important;
 margin-bottom: 48px !important;
  background-color: var(--e-global-color-800fb0a) !important;
  border: none !important;
  color: inherit !important;
  box-shadow: none !important;
  text-align: center !important;
	 font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
	color: #fff !important;
}

div.mptbm_transport_search_area .mptbm_extra_service .mptbm_book_now:hover{
  background: rgba(0,0,0,.08) !important;
}

@media (max-width: 520px){
  div.mptbm_transport_search_area .mptbm_extra_service .mptbm_book_now{
    width: 100% !important;
  }
}
/* =========================================================
   Qty selector = same height as CTA + remove max-width
   ========================================================= */

/* Kill plugin max-width */
@media only screen and (min-width: 10px){
  .mpStyle .qtyIncDec{
    max-width: none !important;
  }
}

/* Match height with CTA */
div.mptbm_transport_search_area
.mptbm_extra_service_item
.qtyIncDec{
  height: 38px !important;                 /* same visual height as button */
  display: flex !important;
  align-items: stretch !important;
}

/* Center contents vertically */
div.mptbm_transport_search_area
.mptbm_extra_service_item
.qtyIncDec .decQty,
div.mptbm_transport_search_area
.mptbm_extra_service_item
.qtyIncDec .incQty,
div.mptbm_transport_search_area
.mptbm_extra_service_item
.qtyIncDec input{
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
}


/* =========================================================
   TRANSPORT SUMMARY (inside extra service / above Book Now)
   ========================================================= */

/* Hide checkbox icon */
.mptbm_extra_service .mptbm_transport_summary ._dFlex_alignCenter .fa-check-square {
  display: none !important;
}

/* Title: hide original text node, show "Booking Details" only */
.mptbm_extra_service .mptbm_transport_summary h6._mB_xs {
  font-size: 0 !important;
  font-weight: 700 !important;
  color: #000 !important;
  display: block !important;
  padding-bottom: 8px !important;
}
.mptbm_extra_service .mptbm_transport_summary h6._mB_xs::before {
  content: "Booking Details";
  font-size: 16px !important;
  font-weight: 700 !important;
  display: block !important;
}

/* All base text */
.mptbm_extra_service .mptbm_transport_summary span,
.mptbm_extra_service .mptbm_transport_summary p,
.mptbm_extra_service .mptbm_transport_summary h4 {
  font-size: 16px !important;
  color: #000 !important;
}

/* Vehicle name row */
.mptbm_extra_service .mptbm_transport_summary ._textColor_4.justifyBetween {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 4px 0 !important;
}

.mptbm_extra_service .mptbm_transport_summary .mptbm_product_price {
  white-space: nowrap !important;
  color: #000 !important;
  font-size: 16px !important;
}

/* Extra service rows: x1 | Name    price */
.mptbm_extra_service .mptbm_transport_summary .mptbm_extra_service_summary > div {
  padding: 4px 0 !important;
}

.mptbm_extra_service .mptbm_transport_summary .mptbm_extra_service_summary ._textLight_1_dFlex_flexWrap_justifyBetween {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: 100% !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
}

/* Left side: qty + name together */
.mptbm_extra_service .mptbm_transport_summary .mptbm_extra_service_summary ._dFlex_alignCenter {
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  flex: 1 !important;
  min-width: 0 !important;
}

/* Hide the checkbox in extra service rows */
.mptbm_extra_service .mptbm_transport_summary .mptbm_extra_service_summary .fa-check-square {
  display: none !important;
}

/* Qty (p tag with x1) before the name — use order */
.mptbm_extra_service .mptbm_transport_summary .mptbm_extra_service_summary p {
  margin: 0 !important;
  white-space: nowrap !important;
  order: -1 !important;
  flex-shrink: 0 !important;
}

/* Price on right */
.mptbm_extra_service .mptbm_transport_summary .mptbm_extra_service_summary p:last-child {
  order: 2 !important;
  margin-left: auto !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}

/* Total row */
.mptbm_extra_service .mptbm_transport_summary > .justifyBetween {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 4px 0 !important;
}

.mptbm_extra_service .mptbm_transport_summary .justifyBetween h4,
.mptbm_extra_service .mptbm_transport_summary .mptbm_product_total_price {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #000 !important;
  margin: 0 !important;
}

/* =========================================================
   Remove background-img-skin shadow wrapper + restore full width
   ========================================================= */
.mptbm-show-search-result .background-img-skin {
  background: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

.mptbm-show-search-result .container {
  max-width: 100% !important;
  padding: 0 !important;
}

/* =========================================================
   Card tweaks
   ========================================================= */

/* 1. Hide info button */
div.mptbm_transport_search_area .mptbm-info-button {
  display: none !important;
}
div.mptbm_transport_search_area .mptbm_transport_select.mptbm-has-extra-info {
  padding-right: 0 !important;
}

/* 2. Hide quantity selector */
div.mptbm_transport_search_area .mptbm_quantity_selector {
  display: none !important;
}

/* 3. CTA full width */
div.mptbm_transport_search_area .mptbm-button-container {
  width: 100% !important;
}
div.mptbm_transport_search_area .mptbm_transport_select {
  width: 100% !important;
  display: block !important;
  box-sizing: border-box !important;
}

/* Hide info button — override inline style */
div.mptbm_transport_search_area .mptbm_booking_item .mptbm-button-container .mptbm-info-button {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  overflow: hidden !important;
}
div.mptbm_transport_search_area .mptbm_booking_item .mptbm_transport_select.mptbm-has-extra-info {
  padding-right: 0 !important;
  border-radius: 999px !important;
}

/* Hide quantity selector — override inline display:block */
div.mptbm_transport_search_area .mptbm_booking_item .mptbm_quantity_selector,
div.mptbm_transport_search_area .mptbm_booking_item .mptbm_quantity_selector[style] {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* =========================================================
   Card: name+price on same row, icons single row, CTA below price
   ========================================================= */

/* Grid: col1=name+specs, col2=price+CTA */
div.mptbm_transport_search_area .mptbm_booking_item .mptbm_list_details {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  grid-template-rows: auto auto auto !important;
  column-gap: 12px !important;
  row-gap: 8px !important;
 padding: 16px 0 0 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* h5: col1 row1 */
div.mptbm_transport_search_area .mptbm_booking_item .mptbm_list_details > h5 {
  grid-column: 1 !important;
  grid-row: 1 !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  margin: 0 !important;
  align-self: center !important;
}

/* .justifyBetween: col1 row2 — only specs visible here */
div.mptbm_transport_search_area .mptbm_booking_item .mptbm_list_details .justifyBetween {
  grid-column: 1 !important;
  grid-row: 2 !important;
  display: block !important;
  margin: 0 !important;
}

/* ._min_150: col2 rows 1-3 — price + CTA stacked on right */
div.mptbm_transport_search_area .mptbm_booking_item .mptbm_list_details ._min_150_mL_xs {
  grid-column: 2 !important;
  grid-row: 1 / 4 !important;
  margin-left: 0 !important;
  min-width: 120px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  align-self: start !important;
}

/* Price */
div.mptbm_transport_search_area .mptbm_booking_item h4.textCenter {
  font-size: 18px !important;
  font-weight: 700 !important;
  text-align: right !important;
  margin: 0 0 10px !important;
  width: 100% !important;
  position: static !important;
  clear: none !important;
  white-space: nowrap !important;
}

/* Specs: single row, no wrapping */
div.mptbm_transport_search_area .mptbm_booking_item .mptbm_list_details ul.list_inline_two {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 16px 0 32px 0 !important;
  list-style: none !important;
  width: 100% !important;
}
div.mptbm_transport_search_area .mptbm_booking_item .mptbm_list_details ul.list_inline_two > li {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  font-size: 16px !important;
  white-space: nowrap !important;
}

/* Price row — handled via JS move */
div.mptbm_transport_search_area .mptbm_booking_item .ecab-price-moved {
  margin-left: auto !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
 margin: 0;
}
div.mptbm_transport_search_area .mptbm_booking_item .mptbm_list_details > h5 {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: 100% !important;
}

/* Extra info text under car name */
div.mptbm_transport_search_area .mptbm_booking_item .ecab-extra-text {
  display: block !important;
  grid-column: 1 !important;
  grid-row: 2 !important;
  font-size: 13px !important;
  color: #888 !important;
  font-style: italic !important;
  margin: -4px 0 0 !important;
}

/* Push specs to row 3 */
div.mptbm_transport_search_area .mptbm_booking_item .mptbm_list_details .justifyBetween {
  grid-row: 3 !important;
}


.mptbm_transport_search_area .tabListsNext {
  display: none !important;
}

/* Mobile-specific fixes for vehicle cards */
@media (max-width: 768px) {
  /* Reset grid to single column on mobile */
  div.mptbm_transport_search_area .mptbm_booking_item .mptbm_list_details {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
  }
  
  /* Name takes full width */
  div.mptbm_transport_search_area .mptbm_booking_item .mptbm_list_details > h5 {
    width: 100% !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
  }
  
  /* Price stays in h5 (already moved by JS) */
  div.mptbm_transport_search_area .mptbm_booking_item .ecab-price-moved {
    margin-left: auto !important;
  }
  
  /* Extra text under name */
  div.mptbm_transport_search_area .mptbm_booking_item .ecab-extra-text {
    width: 100% !important;
  }
  
  /* Icons in single row */
  div.mptbm_transport_search_area .mptbm_booking_item .mptbm_list_details ul.list_inline_two {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    gap: 8px !important;
  }
  
  div.mptbm_transport_search_area .mptbm_booking_item .mptbm_list_details ul.list_inline_two > li {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }
  
  /* justifyBetween becomes simple block */
  div.mptbm_transport_search_area .mptbm_booking_item .mptbm_list_details .justifyBetween {
    display: block !important;
    width: 100% !important;
  }
  
  /* CTA area */
  div.mptbm_transport_search_area .mptbm_booking_item .mptbm_list_details ._min_150_mL_xs {
    width: 100% !important;
    margin: 0 !important;
  }
  
  /* Hide quantity selector on mobile too */
  div.mptbm_transport_search_area .mptbm_quantity_selector {
    display: none !important;
  }
}/* Fix horizontal overflow without breaking centering */
html {
  overflow-x: hidden !important;
  max-width: 100vw !important;
}

body {
  overflow-x: hidden !important;
  max-width: 100vw !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
}

/* Ensure main containers stay centered */
body.page-id-452 .container,
body.page-id-452 .mptbm_transport_search_area {
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

/* All children use border-box */
body.page-id-452 * {
  box-sizing: border-box !important;
}
/* =========================================================
   2-COLUMN VEHICLE CARD GRID
   ========================================================= */

@media only screen and (min-width: 641px) {
  div.mptbm_transport_search_area .mp_sticky_depend_area.fdColumn {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
    align-items: flex-start !important;
  }

  div.mptbm_transport_search_area .mp_sticky_depend_area.fdColumn > .mptbm-vehicle-wrapper {
    width: calc(50% - 10px) !important;
    flex: 0 0 calc(50% - 10px) !important;
    box-sizing: border-box !important;
  }

  div.mptbm_transport_search_area .mp_sticky_depend_area.fdColumn > .mptbm_extra_service,
  div.mptbm_transport_search_area .mp_sticky_depend_area.fdColumn > .geo-fence-no-transport {
    width: 100% !important;
    flex: 0 0 100% !important;
    order: 999 !important;
  }
}

@media (max-width: 640px) {
  div.mptbm_transport_search_area .mp_sticky_depend_area.fdColumn {
    display: block !important;
  }
  div.mptbm_transport_search_area .mp_sticky_depend_area.fdColumn > .mptbm-vehicle-wrapper {
    width: 100% !important;
  }
}

/* =========================================================
   BACKGROUND IMAGE GRADIENT OVERLAY
   ========================================================= */

@media only screen and (min-width: 10px) {
  [data-bg-image]:before {
    background-image: linear-gradient(136deg, transparent, #cbc9c9) !important;
  }
}



/* =========================================================
   HOVER LOOP FIX
   translateY(-4px) on card + scale(1.1) on image both cause
   the element to move away from the mouse in flex row layout,
   triggering a mouseleave → mouseenter loop
   ========================================================= */

div.mptbm_transport_search_area .mptbm_booking_item:hover {
  transform: none !important;
}

div.mptbm_transport_search_area .bg_image_area:hover [data-bg-image],
div.mptbm_transport_search_area [data-bg-image]:hover {
  transform: none !important;
  transition: none !important;
}

/* Fix opacity flicker on button hover (causes subpixel shift in flex layout) */
div.mptbm_transport_search_area button.mptbm_transport_select:hover {
  opacity: 1 !important;
}

/* Prevent span color change from causing text reflow */
div.mptbm_transport_search_area button.mptbm_transport_select,
div.mptbm_transport_search_area button.mptbm_transport_select span {
  will-change: background-color !important;
  backface-visibility: hidden !important;
  -webkit-backface-visibility: hidden !important;
}
/* Remove icon from Book Now button */
.mptbm_book_now .fa-cart-plus {
  display: none !important;
}