/* NEW300-A3 brand layer; original template structure is preserved. */
:root{--a3-brand-primary:#f7c948;--a3-brand-accent:#d81b60}
img[src*="a3-brand/logo"],.a3-brand-image{object-fit:contain!important;object-position:center!important;background:transparent!important;border-color:transparent!important;box-shadow:none!important;box-sizing:border-box!important}
img[src*="a3-brand/mark"]{object-fit:contain!important;background:transparent!important;box-shadow:none!important}
img[src*="a3-brand/hero"],.a3-brand-hero{object-fit:cover!important;object-position:center!important}
.a3-brand-lockup{display:block!important;width:min(290px,100%)!important;height:72px!important;object-position:left center!important}
.t34-logo .a3-brand-lockup,.t35-logo .a3-brand-lockup,.t36-logo .a3-brand-lockup{width:190px!important;height:42px!important;max-height:42px!important;object-position:center!important}
header img[src*="a3-brand/logo"],.topbar img[src*="a3-brand/logo"],.header img[src*="a3-brand/logo"]{max-width:290px!important;max-height:76px!important;padding:0!important}
.logo-card img[src*="a3-brand/logo"],.casino-logo[src*="a3-brand/logo"],.platform-logo[src*="a3-brand/logo"]{width:100%!important;height:100%!important;padding:8px!important}
nav.bottom-nav,nav.bottom-links{pointer-events:auto!important}
nav.bottom-nav a,nav.bottom-links a{position:relative!important;z-index:2!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;pointer-events:auto!important;touch-action:manipulation!important;cursor:pointer!important}



@media(max-width:864px){
nav.bottom-nav,nav.bottom-links{left:50%!important;width:100vw!important;height:11.1111vw!important;padding:1.1574vw 6.25vw .6944vw!important;transform:translateX(-50%)!important;transform-origin:bottom center!important}
nav.bottom-nav img,nav.bottom-links img{width:4.6296vw!important;height:4.6296vw!important;margin-bottom:.3472vw!important}
nav.bottom-nav a,nav.bottom-links a{font-size:1.8519vw!important}
}

/* These templates already zoom their 864px canvas; keep nav assets at logical size to avoid double scaling. */
@media(max-width:864px){
nav.bottom-nav{width:864px!important;height:90px!important;padding:8px 55px!important}

nav.bottom-nav img{width:43px!important;height:43px!important;margin-bottom:2px!important}
nav.bottom-nav a{font-size:14px!important}
}





/* Template 32 fills the viewport width and keeps its enlarged dock attached to the real viewport. */
html,body{width:100%!important;height:100%!important;overflow:hidden!important;overscroll-behavior:none!important;background:#fff!important}
#app{position:fixed!important;z-index:1!important;left:0!important;right:0!important;top:0!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:none!important;scrollbar-width:none!important;-ms-overflow-style:none!important}
#app::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.page-scroll-spacer{width:1px!important;pointer-events:none!important}
nav.bottom-nav{position:fixed!important;z-index:70!important;left:50vw!important;right:auto!important;bottom:0!important;width:calc(864px * var(--template32-scale))!important;height:calc(92px * var(--template32-scale))!important;padding:calc(7px * var(--template32-scale)) calc(55px * var(--template32-scale))!important;grid-template-columns:repeat(5,1fr)!important;transform:translateX(-50%)!important;transform-origin:bottom center!important}
nav.bottom-nav img{width:calc(40px * var(--template32-scale))!important;height:calc(40px * var(--template32-scale))!important;margin-bottom:calc(2px * var(--template32-scale))!important}
nav.bottom-nav a{font-size:calc(14px * var(--template32-scale))!important}