/* JAKSKY V124 - Safe homepage polish, CSS only */
@media(min-width:769px){
 body.jakPageHome.jakUiRefreshV10.jakMoonV2 .brandHero{min-height:500px!important}
}
@media(max-width:768px){
 body.jakPageHome.jakUiRefreshV10.jakMoonV2 .brandHero{
  height:398px!important;min-height:398px!important;max-height:398px!important;
  margin-bottom:9px!important;border-radius:0 0 23px 23px!important;
  box-shadow:0 8px 20px rgba(0,10,35,.20)!important;
 }
 body.jakPageHome .jakMoonHeroBgV3{object-position:50% 23%!important}
 body.jakPageHome .jakMoonTopV3{padding:13px 13px 0!important;gap:7px!important}
 body.jakPageHome .jakMoonBrandV3 .brandLogo{font-size:27px!important}
 body.jakPageHome .jakMoonBrandV3 .brandSub{font-size:10px!important}
 body.jakPageHome .jakMoonActionsV3{gap:6px!important}
 body.jakPageHome.jakUiRefreshV10.jakMoonV2 .jakMoonHeroCopyV2{
  left:17px!important;right:17px!important;bottom:18px!important;max-width:340px!important
 }
 body.jakPageHome .jakMoonHeroCopyV2 h1{
  font-size:clamp(38px,11vw,48px)!important;letter-spacing:-1.5px!important;
  filter:none!important
 }
 body.jakPageHome .jakMoonHeroCopyV2 .jakMoonTagline{
  font-size:13px!important;line-height:1.28!important;margin:7px 0 12px!important;
  max-width:270px!important
 }
 body.jakPageHome .jakMoonFeaturesV2{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important
 }
 body.jakPageHome .jakMoonFeaturesV2 span{
  min-width:0!important;display:flex!important;flex-direction:column!important;
  align-items:center!important;justify-content:center!important;text-align:center!important;
  padding:7px 3px!important;gap:5px!important;border-radius:10px!important;
  background:rgba(6,25,57,.62)!important;border:1px solid rgba(111,189,250,.22)!important;
  font-size:9px!important;line-height:1.2!important;text-shadow:none!important
 }
 body.jakPageHome .jakMoonFeaturesV2 i,
 body.jakPageHome .jakMoonFeaturesV2 .j116-feature-icon-box{
  width:24px!important;height:24px!important;flex:0 0 24px!important;border-radius:7px!important;
  box-shadow:none!important
 }
 body.jakPageHome #jakLiveSummary{margin-top:3px!important;margin-bottom:6px!important}
 body.jakPageHome #jakLiveSummary .jakLiveSummaryButton{
  min-height:60px!important;padding-block:9px!important;box-shadow:none!important
 }
 body.jakPageHome .userTop{padding:6px 11px 4px!important}
 body.jakPageHome #search{
  height:49px!important;min-height:49px!important;border-radius:14px!important;
  font-size:14px!important;padding:0 14px!important;box-shadow:none!important
 }
 body.jakPageHome #filterTabs{padding:8px 0 7px!important;gap:7px!important}
 body.jakPageHome #filterTabs button{
  min-height:39px!important;padding:7px 12px!important;box-shadow:none!important;
  animation:none!important
 }
 body.jakPageHome #list{gap:10px!important;padding:10px!important;align-items:stretch!important}
 body.jakPageHome #list .card{
  height:auto!important;min-height:0!important;max-height:none!important;
  display:flex!important;flex-direction:column!important;border-radius:16px!important;
  box-shadow:0 3px 11px rgba(0,9,29,.17)!important;
  animation:none!important;transform:none!important
 }
 body.jakPageHome #list .card .thumb{
  width:100%!important;height:154px!important;min-height:154px!important;max-height:154px!important;
  overflow:hidden!important;background:#071a35!important;position:relative!important
 }
 body.jakPageHome #list .card .thumb img{
  width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important;
  object-fit:contain!important;object-position:center!important;display:block!important;
  transform:none!important;transition:none!important
 }
 body.jakPageHome #list .card .body{
  flex:1 0 auto!important;height:auto!important;min-height:80px!important;max-height:none!important;
  padding:9px!important;overflow:hidden!important
 }
 body.jakPageHome #list .card .body>b{display:-webkit-box!important;-webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;overflow:hidden!important;line-height:1.35!important}
 body.jakPageHome .bottomNav{
  height:65px!important;min-height:65px!important;left:9px!important;right:9px!important;
  bottom:calc(9px + env(safe-area-inset-bottom))!important;padding:4px!important;
  border-radius:19px!important;box-shadow:0 6px 18px rgba(0,4,16,.29)!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important
 }
 body.jakPageHome .bottomNav button{height:54px!important;min-height:0!important;border-radius:14px!important}
 body.jakPageHome #jakCsLauncher{
  right:11px!important;bottom:calc(84px + env(safe-area-inset-bottom))!important;
  height:41px!important;min-width:69px!important;padding:0 10px!important;
  border-radius:14px!important;box-shadow:0 4px 12px rgba(0,22,60,.24)!important
 }
 body.jakPageHome{padding-bottom:calc(104px + env(safe-area-inset-bottom))!important}
 body.jakPageHome .brandHero::before,
 body.jakPageHome .jakMoonStarsV2,
 body.jakPageHome .jakMoonSparkV2,
 body.jakPageHome .jakMoonLightV2{animation:none!important;filter:none!important}
 body.jakPageHome #list .card,body.jakPageHome #filterTabs button,
 body.jakPageHome .bottomNav button{transition:none!important;will-change:auto!important}
}
/* VIP icon must show actual SVG crown, not older CSS padlock pseudoelement. */
html body #freeQuotaBar.jakQuotaVipV121 .jakFreeQuotaMain>.jakFreeQuotaIcon{
 color:#b3eaff!important;-webkit-text-fill-color:currentColor!important;
 background:#0c355f!important;border:1px solid #64b9ee!important;
 display:inline-flex!important;align-items:center!important;justify-content:center!important
}
html body #freeQuotaBar.jakQuotaVipV121 .jakFreeQuotaMain>.jakFreeQuotaIcon::before,
html body #freeQuotaBar.jakQuotaVipV121 .jakFreeQuotaMain>.jakFreeQuotaIcon::after{
 content:none!important;display:none!important;background:none!important;
 -webkit-mask:none!important;mask:none!important
}
html body #freeQuotaBar.jakQuotaVipV121 .jakFreeQuotaMain>.jakFreeQuotaIcon svg{
 display:block!important;width:25px!important;height:25px!important;
 color:#b3eaff!important;stroke:currentColor!important;fill:none!important;
 opacity:1!important;visibility:visible!important
}
html body #freeQuotaBar.jakQuotaTapV121{touch-action:manipulation!important}
html body #freeQuotaBar .jakFreeQuotaMain>b{font-weight:800!important}
html body #list .emptyBox{border:1px solid rgba(124,188,255,.22)!important;
 background:#102747!important;color:#d4e9ff!important;border-radius:15px!important;
 padding:22px 15px!important;text-align:center!important}
@media(prefers-reduced-motion:reduce){
 body.jakPageHome .brandHero *,body.jakPageHome #list .card *{animation:none!important;transition:none!important}
}

/* JAKSKY_V124_THUMB_RESTORE_START */
/* Restore thumbnail behavior like before V124:
   gambar memenuhi frame lagi, tanpa sisi kosong/pink */
@media(max-width:768px){
  body.jakPageHome #list .card .thumb{
    background:#071a35 !important;
    overflow:hidden !important;
  }

  body.jakPageHome #list .card .thumb img{
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    max-height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
    display:block !important;
    transform:none !important;
  }
}

/* extra-safe for all sizes */
body.jakPageHome #list .card .thumb img{
  object-fit:cover !important;
  object-position:center center !important;
}
/* JAKSKY_V124_THUMB_RESTORE_END */