/* GKS LITE + BOX STYLE (loaded last)
   - no blur / no heavy glow: pages scroll and open faster on phones
   - one clean box style for product, history, wallet, profile and popup boxes */
:root{--gks-box:linear-gradient(160deg,#271739,#160d21);--gks-box-line:rgba(149,95,211,.24);--gks-box-shadow:0 8px 22px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.05)}
html{-webkit-text-size-adjust:100%;scroll-behavior:auto}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeSpeed}
img{max-width:100%}

/* boxes */
.panel-card,.history-card,.glass,.profile-card,.reseller-card,.payment-settings-card,.checkout-details,.manual-pending-card,.modal-box,.modal-card{
  background:var(--gks-box)!important;border:1px solid var(--gks-box-line)!important;border-radius:20px!important;box-shadow:var(--gks-box-shadow)!important}
.store-filter-card{border-radius:20px!important;border:1px solid var(--gks-box-line)!important;box-shadow:0 6px 18px rgba(0,0,0,.28)!important}
.panel-card,.history-card{transition:transform .12s ease,border-color .15s ease}
.panel-card:active,.history-card:active{transform:scale(.985);border-color:rgba(149,95,211,.5)!important}

/* long lists: only the visible boxes are drawn */
.panel-card,.history-card{content-visibility:auto;contain-intrinsic-size:auto 230px}

/* popups: blur removed -> darker plain overlay keeps text readable */
.modal-overlay,.promo-popup-backdrop,.promo-overlay{background:rgba(9,5,13,.84)!important}

/* inputs + buttons: simple and crisp */
input,select,textarea{border-radius:14px}
button,.btn{-webkit-tap-highlight-color:transparent}

/* no decorative glow animation anywhere (spinners / loaders keep working) */
@media (prefers-reduced-motion:no-preference){.panel-card,.history-card{animation:none}}