/* BantuSocial v2.35.3 — visual systems repair & modernisation */
:root{--bs2353-bg:#050b17;--bs2353-panel:#0b1526;--bs2353-panel2:#101c31;--bs2353-line:rgba(136,163,210,.15);--bs2353-text:#f6f8ff;--bs2353-muted:#8ea0bb;--bs2353-purple:#8b5cf6;--bs2353-pink:#f33f98;--bs2353-cyan:#28d7e8;--bs2353-green:#1ed784}
html{background:var(--bs2353-bg)}
body.bantusphere{min-height:100vh;overflow-x:hidden;background:var(--bs2353-bg)}
body.bantusphere .main-wrapper{min-width:0;max-width:100%;width:100%}
html:not(.bs-ui-ready) body.bantusphere *,html:not(.bs-ui-ready) body.bantusphere *:before,html:not(.bs-ui-ready) body.bantusphere *:after{animation:none!important;transition:none!important}
body.bantusphere.visitor .bs-app-sidebar,body.bantusphere.visitor .bs-app-side-toggle{display:none!important}
body.bantusphere.visitor .main-wrapper,body.bantusphere.visitor .main-wrapper>.container,body.bantusphere.visitor .main-wrapper>.container-fluid{margin-left:auto!important;margin-right:auto!important;max-width:100%!important}

/* Reaction tray: fixed viewport surface, never clipped by posts/lightboxes/cards */
body.bantusphere .reactions-wrapper{overflow:visible!important}
body.bantusphere .reactions-wrapper.bs-reaction-open .reactions-container{position:fixed!important;right:auto!important;bottom:auto!important;transform:none!important;z-index:2147483000!important;overflow:visible!important;max-width:calc(100vw - 24px)!important;box-sizing:border-box!important}
body.bantusphere .reactions-container{gap:5px!important;padding:6px 8px!important;min-height:58px!important;background:rgba(248,250,255,.985)!important;border:1px solid rgba(11,19,36,.12)!important;box-shadow:0 18px 46px rgba(0,0,0,.28)!important;border-radius:999px!important}
body.bantusphere .reactions-container .emoji{display:grid!important;place-items:center!important;width:46px!important;height:46px!important;min-width:46px!important;padding:0!important;margin:0!important;border-radius:50%!important;overflow:visible!important;transform-origin:50% 100%!important;transition:transform .14s ease!important}
body.bantusphere .reactions-container .emoji:hover{transform:translateY(-7px) scale(1.22)!important;z-index:5!important}
body.bantusphere .reactions-container .emoji img{display:block!important;width:40px!important;height:40px!important;max-width:none!important;object-fit:contain!important;opacity:1!important;visibility:visible!important}
body.bantusphere .reactions-container .bs-reaction-fallback{font-size:34px!important;line-height:1!important}

/* Rectangular stories — larger, elegant, still compact */
body.bantusphere .bs-story-rail{overflow-x:auto!important;overflow-y:visible!important;padding:5px 2px 10px!important;scrollbar-width:none}
body.bantusphere .bs-story-rail::-webkit-scrollbar{display:none}
body.bantusphere .bs-story-rail #stories{min-height:144px!important}
body.bantusphere .bs-story-rail #stories .story,body.bantusphere .bs-story-rail #stories .item{width:96px!important;min-width:96px!important;margin-right:10px!important}
body.bantusphere .bs-story-rail #stories .story>a,body.bantusphere .bs-story-rail #stories .item-link{width:96px!important;height:auto!important;display:block!important}
body.bantusphere .bs-story-rail #stories .story .img,body.bantusphere .bs-story-rail #stories .story .item-preview,body.bantusphere .bs-story-rail #stories .item .img,body.bantusphere .bs-story-rail #stories .item-preview{width:96px!important;height:124px!important;aspect-ratio:24/31!important;border-radius:18px!important;overflow:hidden!important;background-size:cover!important;background-position:center!important;box-shadow:0 10px 28px rgba(0,0,0,.22)!important;border:2px solid rgba(147,92,246,.46)!important}
body.bantusphere .bs-story-rail #stories img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:16px!important}
body.bantusphere .bs-story-rail #stories .story .info,body.bantusphere .bs-story-rail #stories .item .info{width:96px!important;margin-top:6px!important;font-size:10px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.bantusphere .bs-story-create-pill{min-height:38px!important;border-radius:12px!important}
@media(max-width:575px){body.bantusphere .bs-story-rail #stories{min-height:130px!important}body.bantusphere .bs-story-rail #stories .story,body.bantusphere .bs-story-rail #stories .item,body.bantusphere .bs-story-rail #stories .story>a,body.bantusphere .bs-story-rail #stories .item-link{width:84px!important;min-width:84px!important}body.bantusphere .bs-story-rail #stories .story .img,body.bantusphere .bs-story-rail #stories .story .item-preview,body.bantusphere .bs-story-rail #stories .item .img,body.bantusphere .bs-story-rail #stories .item-preview{width:84px!important;height:110px!important;border-radius:16px!important}}

/* Profile photos — proper side-by-side visual grid */
body.bg-page-profile .panel-photos>ul.row{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin:0!important}
body.bg-page-profile .panel-photos>ul.row>li,body.bg-page-profile .panel-photos>ul.row>div{width:auto!important;max-width:none!important;flex:none!important;padding:0!important;margin:0!important;min-width:0!important}
body.bg-page-profile .panel-photos .pg_photo{display:block!important;width:100%!important;height:auto!important;aspect-ratio:1/1!important;border-radius:16px!important;overflow:hidden!important;background-size:cover!important;background-position:center!important;box-shadow:0 8px 22px rgba(0,0,0,.18)!important}
@media(max-width:991px){body.bg-page-profile .panel-photos>ul.row{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:575px){body.bg-page-profile .panel-photos>ul.row{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}}

/* Home launcher: structurally hide extra items, never overlay Show less on Settings */
body.bantusphere #bs-superapp-grid{overflow:visible!important;max-height:none!important;align-items:stretch!important}
body.bantusphere #bs-superapp-grid[data-collapsed="true"]>.bs-module:nth-child(n+7){display:none!important}
body.bantusphere #bs-superapp-grid[data-collapsed="false"]>.bs-module{display:flex!important}
body.bantusphere .bs-module-grid-footer{position:relative!important;display:flex!important;width:100%!important;min-height:0!important;margin:12px 0 22px!important;clear:both!important;align-items:center!important;justify-content:center!important;z-index:1!important}
body.bantusphere .bs-grid-toggle{width:min(100%,440px)!important;min-height:54px!important;margin:0!important;border-radius:16px!important;padding:9px 12px!important}
@media(max-width:991px){body.bantusphere #bs-superapp-grid[data-collapsed="false"]>.bs-module{display:flex!important}}

/* Wallet 2.0 */
body.bg-page-wallet .page-header{display:none!important}
body.bg-page-wallet .container.position-relative{max-width:1220px!important;padding-top:28px!important}
body.bg-page-wallet .container.position-relative>.ele_content{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;overflow:visible!important}
body.bg-page-wallet .content-tabs{display:flex!important;justify-content:flex-start!important;margin:0 0 16px!important}
body.bg-page-wallet .content-tabs ul{display:inline-flex!important;gap:6px!important;padding:5px!important;border-radius:16px!important;background:#0a1424!important;border:1px solid var(--bs2353-line)!important}
body.bg-page-wallet .content-tabs li a{display:flex!important;align-items:center!important;gap:7px!important;min-height:42px!important;padding:8px 14px!important;border-radius:12px!important;color:#92a3bd!important;font-weight:800!important}
body.bg-page-wallet .content-tabs li.active a{background:linear-gradient(135deg,rgba(139,92,246,.32),rgba(243,63,152,.22))!important;color:#fff!important;box-shadow:0 8px 22px rgba(72,34,146,.24)!important}
body.bg-page-wallet .ele_wallet_balance{position:relative!important;overflow:hidden!important;min-height:210px!important;padding:28px!important;border-radius:26px!important;border:1px solid rgba(125,151,211,.18)!important;background:radial-gradient(circle at 82% 22%,rgba(40,215,232,.20),transparent 28%),radial-gradient(circle at 16% 0%,rgba(139,92,246,.28),transparent 34%),linear-gradient(135deg,#101b35,#101426 55%,#22152d)!important;box-shadow:0 24px 60px rgba(0,0,0,.24)!important}
body.bg-page-wallet .ele_wallet_balance:after{content:"";position:absolute;right:-70px;bottom:-120px;width:300px;height:300px;border-radius:50%;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 0 35px rgba(255,255,255,.025),0 0 0 70px rgba(255,255,255,.016)}
body.bg-page-wallet .ele_wallet_balance .heading-small{color:#86a0c4!important;text-transform:uppercase!important;letter-spacing:.16em!important;font-size:9px!important;font-weight:900!important}
body.bg-page-wallet .ele_wallet_balance h2,body.bg-page-wallet .ele_wallet_balance h3,body.bg-page-wallet .ele_wallet_balance .display-4{color:#fff!important;font-weight:900!important;letter-spacing:-.035em!important}
body.bg-page-wallet .ele_wallet_balance .btn{position:relative!important;z-index:2!important;min-height:44px!important;border:0!important;border-radius:13px!important;background:linear-gradient(135deg,#7758f6,#ef3f99)!important;color:#fff!important;box-shadow:0 10px 28px rgba(183,53,184,.25)!important}
body.bg-page-wallet .ele_wallet_opts{height:100%!important;min-height:76px!important;margin-top:0!important;padding:13px!important;border-radius:17px!important;border:1px solid rgba(127,153,204,.15)!important;background:linear-gradient(145deg,#0d182a,#101b2f)!important;color:#eaf1ff!important;text-align:left!important;box-shadow:0 10px 28px rgba(0,0,0,.12)!important;transition:transform .18s ease,border-color .18s ease!important}
body.bg-page-wallet .ele_wallet_opts:hover{transform:translateY(-2px)!important;border-color:rgba(139,92,246,.40)!important}
body.bg-page-wallet .ele_wallet_opts svg{margin-right:7px!important;vertical-align:middle!important}
body.bg-page-wallet .table-responsive{border:1px solid var(--bs2353-line)!important;border-radius:20px!important;overflow:auto!important;background:#0a1424!important;box-shadow:0 14px 38px rgba(0,0,0,.13)!important}
body.bg-page-wallet table.table{margin:0!important;background:transparent!important;color:#dbe7fb!important}
body.bg-page-wallet table.table th{padding:14px!important;border:0!important;border-bottom:1px solid var(--bs2353-line)!important;color:#7589a7!important;font-size:9px!important;letter-spacing:.12em!important;text-transform:uppercase!important}
body.bg-page-wallet table.table td{padding:14px!important;border-color:rgba(126,151,197,.10)!important;vertical-align:middle!important;background:transparent!important}
body.bg-page-wallet table.table tbody tr:hover td{background:rgba(124,92,246,.045)!important}
@media(max-width:575px){body.bg-page-wallet .container.position-relative{padding-top:16px!important}body.bg-page-wallet .ele_wallet_balance{min-height:185px!important;padding:20px!important;border-radius:20px!important}body.bg-page-wallet .content-tabs li a{padding:7px 10px!important;font-size:11px!important}}

/* Marketplace cards: consistent cover, no stretched images */
body.bg-page-market .product,body.bantusphere #bs-home-market-track .product{height:100%!important;overflow:hidden!important;border-radius:20px!important;border:1px solid rgba(128,151,198,.14)!important;background:linear-gradient(150deg,#0b1526,#101a2b)!important;box-shadow:0 12px 32px rgba(0,0,0,.14)!important}
body.bg-page-market .product .product-image,body.bantusphere #bs-home-market-track .product .product-image{display:block!important;width:100%!important;height:auto!important;aspect-ratio:4/3!important;overflow:hidden!important;background:#09111e!important;border-radius:18px 18px 0 0!important}
body.bg-page-market .product .product-image img,body.bantusphere #bs-home-market-track .product .product-image img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;transition:transform .28s ease!important}
body.bg-page-market .product:hover .product-image img,body.bantusphere #bs-home-market-track .product:hover .product-image img{transform:scale(1.035)!important}
body.bantusphere #bs-home-market-track .bs-market-slide>.col-6,body.bantusphere #bs-home-market-track .bs-market-slide>[class*="col-"]{width:100%!important;max-width:none!important;flex:none!important;padding:0!important}

/* Cinematic discovery rails — same visual language as ZiwaPhi featured DJs */
body.bantusphere .bs2353-cinematic-shell{position:relative!important;margin:10px 0 25px!important;padding:0 14px 28px!important;border:1px solid rgba(131,151,200,.15)!important;border-radius:24px!important;background:radial-gradient(circle at 50% 20%,rgba(121,72,219,.14),transparent 38%),linear-gradient(160deg,#090f1e,#0c1427)!important;overflow:hidden!important}
body.bantusphere .bs2353-cinematic-shell>.bs2353-rail-head{position:absolute;left:18px;right:18px;top:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:4}
body.bantusphere .bs2353-rail-title{font-size:10px;font-weight:900;letter-spacing:.14em;color:#e957a5;text-transform:uppercase}
body.bantusphere .bs2353-nav{display:flex;gap:7px}.bs2353-nav button{width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:#111c30;color:#fff;cursor:pointer}
body.bantusphere .bs2353-cinematic-rail{display:flex!important;gap:14px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;scroll-behavior:smooth!important;padding:64px max(24px,calc(50% - 265px)) 22px!important;margin:0!important;scrollbar-width:none!important;list-style:none!important}
body.bantusphere .bs2353-cinematic-rail::-webkit-scrollbar{display:none}
body.bantusphere .bs2353-cinematic-rail>.bs2353-cinematic-item{flex:0 0 min(72vw,530px)!important;max-width:530px!important;scroll-snap-align:center!important;opacity:.46!important;transform:scale(.90)!important;filter:saturate(.7)!important;transition:transform .28s ease,opacity .28s ease,filter .28s ease!important;min-width:0!important;margin:0!important;padding:0!important}
body.bantusphere .bs2353-cinematic-rail>.bs2353-cinematic-item.is-current{opacity:1!important;transform:scale(1)!important;filter:none!important;z-index:2!important}
body.bantusphere .bs2353-cinematic-item .ele_content,body.bantusphere .bs2353-cinematic-item .ele_my_pages,body.bantusphere .bs2353-cinematic-item .bs-job-card,body.bantusphere .bs2353-cinematic-item .bs-cinema-card{height:100%!important;border-radius:20px!important;overflow:hidden!important;box-shadow:0 18px 44px rgba(0,0,0,.24)!important}
body.bantusphere .bs2353-cinematic-item .ele_events_list .img{height:260px!important;border-radius:17px!important;overflow:hidden!important}
body.bantusphere .bs2353-cinematic-item .ele_events_list .img img{width:100%!important;height:100%!important;object-fit:cover!important}
body.bantusphere .bs2353-cinematic-item .ele_my_pages{display:grid!important;grid-template-columns:82px minmax(0,1fr) auto!important;align-items:center!important;gap:14px!important;padding:18px!important;background:#0e192b!important;border:1px solid rgba(135,159,210,.14)!important}
body.bantusphere .bs2353-cinematic-item .ele_my_pages .info{min-width:0!important;padding-right:0!important}.bs2353-cinematic-item .ele_my_pages .avatar{width:76px!important;height:76px!important;margin:0!important}.bs2353-cinematic-item .ele_my_pages .avatar img{width:76px!important;height:76px!important;object-fit:cover!important;border-radius:18px!important}
body.bantusphere .bs2353-cinematic-item .bs-job-card{margin:0!important;background:linear-gradient(145deg,#0d1729,#111d31)!important;border:1px solid rgba(127,151,198,.14)!important;padding:18px!important}
body.bantusphere .bs2353-dots{display:flex;justify-content:center;gap:5px;margin-top:4px}.bs2353-dots button{width:5px;height:5px;border:0;border-radius:999px;background:#35415b;padding:0;transition:.2s}.bs2353-dots button.is-current{width:24px;background:linear-gradient(90deg,#8b5cf6,#f33f98)}
@media(max-width:700px){body.bantusphere .bs2353-cinematic-shell{padding-left:0!important;padding-right:0!important;border-left:0!important;border-right:0!important;border-radius:18px!important}body.bantusphere .bs2353-cinematic-rail{padding-left:9vw!important;padding-right:9vw!important}body.bantusphere .bs2353-cinematic-item{flex-basis:82vw!important}.bs2353-cinematic-item .ele_my_pages{grid-template-columns:62px minmax(0,1fr)!important}.bs2353-cinematic-item .ele_my_pages>div:last-child{grid-column:1/-1!important}.bs2353-cinematic-item .ele_my_pages .avatar,.bs2353-cinematic-item .ele_my_pages .avatar img{width:58px!important;height:58px!important}}

/* Directory BantuExplore card */
body.bg-page-directory .directory-card.bantuexplore{background:radial-gradient(circle at 78% 12%,rgba(40,215,232,.22),transparent 30%),linear-gradient(135deg,rgba(110,58,220,.20),rgba(18,39,72,.28))!important;border-color:rgba(119,85,246,.28)!important}.directory-card.bantuexplore>span{background:linear-gradient(135deg,#7858f6,#e23f9d)!important;color:#fff!important}

/* ZiwaPhi admin/editor polish */
.bszi-editor{display:grid;gap:16px}.bszi-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.bszi-editor-card{padding:18px;border:1px solid #e3e8f1;border-radius:18px;background:#fff}.bszi-editor-card.full{grid-column:1/-1}.bszi-editor label{display:block;font-size:10px;font-weight:800;color:#5e6b7e;margin-bottom:6px;text-transform:uppercase;letter-spacing:.06em}.bszi-editor .form-control,.bszi-editor select,.bszi-editor textarea{width:100%;border:1px solid #d9e0ea;border-radius:11px;padding:10px 11px}.bszi-role-note{padding:10px 12px;border-radius:12px;background:#f4f0ff;color:#55448a;font-size:11px}.bszi-editor-actions{display:flex;justify-content:flex-end;gap:8px}@media(max-width:800px){.bszi-editor-grid{grid-template-columns:1fr}.bszi-editor-card.full{grid-column:auto}}

/* v2.35.3 finishing guards */
body.bg-page-wallet .ele_wallet_balance h5{position:relative;z-index:2;margin:0!important;color:#fff!important;font-size:clamp(34px,4vw,54px)!important;line-height:1!important;font-weight:900!important;letter-spacing:-.045em!important}
body.bg-page-wallet .ele_wallet_balance .btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;padding:11px 16px!important;font-weight:850!important}
body.bg-page-wallet .ele_wallet_balance .btn svg{width:22px!important;height:22px!important;margin:0!important}
body.bg-page-wallet .row>.col-md-6.col-lg-3{margin-top:10px!important}
body.bantusphere .bs2353-cinematic-item.ele_my_pages{display:grid!important;grid-template-columns:82px minmax(0,1fr) auto!important;align-items:center!important;gap:14px!important;padding:18px!important;background:#0e192b!important;border:1px solid rgba(135,159,210,.14)!important;border-radius:20px!important}
body.bantusphere .bs2353-cinematic-item.ele_my_pages .info{min-width:0!important;padding-right:0!important}
body.bantusphere .bs2353-cinematic-item.ele_my_pages .avatar{width:76px!important;height:76px!important;margin:0!important}
body.bantusphere .bs2353-cinematic-item.ele_my_pages .avatar img{width:76px!important;height:76px!important;object-fit:cover!important;border-radius:18px!important}
body.bantusphere .bs-settings-grid{position:relative!important;display:grid!important;grid-auto-rows:1fr!important;align-items:stretch!important;overflow:visible!important}
body.bantusphere .bs-settings-grid>.bs-settings-card{position:relative!important;min-width:0!important;height:100%!important;overflow:hidden!important}
@media(max-width:700px){body.bantusphere .bs2353-cinematic-item.ele_my_pages{grid-template-columns:62px minmax(0,1fr)!important}body.bantusphere .bs2353-cinematic-item.ele_my_pages>div:last-child{grid-column:1/-1!important}body.bantusphere .bs2353-cinematic-item.ele_my_pages .avatar,body.bantusphere .bs2353-cinematic-item.ele_my_pages .avatar img{width:58px!important;height:58px!important}}
body.bg-page-wallet .bs2353-wallet-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 0 18px;padding:4px 2px;color:#fff}body.bg-page-wallet .bs2353-wallet-kicker{display:block;margin-bottom:5px;color:#48d9e6;font-size:9px;font-weight:900;letter-spacing:.18em}body.bg-page-wallet .bs2353-wallet-intro h1{margin:0;font-size:clamp(27px,3.2vw,42px);line-height:1.04;font-weight:900;letter-spacing:-.04em}body.bg-page-wallet .bs2353-wallet-intro p{max-width:660px;margin:8px 0 0;color:#8598b4;font-size:12px}body.bg-page-wallet .bs2353-wallet-trust{display:flex;align-items:center;gap:10px;min-width:210px;padding:11px 13px;border:1px solid rgba(45,212,191,.18);border-radius:15px;background:rgba(14,38,44,.42)}body.bg-page-wallet .bs2353-wallet-trust>i{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:rgba(30,215,132,.13);color:#3de59a}body.bg-page-wallet .bs2353-wallet-trust span{display:grid}body.bg-page-wallet .bs2353-wallet-trust strong{font-size:10px;color:#eafdf5}body.bg-page-wallet .bs2353-wallet-trust small{font-size:8px;color:#75a594}@media(max-width:700px){body.bg-page-wallet .bs2353-wallet-intro{align-items:flex-start;flex-direction:column}body.bg-page-wallet .bs2353-wallet-trust{width:100%}}
body.bg-page-wallet .ele_wallet_balance+.row{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin:10px 0 0!important}body.bg-page-wallet .ele_wallet_balance+.row>[class*="col-"]{width:auto!important;max-width:none!important;flex:none!important;margin:0!important;padding:0!important}body.bg-page-wallet .ele_wallet_balance+.row .ele_wallet_opts{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important;white-space:normal!important}@media(max-width:900px){body.bg-page-wallet .ele_wallet_balance+.row{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:480px){body.bg-page-wallet .ele_wallet_balance+.row{grid-template-columns:1fr!important}}
/* Definitive story geometry — outranks historical circle treatments */
html body.bantusphere .bs-stories-card .bs-story-rail #stories .story{width:96px!important;min-width:96px!important;max-width:96px!important;flex:0 0 96px!important;margin:0 10px 0 0!important}
html body.bantusphere .bs-stories-card .bs-story-rail #stories .story>.item-link,html body.bantusphere .bs-stories-card .bs-story-rail #stories .story>a{display:block!important;width:96px!important;min-width:96px!important;max-width:96px!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;overflow:visible!important;border-radius:0!important;clip-path:none!important;flex:0 0 96px!important}
html body.bantusphere .bs-stories-card .bs-story-rail #stories .story>.item-link>.item-preview,html body.bantusphere .bs-stories-card .bs-story-rail #stories .story>a>.img,html body.bantusphere .bs-stories-card .bs-story-rail .create_story>a{display:block!important;width:96px!important;height:124px!important;min-width:96px!important;min-height:124px!important;max-width:96px!important;max-height:124px!important;aspect-ratio:24/31!important;flex:0 0 96px!important;border-radius:18px!important;clip-path:none!important;overflow:hidden!important;background-position:center!important;background-size:cover!important}
html body.bantusphere .bs-stories-card .bs-story-rail #stories .story>.item-link>.item-preview>*,html body.bantusphere .bs-stories-card .bs-story-rail #stories .story>a>.img>*,html body.bantusphere .bs-stories-card .bs-story-rail .create_story>a img{width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:cover!important;border-radius:16px!important;clip-path:none!important}
html body.bantusphere .bs-stories-card .bs-story-rail #stories .story>a>.info,html body.bantusphere .bs-stories-card .bs-story-rail #stories .story>.item-link>.info{width:96px!important;max-width:96px!important;margin-top:6px!important}
html body.bantusphere .bs-stories-card .bs-story-rail #stories .story>a>.info strong,html body.bantusphere .bs-stories-card .bs-story-rail #stories .story>.item-link>.info strong{max-width:96px!important}
@media(max-width:575px){html body.bantusphere .bs-stories-card .bs-story-rail #stories .story{width:84px!important;min-width:84px!important;max-width:84px!important;flex-basis:84px!important}html body.bantusphere .bs-stories-card .bs-story-rail #stories .story>.item-link,html body.bantusphere .bs-stories-card .bs-story-rail #stories .story>a{width:84px!important;min-width:84px!important;max-width:84px!important;flex-basis:84px!important}html body.bantusphere .bs-stories-card .bs-story-rail #stories .story>.item-link>.item-preview,html body.bantusphere .bs-stories-card .bs-story-rail #stories .story>a>.img,html body.bantusphere .bs-stories-card .bs-story-rail .create_story>a{width:84px!important;height:110px!important;min-width:84px!important;min-height:110px!important;max-width:84px!important;max-height:110px!important;flex-basis:84px!important;border-radius:16px!important}html body.bantusphere .bs-stories-card .bs-story-rail #stories .story>a>.info,html body.bantusphere .bs-stories-card .bs-story-rail #stories .story>.item-link>.info{width:84px!important;max-width:84px!important}}
html body.bantusphere.bg-page-market .product .product-image{display:block!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:4/3!important;overflow:hidden!important;background:#09111e!important;border-radius:18px 18px 0 0!important}html body.bantusphere.bg-page-market .product .product-image img{width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:center!important;border-radius:0!important}

body.bantusphere .bs2353-cinematic-rail:not([data-bs2353-rail="1"])>.bs2353-cinematic-item:first-child{opacity:1!important;transform:scale(1)!important;filter:none!important}
body.bantusphere .bs2353-cinematic-rail.bs2353-preflight{position:relative!important}body.bantusphere .bs2353-cinematic-rail.bs2353-preflight:before{position:absolute;left:18px;top:18px;z-index:2;color:#e957a5;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}body.bg-page-events .bs2353-cinematic-rail.bs2353-preflight:before{content:"Events · discover what is happening"}body.bg-page-pages .bs2353-cinematic-rail.bs2353-preflight:before{content:"Pages · brands, creators & communities"}body.bg-page-jobs .bs2353-cinematic-rail.bs2353-preflight:before{content:"Jobs · opportunities worth exploring"}body.bg-page-movies .bs2353-cinematic-rail.bs2353-preflight:before{content:"Bantu Cinema · featured now"}

/* Logged-out / sign-out stability: remove authenticated-only chrome before JS hydration */
html body.bantusphere.visitor .bs-app-sidebar,
html body.bantusphere.visitor .bs-nav-close,
html body.bantusphere.visitor .bs-side-backdrop,
html body.bantusphere.visitor .bs-mobile-drawer-backdrop,
html body.bantusphere.visitor .bs-mobile-dock,
html body.bantusphere.visitor .bs-sidebar-desktop-toggle,
html body.bantusphere.visitor .bs-app-side-toggle{display:none!important;visibility:hidden!important;pointer-events:none!important}
html body.bantusphere.visitor.side_open,
html body.bantusphere.visitor.sidebar-open{overflow:auto!important;touch-action:auto!important}
html body.bantusphere.visitor .main-wrapper{left:auto!important;transform:none!important;padding-left:0!important;max-width:100%!important}

/* Modern discovery page headers + filter bars, matching the cinematic rail language */
html body.bantusphere.bg-page-events .page-header,
html body.bantusphere.bg-page-pages .page-header,
html body.bantusphere.bg-page-jobs .page-header,
html body.bantusphere.bg-page-movies .page-header{
  position:relative!important;overflow:hidden!important;margin-bottom:18px!important;padding:22px 24px!important;
  border:1px solid rgba(135,159,210,.15)!important;border-radius:24px!important;
  background:radial-gradient(circle at 82% 12%,rgba(40,215,232,.13),transparent 28%),radial-gradient(circle at 8% 0%,rgba(139,92,246,.22),transparent 34%),linear-gradient(135deg,#0b162a,#0c1424 60%,#1a1024)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.18)!important
}
html body.bantusphere.bg-page-events .page-header h1,
html body.bantusphere.bg-page-pages .page-header h1,
html body.bantusphere.bg-page-jobs .page-header h1,
html body.bantusphere.bg-page-movies .page-header h1,
html body.bantusphere.bg-page-events .page-header h2,
html body.bantusphere.bg-page-pages .page-header h2,
html body.bantusphere.bg-page-jobs .page-header h2,
html body.bantusphere.bg-page-movies .page-header h2{color:#fff!important;font-weight:900!important;letter-spacing:-.035em!important}
html body.bantusphere.bg-page-events .container.position-relative>.ele_content:not(.page-header),
html body.bantusphere.bg-page-pages .container.position-relative>.ele_content:not(.page-header),
html body.bantusphere.bg-page-jobs .container.position-relative>.ele_content:not(.page-header),
html body.bantusphere.bg-page-movies .container.position-relative>.ele_content:not(.page-header){border-radius:20px!important;border-color:rgba(133,158,204,.14)!important}
html body.bantusphere.bg-page-events .btn.btn-mat,
html body.bantusphere.bg-page-pages .btn.btn-mat,
html body.bantusphere.bg-page-jobs .btn.btn-mat,
html body.bantusphere.bg-page-movies .btn.btn-mat{min-height:42px!important;border-radius:13px!important;border:1px solid rgba(133,158,204,.14)!important;background:#111c30!important;color:#e8effd!important;box-shadow:none!important}
html body.bantusphere.bg-page-events .btn.btn-mat:hover,
html body.bantusphere.bg-page-pages .btn.btn-mat:hover,
html body.bantusphere.bg-page-jobs .btn.btn-mat:hover,
html body.bantusphere.bg-page-movies .btn.btn-mat:hover{border-color:rgba(139,92,246,.42)!important;background:#17243b!important}
@media(max-width:575px){
  html body.bantusphere.bg-page-events .page-header,
  html body.bantusphere.bg-page-pages .page-header,
  html body.bantusphere.bg-page-jobs .page-header,
  html body.bantusphere.bg-page-movies .page-header{padding:16px!important;border-radius:18px!important}
}