/* BantuSocial / BantuExplore v2.36.7
   Compact booking receipts, collapsible host console, rental moving transport,
   and hard horizontal-label repair for Funding / Marketplace shortcuts. */

/* 1) Bookings: compact by default, explicit expansion on demand */
html body.bantusphere .bx-booking-receipt-v2367 .bx-receipt-head{
  grid-template-columns:64px minmax(0,1fr) auto auto!important;
  gap:9px!important;padding:9px 10px!important;cursor:pointer!important
}
html body.bantusphere .bx-booking-receipt-v2367 .bx-receipt-head .bx-booking-cover{width:64px!important;height:54px!important}
html body.bantusphere .bx-booking-receipt-v2367 .bx-receipt-context-v2366{padding:7px 10px 5px!important}
html body.bantusphere .bx-booking-receipt-v2367 .bx-receipt-status-row{padding:6px 10px 8px!important;border-bottom:0!important}
html body.bantusphere .bx-booking-receipt-v2367.is-expanded .bx-receipt-status-row{border-bottom:1px solid rgba(148,163,184,.08)!important}
html body.bantusphere .bx-booking-receipt-v2367 .bx-booking-collapse-body[hidden]{display:none!important}
html body.bantusphere .bx-booking-receipt-v2367 .bx-booking-collapse-toggle{
  appearance:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;
  min-height:34px!important;padding:7px 10px!important;border:1px solid rgba(148,163,184,.15)!important;border-radius:10px!important;
  background:#111f33!important;color:#dce8f8!important;font-size:8.5px!important;font-weight:850!important;white-space:nowrap!important;cursor:pointer!important
}
html body.bantusphere .bx-booking-receipt-v2367 .bx-booking-collapse-toggle i{font-size:8px!important;transition:transform .18s ease!important}
html body.bantusphere .bx-booking-receipt-v2367.is-expanded .bx-booking-collapse-toggle i{transform:rotate(180deg)!important}
html body.bantusphere .bx-booking-receipt-v2367.is-expanded{box-shadow:0 15px 34px rgba(0,0,0,.13)!important;border-color:rgba(167,139,250,.22)!important}

/* 2) BantuExplore user / host Control Centre: every operational panel starts closed */
html body.bantusphere .bx-host-panel-collapse-toggle{
  width:100%!important;min-height:54px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;
  padding:11px 13px!important;border:1px solid rgba(148,163,184,.11)!important;border-radius:13px!important;background:linear-gradient(135deg,rgba(124,58,237,.10),rgba(6,182,212,.055))!important;
  color:inherit!important;text-align:left!important;cursor:pointer!important
}
html body.bantusphere .bx-host-panel-collapse-toggle>span{display:grid!important;min-width:0!important;gap:2px!important}
html body.bantusphere .bx-host-panel-collapse-toggle small{font-size:7.5px!important;letter-spacing:.09em!important;font-weight:900!important;color:#8b9bb2!important}
html body.bantusphere .bx-host-panel-collapse-toggle strong{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#eef4ff!important;font-size:12px!important}
html body.bantusphere .bx-host-panel-collapse-toggle>i{color:#a78bfa!important;font-size:10px!important;transition:transform .18s ease!important}
html body.bantusphere .bx-host-layout .bx-card.is-expanded .bx-host-panel-collapse-toggle>i,
html body.bantusphere .bx-driver-console.is-expanded .bx-host-panel-collapse-toggle>i,
html body.bantusphere .bx-partner-console-lock.is-expanded .bx-host-panel-collapse-toggle>i{transform:rotate(180deg)!important}
html body.bantusphere .bx-host-panel-collapse-body[hidden]{display:none!important}
html body.bantusphere .bx-host-panel-collapse-body{margin-top:10px!important}
html body.bantusphere .bx-host-layout{align-items:start!important}
html body.bantusphere .bx-host-layout main,html body.bantusphere .bx-host-layout aside{display:grid!important;gap:10px!important;align-content:start!important}

/* 3) Booking transport add-on now mirrors the transport-only visual language */
html body.bantusphere .bx-ride-addon-v2367{overflow:hidden!important;border:1px solid rgba(34,211,238,.14)!important;border-radius:16px!important;background:linear-gradient(180deg,rgba(8,22,38,.9),rgba(7,18,32,.75))!important}
html body.bantusphere .bx-ride-addon-v2367 .bx-ride-check{margin:0!important;border:0!important;border-radius:0!important;background:transparent!important}
html body.bantusphere .bx-ride-addon-v2367 .bx-ride-fields{display:none!important;padding:12px!important;border-top:1px solid rgba(148,163,184,.09)!important}
html body.bantusphere .bx-ride-addon-v2367 .bx-ride-fields.is-open{display:grid!important;gap:11px!important;max-height:none!important;opacity:1!important;visibility:visible!important;overflow:visible!important}
html body.bantusphere .bx-ride-addon-head-v2367{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important}
html body.bantusphere .bx-ride-addon-head-v2367>div{min-width:0!important}
html body.bantusphere .bx-ride-addon-head-v2367 h3{margin:1px 0 2px!important;color:#fff!important;font-size:13px!important}
html body.bantusphere .bx-ride-addon-head-v2367 p{margin:0!important;color:#8192aa!important;font-size:8.5px!important;line-height:1.4!important}
html body.bantusphere .bx-addon-ride-class-grid-v2367{width:100%!important}
html body.bantusphere .bx-addon-ride-detail-grid-v2367{width:100%!important}
html body.bantusphere .bx-addon-ride-detail-grid-v2367 .bx-ride-field-card{min-width:0!important}
html body.bantusphere .bx-ride-addon-v2367 .bx-ride-gps-v216{margin:0!important;width:100%!important}

/* 4) Hard repair: Marketplace/Funding shortcut copy can never switch to vertical text */
html body.bantusphere a.bs-module.bs-market,
html body.bantusphere a.bs-module.bs-funding{
  writing-mode:horizontal-tb!important;text-orientation:mixed!important;min-width:0!important;grid-auto-flow:row!important
}
html body.bantusphere a.bs-module.bs-market>div:not(.bs-module-icon),
html body.bantusphere a.bs-module.bs-funding>div:not(.bs-module-icon){
  display:block!important;min-width:0!important;width:100%!important;max-width:100%!important;writing-mode:horizontal-tb!important;text-orientation:mixed!important
}
html body.bantusphere a.bs-module.bs-market strong,
html body.bantusphere a.bs-module.bs-funding strong,
html body.bantusphere a.bs-module.bs-market span,
html body.bantusphere a.bs-module.bs-funding span{
  display:block!important;width:100%!important;max-width:100%!important;writing-mode:horizontal-tb!important;text-orientation:mixed!important;
  white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important;transform:none!important
}
html body.bantusphere a.bs-module.bs-market strong,
html body.bantusphere a.bs-module.bs-funding strong{white-space:nowrap!important;min-width:max-content!important}

@media(max-width:767px){
  html body.bantusphere .bx-booking-receipt-v2367 .bx-receipt-head{grid-template-columns:52px minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;gap:7px!important}
  html body.bantusphere .bx-booking-receipt-v2367 .bx-receipt-head .bx-booking-cover{width:52px!important;height:48px!important;grid-row:1/3!important}
  html body.bantusphere .bx-booking-receipt-v2367 .bx-receipt-title-spaced{grid-column:2!important;grid-row:1!important}
  html body.bantusphere .bx-booking-receipt-v2367 .bx-booking-price{grid-column:2!important;grid-row:2!important;text-align:left!important;display:flex!important;align-items:center!important;gap:7px!important}
  html body.bantusphere .bx-booking-receipt-v2367 .bx-booking-price small,html body.bantusphere .bx-booking-receipt-v2367 .bx-booking-price strong{display:inline!important;margin:0!important}
  html body.bantusphere .bx-booking-receipt-v2367 .bx-booking-collapse-toggle{grid-column:3!important;grid-row:1/3!important;align-self:stretch!important;padding:6px 8px!important}
  html body.bantusphere .bx-booking-receipt-v2367 .bx-booking-collapse-toggle span{display:none!important}
  html body.bantusphere .bx-booking-receipt-v2367 .bx-booking-collapse-toggle i{font-size:10px!important}
  html body.bantusphere .bx-receipt-status-row{gap:4px!important}
  html body.bantusphere .bx-ride-addon-v2367 .bx-ride-fields.is-open{padding:10px!important}
  html body.bantusphere .bx-addon-ride-detail-grid-v2367{grid-template-columns:1fr 1fr!important}
  html body.bantusphere .bx-addon-ride-detail-grid-v2367 .bx-ride-pickup-card{grid-column:1/-1!important}
}
@media(max-width:430px){
  html body.bantusphere .bx-addon-ride-class-grid-v2367{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  html body.bantusphere .bx-addon-ride-class-grid-v2367 label>span{min-height:74px!important;padding:6px!important}
  html body.bantusphere .bx-addon-ride-class-grid-v2367 strong{font-size:7.5px!important;white-space:nowrap!important}
}

/* Desktop transport detail strip: passengers/date/pickup/time stay on one horizontal rail. */
@media(min-width:768px){
  html body.bantusphere .bx-ride-only-form-v216 .bx-ride-detail-grid,
  html body.bantusphere .bx-ride-addon-v2367 .bx-ride-detail-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:stretch!important}
  html body.bantusphere .bx-ride-only-form-v216 .bx-ride-pickup-card,
  html body.bantusphere .bx-ride-addon-v2367 .bx-ride-pickup-card{grid-column:auto!important}
}

html body.bantusphere .bx-console-locked-type{display:flex!important;align-items:center!important;gap:7px!important;min-height:42px!important;padding:0 11px!important;border:1px solid rgba(167,139,250,.22)!important;border-radius:11px!important;background:rgba(124,58,237,.08)!important;color:#d9d0ff!important;font-weight:850!important}
html body.bantusphere .bx-console-locked-type i{color:#a78bfa!important}

/* 5) Provider booking controls stay orderly inside the expanded receipt. */
html body.bantusphere .bx-provider-booking-actions-v2367{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;
  margin:0 0 11px!important;padding:10px 11px!important;border:1px solid rgba(148,163,184,.11)!important;border-radius:13px!important;
  background:linear-gradient(135deg,rgba(15,23,42,.7),rgba(30,41,59,.44))!important
}
html body.bantusphere .bx-provider-booking-actions-v2367>div:first-child{display:grid!important;gap:2px!important;min-width:0!important}
html body.bantusphere .bx-provider-booking-actions-v2367>div:first-child>span{font-size:7px!important;letter-spacing:.1em!important;font-weight:900!important;color:#8fa0b8!important}
html body.bantusphere .bx-provider-booking-actions-v2367>div:first-child>strong{font-size:10px!important;color:#edf4ff!important;line-height:1.35!important}
html body.bantusphere .bx-provider-booking-action-buttons-v2367{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;flex-wrap:wrap!important}
html body.bantusphere .bx-rental-workflow-closed-v2367{display:flex!important;align-items:center!important;gap:7px!important;width:100%!important;padding:9px 10px!important;border-radius:10px!important;background:rgba(148,163,184,.08)!important;color:#9fb0c6!important;font-size:9px!important;font-weight:700!important}

/* 6) Listing editor: hidden type-specific blocks are truly removed from layout/validation. */
html body.bantusphere .bx-type-editor[hidden],
html body.bantusphere .bx-transport-provision-section[hidden]{display:none!important}

/* 7) Strengthen the shortcut repair on every breakpoint and nested element. */
html body.bantusphere .bs-module.bs-market *,
html body.bantusphere .bs-module.bs-funding *{
  writing-mode:horizontal-tb!important;text-orientation:mixed!important;transform:none!important
}
html body.bantusphere .bs-module.bs-market>div:nth-child(2),
html body.bantusphere .bs-module.bs-funding>div:nth-child(2){
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;
  min-width:0!important;width:auto!important;max-width:100%!important
}
html body.bantusphere .bs-module.bs-market>div:nth-child(2)>strong,
html body.bantusphere .bs-module.bs-funding>div:nth-child(2)>strong{
  display:block!important;white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;min-width:0!important;width:auto!important
}
html body.bantusphere .bs-module.bs-market>div:nth-child(2)>span,
html body.bantusphere .bs-module.bs-funding>div:nth-child(2)>span{
  display:block!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;width:auto!important
}

/* 8) The booking add-on uses the same compact horizontal transport composition as Need transport only. */
html body.bantusphere .bx-ride-addon-form-v2367 .bx-ride-types,
html body.bantusphere .bx-ride-addon-form-v2367 .bx-ride-detail-grid{width:100%!important}
html body.bantusphere .bx-ride-addon-form-v2367 .bx-ride-types{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
html body.bantusphere .bx-ride-addon-form-v2367 .bx-ride-types label{min-width:0!important;margin:0!important}
html body.bantusphere .bx-ride-addon-form-v2367 .bx-ride-types label>span{height:100%!important;min-height:84px!important}

@media(max-width:767px){
  html body.bantusphere .bx-provider-booking-actions-v2367{align-items:stretch!important;flex-direction:column!important}
  html body.bantusphere .bx-provider-booking-action-buttons-v2367{justify-content:flex-start!important}
  html body.bantusphere .bx-provider-booking-action-buttons-v2367 .btn{flex:1 1 auto!important;min-width:120px!important}
  html body.bantusphere .bs-module.bs-market>div:nth-child(2)>strong,
  html body.bantusphere .bs-module.bs-funding>div:nth-child(2)>strong{font-size:inherit!important}
}

/* 9) Transport-provider cargo capability selector for Rental Property moves. */
html body.bantusphere .bx-moving-capabilities-v2367{margin-top:10px!important;padding-top:10px!important;border-top:1px solid rgba(148,163,184,.1)!important}
html body.bantusphere .bx-moving-capabilities-v2367>small{display:block!important;margin:3px 0 8px!important;color:#7f91aa!important;font-size:8px!important;line-height:1.45!important}
html body.bantusphere .bx-opportunity-type i{margin-right:4px!important}


/* =========================================================
   v2.36.8 — COMPACT MAIN /explore FEED
   Remove the artificial vertical spacer between activity signals and price/footer
   on the unfiltered discovery feed. The dedicated Rental browse remains untouched.
   ========================================================= */
html body.bantusphere .bx-listing-grid.bx-listing-grid-compact{
  align-items:start!important;
  grid-auto-rows:auto!important;
}
html body.bantusphere .bx-listing-grid.bx-listing-grid-compact>.bx-listing-card-v216{
  height:auto!important;
  min-height:0!important;
  align-self:start!important;
  grid-template-rows:190px auto!important;
}
html body.bantusphere .bx-listing-grid.bx-listing-grid-compact>.bx-listing-card-v216 .bx-listing-body{
  height:auto!important;
  min-height:0!important;
  align-content:start!important;
}
html body.bantusphere .bx-listing-grid.bx-listing-grid-compact>.bx-listing-card-v216 .bx-listing-signals{
  margin-bottom:0!important;
}
html body.bantusphere .bx-listing-grid.bx-listing-grid-compact>.bx-listing-card-v216 .bx-listing-foot-v216{
  margin-top:2px!important;
  min-height:0!important;
  padding-top:9px!important;
}
/* Explicitly preserve the full Rental category presentation. */
html body.bantusphere .bx-listing-grid.bx-listing-grid-rental-detail{
  align-items:stretch!important;
  grid-auto-rows:1fr!important;
}
html body.bantusphere .bx-listing-grid.bx-listing-grid-rental-detail>.bx-listing-card-v216{
  height:100%!important;
}
@media(max-width:575.98px){
  html body.bantusphere .bx-listing-grid.bx-listing-grid-compact>.bx-listing-card-v216{
    height:auto!important;
    min-height:0!important;
  }
  html body.bantusphere .bx-listing-grid.bx-listing-grid-compact>.bx-listing-card-v216 .bx-listing-foot-v216{
    margin-top:2px!important;
    min-height:0!important;
  }
}

/* =========================================================
   v2.36.9 — PERFECT CARD PARITY ON THE MAIN /explore FEED
   Rental cards on the mixed discovery feed inherit the exact same compact
   geometry as every other listing card. Dedicated /explore?type=rental is
   intentionally excluded so its richer Rental card remains unchanged.
   ========================================================= */
html body.bantusphere .bx-listing-grid.bx-listing-grid-compact > .bx-listing-card-v216.bx-listing-card-rental{
  display:grid!important;
  grid-template-rows:190px auto!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  align-self:start!important;
  border-radius:19px!important;
  overflow:hidden!important;
}
html body.bantusphere .bx-listing-grid.bx-listing-grid-compact > .bx-listing-card-v216.bx-listing-card-rental .bx-listing-media{
  height:190px!important;
  min-height:190px!important;
  max-height:190px!important;
}
html body.bantusphere .bx-listing-grid.bx-listing-grid-compact > .bx-listing-card-v216.bx-listing-card-rental .bx-listing-body{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  height:auto!important;
  min-height:0!important;
  padding:13px 14px 14px!important;
  overflow:hidden!important;
}
html body.bantusphere .bx-listing-grid.bx-listing-grid-compact > .bx-listing-card-v216.bx-listing-card-rental .bx-listing-title-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:start!important;
  gap:10px!important;
  width:100%!important;
  min-width:0!important;
  min-height:37px!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}
html body.bantusphere .bx-listing-grid.bx-listing-grid-compact > .bx-listing-card-v216.bx-listing-card-rental .bx-listing-title-row > strong{
  display:-webkit-box!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  min-height:0!important;
  color:#f8fafc!important;
  font-size:13px!important;
  line-height:1.3!important;
  font-weight:900!important;
  letter-spacing:-.012em!important;
  white-space:normal!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
html body.bantusphere .bx-listing-grid.bx-listing-grid-compact > .bx-listing-card-v216.bx-listing-card-rental .bx-card-rating{
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  align-self:start!important;
  min-height:0!important;
  padding:4px 7px!important;
  font-size:10px!important;
  white-space:nowrap!important;
}
html body.bantusphere .bx-listing-grid.bx-listing-grid-compact > .bx-listing-card-v216.bx-listing-card-rental .bx-card-location{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  margin:0!important;
  min-height:18px!important;
  font-size:10px!important;
  line-height:1.35!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body.bantusphere .bx-listing-grid.bx-listing-grid-compact > .bx-listing-card-v216.bx-listing-card-rental .bx-listing-signals{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  flex-wrap:wrap!important;
  width:100%!important;
  margin:0!important;
  min-height:26px!important;
}
html body.bantusphere .bx-listing-grid.bx-listing-grid-compact > .bx-listing-card-v216.bx-listing-card-rental .bx-listing-signals > span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:4px!important;
  padding:5px 7px!important;
  font-size:8.5px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
html body.bantusphere .bx-listing-grid.bx-listing-grid-compact > .bx-listing-card-v216.bx-listing-card-rental .bx-listing-foot-v216{
  margin-top:2px!important;
  min-height:0!important;
  padding-top:9px!important;
}


/* =========================================================
   v2.37.0 — MOBILE FUNDING / MARKETPLACE SHOWCASE HEADER FIX
   Prevent the Funding and Marketplace section titles from collapsing into
   one-character-per-line vertical stacks on narrow mobile viewports.
   ========================================================= */
@media(max-width:575.98px){
  html body.bantusphere .bs-funding-spotlight .bs-showcase-head-v2365,
  html body.bantusphere .bs-market-spotlight .bs-showcase-head-v2365{
    display:block!important;
  }
  html body.bantusphere .bs-funding-spotlight .bs-showcase-copy,
  html body.bantusphere .bs-market-spotlight .bs-showcase-copy{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
  html body.bantusphere .bs-funding-spotlight .bs-showcase-titlebar,
  html body.bantusphere .bs-market-spotlight .bs-showcase-titlebar{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    align-items:start!important;
    gap:10px!important;
  }
  html body.bantusphere .bs-funding-spotlight .bs-showcase-titlebar h2,
  html body.bantusphere .bs-market-spotlight .bs-showcase-titlebar h2{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:break-word!important;
    writing-mode:horizontal-tb!important;
    text-orientation:mixed!important;
  }
  html body.bantusphere .bs-funding-spotlight .bs-showcase-actions,
  html body.bantusphere .bs-market-spotlight .bs-showcase-actions{
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    justify-content:flex-start!important;
    flex-wrap:wrap!important;
    gap:8px!important;
    overflow:visible!important;
    margin:0!important;
    padding:0!important;
  }
  html body.bantusphere .bs-funding-spotlight .bs-showcase-primary-link,
  html body.bantusphere .bs-market-spotlight .bs-showcase-primary-link{
    max-width:100%!important;
    white-space:nowrap!important;
  }
}

/* =========================================================
   v2.37.2 — RENTAL ADD-TRANSPORT PARITY
   The transport add-on inside a booking now uses the exact same component
   language as the standalone "Need transport only" card.
   ========================================================= */
html body.bantusphere .bx-ride-addon-v2372 .bx-ride-fields.bx-ride-only-v216{
  display:none!important;
  margin:10px 0 0!important;
  padding:14px!important;
  border:1px solid rgba(103,232,249,.14)!important;
  border-radius:17px!important;
  background:radial-gradient(circle at 100% 0,rgba(6,182,212,.08),transparent 32%),linear-gradient(145deg,#0d192c,#091523)!important;
  box-shadow:none!important;
}
html body.bantusphere .bx-ride-addon-v2372 .bx-ride-fields.bx-ride-only-v216.is-open{
  display:block!important;
  max-height:none!important;
  opacity:1!important;
  visibility:visible!important;
  overflow:visible!important;
}
html body.bantusphere .bx-ride-addon-v2372 .bx-ride-only-head{
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:center!important;
  margin:0 0 11px!important;
}
html body.bantusphere .bx-ride-addon-v2372 .bx-addon-ride-inner-v2372{
  display:grid!important;
  gap:9px!important;
  width:100%!important;
  min-width:0!important;
}
html body.bantusphere .bx-ride-addon-v2372 .bx-ride-class-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
  margin:0!important;
}
html body.bantusphere .bx-ride-addon-v2372 .bx-ride-class-grid label>span{
  min-height:72px!important;
  padding:8px!important;
  border-radius:11px!important;
}
html body.bantusphere .bx-ride-addon-v2372 .bx-ride-detail-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:6px!important;
  width:100%!important;
}
html body.bantusphere .bx-ride-addon-v2372 .bx-ride-pickup-card{grid-column:1/-1!important}
html body.bantusphere .bx-ride-addon-v2372 .bx-ride-gps-v216{width:100%!important;margin:0!important}
/* Only the selected vehicle gets a visible tick. */
html body.bantusphere .bx-ride-class-grid input:not(:checked)+span>b i{opacity:0!important;visibility:hidden!important}
html body.bantusphere .bx-ride-class-grid input:checked+span>b i{opacity:1!important;visibility:visible!important}
@media(min-width:768px){
  html body.bantusphere .bx-ride-addon-v2372 .bx-ride-detail-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
  html body.bantusphere .bx-ride-addon-v2372 .bx-ride-pickup-card{grid-column:auto!important}
}
@media(max-width:575.98px){
  html body.bantusphere .bx-ride-addon-v2372 .bx-ride-fields.bx-ride-only-v216{padding:11px!important;border-radius:15px!important}
  html body.bantusphere .bx-ride-addon-v2372 .bx-ride-class-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important}
  html body.bantusphere .bx-ride-addon-v2372 .bx-ride-class-grid label>span{min-height:68px!important;padding:6px!important}
  html body.bantusphere .bx-ride-addon-v2372 .bx-ride-detail-grid{grid-template-columns:1fr 1fr!important}
  html body.bantusphere .bx-ride-addon-v2372 .bx-ride-pickup-card{grid-column:1/-1!important}
}


/* =========================================================
   v2.37.3 — RENTAL ADD-TRANSPORT EXACT PARITY REPAIR
   Force the in-booking ride add-on to use the same visual structure,
   spacing and field geometry as the standalone "Need transport only" card.
   This resolves the persistent compressed / distorted transport block.
   ========================================================= */
html body.bantusphere .bx-book-card-v2 .bx-ride-addon-v2372{
  overflow:visible!important;
  background:transparent!important;
}
html body.bantusphere .bx-book-card-v2 .bx-ride-addon-v2372 .bx-ride-fields.bx-ride-only-v216{
  display:none!important;
  width:100%!important;
  max-width:100%!important;
  margin:10px 0 0!important;
  padding:14px!important;
  border:1px solid rgba(103,232,249,.14)!important;
  border-radius:17px!important;
  background:radial-gradient(circle at 100% 0,rgba(6,182,212,.08),transparent 32%),linear-gradient(145deg,#0d192c,#091523)!important;
  box-shadow:none!important;
  overflow:visible!important;
}
html body.bantusphere .bx-book-card-v2 .bx-ride-addon-v2372 .bx-ride-fields.bx-ride-only-v216.is-open{
  display:block!important;
  max-height:none!important;
  opacity:1!important;
  visibility:visible!important;
}
html body.bantusphere .bx-book-card-v2 .bx-ride-addon-v2372 .bx-ride-only-head{
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:center!important;
  margin:0 0 11px!important;
}
html body.bantusphere .bx-book-card-v2 .bx-ride-addon-v2372 .bx-ride-only-head h3{
  margin:1px 0!important;
  font-size:16px!important;
  color:#fff!important;
}
html body.bantusphere .bx-book-card-v2 .bx-ride-addon-v2372 .bx-ride-only-head p{
  margin:0!important;
  font-size:8px!important;
  color:#8496ad!important;
}
html body.bantusphere .bx-book-card-v2 .bx-ride-addon-v2372 .bx-addon-ride-inner-v2372,
html body.bantusphere .bx-book-card-v2 .bx-ride-addon-v2372 .bx-ride-only-form-v216{
  display:grid!important;
  gap:9px!important;
  width:100%!important;
  min-width:0!important;
}
html body.bantusphere .bx-book-card-v2 .bx-ride-addon-v2372 .bx-ride-class-grid,
html body.bantusphere .bx-book-card-v2 .bx-ride-addon-v2372 .bx-addon-ride-class-grid-v2367{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
  width:100%!important;
  margin:0!important;
}
html body.bantusphere .bx-book-card-v2 .bx-ride-addon-v2372 .bx-ride-class-grid label,
html body.bantusphere .bx-book-card-v2 .bx-ride-addon-v2372 .bx-addon-ride-class-grid-v2367 label{
  min-width:0!important;
  margin:0!important;
}
html body.bantusphere .bx-book-card-v2 .bx-ride-addon-v2372 .bx-ride-class-grid label>span,
html body.bantusphere .bx-book-card-v2 .bx-ride-addon-v2372 .bx-addon-ride-class-grid-v2367 label>span{
  position:relative!important;
  display:block!important;
  min-height:72px!important;
  height:100%!important;
  padding:8px!important;
  border-radius:11px!important;
  background:#091625!important;
  border:1px solid #25364e!important;
}
html body.bantusphere .bx-book-card-v2 .bx-ride-addon-v2372 .bx-ride-class-grid label>span>i,
html body.bantusphere .bx-book-card-v2 .bx-ride-addon-v2372 .bx-addon-ride-class-grid-v2367 label>span>i{
  font-size:12px!important;
  color:#67e8f9!important;
  margin-bottom:5px!important;
}
html body.bantusphere .bx-book-card-v2 .bx-ride-addon-v2372 .bx-ride-class-grid strong,
html body.bantusphere .bx-book-card-v2 .bx-ride-addon-v2372 .bx-ride-class-grid small,
html body.bantusphere .bx-book-card-v2 .bx-ride-addon-v2372 .bx-addon-ride-class-grid-v2367 strong,
html body.bantusphere .bx-book-card-v2 .bx-ride-addon-v2372 .bx-addon-ride-class-grid-v2367 small{
  display:block!important;
}
html body.bantusphere .bx-book-card-v2 .bx-ride-addon-v2372 .bx-ride-class-grid strong,
html body.bantusphere .bx-book-card-v2 .bx-ride-addon-v2372 .bx-addon-ride-class-grid-v2367 strong{
  font-size:8px!important;
  color:#fff!important;
}
html body.bantusphere .bx-book-card-v2 .bx-ride-addon-v2372 .bx-ride-class-grid small,
html body.bantusphere .bx-book-card-v2 .bx-ride-addon-v2372 .bx-addon-ride-class-grid-v2367 small{
  font-size:6px!important;
  color:#8294ab!important;
  line-height:1.3!important;
  margin-top:2px!important;
}
html body.bantusphere .bx-book-card-v2 .bx-ride-addon-v2372 .bx-ride-class-grid label>span>b,
html body.bantusphere .bx-book-card-v2 .bx-ride-addon-v2372 .bx-addon-ride-class-grid-v2367 label>span>b{
  position:absolute!important;
  right:6px!important;
  top:6px!important;
  width:15px!important;
  height:15px!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  background:#17263a!important;
  color:transparent!important;
  font-size:6px!important;
}
html body.bantusphere .bx-book-card-v2 .bx-ride-addon-v2372 .bx-ride-class-grid input:checked+span,
html body.bantusphere .bx-book-card-v2 .bx-ride-addon-v2372 .bx-addon-ride-class-grid-v2367 input:checked+span{
  border-color:#22d3ee!important;
  background:rgba(6,182,212,.065)!important;
  box-shadow:0 0 0 2px rgba(34,211,238,.04)!important;
}
html body.bantusphere .bx-book-card-v2 .bx-ride-addon-v2372 .bx-ride-class-grid input:checked+span>b,
html body.bantusphere .bx-book-card-v2 .bx-ride-addon-v2372 .bx-addon-ride-class-grid-v2367 input:checked+span>b{
  background:#06b6d4!important;
  color:#fff!important;
}
html body.bantusphere .bx-book-card-v2 .bx-ride-addon-v2372 .bx-ride-class-grid input:not(:checked)+span>b i,
html body.bantusphere .bx-book-card-v2 .bx-ride-addon-v2372 .bx-addon-ride-class-grid-v2367 input:not(:checked)+span>b i{
  opacity:0!important;
  visibility:hidden!important;
}
html body.bantusphere .bx-book-card-v2 .bx-ride-addon-v2372 .bx-ride-class-grid input:checked+span>b i,
html body.bantusphere .bx-book-card-v2 .bx-ride-addon-v2372 .bx-addon-ride-class-grid-v2367 input:checked+span>b i{
  opacity:1!important;
  visibility:visible!important;
}
html body.bantusphere .bx-book-card-v2 .bx-ride-addon-v2372 .bx-ride-detail-grid,
html body.bantusphere .bx-book-card-v2 .bx-ride-addon-v2372 .bx-addon-ride-detail-grid-v2367{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:6px!important;
  width:100%!important;
}
html body.bantusphere .bx-book-card-v2 .bx-ride-addon-v2372 .bx-ride-field-card{
  display:grid!important;
  gap:5px!important;
  margin:0!important;
  padding:8px!important;
  border-radius:11px!important;
  background:#091625!important;
  border:1px solid #25364e!important;
}
html body.bantusphere .bx-book-card-v2 .bx-ride-addon-v2372 .bx-ride-field-card>span{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  color:#90a2b9!important;
}
html body.bantusphere .bx-book-card-v2 .bx-ride-addon-v2372 .bx-ride-field-card>span i{color:#67e8f9!important}
html body.bantusphere .bx-book-card-v2 .bx-ride-addon-v2372 .bx-ride-field-card>span b{font-size:7px!important}
html body.bantusphere .bx-book-card-v2 .bx-ride-addon-v2372 .bx-ride-field-card input{
  height:34px!important;
  padding:0 7px!important;
  border-radius:8px!important;
  border:1px solid #2a3b53!important;
  background:#0e1b2d!important;
  color:#fff!important;
  min-width:0!important;
  width:100%!important;
}
html body.bantusphere .bx-book-card-v2 .bx-ride-addon-v2372 .bx-ride-pickup-card{grid-column:1/-1!important}
html body.bantusphere .bx-book-card-v2 .bx-ride-addon-v2372 .bx-ride-gps-v216{width:100%!important;margin:0!important}
@media(min-width:768px){
  html body.bantusphere .bx-book-card-v2 .bx-ride-addon-v2372 .bx-ride-detail-grid,
  html body.bantusphere .bx-book-card-v2 .bx-ride-addon-v2372 .bx-addon-ride-detail-grid-v2367{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    align-items:stretch!important;
  }
  html body.bantusphere .bx-book-card-v2 .bx-ride-addon-v2372 .bx-ride-pickup-card{grid-column:auto!important}
}
@media(max-width:575.98px){
  html body.bantusphere .bx-book-card-v2 .bx-ride-addon-v2372 .bx-ride-fields.bx-ride-only-v216{padding:11px!important;border-radius:15px!important}
  html body.bantusphere .bx-book-card-v2 .bx-ride-addon-v2372 .bx-ride-class-grid,
  html body.bantusphere .bx-book-card-v2 .bx-ride-addon-v2372 .bx-addon-ride-class-grid-v2367{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important}
  html body.bantusphere .bx-book-card-v2 .bx-ride-addon-v2372 .bx-ride-class-grid label>span,
  html body.bantusphere .bx-book-card-v2 .bx-ride-addon-v2372 .bx-addon-ride-class-grid-v2367 label>span{min-height:68px!important;padding:6px!important}
  html body.bantusphere .bx-book-card-v2 .bx-ride-addon-v2372 .bx-ride-detail-grid,
  html body.bantusphere .bx-book-card-v2 .bx-ride-addon-v2372 .bx-addon-ride-detail-grid-v2367{grid-template-columns:1fr 1fr!important}
  html body.bantusphere .bx-book-card-v2 .bx-ride-addon-v2372 .bx-ride-pickup-card{grid-column:1/-1!important}
}


/* =========================================================
   v2.37.5 — RENTAL ADD-TRANSPORT GLOBAL REDESIGN REPAIR
   The previous parity rules were scoped too narrowly. Apply the exact same
   transport-only geometry globally to the booking sidebar / listing form too.
   Also hard-hide the native radio control so no oversized selection ring leaks.
   ========================================================= */
html body.bantusphere .bx-ride-addon-v2372{
  overflow:visible!important;
}
html body.bantusphere .bx-ride-addon-v2372 .bx-ride-fields.bx-ride-only-v216{
  display:none!important;
  width:100%!important;
  max-width:100%!important;
  margin:10px 0 0!important;
  padding:14px!important;
  border:1px solid rgba(103,232,249,.14)!important;
  border-radius:17px!important;
  background:radial-gradient(circle at 100% 0,rgba(6,182,212,.08),transparent 32%),linear-gradient(145deg,#0d192c,#091523)!important;
  box-shadow:none!important;
  overflow:visible!important;
}
html body.bantusphere .bx-ride-addon-v2372 .bx-ride-fields.bx-ride-only-v216.is-open{
  display:block!important;
  max-height:none!important;
  opacity:1!important;
  visibility:visible!important;
}
html body.bantusphere .bx-ride-addon-v2372 .bx-ride-only-head{
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:center!important;
  margin:0 0 11px!important;
}
html body.bantusphere .bx-ride-addon-v2372 .bx-ride-only-head h3{
  margin:1px 0!important;
  font-size:16px!important;
  color:#fff!important;
}
html body.bantusphere .bx-ride-addon-v2372 .bx-ride-only-head p{
  margin:0!important;
  font-size:8px!important;
  color:#8496ad!important;
}
html body.bantusphere .bx-ride-addon-v2372 .bx-addon-ride-inner-v2372,
html body.bantusphere .bx-ride-addon-v2372 .bx-ride-only-form-v216{
  display:grid!important;
  gap:9px!important;
  width:100%!important;
  min-width:0!important;
}
html body.bantusphere .bx-ride-addon-v2372 .bx-ride-class-grid,
html body.bantusphere .bx-ride-addon-v2372 .bx-addon-ride-class-grid-v2367{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
  width:100%!important;
  margin:0!important;
}
html body.bantusphere .bx-ride-addon-v2372 .bx-ride-class-grid label,
html body.bantusphere .bx-ride-addon-v2372 .bx-addon-ride-class-grid-v2367 label{
  position:relative!important;
  min-width:0!important;
  margin:0!important;
}
html body.bantusphere .bx-ride-addon-v2372 .bx-ride-class-grid input,
html body.bantusphere .bx-ride-addon-v2372 .bx-addon-ride-class-grid-v2367 input{
  position:absolute!important;
  opacity:0!important;
  pointer-events:none!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  width:0!important;
  height:0!important;
  margin:0!important;
}
html body.bantusphere .bx-ride-addon-v2372 .bx-ride-class-grid label>span,
html body.bantusphere .bx-ride-addon-v2372 .bx-addon-ride-class-grid-v2367 label>span{
  position:relative!important;
  display:block!important;
  min-height:72px!important;
  height:100%!important;
  padding:8px!important;
  border-radius:11px!important;
  background:#091625!important;
  border:1px solid #25364e!important;
}
html body.bantusphere .bx-ride-addon-v2372 .bx-ride-class-grid label>span>i,
html body.bantusphere .bx-ride-addon-v2372 .bx-addon-ride-class-grid-v2367 label>span>i{
  font-size:12px!important;
  color:#67e8f9!important;
  margin-bottom:5px!important;
}
html body.bantusphere .bx-ride-addon-v2372 .bx-ride-class-grid strong,
html body.bantusphere .bx-ride-addon-v2372 .bx-ride-class-grid small,
html body.bantusphere .bx-ride-addon-v2372 .bx-addon-ride-class-grid-v2367 strong,
html body.bantusphere .bx-ride-addon-v2372 .bx-addon-ride-class-grid-v2367 small{
  display:block!important;
}
html body.bantusphere .bx-ride-addon-v2372 .bx-ride-class-grid strong,
html body.bantusphere .bx-ride-addon-v2372 .bx-addon-ride-class-grid-v2367 strong{
  font-size:8px!important;
  color:#fff!important;
  white-space:nowrap!important;
}
html body.bantusphere .bx-ride-addon-v2372 .bx-ride-class-grid small,
html body.bantusphere .bx-ride-addon-v2372 .bx-addon-ride-class-grid-v2367 small{
  font-size:6px!important;
  color:#8294ab!important;
  line-height:1.3!important;
  margin-top:2px!important;
}
html body.bantusphere .bx-ride-addon-v2372 .bx-ride-class-grid label>span>b,
html body.bantusphere .bx-ride-addon-v2372 .bx-addon-ride-class-grid-v2367 label>span>b{
  position:absolute!important;
  right:6px!important;
  top:6px!important;
  width:15px!important;
  height:15px!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  background:#17263a!important;
  color:transparent!important;
  font-size:6px!important;
}
html body.bantusphere .bx-ride-addon-v2372 .bx-ride-class-grid input:checked+span,
html body.bantusphere .bx-ride-addon-v2372 .bx-addon-ride-class-grid-v2367 input:checked+span{
  border-color:#22d3ee!important;
  background:rgba(6,182,212,.065)!important;
  box-shadow:0 0 0 2px rgba(34,211,238,.04)!important;
}
html body.bantusphere .bx-ride-addon-v2372 .bx-ride-class-grid input:checked+span>b,
html body.bantusphere .bx-ride-addon-v2372 .bx-addon-ride-class-grid-v2367 input:checked+span>b{
  background:#06b6d4!important;
  color:#fff!important;
}
html body.bantusphere .bx-ride-addon-v2372 .bx-ride-class-grid input:not(:checked)+span>b i,
html body.bantusphere .bx-ride-addon-v2372 .bx-addon-ride-class-grid-v2367 input:not(:checked)+span>b i{
  opacity:0!important;
  visibility:hidden!important;
}
html body.bantusphere .bx-ride-addon-v2372 .bx-ride-class-grid input:checked+span>b i,
html body.bantusphere .bx-ride-addon-v2372 .bx-addon-ride-class-grid-v2367 input:checked+span>b i{
  opacity:1!important;
  visibility:visible!important;
}
html body.bantusphere .bx-ride-addon-v2372 .bx-ride-detail-grid,
html body.bantusphere .bx-ride-addon-v2372 .bx-addon-ride-detail-grid-v2367{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:6px!important;
  width:100%!important;
}
html body.bantusphere .bx-ride-addon-v2372 .bx-ride-field-card{
  display:grid!important;
  gap:5px!important;
  margin:0!important;
  padding:8px!important;
  border-radius:11px!important;
  background:#091625!important;
  border:1px solid #25364e!important;
}
html body.bantusphere .bx-ride-addon-v2372 .bx-ride-field-card>span{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  color:#90a2b9!important;
}
html body.bantusphere .bx-ride-addon-v2372 .bx-ride-field-card>span i{color:#67e8f9!important}
html body.bantusphere .bx-ride-addon-v2372 .bx-ride-field-card>span b{font-size:7px!important}
html body.bantusphere .bx-ride-addon-v2372 .bx-ride-field-card input{
  height:34px!important;
  padding:0 7px!important;
  border-radius:8px!important;
  border:1px solid #2a3b53!important;
  background:#0e1b2d!important;
  color:#fff!important;
  min-width:0!important;
  width:100%!important;
}
html body.bantusphere .bx-ride-addon-v2372 .bx-ride-pickup-card{grid-column:1/-1!important}
html body.bantusphere .bx-ride-addon-v2372 .bx-ride-gps-v216{width:100%!important;margin:0!important}
@media(min-width:768px){
  html body.bantusphere .bx-ride-addon-v2372 .bx-ride-detail-grid,
  html body.bantusphere .bx-ride-addon-v2372 .bx-addon-ride-detail-grid-v2367{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    align-items:stretch!important;
  }
  html body.bantusphere .bx-ride-addon-v2372 .bx-ride-pickup-card{grid-column:auto!important}
}
@media(max-width:575.98px){
  html body.bantusphere .bx-ride-addon-v2372 .bx-ride-fields.bx-ride-only-v216{padding:11px!important;border-radius:15px!important}
  html body.bantusphere .bx-ride-addon-v2372 .bx-ride-class-grid,
  html body.bantusphere .bx-ride-addon-v2372 .bx-addon-ride-class-grid-v2367{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important}
  html body.bantusphere .bx-ride-addon-v2372 .bx-ride-class-grid label>span,
  html body.bantusphere .bx-ride-addon-v2372 .bx-addon-ride-class-grid-v2367 label>span{min-height:68px!important;padding:6px!important}
  html body.bantusphere .bx-ride-addon-v2372 .bx-ride-detail-grid,
  html body.bantusphere .bx-ride-addon-v2372 .bx-addon-ride-detail-grid-v2367{grid-template-columns:1fr 1fr!important}
  html body.bantusphere .bx-ride-addon-v2372 .bx-ride-pickup-card{grid-column:1/-1!important}
}

/* =========================================================
   v2.37.6 — FINAL RENTAL TRANSPORT SELECTION CONTROL REPAIR
   Completely remove the native radio element from layout/painting. This stops
   mobile/desktop browsers and older booking-card rules from rendering the giant
   blue selection halo seen over the Bakkie card. The label remains clickable
   and the compact tick badge is the only selection indicator.
   ========================================================= */
html body.bantusphere .bx-ride-addon-v2372 .bx-ride-class-grid input[type="radio"],
html body.bantusphere .bx-ride-addon-v2372 .bx-addon-ride-class-grid-v2367 input[type="radio"]{
  display:none!important;
  position:absolute!important;
  width:0!important;
  height:0!important;
  min-width:0!important;
  min-height:0!important;
  max-width:0!important;
  max-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  opacity:0!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
html body.bantusphere .bx-ride-addon-v2372 .bx-ride-class-grid label>span>b,
html body.bantusphere .bx-ride-addon-v2372 .bx-addon-ride-class-grid-v2367 label>span>b{
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  min-height:16px!important;
  max-width:16px!important;
  max-height:16px!important;
  right:6px!important;
  top:6px!important;
  border:1px solid rgba(148,163,184,.16)!important;
  box-shadow:none!important;
  transform:none!important;
}
html body.bantusphere .bx-ride-addon-v2372 .bx-ride-class-grid input[type="radio"]:checked+span>b,
html body.bantusphere .bx-ride-addon-v2372 .bx-addon-ride-class-grid-v2367 input[type="radio"]:checked+span>b{
  background:#06b6d4!important;
  border-color:#22d3ee!important;
  color:#fff!important;
}
html body.bantusphere .bx-ride-addon-v2372 .bx-ride-class-grid input[type="radio"]:not(:checked)+span>b,
html body.bantusphere .bx-ride-addon-v2372 .bx-addon-ride-class-grid-v2367 input[type="radio"]:not(:checked)+span>b{
  background:#17263a!important;
  color:transparent!important;
}


/* =========================================================
   v2.37.7 — Rental moving-service copy cleanup + protected flow redesign
   ========================================================= */
html body.bantusphere .bx-rental-flow-shell{
  margin-bottom:14px!important;
  padding:16px!important;
  border-radius:18px!important;
  border:1px solid rgba(74,211,255,.18)!important;
  background:
    radial-gradient(circle at 100% 0, rgba(59,130,246,.12), transparent 34%),
    radial-gradient(circle at 0 100%, rgba(168,85,247,.10), transparent 32%),
    linear-gradient(145deg, rgba(10,24,44,.98), rgba(11,20,34,.98))!important;
  box-shadow:0 18px 40px rgba(2,8,23,.28)!important;
}
html body.bantusphere .bx-rental-flow-headline{
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:start!important;
  margin-bottom:14px!important;
}
html body.bantusphere .bx-rental-flow-badge{
  width:48px!important;height:48px!important;border-radius:15px!important;
  display:grid!important;place-items:center!important;
  background:linear-gradient(135deg, rgba(16,185,129,.18), rgba(6,182,212,.18))!important;
  border:1px solid rgba(110,231,183,.18)!important;color:#7ef5ca!important;font-size:18px!important;
}
html body.bantusphere .bx-rental-flow-headline small{
  display:block!important;font-size:8px!important;font-weight:900!important;letter-spacing:.18em!important;
  color:#7dd3fc!important;margin-bottom:5px!important;
}
html body.bantusphere .bx-rental-flow-headline strong{
  display:block!important;color:#f8fbff!important;font-size:16px!important;line-height:1.2!important;margin-bottom:4px!important;
}
html body.bantusphere .bx-rental-flow-headline p{
  margin:0!important;color:#9db0c9!important;font-size:10px!important;line-height:1.5!important;
}
html body.bantusphere .bx-rental-flow-steps{
  display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px!important;margin-bottom:13px!important;
}
html body.bantusphere .bx-rental-flow-steps span{
  position:relative!important;display:grid!important;gap:6px!important;justify-items:start!important;
  min-width:0!important;padding:11px 10px!important;border-radius:14px!important;
  background:rgba(15,23,42,.78)!important;border:1px solid rgba(148,163,184,.14)!important;overflow:hidden!important;
}
html body.bantusphere .bx-rental-flow-steps span::after{
  content:''!important;position:absolute!important;inset:0!important;pointer-events:none!important;
  background:linear-gradient(135deg, rgba(255,255,255,.05), transparent 48%)!important;opacity:.65!important;
}
html body.bantusphere .bx-rental-flow-steps span b,
html body.bantusphere .bx-rental-flow-steps span i,
html body.bantusphere .bx-rental-flow-steps span em{position:relative!important;z-index:1!important}
html body.bantusphere .bx-rental-flow-steps span b{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-width:28px!important;height:20px!important;padding:0 7px!important;border-radius:999px!important;
  background:rgba(124,58,237,.17)!important;color:#d8b4fe!important;font-size:8px!important;font-weight:900!important;font-style:normal!important;
}
html body.bantusphere .bx-rental-flow-steps span i{font-size:14px!important;color:#67e8f9!important}
html body.bantusphere .bx-rental-flow-steps span em{
  display:block!important;font-style:normal!important;font-weight:800!important;font-size:9px!important;line-height:1.3!important;color:#eff6ff!important;
}
html body.bantusphere .bx-rental-flow-steps span.is-active{
  background:linear-gradient(135deg, rgba(6,182,212,.16), rgba(124,58,237,.16))!important;
  border-color:rgba(103,232,249,.36)!important;box-shadow:0 0 0 1px rgba(34,211,238,.12) inset!important;
}
html body.bantusphere .bx-rental-flow-insights{
  display:grid!important;grid-template-columns:minmax(0,auto) minmax(0,1fr)!important;gap:10px!important;align-items:start!important;
}
html body.bantusphere .bx-rental-flow-insights .bx-rental-trust-counts{
  display:flex!important;gap:7px!important;flex-wrap:wrap!important;margin:0!important;
}
html body.bantusphere .bx-rental-flow-insights .bx-rental-trust-counts span{
  padding:8px 10px!important;border-radius:999px!important;background:#111e35!important;color:#9bb0ce!important;font-size:9px!important;border:1px solid rgba(148,163,184,.12)!important;
}
html body.bantusphere .bx-rental-flow-insights .bx-rental-trust-counts b{color:#fff!important}
html body.bantusphere .bx-rental-flow-note{
  display:grid!important;grid-template-columns:18px minmax(0,1fr)!important;gap:8px!important;align-items:start!important;
  padding:10px 11px!important;border-radius:13px!important;background:rgba(8,15,28,.46)!important;border:1px solid rgba(148,163,184,.10)!important;
}
html body.bantusphere .bx-rental-flow-note i{color:#fbbf24!important;font-size:13px!important;margin-top:2px!important}
html body.bantusphere .bx-rental-flow-note p{margin:0!important;color:#94a8c4!important;font-size:9px!important;line-height:1.55!important}
@media(max-width:991.98px){
  html body.bantusphere .bx-rental-flow-steps{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  html body.bantusphere .bx-rental-flow-insights{grid-template-columns:1fr!important}
}
@media(max-width:575.98px){
  html body.bantusphere .bx-rental-flow-shell{padding:13px!important;border-radius:16px!important}
  html body.bantusphere .bx-rental-flow-headline{grid-template-columns:42px minmax(0,1fr)!important;gap:10px!important}
  html body.bantusphere .bx-rental-flow-badge{width:42px!important;height:42px!important;border-radius:13px!important}
  html body.bantusphere .bx-rental-flow-headline strong{font-size:14px!important}
  html body.bantusphere .bx-rental-flow-steps{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  html body.bantusphere .bx-rental-flow-steps span{padding:10px 9px!important;border-radius:13px!important}
}


/* =========================================================
   v2.37.8 — Funding / Marketplace header action alignment
   Keep the primary CTA parallel with the showcase title and pin it far right.
   ========================================================= */
html body.bantusphere .bs-funding-spotlight .bs-showcase-titlebar,
html body.bantusphere .bs-market-spotlight .bs-showcase-titlebar{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  column-gap:12px!important;
  row-gap:0!important;
  width:100%!important;
  min-width:0!important;
}
html body.bantusphere .bs-funding-spotlight .bs-showcase-titlebar h2,
html body.bantusphere .bs-market-spotlight .bs-showcase-titlebar h2{
  grid-column:1!important;
  min-width:0!important;
  width:auto!important;
  max-width:100%!important;
  margin:0!important;
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}
html body.bantusphere .bs-funding-spotlight .bs-showcase-titlebar .bs-showcase-actions,
html body.bantusphere .bs-market-spotlight .bs-showcase-titlebar .bs-showcase-actions{
  grid-column:2!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  width:auto!important;
  max-width:none!important;
  min-width:max-content!important;
  margin:0 0 0 auto!important;
  padding:0!important;
  overflow:visible!important;
  flex-wrap:nowrap!important;
}
html body.bantusphere .bs-funding-spotlight .bs-showcase-primary-link,
html body.bantusphere .bs-market-spotlight .bs-showcase-primary-link{
  margin:0!important;
  flex:0 0 auto!important;
  white-space:nowrap!important;
}
@media(max-width:575.98px){
  html body.bantusphere .bs-funding-spotlight .bs-showcase-titlebar,
  html body.bantusphere .bs-market-spotlight .bs-showcase-titlebar{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:9px!important;
  }
  html body.bantusphere .bs-funding-spotlight .bs-showcase-titlebar h2,
  html body.bantusphere .bs-market-spotlight .bs-showcase-titlebar h2{
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
    font-size:15px!important;
    line-height:1.16!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  html body.bantusphere .bs-funding-spotlight .bs-showcase-titlebar .bs-showcase-actions,
  html body.bantusphere .bs-market-spotlight .bs-showcase-titlebar .bs-showcase-actions{
    width:auto!important;
    min-width:max-content!important;
    max-width:none!important;
    justify-content:flex-end!important;
    flex-wrap:nowrap!important;
    margin-left:auto!important;
  }
  html body.bantusphere .bs-funding-spotlight .bs-showcase-primary-link,
  html body.bantusphere .bs-market-spotlight .bs-showcase-primary-link{
    height:32px!important;
    min-height:32px!important;
    padding:0 9px!important;
    font-size:9.5px!important;
  }
}


/* =========================================================
   v2.37.9 — Rental category detail cards
   Rental interest/status metrics are visible ONLY on /explore?type=rental.
   The mixed /explore discovery feed remains compact and uniform.
   ========================================================= */
html body.bantusphere .bx-listing-grid.bx-listing-grid-compact .bx-rental-public-stats{
  display:none!important;
}
html body.bantusphere .bx-listing-grid.bx-listing-grid-rental-detail{
  align-items:stretch!important;
  grid-auto-rows:1fr!important;
}
html body.bantusphere .bx-listing-grid.bx-listing-grid-rental-detail>.bx-listing-card-rental{
  height:100%!important;
}
html body.bantusphere .bx-listing-grid.bx-listing-grid-rental-detail .bx-rental-public-stats{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:5px!important;
  width:100%!important;
  margin:8px 0 0!important;
  padding-top:8px!important;
  border-top:1px solid rgba(127,148,204,.12)!important;
  overflow:visible!important;
}
html body.bantusphere .bx-listing-grid.bx-listing-grid-rental-detail .bx-rental-public-stats>span,
html body.bantusphere .bx-listing-grid.bx-listing-grid-rental-detail .bx-rental-public-stats>em{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
  min-width:0!important;
  min-height:46px!important;
  padding:5px 3px!important;
  border:1px solid rgba(122,145,198,.12)!important;
  border-radius:10px!important;
  background:rgba(104,124,174,.05)!important;
  color:#8da1c7!important;
  font-style:normal!important;
  text-align:center!important;
  white-space:normal!important;
}
html body.bantusphere .bx-listing-grid.bx-listing-grid-rental-detail .bx-rental-public-stats i{
  display:inline-block!important;
  color:#68ddff!important;
  font-size:10px!important;
  line-height:1!important;
}
html body.bantusphere .bx-listing-grid.bx-listing-grid-rental-detail .bx-rental-public-stats b{
  display:block!important;
  color:#f7f9ff!important;
  font-size:8.5px!important;
  line-height:1.08!important;
}
html body.bantusphere .bx-listing-grid.bx-listing-grid-rental-detail .bx-rental-public-stats small{
  display:block!important;
  color:#8295b5!important;
  font-size:6.2px!important;
  line-height:1.05!important;
  text-transform:uppercase!important;
  letter-spacing:.025em!important;
}
html body.bantusphere .bx-listing-grid.bx-listing-grid-rental-detail .bx-rental-public-stats>em{
  color:#59e2aa!important;
  background:rgba(49,210,147,.075)!important;
  border-color:rgba(49,210,147,.16)!important;
}
html body.bantusphere .bx-listing-grid.bx-listing-grid-rental-detail .bx-rental-public-stats>em i{
  color:#59e2aa!important;
}
@media(max-width:575.98px){
  html body.bantusphere .bx-listing-grid.bx-listing-grid-rental-detail .bx-rental-public-stats{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:4px!important;
  }
  html body.bantusphere .bx-listing-grid.bx-listing-grid-rental-detail .bx-rental-public-stats>span,
  html body.bantusphere .bx-listing-grid.bx-listing-grid-rental-detail .bx-rental-public-stats>em{
    min-height:44px!important;
    padding:5px 2px!important;
    border-radius:9px!important;
  }
  html body.bantusphere .bx-listing-grid.bx-listing-grid-rental-detail .bx-rental-public-stats b{font-size:8px!important}
  html body.bantusphere .bx-listing-grid.bx-listing-grid-rental-detail .bx-rental-public-stats small{font-size:5.8px!important}
}


/* =========================================================
   v2.38.0 — PROFESSIONAL FACEBOOK-STYLE REACTIONS
   Mobile uses a body-level tray plus an invisible interaction shield so a
   reaction tap can never fall through to Comment, Send Merit, Share, etc.
   ========================================================= */
html body.bantusphere .bs-mobile-reaction-shield{display:none!important}
@media(max-width:969.98px), (hover:none) and (pointer:coarse){
  html body.bantusphere .bs-mobile-reaction-shield.is-active:not([hidden]){
    display:block!important;
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:100dvh!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    pointer-events:auto!important;
    touch-action:none!important;
    -webkit-tap-highlight-color:transparent!important;
    z-index:2147483646!important;
  }
  html body.bantusphere .bs-mobile-reaction-portal.is-open:not([hidden]){
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:2px!important;
    position:fixed!important;
    width:max-content!important;
    max-width:calc(100vw - 18px)!important;
    min-height:58px!important;
    padding:6px 7px!important;
    border:1px solid rgba(255,255,255,.16)!important;
    border-radius:999px!important;
    background:rgba(8,14,26,.985)!important;
    box-shadow:0 18px 55px rgba(0,0,0,.58),0 4px 14px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.07)!important;
    backdrop-filter:blur(20px) saturate(1.12)!important;
    -webkit-backdrop-filter:blur(20px) saturate(1.12)!important;
    overflow:visible!important;
    isolation:isolate!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    touch-action:none!important;
    z-index:2147483647!important;
    animation:bsReactionTrayIn .16s cubic-bezier(.2,.8,.2,1) both!important;
  }
  html body.bantusphere .bs-mobile-reaction-portal.is-committing{
    opacity:0!important;
    transform:translateY(4px) scale(.96)!important;
    transition:opacity .12s ease,transform .12s ease!important;
  }
  html body.bantusphere .bs-mobile-reaction-choice{
    appearance:none!important;
    -webkit-appearance:none!important;
    position:relative!important;
    display:grid!important;
    place-items:center!important;
    flex:0 0 42px!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:50%!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
    pointer-events:auto!important;
    touch-action:none!important;
    -webkit-tap-highlight-color:transparent!important;
    transform-origin:50% 100%!important;
    transition:transform .1s ease,filter .1s ease!important;
  }
  html body.bantusphere .bs-mobile-reaction-choice.is-hovered{
    transform:translateY(-5px) scale(1.22)!important;
    filter:drop-shadow(0 7px 8px rgba(0,0,0,.32))!important;
  }
  html body.bantusphere .bs-mobile-reaction-choice.is-selected{
    transform:translateY(-7px) scale(1.3)!important;
    filter:drop-shadow(0 8px 10px rgba(0,0,0,.38))!important;
  }
  html body.bantusphere .bs-mobile-reaction-choice .emoji,
  html body.bantusphere .bs-mobile-reaction-choice .inline-emoji,
  html body.bantusphere .bs-mobile-reaction-choice .bs-reaction-emoji{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    display:grid!important;
    place-items:center!important;
    margin:0!important;
    padding:0!important;
    pointer-events:none!important;
    transform:none!important;
  }
  html body.bantusphere .bs-mobile-reaction-choice img{
    width:38px!important;
    height:38px!important;
    max-width:38px!important;
    max-height:38px!important;
    object-fit:contain!important;
    pointer-events:none!important;
  }
  html body.bantusphere .bs-mobile-reaction-label{
    position:absolute!important;
    left:50%!important;
    bottom:calc(100% + 7px)!important;
    transform:translateX(-50%) translateY(4px)!important;
    display:block!important;
    width:max-content!important;
    max-width:110px!important;
    padding:4px 7px!important;
    border-radius:999px!important;
    background:rgba(10,15,25,.96)!important;
    border:1px solid rgba(255,255,255,.12)!important;
    color:#fff!important;
    font-size:9px!important;
    font-weight:800!important;
    line-height:1!important;
    white-space:nowrap!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:opacity .08s ease,transform .08s ease!important;
  }
  html body.bantusphere .bs-mobile-reaction-choice.is-hovered .bs-mobile-reaction-label,
  html body.bantusphere .bs-mobile-reaction-choice.is-selected .bs-mobile-reaction-label{
    opacity:1!important;
    visibility:visible!important;
    transform:translateX(-50%) translateY(0)!important;
  }
  html body.bantusphere .reactions-wrapper.bs-mobile-portal-source>.reactions-container{
    display:none!important;
    pointer-events:none!important;
    visibility:hidden!important;
  }
  html.bs-reaction-modal-open,
  html body.bs-reaction-modal-open{
    overscroll-behavior:contain!important;
  }
}
@media(max-width:390px){
  html body.bantusphere .bs-mobile-reaction-portal.is-open:not([hidden]){gap:1px!important;padding:6px!important}
  html body.bantusphere .bs-mobile-reaction-choice{flex-basis:40px!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important}
  html body.bantusphere .bs-mobile-reaction-choice .emoji,
  html body.bantusphere .bs-mobile-reaction-choice .inline-emoji,
  html body.bantusphere .bs-mobile-reaction-choice .bs-reaction-emoji,
  html body.bantusphere .bs-mobile-reaction-choice img{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;max-width:36px!important;max-height:36px!important}
}
@keyframes bsReactionTrayIn{
  from{opacity:0;transform:translateY(7px) scale(.94)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

/* Desktop: refined hover/toggle tray and clean reaction interaction. */
@media(min-width:970px) and (hover:hover){
  html body.bantusphere .reactions-wrapper.bs-reaction-open>.reactions-container{
    pointer-events:auto!important;
    animation:bsReactionTrayIn .14s cubic-bezier(.2,.8,.2,1) both!important;
  }
  html body.bantusphere .reactions-wrapper.bs-reaction-open>.reactions-container .reactions_item,
  html body.bantusphere .reactions-wrapper.bs-reaction-open>.reactions-container [class*="js_react-"]{
    transition:transform .11s ease,filter .11s ease!important;
  }
  html body.bantusphere .reactions-wrapper.bs-reaction-open>.reactions-container .reactions_item:hover,
  html body.bantusphere .reactions-wrapper.bs-reaction-open>.reactions-container [class*="js_react-"]:hover{
    transform:translateY(-7px) scale(1.2)!important;
    filter:drop-shadow(0 7px 8px rgba(0,0,0,.28))!important;
  }
}