*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#fff;color:#fff;padding-bottom:75px}.topbar{height:92px;background:#292929}.topinner{max-width:1300px;height:100%;margin:auto;display:flex;align-items:center}.logo{width:160px;height:55px;display:flex;align-items:center;justify-content:center;margin-right:18px}.logo img{max-width:145px;max-height:52px;object-fit:contain}.tab{height:100%;padding:0 34px;border-left:1px solid #484848;display:grid;place-items:center;color:#fff;text-decoration:none;font-weight:900;letter-spacing:2px}.search{flex:1;height:39px;margin:0 30px;background:#fff;color:#777;border-radius:23px;padding:10px 17px}.search b{float:right;color:#111;font-size:21px}.icons{font-size:25px}.greybar{height:50px;background:#eee}.stage{background:linear-gradient(rgba(3,7,18,.62),rgba(3,7,18,.72)),url('background-judolslot.webp') center top/cover fixed no-repeat;padding-top:0}.wrap{max-width:1200px;margin:auto;background:linear-gradient(120deg,rgba(5,13,35,.97),rgba(19,28,76,.94),rgba(24,10,58,.97));box-shadow:0 0 38px #000}.product{display:grid;grid-template-columns:42% 58%;padding:22px 28px 0}.left{padding-right:24px}.gallery{display:grid;grid-template-columns:82px 1fr;gap:12px}.thumbs{display:flex;flex-direction:column;gap:8px}.thumbs button{height:80px;padding:0;border:2px solid #39e7ff;background:#111;overflow:hidden}.thumbs img{width:100%;height:100%;object-fit:cover}.mainimg{height:345px;background:#111;border:1px solid #4a7dff;overflow:hidden}.mainimg img{width:100%;height:100%;object-fit:cover}.caption{margin-top:20px;border:2px solid #eee;padding:15px 12px;font-size:13px;line-height:1.55}.promo-small{height:118px;margin:28px 6px;background:linear-gradient(135deg,#050b20,#15285e,#140b37);border:4px solid #39e7ff;display:flex;align-items:center;justify-content:center;overflow:hidden}.promo-small img{max-height:110px;max-width:92%;object-fit:contain}.right{padding:12px 0}.infohead{padding:13px;background:linear-gradient(90deg,#111d4f,#30146b);border-radius:6px;text-align:center;color:#62f2ff;font-size:12px;font-weight:900}.notice{margin:10px 12px 12px;padding:14px;border:1px dashed #6d5cff;background:#0b1230;text-align:center;font-weight:800;font-size:12px;color:#d7faff}.right h1{color:#8df7ff;font-size:27px;line-height:1.12;margin:10px 0}.price{font-size:20px;font-weight:900}.price del{font-size:12px;color:#8a63ff;margin-left:10px}.right p{font-size:13px;line-height:1.58;font-weight:600}.account-links{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 50px}.account-links a,.hero-cta a{background:linear-gradient(180deg,#28dfff,#3752d9 55%,#28135f);border:1px solid #62f2ff;color:#fff;text-decoration:none;text-align:center;padding:14px;font-weight:900;box-shadow:0 0 14px rgba(46,219,255,.32)}.reviews{min-height:405px;padding:55px 26px;background:radial-gradient(circle at 28% 50%,rgba(35,77,190,.72) 0,rgba(20,16,79,.78) 27%,rgba(4,8,25,.35) 60%)}.reviewbox{width:64%;margin-left:auto;background:rgba(8,8,7,.92);padding:18px;border-radius:20px}.reviewbox h2{background:#1d1d1d;border:1px solid #3a3a3a;border-radius:12px;padding:14px;text-align:center;font-size:19px}.review{display:flex;gap:16px;background:#11162d;border:1px solid #24305d;border-radius:15px;padding:18px;margin:16px 0}.review span{width:55px;height:55px;flex:0 0 55px;border-radius:50%;background:#625cff;display:grid;place-items:center;font-weight:900}.review b{color:#39e7ff}.review p{font-size:13px;line-height:1.5;margin:6px 0}.faq{padding:25px 22px 40px}.faq h2{text-align:center;font-size:34px}.faq details{background:linear-gradient(120deg,#090909,#202020);border:2px solid #fff;border-radius:20px;margin:24px 0}.faq summary{list-style:none;padding:32px 34px;font-weight:900;cursor:pointer}.faq summary:after{content:"+";float:right;width:40px;height:40px;margin-top:-11px;border:2px solid #fff;border-radius:50%;display:grid;place-items:center;color:#39e7ff;font-size:26px}.faq details[open] summary:after{content:"−"}.faq details p{padding:0 34px 25px;color:#ddd}.hero-bottom{height:560px;position:relative;background:#160c03;overflow:hidden}.hero-bottom>img{width:100%;height:100%;object-fit:cover}.hero-cta{position:absolute;left:11%;right:11%;bottom:38px;display:grid;grid-template-columns:1fr 1fr;gap:25px}.paybar{height:50px;background:#292929;color:#58e8ff;display:grid;place-items:center}footer{max-width:1050px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:55px;color:#555;padding:28px 0 90px;font-size:12px}footer b{letter-spacing:2px}.dock{position:fixed;z-index:100;bottom:10px;left:5%;right:5%;height:58px;background:linear-gradient(90deg,#080d24,#141c49,#21104d);border:2px solid #39e7ff;border-radius:17px;display:grid;grid-template-columns:repeat(5,1fr);box-shadow:0 0 22px rgba(45,213,255,.42)}.dock a{color:#39e7ff;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:900}.dock small{font-size:10px;margin-top:3px}@media(max-width:800px){.tab,.search{display:none}.topinner{padding:0 14px}.icons{margin-left:auto}.greybar{height:22px}.product{grid-template-columns:1fr;padding:14px}.left{padding:0}.right{padding:0 8px 20px}.reviewbox{width:100%}.hero-bottom{height:430px}footer{grid-template-columns:1fr 1fr;padding:28px 20px 100px}}@media(max-width:480px){.topbar{height:70px}.logo{width:125px}.gallery{grid-template-columns:52px 1fr}.thumbs button{height:57px}.mainimg{height:285px}.right h1{font-size:24px}.account-links{margin:15px 0}.reviews{padding:30px 14px}.faq{padding:20px 12px}.faq summary{padding:24px 18px}.hero-bottom{height:390px}.hero-cta{grid-template-columns:1fr;gap:8px;bottom:18px;left:6%;right:6%}footer{gap:20px}.dock{left:7px;right:7px}}

/* FIX BANNER UTAMA: tampilkan seluruh gambar tanpa terpotong */
.mainimg{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
    background:#050a1d !important;
}
.mainimg img{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    object-position:center center !important;
    display:block !important;
}

/* MAIN BANNER FULL-VISIBLE FIX — keep complete 820x840 artwork */
.mainimg{
    width:100% !important;
    height:auto !important;
    aspect-ratio:820 / 840 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
    background:#050a1d !important;
}
.mainimg img{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    object-position:center center !important;
    display:block !important;
}
@media(max-width:480px){
    .mainimg{
        height:auto !important;
        aspect-ratio:820 / 840 !important;
    }
}

/* FINAL FIX: gunakan rasio panel asli landscape 818x627, sehingga JUDOLSLOT terlihat penuh */
.mainimg{
  width:100% !important;
  height:auto !important;
  aspect-ratio:818 / 627 !important;
  overflow:hidden !important;
  background:#050a1d !important;
  display:block !important;
}
.mainimg img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  display:block !important;
}
@media(max-width:480px){
  .mainimg{height:auto !important;aspect-ratio:818 / 627 !important;}
}


/* Running text untuk notice */
.notice{overflow:hidden;white-space:nowrap;text-align:left !important;padding:14px 0 !important;}
.notice-track{display:flex;width:max-content;animation:noticeMarquee 18s linear infinite;will-change:transform;}
.notice-track span{display:block;flex:none;padding-right:70px;}
@keyframes noticeMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.notice-track{animation:none}.notice{white-space:normal;padding:14px !important;text-align:center !important}}

/* DAFTAR PNG transparan: tanpa kotak/background pada area promo */
.promo-small{
  height:auto !important;
  min-height:100px;
  margin:28px 6px;
  padding:8px 0;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}
.promo-small a{display:flex;align-items:center;justify-content:center;width:100%;text-decoration:none;background:transparent!important;}
.promo-small img{display:block;max-width:78%;height:auto;max-height:110px;object-fit:contain;background:transparent!important;}

/* FINAL DAFTAR BUTTON FIX: transparent outside, preserve blue button artwork */
.promo-small{background:none!important;border:none!important;outline:none!important;box-shadow:none!important;padding:0!important;min-height:0!important;height:auto!important;overflow:visible!important;}
.promo-small a{background:none!important;border:0!important;outline:0!important;box-shadow:none!important;display:block!important;width:100%!important;}
.promo-small img{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;margin:0 auto!important;background:none!important;border:0!important;outline:0!important;box-shadow:none!important;}
