/* BIKUBOO — final contained hero composition */
.hero-vibrant{overflow:hidden!important;grid-template-columns:minmax(0,1fr) minmax(420px,1fr)!important;gap:46px!important}
.hero-vibrant .visual-vibrant{position:relative!important;overflow:hidden!important;width:100%!important;max-width:100%!important;height:430px!important;min-width:0!important;box-sizing:border-box!important;border-radius:30px!important;padding:0!important;isolation:isolate!important}
.visual-vibrant *::before,.visual-vibrant *::after{content:none!important}
/* Fixed: title must wrap inside the panel instead of overflowing its right edge. */
.visual-vibrant::before{content:"Explore Together\A Across Cities"!important;white-space:pre-wrap!important;position:absolute!important;z-index:8!important;top:27px!important;left:50%!important;right:auto!important;width:86%!important;max-width:86%!important;transform:translateX(-50%)!important;text-align:center!important;font-size:clamp(23px,2.45vw,34px)!important;line-height:1.02!important;font-style:italic!important;font-weight:950!important;letter-spacing:-1px!important;color:#13231a!important;pointer-events:none!important;overflow-wrap:break-word!important;box-sizing:border-box!important}
.visual-vibrant::after{content:""!important;position:absolute!important;z-index:-1!important;inset:0!important;background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.95),transparent 48%),linear-gradient(145deg,#ccecff,#eef9fb 58%,#dcefd4)!important;pointer-events:none!important}
.visual-vibrant .hero-route-art{position:absolute!important;inset:92px 22px 25px!important;max-width:none!important;overflow:hidden!important}
.visual-vibrant .route-line{max-width:72%!important;left:14%!important;right:14%!important}
.visual-vibrant .route-city{max-width:125px!important;width:29%!important;box-sizing:border-box!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.visual-vibrant .city-a{left:7%!important;top:22%!important}.visual-vibrant .city-b{right:7%!important;left:auto!important;top:34%!important}
/* Fixed: right card gets a hard width and safe inset, so it cannot escape the panel. */
.visual-vibrant .route-chip{width:120px!important;max-width:120px!important;min-width:0!important;box-sizing:border-box!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.visual-vibrant .route-chip-a{left:8%!important;top:18%!important;right:auto!important}.visual-vibrant .route-chip-b{right:8%!important;left:auto!important;top:43%!important}
.visual-vibrant .ride-float{left:50%!important;right:auto!important;bottom:18px!important;transform:translateX(-50%)!important;width:min(280px,66%)!important;max-width:66%!important}
.visual-vibrant .floating-stat{max-width:110px!important;white-space:normal!important}.visual-vibrant .stat-one{left:3%!important;right:auto!important;bottom:23%!important}.visual-vibrant .stat-two{right:3%!important;left:auto!important;bottom:23%!important}
@media(max-width:900px){.hero-vibrant{grid-template-columns:1fr!important}.hero-vibrant .visual-vibrant{height:390px!important}.visual-vibrant::before{font-size:30px!important;width:82%!important;max-width:82%!important}.visual-vibrant .route-chip{width:112px!important;max-width:112px!important}}
@media(max-width:600px){.hero-vibrant{padding-left:5%!important;padding-right:5%!important}.hero-vibrant .visual-vibrant{height:300px!important}.visual-vibrant::before{top:20px!important;font-size:25px!important;width:86%!important;max-width:86%!important}.visual-vibrant .hero-route-art{inset:72px 12px 18px!important}.visual-vibrant .route-chip{width:100px!important;max-width:100px!important;font-size:11px!important}.visual-vibrant .route-chip-a{left:5%!important}.visual-vibrant .route-chip-b{right:5%!important}.visual-vibrant .floating-stat{display:none!important}}

/* OFFER PREVIEW VISIBILITY FIX — loaded last */
body section#offer .bk-offer-layout aside.bk-offer-preview{position:relative!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;gap:20px!important;min-height:100%!important;padding:28px!important;box-sizing:border-box!important;background:linear-gradient(145deg,#061b11,#0e3020 65%,#15442a)!important;color:#ffffff!important;border:1px solid rgba(201,247,123,.24)!important;border-radius:26px!important;overflow:hidden!important;isolation:isolate!important}
body section#offer .bk-offer-layout aside.bk-offer-preview::after{z-index:-1!important}
body section#offer .bk-offer-layout aside.bk-offer-preview .bk-preview-head{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;color:#ffffff!important;border-bottom:1px solid rgba(255,255,255,.14)!important;padding-bottom:16px!important}
body section#offer .bk-offer-layout aside.bk-offer-preview .bk-preview-head span{color:#c9f77b!important;font-size:11px!important;font-weight:900!important;letter-spacing:2px!important}
body section#offer .bk-offer-layout aside.bk-offer-preview .bk-preview-head b{color:#ffffff!important;font-size:15px!important;letter-spacing:.5px!important}
body section#offer .bk-offer-layout aside.bk-offer-preview .bk-preview-route{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;align-items:center!important;gap:14px!important;color:#ffffff!important}
body section#offer .bk-offer-layout aside.bk-offer-preview .bk-preview-route div{min-width:0!important}
body section#offer .bk-offer-layout aside.bk-offer-preview .bk-preview-route small,body section#offer .bk-offer-layout aside.bk-offer-preview .bk-preview-details small{display:block!important;color:rgba(255,255,255,.62)!important;font-size:9px!important;font-weight:800!important;letter-spacing:1.4px!important;margin-bottom:6px!important}
body section#offer .bk-offer-layout aside.bk-offer-preview .bk-preview-route strong{display:block!important;color:#ffffff!important;font-size:17px!important;line-height:1.2!important;overflow-wrap:anywhere!important}
body section#offer .bk-offer-layout aside.bk-offer-preview .bk-preview-route>span{color:#c9f77b!important;font-size:24px!important;font-weight:900!important}
body section#offer .bk-offer-layout aside.bk-offer-preview .bk-preview-details{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;padding:16px!important;border-radius:16px!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.09)!important}
body section#offer .bk-offer-layout aside.bk-offer-preview .bk-preview-details b{display:block!important;color:#ffffff!important;font-size:13px!important;line-height:1.25!important}
body section#offer .bk-offer-layout aside.bk-offer-preview .bk-preview-trust{display:flex!important;align-items:flex-start!important;gap:10px!important;padding:15px!important;background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:16px!important;color:#ffffff!important}
body section#offer .bk-offer-layout aside.bk-offer-preview .bk-preview-trust>b,body section#offer .bk-offer-layout aside.bk-offer-preview .bk-preview-trust strong{color:#ffffff!important}
body section#offer .bk-offer-layout aside.bk-offer-preview .bk-preview-trust small{display:block!important;color:rgba(255,255,255,.72)!important;font-size:11px!important;line-height:1.45!important;margin-top:4px!important}
body section#offer .bk-offer-layout aside.bk-offer-preview .bk-preview-road{margin-top:auto!important;height:34px!important;border-top:1px dashed rgba(201,247,123,.35)!important;position:relative!important}
body section#offer .bk-offer-layout aside.bk-offer-preview .bk-preview-road i{display:block!important;position:absolute!important;width:7px!important;height:7px!important;border-radius:50%!important;background:#c9f77b!important;top:-4px!important}
body section#offer .bk-offer-layout aside.bk-offer-preview .bk-preview-road i:nth-child(1){left:8%!important}.bk-offer-preview .bk-preview-road i:nth-child(2){left:50%!important}.bk-offer-preview .bk-preview-road i:nth-child(3){right:8%!important}
@media(max-width:900px){body section#offer .bk-offer-layout aside.bk-offer-preview{min-height:420px!important}}
@media(max-width:600px){body section#offer .bk-offer-layout aside.bk-offer-preview{padding:22px!important;min-height:380px!important}.bk-preview-route strong{font-size:15px!important}.bk-preview-details{gap:9px!important}}