/* =========================================================
   KORZH v446 — BONUS CENTER POLISH
   Screenshot hard-fix for 2040 only.
   Fixes oversized KORZH currency marks + header overlap.
   ========================================================= */
:root[data-visual-style="2040"] .k445-bonus-page{
  padding-top:54px!important;
}

/* Currency mark must always behave like a tiny inline glyph inside the Bonus Center.
   Global legacy rules intentionally size .korzh-currency-logo to 100% of its parent;
   without a constrained wrapper that can explode to the size of the whole column. */
:root[data-visual-style="2040"] .k445-bonus-hub :is(
  .k445-weekly-copy,
  .k445-machine-progress,
  .k445-account-stats,
  .k445-how-steps
) .korzh-currency-logo{
  display:inline-block!important;
  width:11px!important;
  height:11px!important;
  min-width:11px!important;
  min-height:11px!important;
  max-width:11px!important;
  max-height:11px!important;
  object-fit:contain!important;
  border-radius:50%!important;
  vertical-align:-2px!important;
  flex:0 0 11px!important;
  margin:0 1px!important;
  filter:none!important;
}
:root[data-visual-style="2040"] .k445-weekly-copy small .korzh-currency-logo,
:root[data-visual-style="2040"] .k445-how-steps small .korzh-currency-logo{
  width:9px!important;
  height:9px!important;
  min-width:9px!important;
  min-height:9px!important;
  max-width:9px!important;
  max-height:9px!important;
  flex-basis:9px!important;
}

/* Keep amount + KORZH mark on a single clean baseline. */
:root[data-visual-style="2040"] .k445-weekly-copy strong>span,
:root[data-visual-style="2040"] .k445-machine-progress>span,
:root[data-visual-style="2040"] .k445-account-stats strong{
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
}
:root[data-visual-style="2040"] .k445-weekly-copy small{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:3px!important;
}
:root[data-visual-style="2040"] .k445-machine-progress>small{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:wrap!important;
  gap:3px!important;
}

/* The first HOW IT WORKS tile uses the full token artwork rather than the currency class.
   Lock it to the intended icon size even against old !important image rules. */
:root[data-visual-style="2040"] .k445-how-steps>div>i img{
  display:block!important;
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  min-height:24px!important;
  max-width:24px!important;
  max-height:24px!important;
  object-fit:contain!important;
  margin:0!important;
  transform:none!important;
}

/* Defensive containment: no inline asset may be allowed to stretch a card vertically. */
:root[data-visual-style="2040"] .k445-weekly-copy,
:root[data-visual-style="2040"] .k445-machine-progress,
:root[data-visual-style="2040"] .k445-account-stats,
:root[data-visual-style="2040"] .k445-how-steps{
  min-width:0!important;
}
:root[data-visual-style="2040"] .k445-account-stats>div{
  overflow:hidden!important;
}
:root[data-visual-style="2040"] .k445-account-stats strong{
  width:100%!important;
  min-width:0!important;
  white-space:nowrap!important;
}

/* Full-HD polish: compact enough to read as one composed Bonus Center instead of tall columns. */
@media (min-width:1250px){
  :root[data-visual-style="2040"] .k445-bonus-panel,
  :root[data-visual-style="2040"] .k445-bonus-machine{min-height:520px!important}
  :root[data-visual-style="2040"] .k445-weekly-art{height:242px!important}
  :root[data-visual-style="2040"] .k445-weekly-art img{height:200px!important;max-width:230px!important}
  :root[data-visual-style="2040"] .k445-account-orb{height:186px!important}
  :root[data-visual-style="2040"] .k445-account-stats>div{min-height:62px!important}
}

@media(max-width:900px){
  :root[data-visual-style="2040"] .k445-bonus-page{padding-top:34px!important}
}