/* ===== v94 HEADER FIX: transparent box + old-style button, proper rupee icon, full store name ===== */
html body #main-app#main-app>nav#gks-hdr.topHeader{
  background:rgba(16,10,24,.38)!important;
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  border:1px solid rgba(178,121,243,.38)!important;
  border-radius:22px!important;
  box-shadow:none!important;
  padding:0 8px!important;gap:6px!important;
  overflow:visible!important}
html body #main-app#main-app>nav#gks-hdr .brandArea{gap:9px!important;flex:1 1 auto!important;min-width:0!important}
html body #main-app#main-app>nav#gks-hdr .brandArea>.brandText{flex:0 0 auto!important;min-width:max-content!important;overflow:visible!important}
/* store name - full, never cut */
html body #main-app#main-app>nav#gks-hdr .brandName{
  display:block!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;max-width:none!important;
  text-transform:uppercase!important;
  font:700 clamp(9.5px,2.9vw,12px)/1.2 'Space Grotesk',Poppins,Inter,sans-serif!important;
  letter-spacing:.07em!important;color:#c5a2ee!important;text-shadow:none!important}
/* balance pill - transparent, gold border, white rupee circle */
html body #main-app#main-app>nav#gks-hdr .headerRight{flex:0 0 auto!important;gap:7px!important}
html body #main-app#main-app>nav#gks-hdr .balance{
  background:transparent!important;
  border:1.5px solid rgba(178,121,243,.6)!important;
  box-shadow:none!important;border-radius:99px!important;
  height:40px!important;padding:0 11px 0 8px!important;gap:6px!important}
html body #main-app#main-app>nav#gks-hdr .balance .money{
  width:24px!important;height:24px!important;min-width:24px!important;
  background:none!important;box-shadow:none!important;border:0!important;
  color:#fff!important;font-size:0!important;display:inline-flex!important;align-items:center;justify-content:center}
html body #main-app#main-app>nav#gks-hdr .balance .money svg{width:24px;height:24px;display:block}
html body #main-app#main-app>nav#gks-hdr .balanceText{
  color:#e0c5fe!important;text-shadow:none!important;
  font:800 clamp(14px,4.2vw,17px)/1 'Space Grotesk',Poppins,sans-serif!important;white-space:nowrap!important}
/* menu button - as before: transparent, gold border, 3 bars (middle short, right) */
html body #main-app#main-app>nav#gks-hdr .menuBtn{
  width:42px!important;height:42px!important;border-radius:14px!important;
  background:transparent!important;
  border:1.5px solid rgba(178,121,243,.65)!important;
  box-shadow:none!important;display:grid!important;place-items:center!important;padding:0!important}
html body #main-app#main-app>nav#gks-hdr .rk-burger{display:flex!important;flex-direction:column!important;gap:4px!important;width:20px!important}
html body #main-app#main-app>nav#gks-hdr .rk-burger i{
  display:block!important;height:3px!important;width:100%!important;border-radius:3px!important;
  background:#a562f2!important;box-shadow:0 0 6px rgba(165,98,242,.5)!important}
html body #main-app#main-app>nav#gks-hdr .rk-burger i:nth-child(2){width:68%!important;align-self:flex-end!important}

/* ===== v94b: compact header - full store name (mono), smaller balance + icon + menu ===== */
html body #main-app#main-app>nav#gks-hdr.topHeader{padding:0 7px!important;gap:5px!important}
html body #main-app#main-app>nav#gks-hdr .brandArea{overflow:visible!important;gap:8px!important;margin:0!important;flex:1 1 auto!important;min-width:0!important}
html body #main-app#main-app>nav#gks-hdr .logoBox#brand-dashboard-btn{width:42px!important;height:42px!important;min-width:42px!important;border-radius:13px!important}
html body #main-app#main-app>nav#gks-hdr .brandArea>.brandText{flex:1 1 auto!important;min-width:0!important;overflow:visible!important}
html body #main-app#main-app>nav#gks-hdr .brandName{
  font:700 clamp(9px,2.9vw,11.5px)/1 'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,'Courier New',monospace!important;
  letter-spacing:.02em!important;text-transform:uppercase!important;
  white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;max-width:none!important;color:#c5a2ee!important}
html body #main-app#main-app>nav#gks-hdr .headerRight{gap:5px!important}
html body #main-app#main-app>nav#gks-hdr .balance{height:32px!important;padding:0 9px 0 6px!important;gap:5px!important;border-width:1.3px!important}
html body #main-app#main-app>nav#gks-hdr .balance .money{width:18px!important;height:18px!important;min-width:18px!important}
html body #main-app#main-app>nav#gks-hdr .balance .money svg{width:18px!important;height:18px!important}
html body #main-app#main-app>nav#gks-hdr .balanceText{font:800 clamp(11.5px,3.4vw,13.5px)/1 'Space Grotesk',Poppins,sans-serif!important}
html body #main-app#main-app>nav#gks-hdr .menuBtn{width:34px!important;height:34px!important;border-radius:11px!important}
html body #main-app#main-app>nav#gks-hdr .rk-burger{width:16px!important;gap:3px!important}
html body #main-app#main-app>nav#gks-hdr .rk-burger i{height:2.4px!important}

/* ===== v94c: clean aligned header (logo | name | balance | menu) ===== */
html body #main-app#main-app>nav#gks-hdr.topHeader{height:60px!important;min-height:60px!important;padding:0 8px!important;gap:8px!important;align-items:center!important}
html body #main-app#main-app>nav#gks-hdr .brandArea{gap:8px!important;align-items:center!important}
html body #main-app#main-app>nav#gks-hdr .logoBox#brand-dashboard-btn{width:40px!important;height:40px!important;min-width:40px!important;border-radius:12px!important}
html body #main-app#main-app>nav#gks-hdr .brandName{
  font:700 clamp(9px,2.75vw,10.5px)/1 'JetBrains Mono',ui-monospace,Menlo,Consolas,monospace!important;
  letter-spacing:.01em!important;color:#c5a2ee!important}
html body #main-app#main-app>nav#gks-hdr .headerRight{gap:7px!important;align-items:center!important}
html body #main-app#main-app>nav#gks-hdr .balance{
  height:34px!important;padding:0 11px 0 7px!important;gap:6px!important;
  border:1.3px solid rgba(178,121,243,.55)!important;border-radius:99px!important;
  background:rgba(178,121,243,.06)!important}
html body #main-app#main-app>nav#gks-hdr .balance .money,
html body #main-app#main-app>nav#gks-hdr .balance .money svg{width:17px!important;height:17px!important;min-width:17px!important}
html body #main-app#main-app>nav#gks-hdr .balanceText{font:800 clamp(11.5px,3.3vw,13px)/1 'Space Grotesk',Poppins,sans-serif!important;letter-spacing:0!important}
/* menu button: 3 equal clean bars */
html body #main-app#main-app>nav#gks-hdr .menuBtn{
  width:36px!important;height:36px!important;border-radius:12px!important;
  border:1.3px solid rgba(178,121,243,.55)!important;
  background:rgba(178,121,243,.06)!important;box-shadow:none!important;
  display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important}
html body #main-app#main-app>nav#gks-hdr .rk-burger{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;width:16px!important;height:auto!important}
html body #main-app#main-app>nav#gks-hdr .rk-burger i,
html body #main-app#main-app>nav#gks-hdr .rk-burger i:nth-child(2){
  display:block!important;width:16px!important;height:2px!important;margin:0!important;align-self:center!important;
  border-radius:2px!important;background:#a562f2!important;box-shadow:none!important}

/* ===== v94d: PREMIUM BLACK-GOLD HEADER (as per demo image) ===== */
html body #main-app#main-app>nav#gks-hdr.topHeader{
  height:64px!important;min-height:64px!important;padding:0 9px!important;gap:7px!important;
  border:1.6px solid transparent!important;border-radius:34px!important;
  background:linear-gradient(180deg,#190f25 0%,#08050c 52%,#0f0916 100%) padding-box,
             linear-gradient(90deg,#491387 0%,#a051fb 22%,#6220ae 45%,#c18dfc 62%,#6220ae 82%,#a051fb 100%) border-box!important;
  box-shadow:0 0 16px rgba(141,45,250,.30),0 10px 26px rgba(0,0,0,.65),inset 0 1px 0 rgba(255,255,255,.07),inset 0 -1px 0 rgba(141,45,250,.18)!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;overflow:visible!important}
/* top-center crown notch */
html body #main-app#main-app>nav#gks-hdr::before{content:"";position:absolute;left:50%;top:-9px;transform:translateX(-50%);
  width:34px;height:14px;background:#08050c url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 24'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23d1aafd'/%3E%3Cstop offset='1' stop-color='%237a25db'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M4 19 L1.5 6 L11 12.5 L20 2 L29 12.5 L38.5 6 L36 19 Z' fill='url(%23g)'/%3E%3Crect x='4' y='20.5' width='32' height='2.6' rx='1.2' fill='url(%23g)'/%3E%3Ccircle cx='1.5' cy='5' r='1.6' fill='%23b87dfc'/%3E%3Ccircle cx='20' cy='1.8' r='1.8' fill='%23b87dfc'/%3E%3Ccircle cx='38.5' cy='5' r='1.6' fill='%23b87dfc'/%3E%3C/svg%3E") center/20px auto no-repeat;border-radius:8px 8px 0 0;
  border:1.5px solid #8c3ee5;border-bottom:0;filter:drop-shadow(0 0 5px rgba(141,45,250,.6));pointer-events:none}
html body #main-app#main-app>nav#gks-hdr .logoBox#brand-dashboard-btn{
  width:44px!important;height:44px!important;min-width:44px!important;border-radius:14px!important;
  border:2px solid #8b35ed!important;background:#000!important;
  box-shadow:0 0 12px rgba(141,45,250,.55),inset 0 0 0 1px rgba(0,0,0,.6)!important}
html body #main-app#main-app>nav#gks-hdr .logoBox img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:11px!important}
/* vertical divider + name block with crown and swoosh */
html body #main-app#main-app>nav#gks-hdr .brandArea{gap:9px!important}
html body #main-app#main-app>nav#gks-hdr .brandArea>.brandText{position:relative!important;flex:1 1 auto!important;min-width:0!important;overflow:visible!important;
  padding:12px 0 8px 9px!important;border-left:1.5px solid rgba(139,53,237,.65)}
html body #main-app#main-app>nav#gks-hdr .brandArea>.brandText::before{content:"";position:absolute;left:calc(50% + 4px);top:-1px;transform:translateX(-50%);
  width:20px;height:12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 24'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23d1aafd'/%3E%3Cstop offset='1' stop-color='%237a25db'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M4 19 L1.5 6 L11 12.5 L20 2 L29 12.5 L38.5 6 L36 19 Z' fill='url(%23g)'/%3E%3Crect x='4' y='20.5' width='32' height='2.6' rx='1.2' fill='url(%23g)'/%3E%3Ccircle cx='1.5' cy='5' r='1.6' fill='%23b87dfc'/%3E%3Ccircle cx='20' cy='1.8' r='1.8' fill='%23b87dfc'/%3E%3Ccircle cx='38.5' cy='5' r='1.6' fill='%23b87dfc'/%3E%3C/svg%3E") center/contain no-repeat;filter:drop-shadow(0 0 4px rgba(141,45,250,.7))}
html body #main-app#main-app>nav#gks-hdr .brandArea>.brandText::after{content:"";position:absolute;left:14px;right:2px;bottom:2px;height:2px;border-radius:2px;
  background:linear-gradient(90deg,transparent,#9338fa 25%,#c18dfc 50%,#9338fa 75%,transparent);filter:drop-shadow(0 0 3px rgba(141,45,250,.7))}
html body #main-app#main-app>nav#gks-hdr .brandName{
  display:inline-block!important;
  font:400 clamp(11.5px,3.55vw,14.5px)/1.05 'Anton','Bebas Neue',Impact,'Arial Narrow',sans-serif!important;
  font-style:italic!important;letter-spacing:.03em!important;text-transform:uppercase!important;white-space:nowrap!important;overflow:visible!important;
  background:linear-gradient(90deg,#b87dfc 0%,#7706f9 35.5%,#f6f8fb 37.5%,#c3bbaf 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;
  text-shadow:none!important;filter:drop-shadow(0 0 5px rgba(141,45,250,.35))}
/* balance pill */
html body #main-app#main-app>nav#gks-hdr .headerRight{gap:7px!important}
html body #main-app#main-app>nav#gks-hdr .balance{
  height:38px!important;padding:0 12px 0 6px!important;gap:6px!important;border-radius:99px!important;
  border:1.6px solid #8b35ed!important;
  background:linear-gradient(180deg,#160d21,#050506)!important;
  box-shadow:0 0 12px rgba(141,45,250,.45),inset 0 1px 0 rgba(255,255,255,.07)!important}
html body #main-app#main-app>nav#gks-hdr .balance .money,
html body #main-app#main-app>nav#gks-hdr .balance .money svg{width:22px!important;height:22px!important;min-width:22px!important}
html body #main-app#main-app>nav#gks-hdr .balance .money svg *{stroke:#9338fa!important}
html body #main-app#main-app>nav#gks-hdr .balanceText{
  font:800 clamp(13px,3.9vw,16px)/1 'Space Grotesk',Poppins,sans-serif!important;letter-spacing:.01em!important;
  background:linear-gradient(180deg,#d5b2fd,#8e2ffa)!important;-webkit-background-clip:text!important;background-clip:text!important;
  color:transparent!important;-webkit-text-fill-color:transparent!important;text-shadow:none!important}
/* menu button */
html body #main-app#main-app>nav#gks-hdr .menuBtn{
  width:40px!important;height:40px!important;border-radius:14px!important;
  border:1.6px solid #8b35ed!important;background:linear-gradient(180deg,#1a1b21,#08050c)!important;
  box-shadow:0 0 12px rgba(141,45,250,.45),inset 0 1px 0 rgba(255,255,255,.08)!important}
html body #main-app#main-app>nav#gks-hdr .rk-burger{gap:4.5px!important;width:18px!important}
html body #main-app#main-app>nav#gks-hdr .rk-burger i,
html body #main-app#main-app>nav#gks-hdr .rk-burger i:nth-child(2){width:18px!important;height:2.6px!important;border-radius:3px!important;
  background:linear-gradient(90deg,#c18dfc,#9033fa)!important;box-shadow:0 0 5px rgba(141,45,250,.6)!important}
@media(max-width:380px){
  html body #main-app#main-app>nav#gks-hdr .brandArea>.brandText{border-left:0;padding-left:2px!important}
  html body #main-app#main-app>nav#gks-hdr .logoBox#brand-dashboard-btn{width:40px!important;height:40px!important;min-width:40px!important}
  html body #main-app#main-app>nav#gks-hdr .balance{padding:0 9px 0 5px!important}
}

/* ===== v94e: real black-gold box (v60.js no longer forces it transparent) + SMALLER name & balance ===== */
html body #main-app#main-app>nav#gks-hdr.topHeader{height:62px!important;min-height:62px!important;padding:0 9px!important;gap:6px!important}
html body #main-app#main-app>nav#gks-hdr .logoBox#brand-dashboard-btn{width:40px!important;height:40px!important;min-width:40px!important;flex:0 0 40px!important}
html body #main-app#main-app>nav#gks-hdr .brandArea{gap:7px!important;min-width:0!important;flex:1 1 auto!important}
html body #main-app#main-app>nav#gks-hdr .brandArea>.brandText{padding:12px 0 8px 7px!important;flex:1 1 auto!important;min-width:0!important}
html body #main-app#main-app>nav#gks-hdr .brandName{font-size:clamp(9.5px,2.85vw,11px)!important;letter-spacing:.02em!important}
html body #main-app#main-app>nav#gks-hdr .brandArea>.brandText::before{width:16px;height:10px;left:calc(50% + 3px)}
html body #main-app#main-app>nav#gks-hdr .headerRight{flex:0 0 auto!important;gap:6px!important}
html body #main-app#main-app>nav#gks-hdr .balance{height:32px!important;padding:0 10px 0 5px!important;gap:5px!important}
html body #main-app#main-app>nav#gks-hdr .balance .money,
html body #main-app#main-app>nav#gks-hdr .balance .money svg{width:18px!important;height:18px!important;min-width:18px!important}
html body #main-app#main-app>nav#gks-hdr .balanceText{font-size:clamp(11.5px,3.3vw,13px)!important}
html body #main-app#main-app>nav#gks-hdr .menuBtn{width:36px!important;height:36px!important;border-radius:12px!important}
html body #main-app#main-app>nav#gks-hdr .rk-burger{width:16px!important;gap:4px!important}
html body #main-app#main-app>nav#gks-hdr .rk-burger i,html body #main-app#main-app>nav#gks-hdr .rk-burger i:nth-child(2){width:16px!important;height:2.3px!important}

/* ===== v94f: softer / lighter header (less gold, matches site navy), no top crown, name fully visible ===== */
html body #main-app#main-app>nav#gks-hdr::before{content:none!important;display:none!important}
html body #main-app#main-app>nav#gks-hdr.topHeader{
  background:linear-gradient(180deg,#211431 0%,#160d20 62%,#1a0f26 100%) padding-box,
             linear-gradient(90deg,rgba(149,95,211,.8) 0%,rgba(155,119,196,.45) 45%,rgba(149,95,211,.8) 100%) border-box!important;
  border:1.3px solid transparent!important;
  box-shadow:0 8px 22px rgba(0,0,0,.5),0 0 10px rgba(149,95,211,.10),inset 0 1px 0 rgba(255,255,255,.05)!important}
html body #main-app#main-app>nav#gks-hdr .logoBox#brand-dashboard-btn{
  border:1.5px solid rgba(149,95,211,.8)!important;box-shadow:0 0 8px rgba(149,95,211,.25)!important}
html body #main-app#main-app>nav#gks-hdr .brandArea>.brandText{flex:0 1 auto!important;border-left:1px solid rgba(149,95,211,.35)!important;padding-right:6px!important}
html body #main-app#main-app>nav#gks-hdr .brandArea>.brandText::before{left:calc(50% + 3px)!important;filter:none!important;opacity:.85}
html body #main-app#main-app>nav#gks-hdr .brandArea>.brandText::after{left:9px!important;right:0!important;
  background:linear-gradient(90deg,transparent,rgba(149,95,211,.75) 30%,rgba(177,128,232,.9) 50%,rgba(149,95,211,.75) 70%,transparent)!important;filter:none!important}
html body #main-app#main-app>nav#gks-hdr .brandName{
  padding:0 6px 0 1px!important;                      /* extra room so the italic last letter (P) is not clipped */
  background:linear-gradient(90deg,#b88cea 0%,#884dcc 35.5%,#eef1f7 37.5%,#c9bfaf 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;filter:none!important}
html body #main-app#main-app>nav#gks-hdr .balance{
  border:1.3px solid rgba(149,95,211,.55)!important;background:rgba(255,255,255,.04)!important;box-shadow:none!important}
html body #main-app#main-app>nav#gks-hdr .balance .money svg *{stroke:#955dd6!important}
html body #main-app#main-app>nav#gks-hdr .balanceText{background:none!important;-webkit-text-fill-color:#d1b5f1!important;color:#d1b5f1!important}
html body #main-app#main-app>nav#gks-hdr .menuBtn{
  border:1.3px solid rgba(149,95,211,.55)!important;background:rgba(255,255,255,.04)!important;box-shadow:none!important}
html body #main-app#main-app>nav#gks-hdr .rk-burger i,html body #main-app#main-app>nav#gks-hdr .rk-burger i:nth-child(2){
  background:#985fd9!important;box-shadow:none!important}

/* ===== Dashboard challenge title on ONE line ===== */
html body #page-dashboard .challenge-head h2{
  display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:6px!important;
  white-space:nowrap!important;font-size:15.5px!important;letter-spacing:-.01em!important}
html body #page-dashboard .challenge-head h2 .ap-gift{width:21px!important;height:21px!important;flex:0 0 auto;margin-right:2px}
html body #page-dashboard .challenge-head h2 #challenge-month{white-space:nowrap}
html body #page-dashboard .challenge-head>div:first-child{min-width:0;flex:1 1 auto}
html body #page-dashboard .challenge-head .challenge-live{flex:0 0 auto;transform:scale(.88);transform-origin:right top}
html body #page-dashboard .challenge-head p{font-size:11px!important;line-height:1.5!important}

/* ===== v94g: proper rounded BOX (not a full pill), lighter colours, subtle animations ===== */
html body #main-app#main-app>nav#gks-hdr.topHeader{
  border-radius:20px!important;
  background:linear-gradient(180deg,#271739 0%,#190f25 100%) padding-box,
             linear-gradient(90deg,rgba(149,95,211,.65),rgba(120,160,215,.42) 25%,rgba(149,95,211,.65) 50%,rgba(120,160,215,.42) 75%,rgba(149,95,211,.65)) border-box!important;
  background-size:100% 100%,200% 100%!important;
  background-position:0 0,0% 0!important;
  box-shadow:0 8px 20px rgba(0,0,0,.45),0 0 8px rgba(149,95,211,.08),inset 0 1px 0 rgba(255,255,255,.06)!important;
  animation:gksHdrBorder 7s linear infinite!important}
html body #main-app#main-app>nav#gks-hdr.topHeader::after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;
  background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.055) 50%,transparent 62%);
  background-size:260% 100%;background-position:130% 0;animation:gksHdrShine 6s ease-in-out infinite}
html body #main-app#main-app>nav#gks-hdr>*{position:relative;z-index:1}
html body #main-app#main-app>nav#gks-hdr .logoBox#brand-dashboard-btn{border-radius:13px!important;animation:gksLogoGlow 3.2s ease-in-out infinite}
html body #main-app#main-app>nav#gks-hdr .balance{border-radius:14px!important}
html body #main-app#main-app>nav#gks-hdr .menuBtn{border-radius:13px!important}
html body #main-app#main-app>nav#gks-hdr .brandArea>.brandText::before{animation:gksCrownBob 3s ease-in-out infinite}
html body #main-app#main-app>nav#gks-hdr .brandArea>.brandText::after{background-size:200% 100%!important;animation:gksSwoosh 3.4s ease-in-out infinite}
html body #main-app#main-app>nav#gks-hdr .balance{animation:gksPillGlow 3.6s ease-in-out infinite}
html body #main-app#main-app>nav#gks-hdr .menuBtn:active{transform:scale(.93)}
@keyframes gksHdrBorder{from{background-position:0 0,0% 0}to{background-position:0 0,100% 0}}
@keyframes gksHdrShine{0%,55%{background-position:130% 0}100%{background-position:-30% 0}}
@keyframes gksLogoGlow{0%,100%{box-shadow:0 0 6px rgba(149,95,211,.20)}50%{box-shadow:0 0 14px rgba(149,95,211,.50)}}
@keyframes gksCrownBob{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,-1.5px)}}
@keyframes gksSwoosh{0%,100%{background-position:0% 0;opacity:.7}50%{background-position:100% 0;opacity:1}}
@keyframes gksPillGlow{0%,100%{box-shadow:0 0 0 rgba(149,95,211,0)}50%{box-shadow:0 0 10px rgba(149,95,211,.22)}}
@media(prefers-reduced-motion:reduce){
  html body #main-app#main-app>nav#gks-hdr,html body #main-app#main-app>nav#gks-hdr *,html body #main-app#main-app>nav#gks-hdr::after{animation:none!important}}

/* ===== v94h: PROMO POP-UP - cleaner, richer card ===== */
html body #promo-popup#promo-popup .promo-popup-card{
  max-width:350px!important;padding:12px 12px 16px!important;border-radius:24px!important;
  background:radial-gradient(110% 38% at 50% 0%,rgba(149,95,211,.14),transparent 70%) padding-box,linear-gradient(180deg,#28183b 0%,#170d23 100%) padding-box,
             linear-gradient(90deg,rgba(149,95,211,.75),rgba(155,119,196,.5) 25%,rgba(149,95,211,.75) 50%,rgba(155,119,196,.5) 75%,rgba(149,95,211,.75)) border-box!important;
  background-size:100% 100%,100% 100%,200% 100%!important;
  box-shadow:0 26px 70px rgba(0,0,0,.7),0 0 26px rgba(149,95,211,.08)!important;
  animation:g93in .28s ease both,gksPromoBorder 8s linear .3s infinite!important}
@keyframes gksPromoBorder{from{background-position:0 0,0 0,0% 0}to{background-position:0 0,0 0,100% 0}}
html body #promo-popup .promo-popup-image{max-height:230px!important;border-radius:16px!important;border:1px solid rgba(149,95,211,.28)!important}
html body #promo-popup .pp-badge{margin:14px auto 0!important;padding:6px 14px!important;color:#b488e6!important;background:rgba(149,95,211,.09)!important;border:1px solid rgba(149,95,211,.4)!important;animation:gksBadgePulse 2.8s ease-in-out infinite}
@keyframes gksBadgePulse{0%,100%{box-shadow:0 0 0 rgba(149,95,211,0)}50%{box-shadow:0 0 12px rgba(149,95,211,.3)}}
html body #promo-popup .promo-popup-title{margin:12px 6px 0!important;font:800 19px/1.25 Poppins,Inter,sans-serif!important;letter-spacing:.04em!important;text-transform:uppercase;
  background:linear-gradient(90deg,#fff 0%,#caa8f0 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent!important}
html body #promo-popup .promo-popup-message{margin:8px 8px 0!important;font:500 12.5px/1.65 Poppins,Inter,sans-serif!important;color:#c7b7d9!important}
html body #promo-popup .pp-perks{display:flex;justify-content:center;gap:8px;margin:13px 2px 0}
html body #promo-popup .pp-perks span{flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:7px 4px;border-radius:11px;
  font:600 10.5px/1 Poppins,sans-serif;color:#dbe4f6;background:rgba(255,255,255,.04);border:1px solid rgba(149,95,211,.2)}
html body #promo-popup .pp-perks svg{color:#955dd6;flex:0 0 auto}
html body #promo-popup .promo-popup-support{height:46px!important;margin:14px 0 0!important;border-radius:14px!important;font-size:12.5px!important;letter-spacing:.12em!important;
  background:linear-gradient(100deg,transparent 38%,rgba(255,255,255,.4) 50%,transparent 62%) no-repeat,linear-gradient(135deg,#bc94ea,#884dcc)!important;
  background-size:260% 100%,100% 100%!important;box-shadow:0 8px 20px rgba(136,77,204,.28)!important}
@media(prefers-reduced-motion:reduce){html body #promo-popup *,html body #promo-popup#promo-popup .promo-popup-card{animation:none!important}}