/* Production state layer. Original capture CSS is loaded first and remains the visual source of truth. */
html,body{max-width:100%;overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}.reference-toast{position:fixed;z-index:99999;left:50%;bottom:92px;transform:translate(-50%,20px);opacity:0;pointer-events:none;padding:12px 16px;border:1px solid rgba(255,202,77,.45);border-radius:12px;background:rgba(8,8,8,.96);box-shadow:0 18px 50px rgba(0,0,0,.45);color:#fff;font-size:13px;transition:.25s}.reference-toast.show{opacity:1;transform:translate(-50%,0)}
.side-overlay.show,.side-overlay.open,.side-overlay.active,.overlay.show,.overlay.open,.overlay.active,.cgo-final-overlay.show,.cgo-final-overlay.open,.cgo-final-overlay.active{opacity:1!important;visibility:visible!important;pointer-events:auto!important}.side-menu.show,.side-menu.open,.side-menu.active,.sidebar.show,.sidebar.open,.sidebar.active,.cgo-final-sidebar.show,.cgo-final-sidebar.open,.cgo-final-sidebar.active{right:0!important;transform:translateX(0)!important;visibility:visible!important;pointer-events:auto!important}
.help-popup.show,.help-popup.open,.help-pop.show,.help-pop.open,.help-panel.show,.help-panel.open,.help-menu.show,.help-menu.open{display:block!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0) scale(1)!important}.help-backdrop.show,.help-backdrop.open{display:block!important;opacity:1!important;visibility:visible!important}
.popup-overlay:not(.show){display:none!important}.popup-overlay.show{display:flex!important}.game-modal:not(.show){display:none!important}.game-modal.show{display:flex!important}.contact-modal:not(.show):not(.open):not(.active){display:none!important}.contact-modal.show,.contact-modal.open,.contact-modal.active{display:flex!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}
.reference-flash-swiper{position:relative!important;overflow:hidden!important;min-height:430px!important}.reference-flash-swiper>.swiper-wrapper{position:relative!important;height:430px!important;display:block!important;transform:none!important}.reference-flash-swiper .swiper-slide{position:absolute!important;left:50%!important;top:0!important;width:min(560px,74vw)!important;height:auto!important;margin:0!important;opacity:0!important;pointer-events:none!important;transition:transform .72s cubic-bezier(.2,.85,.25,1),opacity .72s!important;transform:translateX(-50%) scale(.58)!important;z-index:0!important}.reference-flash-swiper .swiper-slide[data-position="0"]{opacity:1!important;pointer-events:auto!important;transform:translateX(-50%) scale(1)!important;z-index:6!important}.reference-flash-swiper .swiper-slide[data-position="-1"]{opacity:.42!important;transform:translateX(calc(-50% - 54%)) rotate(-18deg) scale(.74)!important;z-index:4!important}.reference-flash-swiper .swiper-slide[data-position="1"]{opacity:.42!important;transform:translateX(calc(-50% + 54%)) rotate(18deg) scale(.74)!important;z-index:4!important}.reference-flash-swiper .swiper-slide[data-position="-2"]{opacity:.12!important;transform:translateX(calc(-50% - 83%)) rotate(-23deg) scale(.62)!important;z-index:2!important}.reference-flash-swiper .swiper-slide[data-position="2"]{opacity:.12!important;transform:translateX(calc(-50% + 83%)) rotate(23deg) scale(.62)!important;z-index:2!important}.reference-flash-swiper .flash-card{width:100%;border:0;text-align:left}.reference-flash-pagination,.reference-testi-pagination,.reference-page-testi-pagination{display:flex!important;justify-content:center;gap:7px;margin-top:8px}.reference-flash-pagination button,.reference-testi-pagination button,.reference-page-testi-pagination button{width:7px;height:7px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.22)}.reference-flash-pagination button.swiper-pagination-bullet-active,.reference-testi-pagination button.swiper-pagination-bullet-active,.reference-page-testi-pagination button.swiper-pagination-bullet-active{width:22px;background:#ffc84a}
.reference-testi-swiper .swiper-wrapper,.reference-page-testi .swiper-wrapper{display:block!important;transform:none!important}.reference-testi-swiper .swiper-slide,.reference-page-testi .swiper-slide{width:100%!important;margin:0!important;transform:none!important}.reference-testi-swiper .swiper-slide[hidden],.reference-page-testi .swiper-slide[hidden]{display:none!important}.reference-testi-swiper .cgo-testi-card{transform:none!important}
.reference-empty-state{grid-column:1/-1;min-height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;color:#999;border:1px dashed rgba(255,203,76,.35);border-radius:18px;background:rgba(255,255,255,.025)}.reference-empty-state[hidden]{display:none!important}.reference-empty-state i{font-size:26px;color:#f8bf3f}.reference-empty-state strong{color:#fff}.reference-empty-state span{font-size:12px}
.reference-platform-badge,.reference-platform-pills span{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(70,180,255,.35);border-radius:999px;padding:4px 9px;color:#86d0ff;background:rgba(44,139,255,.1);font-size:10px;font-weight:800}.product-detail-box{max-width:760px!important}.reference-product-detail{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(260px,1.2fr);gap:22px;padding:20px}.reference-product-visual{position:relative;border:1px solid rgba(255,203,76,.22);border-radius:18px;overflow:hidden;background:#080808;min-height:290px}.reference-product-visual>img{width:100%;height:100%;min-height:290px;object-fit:cover}.reference-product-visual .brand-safety-badge{position:absolute;left:12px;top:12px}.reference-product-order{display:flex;flex-direction:column;gap:15px}.reference-platform-pills{display:flex;gap:8px;flex-wrap:wrap}.reference-field{display:flex;flex-direction:column;gap:8px;color:#bdbdbd;font-size:12px;font-weight:800}.reference-field select,.reference-reseller-form input,.reference-reseller-form textarea{width:100%;border:1px solid rgba(255,204,75,.28);border-radius:11px;background:#090909;color:#fff;padding:13px 14px;outline:0}.reference-field select:focus,.reference-reseller-form input:focus,.reference-reseller-form textarea:focus{border-color:#ffc94c;box-shadow:0 0 0 3px rgba(255,201,76,.1)}.reference-total-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.08);padding-top:15px;color:#aaa}.reference-total-row strong{color:#ffc94c;font-size:22px}.reference-checkout-button{width:100%;border:0}.reference-business-note{font-size:11px;color:#8d8d8d;line-height:1.5;margin:0}.reference-inline-alert{margin-top:12px;padding:11px 13px;border-radius:10px;display:flex;align-items:center;gap:8px;font-size:12px}.reference-inline-alert.success{color:#86ffb7;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.3)}.reference-inline-alert.error{color:#ff9999;background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.3)}.reference-reseller-form{display:grid;gap:10px;margin-top:14px;text-align:left}.reference-reseller-form label{display:grid;gap:5px;color:#ddd;font-size:11px;font-weight:800}.reference-reseller-form label small{color:#777}.reference-reseller-form textarea{resize:vertical}.reference-order-result{margin-top:15px;display:flex;align-items:center;gap:12px;padding:13px;border-radius:13px;border:1px solid rgba(255,202,72,.22);background:rgba(255,255,255,.025)}.reference-order-result .reference-order-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:rgba(255,194,48,.12);color:#ffc43e}.reference-order-result div{display:grid;gap:3px}.reference-order-result small{color:#888;font-size:10px;text-transform:uppercase}.reference-order-result strong{color:#fff}.reference-order-result p{margin:0;color:#aaa;font-size:12px}.reference-order-result.is-found{border-color:rgba(41,209,114,.3)}.reference-order-result.is-found .reference-order-icon{color:#63e69d;background:rgba(41,209,114,.12)}
/* Notification page in the same exact black/gold visual language as the supplied home capture. */
.reference-notification-page{background:#040404;color:#fff}.reference-notification-page .page-body{padding-top:28px}.reference-notification-shell{max-width:1120px;margin:0 auto 100px}.reference-notification-head{display:flex;align-items:center;gap:14px;padding:21px 23px;border:1px solid rgba(255,195,54,.24);border-radius:18px;background:linear-gradient(135deg,rgba(255,188,38,.08),rgba(255,255,255,.015));box-shadow:0 18px 50px rgba(0,0,0,.25)}.reference-notification-head>a{width:38px;height:38px;display:grid;place-items:center;color:#ffc84d;border:1px solid rgba(255,200,77,.3);border-radius:11px}.reference-notification-head span{font-size:10px;font-weight:900;letter-spacing:.15em;color:#f5bd3d}.reference-notification-head h1{margin:2px 0;font-size:28px}.reference-notification-head p{margin:0;color:#999;font-size:12px}.reference-notification-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.reference-notification-tabs button{position:relative;min-height:88px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#0c0c0c;color:#aaa;display:grid;place-items:center;gap:3px;transition:.25s}.reference-notification-tabs button i{font-size:20px;color:#d0a73d}.reference-notification-tabs button b{position:absolute;right:10px;top:8px;border-radius:99px;background:rgba(255,200,70,.13);color:#ffc847;font-size:10px;padding:3px 7px}.reference-notification-tabs button span{font-size:11px;font-weight:800}.reference-notification-tabs button.active{border-color:#eeb83f;color:#fff;background:linear-gradient(145deg,rgba(255,198,66,.16),rgba(255,255,255,.02));box-shadow:0 0 30px rgba(255,190,45,.08)}.reference-notification-panel{border:1px solid rgba(255,201,71,.16);border-radius:20px;padding:20px;background:rgba(8,8,8,.94)}.reference-notification-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.reference-notification-title h2{font-size:18px;margin:0}.reference-notification-title label{width:min(390px,55%);height:42px;border:1px solid rgba(255,255,255,.1);border-radius:12px;display:flex;align-items:center;gap:9px;padding:0 13px;background:#060606;color:#777}.reference-notification-title input{width:100%;border:0;background:transparent;color:#fff;outline:0}.reference-notification-list{display:grid;gap:13px}.reference-notification-list>article{display:grid;grid-template-columns:145px 1fr;gap:17px;padding:13px;border:1px solid rgba(255,255,255,.075);border-radius:16px;background:linear-gradient(130deg,rgba(255,255,255,.035),rgba(255,255,255,.008));transition:.25s}.reference-notification-list>article:hover{transform:translateY(-2px);border-color:rgba(255,196,54,.27)}.reference-notification-list>article>img{width:145px;height:145px;object-fit:cover;border-radius:12px}.reference-notification-list>article>div{display:flex;flex-direction:column;gap:9px}.reference-notification-list header{display:flex;align-items:center;gap:10px}.reference-notification-list header>span{font-size:8px;letter-spacing:.09em;border-radius:99px;padding:4px 8px;font-weight:900;background:rgba(255,197,55,.13);color:#ffc849}.reference-notification-list h3{font-size:17px;margin:0}.reference-notification-badges{display:flex;gap:7px;flex-wrap:wrap}.reference-notification-badges span{font-size:9px;font-weight:800;padding:4px 7px;border-radius:7px;background:rgba(58,150,255,.1);color:#8cc8ff;border:1px solid rgba(58,150,255,.2)}.reference-notification-list p{margin:0;color:#b5b5b5;font-size:12px;line-height:1.7}.reference-notification-list [data-notification-detail]{padding:10px 12px;border-left:2px solid #efb83d;background:rgba(255,197,65,.055);color:#c7c7c7;font-size:11px;line-height:1.7}.reference-notification-list footer{display:flex;gap:8px;margin-top:auto}.reference-notification-list footer button,.reference-notification-list footer a{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:9px;padding:9px 12px;font-size:10px;font-weight:900;text-transform:uppercase}.reference-notification-list footer button{border:1px solid rgba(255,255,255,.11);background:#111;color:#ddd}.reference-notification-list footer a{border:1px solid #e8af2d;background:linear-gradient(#ffcf5d,#d99a14);color:#130d00}.reference-notification-list small{color:#777;font-size:9px;display:flex;gap:6px;align-items:center}
@media(max-width:760px){.reference-flash-swiper{min-height:335px!important}.reference-flash-swiper>.swiper-wrapper{height:335px!important}.reference-flash-swiper .swiper-slide{width:min(330px,86vw)!important}.reference-flash-swiper .swiper-slide[data-position="-1"]{transform:translateX(calc(-50% - 70%)) rotate(-16deg) scale(.72)!important}.reference-flash-swiper .swiper-slide[data-position="1"]{transform:translateX(calc(-50% + 70%)) rotate(16deg) scale(.72)!important}.reference-product-detail{grid-template-columns:1fr;padding:12px}.reference-product-visual,.reference-product-visual>img{min-height:220px}.reference-notification-tabs{grid-template-columns:repeat(2,1fr)}.reference-notification-title{align-items:stretch;flex-direction:column}.reference-notification-title label{width:100%}.reference-notification-list>article{grid-template-columns:82px 1fr;gap:11px;padding:10px}.reference-notification-list>article>img{width:82px;height:82px}.reference-notification-list header{align-items:flex-start;flex-direction:column;gap:5px}.reference-notification-list footer{flex-wrap:wrap}.reference-notification-list footer button,.reference-notification-list footer a{flex:1;min-width:120px}.reference-notification-shell{margin-bottom:90px}.reference-toast{width:calc(100% - 28px);text-align:center}.game-modal-box{max-height:86vh!important;overflow:auto!important}}

[data-notification-item][hidden],[data-game-card][hidden]{display:none!important}

/* =========================================================
   COMPACT / LIGHTWEIGHT HOME INTERACTIONS v2.0.3
   ========================================================= */
@media (min-width:769px){
  body[data-reference-page="home"] .trust-stats-strip,
  body[data-reference-page="home"] .flash-sale-wrapper,
  body[data-reference-page="home"] .product-search-bar{
    width:min(calc(100% - 10px),1280px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

/* Search typewriter alignment. The real input id is referenceSearch. */
body[data-reference-page="home"] .search-input-shell::before{
  left:16px!important;
  width:18px!important;
  text-align:center!important;
}
body[data-reference-page="home"] #referenceSearch[data-product-typewriter],
body[data-reference-page="home"] input[data-product-typewriter]{
  width:100%!important;
  min-width:0!important;
  min-height:56px!important;
  padding:0 46px 0 48px!important;
  line-height:56px!important;
  font-size:14px!important;
  font-weight:800!important;
  letter-spacing:.005em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
}
body[data-reference-page="home"] #referenceSearch[data-product-typewriter]::placeholder,
body[data-reference-page="home"] input[data-product-typewriter]::placeholder{
  color:rgba(255,226,122,.88)!important;
  opacity:1!important;
  font-weight:800!important;
  letter-spacing:.005em!important;
}

/* Compact flash area: no fixed 430px canvas, adjacent products remain visible. */
body[data-reference-page="home"] .flash-sale-wrapper{
  min-height:0!important;
  height:auto!important;
  padding:13px 15px 10px!important;
  margin-top:14px!important;
  margin-bottom:16px!important;
  border-radius:25px!important;
  overflow:hidden!important;
}
body[data-reference-page="home"] .flash-header{
  margin-bottom:7px!important;
}
body[data-reference-page="home"] .reference-flash-swiper,
body[data-reference-page="home"] .flash-swiper{
  width:100%!important;
  max-width:960px!important;
  height:170px!important;
  min-height:170px!important;
  margin:0 auto!important;
  padding:0!important;
  overflow:hidden!important;
  contain:layout style paint!important;
}
body[data-reference-page="home"] .reference-flash-swiper>.swiper-wrapper{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:164px!important;
  min-height:164px!important;
  transform:none!important;
}
body[data-reference-page="home"] .reference-flash-swiper .swiper-slide{
  position:absolute!important;
  left:50%!important;
  top:0!important;
  width:min(500px,62vw)!important;
  height:158px!important;
  min-height:158px!important;
  margin:0!important;
  opacity:0!important;
  pointer-events:none!important;
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
  will-change:transform,opacity!important;
  transition:transform 620ms cubic-bezier(.22,1,.36,1),opacity 420ms ease!important;
  transform:translate3d(-50%,0,0) scale(.76)!important;
  z-index:0!important;
}
body[data-reference-page="home"] .reference-flash-swiper .swiper-slide[data-position="0"]{
  opacity:1!important;
  pointer-events:auto!important;
  transform:translate3d(-50%,0,0) scale(1)!important;
  z-index:6!important;
}
body[data-reference-page="home"] .reference-flash-swiper .swiper-slide[data-position="-1"]{
  opacity:.58!important;
  transform:translate3d(calc(-50% - 64%),0,0) rotate(-7deg) scale(.80)!important;
  z-index:4!important;
}
body[data-reference-page="home"] .reference-flash-swiper .swiper-slide[data-position="1"]{
  opacity:.58!important;
  transform:translate3d(calc(-50% + 64%),0,0) rotate(7deg) scale(.80)!important;
  z-index:4!important;
}
body[data-reference-page="home"] .reference-flash-swiper .swiper-slide[data-position="hidden"]{
  opacity:0!important;
  visibility:hidden!important;
  transform:translate3d(-50%,0,0) scale(.72)!important;
}
body[data-reference-page="home"] .flash-card{
  width:100%!important;
  min-height:158px!important;
  height:158px!important;
  max-height:158px!important;
  grid-template-columns:36% 64%!important;
  border-radius:20px!important;
  overflow:hidden!important;
  box-shadow:0 14px 30px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.07)!important;
  transform:translateZ(0)!important;
}
body[data-reference-page="home"] .flash-img-wrap,
body[data-reference-page="home"] .flash-img-wrap img{
  min-height:158px!important;
  height:158px!important;
}
body[data-reference-page="home"] .flash-img-wrap img{
  backface-visibility:hidden!important;
  transform:translateZ(0)!important;
}
body[data-reference-page="home"] .reference-flash-swiper .swiper-slide:not([data-position="0"]) .flash-img-wrap img{
  filter:none!important;
}
body[data-reference-page="home"] .flash-info{
  padding:11px 14px!important;
  gap:4px!important;
  align-content:center!important;
}
body[data-reference-page="home"] .flash-cat{font-size:8.5px!important}
body[data-reference-page="home"] .flash-name{font-size:18px!important;line-height:1.15!important;min-height:0!important}
body[data-reference-page="home"] .flash-price{margin-top:0!important;gap:7px!important}
body[data-reference-page="home"] .flash-price-now{font-size:20px!important}
body[data-reference-page="home"] .stock-badge{min-height:22px!important;padding:4px 9px!important;font-size:8.5px!important}
body[data-reference-page="home"] .reference-flash-pagination{display:none!important}

/* Live purchase toast stays visible 5 seconds. JS schedules the next one every 10 seconds. */
body[data-reference-page="home"] .purch-notif.show::after{
  animation-duration:5s!important;
}

/* Bottom game-category carousel. */
body[data-reference-page="home"] .index-games-window{
  overflow:hidden!important;
  width:100%!important;
}
body[data-reference-page="home"] .index-games-track{
  display:flex!important;
  grid-template-columns:none!important;
  grid-auto-columns:unset!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  gap:10px!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  transform:translate3d(0,0,0);
  will-change:transform;
  backface-visibility:hidden;
}
body[data-reference-page="home"] .index-games-track>[data-games-carousel-item]{
  flex:0 0 calc((100% - 30px)/4)!important;
  width:calc((100% - 30px)/4)!important;
  min-width:0!important;
}

@media(max-width:640px){
  body[data-reference-page="home"] #referenceSearch[data-product-typewriter],
  body[data-reference-page="home"] input[data-product-typewriter]{
    min-height:50px!important;
    line-height:50px!important;
    padding-left:44px!important;
    padding-right:40px!important;
    font-size:12.5px!important;
  }
  body[data-reference-page="home"] .flash-sale-wrapper{
    width:calc(100% - 16px)!important;
    padding:8px 8px 6px!important;
    margin:10px auto 13px!important;
    border-radius:20px!important;
  }
  body[data-reference-page="home"] .reference-flash-swiper,
  body[data-reference-page="home"] .flash-swiper{
    width:100%!important;
    max-width:100%!important;
    height:132px!important;
    min-height:132px!important;
  }
  body[data-reference-page="home"] .reference-flash-swiper>.swiper-wrapper{
    height:128px!important;
    min-height:128px!important;
  }
  body[data-reference-page="home"] .reference-flash-swiper .swiper-slide{
    width:min(310px,78vw)!important;
    height:122px!important;
    min-height:122px!important;
  }
  body[data-reference-page="home"] .reference-flash-swiper .swiper-slide[data-position="-1"]{
    opacity:.50!important;
    transform:translate3d(calc(-50% - 74%),0,0) rotate(-6deg) scale(.78)!important;
  }
  body[data-reference-page="home"] .reference-flash-swiper .swiper-slide[data-position="1"]{
    opacity:.50!important;
    transform:translate3d(calc(-50% + 74%),0,0) rotate(6deg) scale(.78)!important;
  }
  body[data-reference-page="home"] .flash-card{
    min-height:122px!important;
    height:122px!important;
    max-height:122px!important;
    grid-template-columns:104px minmax(0,1fr)!important;
    border-radius:18px!important;
  }
  body[data-reference-page="home"] .flash-img-wrap{
    width:104px!important;
    min-height:122px!important;
    height:122px!important;
    padding:7px!important;
  }
  body[data-reference-page="home"] .flash-img-wrap img{
    min-height:0!important;
    height:100%!important;
    object-fit:contain!important;
    border-radius:13px!important;
  }
  body[data-reference-page="home"] .flash-info{padding:9px 10px!important;gap:3px!important}
  body[data-reference-page="home"] .flash-name{font-size:12.5px!important}
  body[data-reference-page="home"] .flash-price-now{font-size:14.5px!important}
}

@media(prefers-reduced-motion:reduce){
  body[data-reference-page="home"] .reference-flash-swiper .swiper-slide,
  body[data-reference-page="home"] .index-games-track{transition:none!important}
}

/* =========================================================
   DESKTOP CARD GUTTER + GPU DRAWER v2.0.5
   ========================================================= */
@media (min-width:769px){
  body[data-reference-page="home"] .page-body>.container,
  body[data-reference-page="home"] .trust-stats-strip,
  body[data-reference-page="home"] .flash-sale-wrapper,
  body[data-reference-page="home"] .product-search-bar,
  body[data-reference-page="home"] .section-block,
  body[data-reference-page="home"] .index-footer>.container{
    width:min(calc(100% - 48px),1260px)!important;
    max-width:1260px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  body[data-reference-page="home"] .page-body>.container{padding-left:0!important;padding-right:0!important}
  body[data-reference-page="home"] .flash-note-strip{width:100%!important;margin-left:0!important;margin-right:0!important}
}

/* The captured drawer is visually unchanged, but now animates only transform/opacity. */
body[data-reference-page="home"] #side-menu.side-menu{
  right:14px!important;
  transform:translate3d(calc(100% + 28px),0,0)!important;
  transition:transform .36s cubic-bezier(.22,1,.36,1)!important;
  will-change:transform!important;
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
  contain:layout paint style!important;
  background:linear-gradient(180deg,rgba(11,12,9,.995),rgba(4,5,5,.998))!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body[data-reference-page="home"] #side-menu.side-menu.show,
body[data-reference-page="home"] #side-menu.side-menu.open,
body[data-reference-page="home"] #side-menu.side-menu.active{
  right:14px!important;
  transform:translate3d(0,0,0)!important;
}
body[data-reference-page="home"] #side-overlay.side-overlay{
  background:rgba(0,0,0,.62)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  transition:opacity .28s ease,visibility 0s linear .28s!important;
  will-change:opacity!important;
}
body[data-reference-page="home"] #side-overlay.side-overlay.show,
body[data-reference-page="home"] #side-overlay.side-overlay.open,
body[data-reference-page="home"] #side-overlay.side-overlay.active{
  transition:opacity .28s ease!important;
}
body[data-reference-page="home"] #side-menu .cgo-side-topbar{
  background:linear-gradient(180deg,#11120e,#090a08)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
@media(max-width:768px){
  body[data-reference-page="home"] #side-menu.side-menu{
    right:10px!important;
    transform:translate3d(calc(100% + 20px),0,0)!important;
  }
  body[data-reference-page="home"] #side-menu.side-menu.show,
  body[data-reference-page="home"] #side-menu.side-menu.open,
  body[data-reference-page="home"] #side-menu.side-menu.active{
    right:10px!important;
    transform:translate3d(0,0,0)!important;
  }
}



/* =========================================================
   HEADER LOGO / TESTIMONI DRAWER FIX v2.0.8
   ========================================================= */
body[data-reference-page="testimoni"] .sidebar.show,
body[data-reference-page="testimoni"] .sidebar.open,
body[data-reference-page="testimoni"] .sidebar.active,
body[data-reference-page="testimoni"] .sidebar.is-open{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:perspective(1000px) translate3d(0,0,0) rotateY(0) scale(1)!important;
  z-index:7002!important;
}
body[data-reference-page="testimoni"] .overlay.show,
body[data-reference-page="testimoni"] .overlay.open,
body[data-reference-page="testimoni"] .overlay.active,
body[data-reference-page="testimoni"] .overlay.is-open{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  z-index:7001!important;
}
body[data-reference-page="testimoni"].menu-open{overflow:hidden!important}

/* VIP Store API provider status */
.game-brand-card.is-maintenance{opacity:.86;border-color:rgba(255,170,55,.42)!important}
.game-brand-card.is-maintenance .game-brand-img{filter:saturate(.72) brightness(.78)}
.game-brand-card .game-buy-btn:disabled{cursor:not-allowed;opacity:.7;box-shadow:none!important;transform:none!important}
.game-maintenance-note{display:block;margin-top:8px;color:#f2bd67;font-size:10px;line-height:1.35;text-align:center}

/* Product card platform badge — centered between image and content */
.game-brand-card .game-brand-body{
    overflow:visible;
}
.game-brand-platform-chip{
    position:relative;
    z-index:5;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-width:118px;
    min-height:38px;
    margin:-31px auto 9px;
    padding:0 18px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.42);
    font-size:13px;
    line-height:1;
    font-weight:950;
    letter-spacing:0;
    text-transform:none;
    white-space:nowrap;
    box-shadow:0 10px 22px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.48);
    transform:translateZ(0);
}
.game-brand-platform-chip i{
    flex:0 0 auto;
    font-size:15px;
    line-height:1;
}
.game-brand-platform-chip.android{
    color:#07190d;
    background:linear-gradient(135deg,#c6f9d4 0%,#68e89a 56%,#2bd878 100%);
    border-color:rgba(57,222,124,.72);
}
.game-brand-platform-chip.ios{
    color:#082033;
    background:linear-gradient(135deg,#e0f7ff 0%,#a7e3ff 52%,#70c9f4 100%);
    border-color:rgba(125,207,248,.78);
}
.game-brand-platform-chip.pc{
    color:#17102d;
    background:linear-gradient(135deg,#e4dcff,#a992ff);
    border-color:rgba(170,145,255,.72);
}
.game-brand-platform-chip.account,
.game-brand-platform-chip.voucher,
.game-brand-platform-chip.other{
    color:#15100a;
    background:linear-gradient(135deg,#ffe89b,#e8b93d);
    border-color:rgba(240,194,67,.72);
}
@media(max-width:768px){
    .game-brand-platform-chip{
        min-width:92px;
        min-height:30px;
        margin:-25px auto 7px;
        padding:0 12px;
        gap:6px;
        font-size:10px;
    }
    .game-brand-platform-chip i{font-size:12px}
}
@media(max-width:420px){
    .game-brand-platform-chip{
        min-width:78px;
        min-height:26px;
        margin:-22px auto 6px;
        padding:0 9px;
        gap:5px;
        font-size:9px;
    }
    .game-brand-platform-chip i{font-size:10px}
}

/* Performance: skip layout/paint for cards outside the viewport. */
@supports (content-visibility: auto) {
  .game-browser-grid > [data-game-card],
  .reference-notification-list > [data-notification-item] {
    content-visibility: auto;
    contain-intrinsic-size: 280px;
  }
}