/* v157 - clean store card, round logo, menu logo, faster scroll. Remove the <link> to undo. */

/* ---------- STORE CARD: no corner lines / ears, everything clipped inside ---------- */
html:root:root:root body:not(#_) #main-app #page-home #pc-list .pc-card,
html:root:root:root body:not(#_) #main-app #page-home #pc-list .pc-card:nth-child(even){
  background:linear-gradient(170deg,#351c51 0%,#27133e 50%,#1a0c2a 100%)!important;
  border:1px solid rgba(171,113,237,.42)!important;border-radius:24px!important;
  box-shadow:0 8px 18px rgba(0,0,0,.38)!important;
  overflow:hidden!important;box-sizing:border-box!important;padding-bottom:16px!important;
  animation:none!important;transform:none!important}
html:root:root body:not(#_) .pc-card::before,
html:root:root body:not(#_) .pc-card::after{display:none!important;content:none!important}

/* Buy Reseller Key: one flat gold button, nothing sticking out */
html:root:root:root body:not(#_) .pc-card .pc-buy:not(.maint){
  display:flex!important;align-items:center!important;gap:12px!important;
  width:100%!important;max-width:100%!important;margin:12px 0 0!important;box-sizing:border-box!important;
  padding:0 12px!important;min-height:58px!important;border-radius:16px!important;overflow:hidden!important;
  background:linear-gradient(180deg,#c18dfc 0%,#903fed 100%)!important;border:0!important;
  box-shadow:0 4px 12px rgba(0,0,0,.35)!important;animation:none!important;transform:none!important}
html:root:root body:not(#_) .pc-card .pc-buy::before,
html:root:root body:not(#_) .pc-card .pc-buy::after{display:none!important;content:none!important}
html:root:root body:not(#_) .pc-card .pc-buy .buy-key-icon,
html:root:root body:not(#_) .pc-card .pc-buy .buy-arrow{animation:none!important}
html:root:root body:not(#_) .pc-card .pc-buy .pc-buytx{text-align:center!important;align-items:center!important}

/* Price list: rows fully inside the card, clipped corners, accent bar inside (no ears) */
html:root:root:root body:not(#_) .pc-card .pc-plans{
  margin:12px 0 0!important;padding:0!important;overflow:hidden!important;box-sizing:border-box!important;width:100%!important}
html:root:root:root body:not(#_) .pc-card .pc-plans .pc-row{
  position:relative!important;overflow:hidden!important;box-sizing:border-box!important;
  width:100%!important;max-width:100%!important;margin:0 0 10px!important;border-radius:18px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:inset 3px 0 0 var(--ac,#af6cfb)!important;animation:none!important;transform:none!important}
html:root:root:root body:not(#_) .pc-card .pc-plans .pc-row:last-child{margin-bottom:0!important}
html:root:root:root body:not(#_) .pc-card .pc-plans .pc-row::before,
html:root:root:root body:not(#_) .pc-card .pc-plans .pc-row::after,
html:root:root body:not(#_) .pc-card .pc-go::before,
html:root:root body:not(#_) .pc-card .pc-go::after{display:none!important;content:none!important;animation:none!important}
html:root:root body:not(#_) .pc-card .pc-go{overflow:hidden!important}

/* ---------- MENU: shop logo instead of letter ---------- */
html:root:root body:not(#_) #gks-side-drawer .gks-drawer-avatar-wrap{
  border-radius:50%!important;overflow:hidden!important;padding:2px!important;
  background:linear-gradient(145deg,#bb8df0,#753db5)!important}
html:root:root body:not(#_) #gks-side-drawer .gks-drawer-avatar{
  border-radius:50%!important;object-fit:cover!important;background:#170e22!important;border:0!important}

/* ---------- FAST & SMOOTH ---------- */
html{scroll-behavior:auto!important;overscroll-behavior-y:none}
html body *{-webkit-tap-highlight-color:transparent}
html body .page-content,html body #pc-list{contain:layout style}
html:root:root body:not(#_) #pc-list .pc-card{content-visibility:auto;contain-intrinsic-size:auto 640px}
html:root:root body:not(#_) *{animation-iteration-count:1!important}
html:root:root body:not(#_) .modal-overlay,html:root:root body:not(#_) #gks-menu-backdrop{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
@media (prefers-reduced-motion:reduce){html *{animation:none!important;transition:none!important}}

/* ---------- MENU v157b: full logo (rounded square, nothing cropped) + tidy buttons ---------- */
html:root:root:root body:not(#_) #gks-side-drawer .gks-drawer-head{display:flex!important;align-items:center!important;gap:12px!important;padding:12px!important}
html:root:root:root body:not(#_) #gks-side-drawer .gks-drawer-avatar-wrap{
  width:60px!important;height:60px!important;flex:0 0 60px!important;border-radius:16px!important;
  padding:2px!important;overflow:hidden!important;box-sizing:border-box!important;
  background:linear-gradient(145deg,#bb8df0,#753db5)!important;box-shadow:0 0 14px rgba(149,95,211,.3)!important}
html:root:root:root body:not(#_) #gks-side-drawer .gks-drawer-avatar{
  width:100%!important;height:100%!important;border-radius:13px!important;
  object-fit:contain!important;object-position:center!important;background:#190d28!important;display:block!important}

/* buttons: same size, same alignment, no yellow ear on the active one, Logout pinned to bottom */
html:root:root:root body:not(#_) #gks-side-drawer{display:flex!important;flex-direction:column!important}
html:root:root:root body:not(#_) #gks-side-drawer .gks-drawer-item{
  position:relative!important;display:flex!important;align-items:center!important;box-sizing:border-box!important;
  flex:0 0 auto!important;width:auto!important;min-height:52px!important;margin:4px 10px!important;padding:6px 36px 6px 10px!important;
  border-radius:15px!important;overflow:hidden!important;gap:12px!important;
  background:rgba(255,255,255,.04)!important;border:1px solid rgba(149,95,211,.22)!important;box-shadow:none!important}
html:root:root:root body:not(#_) #gks-side-drawer .gks-drawer-item::before{display:none!important;content:none!important}
html:root:root:root body:not(#_) #gks-side-drawer .gks-drawer-item::after{
  content:"›"!important;display:block!important;position:absolute!important;right:12px!important;top:50%!important;
  transform:translateY(-52%)!important;margin:0!important;padding:0!important;font:400 24px/1 Inter,sans-serif!important;color:rgba(149,95,211,.85)!important}
html:root:root:root body:not(#_) #gks-side-drawer .gks-drawer-item.active{
  background:rgba(149,95,211,.14)!important;border-color:rgba(149,95,211,.55)!important}
html:root:root:root body:not(#_) #gks-side-drawer .gks-drawer-item>:first-child{
  width:38px!important;height:38px!important;flex:0 0 38px!important;min-width:38px!important;border-radius:12px!important;display:grid!important;place-items:center!important}
html:root:root:root body:not(#_) #gks-side-drawer .gks-drawer-item>*:not(:first-child){min-width:0!important;line-height:1.2!important}
html:root:root:root body:not(#_) #gks-side-drawer .gks-drawer-item.logout{
  margin-top:auto!important;margin-bottom:16px!important;
  background:rgba(248,113,113,.10)!important;border-color:rgba(248,113,113,.45)!important}
html:root:root:root body:not(#_) #gks-side-drawer .gks-drawer-divider{flex:0 0 auto!important;margin:8px 16px!important}

/* ---------- v158c MENU: header never squeezed, round logo inside box, ONE arrow ---------- */
html:root:root:root body:not(#_) #gks-side-drawer>*{flex-shrink:0!important}
html:root:root:root body:not(#_) #gks-side-drawer .gks-drawer-head{min-height:84px!important;overflow:hidden!important;box-sizing:border-box!important}
html:root:root:root body:not(#_) #gks-side-drawer .gks-drawer-avatar-wrap{
  width:56px!important;height:56px!important;flex:0 0 56px!important;min-width:56px!important;
  border-radius:50%!important;padding:2px!important;overflow:hidden!important;box-sizing:border-box!important;
  background:linear-gradient(145deg,#bb8df0,#753db5)!important}
html:root:root:root body:not(#_) #gks-side-drawer .gks-drawer-avatar{
  width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;
  border-radius:50%!important;object-fit:cover!important;display:block!important}
html:root:root:root body:not(#_) #gks-side-drawer .gks-drawer-user{flex:1 1 auto!important;min-width:0!important}
/* one clean arrow: kill the old border-arrow, draw a single ›  */
html:root:root:root body:not(#_) #gks-side-drawer .gks-drawer-item::after{
  content:"›"!important;border:0!important;width:auto!important;height:auto!important;background:none!important;
  rotate:none!important;transform:translateY(-52%)!important;right:12px!important;top:50%!important;position:absolute!important;
  font:400 24px/1 Inter,sans-serif!important;color:rgba(149,95,211,.9)!important}
html:root:root:root body:not(#_) #gks-side-drawer .gks-drawer-item.logout::after{color:rgba(255,154,154,.9)!important}
html:root:root:root body:not(#_) #gks-side-drawer .gks-drawer-item{padding-right:30px!important}
html:root:root:root body:not(#_) #gks-side-drawer .gks-drawer-item b{font-size:13.5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html:root:root:root body:not(#_) #gks-side-drawer .gks-drawer-item small{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

/* ---------- v160 MENU: compact again (smaller box, buttons, icons) ---------- */
html:root:root:root body:not(#_) #gks-side-drawer{width:min(64vw,268px)!important;max-width:268px!important}
html:root:root:root body:not(#_) #gks-side-drawer .gks-drawer-head{min-height:0!important;margin:8px 8px 4px!important;padding:8px 10px!important;gap:10px!important;border-radius:16px!important}
html:root:root:root body:not(#_) #gks-side-drawer .gks-drawer-avatar-wrap{width:44px!important;height:44px!important;flex:0 0 44px!important;min-width:44px!important}
html:root:root:root body:not(#_) #gks-side-drawer .gks-drawer-user strong{font-size:14px!important;line-height:1.1!important}
html:root:root:root body:not(#_) #gks-side-drawer .gks-drawer-user span{margin-top:3px!important;padding:2px 7px!important;font-size:8px!important}
html:root:root:root body:not(#_) #gks-side-drawer .gks-drawer-user small{margin-top:3px!important;font-size:10px!important}
html:root:root:root body:not(#_) #gks-side-drawer .gks-drawer-close{width:32px!important;height:32px!important;flex:0 0 32px!important;font-size:20px!important}
html:root:root:root body:not(#_) #gks-side-drawer .gks-drawer-section{margin:6px 14px 0!important;padding:4px 0!important;font-size:9px!important}
html:root:root:root body:not(#_) #gks-side-drawer .gks-drawer-item{
  min-height:42px!important;margin:3px 8px!important;padding:4px 26px 4px 8px!important;gap:9px!important;border-radius:13px!important}
html:root:root:root body:not(#_) #gks-side-drawer .gks-drawer-item>:first-child{
  width:30px!important;height:30px!important;flex:0 0 30px!important;min-width:30px!important;border-radius:10px!important}
html:root:root:root body:not(#_) #gks-side-drawer .gks-drawer-item>:first-child svg{width:15px!important;height:15px!important}
html:root:root:root body:not(#_) #gks-side-drawer .gks-drawer-item b{font-size:12.5px!important;line-height:1.15!important}
html:root:root:root body:not(#_) #gks-side-drawer .gks-drawer-item small{font-size:9.5px!important;line-height:1.15!important}
html:root:root:root body:not(#_) #gks-side-drawer .gks-drawer-item::after{right:9px!important;font-size:20px!important}
html:root:root:root body:not(#_) #gks-side-drawer .gks-drawer-divider{margin:5px 14px!important}
html:root:root:root body:not(#_) #gks-side-drawer .gks-drawer-item.logout{margin-top:auto!important;margin-bottom:12px!important}

/* ---------- v161 MENU: medium size (between big and small) ---------- */
html:root:root:root body:not(#_) #gks-side-drawer{width:min(66vw,282px)!important;max-width:282px!important}
html:root:root:root body:not(#_) #gks-side-drawer .gks-drawer-head{margin:10px 10px 6px!important;padding:10px 12px!important;gap:11px!important}
html:root:root:root body:not(#_) #gks-side-drawer .gks-drawer-avatar-wrap{width:52px!important;height:52px!important;flex:0 0 52px!important;min-width:52px!important}
html:root:root:root body:not(#_) #gks-side-drawer .gks-drawer-user strong{font-size:15px!important}
html:root:root:root body:not(#_) #gks-side-drawer .gks-drawer-user span{font-size:9px!important}
html:root:root:root body:not(#_) #gks-side-drawer .gks-drawer-user small{font-size:11px!important}
html:root:root:root body:not(#_) #gks-side-drawer .gks-drawer-close{width:36px!important;height:36px!important;flex:0 0 36px!important}
html:root:root:root body:not(#_) #gks-side-drawer .gks-drawer-section{margin:8px 16px 0!important;font-size:10px!important}
html:root:root:root body:not(#_) #gks-side-drawer .gks-drawer-item{min-height:49px!important;margin:4px 10px!important;padding:5px 30px 5px 9px!important;gap:11px!important;border-radius:14px!important}
html:root:root:root body:not(#_) #gks-side-drawer .gks-drawer-item>:first-child{width:35px!important;height:35px!important;flex:0 0 35px!important;min-width:35px!important}
html:root:root:root body:not(#_) #gks-side-drawer .gks-drawer-item>:first-child svg{width:17px!important;height:17px!important}
html:root:root:root body:not(#_) #gks-side-drawer .gks-drawer-item b{font-size:13.5px!important}
html:root:root:root body:not(#_) #gks-side-drawer .gks-drawer-item small{font-size:10.5px!important}
html:root:root:root body:not(#_) #gks-side-drawer .gks-drawer-item::after{right:11px!important;font-size:22px!important}
html:root:root:root body:not(#_) #gks-side-drawer .gks-drawer-item.logout{margin-top:auto!important;margin-bottom:14px!important}