/* Theme E – scoped to prelogin only, no impact on other themes */
*{box-sizing:border-box}.theme-e{margin:0;background:var(--e-page,#fff);font-family:Arial,"Noto Sans Thai",Tahoma,sans-serif;color:var(--e-text,hsl(calc(224.55deg + var(--e-hue-shift, 0deg)) 47.14% 27.45%));font-size:15px}.theme-e a{text-decoration:none;color:inherit}.theme-e button{font:inherit;cursor:pointer}.theme-e img{display:block;max-width:100%}.e-container{width:min(1140px,94%);margin:auto}.e-preview{position:relative;background:hsl(calc(222.31deg + var(--e-hue-shift, 0deg)) 70.91% 21.57%);color:#fff;padding:8px;text-align:center;font-size:13px;z-index:101}.e-header{position:sticky;top:0;z-index:100;background:#fff;box-shadow:0 1px 4px hsl(calc(225.48deg + var(--e-hue-shift, 0deg)) 59.62% 20.39% / .2)}.e-header-inner{height:72px;display:flex;align-items:center;gap:15px;width:calc(100% - 36px);margin:auto}.e-menu-toggle{display:flex;flex-direction:column;gap:5px;padding:7px;border:0;background:none}.e-menu-toggle span{width:23px;height:4px;background:var(--e-primary);border-radius:2px}.e-brand{display:flex;align-items:center;min-width:0}.e-brand img{max-width:230px;max-height:54px;object-fit:contain}.e-brand strong{font-size:33px;letter-spacing:-1.1px;font-weight:950;color:var(--e-primary)}.e-header-actions{margin-left:auto;display:flex;gap:12px;align-items:center}.e-button{display:inline-flex;align-items:center;justify-content:center;min-width:136px;min-height:34px;border-radius:6px;padding:8px 20px;background:linear-gradient(180deg,hsl(calc(201.90deg + var(--e-hue-shift, 0deg)) 84.75% 53.73%),hsl(calc(213.69deg + var(--e-hue-shift, 0deg)) 100.00% 36.67%));color:#fff!important;font-weight:700;font-size:13px;box-shadow:inset 0 1px #ffffff44,0 2px 3px #0003}.e-button-register{background:linear-gradient(180deg,hsl(calc(228.60deg + var(--e-hue-shift, 0deg)) 40.65% 51.76%),hsl(calc(235.38deg + var(--e-hue-shift, 0deg)) 65.00% 31.37%))}.e-announcement{height:34px;display:flex;align-items:center;gap:9px;padding:0 12px;background:hsl(calc(225.95deg + var(--e-hue-shift, 0deg)) 60.66% 35.88%);color:#fff;font-size:12px}.e-announcement>span{border-radius:3px;background:#fff;color:hsl(calc(225.00deg + var(--e-hue-shift, 0deg)) 59.77% 34.12%);padding:2px 12px;font-weight:700;white-space:nowrap}.e-marquee{overflow:hidden;flex:1;white-space:nowrap}.e-marquee>div{display:inline-block;padding-left:100%;animation:e-scroll 24s linear infinite}@keyframes e-scroll{to{transform:translateX(-100%)}}.e-side-menu{position:absolute;left:0;top:70px;width:250px;max-width:80vw;background:white;box-shadow:0 15px 40px #1114;display:none;flex-direction:column;padding:13px 0;z-index:101}.e-side-menu.is-open{display:flex}.e-side-menu a{padding:13px 24px;border-bottom:1px solid #eee;font-size:14px;font-weight:700}.e-side-menu a:hover{background:hsl(calc(226.67deg + var(--e-hue-shift, 0deg)) 100.00% 96.47%)}.e-hero{position:relative;background:hsl(calc(227.14deg + var(--e-hue-shift, 0deg)) 100.00% 89.02%)}.e-hero-slides{position:relative;aspect-ratio:1920/500;min-height:235px;overflow:hidden}.e-hero-slide{display:block;position:absolute;inset:0;opacity:0;transition:opacity .65s ease;pointer-events:none}.e-hero-slide.is-active{opacity:1;pointer-events:auto}.e-hero-slide picture,.e-hero-slide img{width:100%;height:100%}.e-hero-slide img{object-fit:cover;object-position:center center}.e-hero-dots{display:flex;justify-content:center;gap:9px;position:absolute;bottom:8px;left:0;right:0}.e-hero-dots button{width:10px;height:4px;border:0;padding:0;background:hsl(calc(229.17deg + var(--e-hue-shift, 0deg)) 37.11% 61.96%)}.e-hero-dots button.is-active{background:hsl(calc(224.59deg + var(--e-hue-shift, 0deg)) 61.58% 34.71%);width:18px}.e-promotions{background:linear-gradient(180deg,hsl(calc(226.03deg + var(--e-hue-shift, 0deg)) 87.95% 83.73%) 0%,hsl(calc(227.06deg + var(--e-hue-shift, 0deg)) 83.61% 88.04%) 55%,#fff 100%);padding:32px 18px 65px;text-align:center}.e-sub-heading{font-size:20px;font-weight:500;margin:0 0 16px}.e-promo-row{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:0 auto;max-width:1000px}.e-promo-card{width:calc(25% - 12px);max-width:230px;min-width:165px;overflow:hidden;border-radius:9px;background:hsl(calc(229.52deg + var(--e-hue-shift, 0deg)) 69.23% 17.84%);box-shadow:0 4px 5px hsl(calc(223.37deg + var(--e-hue-shift, 0deg)) 56.46% 28.82% / .075);transition:transform .2s}.e-promo-card:hover{transform:translateY(-4px)}.e-promo-card picture img{width:100%;aspect-ratio:500/520;object-fit:cover}.e-promo-detail{color:white;background:hsl(calc(231.30deg + var(--e-hue-shift, 0deg)) 61.06% 22.16%);font-size:13px;padding:7px}.e-category-band{background:hsl(calc(228.57deg + var(--e-hue-shift, 0deg)) 35.29% 53.33%);background:var(--e-bar);padding:10px}.e-category-list{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}.e-category-list button{display:flex;gap:7px;align-items:center;min-width:95px;justify-content:center;background:linear-gradient(#fff,#e7e6e1);border:1px solid #c3b99d;border-radius:5px;padding:5px 12px;color:#444;font-weight:650;font-size:12px}.e-category-list button.is-active{background:linear-gradient(hsl(calc(225.52deg + var(--e-hue-shift, 0deg)) 52.25% 43.53%),hsl(calc(229.57deg + var(--e-hue-shift, 0deg)) 58.97% 22.94%));border-color:#c8a45b;color:white}.e-category-list img{height:25px;width:25px;object-fit:contain}.e-games-body{background:linear-gradient(hsl(calc(228.21deg + var(--e-hue-shift, 0deg)) 93.33% 88.24%),hsl(calc(226.29deg + var(--e-hue-shift, 0deg)) 100.00% 93.14%) 50%,#fff);padding:24px 14px 40px}.e-game-group{max-width:1050px;margin:0 auto 30px;text-align:center}.e-game-group h2{font-size:21px;margin:4px 0 17px;font-weight:800}.e-game-grid{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.e-game{width:calc(20% - 16px);max-width:185px;min-width:125px;position:relative;color:hsl(calc(225.38deg + var(--e-hue-shift, 0deg)) 49.37% 30.98%)}.e-game img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:7px;box-shadow:0 3px 10px #0002}.e-game small{display:block;font-size:11px;margin-top:6px;color:hsl(calc(223.75deg + var(--e-hue-shift, 0deg)) 21.24% 44.31%)}.e-game-rank{position:absolute;z-index:3;left:-8px;top:-4px;font-size:42px;font-weight:1000;line-height:1;color:hsl(calc(225.00deg + var(--e-hue-shift, 0deg)) 56.84% 37.25%);text-shadow:2px 2px #fff,-1px -1px #fff}.e-casino-group .e-game{width:calc(20% - 16px)}.e-casino-group .e-game-rank{display:none}.e-about{text-align:center;background:#fff;padding:24px 10px 65px}.e-about h2,.e-footer h2{font-weight:950;font-size:36px;color:hsl(calc(224.81deg + var(--e-hue-shift, 0deg)) 51.63% 30.00%);margin:0}.e-about h3{font-size:17px;margin:8px 0 14px}.e-about p{font-size:14px;max-width:900px;margin:0 auto;line-height:1.85;color:#686c7a}.e-about-art{max-height:110px;object-fit:contain;margin:22px auto}.e-trust-list{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:24px}.e-trust-list>div{border-radius:35px;padding:8px 17px;background:#f3f3f3;min-width:150px;display:flex;align-items:center;gap:7px}.e-trust-list b{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(#ffcf44,#ad8834);color:white}.e-trust-list strong{font-size:12px}.e-trust-list small{display:none}.e-section-tab{padding:13px;background:hsl(calc(228.57deg + var(--e-hue-shift, 0deg)) 35.29% 53.33%);color:#fff}.e-section-tab .e-container{display:flex;justify-content:center;gap:18px}.e-section-tab a{font-weight:700;font-size:13px;opacity:.8}.e-section-tab .is-current{opacity:1}.e-affiliate{padding:55px 10px;background:linear-gradient(hsl(calc(226.40deg + var(--e-hue-shift, 0deg)) 100.00% 85.29%),#fff);}.e-affiliate-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px}.e-affiliate h2,.e-howto h2{font-size:22px;text-align:center}.e-bonus{text-align:center;color:#f6a500;font-size:72px;font-weight:1000;text-shadow:2px 2px 0 #fff}.e-bonus small{font-size:18px}.e-affiliate-illustration{height:130px;width:auto;max-width:100%;object-fit:contain;margin:auto}.e-levels{display:flex;gap:8px;justify-content:center;margin-top:13px}.e-levels span{background:linear-gradient(#ffcb29,#e99400);border:2px solid white;border-radius:8px;padding:10px;font-weight:800;color:white;white-space:nowrap;font-size:13px}.e-affiliate-content h3{margin:0 0 10px}.e-affiliate-content ul{padding-left:22px;line-height:2}.e-info-box{background:#ededed;border-radius:6px;padding:15px;font-size:13px;margin:10px 0;color:#5b5b5b}.e-button-wide{width:100%;min-height:42px}.e-howto{padding:38px 10px;background:#fff;text-align:center}.e-guide-image{max-height:180px;object-fit:contain;margin:12px auto}.e-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:20px auto}.e-steps div{background:hsl(calc(225.00deg + var(--e-hue-shift, 0deg)) 66.67% 96.47%);padding:20px 10px;border-radius:8px;display:grid;gap:5px}.e-steps b{margin:auto;display:grid;place-items:center;border-radius:50%;width:52px;height:52px;background:hsl(calc(224.75deg + var(--e-hue-shift, 0deg)) 60.40% 39.61%);color:white;font-size:23px}.e-steps strong{font-size:14px}.e-steps small{font-size:11px}.e-payments{background:linear-gradient(hsl(calc(226.36deg + var(--e-hue-shift, 0deg)) 100.00% 91.37%),#fff);padding:30px 10px;text-align:center}.e-payments h2{font-size:22px}.e-payment-image{margin:16px auto;max-height:90px;object-fit:contain}.e-faq{padding:40px 0 48px;background:#fff}.e-faq h2{text-align:center;font-size:21px}.e-faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:22px}.e-faq-grid details{background:#eee;border-radius:8px;min-height:48px;padding:12px 16px;font-size:13px}.e-faq-grid summary{font-weight:700;cursor:pointer}.e-faq-grid p{line-height:1.8;color:#565d6b}.e-footer{padding:40px 0 15px;background:white;border-top:1px solid hsl(calc(235.00deg + var(--e-hue-shift, 0deg)) 46.15% 94.90%)}.e-footer h2{font-size:24px}.e-footer p{line-height:1.7;color:#666;font-size:13px}.e-contact{display:flex;gap:18px;align-items:center;margin:28px 0}.e-contact-qr{width:116px;height:116px}.e-contact-qr img{width:100%;height:100%;object-fit:contain}.e-contact strong{font-size:14px}.e-contact-btn{display:inline-flex;background:#1bcc5d;color:white!important;border-radius:5px;padding:10px 20px;font-weight:800}.e-providers{padding:24px 0;border-top:1px solid #ddd}.e-providers img{width:100%;max-height:170px;object-fit:contain;object-position:left center}.e-footer-links{display:flex;gap:7px;flex-wrap:wrap}.e-footer-links a{font-size:11px;color:#555;background:#ececec;border-radius:14px;padding:5px 8px}.e-copyright{font-size:11px;text-align:center;margin:20px 0;color:#888}.e-floating-line{position:fixed;right:16px;bottom:15px;z-index:90;background:hsl(calc(199.09deg + var(--e-hue-shift, 0deg)) 70.97% 12.16%);border-radius:50%;box-shadow:0 2px 9px #0009;width:65px;height:65px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:3px solid #4ce061;color:#fff!important}.e-floating-line img{width:42px;height:37px;object-fit:contain}.e-floating-line small{font-size:9px;line-height:1}.e-floating-line strong{font-size:14px;color:#58f560}
@media(max-width:960px){.e-hero-slides{min-height:185px}.e-game{min-width:115px}.e-affiliate-grid{gap:18px}.e-bonus{font-size:48px}}
@media(max-width:620px){.e-header-inner{height:58px;width:96%;gap:9px}.e-brand strong{font-size:21px}.e-brand img{max-width:120px;max-height:35px}.e-menu-toggle span{width:18px;height:3px}.e-header-actions{gap:5px}.e-button{min-width:70px;padding:7px 8px;font-size:11px;min-height:30px}.e-announcement{height:29px;font-size:10px}.e-side-menu{top:58px}.e-hero-slides{min-height:0;aspect-ratio:1.78}.e-promotions{padding:22px 8px 38px}.e-sub-heading{font-size:17px}.e-promo-row{gap:7px}.e-promo-card{min-width:0;width:calc(50% - 7px)}.e-category-list{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start}.e-category-list button{min-width:80px;font-size:10px;padding:4px 6px}.e-game-grid{gap:9px}.e-game{width:calc(33.333% - 9px);min-width:0;max-width:none}.e-game-rank{font-size:31px}.e-games-body{padding:20px 8px}.e-game-group h2{font-size:18px}.e-game small{font-size:10px}.e-casino-group .e-game{width:calc(33.333% - 9px)}.e-about h2{font-size:28px}.e-trust-list>div{min-width:140px}.e-section-tab .e-container{gap:12px}.e-affiliate-grid{grid-template-columns:1fr}.e-affiliate{padding:35px 10px}.e-levels span{padding:9px 7px;font-size:11px}.e-bonus{font-size:48px}.e-steps{grid-template-columns:repeat(2,1fr);gap:9px}.e-faq-grid{grid-template-columns:1fr}.e-footer{padding:35px 5px}.e-floating-line{width:54px;height:54px}.e-floating-line img{width:35px;height:32px}}
@media(prefers-reduced-motion:reduce){.e-marquee>div{animation:none;padding-left:0}.e-hero-slide{transition:none}}

/* Reference-page layout shows four slot covers and five casino covers at once, swipe for more. */
.e-game-grid{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;max-width:850px;margin:0 auto;padding:6px 5px 10px;gap:17px}.e-game-grid::-webkit-scrollbar{display:none}.e-game{flex:0 0 calc((100% - 3*17px)/4);min-width:0;max-width:none;scroll-snap-align:start}.e-casino-group .e-game{flex:0 0 calc((100% - 4*17px)/5);min-width:0;max-width:none}.e-category-message{text-align:center;padding:32px 15px}.e-category-message p{font-weight:700}.e-category-message[hidden],.e-game-group[hidden]{display:none}.e-category-band{scroll-margin-top:110px}
@media(max-width:620px){.e-game-grid{gap:10px}.e-game{flex:0 0 45%;width:45%}.e-casino-group .e-game{flex:0 0 45%;width:45%}}


/* Theme E horizontal infinite slider — matches the side-to-side reference motion */
.e-hero {position:relative;isolation:isolate;background:hsl(calc(228.81deg + var(--e-hue-shift, 0deg)) 85.51% 86.47%)}
.e-hero-slides {position:relative;aspect-ratio:1920/500;min-height:235px;overflow:hidden;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.e-hero-track {display:flex;align-items:stretch;flex-wrap:nowrap;gap:0;width:100%;height:100%;transform:translate3d(0,0,0);will-change:transform;transition:none}
.e-hero-slide,.e-hero-slide.is-active {position:relative;inset:auto;display:block;flex:0 0 100%;width:100%;height:100%;opacity:1;visibility:visible;transition:none;overflow:hidden;pointer-events:auto;backface-visibility:hidden}
.e-hero-slide picture,.e-hero-slide img{display:block;width:100%;height:100%;}
.e-hero-slide img{object-fit:cover;object-position:center center;user-select:none;-webkit-user-drag:none}
.e-hero-slide:not(.is-active) {pointer-events:none}
.e-hero-dots {display:flex;justify-content:center;align-items:center;gap:8px;position:absolute;bottom:12px;left:0;right:0;z-index:5;pointer-events:none}
.e-hero-dots button {pointer-events:auto;min-width:18px;height:5px;border:0;border-radius:20px;padding:0;background:hsl(calc(223.33deg + var(--e-hue-shift, 0deg)) 85.71% 91.76% / .6);box-shadow:0 1px 3px #0004;transition:background .25s,width .25s;cursor:pointer}
.e-hero-dots button.is-active {background:hsl(calc(220.00deg + var(--e-hue-shift, 0deg)) 100.00% 94.71%);width:28px}
.e-hero-controls {position:absolute;z-index:5;top:50%;left:0;right:0;display:flex;justify-content:space-between;transform:translateY(-50%);pointer-events:none;padding:0 12px}
.e-hero-arrow{pointer-events:auto;display:grid;place-items:center;width:42px;height:42px;border:1px solid #ffffffa8;border-radius:50%;background:hsl(calc(229.29deg + var(--e-hue-shift, 0deg)) 72.41% 22.75% / .6);color:white;font-size:26px;line-height:1;cursor:pointer;transition:background .2s,transform .2s}
.e-hero-arrow:hover,.e-hero-arrow:focus-visible{background:hsl(calc(227.32deg + var(--e-hue-shift, 0deg)) 65.78% 36.67%);transform:scale(1.05)}
.e-hero-arrow:focus-visible,.e-hero-dots button:focus-visible{outline:3px solid #ffcc48;outline-offset:3px}
@media(max-width:960px){.e-hero-slides{min-height:185px}}
@media(max-width:620px){.e-hero-slides{min-height:0;aspect-ratio:1.78}.e-hero-controls{padding:0 5px}.e-hero-arrow{width:30px;height:30px;font-size:20px}.e-hero-dots{bottom:6px}}
@media(prefers-reduced-motion:reduce){.e-hero-track{transition:none!important}}

/* Allow real-time click-and-hold sliding; preserve vertical scrolling on touch devices. */
.e-hero-slides{cursor:grab;touch-action:pan-y}
.e-hero.is-grabbing .e-hero-slides{cursor:grabbing}
.e-hero.is-pointer-down .e-hero-slide{pointer-events:auto}
.e-hero-slide img{-webkit-user-drag:none;user-select:none}


/* Theme E registration text pulse – match the reference video. */
.e-button-register{position:relative;overflow:visible;white-space:nowrap}.e-button-register .e-register-label{display:inline-block;transform-origin:50% 50%;will-change:transform;animation:e-register-label-pulse .5s linear infinite}@keyframes e-register-label-pulse{0%,100%{transform:scale(1)}66%{transform:scale(1.1)}}@media (prefers-reduced-motion: reduce){.e-button-register .e-register-label{animation:none;transform:none;will-change:auto}}


/* Theme E category panels / original SBOPLUS five-tab behaviour */
.theme-e .e-category-panel[hidden]{display:none!important}
/* Correct reference proportions: the five tabs are compact; only the selected icon rises above the bar. */
.e-category-band{padding:19px 12px 13px;overflow:visible;background:var(--e-bar,hsl(calc(227.29deg + var(--e-hue-shift, 0deg)) 37.44% 55.49%))}
.e-category-list{max-width:770px;width:100%;margin:auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;align-items:center;overflow:visible}
.e-category-list button,.e-category-list button.is-active{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-width:0;min-height:49px;height:49px;padding:6px 9px;border:1px solid #cfc7ad;border-radius:8px;background:linear-gradient(#fff,#f0efeb);color:#323232;box-shadow:0 2px 3px hsl(calc(226.40deg + var(--e-hue-shift, 0deg)) 55.56% 26.47% / .133);font-size:14px;font-weight:600;line-height:1.1;white-space:nowrap;overflow:visible;transform:none;transition:background .16s ease,box-shadow .16s ease,color .16s ease}
.e-category-list button span{position:relative;z-index:2;animation:none!important;transform:none;pointer-events:none}
.e-category-list button::before,.e-category-list button.is-active::before{display:none!important}
.e-category-list img,.e-category-list button.is-active img{display:block;position:relative;z-index:3;flex:0 0 31px;width:31px;height:31px;object-fit:contain;animation:none;filter:drop-shadow(0 1px 2px #0002);transform-origin:50% 75%;pointer-events:none}
.e-category-list button:hover:not(.is-active){box-shadow:0 4px 8px hsl(calc(223.10deg + var(--e-hue-shift, 0deg)) 54.20% 25.69% / .169);transform:translateY(-1px)}
.e-category-list button:hover:not(.is-active) img{transform:scale(1.05)}
.e-category-list button.is-active{background:linear-gradient(180deg,hsl(calc(228.50deg + var(--e-hue-shift, 0deg)) 55.05% 42.75%),hsl(calc(232.80deg + var(--e-hue-shift, 0deg)) 53.96% 27.25%));color:#fff;border-color:hsl(calc(228.39deg + var(--e-hue-shift, 0deg)) 38.27% 84.12%);box-shadow:inset 0 1px 0 #ffffff35,0 3px 5px hsl(calc(226.09deg + var(--e-hue-shift, 0deg)) 61.06% 22.16% / .267)}
.e-category-list button.is-active img{flex:0 0 67px;width:67px;height:67px;margin-left:-25px;margin-right:0;margin-top:-25px;margin-bottom:-5px;filter:drop-shadow(0 3px 3px #0003);animation:e-tab-icon-bounce .85s cubic-bezier(.3,.06,.4,1) infinite;will-change:transform}
/* The reference icon pops up twice per cycle; the button itself remains stationary. */
@keyframes e-tab-icon-bounce{
  0%,100%{transform:translate3d(0,0,0) rotate(-3deg) scale(1)}
  20%{transform:translate3d(0,-15px,0) rotate(2deg) scale(1.13)}
  38%{transform:translate3d(0,-3px,0) rotate(-1deg) scale(1.02)}
  55%{transform:translate3d(0,-9px,0) rotate(2deg) scale(1.06)}
  78%{transform:translate3d(0,0,0) rotate(-2deg) scale(1)}
}
.e-category-list button.is-bump{animation:e-e-tab-tap .22s ease-out}
@keyframes e-e-tab-tap{0%,100%{filter:brightness(1)}50%{filter:brightness(1.17)}}
.e-category-list button:focus-visible{outline:3px solid #f9cd45;outline-offset:3px}
.e-category-panel{min-height:110px}
.e-provider-panel{max-width:1100px;margin:0 auto;padding:13px 15px 30px}
.e-provider-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.e-provider-card{display:block;position:relative;min-width:0;text-align:center;transition:transform .18s ease,filter .18s ease}
.e-provider-card picture{display:grid;place-items:center;position:relative;width:100%;aspect-ratio:300/188;border-radius:9px;overflow:hidden;background:linear-gradient(130deg,hsl(calc(223.89deg + var(--e-hue-shift, 0deg)) 52.94% 40.00%),hsl(calc(212.26deg + var(--e-hue-shift, 0deg)) 73.61% 71.76%));box-shadow:0 3px 9px hsl(calc(222.55deg + var(--e-hue-shift, 0deg)) 43.31% 24.90% / .149)}
.e-provider-card img{width:100%;height:100%;object-fit:cover;display:block;position:relative;z-index:2}
.e-provider-card:hover{transform:translateY(-5px);filter:brightness(1.06)}
.e-provider-card:focus-visible{outline:3px solid #ffbe2d;outline-offset:3px;border-radius:8px}
.e-provider-fallback{display:none;position:absolute;top:0;left:0;width:100%;aspect-ratio:300/188;align-items:center;justify-content:center;color:#fff;font-size:20px;font-weight:800;text-shadow:0 2px 2px #0004;padding:15px}
.e-provider-card:has(.e-provider-image-missing) .e-provider-fallback{display:flex}
.e-provider-card small{display:block;color:hsl(calc(220.00deg + var(--e-hue-shift, 0deg)) 15.00% 47.06%);font-size:12px;margin:7px 0 2px}
.e-category-empty{margin:10px auto;padding:25px;background:hsl(calc(222.86deg + var(--e-hue-shift, 0deg)) 100.00% 95.88%);border-radius:8px;text-align:center;color:hsl(calc(221.54deg + var(--e-hue-shift, 0deg)) 44.83% 34.12%)}
@media(max-width:1190px){.e-category-list{max-width:980px}.e-category-list button,.e-category-list button.is-active{height:66px;min-height:66px;font-size:16px}.e-category-list img{width:40px;height:40px;flex-basis:40px}.e-category-list button.is-active img{width:76px;height:76px;flex-basis:76px;margin-left:-26px;margin-top:-25px}}
@media(max-width:850px){.e-category-band{padding:20px 10px}.e-category-list{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;padding:7px 4px}.e-category-list::-webkit-scrollbar{display:none}.e-category-list button,.e-category-list button.is-active{flex:0 0 155px;width:155px;min-width:155px;height:57px;min-height:57px;font-size:14px;border-radius:10px;padding:7px 9px}.e-category-list img{height:35px;width:35px;flex:0 0 35px}.e-category-list button.is-active img{height:61px;width:61px;flex:0 0 61px;margin-left:-16px;margin-top:-20px}.e-provider-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}
@media(max-width:620px){.e-category-band{padding:12px 7px}.e-category-list button,.e-category-list button.is-active{flex:0 0 137px;min-width:137px;width:137px;min-height:52px;height:52px;font-size:13px}.e-category-list img{width:32px;height:32px;flex:0 0 32px}.e-category-list button.is-active img{width:53px;height:53px;flex:0 0 53px;margin-top:-17px;margin-left:-13px}.e-provider-panel{padding:8px 7px 26px}.e-provider-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.e-provider-card small{font-size:11px}.e-provider-fallback{font-size:15px}}
@media(prefers-reduced-motion:reduce){.e-category-list button,.e-category-list button.is-active,.e-category-list button img{animation:none!important;transition:none!important}}

/* Final sizing applies after earlier legacy mobile rules. */
@media(max-width:1190px){
 .e-category-list{max-width:770px}
 .e-category-list button,.e-category-list button.is-active{height:49px;min-height:49px;font-size:14px;padding:6px 9px;border-radius:8px}
 .e-category-list img{width:31px;height:31px;flex-basis:31px}
 .e-category-list button.is-active img{width:67px;height:67px;flex-basis:67px;margin-left:-25px;margin-right:0;margin-top:-25px;margin-bottom:-5px;animation:e-tab-icon-bounce .85s cubic-bezier(.3,.06,.4,1) infinite}
}
@media(max-width:850px){
 .e-category-band{padding:14px 9px 9px}
 .e-category-list{display:flex;max-width:100%;gap:8px;overflow-x:auto;overflow-y:hidden;padding:24px 4px 8px;scrollbar-width:none;overscroll-behavior-inline:contain;justify-content:flex-start}
 .e-category-list button,.e-category-list button.is-active{flex:0 0 145px;width:145px;min-width:145px;height:48px;min-height:48px;font-size:13px;padding:6px 8px}
 .e-category-list img{width:30px;height:30px;flex-basis:30px}
 .e-category-list button.is-active img{width:64px;height:64px;flex-basis:64px;margin-top:-23px;margin-left:-23px}
}
@media(max-width:620px){
 .e-category-band{padding:6px 6px 8px}
 .e-category-list{gap:6px;padding:25px 3px 8px}
 .e-category-list button,.e-category-list button.is-active{flex:0 0 120px;width:120px;min-width:120px;min-height:42px;height:42px;font-size:12px;padding:5px 6px;gap:4px;border-radius:7px}
 .e-category-list img{width:25px;height:25px;flex-basis:25px}
 .e-category-list button.is-active img{width:55px;height:55px;flex-basis:55px;margin-left:-19px;margin-top:-21px}
}
@media(prefers-reduced-motion:reduce){
 .e-category-list button.is-active img,.e-category-list button.is-bump{animation:none!important}
}

/* Damped bounce in a loop: burst of decaying hops, settle and REST, repeat.
   2.4s cycle = approximately 1.4s bouncing + 1.0s motionless.
   The tab remains stationary; only its selected icon animates. */
.e-category-list button.is-active img {
  animation: none;
  transform: translate3d(0,0,0);
  will-change: auto;
}
.e-category-list button.is-active.is-bouncing img {
  animation: e-category-bounce-pause-loop 2.4s linear infinite;
  will-change: transform;
}
@keyframes e-category-bounce-pause-loop {
  0%     { transform: translate3d(0,0,0) scale(1) rotate(0deg); }
  7.5%   { transform: translate3d(0,-19px,0) scale(1.13) rotate(-4deg); }
  17%    { transform: translate3d(0,1px,0) scale(.98) rotate(1deg); }
  25%    { transform: translate3d(0,-10px,0) scale(1.065) rotate(-2deg); }
  32.5%  { transform: translate3d(0,0,0) scale(1) rotate(0deg); }
  39.5%  { transform: translate3d(0,-5px,0) scale(1.025) rotate(-1deg); }
  45.5%  { transform: translate3d(0,0,0) scale(1) rotate(0deg); }
  51.3%  { transform: translate3d(0,-2px,0) scale(1.01) rotate(0deg); }
  58%,100% { transform: translate3d(0,0,0) scale(1) rotate(0deg); }
}
@media (prefers-reduced-motion: reduce) {
  .e-category-list button.is-active.is-bouncing img {
    animation: none !important;
    transform: none;
    will-change: auto;
  }
}

/* SBOPLUS reference lower-page rebuild: isolated to Theme E */
.theme-e .e-about{background:#fff;padding:36px 14px 54px;text-align:center}
.theme-e .e-about-container{width:min(1530px,96%);max-width:1530px}
.theme-e .e-about h2{font-size:clamp(50px,5vw,96px);font-weight:950;line-height:1;letter-spacing:-2.5px;color:hsl(calc(225.65deg + var(--e-hue-shift, 0deg)) 54.12% 33.33%);margin:0 0 9px}
.theme-e .e-about h3{font-size:clamp(21px,1.8vw,32px);font-weight:800;color:hsl(calc(223.53deg + var(--e-hue-shift, 0deg)) 55.43% 36.08%);margin:0 0 7px}
.theme-e .e-about-intro{font-size:clamp(16px,1.15vw,22px);color:#828282;margin-bottom:10px}
.theme-e .e-about p{font-size:clamp(14px,1.1vw,19px);max-width:1500px;line-height:1.55;color:#505050;margin:auto}
.theme-e .e-recent-layout{display:grid;grid-template-columns:minmax(220px,365px) minmax(0,1fr);align-items:center;gap:24px;margin:28px 0 0}
.theme-e .e-recent-logo{min-width:0}.theme-e .e-recent-logo img{display:block;max-width:100%;height:auto;max-height:224px;margin:auto;object-fit:contain}
.theme-e .e-recent-cards{min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.theme-e .e-recent-card{height:156px;border-radius:23px;background:linear-gradient(180deg,#e3e3e3 0%,#fefefe 62%,#cdcdcd 100%);padding:15px 14px 13px;color:#222;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.theme-e .e-recent-meta{display:flex;gap:13px;align-items:center;min-width:0}
.theme-e .e-recent-meta img{flex:0 0 78px;width:78px;height:78px;object-fit:contain;max-width:78px}
.theme-e .e-recent-meta span{display:flex;flex-direction:column;align-items:flex-end;flex:1;min-width:0;gap:3px;text-align:right}
.theme-e .e-recent-meta strong{color:#171717;font-size:clamp(12px,1.05vw,20px);line-height:1.18}
.theme-e .e-recent-meta small{color:#242424;font-size:clamp(12px,1vw,18px);white-space:nowrap}
.theme-e .e-recent-amount{border-radius:40px;background:#777;display:flex;align-items:center;justify-content:center;min-height:44px;color:#fff;gap:16px;font-size:21px}
.theme-e .e-recent-amount img{width:43px;height:39px;object-fit:contain;max-width:43px}
.theme-e .e-recent-amount strong{font-weight:600}
/* Icon-driven secondary navigation with the selected tile extending above the bar. */
.theme-e .e-section-tab{position:relative;background:hsl(calc(227.44deg + var(--e-hue-shift, 0deg)) 37.07% 54.51%);padding:0 10px;min-height:88px}
.theme-e .e-section-tab .e-container{width:min(840px,95%);display:flex;align-items:stretch;justify-content:center;gap:4px;margin:0 auto;min-height:88px}
.theme-e .e-secondary-nav-link{min-width:112px;max-width:125px;flex:1 1 0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1px;position:relative;margin-top:-13px;padding:4px 8px 6px;border-radius:15px;color:#fff!important;opacity:1!important;text-decoration:none;line-height:1.1;font-weight:600;font-size:13px;transition:transform .2s ease,background .2s ease}
.theme-e .e-secondary-nav-link img{height:54px;width:63px;object-fit:contain;transition:transform .2s ease}
.theme-e .e-secondary-nav-link span{max-width:100%;text-align:center}
.theme-e .e-secondary-nav-link.is-current,.theme-e .e-secondary-nav-link:hover,.theme-e .e-secondary-nav-link:focus-visible{background:linear-gradient(hsl(calc(224.89deg + var(--e-hue-shift, 0deg)) 66.51% 40.98%),hsl(calc(226.67deg + var(--e-hue-shift, 0deg)) 51.59% 30.78%))}
.theme-e .e-secondary-nav-link:hover img,.theme-e .e-secondary-nav-link:focus-visible img{transform:translateY(-3px) scale(1.08)}
.theme-e .e-secondary-nav-link:focus-visible{outline:3px solid #fff;outline-offset:3px}
/* Affiliate illustrations on left / reference feature copy at right. */
.theme-e .e-affiliate{background:linear-gradient(180deg,hsl(calc(225.82deg + var(--e-hue-shift, 0deg)) 100.00% 89.22%) 0%,hsl(calc(226.00deg + var(--e-hue-shift, 0deg)) 100.00% 94.12%) 58%,#fff 100%);padding:56px 14px 50px}
.theme-e .e-affiliate-grid{display:grid;grid-template-columns:1fr 1fr;max-width:1400px;gap:35px;align-items:start}
.theme-e .e-affiliate-visual{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0}
.theme-e .e-affiliate-visual>img{max-width:100%;width:100%;max-height:315px;object-fit:contain;object-position:center;display:block}
.theme-e .e-affiliate-visual>img.e-affiliate-diagram{max-height:310px;margin-top:3px}
.theme-e .e-affiliate-content{font-size:14px;color:#111;padding-top:7px}
.theme-e .e-affiliate-content h2{font-size:clamp(19px,1.65vw,28px);margin:0 0 2px;text-align:left;color:hsl(calc(221.11deg + var(--e-hue-shift, 0deg)) 58.06% 36.47%)}
.theme-e .e-affiliate-copy{font-size:15px;color:hsl(calc(221.00deg + var(--e-hue-shift, 0deg)) 52.63% 22.35%);line-height:1.4;margin:0 0 14px}
.theme-e .e-affiliate-copy strong{color:hsl(calc(223.01deg + var(--e-hue-shift, 0deg)) 54.59% 40.59%)}.theme-e .e-affiliate-copy small{font-size:12px;display:block;color:hsl(calc(221.54deg + var(--e-hue-shift, 0deg)) 16.32% 46.86%)}
.theme-e .e-affiliate-content ul{margin:10px 0 16px;padding-left:28px;line-height:2.05;color:#191919}
.theme-e .e-affiliate-note{border-radius:13px;background:linear-gradient(#e8e8e8,#f5f5f5);padding:14px 18px;margin-bottom:11px;min-height:98px}
.theme-e .e-affiliate-note strong{color:hsl(calc(218.89deg + var(--e-hue-shift, 0deg)) 62.79% 33.73%);font-size:14px}.theme-e .e-affiliate-note p{color:#797979;margin:6px 0 0;font-size:13px;line-height:1.6}
.theme-e .e-affiliate-content .e-button-wide{min-height:49px;background:linear-gradient(hsl(calc(207.65deg + var(--e-hue-shift, 0deg)) 97.59% 48.82%),hsl(calc(215.93deg + var(--e-hue-shift, 0deg)) 96.72% 35.88%));font-size:16px;border-radius:10px}
.theme-e .e-howto{padding:56px 10px 54px}.theme-e .e-howto h2{font-size:25px}
.theme-e .e-guide-image{max-height:270px;width:min(850px,94%);height:auto;object-fit:contain}
.theme-e .e-steps{max-width:1220px}.theme-e .e-steps div{min-height:120px}
/* Article thumbnails, reference casino art and 3 independently moving partner rows. */
.theme-e .e-articles{padding:38px 12px 40px;background:hsl(calc(222.86deg + var(--e-hue-shift, 0deg)) 100.00% 98.63%);text-align:center}
.theme-e .e-articles h2,.theme-e .e-casino-showcase h2,.theme-e .e-partners h2{font-size:clamp(21px,1.55vw,30px);font-weight:800;color:hsl(calc(225.16deg + var(--e-hue-shift, 0deg)) 55.69% 32.75%);margin:0 0 10px}
.theme-e .e-articles p{margin:0 0 18px;color:hsl(calc(222.16deg + var(--e-hue-shift, 0deg)) 15.88% 45.69%);font-size:13px}
.theme-e .e-article-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1050px;margin:auto}
.theme-e .e-article-card{min-width:0;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 5px 22px hsl(calc(222.96deg + var(--e-hue-shift, 0deg)) 46.29% 34.31% / .098);text-align:left;padding-bottom:11px}
.theme-e .e-article-card img{width:100%;height:155px;object-fit:cover}.theme-e .e-article-card strong{display:block;padding:10px 14px;color:hsl(calc(226.52deg + var(--e-hue-shift, 0deg)) 52.66% 33.14%);font-size:14px}
.theme-e .e-casino-showcase{background:linear-gradient(hsl(calc(225.57deg + var(--e-hue-shift, 0deg)) 83.16% 81.37%),hsl(calc(224.00deg + var(--e-hue-shift, 0deg)) 100.00% 88.24%));padding:27px 10px 18px;text-align:center}
.theme-e .e-casino-showcase h2,.theme-e .e-partners h2{background:linear-gradient(90deg,transparent,hsl(calc(225.98deg + var(--e-hue-shift, 0deg)) 56.02% 37.45%) 21%,hsl(calc(225.98deg + var(--e-hue-shift, 0deg)) 56.02% 37.45%) 79%,transparent);color:#fff;padding:9px 4px;margin-bottom:26px}
.theme-e .e-casino-showcase-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:22px;max-width:1320px;margin:0 auto}
.theme-e .e-casino-showcase-grid img{width:100%;max-height:280px;object-fit:contain}
.theme-e .e-casino-showcase-grid p{text-align:left;color:hsl(calc(221.00deg + var(--e-hue-shift, 0deg)) 24.00% 50.98%);font-size:15px;line-height:1.85;max-width:590px}
.theme-e .e-partners{background:linear-gradient(hsl(calc(224.00deg + var(--e-hue-shift, 0deg)) 100.00% 88.24%),#fff);padding:15px 0 36px;overflow:hidden}
.theme-e .e-partners h2{text-align:center;margin-bottom:14px}.theme-e .e-partners p{max-width:1250px;margin:0 auto 20px;color:hsl(calc(221.19deg + var(--e-hue-shift, 0deg)) 27.80% 52.75%);font-size:14px;padding:0 10px}
.theme-e .e-partner-marquees{display:flex;flex-direction:column;gap:5px;overflow:hidden;mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%)}
.theme-e .e-partner-line{width:100%;overflow:hidden;min-height:58px}
.theme-e .e-partner-track{display:flex;width:max-content;will-change:transform;animation:e-partners-run 32s linear infinite}
.theme-e .e-partner-line.e-reverse .e-partner-track{animation-direction:reverse;animation-duration:38s}
.theme-e .e-partner-line:nth-child(3) .e-partner-track{animation-duration:43s}
.theme-e .e-partner-set{display:flex;align-items:center;flex:0 0 auto;gap:40px;padding-right:40px}
.theme-e .e-partner-logo{display:flex;min-width:145px;height:56px;align-items:center;justify-content:center}
.theme-e .e-partner-logo img{width:130px;height:48px;max-width:130px;object-fit:contain;opacity:.9}
.theme-e .e-partner-logo span{font-size:12px;color:hsl(calc(222.65deg + var(--e-hue-shift, 0deg)) 38.60% 42.16%);font-weight:700}
@keyframes e-partners-run{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.theme-e .e-partner-line:hover .e-partner-track{animation-play-state:paused}
.theme-e .e-payments{background:linear-gradient(hsl(calc(225.41deg + var(--e-hue-shift, 0deg)) 78.72% 90.78%),#fff)}
.theme-e .e-footer{background:#fff}
.theme-e .e-floating-line{z-index:110}
@media(max-width:1050px){
 .theme-e .e-recent-layout{grid-template-columns:260px minmax(0,1fr);gap:13px}
 .theme-e .e-recent-cards{gap:8px}
 .theme-e .e-recent-card{height:141px;padding:9px;border-radius:14px}
 .theme-e .e-recent-meta img{width:51px;height:51px;flex-basis:51px}
 .theme-e .e-recent-amount{gap:6px;font-size:17px;min-height:39px}
 .theme-e .e-recent-amount img{width:31px;height:31px}
 .theme-e .e-affiliate-grid{gap:18px}
}
@media(max-width:700px){
 .theme-e .e-about{padding:28px 8px 35px}.theme-e .e-about h2{letter-spacing:-1px}
 .theme-e .e-recent-layout{grid-template-columns:1fr;margin-top:22px}
 .theme-e .e-recent-logo img{max-width:320px;max-height:155px}
 .theme-e .e-recent-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 .theme-e .e-recent-card{height:117px;padding:8px 6px;border-radius:12px}
 .theme-e .e-recent-meta{display:flex;flex-direction:column;gap:0;text-align:center}
 .theme-e .e-recent-meta img{width:35px;height:35px;flex:0 0 35px}
 .theme-e .e-recent-meta span{align-items:center;gap:0}
 .theme-e .e-recent-meta strong,.theme-e .e-recent-meta small{font-size:10px}
 .theme-e .e-recent-amount{min-height:31px;font-size:14px}
 .theme-e .e-recent-amount img{width:23px;height:23px}
 .theme-e .e-section-tab,.theme-e .e-section-tab .e-container{min-height:76px}
 .theme-e .e-secondary-nav-link{min-width:0;font-size:11px;margin-top:-12px;padding:4px 1px 6px}
 .theme-e .e-secondary-nav-link img{height:43px;width:46px}
 .theme-e .e-affiliate{padding:35px 9px}
 .theme-e .e-affiliate-grid{grid-template-columns:1fr;gap:10px}
 .theme-e .e-affiliate-visual>img{max-height:280px}
 .theme-e .e-affiliate-visual>img.e-affiliate-diagram{max-height:260px}
 .theme-e .e-affiliate-content h2{text-align:center}
 .theme-e .e-article-cards{grid-template-columns:1fr 1fr;gap:9px}
 .theme-e .e-article-card img{height:125px}
 .theme-e .e-casino-showcase-grid{grid-template-columns:1fr;gap:5px}
 .theme-e .e-casino-showcase-grid p{text-align:center}
 .theme-e .e-partner-set{gap:18px;padding-right:18px}
 .theme-e .e-partner-logo{min-width:105px;height:47px}
 .theme-e .e-partner-logo img{width:100px;height:40px}
}
@media(prefers-reduced-motion:reduce){.theme-e .e-partner-track{animation:none!important}}


/* Theme E secondary icon menu: active icon pops, decays, rests one second, loops. */
.theme-e .e-secondary-nav-link {
  overflow:visible;
  isolation:isolate;
  transform:translateZ(0);
  transition:background .16s ease, box-shadow .16s ease, color .16s ease;
}
.theme-e .e-secondary-nav-link img {
  display:block;
  transform-origin:50% 82%;
  will-change:transform;
  transition:none; /* The icon is controlled by the bounce, not a hover zoom. */
  pointer-events:none;
}
.theme-e .e-secondary-nav-link span{pointer-events:none;}
.theme-e .e-secondary-nav-link.is-current {
  z-index:2;
  background:linear-gradient(180deg,hsl(calc(225.19deg + var(--e-hue-shift, 0deg)) 70.00% 43.14%) 0%,hsl(calc(225.75deg + var(--e-hue-shift, 0deg)) 51.28% 30.59%) 100%);
  box-shadow:inset 0 1px 0 #ffffff22;
}
.theme-e .e-secondary-nav-link.is-current img{transform:translateY(-5px) scale(1.1)}
.theme-e .e-secondary-nav-link.e-secondary-bouncing img {
  animation:e-secondary-damped-loop 2.4s linear infinite;
}
.theme-e .e-secondary-nav-link:hover img,
.theme-e .e-secondary-nav-link:focus-visible img{
  /* Avoid overriding the active icon's multi-step animation. */
  transform:translateY(-5px) scale(1.1);
}
@keyframes e-secondary-damped-loop {
  0%{transform:translateY(-5px) scale(1.1)}
  9%{transform:translateY(-21px) scale(1.27)}
  19%{transform:translateY(-3px) scale(1.08)}
  28%{transform:translateY(-14px) scale(1.2)}
  38%{transform:translateY(-5px) scale(1.1)}
  47%{transform:translateY(-9px) scale(1.14)}
  58.333%,100%{transform:translateY(-5px) scale(1.1)}
}
@media(prefers-reduced-motion:reduce){
 .theme-e .e-secondary-nav-link.e-secondary-bouncing img{animation:none!important;will-change:auto}
}


/* Secondary navigation changes the visible page below the fixed menu — not a scroll-to-anchor. */
.theme-e .e-content-panel[hidden],.theme-e .e-promo-modal[hidden]{display:none!important}
.theme-e .e-content-panel{min-width:0}
.theme-e .e-section-tab{scroll-margin-top:90px;position:relative;z-index:10}
.theme-e .e-secondary-nav-link:focus-visible{outline:3px solid #fff;outline-offset:3px}
.theme-e .e-page-inner{max-width:1220px;margin:0 auto;padding:20px 12px 44px}
.theme-e .e-page-title{text-align:center;color:hsl(calc(224.24deg + var(--e-hue-shift, 0deg)) 58.58% 33.14%);font-size:clamp(24px,2.2vw,34px);margin:0 0 19px;font-weight:800}
.theme-e .e-tab-promotions,.theme-e .e-tab-articles,.theme-e .e-tab-guide{min-height:560px;background:linear-gradient(180deg,hsl(calc(226.88deg + var(--e-hue-shift, 0deg)) 100.00% 93.73%) 0%,hsl(calc(229.41deg + var(--e-hue-shift, 0deg)) 100.00% 96.67%) 70%,#fff 100%)}
.theme-e .e-promo-list{display:grid;gap:12px;max-width:1100px;margin:0 auto}
.theme-e .e-promo-list-item{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:center}
.theme-e .e-promo-list-item picture,.theme-e .e-promo-list-item picture img{display:block;width:100%;max-width:100%}
.theme-e .e-promo-list-item picture img{max-height:285px;aspect-ratio:2/1;object-fit:cover;border-radius:14px}
.theme-e .e-promo-list-copy h3{font-size:19px;color:hsl(calc(221.80deg + var(--e-hue-shift, 0deg)) 52.66% 33.14%);margin:0 0 10px;font-weight:750}
.theme-e .e-promo-list-copy p{font-size:13px;color:hsl(calc(224.62deg + var(--e-hue-shift, 0deg)) 15.92% 48.04%);line-height:1.7;margin:0 0 12px}
.theme-e .e-promo-list-actions{display:flex;gap:7px;align-items:center}
.theme-e .e-promo-list-actions>*{flex:1;min-width:0;display:inline-flex;justify-content:center;align-items:center;padding:11px 9px;font-weight:700;font-size:14px;border:0;border-radius:4px;color:#fff;line-height:1.2;cursor:pointer}
.theme-e .e-promo-detail-button{background:linear-gradient(#ffc65d,#e89422)}
.theme-e .e-promo-claim-button{background:linear-gradient(hsl(calc(225.71deg + var(--e-hue-shift, 0deg)) 41.83% 49.22%),hsl(calc(231.43deg + var(--e-hue-shift, 0deg)) 62.76% 28.43%));color:#fff!important;display:inline-flex;padding:11px 15px;border-radius:4px;align-items:center;justify-content:center;text-align:center;font-weight:700}
.theme-e .e-promo-list-actions>*:hover{filter:brightness(1.07)}
.theme-e .e-promo-modal{position:fixed;inset:0;z-index:1000;background:hsl(calc(221.25deg + var(--e-hue-shift, 0deg)) 82.76% 11.37% / .651);display:grid;place-items:center;padding:20px}
.theme-e .e-promo-modal-card{width:min(520px,100%);border-radius:14px;background:#fff;box-shadow:0 15px 50px #0005;padding:24px 25px 27px;position:relative;color:hsl(calc(225.00deg + var(--e-hue-shift, 0deg)) 40.54% 29.02%)}
.theme-e .e-promo-modal-card h2{color:hsl(calc(224.24deg + var(--e-hue-shift, 0deg)) 58.58% 33.14%);margin:2px 36px 18px 0;font-size:23px}
.theme-e .e-promo-modal-card p{line-height:1.8}
.theme-e .e-promo-modal-close{position:absolute;right:13px;top:9px;background:none;border:0;font-size:31px;color:hsl(calc(222.75deg + var(--e-hue-shift, 0deg)) 43.96% 35.69%)}
.theme-e .e-empty{color:hsl(calc(220.68deg + var(--e-hue-shift, 0deg)) 27.19% 42.55%);text-align:center;padding:65px 15px}
.theme-e .e-article-index{max-width:1100px;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.theme-e .e-article-card-ref{display:block;background:#212121;border-radius:10px;overflow:hidden;box-shadow:0 4px 9px #0002;transition:transform .2s ease}
.theme-e .e-article-card-ref:hover{transform:translateY(-4px)}
.theme-e .e-article-card-ref img{height:auto;aspect-ratio:1.9;object-fit:cover}
.theme-e .e-article-card-copy{padding:14px 13px;color:#f2f2f2}
.theme-e .e-article-card-copy strong{color:hsl(calc(197.39deg + var(--e-hue-shift, 0deg)) 69.29% 50.20%);font-size:15px;padding:0 0 6px;line-height:1.35}
.theme-e .e-article-card-copy small{display:block;color:hsl(calc(205.71deg + var(--e-hue-shift, 0deg)) 12.28% 66.47%);margin:0 0 15px}
.theme-e .e-article-card-copy span{border-radius:10px;padding:5px 10px;background:hsl(calc(193.43deg + var(--e-hue-shift, 0deg)) 100.00% 26.27%);color:#fff;font-size:11px}
.theme-e .e-article-note{text-align:center;margin:22px 0;color:hsl(calc(222.67deg + var(--e-hue-shift, 0deg)) 18.22% 48.43%);font-size:12px}
.theme-e .e-guide-intro{max-width:1060px;margin:0 auto 23px;color:hsl(calc(220.98deg + var(--e-hue-shift, 0deg)) 17.90% 44.90%);line-height:1.8;font-size:14px}
.theme-e .e-guide-banner{width:100%;max-width:1060px;margin:0 auto 25px;max-height:360px;object-fit:contain}
.theme-e .e-guide-block{max-width:1080px;margin:0 auto 36px}
.theme-e .e-guide-block h3{font-size:23px;color:hsl(calc(225.84deg + var(--e-hue-shift, 0deg)) 52.66% 33.14%);margin:0 0 17px;text-align:center}
.theme-e .e-guide-pictures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:22px}
.theme-e .e-guide-pictures img{width:100%;height:auto;object-fit:contain;border-radius:12px}
.theme-e .e-guide-help{margin:15px 0 0;color:hsl(calc(221.89deg + var(--e-hue-shift, 0deg)) 24.42% 42.55%)}
.theme-e .e-guide-help strong{color:hsl(calc(221.76deg + var(--e-hue-shift, 0deg)) 61.45% 32.55%)}
.theme-e .e-guide-help ul{padding-left:25px;line-height:1.75;font-size:13px}
.theme-e .e-guide-contact{display:flex;gap:15px;justify-content:center;align-items:center;background:hsl(calc(223.33deg + var(--e-hue-shift, 0deg)) 100.00% 96.47%);padding:25px 14px;border-radius:12px;flex-wrap:wrap}
.theme-e .e-guide-contact a{color:#fff;background:hsl(calc(222.58deg + var(--e-hue-shift, 0deg)) 62.63% 38.82%);padding:10px 16px;border-radius:5px}
@media(max-width:700px){
 .theme-e .e-section-tab{scroll-margin-top:65px}
 .theme-e .e-page-inner{padding:20px 9px 30px}
 .theme-e .e-promo-list-item{gap:9px;grid-template-columns:1fr}
 .theme-e .e-promo-list-item picture img{max-height:none;aspect-ratio:2/1}
 .theme-e .e-promo-list-copy h3{font-size:16px;margin-bottom:5px}
 .theme-e .e-promo-list-copy p{font-size:12px;margin-bottom:8px}
 .theme-e .e-promo-list-item{margin-bottom:17px}
 .theme-e .e-article-index{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .theme-e .e-article-card-copy{padding:10px 9px}
 .theme-e .e-article-card-copy strong{font-size:12px}
 .theme-e .e-guide-block h3{font-size:18px}
 .theme-e .e-guide-pictures{gap:6px}
 .theme-e .e-guide-help ul{font-size:12px}
}
@media(max-width:380px){.theme-e .e-article-index{grid-template-columns:1fr}.theme-e .e-promo-list-actions>*{font-size:12px;padding:10px 6px}}
@media(prefers-reduced-motion:reduce){.theme-e .e-article-card-ref{transition:none}}

/* Theme E lower section reference pass 2026-10-17: referral FAQ and detailed footer */
.theme-e .e-faq{background:#fff;padding:56px 0 68px}
.theme-e .e-faq>.e-container{width:min(1560px,91%);max-width:none}
.theme-e .e-faq h2{text-align:center;color:hsl(calc(226.34deg + var(--e-hue-shift, 0deg)) 55.80% 35.49%);font-size:27px;line-height:1.3;margin:0 0 24px;font-weight:750}
.theme-e .e-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start;margin-top:0}
.theme-e .e-faq-column{display:flex;flex-direction:column;gap:12px;min-width:0}
.theme-e .e-faq-column details{background:linear-gradient(180deg,#dfdfdf 0%,#f3f3f3 100%);border:1px solid #e0e0e0;border-radius:12px;min-height:58px;padding:0;overflow:hidden;box-shadow:none;color:#161616}
.theme-e .e-faq-column summary{display:block;list-style:none;cursor:pointer;color:#101010;font-size:17px;line-height:1.45;font-weight:500;min-height:56px;padding:15px 18px;outline-offset:-3px}
.theme-e .e-faq-column summary::-webkit-details-marker{display:none}
.theme-e .e-faq-prefix{font-weight:750}
.theme-e .e-faq-answer{font-size:15px;line-height:1.75;background:#f1f1f1;padding:10px 18px 20px;color:#222;white-space:normal}
.theme-e .e-faq-column details[open] summary{background:linear-gradient(#d7d7d7,#e6e6e6)}
.theme-e .e-faq-column details:focus-within{outline:2px solid hsl(calc(221.85deg + var(--e-hue-shift, 0deg)) 52.42% 44.51%);outline-offset:2px}
.theme-e .e-footer{padding:54px 0 0;border-top:1px solid #e2e3e6;background:#fff;color:#6a6a6a}
.theme-e .e-footer-container{width:min(1690px,91%);max-width:none}
.theme-e .e-footer-intro h2{font-size:56px;line-height:1.1;font-weight:950;letter-spacing:-1.2px;color:hsl(calc(225.45deg + var(--e-hue-shift, 0deg)) 56.57% 34.31%);margin:0 0 12px}
.theme-e .e-footer-intro p{font-size:16px;line-height:1.75;color:#808080;margin:0}
.theme-e .e-footer-intro strong{color:hsl(calc(226.88deg + var(--e-hue-shift, 0deg)) 54.55% 34.51%)}
.theme-e .e-footer-service{border-top:1px solid #d3d3d3;margin-top:26px;padding:40px 12px 48px}
.theme-e .e-footer-service h3{font-size:16px;font-weight:700;color:#767676;margin:0 0 22px}
.theme-e .e-footer-service h3 span{font-weight:400}
.theme-e .e-footer-service-grid{display:flex;align-items:center;gap:34px;min-height:215px}
.theme-e .e-contact-qr{display:flex;width:210px;height:210px;min-width:210px;align-items:center;justify-content:center;margin:0}
.theme-e .e-contact-qr img{width:100%;height:100%;object-fit:contain}
.theme-e .e-contact-qr-placeholder{width:100%;height:100%;border:3px dashed #19b85c;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;color:#119b47;font-weight:900;font-size:27px;background:#f7fff9}
.theme-e .e-contact-qr-placeholder[hidden]{display:none!important}
.theme-e .e-contact-qr-placeholder small{font-size:12px;line-height:1.45;color:#5c7463;font-weight:600;padding:0 15px}
.theme-e .e-footer-service-copy p{margin:0 0 13px;color:#777;font-size:16px;line-height:1.6}
.theme-e .e-contact-btn{font-size:15px;min-width:190px;text-align:center;justify-content:center;padding:12px 23px;border:0;border-radius:3px;background:linear-gradient(180deg,#50ee66 0%,#09bf12 45%,#00a30f 100%);box-shadow:inset 0 2px 4px #ffffffaa;color:#fff!important;text-shadow:0 1px 2px #007000;font-weight:750;transition:filter .2s}
.theme-e .e-contact-btn:hover{filter:brightness(1.08)}
.theme-e .e-footer-logos{border-top:1px solid #d0d0d0;border-bottom:1px solid #d0d0d0;padding:35px 10px 41px;display:grid;grid-template-columns:.94fr 1.06fr;gap:22px;align-items:start}
.theme-e .e-footer-logos section{min-width:0}
.theme-e .e-footer-logos h3{font-size:15px;font-weight:550;color:#898989;margin:0 0 12px}
.theme-e .e-footer-logos img{width:100%;height:auto;max-width:100%;max-height:235px;object-fit:contain;object-position:left top}
.theme-e .e-footer-logos-fallback{border:1px solid hsl(calc(221.54deg + var(--e-hue-shift, 0deg)) 31.71% 91.96%);padding:14px;border-radius:8px;font-size:13px;max-width:400px}
.theme-e .e-footer-links{border-bottom:1px solid #d0d0d0;display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:30px 10px 35px}
.theme-e .e-footer-links a{font-size:13px;line-height:1.4;border-radius:18px;padding:5px 9px;background:#2f2f2f;color:#fff!important;font-weight:650;box-shadow:none;transition:background .2s ease}
.theme-e .e-footer-links a:hover{background:hsl(calc(220.61deg + var(--e-hue-shift, 0deg)) 54.70% 35.49%)}
.theme-e .e-copyright{text-align:center;color:#858585;font-size:15px;line-height:1.55;padding:28px 0 32px;margin:0}
.theme-e .e-copyright span{display:block}
@media(max-width:850px){
 .theme-e .e-footer-container{width:min(94%,850px)}
 .theme-e .e-footer-intro h2{font-size:42px}
 .theme-e .e-footer-logos{gap:20px}
 .theme-e .e-footer-service{padding:24px 2px 35px}
 .theme-e .e-footer-service-grid{gap:20px}
 .theme-e .e-contact-qr{width:170px;height:170px;min-width:170px}
}
@media(max-width:620px){
 .theme-e .e-faq{padding:34px 0 42px}
 .theme-e .e-faq>.e-container{width:93%}
 .theme-e .e-faq h2{font-size:22px;margin-bottom:17px}
 .theme-e .e-faq-grid{grid-template-columns:1fr;gap:9px}
 .theme-e .e-faq-column{gap:9px}
 .theme-e .e-faq-column summary{min-height:48px;font-size:14px;padding:12px 13px}
 .theme-e .e-faq-column details{min-height:48px;border-radius:8px}
 .theme-e .e-faq-answer{font-size:13px;padding:8px 13px 16px}
 .theme-e .e-footer{padding:34px 0 0}
 .theme-e .e-footer-intro h2{font-size:37px}
 .theme-e .e-footer-intro p{font-size:14px}
 .theme-e .e-footer-service{margin-top:24px;padding:23px 0 30px}
 .theme-e .e-footer-service h3{font-size:14px;margin-bottom:14px}
 .theme-e .e-footer-service-grid{align-items:flex-start;gap:12px;min-height:0}
 .theme-e .e-contact-qr{min-width:130px;width:130px;height:130px}
 .theme-e .e-contact-qr-placeholder{font-size:20px}
 .theme-e .e-contact-qr-placeholder small{font-size:10px;padding:0 7px}
 .theme-e .e-footer-service-copy p{font-size:13px}
 .theme-e .e-contact-btn{font-size:13px;min-width:0;padding:9px 12px}
 .theme-e .e-footer-logos{grid-template-columns:1fr;gap:28px;padding:26px 0}
 .theme-e .e-footer-logos img{max-height:200px}
 .theme-e .e-footer-links{padding:23px 0;gap:6px}
 .theme-e .e-footer-links a{font-size:11px;padding:4px 8px}
 .theme-e .e-copyright{font-size:12px;padding:20px 0 26px}
}

/* Footer provider image: three rows must remain fully visible at any viewport width.
   Do not cap its height — the original asset was also missing its last-row pixels. */
.theme-e .e-footer-provider-list img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;object-position:left top}
.theme-e .e-footer-provider-list{min-height:0;overflow:visible}


/* Mobile SBOPLUS reference parity patch. Scoped to Theme E and <= 620px. */
.theme-e .e-brand-mobile-text,.theme-e .e-mobile-dock{display:none}
@media (max-width:620px){
  html{scroll-padding-top:56px}
  body.theme-e{overflow-x:clip;padding-bottom:calc(62px + env(safe-area-inset-bottom,0px));font-size:13px}
  .theme-e .e-container{width:96%}
  .theme-e .e-header{position:sticky;top:0;z-index:120}
  .theme-e .e-header-inner{width:100%;padding:0 6px;height:56px;gap:7px}
  .theme-e .e-menu-toggle{flex:0 0 30px;padding:5px 2px;gap:4px}
  .theme-e .e-menu-toggle span{width:22px;height:4px;background:hsl(calc(221.89deg + var(--e-hue-shift, 0deg)) 59.55% 34.90%);border-radius:1px}
  .theme-e .e-brand{flex:1 1 auto;min-width:0;overflow:hidden}
  .theme-e .e-brand img,.theme-e .e-brand strong{display:none!important}
  .theme-e .e-brand-mobile-text{display:block;color:hsl(calc(225.32deg + var(--e-hue-shift, 0deg)) 54.65% 33.73%);font-weight:1000;font-family:Arial,Tahoma,sans-serif;letter-spacing:-1px;font-size:clamp(19px,6vw,28px);white-space:nowrap;line-height:1.15}
  .theme-e .e-header-actions{flex:0 0 auto;gap:6px;margin-left:0}
  .theme-e .e-header-actions .e-button{min-width:0;width:clamp(68px,21.5vw,110px);height:36px;min-height:36px;border-radius:5px;padding:3px 5px;font-size:clamp(10px,3vw,13px);white-space:nowrap;line-height:1.1}
  .theme-e .e-announcement{height:25px;padding:0 4px;gap:5px;font-size:10px;overflow:hidden}
  .theme-e .e-announcement>span{padding:3px 12px;font-size:10px;flex:0 0 auto}
  .theme-e.e-mobile-scrolled .e-announcement{display:none}
  .theme-e .e-side-menu{top:56px}
  .theme-e .e-hero{padding:9px 9px 19px;background:hsl(calc(224.12deg + var(--e-hue-shift, 0deg)) 87.18% 84.71%)}
  .theme-e .e-hero-slides{aspect-ratio:2.04;min-height:0;border-radius:15px;overflow:hidden}
  .theme-e .e-hero-slide img{object-fit:cover;object-position:35% center}
  .theme-e .e-hero-controls{padding:0 4px}
  .theme-e .e-hero-dots{bottom:0;transform:translateY(14px);gap:8px}
  .theme-e .e-hero-dots button{height:4px;width:14px;border-radius:0;background:hsl(calc(226.15deg + var(--e-hue-shift, 0deg)) 51.18% 75.10%)}
  .theme-e .e-hero-dots button.is-active{height:4px;width:23px;background:hsl(calc(224.46deg + var(--e-hue-shift, 0deg)) 62.92% 34.90%)}
  .theme-e .e-promotions{padding:19px 9px 21px;background:linear-gradient(180deg,hsl(calc(224.42deg + var(--e-hue-shift, 0deg)) 100.00% 84.90%) 0%,hsl(calc(227.78deg + var(--e-hue-shift, 0deg)) 77.14% 86.27%) 84%,hsl(calc(222.35deg + var(--e-hue-shift, 0deg)) 100.00% 96.67%) 100%)}
  .theme-e .e-sub-heading{font-size:18px;font-weight:600;color:hsl(calc(224.84deg + var(--e-hue-shift, 0deg)) 49.74% 37.45%);margin:0 0 10px}
  .theme-e .e-promo-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-width:none}
  .theme-e .e-promo-card{display:block;min-width:0;width:100%;max-width:none;border-radius:7px;box-shadow:0 1px 3px hsl(calc(225.00deg + var(--e-hue-shift, 0deg)) 61.54% 30.59% / .125)}
  .theme-e .e-promo-card picture img{width:100%;aspect-ratio:1/1;object-fit:cover}
  .theme-e .e-promo-detail{font-size:11px;padding:5px 3px;line-height:1.1}
  .theme-e .e-category-band{padding:8px 8px 12px;overflow:visible;background:hsl(calc(227.44deg + var(--e-hue-shift, 0deg)) 37.07% 54.51%)}
  .theme-e .e-category-list{display:flex!important;flex-wrap:nowrap;justify-content:center;align-items:stretch;gap:8px;max-width:100%;width:100%;padding:10px 0 2px;overflow:visible}
  .theme-e .e-category-list button,.theme-e .e-category-list button.is-active{display:flex;flex:1 1 0!important;flex-direction:column;width:0!important;min-width:0!important;max-width:none;height:72px;min-height:72px;justify-content:flex-start;align-items:center;padding:4px 3px 7px;gap:2px;border-radius:12px;white-space:normal;font-size:clamp(9px,2.8vw,12px);line-height:1.05;box-shadow:0 2px 0 #ffffff55 inset,0 2px 4px hsl(calc(223.95deg + var(--e-hue-shift, 0deg)) 54.43% 30.98% / .149)}
  .theme-e .e-category-list button:not(.is-active) img{height:31px;width:31px;flex:0 0 31px;margin:0 auto 2px}
  .theme-e .e-category-list button.is-active img{height:46px;width:46px;flex:0 0 46px;margin:-12px auto 0}
  .theme-e .e-category-list button span{display:block;width:100%;font-size:inherit;line-height:1.08;text-align:center;overflow:visible}
  .theme-e .e-games-body{padding:10px 7px 20px}
  .theme-e .e-game-group{margin-bottom:15px}
  .theme-e .e-game-group h2{font-size:16px;line-height:1.2;margin:0 0 10px;color:hsl(calc(226.11deg + var(--e-hue-shift, 0deg)) 53.67% 34.71%);background:linear-gradient(90deg,transparent,hsl(calc(225.13deg + var(--e-hue-shift, 0deg)) 57.95% 38.24%) 22%,hsl(calc(225.13deg + var(--e-hue-shift, 0deg)) 57.95% 38.24%) 78%,transparent);color:#fff;padding:5px 0}
  .theme-e .e-game-grid{gap:10px;max-width:none;padding:4px 15px 8px}
  .theme-e .e-game,.theme-e .e-casino-group .e-game{flex:0 0 46%;width:46%;min-width:0;max-width:none}
  .theme-e .e-game-rank{font-size:44px;left:-13px;top:3px;z-index:3}
  .theme-e .e-game img{border-radius:5px}
  .theme-e .e-game small{font-size:10px;margin:4px 0}
  .theme-e .e-provider-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .theme-e .e-provider-panel{padding:14px 3px}
  .theme-e .e-about{padding:14px 9px 28px}
  .theme-e .e-about-container{width:100%}
  .theme-e .e-about h2{font-size:clamp(36px,10vw,46px);letter-spacing:-1px;margin:0 0 6px}
  .theme-e .e-about h3{font-size:clamp(15px,4.3vw,18px);line-height:1.35;margin:0 0 5px}
  .theme-e .e-about-intro{font-size:12px;margin:3px 0 8px}
  .theme-e .e-about p{font-size:11px;line-height:1.45;margin:auto}
  .theme-e .e-recent-layout{display:flex;flex-direction:column;align-items:stretch;gap:9px;margin:13px 0 0}
  .theme-e .e-recent-logo img{max-width:72%;max-height:104px;width:auto;object-fit:contain}
  .theme-e .e-recent-cards{display:flex;gap:0;width:100%;max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-inline:contain;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:13px}
  .theme-e .e-recent-cards::-webkit-scrollbar{display:none}
  .theme-e .e-recent-card{display:flex;flex:0 0 100%;height:100px;min-width:0;scroll-snap-align:start;scroll-snap-stop:always;border-radius:13px;padding:10px 9px}
  .theme-e .e-recent-meta{flex-direction:row;gap:11px;text-align:right}
  .theme-e .e-recent-meta img{width:53px;height:53px;flex:0 0 53px;max-width:53px}
  .theme-e .e-recent-meta span{align-items:flex-end;gap:3px}
  .theme-e .e-recent-meta strong{font-size:12px}
  .theme-e .e-recent-meta small{font-size:11px}
  .theme-e .e-recent-amount{font-size:14px;min-height:27px;gap:10px}
  .theme-e .e-recent-amount img{width:24px;height:24px}
  .theme-e .e-section-tab,.theme-e .e-section-tab .e-container{min-height:60px}
  .theme-e .e-section-tab{padding:0 5px;scroll-margin-top:56px}
  .theme-e .e-section-tab .e-container{width:100%;gap:1px;align-items:stretch}
  .theme-e .e-secondary-nav-link{flex:1 1 0;min-width:0;max-width:none;margin-top:-5px;font-size:10px;padding:4px 0;line-height:1.1;border-radius:10px;gap:1px}
  .theme-e .e-secondary-nav-link img{width:39px;height:40px;max-width:100%}
  .theme-e .e-affiliate{padding:15px 8px 24px}
  .theme-e .e-affiliate-grid{gap:10px}
  .theme-e .e-affiliate-visual>img{max-height:170px;max-width:100%}
  .theme-e .e-affiliate-visual>img.e-affiliate-diagram{max-height:170px;margin-top:0}
  .theme-e .e-affiliate-content{padding-top:2px}
  .theme-e .e-affiliate-content h2{font-size:17px;text-align:center;margin:0 0 4px}
  .theme-e .e-affiliate-copy{font-size:12px;line-height:1.45;margin:0 0 5px}
  .theme-e .e-affiliate-content ul{font-size:12px;line-height:1.6;margin:5px 0 9px;padding-left:20px}
  .theme-e .e-affiliate-note{min-height:0;padding:9px 10px;margin-bottom:8px;border-radius:9px}
  .theme-e .e-affiliate-note strong{font-size:12px}.theme-e .e-affiliate-note p{font-size:11px;margin:3px 0}
  .theme-e .e-affiliate-content .e-button-wide{font-size:13px;min-height:36px}
  .theme-e .e-casino-showcase{padding:15px 8px}
  .theme-e .e-casino-showcase h2,.theme-e .e-partners h2{font-size:17px}
  .theme-e .e-casino-showcase-grid{grid-template-columns:1fr;gap:5px}
  .theme-e .e-casino-showcase-grid img{max-height:165px}
  .theme-e .e-casino-showcase-grid p{text-align:left;font-size:12px;line-height:1.55}
  .theme-e .e-partners{padding:15px 0 18px}
  .theme-e .e-partner-logo{min-width:85px;height:41px}.theme-e .e-partner-logo img{max-width:85px;height:35px}
  .theme-e .e-faq{padding:18px 0 28px}
  .theme-e .e-faq h2{font-size:17px;margin-bottom:13px}
  .theme-e .e-faq-grid{grid-template-columns:1fr;gap:6px}
  .theme-e .e-faq-column{gap:6px}
  .theme-e .e-faq-column summary{min-height:40px;font-size:12px;padding:10px 11px}
  .theme-e .e-faq-column details{min-height:40px;border-radius:5px}
  .theme-e .e-faq-answer{font-size:11px;line-height:1.55;padding:8px 10px 13px}
  .theme-e .e-footer{padding:22px 0 0}
  .theme-e .e-footer-container{width:96%}
  .theme-e .e-footer-intro h2{font-size:33px;margin-bottom:5px}
  .theme-e .e-footer-intro p{font-size:12px;line-height:1.4}
  .theme-e .e-footer-service{padding:16px 0 18px;margin-top:12px}
  .theme-e .e-footer-service h3{font-size:12px;margin-bottom:10px}
  .theme-e .e-footer-service-grid{flex-direction:column;align-items:center;gap:8px}
  .theme-e .e-contact-qr{width:min(72vw,280px);height:min(72vw,280px);min-width:0}
  .theme-e .e-footer-service-copy{text-align:center}
  .theme-e .e-footer-service-copy p{font-size:12px}
  .theme-e .e-contact-btn{min-width:120px;font-size:12px;padding:7px 12px}
  .theme-e .e-footer-logos{grid-template-columns:1fr;gap:18px;padding:15px 0}
  .theme-e .e-footer-logos h3{font-size:12px;margin-bottom:6px}
  .theme-e .e-footer-logos img{max-height:none;width:100%}
  .theme-e .e-footer-links{gap:4px;padding:12px 0}
  .theme-e .e-footer-links a{font-size:10px;padding:4px 7px}
  .theme-e .e-copyright{font-size:11px;padding:11px 0 18px}
  .theme-e .e-floating-line{right:10px;bottom:calc(72px + env(safe-area-inset-bottom,0px));width:52px;height:52px;z-index:130}
  .theme-e .e-floating-line img{width:32px;height:29px}
  .theme-e .e-mobile-dock{display:flex;align-items:stretch;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;z-index:140;height:calc(56px + env(safe-area-inset-bottom,0px));padding:0 4px env(safe-area-inset-bottom,0px);background:linear-gradient(180deg,hsl(calc(231.33deg + var(--e-hue-shift, 0deg)) 69.75% 23.33%) 0%,hsl(calc(228.41deg + var(--e-hue-shift, 0deg)) 67.69% 25.49%) 100%);border-radius:12px 12px 0 0;border-top:2px solid hsl(calc(225.45deg + var(--e-hue-shift, 0deg)) 60.00% 32.35%);box-shadow:0 -3px 15px hsl(calc(223.85deg + var(--e-hue-shift, 0deg)) 70.91% 21.57% / .2)}
  .theme-e .e-mobile-dock-link{display:flex;flex:1 1 0;min-width:0;flex-direction:column;align-items:center;justify-content:flex-end;gap:0;position:relative;padding:0 1px 5px;color:#fff!important;font-size:10px;text-decoration:none;font-weight:650;line-height:1.1}
  .theme-e .e-mobile-dock-icon{height:35px;display:grid;place-items:center}
  .theme-e .e-mobile-dock-icon img{height:34px;max-width:46px;width:auto;object-fit:contain;filter:drop-shadow(0 2px 2px hsl(calc(220.47deg + var(--e-hue-shift, 0deg)) 100.00% 16.86% / .659))}
  .theme-e .e-mobile-dock-icon-fallback{display:grid;place-items:center;width:32px;height:32px;color:#17ddeb;font-size:30px;font-weight:900}
  .theme-e .e-mobile-dock-icon-fallback[hidden]{display:none}
  .theme-e .e-mobile-dock-login .e-mobile-dock-icon{height:47px}
  .theme-e .e-mobile-dock-login .e-mobile-dock-icon img{height:48px;max-width:56px;transform:translateY(-14px);filter:drop-shadow(0 4px 6px hsl(calc(226.90deg + var(--e-hue-shift, 0deg)) 76.99% 22.16% / .561))}
  .theme-e .e-mobile-dock-login .e-mobile-dock-icon-fallback{transform:translateY(-13px);font-size:36px}
  .theme-e .e-mobile-dock-login .e-mobile-dock-label{margin-top:-11px}
  .theme-e .e-mobile-dock-link:focus-visible{outline:2px solid #fff;outline-offset:-2px;border-radius:6px}
  .theme-e .e-mobile-dock-link.is-active .e-mobile-dock-label{font-weight:900}
  .theme-e .e-promo-modal-card{max-height:calc(100dvh - 90px);overflow:auto}
}
@media(max-width:350px){
  .theme-e .e-header-actions .e-button{width:64px;font-size:10px}
  .theme-e .e-brand-mobile-text{font-size:19px}
  .theme-e .e-category-list{gap:2px}
  .theme-e .e-category-list button,.theme-e .e-category-list button.is-active{font-size:8px}
}
@media(prefers-reduced-motion:reduce){
  .theme-e .e-mobile-dock-icon,.theme-e .e-recent-cards{scroll-behavior:auto}
}
/* Reference mobile promotion carousel: two cards in one row; swipe to see more.
   This intentionally avoids a second visible row before the game category tabs. */
@media(max-width:620px){
  .theme-e .e-promo-row{display:flex;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;gap:8px;width:100%;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:0;overscroll-behavior-inline:contain;scrollbar-width:none;padding:0 0 2px}
  .theme-e .e-promo-row::-webkit-scrollbar{display:none}
  .theme-e .e-promo-card{flex:0 0 calc((100% - 8px)/2);width:calc((100% - 8px)/2);max-width:none;scroll-snap-align:start;scroll-snap-stop:always}
}

@media (max-width:390px){
  .theme-e .e-category-list{gap:5px}
  .theme-e .e-category-list button,.theme-e .e-category-list button.is-active{height:68px;min-height:68px;padding:4px 2px 6px;font-size:clamp(8px,2.55vw,11px)}
  .theme-e .e-category-list button:not(.is-active) img{height:28px;width:28px;flex-basis:28px}
  .theme-e .e-category-list button.is-active img{height:42px;width:42px;flex-basis:42px;margin:-10px auto 0}
}


/* 2026-10-17 — Mobile category cards matched to SBOPLUS reference.
   Narrow 5-column tabs, oversized icons FLOATING above the buttons, not inside
   tall flex column buttons. Desktop and the underlying game tabs stay unchanged. */
@media screen and (max-width:620px) {
  body.theme-e .e-category-band {
    padding:16px 7px 9px;
    background:hsl(calc(227.44deg + var(--e-hue-shift, 0deg)) 37.07% 54.51%);
    overflow:visible;
  }
  body.theme-e .e-category-list {
    display:flex !important;
    flex-flow:row nowrap;
    align-items:flex-end;
    justify-content:space-between;
    width:100%; max-width:100%;
    gap:5px;
    padding:0;
    margin:0 auto;
    overflow:visible;
  }
  body.theme-e .e-category-list button,
  body.theme-e .e-category-list button.is-active {
    position:relative;
    display:flex;
    flex:1 1 0 !important;
    flex-direction:column;
    align-items:center;
    justify-content:flex-end;
    width:0 !important;
    min-width:0 !important;
    max-width:none;
    height:clamp(28px,8vw,35px); min-height:clamp(28px,8vw,35px);
    margin:0;
    padding:0 1px 6px;
    gap:0;
    border-radius:7px;
    white-space:nowrap;
    overflow:visible;
    font-size:clamp(10px,3.15vw,14px);
    line-height:1.1;
    font-weight:400;
    box-shadow:inset 0 1px 0 #fff7, 0 2px 1px hsl(calc(224.14deg + var(--e-hue-shift, 0deg)) 54.72% 31.18% / .2);
  }
  body.theme-e .e-category-list button.is-active {
    font-weight:500;
    box-shadow:inset 0 1px 0 #ffffff77, 0 2px 1px hsl(calc(224.14deg + var(--e-hue-shift, 0deg)) 54.72% 31.18% / .2);
  }
  body.theme-e .e-category-list button span,
  body.theme-e .e-category-list button.is-active span {
    display:block;
    width:100%;
    text-align:center;
    position:relative;
    z-index:2;
    font-size:inherit;
    line-height:1.1;
    white-space:nowrap;
    overflow:visible;
  }
  body.theme-e .e-category-list button img,
  body.theme-e .e-category-list button:not(.is-active) img,
  body.theme-e .e-category-list button.is-active img {
    position:absolute;
    z-index:3;
    left:50%; right:auto;
    top:auto;
    bottom:calc(100% - 11px);
    display:block;
    flex:none;
    width:clamp(20px,6.15vw,27px); height:clamp(20px,6.15vw,27px);
    min-width:0; max-width:none;
    object-fit:contain;
    margin:0 !important;
    translate:-50% 0;
    transform-origin:center bottom;
    pointer-events:none;
  }
  body.theme-e .e-category-list button.is-active img {
    width:clamp(30px,9.23vw,40px); height:clamp(30px,9.23vw,40px);
    bottom:calc(100% - 11px);
  }
}
@media screen and (max-width:350px) {
  body.theme-e .e-category-list {gap:4px}
  body.theme-e .e-category-list button,
  body.theme-e .e-category-list button.is-active {
    height:28px; min-height:28px;
    font-size:10px;
    padding-bottom:5px;
  }
  body.theme-e .e-category-list button img,
  body.theme-e .e-category-list button:not(.is-active) img {width:20px;height:20px}
  body.theme-e .e-category-list button.is-active img {width:30px;height:30px}
}
/* Preserve the previous full-mobile-banner fix when installing this CSS alone. */
@media screen and (max-width:620px) {
  body.theme-e .e-hero-slides {aspect-ratio:1024/500}
  body.theme-e .e-hero-slide picture,body.theme-e .e-hero-slide img {display:block;width:100%;height:100%}
  body.theme-e .e-hero-slide img {object-fit:contain;object-position:center center}
}


/* Theme E mobile featured-games reference parity (2026-10-17).
   Two full slot posters / three full casino posters per row. Keep native
   horizontal swipe, but don't tease a clipped next card at rest.
   Narrow-screen only; all admin-supplied images remain intact. */
@media screen and (max-width:620px) {
  body.theme-e .e-games-body {
    padding:9px 7px 7px;
  }
  body.theme-e .e-game-group {
    margin:0 auto 7px;
  }
  body.theme-e .e-game-group h2 {
    margin:0 0 7px;
    font-size:clamp(16px,4vw,22px);
    line-height:1.17;
    padding:6px 0;
  }
  body.theme-e .e-game-grid {
    display:flex;
    flex-wrap:nowrap;
    justify-content:flex-start;
    align-items:flex-start;
    box-sizing:border-box;
    width:100%; max-width:100%;
    margin:0 auto;
    padding:3px 0 5px 10.5%;
    column-gap:7.9vw;
    overflow-x:auto; overflow-y:hidden;
    scroll-snap-type:x mandatory;
    scroll-padding-inline-start:10.5%;
    overscroll-behavior-inline:contain;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  body.theme-e .e-game-grid::-webkit-scrollbar {display:none}
  body.theme-e .e-game-group:not(.e-casino-group) .e-game {
    flex:0 0 43.2%;
    width:43.2%; min-width:0; max-width:none;
    position:relative;
    isolation:isolate;
    scroll-snap-align:start;
  }
  body.theme-e .e-game-group:not(.e-casino-group) .e-game-rank {
    position:absolute;
    top:10%; left:-12%; right:auto;
    z-index:0;
    color:hsl(calc(224.87deg + var(--e-hue-shift, 0deg)) 58.38% 38.63%);
    font-family:Arial,sans-serif;
    font-weight:900;
    font-size:clamp(65px,19vw,105px);
    line-height:1;
    text-shadow:none;
    pointer-events:none;
  }
  body.theme-e .e-game-group:not(.e-casino-group) .e-game img {
    position:relative;
    z-index:1;
  }
  body.theme-e .e-game img {
    border-radius:5px;
    width:100%; height:auto;
    aspect-ratio:3/4;
    object-fit:cover;
  }
  body.theme-e .e-game small {
    display:block;
    font-size:clamp(10px,2.8vw,13px);
    font-weight:400;
    line-height:1.25;
    margin-top:4px;
    color:#7d8392;
  }
  body.theme-e .e-casino-group .e-game-grid {
    padding:3px 0 5px .3%;
    scroll-padding-inline-start:.3%;
    gap:3.1vw;
    /* The fourth casino image begins beyond the visible right edge. */
    clip-path:inset(0 6px 0 0);
  }
  body.theme-e .e-casino-group .e-game {
    flex:0 0 30.4%;
    width:30.4%; min-width:0; max-width:none;
    scroll-snap-align:start;
  }
  body.theme-e .e-game-group.e-casino-group {margin-bottom:0}
}


/* Theme E / separate Promotions page: preserve each entire banner instead of
   cropping 500x500 cards into a forced 2:1 landscape container. This is not the
   homepage carousel (.e-promo-card), whose proportions stay unchanged. */
.theme-e .e-tab-promotions .e-promo-list-item picture{
  display:block;width:100%;min-width:0;height:auto;overflow:visible;
}
.theme-e .e-tab-promotions .e-promo-list-item picture img{
  display:block;width:100%;height:auto;max-height:none;max-width:100%;
  aspect-ratio:auto;object-fit:contain;object-position:center center;
  border-radius:14px;
}
@media (max-width:700px){
  .theme-e .e-tab-promotions .e-promo-list-item{
    grid-template-columns:minmax(0,1fr);
    align-items:start;gap:9px;margin-bottom:17px;
  }
  .theme-e .e-tab-promotions .e-promo-list-item picture img{
    width:100%;height:auto;max-height:none;aspect-ratio:auto;
    object-fit:contain;object-position:center;
  }
}

/* Theme E — mobile articles page: one full-width landscape card per row.
   Independent from home article previews and from the Promotions page. */
@media (max-width:700px) {
  body.theme-e .e-tab-articles .e-page-inner {
    width:100%; max-width:100%; padding:16px 9px 30px;
  }
  body.theme-e .e-tab-articles .e-page-title {
    font-size:clamp(22px,5.3vw,28px);
    margin:0 0 10px;
  }
  body.theme-e .e-tab-articles .e-article-index {
    display:grid;
    grid-template-columns:minmax(0,1fr);
    width:100%;max-width:100%;
    gap:11px;
    padding:0;margin:0 auto;
  }
  body.theme-e .e-tab-articles .e-article-card-ref:hover {transform:none}
  body.theme-e .e-tab-articles .e-article-card-ref {
    display:block;
    box-sizing:border-box;
    min-width:0;width:100%;max-width:100%;
    padding:0;
    overflow:hidden;
    border-radius:11px;
    background:#222;
    box-shadow:0 2px 5px hsl(calc(222.19deg + var(--e-hue-shift, 0deg)) 61.54% 20.39% / .133);
  }
  body.theme-e .e-tab-articles .e-article-card-ref>img {
    display:block;
    width:100%;max-width:100%;
    height:auto;max-height:none;
    aspect-ratio:auto;
    object-fit:contain;
    object-position:center;
    border-radius:0;
  }
  body.theme-e .e-tab-articles .e-article-card-copy {
    padding:13px 13px 16px;
    text-align:left;
  }
  body.theme-e .e-tab-articles .e-article-card-copy strong {
    display:block;padding:0 0 5px;
    color:hsl(calc(194.27deg + var(--e-hue-shift, 0deg)) 92.79% 43.53%);font-size:clamp(14px,3.8vw,17px);
    font-weight:500;line-height:1.4;
  }
  body.theme-e .e-tab-articles .e-article-card-copy small {
    display:block;color:#9c9c9c;
    font-size:clamp(12px,3vw,14px);line-height:1.4;
    margin:0 0 12px;
  }
  body.theme-e .e-tab-articles .e-article-card-copy span {
    display:inline-flex;align-items:center;justify-content:center;
    background:linear-gradient(hsl(calc(196.34deg + var(--e-hue-shift, 0deg)) 100.00% 37.45%),hsl(calc(197.40deg + var(--e-hue-shift, 0deg)) 100.00% 25.69%));
    color:white;border-radius:20px;
    padding:7px 15px;
    font-size:12px;line-height:1;
  }
  body.theme-e .e-tab-articles .e-article-note {display:none}
}


/* Theme E login / registration AJAX dialog. Isolated to pre-login Theme E. */
.theme-e .e-auth-overlay[hidden],.theme-e .e-auth-form[hidden],.theme-e .e-auth-message[hidden]{display:none!important}
.theme-e .e-auth-overlay{position:fixed;inset:0;z-index:10000;background:rgba(12,24,60,.73);display:flex;align-items:center;justify-content:center;padding:16px;overscroll-behavior:contain;backdrop-filter:blur(5px)}
.theme-e .e-auth-dialog{position:relative;width:min(430px,100%);max-height:min(92dvh,850px);overflow-y:auto;overscroll-behavior:contain;padding:26px 25px 24px;border-radius:18px;border:1px solid hsl(calc(222.00deg + var(--e-hue-shift, 0deg)) 100.00% 94.12%);background:linear-gradient(165deg,#fff,hsl(calc(225.00deg + var(--e-hue-shift, 0deg)) 100.00% 96.86%));box-shadow:0 24px 80px hsl(calc(227.65deg + var(--e-hue-shift, 0deg)) 77.27% 17.25% / .549);color:hsl(calc(225.38deg + var(--e-hue-shift, 0deg)) 51.32% 29.80%)}
.theme-e .e-auth-close{position:absolute;right:12px;top:10px;width:36px;height:36px;border:0;border-radius:50%;background:hsl(calc(225.00deg + var(--e-hue-shift, 0deg)) 76.92% 94.90%);color:hsl(calc(223.80deg + var(--e-hue-shift, 0deg)) 55.56% 35.29%);font-size:28px;line-height:1;display:grid;place-items:center;z-index:2}
.theme-e .e-auth-close:focus-visible,.theme-e .e-auth-dialog button:focus-visible,.theme-e .e-auth-dialog input:focus-visible,.theme-e .e-auth-dialog select:focus-visible{outline:3px solid #f1ad38;outline-offset:2px}
.theme-e .e-auth-brand{min-height:44px;display:flex;justify-content:center;align-items:center;padding:0 30px;margin-bottom:7px}
.theme-e .e-auth-brand img{max-height:55px;max-width:190px;object-fit:contain}
.theme-e .e-auth-brand strong{font-size:29px;font-weight:900;color:hsl(calc(223.75deg + var(--e-hue-shift, 0deg)) 54.55% 34.51%)}
.theme-e .e-auth-dialog h2{font-size:25px;color:hsl(calc(225.92deg + var(--e-hue-shift, 0deg)) 56.32% 34.12%);text-align:center;margin:6px 0 4px;font-weight:850}
.theme-e .e-auth-subtitle{font-size:13px;color:hsl(calc(223.04deg + var(--e-hue-shift, 0deg)) 18.25% 49.41%);text-align:center;margin:0 0 16px}
.theme-e .e-auth-switch{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;border-radius:11px;background:hsl(calc(223.12deg + var(--e-hue-shift, 0deg)) 84.21% 92.55%);margin-bottom:15px}
.theme-e .e-auth-switch button{border:0;border-radius:8px;padding:10px 6px;font-size:14px;color:hsl(calc(222.67deg + var(--e-hue-shift, 0deg)) 52.33% 33.73%);background:transparent;font-weight:700}
.theme-e .e-auth-switch button.is-selected{color:#fff;background:linear-gradient(hsl(calc(222.09deg + var(--e-hue-shift, 0deg)) 52.76% 50.20%),hsl(calc(226.79deg + var(--e-hue-shift, 0deg)) 67.70% 31.57%));box-shadow:0 2px 6px hsl(calc(223.45deg + var(--e-hue-shift, 0deg)) 55.41% 30.78% / .271)}
.theme-e .e-auth-form{display:flex;flex-direction:column;gap:11px}
.theme-e .e-auth-form label{display:flex;flex-direction:column;gap:5px;font-size:13px;color:hsl(calc(224.44deg + var(--e-hue-shift, 0deg)) 49.09% 32.35%);font-weight:750}
.theme-e .e-auth-form input,.theme-e .e-auth-form select{box-sizing:border-box;display:block;width:100%;max-width:100%;height:43px;min-height:43px;border:1px solid hsl(calc(220.85deg + var(--e-hue-shift, 0deg)) 50.54% 81.76%);border-radius:9px;background:#fff;color:hsl(calc(222.31deg + var(--e-hue-shift, 0deg)) 65.00% 23.53%);padding:0 12px;font-family:inherit;font-size:16px;font-weight:500;box-shadow:none}
.theme-e .e-auth-form input::placeholder{color:hsl(calc(221.82deg + var(--e-hue-shift, 0deg)) 16.26% 60.20%)}
.theme-e .e-auth-submit{margin-top:5px;min-height:46px;width:100%;border:0;border-radius:10px;color:#fff;background:linear-gradient(180deg,hsl(calc(205.09deg + var(--e-hue-shift, 0deg)) 92.44% 53.33%),hsl(calc(218.42deg + var(--e-hue-shift, 0deg)) 79.43% 34.31%));font-size:16px;font-weight:800;box-shadow:0 3px 7px hsl(calc(221.08deg + var(--e-hue-shift, 0deg)) 60.00% 36.27% / .333)}
.theme-e .e-auth-submit:disabled{opacity:.6;cursor:wait}
.theme-e .e-auth-fallback{align-self:center;font-size:12px;color:hsl(calc(220.42deg + var(--e-hue-shift, 0deg)) 42.22% 44.12%)!important;text-decoration:underline!important;margin-top:3px}
.theme-e .e-auth-message{font-size:13px;line-height:1.5;padding:10px 12px;margin:0 0 12px;border-radius:8px;background:#fff3ef;border:1px solid #f0beb0;color:#a02b25}
.theme-e .e-auth-message.is-success{background:#e5f7e9;border-color:#abddb9;color:#1c672f}
.theme-e .e-auth-preview-notice{font-size:12px;text-align:center;color:#785a26;margin:14px 0 0}
body.theme-e.e-auth-locked{overflow:hidden!important;touch-action:none}
@media(max-width:620px){
 .theme-e .e-auth-overlay{padding:10px;align-items:center}
 .theme-e .e-auth-dialog{padding:20px 18px 19px;border-radius:16px;max-height:calc(100dvh - 20px)}
 .theme-e .e-auth-brand img{max-height:45px}.theme-e .e-auth-dialog h2{font-size:22px}
 .theme-e .e-auth-form{gap:9px}.theme-e .e-auth-form input,.theme-e .e-auth-form select{height:41px;min-height:41px}
}
@media(prefers-reduced-motion:reduce){.theme-e .e-auth-overlay{backdrop-filter:none}}


/* Theme E: full-width two-card swipe strip on phones.
   Snap per TWO cards (not each card); mouse drag and native finger swipe share
   this scroll area, while regular vertical page scroll remains available. */
@media(max-width:620px){
  body.theme-e .e-promotions .e-promo-row{
    touch-action:pan-x pan-y;
    -webkit-overflow-scrolling:touch;
    cursor:grab;
  }
  body.theme-e .e-promotions .e-promo-row.e-promo-mouse-down,
  body.theme-e .e-promotions .e-promo-row.e-promo-grabbing{scroll-snap-type:none!important;scroll-behavior:auto!important}
  body.theme-e .e-promotions .e-promo-row.e-promo-grabbing{cursor:grabbing;user-select:none;-webkit-user-select:none}
  body.theme-e .e-promotions .e-promo-card{scroll-snap-align:none;user-select:none;-webkit-user-select:none}
  body.theme-e .e-promotions .e-promo-card:nth-child(odd){scroll-snap-align:start}
  body.theme-e .e-promotions .e-promo-card img{-webkit-user-drag:none;user-select:none}
}


/* Theme E: match reference partner carousel — two centered, fully clipped rows.
   Leave the separate footer bank/provider logos and admin-provided images intact. */
.theme-e .e-partners .e-partner-marquees {
  width:min(1100px,94%);
  max-width:1100px;
  margin:0 auto;
  box-sizing:border-box;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  gap:4px;
  -webkit-mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent);
  mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent);
}
.theme-e .e-partners .e-partner-line{
  position:relative;
  width:100%;
  max-width:100%;
  height:48px;
  min-height:48px;
  overflow:hidden;
}
.theme-e .e-partners .e-partner-track{
  display:flex;
  width:max-content;
  max-width:none;
  transform:translate3d(0,0,0);
  animation:e-partners-run 32s linear infinite;
}
.theme-e .e-partners .e-partner-line.e-reverse .e-partner-track{
  animation-direction:reverse;
  animation-duration:38s;
}
.theme-e .e-partners .e-partner-set{
  min-width:min(1100px,94vw);
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:space-around;
  gap:24px;
  padding-right:24px;
  box-sizing:border-box;
}
.theme-e .e-partners .e-partner-logo{
  flex:0 0 auto;
  min-width:130px;
  height:46px;
}
.theme-e .e-partners .e-partner-logo img{
  width:120px;
  max-width:120px;
  height:42px;
  object-fit:contain;
}
@media(max-width:700px){
  .theme-e .e-partners .e-partner-marquees{width:calc(100% - 20px);gap:2px}
  .theme-e .e-partners .e-partner-line{height:42px;min-height:42px}
  .theme-e .e-partners .e-partner-set{min-width:calc(100vw - 20px);gap:12px;padding-right:12px}
  .theme-e .e-partners .e-partner-logo{min-width:86px;height:40px}
  .theme-e .e-partners .e-partner-logo img{width:84px;max-width:84px;height:35px}
}
@media(prefers-reduced-motion:reduce){
  .theme-e .e-partners .e-partner-track{animation:none!important;transform:none!important}
}


/* Theme E palette controls — live preset/colors from backend/websetting.php.
   Does NOT apply to other themes or alter source artwork/images. */
body.theme-e:not([data-e-palette="blue"]) {
  background:var(--e-page);
  color:var(--e-text);
}
body.theme-e:not([data-e-palette="blue"]) .e-header {
  background:linear-gradient(105deg,var(--e-button-light) 0%,var(--e-primary) 46%,var(--e-accent-strong) 100%);
}
body.theme-e:not([data-e-palette="blue"]) .e-brand strong,
body.theme-e:not([data-e-palette="blue"]) .e-brand-mobile-text {color:#fff}
body.theme-e:not([data-e-palette="blue"]) .e-menu-toggle span {background:#fff}
body.theme-e:not([data-e-palette="blue"]) .e-announcement {
  background:var(--e-accent);color:var(--e-text)
}
body.theme-e:not([data-e-palette="blue"]) .e-announcement>span {
  background:#fff;color:var(--e-text)
}
body.theme-e:not([data-e-palette="blue"]) .e-hero {background:var(--e-accent)}
body.theme-e:not([data-e-palette="blue"]) .e-promotions {
  background:linear-gradient(180deg,var(--e-accent) 0%,var(--e-soft) 60%,var(--e-page) 100%);
}
body.theme-e:not([data-e-palette="blue"]) .e-category-band,
body.theme-e:not([data-e-palette="blue"]) .e-section-tab {background:var(--e-bar)}
body.theme-e:not([data-e-palette="blue"]) .e-games-body,
body.theme-e:not([data-e-palette="blue"]) .e-casino-showcase,
body.theme-e:not([data-e-palette="blue"]) .e-partners {
  background:linear-gradient(180deg,var(--e-accent) 0%,var(--e-soft) 55%,var(--e-page) 100%);
}
body.theme-e:not([data-e-palette="blue"]) .e-affiliate {
  background:linear-gradient(180deg,var(--e-accent),var(--e-page));
}
body.theme-e:not([data-e-palette="blue"]) .e-button,
body.theme-e:not([data-e-palette="blue"]) .e-auth-submit,
body.theme-e:not([data-e-palette="blue"]) .e-promo-claim-button {
  background:linear-gradient(180deg,var(--e-button-light),var(--e-primary));
  color:#fff;
}
body.theme-e:not([data-e-palette="blue"]) .e-button-register {
  background:linear-gradient(125deg,var(--e-primary),var(--e-accent-strong));
}
body.theme-e:not([data-e-palette="blue"]) .e-promo-detail,
body.theme-e:not([data-e-palette="blue"]) .e-category-list button.is-active,
body.theme-e:not([data-e-palette="blue"]) .e-secondary-nav-link.is-current,
body.theme-e:not([data-e-palette="blue"]) .e-secondary-nav-link:hover,
body.theme-e:not([data-e-palette="blue"]) .e-secondary-nav-link:focus-visible {
  background:linear-gradient(160deg,var(--e-primary),var(--e-main-dark));color:#fff;
}
body.theme-e:not([data-e-palette="blue"]) .e-category-list button:not(.is-active) {background:linear-gradient(#fff,var(--e-card));}
body.theme-e:not([data-e-palette="blue"]) .e-hero-dots button.is-active {background:var(--e-primary)}
body.theme-e:not([data-e-palette="blue"]) .e-mobile-dock {
  background:linear-gradient(180deg,var(--e-primary),var(--e-main-dark));
}
body.theme-e:not([data-e-palette="blue"]) .e-auth-dialog {background:var(--e-page)}
body.theme-e:not([data-e-palette="blue"]) .e-auth-switch button.is-selected {background:var(--e-primary);color:#fff}
@media(max-width:620px){
  body.theme-e:not([data-e-palette="blue"]) .e-hero {background:var(--e-accent)}
  body.theme-e:not([data-e-palette="blue"]) .e-promotions {background:linear-gradient(var(--e-accent),var(--e-page))}
  body.theme-e:not([data-e-palette="blue"]) .e-category-band {background:var(--e-bar)}
}


/* Theme E soft-orange page surfaces (2026-10-18).
   Orange and custom colors follow the backend palette; blue preset is untouched.
   Keep actual cards and inputs white for contrast and legibility. */
body.theme-e:not([data-e-palette="blue"]) .e-about,
body.theme-e:not([data-e-palette="blue"]) .e-faq,
body.theme-e:not([data-e-palette="blue"]) .e-footer,
body.theme-e:not([data-e-palette="blue"]) .e-articles {
  background:var(--e-page);
}
body.theme-e:not([data-e-palette="blue"]) .e-payments {
  background:linear-gradient(180deg,var(--e-soft),var(--e-page));
}
body.theme-e:not([data-e-palette="blue"]) .e-tab-promotions,
body.theme-e:not([data-e-palette="blue"]) .e-tab-articles,
body.theme-e:not([data-e-palette="blue"]) .e-tab-guide {
  background:linear-gradient(180deg,var(--e-soft) 0%,var(--e-page) 76%);
}
body.theme-e:not([data-e-palette="blue"]) .e-recent-card,
body.theme-e:not([data-e-palette="blue"]) .e-faq-column details,
body.theme-e:not([data-e-palette="blue"]) .e-article-card,
body.theme-e:not([data-e-palette="blue"]) .e-trust-list > div {
  background:#fff;
}
body.theme-e:not([data-e-palette="blue"]) .e-footer-logos {
  background:var(--e-page);
}
body.theme-e:not([data-e-palette="blue"]) .e-footer {
  border-top-color:color-mix(in srgb,var(--e-bar),#fff 70%);
}
body.theme-e:not([data-e-palette="blue"]) .e-faq-column details {
  border:1px solid color-mix(in srgb,var(--e-bar),#fff 72%);
}
body.theme-e:not([data-e-palette="blue"]) .e-about h2,
body.theme-e:not([data-e-palette="blue"]) .e-faq h2,
body.theme-e:not([data-e-palette="blue"]) .e-footer h2 {
  color:var(--e-text);
}
body.theme-e:not([data-e-palette="blue"]) .e-about h3 {
  color:var(--e-primary);
}


/* Theme E orange preset – visually seamless provider logos and reference buttons.
   The provider composite PNGs may have an opaque white background. multiply
   treats white as neutral over the chosen page color without changing saved images. */
body.theme-e:not([data-e-palette="blue"]) .e-footer,
body.theme-e:not([data-e-palette="blue"]) .e-footer-container,
body.theme-e:not([data-e-palette="blue"]) .e-footer-logos,
body.theme-e:not([data-e-palette="blue"]) .e-footer-logos > section {
  background-color:var(--e-page) !important;
  background-image:none !important;
}
body.theme-e:not([data-e-palette="blue"]) .e-footer-logos img {
  mix-blend-mode:multiply;
}
/* Orange-gradient sign-in and white/red-outline registration, only on the
   pre-login Theme E page; retains the existing popup links and semantics. */
body.theme-e[data-e-palette="orange"] .e-header-actions .e-button-login {
  background:linear-gradient(180deg,#ffb541 0%,#ff9329 55%,#f27328 100%) !important;
  border:1px solid #fa902b;
  color:#fff !important;
  border-radius:11px;
  box-shadow:inset 0 1px 0 #ffffff7a,0 3px 8px #bb5b1833;
}
body.theme-e[data-e-palette="orange"] .e-header-actions .e-button-register {
  background:#fff !important;
  border:1.5px solid #f34d3d;
  color:#f04434 !important;
  border-radius:11px;
  box-shadow:none;
  text-shadow:none;
}
body.theme-e[data-e-palette="orange"] .e-header-actions .e-button-register .e-register-label {
  color:#f04434 !important;
}
body.theme-e[data-e-palette="orange"] .e-header-actions .e-button-login:hover {filter:brightness(1.06)}
body.theme-e[data-e-palette="orange"] .e-header-actions .e-button-register:hover {background:#fff7f2 !important}
@media(min-width:621px){
  body.theme-e[data-e-palette="orange"] .e-header-actions .e-button {
    min-height:40px;
    padding:8px 19px;
  }
}

/* Theme E / orange preset: softer selected game-category tab.
   Other palettes and all existing bounce/interaction rules are unchanged. */
body.theme-e[data-e-palette="orange"] .e-category-list button.is-active {
  background:linear-gradient(180deg,#F7A94A 0%,#E98A2E 100%);
  border-color:#F6D1A0;
  color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.52),0 2px 5px rgba(174,88,19,.12);
}