/* BantuSocial v2.35.8 — landing, rental detail, mobile gallery/card & ZiwaPhi performer parity */

/* Home: Launchpad grid has moved to Directory. Keep one compact discovery handoff. */
body.bantusphere .bs-home-directory-cta{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px 0 22px;padding:16px 18px;border:1px solid rgba(139,92,246,.18);border-radius:18px;background:radial-gradient(circle at 90% 0,rgba(236,72,153,.11),transparent 38%),linear-gradient(145deg,rgba(15,26,48,.92),rgba(10,18,34,.96));color:#fff}
body.bantusphere .bs-home-directory-cta>div{min-width:0}body.bantusphere .bs-home-directory-cta strong,body.bantusphere .bs-home-directory-cta small{display:block}body.bantusphere .bs-home-directory-cta strong{margin-top:3px;font-size:15px}body.bantusphere .bs-home-directory-cta small{margin-top:3px;color:#91a3c5;font-size:10px;line-height:1.45}body.bantusphere .bs-home-directory-cta>a{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;padding:10px 13px;border-radius:12px;background:linear-gradient(135deg,#7457f2,#ec4899);color:#fff!important;font-size:10px;font-weight:900}

/* Directory becomes the real Launchpad. */
body.bantusphere.bg-page-directory .bs-directory-launchpad-v2358{padding-top:24px;padding-bottom:34px}
body.bantusphere .bs-directory-launch-hero-v2358{margin-bottom:14px}
body.bantusphere .bs-directory-launch-surface-v2358{padding:18px!important}
body.bantusphere .bs-directory-superapp-grid{margin:0!important}
body.bantusphere .bs-directory-superapp-grid .bs-ziwaphi{background:linear-gradient(135deg,#3f1b82,#a22676)}
body.bantusphere .bs-directory-superapp-grid .bs-people{background:linear-gradient(135deg,#075f6d,#148d9c)}
body.bantusphere .bs-directory-superapp-grid .bs-module-grid-footer{grid-column:auto!important}
@media(min-width:992px){body.bantusphere .bs-directory-superapp-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}

/* Desktop listing detail: Connected then Contact, stacked in the left column.
   JS sets the trust stack height to finish on the same baseline as Ride There. */
@media(min-width:992px){
 body.bantusphere .bx-place-layout-v2>main .bx-left-trust-grid,
 body.bantusphere .bx-place-layout-v2>main .bx-after-reviews-grid.bx-left-trust-grid{display:flex!important;flex-direction:column!important;gap:12px!important;align-items:stretch!important;box-sizing:border-box!important}
 body.bantusphere .bx-left-trust-grid>.bx-connected{flex:0 0 auto!important}
 body.bantusphere .bx-left-trust-grid>.bx-contact-card{flex:1 1 auto!important;min-height:0!important}
 body.bantusphere .bx-left-trust-grid>.bx-contact-card .btn{margin-top:auto!important}
}

/* More From This Host: one native horizontal surface. */
body.bantusphere .bx-more-host-full .bx-related-rail{overflow-x:auto!important;overflow-y:hidden!important;touch-action:auto!important;overscroll-behavior-x:contain!important;-webkit-overflow-scrolling:touch!important;scroll-snap-type:x proximity!important}
body.bantusphere .bx-more-host-full .bx-related-card,body.bantusphere .bx-more-host-full .bx-related-card *{pointer-events:auto!important}
body.bantusphere .bx-more-host-full .bx-related-card{user-select:none!important;-webkit-user-select:none!important}

/* ZiwaPhi Featured DJs: desktop cinematic language, mobile gets the same centre/peek behaviour. */
@media(max-width:620px){
 html body.bantusphere .z19-lineup.bs235-cinematic{padding:12px 10px 13px!important;border-radius:17px!important}
 html body.bantusphere .z19-lineup.bs235-cinematic .z19-head{margin-bottom:5px!important;align-items:center!important}
 html body.bantusphere .z19-lineup.bs235-cinematic .z19-head h2{font-size:17px!important}
 html body.bantusphere .z19-lineup.bs235-cinematic .z19-nav button{width:32px!important;height:32px!important}
 html body.bantusphere .z19-lineup.bs235-cinematic .z19-scroll{height:238px!important;min-height:238px!important;overflow:hidden!important;touch-action:pan-y!important}
 html body.bantusphere .z19-lineup.bs235-cinematic .z19-card{left:50%!important;top:50%!important;flex:none!important;width:72%!important;min-width:0!important;max-width:290px!important;height:84%!important;margin:0!important;opacity:0!important}
 html body.bantusphere .z19-lineup.bs235-cinematic .z19-card.bs235-current{opacity:1!important;transform:translate(-50%,-50%) scale(1)!important}
 html body.bantusphere .z19-lineup.bs235-cinematic .z19-card.bs235-prev{opacity:.5!important;transform:translate(-116%,-50%) scale(.72)!important}
 html body.bantusphere .z19-lineup.bs235-cinematic .z19-card.bs235-next{opacity:.5!important;transform:translate(16%,-50%) scale(.72)!important}
 html body.bantusphere .z19-lineup.bs235-cinematic .z19-card.bs235-far-prev{transform:translate(-160%,-50%) scale(.56)!important}
 html body.bantusphere .z19-lineup.bs235-cinematic .z19-card.bs235-far-next{transform:translate(60%,-50%) scale(.56)!important}
 html body.bantusphere .z19-lineup .bs235-lineup-dots{margin-top:4px!important}
}

/* Mobile listing details: restore the photo strip and guarantee About begins below it. */
@media(max-width:767.98px){
 body.bantusphere .bx-shell .bx-gallery{display:flex!important;flex-direction:column!important;position:relative!important;inset:auto!important;float:none!important;clear:both!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:auto!important;margin:0 0 14px!important;overflow:visible!important;transform:none!important;z-index:auto!important}
 body.bantusphere .bx-shell .bx-gallery-main{display:block!important;position:relative!important;inset:auto!important;flex:0 0 auto!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:16/10!important;border-radius:16px!important;overflow:hidden!important;transform:none!important}
 body.bantusphere .bx-shell .bx-gallery-side{display:flex!important;flex-flow:row nowrap!important;gap:8px!important;width:100%!important;height:auto!important;min-height:0!important;margin:8px 0 0!important;padding:0 0 3px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important}
 body.bantusphere .bx-shell .bx-gallery-side::-webkit-scrollbar{display:none!important}
 body.bantusphere .bx-shell .bx-gallery-thumb{display:block!important;flex:0 0 36%!important;width:36%!important;height:auto!important;min-height:0!important;aspect-ratio:4/3!important;border-radius:12px!important;scroll-snap-align:start!important;position:relative!important;inset:auto!important;transform:none!important}
 body.bantusphere .bx-shell .bx-place-layout-v2,body.bantusphere .bx-shell .bx-place-layout-v2>main,body.bantusphere .bx-shell .bx-place-info-grid,body.bantusphere .bx-shell .bx-about-card,body.bantusphere .bx-shell .bx-overview-rental{display:block!important;position:relative!important;inset:auto!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;float:none!important;clear:both!important;transform:none!important;z-index:auto!important;margin-top:0!important}
 body.bantusphere .bx-shell .bx-place-layout-v2{width:100%!important;max-width:100%!important}
 body.bantusphere .bx-place-layout-v2>main .bx-left-trust-grid{height:auto!important;min-height:0!important;display:grid!important;grid-template-columns:1fr!important;gap:10px!important}

 /* Rental discovery cards: preserve the title, then rating/meta; no clipped name. */
 body.bantusphere .bx-listing-card-v216.bx-listing-card-rental{display:grid!important;grid-template-rows:160px auto!important;height:auto!important;min-height:0!important;border-radius:16px!important;overflow:hidden!important}
 body.bantusphere .bx-listing-card-v216.bx-listing-card-rental .bx-listing-media{height:160px!important;min-height:160px!important}
 body.bantusphere .bx-listing-card-v216.bx-listing-card-rental .bx-listing-body{display:flex!important;flex-direction:column!important;gap:7px!important;padding:11px!important;min-height:0!important;overflow:visible!important}
 body.bantusphere .bx-listing-card-rental .bx-listing-title-row{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:6px!important;min-height:0!important;height:auto!important;overflow:visible!important}
 body.bantusphere .bx-listing-card-rental .bx-listing-title-row>strong{display:block!important;width:100%!important;font-size:13px!important;line-height:1.3!important;-webkit-line-clamp:3!important;overflow:visible!important;white-space:normal!important;word-break:normal!important}
 body.bantusphere .bx-listing-card-rental .bx-card-rating{align-self:flex-start!important;font-size:9px!important;padding:4px 7px!important}
 body.bantusphere .bx-listing-card-rental .bx-card-location{font-size:9px!important;white-space:normal!important;overflow:visible!important;min-height:0!important}
 body.bantusphere .bx-listing-card-rental .bx-rental-public-stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important;width:100%!important;overflow:visible!important}
 body.bantusphere .bx-listing-card-rental .bx-rental-public-stats>*{min-width:0!important}
 body.bantusphere .bx-listing-card-rental .bx-listing-foot-v216{min-height:0!important}
}
@media(max-width:390px){body.bantusphere .bx-listing-card-v216.bx-listing-card-rental{grid-template-rows:176px auto!important}body.bantusphere .bx-listing-card-v216.bx-listing-card-rental .bx-listing-media{height:176px!important;min-height:176px!important}}

@media(max-width:575px){body.bantusphere .bs-home-directory-cta{align-items:flex-start;flex-direction:column;padding:14px}body.bantusphere .bs-home-directory-cta>a{width:100%;justify-content:center}body.bantusphere .bs-directory-launch-surface-v2358{padding:11px!important}}
@media(max-width:575px){body.bantusphere .bx-listing-grid>.bx-listing-card-rental{grid-column:1/-1!important;width:100%!important;max-width:100%!important}}