
/* BantuExplore Form Sections v2.38.8
   Dedicated redesign for Transport, Location Intelligence,
   Pricing & Customer Flow, and Customer Contact. */

/* =========================
   GET THEM THERE
   ========================= */
html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 > .bx-transport-provision-section{
  position:relative!important;
  padding:24px!important;
  overflow:hidden!important;
  border:1px solid rgba(240,90,169,.22)!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 92% 0,rgba(240,90,169,.13),transparent 25%),
    radial-gradient(circle at 0 100%,rgba(155,124,255,.08),transparent 28%),
    linear-gradient(145deg,#0e192c,#091422)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.20),inset 4px 0 0 rgba(240,90,169,.72)!important;
}
html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 > .bx-transport-provision-section .bx-form-section-head{
  margin-bottom:18px!important;
}
html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-orb-pink{
  background:linear-gradient(135deg,#ec4899,#8b5cf6)!important;
  color:#fff!important;
}
html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-transport-provision-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  margin:0 0 14px!important;
}
html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-transport-provision-grid > label{
  position:relative!important;
  display:block!important;
  min-width:0!important;
  margin:0!important;
  cursor:pointer!important;
}
html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-transport-provision-grid > label > input[type=radio]{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
}
html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-transport-provision-grid > label > span{
  position:relative!important;
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr)!important;
  grid-template-areas:
    "icon title"
    "icon copy"!important;
  column-gap:12px!important;
  row-gap:3px!important;
  align-items:center!important;
  min-height:116px!important;
  padding:17px!important;
  border:1px solid rgba(121,142,183,.22)!important;
  border-radius:19px!important;
  background:
    linear-gradient(180deg,rgba(17,31,53,.96),rgba(9,21,37,.98))!important;
  color:#eef5ff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease!important;
}
html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-transport-provision-grid > label > span::after{
  content:""!important;
  position:absolute!important;
  top:12px!important;
  right:12px!important;
  width:21px!important;
  height:21px!important;
  border-radius:50%!important;
  border:1px solid rgba(151,170,205,.36)!important;
  background:#0a1727!important;
  box-shadow:inset 0 0 0 4px #0a1727!important;
}
html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-transport-provision-grid > label > span > i{
  grid-area:icon!important;
  width:46px!important;
  height:46px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  border-radius:15px!important;
  color:#f8fbff!important;
  font-size:17px!important;
  background:linear-gradient(135deg,#253c67,#182b4b)!important;
  box-shadow:0 12px 25px rgba(0,0,0,.18)!important;
}
html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-transport-provision-grid > label > span > strong{
  grid-area:title!important;
  display:block!important;
  padding-right:26px!important;
  color:#fff!important;
  font-size:13px!important;
  line-height:1.25!important;
  font-weight:900!important;
}
html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-transport-provision-grid > label > span > small{
  grid-area:copy!important;
  display:block!important;
  color:#8fa4c5!important;
  font-size:9px!important;
  line-height:1.5!important;
}
html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-transport-provision-grid > label:hover > span{
  transform:translateY(-2px)!important;
  border-color:rgba(240,90,169,.38)!important;
  box-shadow:0 14px 30px rgba(0,0,0,.18)!important;
}
html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-transport-provision-grid > label > input[type=radio]:checked + span{
  transform:translateY(-2px)!important;
  border-color:rgba(240,90,169,.76)!important;
  background:
    radial-gradient(circle at 100% 0,rgba(240,90,169,.17),transparent 35%),
    linear-gradient(180deg,#18223e,#0d1830)!important;
  box-shadow:
    0 14px 34px rgba(99,51,144,.18),
    0 0 0 2px rgba(240,90,169,.08),
    inset 0 1px 0 rgba(255,255,255,.04)!important;
}
html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-transport-provision-grid > label > input[type=radio]:checked + span::after{
  border-color:#f472b6!important;
  background:#f472b6!important;
  box-shadow:inset 0 0 0 5px #f472b6,0 0 0 4px rgba(244,114,182,.11)!important;
}
html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-transport-provision-grid > label > input[value=platform]:checked + span > i{
  background:linear-gradient(135deg,#0ea5e9,#2563eb)!important;
}
html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-transport-provision-grid > label > input[value=self]:checked + span > i{
  background:linear-gradient(135deg,#8b5cf6,#ec4899)!important;
}
html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-transport-provision-grid > label > input[value=none]:checked + span > i{
  background:linear-gradient(135deg,#475569,#64748b)!important;
}

/* Only ask for km pricing when the host selected self-provided transport. */
html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-self-transport-rate{
  display:none!important;
  grid-template-columns:minmax(0,1fr) minmax(180px,.35fr)!important;
  align-items:center!important;
  gap:18px!important;
  padding:14px 16px!important;
  margin:0!important;
  border:1px solid rgba(155,124,255,.20)!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,rgba(124,58,237,.10),rgba(236,72,153,.05))!important;
  color:#d9e4f5!important;
}
html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-transport-provision-section:has(input[name=meta_transport_provision][value=self]:checked) .bx-self-transport-rate{
  display:grid!important;
}
html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-self-transport-rate input{
  margin:0!important;
}

/* =========================
   LOCATION INTELLIGENCE
   ========================= */
html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 > .bx-location-section{
  padding:24px!important;
  border:1px solid rgba(57,208,255,.22)!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 96% 4%,rgba(57,208,255,.13),transparent 26%),
    linear-gradient(145deg,#0c1a2c,#081521)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.20),inset 4px 0 0 rgba(57,208,255,.72)!important;
}
html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-location-section .bx-place-picker{
  margin:0 0 16px!important;
  padding:16px!important;
  border-radius:18px!important;
  border:1px solid rgba(57,208,255,.13)!important;
  background:linear-gradient(180deg,rgba(9,27,43,.68),rgba(7,19,33,.74))!important;
}
html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-location-section .bx-place-picker > label{
  gap:9px!important;
}
html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-location-section .bx-place-picker > label > span{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  color:#dff7ff!important;
  font-size:11px!important;
  font-weight:900!important;
}
html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-location-section .bx-place-picker > label > small{
  color:#7397a9!important;
  font-size:9px!important;
  padding-left:2px!important;
}
html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-location-section .bx-place-input-wrap{
  min-height:58px!important;
  padding:7px 8px 7px 14px!important;
  border-color:rgba(57,208,255,.24)!important;
  background:linear-gradient(180deg,#10283e,#0a1d30)!important;
}
html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-location-section .bx-place-input-wrap > i{
  color:#4edcff!important;
  font-size:15px!important;
}
html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-location-section .bx-gps-btn{
  min-width:112px!important;
  min-height:43px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:linear-gradient(135deg,#0eb8d5,#3478f6)!important;
  color:#fff!important;
  box-shadow:0 12px 24px rgba(37,99,235,.22)!important;
}
html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-location-section .bx-geo-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
}
html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-location-section .bx-geo-grid > label:nth-child(1),
html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-location-section .bx-geo-grid > label:nth-child(2),
html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-location-section .bx-geo-grid > label:nth-child(3),
html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-location-section .bx-geo-grid > label:nth-child(4){
  grid-column:span 2!important;
}
html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-location-section .bx-geo-grid > label:nth-child(5){
  grid-column:span 2!important;
}
html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-location-section .bx-coordinate-field{
  position:relative!important;
  padding:12px!important;
  border:1px solid rgba(57,208,255,.11)!important;
  border-radius:15px!important;
  background:rgba(5,19,32,.55)!important;
  color:#7ea6b8!important;
}
html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-location-section .bx-coordinate-field input{
  min-height:42px!important;
  padding:10px 11px!important;
  color:#8adff1!important;
  -webkit-text-fill-color:#8adff1!important;
  background:#071724!important;
  cursor:default!important;
}
html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-location-section .bx-location-confidence{
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr)!important;
  gap:11px!important;
  align-items:center!important;
  margin:14px 0 0!important;
  padding:13px 14px!important;
  border:1px solid rgba(66,223,173,.16)!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,rgba(12,56,48,.44),rgba(7,29,35,.54))!important;
}
html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-location-section .bx-location-confidence > i{
  width:40px!important;
  height:40px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:13px!important;
  background:rgba(66,223,173,.11)!important;
  color:#55e6b8!important;
}
html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-location-section .bx-location-confidence strong{
  display:block!important;
  margin-bottom:2px!important;
  color:#ccfbed!important;
  font-size:10px!important;
  font-weight:900!important;
}
html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-location-section .bx-location-confidence small{
  color:#7eaaa1!important;
  font-size:9px!important;
  line-height:1.55!important;
}

/* =========================
   PRICING & CUSTOMER FLOW
   ========================= */
html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 > .bx-commercial-section{
  padding:24px!important;
  border:1px solid rgba(155,124,255,.23)!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 96% 0,rgba(155,124,255,.13),transparent 26%),
    radial-gradient(circle at 0 100%,rgba(236,72,153,.06),transparent 25%),
    linear-gradient(145deg,#10192e,#0a1425)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.20),inset 4px 0 0 rgba(155,124,255,.74)!important;
}
html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-commercial-section > .bx-form-grid{
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  gap:12px!important;
}
html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-commercial-section > .bx-form-grid > label{
  padding:13px!important;
  border:1px solid rgba(121,141,180,.13)!important;
  border-radius:16px!important;
  background:rgba(6,14,27,.46)!important;
}
html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-commercial-section > .bx-form-grid > label:nth-of-type(1){
  grid-column:span 6!important;
}
html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-commercial-section > .bx-form-grid > label:nth-of-type(2),
html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-commercial-section > .bx-form-grid > label:nth-of-type(3){
  grid-column:span 3!important;
}
html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-commercial-section .bx-flow-summary{
  grid-column:1 / -1!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  grid-template-areas:
    "label value"
    "label copy"!important;
  column-gap:12px!important;
  align-items:center!important;
  min-height:74px!important;
  padding:14px 16px!important;
  border:1px solid rgba(155,124,255,.22)!important;
  background:
    linear-gradient(135deg,rgba(101,70,205,.16),rgba(236,72,153,.07))!important;
}
html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-commercial-section .bx-flow-summary::before{
  content:"⇄"!important;
  grid-area:label!important;
  width:42px!important;
  height:42px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:13px!important;
  color:#fff!important;
  font-size:18px!important;
  background:linear-gradient(135deg,#7655eb,#b94ed0)!important;
}
html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-commercial-section .bx-flow-summary > span{
  display:none!important;
}
html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-commercial-section .bx-flow-summary > strong{
  grid-area:value!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:900!important;
}
html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-commercial-section .bx-flow-summary > small{
  grid-area:copy!important;
  color:#8fa2c2!important;
  font-size:9px!important;
}
html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-commercial-section .bx-accept-booking{
  grid-column:1 / -1!important;
  display:grid!important;
  grid-template-columns:42px 18px minmax(0,1fr)!important;
  gap:11px!important;
  align-items:center!important;
  padding:13px 15px!important;
  border:1px solid rgba(66,223,173,.19)!important;
  background:linear-gradient(135deg,rgba(66,223,173,.09),rgba(57,208,255,.035))!important;
}
html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-commercial-section .bx-accept-booking .bx-toggle-icon{
  width:42px!important;
  height:42px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,#0ba77b,#1fb9a6)!important;
  color:#fff!important;
}
html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-commercial-section .bx-accept-booking .js-bx-accept-label{
  color:#dffcf2!important;
  font-size:11px!important;
  font-weight:900!important;
}
html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-commercial-section > .bx-form-grid > .bx-span-2{
  grid-column:1 / -1!important;
}
html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-commercial-section > .bx-form-grid > label:nth-last-of-type(2),
html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-commercial-section > .bx-form-grid > label:last-of-type{
  grid-column:span 6!important;
}

/* =========================
   CUSTOMER CONTACT
   ========================= */
html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 > .bx-contact-section{
  padding:24px!important;
  border:1px solid rgba(66,223,173,.22)!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 94% 0,rgba(66,223,173,.11),transparent 26%),
    linear-gradient(145deg,#0c1b29,#091521)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.20),inset 4px 0 0 rgba(66,223,173,.72)!important;
}
html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-contact-section > .bx-form-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
}
html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-contact-section > .bx-form-grid > label{
  position:relative!important;
  padding:14px!important;
  border:1px solid rgba(66,223,173,.12)!important;
  border-radius:16px!important;
  background:rgba(5,19,28,.54)!important;
}
html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-contact-section > .bx-form-grid > label:nth-child(1)::before,
html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-contact-section > .bx-form-grid > label:nth-child(2)::before,
html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-contact-section > .bx-form-grid > label:nth-child(3)::before{
  display:grid!important;
  place-items:center!important;
  width:34px!important;
  height:34px!important;
  margin:0 0 4px!important;
  border-radius:11px!important;
  color:#72edc5!important;
  background:rgba(66,223,173,.10)!important;
  font-family:"Font Awesome 6 Free"!important;
  font-weight:900!important;
}
html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-contact-section > .bx-form-grid > label:nth-child(1)::before{
  content:"\f095"!important;
}
html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-contact-section > .bx-form-grid > label:nth-child(2)::before{
  content:"\f0e0"!important;
}
html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-contact-section > .bx-form-grid > label:nth-child(3)::before{
  content:"\f0ac"!important;
}
html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-contact-section > .bx-form-grid > .bx-span-2{
  grid-column:auto!important;
}

/* =========================
   RESPONSIVE
   ========================= */
@media(max-width:991.98px){
  html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-transport-provision-grid{
    grid-template-columns:1fr!important;
  }
  html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-self-transport-rate{
    grid-template-columns:1fr!important;
  }
  html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-commercial-section > .bx-form-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-commercial-section > .bx-form-grid > label:nth-of-type(1),
  html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-commercial-section > .bx-form-grid > label:nth-of-type(2),
  html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-commercial-section > .bx-form-grid > label:nth-of-type(3),
  html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-commercial-section > .bx-form-grid > label:nth-last-of-type(2),
  html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-commercial-section > .bx-form-grid > label:last-of-type{
    grid-column:span 1!important;
  }
  html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-commercial-section .bx-flow-summary,
  html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-commercial-section .bx-accept-booking,
  html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-commercial-section > .bx-form-grid > .bx-span-2{
    grid-column:1 / -1!important;
  }
  html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-contact-section > .bx-form-grid{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:640px){
  html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 > .bx-transport-provision-section,
  html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 > .bx-location-section,
  html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 > .bx-commercial-section,
  html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 > .bx-contact-section{
    padding:15px!important;
    border-radius:18px!important;
  }
  html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-transport-provision-grid > label > span{
    min-height:104px!important;
    padding:14px!important;
  }
  html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-location-section .bx-geo-grid{
    grid-template-columns:1fr!important;
  }
  html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-location-section .bx-geo-grid > label{
    grid-column:1!important;
  }
  html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-commercial-section > .bx-form-grid{
    grid-template-columns:1fr!important;
  }
  html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-commercial-section > .bx-form-grid > label,
  html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-commercial-section .bx-flow-summary,
  html body.bantusphere form.bx-form-card.bx-listing-studio-v2386 .bx-commercial-section .bx-accept-booking{
    grid-column:1!important;
  }
}
