/* SURYA303 V10 lightweight motion + responsive refinement */
:root{--surya-ease:cubic-bezier(.22,.61,.36,1);--surya-fast:.24s;--surya-slow:.65s}
html{scroll-behavior:smooth;scroll-padding-top:92px}
body.surya-wp-theme{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.site-header{transition:background var(--surya-fast) ease,box-shadow var(--surya-fast) ease,border-color var(--surya-fast) ease,transform var(--surya-fast) ease}
.site-header.scrolled{background:rgba(9,4,18,.96);box-shadow:0 12px 34px rgba(0,0,0,.34);border-color:rgba(248,200,76,.32)}
.desktop-nav a,.btn,.quick-item,.game-card,.article-card,.trust-item,.provider-panel,.slot-info-card,.casino-info-card,.sports-info-card,.arcade-card,.promo-card,.generic-feature,.slot-feature,.casino-feature,.sports-feature{transition:transform .28s var(--surya-ease),box-shadow .28s ease,border-color .28s ease,background .28s ease,filter .28s ease}
@media (hover:hover){.quick-item:hover,.article-card:hover,.trust-item:hover,.slot-info-card:hover,.casino-info-card:hover,.sports-info-card:hover,.generic-feature:hover,.slot-feature:hover,.casino-feature:hover,.sports-feature:hover{transform:translate3d(0,-4px,0)}.game-card:hover,.arcade-card:hover,.promo-card:hover{transform:translate3d(0,-5px,0);filter:saturate(1.04)}.provider-panel:hover{border-color:rgba(248,200,76,.38)}.btn:hover{transform:translate3d(0,-2px,0)}}

/* Managed hero carousel: uses separate desktop/mobile artwork without cropping. */
.surya-managed-hero{position:relative;background:#0d0618;overflow:hidden}
.surya-hero-slider{position:relative;width:100%;max-width:2048px;margin:0 auto;overflow:hidden;background:#120720;isolation:isolate}
.surya-hero-track{display:grid;position:relative;overflow:hidden}
.surya-hero-slide{grid-area:1/1;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .72s var(--surya-ease),transform .9s var(--surya-ease);transform:scale(1.012);z-index:1}
.surya-hero-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:scale(1);z-index:2}
.surya-hero-slide a,.surya-hero-slide picture{display:block;width:100%}
.surya-hero-slide img{display:block;width:100%;height:auto;object-fit:contain;object-position:center;transform:translate3d(0,var(--surya-parallax-y,0px),0) scale(1.012);will-change:transform;transition:transform .18s linear;background:#120720}
.surya-hero-dots{position:absolute;z-index:5;left:50%;bottom:12px;display:flex;align-items:center;gap:7px;transform:translateX(-50%);padding:7px 10px;border-radius:999px;background:rgba(7,3,14,.42);backdrop-filter:blur(8px)}
.surya-hero-dots button{width:20px;height:4px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.26);cursor:pointer;transition:width .25s var(--surya-ease),background .25s ease}
.surya-hero-dots button.is-active{width:34px;background:linear-gradient(90deg,#f8c84c,#f014a5)}
.surya-slider-arrow{position:absolute;z-index:5;top:50%;width:38px;height:38px;margin-top:-19px;border:1px solid rgba(255,255,255,.16);border-radius:50%;color:#fff;background:rgba(10,5,20,.48);backdrop-filter:blur(8px);cursor:pointer;font-size:28px;line-height:1;opacity:.72;transition:opacity .2s,transform .2s,border-color .2s}
.surya-slider-arrow:hover{opacity:1;border-color:rgba(248,200,76,.58);transform:scale(1.05)}
.surya-prev{left:18px}.surya-next{right:18px}

/* Subtle reveal — IntersectionObserver, no animation library. */
.surya-reveal{opacity:0;transform:translate3d(0,14px,0);transition:opacity .58s var(--surya-ease),transform .58s var(--surya-ease)}
.surya-reveal.is-visible{opacity:1;transform:none}

/* Ambient movement is GPU-cheap and very slow. */
.ambient{will-change:transform;animation:suryaFloat 16s ease-in-out infinite alternate}
.ambient-two{animation-duration:19s;animation-direction:alternate-reverse}
@keyframes suryaFloat{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(30px,-24px,0) scale(1.06)}}

/* General image stability/performance */
img{height:auto}
.apk-banner-image{width:100%;height:auto!important;object-fit:contain!important}
.media-frame{display:block}
.provider-panel img,.slot-partner-panel img,.casino-partner-panel img,.sports-partner-panel img{height:auto;object-fit:contain}
.wp-default-content{padding:56px 0 90px;min-height:55vh}

/* SVG social icons */
.surya-social-row{display:flex!important;gap:8px!important;align-items:center}
.surya-social-row a{display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(255,255,255,.11);border-radius:9px;background:rgba(255,255,255,.035);color:#d8cedf;transition:.25s var(--surya-ease)}
.surya-social-row a:hover{color:#f8c84c;border-color:rgba(248,200,76,.4);transform:translateY(-2px)}
.surya-social-row svg{width:15px;height:15px;fill:currentColor}

/* Better content scaling between desktop and tablet */
@media (max-width:1180px){:root{--container:1100px}.header-inner{grid-template-columns:170px 1fr auto;gap:18px}.brand{width:170px;min-width:170px}.desktop-nav{gap:15px}.btn{min-width:84px;padding-inline:14px}}
@media (max-width:940px) and (min-width:781px){.header-inner{grid-template-columns:145px 1fr auto;gap:12px}.brand{width:145px;min-width:145px}.desktop-nav{gap:9px;font-size:8px}.btn{min-width:72px;padding:9px 10px;font-size:9px}.container{width:min(calc(100% - 24px),var(--container))}}

@media (max-width:780px){
 html{scroll-padding-top:70px}
 body{padding-bottom:76px;font-size:11px}
 .container{width:min(calc(100% - 20px),var(--container))}
 .site-header{top:0;background:rgba(12,6,22,.97)}
 .header-inner{min-height:64px;grid-template-columns:1fr auto;gap:12px}
 .brand{width:150px;min-width:0;height:48px}.brand img{max-height:48px}
 .header-actions{gap:7px}.btn{min-width:72px;padding:9px 10px;font-size:9px;border-radius:9px}
 .surya-managed-hero{margin-top:0}
 .surya-hero-slider{border-radius:0 0 12px 12px}
 .surya-hero-slide img{width:100%;height:auto;object-fit:contain;transform:translate3d(0,var(--surya-parallax-y,0px),0) scale(1.006)}
 .surya-slider-arrow{display:none}
 .surya-hero-dots{bottom:8px;padding:5px 8px}.surya-hero-dots button{width:16px;height:3px}.surya-hero-dots button.is-active{width:28px}
 .apk-banner{padding-inline:0}.apk-banner .container{width:100%;max-width:none}.apk-banner .media-frame{border-left:0;border-right:0;border-radius:10px}.apk-banner-image{display:block;width:100%!important;max-width:100%;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important}
 .footer-grid{gap:20px}.site-footer{padding-bottom:22px}
 .mobile-bottom-nav{padding-bottom:max(5px,env(safe-area-inset-bottom));height:calc(66px + env(safe-area-inset-bottom));background:rgba(10,6,18,.97);backdrop-filter:blur(16px);box-shadow:0 -10px 28px rgba(0,0,0,.34)}
 .mobile-bottom-nav a.current{color:var(--pink)!important}
 .mobile-bottom-nav .register-orb{box-shadow:0 0 0 5px rgba(13,7,23,.92),0 0 22px rgba(242,27,175,.38)!important}
 .promo-card,.arcade-card{will-change:auto}
}
@media (max-width:520px){.container{width:min(calc(100% - 16px),var(--container))}.header-inner{min-height:60px}.brand{width:132px}.header-actions .btn{min-width:64px;padding:8px 8px}.surya-hero-dots{bottom:6px}.site-footer{font-size:9px}}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ambient{animation:none}.surya-reveal,.surya-hero-slide,.surya-hero-slide img,.desktop-nav a,.btn,.game-card,.promo-card,.arcade-card{transition:none!important;transform:none!important}.surya-reveal{opacity:1}.surya-slider-arrow{display:none}}
/* Depth on CSS-composed heroes (Arcade, Promotion, Panduan). */
.generic-hero-art,.guide-hero-art{transform:translate3d(0,var(--surya-generic-parallax-y,0px),0);will-change:transform;transition:transform .16s linear}
@media (max-width:780px){.generic-hero-art,.guide-hero-art{transform:translate3d(0,calc(var(--surya-generic-parallax-y,0px) * .45),0)}}
@media (prefers-reduced-motion:reduce){.generic-hero-art,.guide-hero-art{transform:none!important;transition:none!important}}
/* Let Chromium skip painting deep below-the-fold sections until needed. */
@supports (content-visibility:auto){
  .apk-banner,.articles-section,.providers-section,.slot-info-section,.slot-article-section,.slot-partners,.casino-gallery-section,.casino-info-section,.casino-article-section,.casino-partners,.sports-gallery-section,.sports-info-section,.sports-article-section,.sports-partners,.arcade-gallery-section,.generic-info-section,.generic-article-section,.promotion-list-section,.trust-section,.payment-section{content-visibility:auto;contain-intrinsic-size:1px 620px}
}