/* v170 - compact price list (new colours/style, no overlap), soft dashboard box animation, smaller telegram button.
   Remove the v170 lines from a page to undo. */

/* ---- price list: new palette ---- */
html:root:root:root:root:root:root:root:root:root:root body:not(#_) #main-app #page-home #pc-list .pc-card .pc-plans .pc-row:nth-child(5n+1){--ac:#4ade80;--ac2:#16a34a}
html:root:root:root:root:root:root:root:root:root:root body:not(#_) #main-app #page-home #pc-list .pc-card .pc-plans .pc-row:nth-child(5n+2){--ac:#60a5fa;--ac2:#2563eb}
html:root:root:root:root:root:root:root:root:root:root body:not(#_) #main-app #page-home #pc-list .pc-card .pc-plans .pc-row:nth-child(5n+3){--ac:#fbbf24;--ac2:#d97706}
html:root:root:root:root:root:root:root:root:root:root body:not(#_) #main-app #page-home #pc-list .pc-card .pc-plans .pc-row:nth-child(5n+4){--ac:#fb7185;--ac2:#e11d48}
html:root:root:root:root:root:root:root:root:root:root body:not(#_) #main-app #page-home #pc-list .pc-card .pc-plans .pc-row:nth-child(5n+5){--ac:#e879f9;--ac2:#a21caf}
/* new card: dark glass, colour glow in the corner, thin ring */
html:root:root:root:root:root:root:root:root:root:root body:not(#_) #main-app #page-home #pc-list .pc-card .pc-plans .pc-row{
  display:grid!important;grid-template-columns:minmax(0,1fr) 108px!important;grid-template-rows:auto auto!important;column-gap:12px!important;row-gap:8px!important;align-items:center!important;
  padding:14px 14px 14px 16px!important;min-height:0!important;margin:0 0 12px!important;border-radius:22px!important;overflow:hidden!important;position:relative!important;
  background:radial-gradient(120% 140% at 0% 0%,color-mix(in srgb,var(--ac) 26%,transparent) 0%,transparent 55%),#150b2e!important;
  border:1px solid color-mix(in srgb,var(--ac) 38%,#2a1850)!important;box-shadow:0 10px 24px rgba(0,0,0,.35)!important}
html:root:root:root:root:root:root:root:root:root:root body:not(#_) #main-app #page-home #pc-list .pc-card .pc-plans .pc-row::before{content:""!important;display:block!important;position:absolute;left:0;top:16px;bottom:16px;width:4px;border-radius:0 4px 4px 0;background:linear-gradient(180deg,var(--ac),var(--ac2));box-shadow:0 0 12px var(--ac)}
/* chip: outlined, not filled */
html:root:root:root:root:root:root:root:root:root:root body:not(#_) #main-app #page-home #pc-list .pc-card .pc-plans .pc-row .pc-l{grid-column:1!important;grid-row:1!important;justify-self:start!important;padding:5px 12px!important;border-radius:10px!important;
  background:color-mix(in srgb,var(--ac) 14%,transparent)!important;border:1px solid color-mix(in srgb,var(--ac) 60%,transparent)!important;
  color:var(--ac)!important;-webkit-text-fill-color:var(--ac)!important;font:800 12px/1 Inter,system-ui,sans-serif!important;letter-spacing:.1em!important;box-shadow:none!important;white-space:nowrap!important}
/* price: white, big */
html:root:root:root:root:root:root:root:root:root:root body:not(#_) #main-app #page-home #pc-list .pc-card .pc-plans .pc-row .pc-p{grid-column:1!important;grid-row:2!important;min-width:0!important}
html:root:root:root:root:root:root:root:root:root:root body:not(#_) #pc-list .pc-p .gks-now{color:#fff!important;-webkit-text-fill-color:#fff!important;background:none!important;font:800 26px/1.1 Inter,system-ui,sans-serif!important;text-shadow:0 0 18px color-mix(in srgb,var(--ac) 55%,transparent)}
html:root:root:root:root:root:root:root:root:root:root body:not(#_) #pc-list .pc-p>:not(.gks-was):not(.gks-off):not(.gks-now){color:#fff!important;-webkit-text-fill-color:#fff!important}
html:root:root:root:root:root:root:root:root:root:root body:not(#_) #pc-list .pc-p .gks-off{background:var(--ac)!important;color:#1a0b2e!important;-webkit-text-fill-color:#1a0b2e!important}
/* stepper: small pill, fits its own column */
html:root:root:root:root:root:root:root:root:root:root body:not(#_) #main-app #page-home #pc-list .pc-card .pc-plans .pc-row .pc-qty{grid-column:2!important;grid-row:1!important;justify-self:stretch!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
  width:auto!important;min-width:0!important;height:34px!important;padding:3px!important;gap:0!important;border-radius:999px!important;
  background:rgba(0,0,0,.35)!important;border:1px solid color-mix(in srgb,var(--ac) 45%,transparent)!important}
html:root:root:root:root:root:root:root:root:root:root body:not(#_) #main-app #page-home #pc-list .pc-card .pc-plans .pc-row .pc-qty b{width:28px!important;height:28px!important;min-width:28px!important;display:grid!important;place-items:center!important;border-radius:50%!important;font-size:16px!important;line-height:1!important;font-weight:900!important;
  background:color-mix(in srgb,var(--ac) 22%,#12082a)!important;color:var(--ac)!important;-webkit-text-fill-color:var(--ac)!important;padding:0!important;margin:0!important}
html:root:root:root:root:root:root:root:root:root:root body:not(#_) #main-app #page-home #pc-list .pc-card .pc-plans .pc-row .pc-qty i{flex:1!important;min-width:0!important;text-align:center!important;font:800 15px/1 Inter,system-ui,sans-serif!important;font-style:normal!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
/* BUY: solid, same column width as stepper */
html:root:root:root:root:root:root:root:root:root:root body:not(#_) #main-app #page-home #pc-list .pc-card .pc-plans .pc-row .pc-go{grid-column:2!important;grid-row:2!important;justify-self:stretch!important;width:auto!important;min-width:0!important;height:42px!important;padding:0 10px!important;border-radius:14px!important;border:0!important;
  background:linear-gradient(135deg,var(--ac),var(--ac2))!important;color:#12051f!important;-webkit-text-fill-color:#12051f!important;font:900 15px/1 Inter,system-ui,sans-serif!important;letter-spacing:.08em!important;
  box-shadow:0 6px 16px color-mix(in srgb,var(--ac) 38%,transparent)!important}

/* ---- dashboard boxes: soft animation (only the box / icon move, text never re-flows) ---- */
@keyframes gks170-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes gks170-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes gks170-sheen{0%,70%{transform:translateX(-140%) skewX(-18deg)}100%{transform:translateX(260%) skewX(-18deg)}}
@keyframes gks170-glow{0%,100%{box-shadow:0 10px 24px rgba(0,0,0,.32),0 0 0 rgba(139,92,246,0)}50%{box-shadow:0 10px 24px rgba(0,0,0,.32),0 0 16px rgba(139,92,246,.28)}}
html:root:root:root:root:root:root:root:root:root:root body:not(#_) #page-dashboard .statCard{animation:gks170-rise .55s cubic-bezier(.2,.8,.2,1) both,gks170-glow 5s ease-in-out 1s infinite!important;transition:transform .14s ease!important}
html:root:root:root:root:root:root:root:root:root:root body:not(#_) #page-dashboard .statCard:nth-child(2){animation-delay:.08s,1.4s!important}
html:root:root:root:root:root:root:root:root:root:root body:not(#_) #page-dashboard .statCard:nth-child(3){animation-delay:.16s,1.8s!important}
html:root:root:root:root:root:root:root:root:root:root body:not(#_) #page-dashboard .statCard:nth-child(4){animation-delay:.24s,2.2s!important}
html:root:root:root:root:root:root:root:root:root:root body:not(#_) #page-dashboard .statCard:active{transform:scale(.975)!important}
html:root:root:root:root:root:root:root:root:root:root body:not(#_) #page-dashboard .statCard .statIcon{animation:gks170-float 3.4s ease-in-out infinite!important}
html:root:root:root:root:root:root:root:root:root:root body:not(#_) #page-dashboard .statCard:nth-child(2) .statIcon{animation-delay:.5s!important}
html:root:root:root:root:root:root:root:root:root:root body:not(#_) #page-dashboard .statCard:nth-child(3) .statIcon{animation-delay:1s!important}
html:root:root:root:root:root:root:root:root:root:root body:not(#_) #page-dashboard .statCard:nth-child(4) .statIcon{animation-delay:1.5s!important}
html:root:root:root:root:root:root:root:root:root:root body:not(#_) #page-dashboard .statCard::after{content:""!important;display:block!important;position:absolute;top:0;bottom:0;left:0;width:40%;pointer-events:none;z-index:2;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.10),transparent);animation:gks170-sheen 6.5s ease-in-out infinite!important}
html:root:root:root:root:root:root:root:root:root:root body:not(#_) #page-dashboard .statCard:nth-child(2)::after{animation-delay:1.2s!important}
html:root:root:root:root:root:root:root:root:root:root body:not(#_) #page-dashboard .statCard:nth-child(3)::after{animation-delay:2.4s!important}
html:root:root:root:root:root:root:root:root:root:root body:not(#_) #page-dashboard .statCard:nth-child(4)::after{animation-delay:3.6s!important}
@media (prefers-reduced-motion:reduce){html:root:root:root:root:root:root:root:root:root:root body:not(#_) #page-dashboard .statCard,html:root:root:root:root:root:root:root:root:root:root body:not(#_) #page-dashboard .statCard .statIcon,html:root:root:root:root:root:root:root:root:root:root body:not(#_) #page-dashboard .statCard::after{animation:none!important}}

/* ---- telegram button: smaller, see-through, hides while scrolling ---- */
html body #gks-tg-dash{width:40px!important;height:40px!important;right:10px!important;bottom:calc(16px + env(safe-area-inset-bottom,0px))!important;opacity:.82;transition:opacity .25s ease,transform .25s ease!important}
html body #gks-tg-dash svg,html body #gks-tg-dash img{width:20px!important;height:20px!important}
html body.gks-scrolling #gks-tg-dash{opacity:0!important;transform:scale(.7)!important;pointer-events:none}