/* Bananzia content design v3 - scoped to .ab-v2 (navy + gold theme) */
.ab-v2{--g1:#f4db20;--g2:#ffb800;--gs:#f3db8e;--n0:#10164f;--n1:#171e63;--n2:#1b2469;--n3:#222d80;--ln:rgba(255,255,255,.08);--ln2:#35407c;--tx:#d6dcf5;--mut:#a9b1dd;
  max-width:1180px !important;margin:34px auto 60px !important;color:var(--tx);font-size:15.5px;line-height:1.8;counter-reset:absec}
.ab-v2 p{margin:0 0 14px}
.ab-v2 a{color:var(--g1);text-decoration:none;border-bottom:1px solid rgba(244,219,32,.4)}
.ab-v2 a:hover{border-bottom-color:var(--g1)}
.ab-v2 strong{color:#fff}

/* intro */
.ab-v2 .ab-intro{position:relative;overflow:hidden;padding:34px 40px 22px;margin:0 0 30px;border-radius:24px;background:radial-gradient(120% 140% at 100% 0%,rgba(244,219,32,.16) 0%,rgba(244,219,32,0) 45%),linear-gradient(135deg,#25308b 0%,#1b2469 55%,#161d5e 100%);border:1px solid rgba(244,219,32,.22);box-shadow:0 24px 60px rgba(4,7,40,.45)}
.ab-v2 .ab-intro::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(180deg,var(--g1),var(--g2))}
.ab-v2 .ab-intro::after{content:"";position:absolute;right:-60px;bottom:-60px;width:220px;height:220px;border-radius:50%;border:30px solid rgba(244,219,32,.06)}
.ab-v2 .ab-intro p{position:relative;z-index:1}
.ab-v2 .ab-intro p:first-child{font-size:18.5px;line-height:1.7;color:#fff;font-weight:600}

/* layout + sticky toc */
.ab-v2 .ab-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:34px;align-items:start}
.ab-v2 .ab-aside{position:sticky;top:20px}
.ab-v2 .ab-toc-box{padding:20px 16px 14px;border-radius:18px;background:linear-gradient(180deg,#1d2672,#171e63);border:1px solid var(--ln2);max-height:calc(100vh - 40px);overflow:auto}
.ab-v2 .ab-toc-title{margin:0 0 10px 6px !important;font-size:11.5px;font-weight:900;letter-spacing:1.6px;text-transform:uppercase;color:var(--g1)}
.ab-v2 .ab-toc{list-style:none;margin:0;padding:0;counter-reset:abtoc}
.ab-v2 .ab-toc li{counter-increment:abtoc;margin:0}
.ab-v2 .ab-toc a{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;border:0;border-radius:10px;color:var(--mut);font-size:12.8px;line-height:1.45;font-weight:600;transition:background .2s,color .2s}
.ab-v2 .ab-toc a::before{content:counter(abtoc,decimal-leading-zero);flex:0 0 auto;font-size:11px;font-weight:900;color:rgba(244,219,32,.6);padding-top:1px}
.ab-v2 .ab-toc a:hover{background:rgba(255,255,255,.05);color:#fff}
.ab-v2 .ab-toc a.is-active{background:rgba(244,219,32,.12);color:#fff}
.ab-v2 .ab-toc a.is-active::before{color:var(--g1)}
.ab-v2 .ab-toc-m{display:none}

/* sections */
.ab-v2 .ab-sec{counter-increment:absec;position:relative;padding:8px 0 26px 76px;margin:0 0 26px;scroll-margin-top:20px}
.ab-v2 .ab-sec::before{content:"";position:absolute;left:25px;top:62px;bottom:0;width:2px;background:linear-gradient(180deg,rgba(244,219,32,.45),rgba(244,219,32,0))}
.ab-v2 .ab-sec h2{position:relative;margin:0 0 16px !important;padding:0 !important;font-size:27px !important;line-height:1.25;color:#fff;font-weight:900;background:none !important;border:0 !important}
.ab-v2 .ab-sec h2::before{content:counter(absec,decimal-leading-zero);position:absolute;left:-76px;top:-4px;display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:linear-gradient(145deg,var(--g1),var(--g2));color:#14174a;font-size:17px;font-weight:900;box-shadow:0 8px 22px rgba(244,184,0,.28),inset 0 -3px 0 rgba(0,0,0,.18)}
.ab-v2 .ab-sec h2::after{content:"";display:block;width:56px;height:3px;margin-top:12px;border-radius:3px;background:linear-gradient(90deg,var(--g1),rgba(244,219,32,0))}
.ab-v2 .ab-sec > p{color:var(--tx)}

/* h3 cards */
.ab-v2 .ab-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:12px 0 10px}
.ab-v2 .ab-grid--2{grid-template-columns:repeat(2,1fr)}
.ab-v2 .ab-card{position:relative;padding:22px 22px 10px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid var(--ln);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);transition:transform .25s,border-color .25s,box-shadow .25s}
.ab-v2 .ab-card:hover{transform:translateY(-4px);border-color:rgba(244,219,32,.45);box-shadow:0 18px 36px rgba(4,7,40,.45)}
.ab-v2 .ab-card .ab-ico{display:grid;place-items:center;width:44px;height:44px;margin-bottom:14px;border-radius:13px;background:linear-gradient(145deg,rgba(244,219,32,.22),rgba(244,219,32,.06));border:1px solid rgba(244,219,32,.3);color:var(--g1)}
.ab-v2 .ab-card .ab-ico svg{width:22px;height:22px}
.ab-v2 .ab-card h3{margin:0 0 10px !important;font-size:17px !important;line-height:1.35;color:var(--gs) !important}
.ab-v2 .ab-card p{font-size:14.3px;line-height:1.7}
.ab-v2 .ab-sub{margin:16px 0 0;padding:20px 22px 8px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015));border:1px solid var(--ln)}
.ab-v2 .ab-sub h3{margin:0 0 10px !important;font-size:17.5px !important;color:var(--gs) !important}

/* figure */
.ab-v2 .ab-figure{margin:4px 0 20px;border-radius:18px;overflow:hidden;border:1px solid rgba(244,219,32,.25);box-shadow:0 18px 40px rgba(4,7,40,.4)}
.ab-v2 .ab-figure img{display:block;width:100%;height:300px;object-fit:cover;transition:transform .6s}
.ab-v2 .ab-figure:hover img{transform:scale(1.03)}

/* lists */
.ab-v2 ul.ab-points{list-style:none;padding:0;margin:10px 0 18px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.ab-v2 ul.ab-points li{position:relative;margin:0;padding:14px 16px 14px 52px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid var(--ln);font-size:14.3px;line-height:1.6;transition:border-color .2s,background .2s}
.ab-v2 ul.ab-points li:hover{border-color:rgba(244,219,32,.5);background:rgba(244,219,32,.05)}
.ab-v2 ul.ab-points li::before{content:"";position:absolute;left:16px;top:15px;width:22px;height:22px;border-radius:7px;background:var(--g1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.2l-3.5-3.5L4 14.2l5 5 11-11-1.5-1.5z' fill='%2315174a'/%3E%3C/svg%3E") center/16px no-repeat}
.ab-v2 ul.ab-points li strong{display:block;margin-bottom:2px}
.ab-v2 ul.ab-points li:last-child:nth-child(odd){grid-column:1/-1}
.ab-v2 ul.ab-points--no li::before{background:#ff5a6a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.3 5.7L12 12l6.3 6.3-1.4 1.4L10.6 13.4 4.3 19.7 2.9 18.3 9.2 12 2.9 5.7 4.3 4.3l6.3 6.3 6.3-6.3z' fill='%23fff'/%3E%3C/svg%3E") center/13px no-repeat}
.ab-v2 ul.ab-points--no li:hover{border-color:rgba(255,90,106,.6);background:rgba(255,90,106,.05)}
.ab-v2 .ab-card ul.ab-points{grid-template-columns:1fr;gap:8px}
.ab-v2 .ab-card ul.ab-points li{padding:10px 12px 10px 42px;font-size:13.5px}
.ab-v2 .ab-card ul.ab-points li::before{left:12px;top:11px;width:20px;height:20px;background-size:14px}

/* steps */
.ab-v2 ol.ab-steps{list-style:none;counter-reset:abstep;padding:0;margin:8px 0 16px;display:grid;gap:10px;position:relative}
.ab-v2 ol.ab-steps li{counter-increment:abstep;position:relative;margin:0;padding:13px 16px 13px 62px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid var(--ln);transition:border-color .2s,transform .2s}
.ab-v2 ol.ab-steps li:hover{border-color:rgba(244,219,32,.5);transform:translateX(4px)}
.ab-v2 ol.ab-steps li::before{content:counter(abstep);position:absolute;left:14px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(145deg,var(--g1),var(--g2));color:#14174a;font-weight:900;font-size:14px;box-shadow:0 0 0 4px rgba(244,219,32,.12)}

/* faq */
.ab-v2 .ab-faqs{display:grid;gap:10px}
.ab-v2 details.ab-faq{margin:0;padding:0;border:1px solid var(--ln);border-radius:14px;background:rgba(255,255,255,.04);overflow:hidden;transition:border-color .2s}
.ab-v2 details.ab-faq summary{list-style:none;cursor:pointer;padding:16px 56px 16px 20px;position:relative}
.ab-v2 details.ab-faq summary::-webkit-details-marker{display:none}
.ab-v2 details.ab-faq summary::after{content:"+";position:absolute;right:16px;top:50%;transform:translateY(-50%);width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:rgba(244,219,32,.14);color:var(--g1);font-weight:900}
.ab-v2 details.ab-faq[open]{border-color:rgba(244,219,32,.55);background:rgba(244,219,32,.05)}
.ab-v2 details.ab-faq[open] summary::after{content:"\2212";background:var(--g1);color:#14174a}
.ab-v2 details.ab-faq summary h3{display:inline;margin:0 !important;font-size:15.5px !important;color:#fff !important}
.ab-v2 details.ab-faq p{margin:0;padding:0 20px 16px}

/* special sections */
.ab-v2 .ab-sec--rg{padding:28px 30px 16px 106px;border-radius:22px;background:linear-gradient(135deg,rgba(255,184,0,.10),rgba(255,184,0,.02) 60%),#1a2166;border:1px solid rgba(255,184,0,.4)}
.ab-v2 .ab-sec--rg::before{display:none}
.ab-v2 .ab-sec--rg h2::before{content:"18+";left:-76px;background:transparent;color:var(--g1);border:2px solid var(--g1);box-shadow:none;font-size:14px}
.ab-v2 .ab-sec--rg strong{display:inline-block;padding:1px 10px;border-radius:8px;background:var(--g1);color:#14174a}
.ab-v2 .ab-sec--rg .ab-card strong{display:inline;padding:0;background:none;color:var(--g1)}
.ab-v2 .ab-sec--rg u{text-decoration-color:var(--g1);text-underline-offset:3px;color:#fff;font-weight:700}
.ab-v2 .ab-sec--final{padding:30px 32px 18px 108px;border-radius:24px;background:radial-gradient(120% 120% at 100% 0%,#ffe766 0%,rgba(255,231,102,0) 50%),linear-gradient(135deg,#f4db20,#ffc21a);border:1px solid #ffe27a;color:#1d1f52;box-shadow:0 24px 50px rgba(244,184,0,.18)}
.ab-v2 .ab-sec--final::before{display:none}
.ab-v2 .ab-sec--final h2{color:#14174a !important}
.ab-v2 .ab-sec--final h2::before{left:-78px;background:#14174a;color:var(--g1);box-shadow:none}
.ab-v2 .ab-sec--final h2::after{background:linear-gradient(90deg,#14174a,rgba(20,23,74,0))}
.ab-v2 .ab-sec--final > p,.ab-v2 .ab-sec--final p{color:#23255c;font-weight:600}
.ab-v2 .ab-sec--final a{color:#14174a;border-bottom-color:#14174a}
.ab-v2 .ab-sec--final p:last-child strong{display:block;margin-top:6px;padding:13px 16px;border-radius:12px;background:#14174a;color:var(--g1);font-size:13.5px}
.ab-v2 .ab-sec--final details.ab-faq{background:#1b2469;border-color:#1b2469}
.ab-v2 .ab-sec--final details.ab-faq p{color:var(--tx);font-weight:500}
.ab-v2 .ab-sec--final details.ab-faq[open]{border-color:#14174a}
.ab-v2--numbered .ab-sec h2::before{content:"§";font-size:21px}
.ab-v2 .content-play-cta-wrap{margin:0 0 30px 76px}

/* home rows + login side image */
.home-games-break{margin:34px 0 38px}
.home-games-break .game-section{margin:0;padding:0}
.page-content .panel-grid.single:has(#login-form)::after{background-size:cover!important;background-position:center!important}

@media(max-width:1100px){
  .ab-v2 .ab-layout{grid-template-columns:1fr}
  .ab-v2 .ab-aside{display:none}
  .ab-v2 .ab-toc-m{display:block;margin:0 0 28px;border-radius:16px;background:#1b2469;border:1px solid var(--ln2);overflow:hidden}
  .ab-v2 .ab-toc-m summary{cursor:pointer;list-style:none;padding:14px 18px;font-size:12px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase;color:var(--g1)}
  .ab-v2 .ab-toc-m summary::-webkit-details-marker{display:none}
  .ab-v2 .ab-toc-m summary::after{content:"+";float:right}
  .ab-v2 .ab-toc-m[open] summary::after{content:"\2212"}
  .ab-v2 .ab-toc-m .ab-toc{padding:0 8px 10px}
}
@media(max-width:850px){.ab-v2 .ab-grid,.ab-v2 .ab-grid--2,.ab-v2 ul.ab-points{grid-template-columns:1fr}}
@media(max-width:600px){
  .ab-v2{font-size:15px}
  .ab-v2 .ab-intro{padding:24px 20px 12px 26px;border-radius:18px}
  .ab-v2 .ab-intro p:first-child{font-size:16.5px}
  .ab-v2 .ab-sec{padding:0 0 18px 0}
  .ab-v2 .ab-sec::before{display:none}
  .ab-v2 .ab-sec h2{font-size:21px !important;padding-top:56px !important}
  .ab-v2 .ab-sec h2::before,.ab-v2 .ab-sec--rg h2::before,.ab-v2 .ab-sec--final h2::before{left:0;top:0;width:44px;height:44px;font-size:15px}
  .ab-v2 .ab-sec--rg,.ab-v2 .ab-sec--final{padding:22px 18px 10px}
  .ab-v2 .content-play-cta-wrap{margin-left:0}
  .ab-v2 .ab-figure img{height:190px}
}
.ab-v2 .ab-grid{grid-template-columns:repeat(2,1fr)}
.ab-v2 .ab-grid > .ab-card:last-child:nth-child(odd){grid-column:1/-1}
@media(max-width:850px){.ab-v2 .ab-grid{grid-template-columns:1fr}}
.ab-v2 .ab-covers{display:grid !important;grid-template-columns:repeat(5,1fr);gap:12px;margin:6px 0 20px !important;padding:0}
.ab-v2 .ab-covers img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:14px;border:1px solid rgba(244,219,32,.25);box-shadow:0 12px 26px rgba(4,7,40,.45);transition:transform .25s}
.ab-v2 .ab-covers img:hover{transform:translateY(-5px) rotate(-1deg)}
@media(max-width:600px){.ab-v2 .ab-covers{grid-template-columns:repeat(3,1fr)}.ab-v2 .ab-covers img:nth-child(n+4){display:none}}
.app-cards .app-card h2,.app-cards .app-card p{max-width:48%;position:relative;z-index:1}
@media(max-width:600px){.app-cards .app-card h2,.app-cards .app-card p{max-width:60%}}
/* no number badges / timeline line */
.ab-v2 .ab-sec{padding:0 0 30px 0;margin:0 0 30px;border-bottom:1px solid var(--ln)}
.ab-v2 .ab-sec::before,.ab-v2 .ab-sec h2::before,.ab-v2 .ab-sec--rg h2::before,.ab-v2 .ab-sec--final h2::before,.ab-v2--numbered .ab-sec h2::before{content:none !important;display:none !important}
.ab-v2 .ab-sec--rg{padding:28px 30px 16px;border-bottom:1px solid rgba(255,184,0,.4)}
.ab-v2 .ab-sec--final{padding:30px 32px 18px;border-bottom:1px solid #ffe27a}
.ab-v2 .content-play-cta-wrap{margin:0 0 30px}
.ab-v2 .ab-toc a::before{content:none}
.ab-v2 .ab-toc a{border-left:2px solid transparent;border-radius:0 10px 10px 0}
.ab-v2 .ab-toc a.is-active{border-left-color:var(--g1)}
@media(max-width:600px){.ab-v2 .ab-sec h2{padding-top:0 !important}}
.ab-v2 p.ab-formula{display:flex;justify-content:center;margin:6px 0 18px;padding:18px 20px;border-radius:16px;background:linear-gradient(135deg,rgba(244,219,32,.16),rgba(244,219,32,.04));border:1px dashed rgba(244,219,32,.55)}
.ab-v2 p.ab-formula strong{font-size:26px;letter-spacing:1px;color:var(--g1)}
.ab-v2 .ab-table{margin:8px 0 20px;border-radius:16px;overflow:auto;border:1px solid rgba(244,219,32,.3)}
.ab-v2 .ab-table table{width:100%;border-collapse:collapse;font-size:14.5px}
.ab-v2 .ab-table th{background:linear-gradient(145deg,#f4db20,#ffb800);color:#14174a;text-align:left;padding:13px 16px;font-weight:900}
.ab-v2 .ab-table td{padding:12px 16px;border-top:1px solid rgba(255,255,255,.07);color:#d6dcf5}
.ab-v2 .ab-table tr:nth-child(even) td{background:rgba(255,255,255,.03)}
.ab-v2 .ab-table td:first-child{color:#fff;font-weight:700}
.ab-v2 .home-games-break{margin:0 0 30px}
.ab-v2 a,.ab-v2 .ab-toc a{text-decoration:none}
.ab-v2 .ab-layout,.ab-v2 .ab-main{min-width:0}
.ab-v2 .home-games-break{max-width:100%;overflow:hidden}
.ab-v2 .home-games-break .game-row{max-width:100%}
.ab-v2 .ab-h2img{max-height:none}
.ab-v2 .ab-h2img img{height:auto;aspect-ratio:2/1;object-fit:cover}
.ab-v2 .ab-h2img{border:0;box-shadow:none;background:none;overflow:visible}
.ab-v2 .ab-h2img img{border-radius:16px;border:1px solid rgba(244,219,32,.22);box-shadow:0 18px 40px rgba(4,7,40,.4)}
.ab-v2 .ab-h2img figcaption{margin-top:10px;text-align:center;font-size:13px;color:#a9b1dd}