:root{
  --bg:#0d1118;--surface:#121822;--surface2:#171e29;--surface3:#1c2431;--line:#242e3d;--line2:#303c4e;
  --text:#f4f7fb;--muted:#8793a6;--muted2:#606c7e;--blue:#2687ff;--blue2:#55a5ff;--green:#35d07f;--orange:#ff984c;
  --pink:#f05278;--shadow:0 22px 60px rgba(0,0,0,.26);--cardShadow:0 12px 30px rgba(0,0,0,.22);--tooltipBg:rgba(8,12,18,.96);--tooltipText:#f8fbff;--tooltipBorder:rgba(255,255,255,.12);--badgeBg1:rgba(20,27,38,.88);--badgeBg2:rgba(11,16,24,.92);--badgeText:#f4f8ff;--badgeBorder:rgba(255,255,255,.14);--badgeGlow:rgba(0,0,0,.28);--boltBg:rgba(13,18,27,.92);--boltBorder:rgba(255,214,54,.30);
}
html[data-theme="light"]{--bg:#f3f6fa;--surface:#ffffff;--surface2:#f8fafc;--surface3:#eef3f8;--line:#dfe6ef;--line2:#cbd6e3;--text:#101828;--muted:#667085;--muted2:#98a2b3;--shadow:0 20px 55px rgba(30,50,80,.10);--cardShadow:0 10px 28px rgba(35,55,85,.09);--tooltipBg:rgba(255,255,255,.97);--tooltipText:#172033;--tooltipBorder:rgba(31,50,78,.13);--badgeBg1:rgba(255,255,255,.92);--badgeBg2:rgba(241,246,252,.94);--badgeText:#233044;--badgeBorder:rgba(38,61,91,.16);--badgeGlow:rgba(46,69,100,.12);--boltBg:rgba(255,255,255,.94);--boltBorder:rgba(200,153,0,.30)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:14px}.container{width:min(1120px,calc(100% - 40px));margin:auto}button,input,select{font:inherit}.siteHeader{height:66px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(16px);position:sticky;top:0;z-index:30}.top{height:66px;display:grid;grid-template-columns:220px minmax(280px,520px) 1fr;gap:24px;align-items:center}.brand{display:flex;align-items:center;gap:9px;color:var(--text);text-decoration:none;font-size:22px;font-weight:800;letter-spacing:-.7px;cursor:pointer}.brand b{font-weight:500;color:var(--blue2)}.brandMark{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,#2f8fff,#7448ff);box-shadow:0 7px 20px rgba(47,143,255,.28);font-size:15px}.search{height:40px;display:flex;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:10px;transition:.2s}.search:focus-within{border-color:#367bcc;box-shadow:0 0 0 3px rgba(38,135,255,.1)}.searchIcon{font-size:21px;color:var(--muted);padding-left:13px}.search input{flex:1;border:0;outline:0;background:transparent;color:var(--text);padding:0 12px}.search kbd{margin-right:8px;border:1px solid var(--line2);border-bottom-width:2px;border-radius:6px;color:var(--muted2);padding:3px 7px;font-size:10px}.headActions{display:flex;justify-content:flex-end;gap:8px}.headActions button{height:36px;min-width:42px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--muted);cursor:pointer}.headActions button:hover{color:var(--text);border-color:var(--line2)}.settingsBtn{font-size:17px}.homePage{padding-bottom:60px}.heroStrip{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:12px;margin:24px 0 28px}.heroCard{height:122px;border:1px solid var(--line);border-radius:17px;padding:22px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;position:relative;box-shadow:var(--cardShadow)}.heroCard:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-40px;top:-85px;filter:blur(4px);opacity:.5}.heroOne{background:linear-gradient(135deg,#17264b,#17202d)}.heroOne:before{background:#2f75ff}.heroTwo{background:linear-gradient(135deg,#17392f,#14211f)}.heroTwo:before{background:#26d49c}.heroThree{background:linear-gradient(135deg,#44243b,#201925)}.heroThree:before{background:#ec5796}.heroCard span{font-size:9px;letter-spacing:1.8px;color:#c8d7f0;margin-bottom:5px}.heroCard b{font-size:18px;letter-spacing:-.25px}.heroCard small{color:#a8b2c2;margin-top:5px}.tabs{display:flex;gap:8px;flex-wrap:wrap}.primaryTabs{margin:0 0 14px}.primaryTabs button{height:43px;border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:23px;padding:0 16px;cursor:pointer;font-weight:700;display:flex;align-items:center;gap:8px;transition:.18s}.primaryTabs button:hover{border-color:var(--line2);transform:translateY(-1px)}.primaryTabs button.active{background:linear-gradient(180deg,#1f2430,#171c25);border-color:#78405a;color:#ff6685;box-shadow:inset 0 0 0 1px rgba(240,82,120,.16),0 8px 22px rgba(0,0,0,.14)}html[data-theme="light"] .primaryTabs button.active{background:#fff1f5}.subTabs{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin:15px 0 26px;padding-left:4px}.subTabs button{border:0;background:transparent;color:var(--muted);cursor:pointer;padding:5px 0;font-weight:650;position:relative}.subTabs button:hover,.subTabs button.active{color:var(--text)}.subTabs button.active:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;border-radius:2px;background:var(--blue)}.inlineHead{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}.inlineHead h1{margin:0 0 3px;font-size:21px;letter-spacing:-.35px}.inlineHead span{font-size:11px;color:var(--muted)}.miniSearch{height:38px;width:255px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:0 11px}.miniSearch span{font-size:19px}.miniSearch input{width:100%;border:0;outline:0;background:transparent;color:var(--text)}.catalogLoading{height:260px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted)}.spinner{width:16px;height:16px;border:2px solid var(--line);border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.gameGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px 17px}.gameCard{cursor:pointer;outline:none;min-width:0}.gameCard:focus .gameArt,.gameCard:hover .gameArt{transform:translateY(-4px);border-color:#3a4658;box-shadow:0 18px 45px rgba(0,0,0,.33)}.gameArt{aspect-ratio:1;border-radius:16px;background:var(--surface2);overflow:hidden;position:relative;border:1px solid var(--line);transition:.22s;box-shadow:var(--cardShadow)}.gameArt img{width:100%;height:100%;object-fit:cover;display:block}.gameArt:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(5,8,12,.7));pointer-events:none}.fallback{width:100%;height:100%;place-items:center;background:radial-gradient(circle at 30% 20%,#314e78,#151c27 62%);font-size:34px;font-weight:900;color:#9bb9e3}.bolt{position:absolute;left:8px;top:8px;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#171b22e8;color:#ffd32d;font-size:12px;z-index:2;border:1px solid #343a43}.artBadge{position:absolute;left:9px;bottom:9px;z-index:3;max-width:calc(100% - 18px);padding:4px 8px;border:1px solid rgba(255,255,255,.12);background:rgba(16,20,28,.78);backdrop-filter:blur(10px);border-radius:12px;font-size:10px;color:#edf3fb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shine{position:absolute;inset:-50% auto auto -75%;width:55%;height:200%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.13),transparent);transition:.55s}.gameCard:hover .shine{left:135%}.gameName{text-align:center;color:#76aaff;margin-top:9px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta{display:flex;justify-content:center;gap:5px;color:var(--muted2);font-size:10px;margin-top:4px}.countryGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.countryCard{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);padding:14px;border-radius:13px;cursor:pointer;transition:.16s}.countryCard:hover{border-color:#3d6699;transform:translateY(-1px)}.countryIcon{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;background:#152640;color:#6cafff}.countryCard>div:nth-child(2){flex:1}.countryCard small{display:block;color:var(--muted);margin-top:3px}.countryCard strong{font-size:12px;color:#9dc7ff}.arrow{font-size:22px;color:var(--muted2)}.emptyState{padding:60px;text-align:center;color:var(--muted)}
.crumb{display:flex;align-items:center;gap:10px;color:var(--muted2);font-size:12px;margin:22px 0}.crumb button{border:0;background:transparent;color:var(--muted);padding:0;cursor:pointer}.crumb button:hover{color:var(--blue2)}.productPage{max-width:900px;padding-bottom:70px}.premiumIntro{display:grid;grid-template-columns:150px 1fr;gap:26px;align-items:center;margin:8px 0 25px}.productLogo{width:150px;height:150px;border-radius:18px;overflow:hidden;background:var(--surface2);border:1px solid var(--line);box-shadow:var(--shadow)}.productLogo img{width:100%;height:100%;object-fit:cover}.introCopy .eyebrow,.setup .eyebrow{font-size:9px;font-weight:800;letter-spacing:1.9px;color:#729bd1}.introCopy h1{margin:4px 0 9px;font-size:28px;letter-spacing:-.65px}.official{display:inline-flex;align-items:center;border-radius:14px;padding:5px 9px;background:linear-gradient(90deg,#796df4,#e77fa2);font-size:11px;font-weight:700;color:white}.introCopy p{max-width:660px;color:#a8b3c2;line-height:1.55;margin:10px 0 12px}.trustRow{display:flex;gap:8px;flex-wrap:wrap}.trustRow span{font-size:10px;color:var(--muted);background:var(--surface);border:1px solid var(--line);padding:5px 8px;border-radius:10px}.purchase{background:linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--surface) 92%,#000));border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:var(--shadow)}.flowHead{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding-bottom:17px;border-bottom:1px solid var(--line)}.flowHead small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:1.2px}.flowHead h2{margin:4px 0 0;font-size:19px}.sortBadge{font-size:10px;color:#8ebaf2;background:#12253b;border:1px solid #21456d;padding:6px 9px;border-radius:10px}.stepLabel{display:flex;align-items:center;gap:9px;margin:18px 0 10px}.stepLabel>span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#192940;color:#75b1ff;font-size:11px;font-weight:800}.stepLabel b{font-size:13px}.stepLabel small{margin-left:auto;color:var(--muted2)}.productStep{margin-top:20px}.regionTabs{display:flex;gap:8px;flex-wrap:wrap}.regionTabs button{display:flex;flex-direction:column;gap:2px;align-items:flex-start;min-width:112px;border:1px solid var(--line);background:var(--surface2);color:var(--text);border-radius:12px;padding:9px 12px;cursor:pointer;transition:.16s}.regionTabs button small{font-size:9px;color:var(--muted)}.regionTabs button:hover{border-color:#385b84}.regionTabs button.active{background:#14243c;border-color:#2b7de4;box-shadow:inset 0 0 0 1px rgba(43,125,228,.3)}.regionTabs button.active span{color:#70afff}.variantGrid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.variant{min-height:73px;background:var(--surface2);border:1px solid var(--line);border-radius:12px;padding:12px 13px;display:flex;align-items:center;gap:11px}.variant.selectable{position:relative;cursor:pointer;transition:.16s}.variant.selectable:hover{border-color:#3a597f;background:color-mix(in srgb,var(--surface2) 90%,#18345c)}.variant.selectable.selected{background:#14213a;border-color:#247eff;box-shadow:inset 0 0 0 1px #247eff,0 8px 24px rgba(22,100,210,.12)}.variant .check{width:22px;height:22px;flex:0 0 22px;border:1px solid #445167;border-radius:50%;display:grid;place-items:center;color:white;font-size:11px}.variant.selected .check{background:#2083ff;border-color:#2083ff}.variantText{flex:1;min-width:0}.variantText b{display:block;font-size:13px}.variantText small{display:block;color:var(--muted);margin-top:3px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.variantPrice{text-align:right;flex:0 0 auto}.variantPrice strong{display:block;font-size:14px}.variantPrice small{display:block;color:#58c58a;font-size:9px;margin-top:4px}.showAllWrap{text-align:center}.showAllBtn{margin:12px auto 0;border:1px solid var(--line);background:var(--surface2);color:#d8e1ee;border-radius:12px;padding:9px 18px;cursor:pointer;min-width:180px}.showAllBtn:hover{border-color:#3a618e;color:white}.checkoutInline{margin-top:4px}.checkoutPlaceholder{margin-top:18px;border-top:1px solid var(--line);padding:24px 5px 6px;text-align:center;color:var(--muted);display:grid;gap:4px}.checkoutPlaceholder b{color:#bac4d1}.checkoutPlaceholder small{font-size:11px}.downArrow{font-size:20px;color:#4f88ca}.checkoutDivider{height:1px;background:var(--line);margin:22px 0 0}.selectedSummary{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:13px 14px;background:var(--surface2);border:1px solid var(--line);border-radius:12px;margin-bottom:14px}.selectedSummary span,.selectedSummary small{display:block;color:var(--muted);font-size:10px}.selectedSummary b{display:block;margin:3px 0;font-size:14px}.selectedSummary strong{font-size:21px;color:#f4f8ff}.fields{display:grid}.inlineFields{grid-template-columns:repeat(2,1fr);gap:12px}.checkoutField{display:grid;gap:7px;color:#b8c2d0}.checkoutField>span{display:flex;justify-content:space-between;align-items:center}.checkoutField>span b{font-size:12px}.checkoutField a{color:#87b9f8;text-decoration:none;font-size:10px}.checkoutField input,.checkoutField select{height:48px;border:1px solid var(--line);border-radius:10px;background:#0f141c;color:var(--text);padding:0 12px;outline:0}.checkoutField input:focus,.checkoutField select:focus{border-color:#2584ff;box-shadow:0 0 0 3px rgba(37,132,255,.12)}html[data-theme="light"] .checkoutField input,html[data-theme="light"] .checkoutField select{background:#fff}.checkoutField>small{color:var(--muted2);font-size:9px}.noFields{padding:13px;background:#122219;color:#6bd597;border:1px solid #21412e;border-radius:10px}.agreement{margin:16px 0 14px;padding:13px;display:flex;gap:10px;align-items:flex-start;background:var(--surface2);border:1px solid var(--line);border-radius:11px;color:var(--muted);font-size:11px;line-height:1.4}.agreement input{margin-top:2px;accent-color:var(--blue)}.checkoutPerks{display:flex;gap:8px;flex-wrap:wrap;margin:13px 0}.checkoutPerks span{font-size:9px;background:#0f151d;border:1px solid var(--line);color:#9ca8b8;border-radius:12px;padding:5px 8px}html[data-theme="light"] .checkoutPerks span{background:#f7f9fc}.buyNow{width:100%;height:54px;border:0;border-radius:13px;background:linear-gradient(180deg,#2589ff,#1478ee);color:white;font-size:16px;font-weight:800;cursor:pointer;box-shadow:0 12px 28px rgba(20,120,238,.22);display:flex;align-items:center;justify-content:center;gap:10px}.buyNow:hover{filter:brightness(1.06)}.buyNow:disabled{opacity:.55;cursor:wait}.buyNow span{font-size:19px}.orderSuccess,.orderError{margin-top:12px;padding:12px;border-radius:10px}.orderSuccess{background:#13271c;color:#71d79a}.orderError{background:#2b171c;color:#ff91a1}.esimGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.esimSku{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px;display:flex;gap:12px;align-items:center}.esimSku>div{flex:1}.esimSku small{display:block;color:var(--muted);margin-top:3px}.esimSku button,#keyForm button,.refreshBox button{border:0;background:#2083ff;color:white;border-radius:9px;padding:9px 12px;cursor:pointer}.sectionTitle{display:flex;justify-content:space-between;align-items:end;margin-bottom:16px}.sectionTitle small{color:var(--muted);text-transform:uppercase;letter-spacing:1.2px}.sectionTitle h1{margin:4px 0}.sectionTitle p{color:var(--muted)}.searchResultsHead{display:flex;justify-content:space-between;align-items:end;margin:25px 0}.searchResultsHead small{color:var(--muted)}.searchResultsHead h1{margin:3px 0}.searchResultsHead button{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:9px;padding:8px 11px;cursor:pointer}.setup{max-width:720px;padding-top:38px}.setupCard{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:var(--shadow)}.setupCard h1{margin:5px 0 20px}.status{padding:12px 13px;background:var(--surface2);border-radius:10px}.status.ok{color:#65d090}#keyForm{display:flex;gap:8px;margin-top:18px}#keyForm input{flex:1;border:1px solid var(--line);border-radius:9px;background:var(--surface2);color:var(--text);padding:11px}.refreshBox{display:flex;align-items:center;gap:12px;margin-top:12px}.refreshBox small{color:var(--muted)}#msg{margin-top:12px;color:var(--muted)}.toast{position:fixed;right:24px;bottom:24px;background:#1f9a5a;color:white;padding:12px 17px;border-radius:10px;z-index:80;box-shadow:var(--shadow)}.toast.err{background:#bd4352}.errorPage{padding-top:60px}.errorPage button{background:#2385ff;border:0;color:white;border-radius:9px;padding:10px 15px}
@media(max-width:980px){.top{grid-template-columns:180px 1fr auto}.gameGrid{grid-template-columns:repeat(4,1fr)}.heroStrip{grid-template-columns:1fr 1fr}.heroCard:first-child{grid-column:1/-1}.countryGrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.container{width:min(100% - 24px,1120px)}.siteHeader,.top{height:60px}.top{grid-template-columns:auto 1fr auto;gap:10px}.brand>span:last-child{display:none}.search kbd,.headActions #lang,.headActions #currency{display:none}.heroStrip{display:flex;overflow:auto}.heroCard{min-width:270px}.gameGrid{grid-template-columns:repeat(3,1fr);gap:18px 11px}.premiumIntro{grid-template-columns:105px 1fr;gap:17px}.productLogo{width:105px;height:105px}.introCopy h1{font-size:22px}.variantGrid,.inlineFields,.esimGrid{grid-template-columns:1fr}.countryGrid{grid-template-columns:1fr}.inlineHead{align-items:flex-start;gap:12px}.miniSearch{width:210px}.purchase{padding:16px}.productPage{width:min(100% - 18px,900px)}}
@media(max-width:520px){.gameGrid{grid-template-columns:repeat(2,1fr)}.heroCard{min-width:235px}.inlineHead{display:block}.miniSearch{width:100%;margin-top:12px}.primaryTabs{overflow:auto;flex-wrap:nowrap;padding-bottom:4px}.primaryTabs button{white-space:nowrap}.subTabs{gap:16px;overflow:auto;flex-wrap:nowrap}.subTabs button{white-space:nowrap}.premiumIntro{grid-template-columns:82px 1fr}.productLogo{width:82px;height:82px;border-radius:14px}.introCopy p,.trustRow{display:none}.flowHead{display:block}.sortBadge{display:inline-block;margin-top:9px}.regionTabs{display:grid;grid-template-columns:1fr 1fr}.regionTabs button{min-width:0}.selectedSummary{align-items:flex-start}.countryCard strong{display:none}.search{min-width:0}.headActions{gap:4px}.headActions button{min-width:36px}}

/* v6 premium visual system */
:root{
  --bg:#0a0e15;--surface:#111722;--surface2:#151d29;--surface3:#1a2331;--line:#202b3a;--line2:#314055;
  --text:#f7f9fc;--muted:#8e9aae;--muted2:#66758a;--blue:#2587ff;--blue2:#74b4ff;--green:#4bd48b;--orange:#ff9e45;
  --pink:#f15b7a;--accentGlow:rgba(37,135,255,.18);--shadow:0 24px 70px rgba(0,0,0,.34);--cardShadow:0 16px 42px rgba(0,0,0,.24);
}
html[data-theme="light"]{
  --bg:#f5f7fb;--surface:#ffffff;--surface2:#f8fafd;--surface3:#eef3f8;--line:#e3e9f1;--line2:#ced8e5;
  --text:#172033;--muted:#66748a;--muted2:#91a0b4;--blue:#1677ff;--blue2:#2b82f6;--green:#1da86b;--orange:#e98020;
  --pink:#df4e72;--accentGlow:rgba(22,119,255,.12);--shadow:0 24px 70px rgba(39,59,89,.11);--cardShadow:0 14px 34px rgba(38,57,87,.10);
}
body{background:
  radial-gradient(circle at 50% -15%,rgba(45,102,190,.10),transparent 34%),
  var(--bg);letter-spacing:-.01em}
html[data-theme="light"] body{background:
  radial-gradient(circle at 50% -12%,rgba(62,133,255,.11),transparent 32%),
  linear-gradient(180deg,#f8faff 0,#f5f7fb 38%,#f3f6fa 100%)}
.siteHeader{background:rgba(10,14,21,.82);border-color:rgba(255,255,255,.055);box-shadow:0 8px 32px rgba(0,0,0,.08)}
html[data-theme="light"] .siteHeader{background:rgba(255,255,255,.82);border-color:#e7ecf3;box-shadow:0 8px 30px rgba(44,63,95,.06)}
.brandMark{position:relative;overflow:hidden;background:linear-gradient(145deg,#1396ff,#6b5cff 62%,#925cff);box-shadow:0 8px 24px rgba(50,110,255,.32)}
.brandGem{width:15px;height:15px;display:block;transform:rotate(45deg);border-radius:4px;background:linear-gradient(145deg,#d9f4ff 0,#82d9ff 38%,#7282ff 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.55),0 0 12px rgba(139,214,255,.45)}
.headerSvg{width:18px;height:18px;display:block}.searchIcon{display:flex;align-items:center;padding-left:13px}.search{box-shadow:inset 0 1px rgba(255,255,255,.02)}
html[data-theme="light"] .search{box-shadow:0 5px 18px rgba(48,70,100,.04),inset 0 1px #fff}
.headActions button{display:inline-flex;align-items:center;justify-content:center;font-weight:700;transition:.18s}.headActions button:hover{transform:translateY(-1px);background:var(--surface2)}

.primaryTabs{gap:10px;margin-bottom:18px}.primaryTabs button{position:relative;height:48px;padding:0 17px 0 10px;gap:9px;border-radius:15px;font-size:13px;letter-spacing:-.01em;overflow:hidden;box-shadow:inset 0 1px rgba(255,255,255,.025)}
.primaryTabs button:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 0,rgba(255,255,255,.08),transparent 42%);opacity:0;transition:.18s}.primaryTabs button:hover:before,.primaryTabs button.active:before{opacity:1}
.tabIcon{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:var(--surface3);border:1px solid var(--line);transition:.18s}.tabSvg{width:16px;height:16px;display:block}
.primaryTabs button.active{background:linear-gradient(180deg,#161d29,#111823);border-color:#3a4960;color:#fff;box-shadow:0 11px 30px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.05)}
.primaryTabs button[data-inline-dept="games"].active{border-color:#7b334c;color:#ff6e8d}.primaryTabs button[data-inline-dept="games"].active .tabIcon{background:#291725;border-color:#713148;color:#ff6587}
.primaryTabs button[data-inline-dept="subscriptions"].active{border-color:#28567b;color:#69b4ff}.primaryTabs button[data-inline-dept="subscriptions"].active .tabIcon{background:#112840;border-color:#28567b;color:#6bb7ff}
.primaryTabs button[data-inline-dept="esim"].active{border-color:#256a58;color:#5bd6ad}.primaryTabs button[data-inline-dept="esim"].active .tabIcon{background:#102b26;border-color:#256a58;color:#5bd6ad}
.primaryTabs button[data-inline-dept="giftcards"].active{border-color:#6c5420;color:#ffd063}.primaryTabs button[data-inline-dept="giftcards"].active .tabIcon{background:#2c2512;border-color:#6c5420;color:#ffd063}
.primaryTabs button[data-inline-dept="appstores"].active{border-color:#574184;color:#b89cff}.primaryTabs button[data-inline-dept="appstores"].active .tabIcon{background:#251c3b;border-color:#574184;color:#b89cff}
.primaryTabs button[data-inline-dept="finance"].active{border-color:#655035;color:#efbe73}.primaryTabs button[data-inline-dept="finance"].active .tabIcon{background:#2b2115;border-color:#655035;color:#efbe73}
html[data-theme="light"] .primaryTabs button{background:rgba(255,255,255,.78);box-shadow:0 6px 18px rgba(33,52,80,.045),inset 0 1px #fff}
html[data-theme="light"] .primaryTabs button.active{background:#fff;box-shadow:0 11px 28px rgba(41,65,100,.09),inset 0 1px #fff}
html[data-theme="light"] .primaryTabs button[data-inline-dept="games"].active{background:#fff7f9;color:#ce355c;border-color:#efb8c8}html[data-theme="light"] .primaryTabs button[data-inline-dept="games"].active .tabIcon{background:#ffeaf0;border-color:#f4bdcc;color:#d83e65}
html[data-theme="light"] .primaryTabs button[data-inline-dept="subscriptions"].active{background:#f4f9ff;color:#176dcc;border-color:#b8d8fa}html[data-theme="light"] .primaryTabs button[data-inline-dept="subscriptions"].active .tabIcon{background:#e9f4ff;border-color:#b8d8fa;color:#1f78d7}
html[data-theme="light"] .primaryTabs button[data-inline-dept="esim"].active{background:#f2fbf8;color:#168464;border-color:#b6e4d4}html[data-theme="light"] .primaryTabs button[data-inline-dept="esim"].active .tabIcon{background:#e3f7f0;border-color:#b6e4d4;color:#168464}
html[data-theme="light"] .primaryTabs button[data-inline-dept="giftcards"].active{background:#fffaf0;color:#a87212;border-color:#f0d69d}html[data-theme="light"] .primaryTabs button[data-inline-dept="giftcards"].active .tabIcon{background:#fff3d7;border-color:#f0d69d;color:#a87212}
html[data-theme="light"] .primaryTabs button[data-inline-dept="appstores"].active{background:#f8f5ff;color:#7350b7;border-color:#d7c9f3}html[data-theme="light"] .primaryTabs button[data-inline-dept="appstores"].active .tabIcon{background:#efe8ff;border-color:#d7c9f3;color:#7350b7}
html[data-theme="light"] .primaryTabs button[data-inline-dept="finance"].active{background:#fff9f1;color:#9b6a2f;border-color:#ecd5b8}html[data-theme="light"] .primaryTabs button[data-inline-dept="finance"].active .tabIcon{background:#fff0dc;border-color:#ecd5b8;color:#9b6a2f}

.subTabs{gap:8px;margin:10px 0 27px;padding-left:0}.subTabs button{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid transparent;border-radius:11px;color:var(--muted);font-size:12px;font-weight:700;transition:.18s}.subTabs button:after{display:none}.subTabs button:hover{background:var(--surface);border-color:var(--line);color:var(--text)}.subTabs button.active{background:var(--surface);border-color:var(--line2);color:var(--text);box-shadow:0 7px 18px rgba(0,0,0,.10)}.subIcon{width:20px;height:20px;display:grid;place-items:center;border-radius:7px;background:var(--surface3);color:var(--muted)}.subSvg{width:13px;height:13px}.subTabs button.active .subIcon{color:#7db8ff;background:#142942}.subTabs button:first-child.active .subIcon{color:#ffc64a;background:#352a10}
html[data-theme="light"] .subTabs button.active{background:#fff;border-color:#dce5ef;box-shadow:0 6px 18px rgba(41,62,94,.07)}html[data-theme="light"] .subTabs button.active .subIcon{background:#eaf4ff;color:#2077d5}html[data-theme="light"] .subTabs button:first-child.active .subIcon{background:#fff3d5;color:#af7610}

.inlineHead h1{display:flex;align-items:center;gap:10px;font-size:22px}.sectionIcon{width:32px;height:32px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(180deg,var(--surface3),var(--surface2));border:1px solid var(--line);color:var(--blue2)}.sectionIcon .tabSvg{width:17px;height:17px}.miniSearchSvg{width:16px;height:16px;display:block}

.gameGrid{gap:26px 18px}.gameCard{position:relative}.gameArt{border-radius:18px;border-color:rgba(255,255,255,.08);box-shadow:0 16px 38px rgba(0,0,0,.24);transform:translateZ(0)}.gameCard:focus .gameArt,.gameCard:hover .gameArt{transform:translateY(-5px) scale(1.006);border-color:rgba(119,178,255,.40);box-shadow:0 23px 50px rgba(0,0,0,.34),0 0 0 1px rgba(63,145,255,.08)}
html[data-theme="light"] .gameArt{border-color:#e0e7f0;box-shadow:0 14px 34px rgba(43,62,90,.12)}html[data-theme="light"] .gameCard:focus .gameArt,html[data-theme="light"] .gameCard:hover .gameArt{border-color:#b8d5f8;box-shadow:0 22px 44px rgba(42,67,104,.16),0 0 0 1px rgba(31,125,231,.05)}
.bolt{left:8px;top:8px;width:28px;height:28px;border-radius:50%;background:var(--boltBg);color:#ffd326;border:1px solid var(--boltBorder);box-shadow:0 6px 16px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(12px);transition:.18s ease}.bolt:hover{transform:translateY(-1px) scale(1.04);border-color:rgba(255,214,54,.58);box-shadow:0 8px 20px rgba(0,0,0,.28),0 0 0 3px rgba(255,211,45,.08)}.boltSvg{width:14px;height:14px;fill:rgba(255,211,38,.10);stroke-width:2.2}.tooltipHost:after{content:attr(data-tooltip);position:absolute;left:36px;top:0;transform:translateX(-4px) scale(.98);transform-origin:left center;background:var(--tooltipBg);color:var(--tooltipText);border:1px solid var(--tooltipBorder);border-radius:10px;padding:7px 10px;font-size:10px;font-weight:750;letter-spacing:.01em;line-height:1;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .14s ease,transform .14s ease,visibility .14s;box-shadow:0 10px 26px rgba(0,0,0,.24);backdrop-filter:blur(14px);z-index:10}.tooltipHost:before{display:none}.tooltipHost:hover:after,.tooltipHost:focus-visible:after{opacity:1;visibility:visible;transform:translateX(0) scale(1)}
.artBadge{left:8px;bottom:8px;min-height:25px;display:inline-flex;align-items:center;gap:6px;padding:4px 9px 4px 6px;border-radius:11px;background:linear-gradient(180deg,var(--badgeBg1),var(--badgeBg2));color:var(--badgeText);border:1px solid var(--badgeBorder);box-shadow:0 7px 18px var(--badgeGlow),inset 0 1px 0 rgba(255,255,255,.10);backdrop-filter:blur(14px) saturate(1.15);font-size:10px;font-weight:760;letter-spacing:.005em;transition:.18s ease}.gameCard:hover .artBadge{transform:translateY(-1px);border-color:color-mix(in srgb,var(--badgeBorder) 55%,#79bfff);box-shadow:0 9px 22px var(--badgeGlow),0 0 0 1px rgba(92,169,255,.08)}.badgeSvg{width:14px;height:14px;color:#77cfff;flex:0 0 auto;filter:drop-shadow(0 1px 3px rgba(68,163,255,.22))}.artBadge span{overflow:hidden;text-overflow:ellipsis}html[data-theme="light"] .badgeSvg{color:#247dcc;filter:none}html[data-theme="light"] .bolt{box-shadow:0 5px 15px rgba(37,55,80,.13),inset 0 1px 0 #fff}html[data-theme="light"] .tooltipHost:after{box-shadow:0 10px 28px rgba(38,55,82,.15)}.gameName{font-size:13px;font-weight:620;color:#79adff;margin-top:10px}.meta{align-items:center;margin-top:5px;color:var(--muted2)}.metaDot{width:3px;height:3px;border-radius:50%;background:var(--line2)}
html[data-theme="light"] .gameName{color:#286fc8}.gameCard:hover .gameName{color:#9dc8ff}html[data-theme="light"] .gameCard:hover .gameName{color:#145eaf}

.countryIcon{background:linear-gradient(145deg,#102b48,#153a60);border:1px solid #23517e;color:#75b9ff;box-shadow:inset 0 1px rgba(255,255,255,.05)}.countrySvg{width:19px;height:19px}.countryCard{box-shadow:0 9px 24px rgba(0,0,0,.08)}html[data-theme="light"] .countryIcon{background:#ecf6ff;border-color:#cbe3fa;color:#2e80d6}html[data-theme="light"] .countryCard{background:#fff;box-shadow:0 8px 22px rgba(42,62,90,.06)}

.heroCard{border-color:rgba(255,255,255,.07)}html[data-theme="light"] .heroCard{border-color:#e2e9f2}.heroOne{background:linear-gradient(135deg,#17264b,#111a27)}.heroTwo{background:linear-gradient(135deg,#15382f,#101f1b)}.heroThree{background:linear-gradient(135deg,#402238,#1d1622)}html[data-theme="light"] .heroOne{background:linear-gradient(135deg,#eaf2ff,#f8fbff)}html[data-theme="light"] .heroTwo{background:linear-gradient(135deg,#e8faf4,#f9fffd)}html[data-theme="light"] .heroThree{background:linear-gradient(135deg,#fff0f6,#fffafd)}html[data-theme="light"] .heroCard b{color:#172033}html[data-theme="light"] .heroCard span{color:#5a6f8c}html[data-theme="light"] .heroCard small{color:#718096}

.premiumIntro{padding:18px 0 4px}.productLogo{border-radius:22px}.official{gap:5px;box-shadow:0 7px 22px rgba(129,95,231,.20)}.trustRow span,.checkoutPerks span{display:inline-flex;align-items:center;gap:5px}.chipSvg{width:13px;height:13px;flex:0 0 auto}.trustRow span{padding:7px 9px;border-radius:11px;background:linear-gradient(180deg,var(--surface2),var(--surface));color:var(--muted)}.trustRow b{font-size:10px;font-weight:650;color:inherit}.purchase{border-radius:21px;box-shadow:0 26px 65px rgba(0,0,0,.20);overflow:hidden}.sortBadge{display:inline-flex;align-items:center;background:#11253c;border-color:#204b75;color:#83bdfb;font-weight:750}html[data-theme="light"] .sortBadge{background:#edf6ff;border-color:#c9e2fa;color:#2876c5}
.regionTabs button{border-radius:13px;box-shadow:inset 0 1px rgba(255,255,255,.025)}.regionTabs button.active{background:linear-gradient(180deg,#162a47,#12223a);box-shadow:inset 0 0 0 1px rgba(43,125,228,.22),0 8px 21px rgba(27,100,199,.12)}html[data-theme="light"] .regionTabs button{background:#f8fbff}html[data-theme="light"] .regionTabs button.active{background:#eef6ff;border-color:#6aa7eb;box-shadow:0 7px 18px rgba(52,115,184,.10)}
.variant{border-radius:14px}.variant.selectable:hover{transform:translateY(-1px)}.variant.selectable.selected{box-shadow:inset 0 0 0 1px #247eff,0 10px 25px rgba(22,100,210,.16)}html[data-theme="light"] .variant.selectable.selected{background:#edf5ff;border-color:#4494ef;box-shadow:0 8px 20px rgba(47,111,185,.10)}html[data-theme="light"] .variantPrice strong,html[data-theme="light"] .selectedSummary strong{color:#172033}
.showAllBtn{font-weight:720;min-width:210px;transition:.18s}.showAllBtn:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(0,0,0,.10)}html[data-theme="light"] .showAllBtn{background:#fff;color:#26354a;box-shadow:0 5px 15px rgba(50,70,100,.05)}
.checkoutField input,.checkoutField select{background:#0d131c;border-color:#273244}html[data-theme="light"] .checkoutField input,html[data-theme="light"] .checkoutField select{background:#fff;border-color:#dbe4ef;color:#172033;box-shadow:inset 0 1px #fff}.agreement{border-radius:13px}.checkoutPerks span{font-weight:650;padding:6px 9px}.buyNow{height:56px;border-radius:15px;background:linear-gradient(180deg,#268cff,#1178f0);box-shadow:0 13px 30px rgba(20,120,238,.25),inset 0 1px rgba(255,255,255,.22)}.buyNow:hover{transform:translateY(-1px);box-shadow:0 17px 34px rgba(20,120,238,.29),inset 0 1px rgba(255,255,255,.22)}

html[data-theme="light"] .purchase,html[data-theme="light"] .setupCard{background:rgba(255,255,255,.92);border-color:#e0e7f0;box-shadow:0 24px 60px rgba(41,61,90,.10)}html[data-theme="light"] .selectedSummary,html[data-theme="light"] .agreement{background:#f8fafd;border-color:#e0e7f0}html[data-theme="light"] .checkoutPerks span{background:#f7f9fc;color:#617087;border-color:#e1e8f0}html[data-theme="light"] .noFields{background:#edf9f3;color:#21875b;border-color:#c9ead9}

@media(max-width:760px){.primaryTabs button{height:44px;border-radius:14px;padding-right:13px}.tabIcon{width:27px;height:27px}.subTabs{gap:6px}.subTabs button{padding:7px 9px}.gameGrid{gap:20px 12px}.artBadge{font-size:9px}.bolt{width:26px;height:26px}}

/* v8 order contact */
.contactBlock{margin:14px 0 4px;padding:14px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface2) 94%,#1c5ea8),var(--surface2));box-shadow:inset 0 1px rgba(255,255,255,.025)}
.contactTitle{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:10px}.contactTitle b{display:block;font-size:12px;color:var(--text)}.contactTitle small{display:block;margin-top:4px;color:var(--muted2);font-size:9px;line-height:1.35}
.contactRow{display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:9px}.contactInput,.contactType{height:48px;border:1px solid #273244;border-radius:11px;background:#0d131c;color:var(--text);outline:0;transition:border-color .16s,box-shadow .16s,background .16s;padding:0 13px;font:inherit}.contactInput::placeholder{color:#5f6b7c}.contactInput:focus,.contactType:focus{border-color:#2584ff;box-shadow:0 0 0 3px rgba(37,132,255,.12)}.contactType{cursor:pointer;padding-right:34px}
html[data-theme="light"] .contactBlock{background:linear-gradient(180deg,#fbfdff,#f5f8fc);border-color:#dde6f0;box-shadow:0 8px 26px rgba(50,72,105,.045),inset 0 1px #fff}html[data-theme="light"] .contactInput,html[data-theme="light"] .contactType{background:#fff;color:#172033;border-color:#d7e1ed;box-shadow:inset 0 1px #fff}html[data-theme="light"] .contactInput::placeholder{color:#98a4b4}
@media(max-width:760px){.contactRow{grid-template-columns:1fr}.contactType{width:100%}}

/* v9 promotional rails + responsive polish */
.promoShell{margin:22px 0 18px}.popularShell{margin:0 0 26px}.catalogLoading.compact{height:120px}.railTitle{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 12px}.railTitle span{display:block;color:var(--muted2);font-size:10px;font-weight:750;letter-spacing:.11em;text-transform:uppercase}.railTitle h2{margin:4px 0 0;font-size:18px;letter-spacing:-.35px}.railControls{display:flex;gap:7px}.railControls button{width:34px;height:34px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;font-size:21px;line-height:1;box-shadow:inset 0 1px rgba(255,255,255,.025);transition:.18s}.railControls button:hover{transform:translateY(-1px);border-color:var(--line2);background:var(--surface2)}
.promoRail,.popularRail{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-inline:contain}.promoRail::-webkit-scrollbar,.popularRail::-webkit-scrollbar{display:none}.promoRail{padding:1px 1px 7px}.promoCard{position:relative;flex:0 0 300px;height:124px;border-radius:17px;overflow:hidden;border:1px solid rgba(255,255,255,.08);scroll-snap-align:start;cursor:pointer;isolation:isolate;box-shadow:0 15px 36px rgba(0,0,0,.20);transition:.2s}.promoCard:hover{transform:translateY(-3px);border-color:rgba(133,186,255,.34);box-shadow:0 21px 44px rgba(0,0,0,.29)}.promoVisual{position:absolute;inset:0}.promoImg,.promoVisual .fallback{width:100%;height:100%;object-fit:cover}.promoVisual:after{content:"";position:absolute;inset:0;background:none;pointer-events:none}.promoShade{position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 82% 18%,rgba(87,149,255,.22),transparent 38%)}.promoViolet .promoShade{background:radial-gradient(circle at 82% 18%,rgba(162,105,255,.26),transparent 40%)}.promoMint .promoShade{background:radial-gradient(circle at 82% 18%,rgba(62,220,169,.20),transparent 40%)}.promoRose .promoShade{background:radial-gradient(circle at 82% 18%,rgba(255,91,142,.22),transparent 40%)}.promoCopy{position:absolute;left:16px;right:56px;bottom:15px;z-index:2;display:flex;flex-direction:column}.promoCopy span{font-size:8px;letter-spacing:.12em;font-weight:850;color:#9ac6ff}.promoCopy b{font-size:16px;margin-top:3px;color:white;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.promoCopy small{margin-top:5px;color:#d2d9e4;font-size:10px}.promoArrow{position:absolute;right:13px;bottom:13px;z-index:3;width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:rgba(7,11,18,.62);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(9px);color:#fff}.promoArrowSvg{width:14px;height:14px;transform:rotate(-45deg)}
.popularTitle{margin-bottom:10px}.popularRail{gap:12px;padding:1px 1px 7px}.popularMini{flex:0 0 92px;scroll-snap-align:start;cursor:pointer;outline:none}.popularThumb{aspect-ratio:1;border-radius:15px;overflow:hidden;position:relative;background:var(--surface2);border:1px solid var(--line);box-shadow:0 10px 22px rgba(0,0,0,.15);transition:.18s}.popularMini:hover .popularThumb,.popularMini:focus .popularThumb{transform:translateY(-2px);border-color:rgba(105,171,255,.40);box-shadow:0 15px 28px rgba(0,0,0,.22)}.popularImg,.popularThumb .fallback{width:100%;height:100%;object-fit:cover;display:grid}.popularThumb:after{content:"";position:absolute;inset:62% 0 0;background:linear-gradient(transparent,rgba(6,9,14,.48));pointer-events:none}.popularName{margin-top:7px;text-align:center;color:#8fb8f2;font-size:10px;line-height:1.18;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.miniBolt{position:absolute;top:6px;left:6px;z-index:3;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:rgba(10,13,19,.82);border:1px solid rgba(255,219,73,.26);color:#ffd438;backdrop-filter:blur(8px)}.miniBoltSvg{width:10px;height:10px;fill:rgba(255,214,56,.10);stroke-width:2.2}
html[data-theme="light"] .railControls button{background:#fff;border-color:#dce4ee;box-shadow:0 5px 16px rgba(48,70,101,.06)}html[data-theme="light"] .promoCard{border-color:#dbe5f0;box-shadow:0 14px 34px rgba(44,66,96,.12)}html[data-theme="light"] .promoCard:hover{box-shadow:0 20px 42px rgba(44,66,96,.17);border-color:#b9d3ef}html[data-theme="light"] .popularThumb{background:#fff;border-color:#dfe7f0;box-shadow:0 9px 22px rgba(44,66,96,.08)}html[data-theme="light"] .popularMini:hover .popularThumb{box-shadow:0 14px 28px rgba(44,66,96,.12);border-color:#b9d6f3}html[data-theme="light"] .popularName{color:#386fae}html[data-theme="light"] .miniBolt{background:rgba(255,255,255,.90);border-color:#ead68a;box-shadow:0 4px 10px rgba(55,70,96,.10)}

@media(max-width:760px){
  body{font-size:13px}.container{width:min(100% - 20px,1120px)}.siteHeader{position:sticky;top:0}.top{grid-template-columns:42px minmax(0,1fr) auto;gap:7px}.brand{width:42px}.brandMark{width:34px;height:34px}.search{height:38px;border-radius:11px}.searchIcon{padding-left:10px}.headActions{gap:4px}.headActions .iconBtn{display:none}.settingsBtn{min-width:36px!important;width:36px}.promoShell{margin-top:15px}.railTitle{margin-bottom:9px;align-items:center}.railTitle h2{font-size:16px}.railTitle span{font-size:8px}.railControls{display:none}.promoRail{margin-right:-10px;padding-right:10px;gap:9px}.promoCard{flex-basis:248px;height:108px;border-radius:15px}.promoCopy{left:13px;right:48px;bottom:12px}.promoCopy b{font-size:14px}.promoCopy small{font-size:9px}.promoArrow{width:28px;height:28px;right:10px;bottom:10px}.popularShell{margin-bottom:20px}.popularRail{margin-right:-10px;padding-right:10px;gap:9px}.popularMini{flex-basis:78px}.popularThumb{border-radius:13px}.popularName{font-size:9px}.primaryTabs{margin-left:-2px;margin-right:-10px;padding-right:10px;scroll-snap-type:x proximity}.primaryTabs button{scroll-snap-align:start}.subTabs{margin-right:-10px;padding-right:10px;scroll-snap-type:x proximity}.inlineHead h1{font-size:18px}.gameGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 10px}.gameName{font-size:11px}.meta{font-size:9px;flex-wrap:wrap}.gameArt{border-radius:15px}.purchase{border-radius:17px}.variantGrid{grid-template-columns:1fr}.variant{min-height:66px}.contactBlock{padding:12px}.buyNow{position:sticky;bottom:10px;z-index:8;box-shadow:0 15px 34px rgba(12,106,230,.32)}.productPage{padding-bottom:80px}.premiumIntro{padding-top:8px}.trustRow{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.trustRow span{white-space:nowrap}.checkoutPerks{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.checkoutPerks span{white-space:nowrap}.regionTabs{display:flex;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.regionTabs button{flex:0 0 auto;min-width:120px}.countryGrid{gap:8px}.countryCard{padding:12px}.contactRow{grid-template-columns:1fr}.agreement{align-items:flex-start}.agreement input{margin-top:2px}
}
@media(max-width:420px){.container{width:min(100% - 16px,1120px)}.top{gap:5px}.search input{font-size:12px;padding:0 8px}.settingsBtn{display:grid!important;place-items:center}.promoCard{flex-basis:226px}.popularMini{flex-basis:74px}.gameGrid{gap:16px 8px}.artBadge{left:6px;bottom:6px;max-width:calc(100% - 12px);padding:3px 7px 3px 5px}.bolt{left:6px;top:6px}.gameName{margin-top:7px}.primaryTabs button{height:42px;padding:0 12px 0 8px}.tabIcon{width:25px;height:25px}.subTabs{margin-top:10px;margin-bottom:19px}.inlineHead{margin-bottom:14px}.miniSearch{height:36px}.productLogo{width:74px;height:74px}.premiumIntro{grid-template-columns:74px 1fr;gap:13px}.introCopy h1{font-size:19px}.official{font-size:9px}.purchase{padding:12px}.variant{padding:10px}.selectedSummary{padding:11px}.contactInput,.contactType{height:46px}.buyNow{height:52px}}

/* v10 flat premium backgrounds + calm card interactions */
:root{
  --bg:#14171e;--surface:#1a1e26;--surface2:#1d222b;--surface3:#232934;--line:#2a303b;--line2:#3a4351;
  --shadow:0 10px 26px rgba(0,0,0,.16);--cardShadow:0 8px 20px rgba(0,0,0,.14);
}
html[data-theme="light"]{
  --bg:#e8ecef;--surface:#f7f8fa;--surface2:#ffffff;--surface3:#eef1f4;--line:#d8dde3;--line2:#c3cad3;
  --shadow:0 10px 26px rgba(44,55,72,.08);--cardShadow:0 7px 18px rgba(44,55,72,.07);
}
body{background:var(--bg)!important;background-image:none!important}
.siteHeader{background:var(--surface)!important;backdrop-filter:none!important}
html[data-theme="light"] .siteHeader{background:#f8f9fb!important}

/* rails: no lift/scale, no heavy shadows */
.railControls button{display:grid;place-items:center;padding:0;font-size:0;box-shadow:none!important}
.railControls button:hover{transform:none!important;border-color:var(--blue);background:var(--surface2)}
.railArrowSvg{width:16px;height:16px;display:block}
.promoCard{box-shadow:none!important;transform:none!important;border-color:var(--line)!important;transition:border-color .16s ease,filter .16s ease,background-color .16s ease}
.promoCard:hover,.promoCard:focus{transform:none!important;box-shadow:none!important;border-color:color-mix(in srgb,var(--blue) 52%,var(--line))!important;filter:brightness(1.035)}
html[data-theme="light"] .promoCard{box-shadow:none!important;border-color:#d3dae3!important}
html[data-theme="light"] .promoCard:hover,html[data-theme="light"] .promoCard:focus{box-shadow:none!important;border-color:#9dbfe6!important;filter:brightness(1.015)}
.promoShade{background:transparent!important}
.promoViolet .promoShade,.promoMint .promoShade,.promoRose .promoShade{background:transparent!important}
.promoArrow{right:12px;bottom:12px;width:30px;height:30px;box-shadow:none;backdrop-filter:none}
.promoArrowSvg{transform:rotate(-45deg);display:block}
.popularThumb{box-shadow:none!important;transition:border-color .16s ease,filter .16s ease,background-color .16s ease}
.popularMini:hover .popularThumb,.popularMini:focus .popularThumb{transform:none!important;box-shadow:none!important;border-color:color-mix(in srgb,var(--blue) 48%,var(--line));filter:brightness(1.035)}
html[data-theme="light"] .popularThumb{box-shadow:none!important}
html[data-theme="light"] .popularMini:hover .popularThumb{box-shadow:none!important;filter:brightness(1.012)}
.popularThumb:after{display:none}
.miniBolt{display:none!important}

/* all marketplace cards stay in place, only softly highlight */
.gameCard:focus .gameArt,.gameCard:hover .gameArt{transform:none!important;box-shadow:var(--cardShadow)!important;border-color:color-mix(in srgb,var(--blue) 52%,var(--line))!important;filter:brightness(1.035)}
.gameCard:hover .shine{left:-75%!important}
.gameCard:hover .artBadge{transform:none!important;box-shadow:0 5px 14px var(--badgeGlow)!important}
.countryCard:hover{transform:none!important;border-color:color-mix(in srgb,var(--blue) 48%,var(--line));background:var(--surface2)}
.variant.selectable:hover{transform:none!important;border-color:color-mix(in srgb,var(--blue) 46%,var(--line))}
.primaryTabs button:hover,.headActions button:hover,.showAllBtn:hover,.buyNow:hover{transform:none!important}
.bolt:hover{transform:none!important}

/* flatter surfaces to match supplied light/dark backgrounds */
.purchase,.contactBlock,.trustRow span,.sectionIcon,.primaryTabs button.active,.regionTabs button.active,.buyNow{background-image:none!important}
html[data-theme="light"] .purchase,html[data-theme="light"] .setupCard{background:#f7f8fa!important}
.purchase{background:var(--surface)!important}
.contactBlock{background:var(--surface2)!important}

@media(max-width:760px){
  /* main departments: two neat rows instead of a crooked horizontal strip */
  .primaryTabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0 0 12px!important;padding:0!important;overflow:visible!important}
  .primaryTabs button{width:100%;min-width:0;justify-content:flex-start;white-space:nowrap;overflow:hidden;padding:0 9px!important}
  .primaryTabs button>span:last-child{overflow:hidden;text-overflow:ellipsis}
  /* subcategories: two rows, horizontal continuation only if truly necessary */
  .subTabs{display:grid!important;grid-auto-flow:column;grid-template-rows:repeat(2,38px);grid-auto-columns:max-content;gap:6px 7px;overflow-x:auto!important;overflow-y:hidden;margin:9px -2px 20px!important;padding:0 2px 4px!important;scrollbar-width:none}
  .subTabs::-webkit-scrollbar{display:none}
  .subTabs button{height:38px;white-space:nowrap;padding:6px 9px!important}
  .promoCard{box-shadow:none!important}
}
@media(max-width:420px){
  .primaryTabs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .primaryTabs button{justify-content:flex-start}
}

/* v11 — live search + polished mobile checkout */
.search{position:relative;z-index:46}
.search.suggestOpen{border-color:#3f8cff;border-bottom-left-radius:9px;border-bottom-right-radius:9px}
.searchSuggest{position:absolute;left:-1px;right:-1px;top:calc(100% + 7px);background:var(--surface);border:1px solid var(--line2);border-radius:14px;padding:7px;box-shadow:0 18px 44px rgba(0,0,0,.28);max-height:520px;overflow:auto;z-index:90}
.searchSuggestItem{width:100%;min-height:54px;border:0;background:transparent;color:var(--text);display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;text-align:left;padding:6px 8px;border-radius:10px;cursor:pointer}
.searchSuggestItem:hover,.searchSuggestItem:focus-visible{background:var(--surface2);outline:0}
.searchSuggestArt{width:42px;height:42px;border-radius:10px;overflow:hidden;background:var(--surface2);display:grid;place-items:center;border:1px solid var(--line)}
.searchSuggestArt img,.searchSuggestArt .fallback{width:100%;height:100%;object-fit:cover}
.searchSuggestArt .fallback{display:grid;place-items:center;font-size:11px;font-weight:800;color:var(--muted)}
.searchSuggestText{min-width:0;display:block}
.searchSuggestText b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;line-height:1.25}
.searchSuggestText small{display:block;margin-top:3px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}
.searchSuggestPrice{font-size:11px;color:var(--muted2);white-space:nowrap;padding-left:6px}
.searchSuggestEmpty{padding:18px;text-align:center;color:var(--muted);font-size:12px}
html[data-theme="light"] .searchSuggest{background:#fff;border-color:#d7dfe9;box-shadow:0 18px 44px rgba(37,52,72,.14)}
html[data-theme="light"] .searchSuggestItem:hover,html[data-theme="light"] .searchSuggestItem:focus-visible{background:#f3f6fa}

/* clean, even checkout perks */
.checkoutPerks span{min-height:29px;justify-content:center}
.buyNow{background:#1677ff!important;background-image:none!important;color:#fff!important;border:1px solid #2a86ff!important;box-shadow:0 10px 24px rgba(22,119,255,.24)!important}
.buyNow:hover{background:#2382ff!important;filter:none!important}
html[data-theme="light"] .buyNow{background:#1677ff!important;border-color:#1677ff!important;color:#fff!important;box-shadow:0 10px 24px rgba(22,119,255,.20)!important}

@media(max-width:760px){
  .searchSuggest{position:fixed;top:60px;left:8px;right:8px;max-height:min(68vh,560px);border-radius:13px;padding:6px}
  .searchSuggestItem{grid-template-columns:40px minmax(0,1fr);min-height:53px;padding:6px}
  .searchSuggestArt{width:40px;height:40px;border-radius:9px}
  .searchSuggestPrice{display:none}
  .checkoutPerks{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px!important;overflow:visible!important;margin:14px 0!important}
  .checkoutPerks span{width:100%;min-width:0;height:38px;padding:6px 8px!important;border-radius:10px!important;justify-content:flex-start!important;white-space:normal!important;line-height:1.15;text-align:left;font-size:9px!important}
  .checkoutPerks .chipSvg{width:14px;height:14px;flex:0 0 14px}
  .buyNow{position:static!important;bottom:auto!important;width:100%!important;height:54px!important;margin:10px 0 0!important;border-radius:13px!important;font-size:15px!important;line-height:1!important;display:flex!important;align-items:center!important;justify-content:center!important}
}
@media(max-width:420px){
  .searchSuggest{top:58px;left:6px;right:6px}
  .checkoutPerks{gap:6px!important}
  .checkoutPerks span{height:40px;font-size:8.5px!important;padding:6px 7px!important}
  .buyNow{height:52px!important;border-radius:12px!important}
}

/* v12 — flat shadows, themed scrollbars, custom contact dropdown */
:root{--shadow:none;--cardShadow:none;--badgeGlow:transparent}
html[data-theme="light"]{--shadow:none;--cardShadow:none;--badgeGlow:transparent}

/* Remove decorative drop shadows site-wide; keep crisp borders/focus states. */
.brandMark,.heroCard,.gameArt,.productLogo,.purchase,.primaryTabs button.active,.regionTabs button.active,.variant.selected,.contactBlock,.buyNow,.searchSuggest,.promoCard,.popularThumb,.artBadge,.bolt,.headActions button,.countryCard,.selectedSummary,.setupCard,.toast,.modal,.dialog{
  box-shadow:none!important;
}
.search:focus-within,.contactInput:focus,.field input:focus,.field select:focus,.contactSelectBtn:focus-visible{
  box-shadow:none!important;
  outline:2px solid color-mix(in srgb,var(--blue) 46%,transparent);
  outline-offset:1px;
}
.gameCard:hover .gameArt,.gameCard:focus .gameArt,.gameCard:hover .artBadge{box-shadow:none!important}

/* Themed scrollbars: page, live search, variant lists and horizontal rails. */
html{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--muted2) 58%,transparent) transparent}
*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--muted2) 58%,transparent) transparent}
*::-webkit-scrollbar{width:9px;height:9px}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--muted2) 52%,transparent);border:2px solid transparent;background-clip:padding-box;border-radius:999px}
*::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--blue) 58%,var(--muted2));border:2px solid transparent;background-clip:padding-box}
*::-webkit-scrollbar-corner{background:transparent}
.searchSuggest::-webkit-scrollbar{width:8px}
.searchSuggest::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--muted) 52%,transparent);border:2px solid transparent;background-clip:padding-box}
html[data-theme="light"] *{scrollbar-color:color-mix(in srgb,#8b98aa 58%,transparent) transparent}
html[data-theme="light"] *::-webkit-scrollbar-thumb{background:color-mix(in srgb,#8b98aa 55%,transparent);border:2px solid transparent;background-clip:padding-box}
html[data-theme="light"] *::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,#4e8fe0 60%,#8b98aa);border:2px solid transparent;background-clip:padding-box}

/* Search dropdown — no floating shadow, only clean border. */
.searchSuggest{box-shadow:none!important;border-color:var(--line2)!important}
html[data-theme="light"] .searchSuggest{box-shadow:none!important;border-color:#cfd8e4!important}

/* Contact custom select. Native select is intentionally replaced. */
.contactRow{align-items:stretch}
.contactSelect{position:relative;flex:0 0 170px;min-width:170px}
.contactSelectBtn{width:100%;height:100%;min-height:48px;border:1px solid var(--line2);background:var(--surface);color:var(--text);border-radius:12px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;text-align:left;transition:border-color .16s ease,background-color .16s ease}
.contactSelectBtn:hover,.contactSelect.open .contactSelectBtn{border-color:color-mix(in srgb,var(--blue) 58%,var(--line2));background:var(--surface2)}
.contactSelectBtn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8;transition:transform .16s ease;color:var(--muted)}
.contactSelect.open .contactSelectBtn svg{transform:rotate(180deg)}
.contactSelectMenu{position:absolute;z-index:120;left:0;right:0;top:calc(100% + 6px);display:none;padding:5px;background:var(--surface);border:1px solid var(--line2);border-radius:12px;box-shadow:none!important}
.contactSelect.open .contactSelectMenu{display:block}
.contactSelectOption{width:100%;height:38px;border:0;border-radius:8px;background:transparent;color:var(--text);display:flex;align-items:center;padding:0 10px;cursor:pointer;text-align:left}
.contactSelectOption:hover,.contactSelectOption.active{background:var(--surface2);color:var(--blue2)}
html[data-theme="light"] .contactSelectBtn,html[data-theme="light"] .contactSelectMenu{background:#fff;border-color:#cfd8e4}
html[data-theme="light"] .contactSelectBtn:hover,html[data-theme="light"] .contactSelect.open .contactSelectBtn,html[data-theme="light"] .contactSelectOption:hover,html[data-theme="light"] .contactSelectOption.active{background:#f3f6fa}

@media(max-width:760px){
  .contactSelect{flex:0 0 142px;min-width:142px}
  .contactSelectBtn{min-height:50px;border-radius:11px;padding:0 11px}
  .contactSelectMenu{top:calc(100% + 5px)}
}
@media(max-width:520px){
  .contactRow{display:grid!important;grid-template-columns:minmax(0,1fr) 132px!important;gap:8px!important}
  .contactSelect{min-width:0;flex:none}
}

/* v13 — eSIM local checkout */
.esimHero{display:grid;grid-template-columns:72px 1fr;gap:16px;align-items:center;margin:8px 0 18px;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.esimHeroIcon{width:72px;height:72px;border-radius:16px;display:grid;place-items:center;background:var(--surface2);border:1px solid var(--line);color:var(--blue2)}
.esimHeroSvg{width:34px;height:34px}.esimHero small{color:var(--muted2);font-size:9px;letter-spacing:1.3px;font-weight:800}.esimHero h1{margin:3px 0 5px;font-size:25px}.esimHero p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}
.esimPurchase .esimGrid{margin-top:16px}.esimSku.selectable{position:relative;min-height:86px;cursor:pointer;padding:13px 14px;transition:border-color .14s,background-color .14s;box-shadow:none!important}
.esimSku.selectable:hover{border-color:color-mix(in srgb,var(--blue) 52%,var(--line));background:color-mix(in srgb,var(--surface) 94%,var(--blue))}
.esimSku.selected{border-color:var(--blue);background:color-mix(in srgb,var(--surface2) 90%,var(--blue));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--blue) 60%,transparent)!important}
.esimSku .check{width:22px;height:22px;flex:0 0 22px;border:1px solid var(--line2,#445167);border-radius:50%;display:grid;place-items:center;font-size:11px;color:#fff}.esimSku.selected .check{background:var(--blue);border-color:var(--blue)}
.esimSkuMain{min-width:0}.esimSkuMain>b{display:block;font-size:13px}.esimSkuMain>small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.esimSku>strong{font-size:15px;white-space:nowrap}.esimMiniFacts{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}.esimMiniFacts span{font-size:8px;color:var(--muted);padding:3px 6px;border:1px solid var(--line);border-radius:8px;background:var(--surface2)}
.esimFacts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.esimFacts>div{padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface2)}.esimFacts small,.esimFacts b{display:block}.esimFacts small{font-size:9px;color:var(--muted);margin-bottom:4px}.esimFacts b{font-size:12px}
.esimDescription{padding:12px 13px;border-left:2px solid var(--blue);background:var(--surface2);border-radius:0 10px 10px 0;color:var(--muted);font-size:11px;line-height:1.55;margin-bottom:14px}
.esimGuide{margin:12px 0 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface2);overflow:hidden}.esimGuide summary{cursor:pointer;padding:11px 13px;font-size:11px;font-weight:700}.esimGuide p{margin:0;padding:0 13px 13px;color:var(--muted);font-size:10px;line-height:1.55}.localOrderSuccess{display:grid;gap:3px}.localOrderSuccess span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;opacity:.85}.localOrderSuccess small{font-size:10px;opacity:.82}
html[data-theme="light"] .esimSku.selected{background:#eef6ff}html[data-theme="light"] .esimSku.selectable:hover{background:#f7fbff}html[data-theme="light"] .esimHeroIcon{background:#f5f8fc}
@media(max-width:760px){.esimFacts{grid-template-columns:1fr 1fr}.esimHero{grid-template-columns:58px 1fr;padding:13px}.esimHeroIcon{width:58px;height:58px}.esimHero h1{font-size:21px}.esimHero p{font-size:10px}.esimSku.selectable{min-height:78px}}
@media(max-width:420px){.esimHero{grid-template-columns:50px 1fr;gap:11px}.esimHeroIcon{width:50px;height:50px;border-radius:13px}.esimHeroSvg{width:26px;height:26px}.esimFacts{gap:6px}.esimFacts>div{padding:9px 10px}.esimSku>strong{font-size:13px}}
/* v15 full catalog sync */
.fullSyncBox{display:grid;gap:10px}
.syncTitle{font-weight:800;font-size:16px}
.syncActions{display:flex;gap:10px;flex-wrap:wrap}
.syncActions .ghost{background:transparent;border:1px solid var(--line,#313845);color:inherit}
.syncProgress{display:grid;gap:7px;margin-top:2px}
.syncBar{height:8px;border-radius:999px;background:rgba(127,127,127,.14);overflow:hidden;border:1px solid rgba(127,127,127,.16)}
.syncBar>span{display:block;height:100%;width:0;background:#1686ff;transition:width .25s ease;border-radius:inherit}
.syncCurrent{font-size:12px;opacity:.68;min-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:640px){.syncActions{display:grid;grid-template-columns:1fr}.syncActions button{width:100%}.syncCurrent{white-space:normal}}

/* v16 sync status */
.syncBar{overflow:hidden;position:relative}.syncBar span.indeterminate{position:relative;animation:novaSyncSlide 1.35s ease-in-out infinite}@keyframes novaSyncSlide{0%{transform:translateX(-135%)}50%{transform:translateX(95%)}100%{transform:translateX(300%)}}

/* v17 live catalog sync telemetry */
.syncLiveGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:3px}
.syncLiveGrid>div{min-width:0;padding:10px 12px;border:1px solid var(--border,#2b3039);border-radius:12px;background:rgba(127,127,127,.045);display:grid;gap:2px}
.syncLiveGrid b{font-size:15px;line-height:1.1;font-variant-numeric:tabular-nums}
.syncLiveGrid small{font-size:10px;opacity:.58;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.syncRetry{display:none;font-size:12px;padding:8px 10px;border-radius:10px;border:1px solid rgba(255,177,66,.28);background:rgba(255,177,66,.08);color:#d99020}
.syncRetry.show{display:block}
[data-theme="light"] .syncRetry{color:#a45c00;background:rgba(255,164,32,.08);border-color:rgba(180,105,0,.22)}
@media(max-width:640px){.syncLiveGrid{grid-template-columns:1fr 1fr}.syncLiveGrid>div{padding:9px 10px}.syncLiveGrid b{font-size:14px}}

/* v19 full-catalog quantity + Steam direct top-up */
.catalogCoverage{padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface2);font-size:13px;color:var(--muted)}
.catalogCoverage b{color:var(--text)}
.quantityBlock,.steamAmountPanel{margin:14px 0;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--surface2)}
.quantityTitle{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.quantityTitle>div{display:grid;gap:3px}.quantityTitle small{color:var(--muted);font-size:12px}.quantityTitle>span{font-size:18px;font-weight:800;color:var(--text)}
.quantityRow,.steamAmountInput{display:flex;align-items:center;border:1px solid var(--line);border-radius:14px;background:var(--surface);overflow:hidden}.quantityRow input,.steamAmountInput input{width:100%;height:52px;padding:0 15px;border:0!important;outline:0;background:transparent!important;color:var(--text);font:700 17px/1 inherit;box-shadow:none!important}.quantitySuffix,.steamAmountInput span{padding:0 15px;color:var(--muted);font-weight:800;border-left:1px solid var(--line);white-space:nowrap}
.steamCurrencyTabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0 22px}.steamCurrencyTabs button{min-height:70px;padding:12px 14px;border:1px solid var(--line);border-radius:15px;background:var(--surface);color:var(--text);display:grid;gap:4px;text-align:left;cursor:pointer}.steamCurrencyTabs button b{font-size:17px}.steamCurrencyTabs button small{color:var(--muted);font-size:11px}.steamCurrencyTabs button:hover{border-color:var(--lineStrong);background:var(--hover)}.steamCurrencyTabs button.active{border-color:var(--accent);background:var(--accentSoft)}
.steamAmountPanel{display:grid;grid-template-columns:minmax(240px,1fr) 1.2fr;gap:14px;align-items:start}.steamAmountInput{min-height:58px}.steamAmountInput input{font-size:22px}.steamPresets{display:flex;flex-wrap:wrap;gap:8px}.steamPresets button{border:1px solid var(--line);background:var(--surface);color:var(--text);padding:10px 13px;border-radius:12px;font-weight:700;cursor:pointer}.steamPresets button:hover{border-color:var(--accent);background:var(--accentSoft)}.steamRate{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:3px 12px;padding-top:13px;border-top:1px solid var(--line)}.steamRate span,.steamRate small{color:var(--muted)}.steamRate strong{font-size:22px}.steamRate small{grid-column:1/-1;font-size:12px}.steamLoginHint{margin:10px 0 16px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface2);color:var(--muted);font-size:13px}.steamLoginHint b{color:var(--text)}
@media(max-width:720px){.steamCurrencyTabs{grid-template-columns:repeat(2,minmax(0,1fr))}.steamAmountPanel{grid-template-columns:1fr}.steamRate{grid-column:1}.quantityTitle{align-items:flex-start}.quantityTitle>span{font-size:16px}}

/* v20 local media sync */
.mediaSyncBox{display:grid!important;gap:8px!important;align-items:stretch!important;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface2)}
.mediaSyncBox .syncTitle{font-weight:800;font-size:13px}.mediaSyncBox>small{line-height:1.45}.mediaProgress{display:grid;gap:8px}.mediaStats{display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:10px}.mediaStats b{color:var(--text);font-variant-numeric:tabular-nums}.mediaSyncBox .syncActions{margin-top:2px}
@media(max-width:640px){.mediaStats{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px}.mediaSyncBox .syncActions button{width:100%}}

\n/* v22 neutral gift-card fallback — intentionally quiet and layout-safe */
.giftFallback{width:100%;height:100%;display:grid;place-items:center;position:relative;background:var(--surface2);color:var(--muted);overflow:hidden}
.giftFallbackIcon{width:52px;height:52px;border-radius:16px;border:1px solid var(--line2);background:var(--surface);display:grid;place-items:center;color:var(--blue2)}
.giftFallbackIcon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.giftFallbackMark{position:absolute;right:10px;bottom:9px;min-width:25px;height:25px;padding:0 7px;border-radius:8px;border:1px solid var(--line);background:var(--surface);display:grid;place-items:center;font-size:9px;line-height:1;font-weight:800;letter-spacing:.04em;color:var(--muted)}
html[data-theme="light"] .giftFallback{background:#f5f7fa;color:#667085}
html[data-theme="light"] .giftFallbackIcon{background:#fff;border-color:#d8e0ea;color:#2879d8}
html[data-theme="light"] .giftFallbackMark{background:#fff;border-color:#dfe6ef;color:#667085}
.gameArt>.giftFallback,.productLogo>.giftFallback,.searchSuggestArt>.giftFallback,.popularThumb>.giftFallback,.promoVisual>.giftFallback{position:absolute;inset:0}
.productLogo>.giftFallback{position:relative;inset:auto}
.productLogo{box-shadow:none}
@media(max-width:760px){.giftFallbackIcon{width:44px;height:44px;border-radius:14px}.giftFallbackIcon svg{width:22px;height:22px}.giftFallbackMark{right:8px;bottom:8px}}

/* v23 brand gift-card fallback — solid, centered, no corner decorations */
.giftFallback{width:100%;height:100%;display:grid;place-items:center;position:relative;overflow:hidden;padding:18px;background:var(--giftBg,#2563eb);color:var(--giftText,#fff);isolation:isolate}
.giftFallbackBrand{position:relative;z-index:2;display:block;max-width:94%;text-align:center;font-weight:900;font-size:clamp(18px,2.15vw,29px);line-height:1.02;letter-spacing:-.045em;color:var(--giftText,#fff);text-wrap:balance;overflow-wrap:anywhere;text-shadow:0 1px 0 rgba(0,0,0,.08)}
/* deterministic solid palettes; same brand always gets the same color */
.giftTone0{--giftBg:#2563eb;--giftText:#fff}.giftTone1{--giftBg:#7c3aed;--giftText:#fff}.giftTone2{--giftBg:#db2777;--giftText:#fff}.giftTone3{--giftBg:#dc2626;--giftText:#fff}.giftTone4{--giftBg:#ea580c;--giftText:#fff}.giftTone5{--giftBg:#ca8a04;--giftText:#fff}.giftTone6{--giftBg:#059669;--giftText:#fff}.giftTone7{--giftBg:#0891b2;--giftText:#fff}.giftTone8{--giftBg:#4f46e5;--giftText:#fff}.giftTone9{--giftBg:#9333ea;--giftText:#fff}.giftTone10{--giftBg:#0f766e;--giftText:#fff}.giftTone11{--giftBg:#475569;--giftText:#fff}
.gameArt>.giftFallback,.productLogo>.giftFallback,.searchSuggestArt>.giftFallback,.popularThumb>.giftFallback,.promoVisual>.giftFallback{position:absolute;inset:0}
.productLogo>.giftFallback{position:relative;inset:auto}
.giftArt:after{display:none!important}.giftArt .shine{display:none!important}
.giftArt .giftFallback{border-radius:inherit}
html[data-theme="light"] .giftFallback{filter:saturate(.94) brightness(1.02)}
@media(max-width:760px){.giftFallback{padding:12px}.giftFallbackBrand{font-size:clamp(15px,6vw,23px);max-width:92%}}


/* v24 Telegram Gifts */
.primaryTabs button[data-inline-dept="telegram-gifts"].active{border-color:#2f78b9;color:#67c2ff;background:#121d29}.primaryTabs button[data-inline-dept="telegram-gifts"].active .tabIcon{background:#10283b;border-color:#2f78b9;color:#67c2ff}
html[data-theme="light"] .primaryTabs button[data-inline-dept="telegram-gifts"].active{background:#f2f9ff;color:#1674bd;border-color:#b5dafa}html[data-theme="light"] .primaryTabs button[data-inline-dept="telegram-gifts"].active .tabIcon{background:#e5f4ff;border-color:#b5dafa;color:#1674bd}
.tgHead{margin-bottom:14px}.tgGiftFilters{display:flex;gap:8px;overflow-x:auto;padding:2px 0 12px;scrollbar-width:thin}.tgCollection{flex:0 0 auto;border:1px solid var(--line);background:var(--card);color:var(--muted);border-radius:12px;padding:9px 13px;font:inherit;cursor:pointer}.tgCollection:hover,.tgCollection.active{border-color:#2c8bd8;color:#6fc6ff;background:#111e2a}html[data-theme="light"] .tgCollection:hover,html[data-theme="light"] .tgCollection.active{background:#eef8ff;color:#116fb5;border-color:#9dcff3}
.tgGiftGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 14px}.tgGiftCard{cursor:pointer;min-width:0}.tgGiftMedia{aspect-ratio:1/1;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--card);transition:border-color .16s,filter .16s}.tgGiftCard:hover .tgGiftMedia,.tgGiftCard:focus .tgGiftMedia{border-color:#398dcf;filter:brightness(1.04)}.tgGiftMedia img{width:100%;height:100%;object-fit:cover;display:block}.tgGiftFallback{width:100%;height:100%;display:grid;place-items:center;align-content:center;gap:8px;padding:18px;text-align:center;background:#182230;color:#f2f7fb}.tgGiftFallback .tgGiftStar{display:grid;place-items:center;width:48px;height:48px;border:1px solid #31516b;border-radius:15px;color:#65c8ff;font-size:25px;background:#101923}.tgGiftFallback b{font-size:16px;line-height:1.15;max-width:100%;overflow:hidden;text-overflow:ellipsis}.tgGiftFallback small{font-size:8px;letter-spacing:.16em;color:#73869b}html[data-theme="light"] .tgGiftFallback{background:#edf3f8;color:#15283b}html[data-theme="light"] .tgGiftFallback .tgGiftStar{background:#fff;border-color:#bfd4e6;color:#1684d0}html[data-theme="light"] .tgGiftFallback small{color:#788b9b}.tgGiftCardCopy{padding:8px 3px 0}.tgGiftCardCopy>b{display:block;font-size:12px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tgGiftCardCopy>div{display:flex;align-items:baseline;gap:7px;margin-top:4px}.tgGiftCardCopy strong{font-size:12px;color:#72baff}.tgGiftCardCopy small{font-size:9px;color:var(--muted)}html[data-theme="light"] .tgGiftCardCopy strong{color:#1875bf}.tgGiftMore{display:flex;justify-content:center;padding:22px 0}.tgGiftSetup,.tgGiftEmpty{border:1px solid var(--line);background:var(--card);border-radius:18px;padding:24px;display:flex;gap:16px;align-items:center}.tgGiftSetupIcon{width:52px;height:52px;flex:0 0 auto;display:grid;place-items:center;border-radius:16px;background:#10283b;color:#67c2ff;font-size:26px;border:1px solid #2b5573}.tgGiftSetup h2{margin:0 0 5px;font-size:18px}.tgGiftSetup p{margin:0 0 13px;color:var(--muted);max-width:650px}.tgGiftSetup button{border:0;border-radius:11px;background:#177fe8;color:#fff;padding:10px 15px;font-weight:700;cursor:pointer}.tgGiftEmpty{display:grid;gap:5px}.tgGiftEmpty span{color:var(--muted)}
.tgCheckout{max-width:720px;margin:28px auto 0;border:1px solid var(--line);background:var(--card);border-radius:20px;padding:18px}.tgCheckoutTop{display:grid;grid-template-columns:104px 1fr;gap:16px;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--line)}.tgCheckoutPreview{width:104px;height:104px;border-radius:17px;overflow:hidden;border:1px solid var(--line)}.tgCheckoutPreview img{width:100%;height:100%;object-fit:cover}.tgCheckoutTop small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.tgCheckoutTop h2{font-size:20px;margin:4px 0 7px}.tgCheckoutPrice{font-size:19px;font-weight:800;color:#66baff}.tgCheckoutPrice span{font-size:11px;font-weight:500;color:var(--muted)}html[data-theme="light"] .tgCheckoutPrice{color:#176fb7}.tgDeliveryTitle{font-weight:750;margin:17px 0 9px}.tgDeliveryTabs,.tgContactTypes{display:flex;gap:7px;flex-wrap:wrap}.tgDeliveryTabs button,.tgContactTypes button{border:1px solid var(--line);background:var(--soft);color:var(--muted);border-radius:11px;padding:9px 12px;cursor:pointer}.tgDeliveryTabs button.active,.tgContactTypes button.active{border-color:#2c8bd8;color:#78c9ff;background:#11263a}html[data-theme="light"] .tgDeliveryTabs button.active,html[data-theme="light"] .tgContactTypes button.active{background:#edf8ff;color:#126fb7;border-color:#a7d2ef}.tgCheckout .checkoutField{margin-top:13px}.tgCheckout .contactBlock{margin-top:15px}.tgContactTypes{min-height:46px;align-items:stretch}.tgContactTypes button{height:46px}.tgCheckout .orderResult{margin-top:12px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;display:grid;gap:4px}.tgCheckout .orderResult.ok{border-color:#286b52;background:#10251e;color:#87ddb9}.tgCheckout .orderResult.warn{border-color:#7a6125;background:#28220f;color:#f2ce75}.tgCheckout .orderResult.err{border-color:#713844;background:#29151a;color:#ff9dac}html[data-theme="light"] .tgCheckout .orderResult.ok{background:#eefaf5;color:#237452}html[data-theme="light"] .tgCheckout .orderResult.warn{background:#fff8e9;color:#8b6515}html[data-theme="light"] .tgCheckout .orderResult.err{background:#fff1f3;color:#a33a4f}.tgApiForm{display:grid;grid-template-columns:1.25fr 1fr auto;gap:8px;margin-top:12px}.tgApiForm input{min-width:0;height:44px;border:1px solid var(--line);border-radius:11px;background:var(--soft);color:var(--text);padding:0 12px}.tgApiForm button{white-space:nowrap}.setupInlineMsg{margin-top:9px;color:var(--muted);font-size:12px}
@media(max-width:760px){.primaryTabs{grid-template-columns:repeat(4,minmax(0,1fr))!important}.primaryTabs button{font-size:10px;padding:0 6px!important;gap:5px}.tabIcon{flex:0 0 auto}.tgGiftGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px}.tgGiftFilters{margin-right:-10px;padding-right:10px}.tgCheckout{padding:13px;border-radius:17px}.tgCheckoutTop{grid-template-columns:78px 1fr;gap:12px}.tgCheckoutPreview{width:78px;height:78px;border-radius:14px}.tgCheckoutTop h2{font-size:17px}.tgDeliveryTabs{display:grid;grid-template-columns:1fr 1fr}.tgDeliveryTabs button:last-child{grid-column:1/-1}.tgContactTypes{display:grid;grid-template-columns:repeat(3,1fr);width:100%}.tgContactTypes button{padding:7px 5px;font-size:10px}.tgApiForm{grid-template-columns:1fr}.tgGiftSetup{align-items:flex-start;padding:16px}.tgGiftSetupIcon{width:42px;height:42px;border-radius:13px}}
@media(max-width:420px){.primaryTabs{grid-template-columns:repeat(4,minmax(0,1fr))!important}.primaryTabs button>span:last-child{font-size:9px}.tgGiftMedia{border-radius:15px}.tgGiftFallback b{font-size:13px}.tgGiftCardCopy>b{font-size:11px}}

/* v25: compact TGStars connection panel */
.tgApiSetup{display:block!important;padding:16px 0 4px;border-top:1px solid var(--line);margin-top:18px!important}
.tgApiSetupHead{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.tgApiSetupHead>div:first-child{min-width:0}
.tgApiSetupHead .syncTitle{margin-bottom:4px}
.tgApiSetupHead small{display:block;line-height:1.45;max-width:500px}
.tgApiSetupHead small b{color:var(--text);font-weight:700}
.tgApiStatus{flex:0 0 auto;border:1px solid var(--line);background:var(--surface2);color:var(--muted);border-radius:999px;padding:7px 10px;font-size:11px;white-space:nowrap}
.tgApiStatus.ok{color:#62ce8c;border-color:color-mix(in srgb,#62ce8c 35%,var(--line));background:color-mix(in srgb,#62ce8c 8%,var(--surface2))}
.tgApiForm{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;align-items:end;margin-top:14px!important}
.tgTokenField{display:grid;gap:6px;min-width:0}.tgTokenField>span{font-size:10px;color:var(--muted);font-weight:700}
.tgTokenField input{width:100%;height:46px!important;box-sizing:border-box}
.tgApiForm button{height:46px;padding:0 18px!important;min-width:128px}
.setupInlineMsg{margin-top:8px!important;min-height:17px}
@media(max-width:760px){.tgApiSetupHead{display:grid;gap:9px}.tgApiStatus{justify-self:start}.tgApiForm{grid-template-columns:1fr!important}.tgApiForm button{width:100%}}

/* v26: Telegram Gifts rental-only checkout */
.tgRentalBlock{margin-top:16px;padding:14px;border:1px solid var(--line);border-radius:15px;background:var(--soft)}
.tgDaysControl{display:grid;grid-template-columns:44px minmax(90px,1fr) 44px;gap:7px;margin-top:8px}
.tgDaysControl button,.tgDaysControl input{height:44px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--text);font:inherit;text-align:center}
.tgDaysControl button{cursor:pointer;font-size:20px;font-weight:800}.tgDaysControl button:hover{border-color:#2c8bd8;color:#75caff}
.tgDaysControl input{-moz-appearance:textfield}.tgDaysControl input::-webkit-outer-spin-button,.tgDaysControl input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.tgRentFacts{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.tgRentFacts>span{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:7px 9px;color:var(--muted);font-size:10px;background:var(--card)}
.tgRentFacts svg{width:13px;height:13px}.tgPerDay{font-size:11px!important;color:var(--muted)!important;font-weight:600!important}
@media(max-width:760px){.tgRentalBlock{padding:12px}.tgDaysControl{grid-template-columns:42px minmax(0,1fr) 42px}.tgRentFacts{display:grid;grid-template-columns:1fr 1fr}.tgRentFacts>span{justify-content:center;text-align:center}}


/* Telegram Gifts v27: preserve API artwork and metadata */
.tgGiftAsset{display:block;width:100%;height:100%;position:relative;overflow:hidden;background:var(--card)}
.tgGiftAsset>img,.tgGiftAsset>video{display:block;width:100%;height:100%;object-fit:cover}
.tgGiftMedia .tgGiftAsset,.tgCheckoutPreview .tgGiftAsset{width:100%;height:100%}
.tgGiftCardCopy .tgGiftSub{display:block;margin-top:3px;color:var(--muted);font-size:9px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tgGiftMeta{display:flex;flex-wrap:wrap;gap:6px;margin:7px 0 9px}
.tgGiftMeta>span{min-width:0;display:flex;align-items:center;gap:5px;border:1px solid var(--line);background:var(--soft);border-radius:8px;padding:5px 7px}
.tgGiftMeta small{font-size:8px!important;letter-spacing:0!important;text-transform:none!important;color:var(--muted)!important}
.tgGiftMeta b{max-width:150px;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tgGiftAddressLine{margin-top:7px;max-width:100%;font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:760px){.tgGiftMeta{gap:5px}.tgGiftMeta>span{padding:4px 6px}.tgGiftMeta b{max-width:95px}.tgGiftAddressLine{font-size:8px}}

/* v29: MRKT catalog-only Telegram Gifts */
.tgMarketToolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:14px 0 12px}.tgMarketSearch{height:46px;min-width:280px;max-width:520px;flex:1;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--muted)}.tgMarketSearch input{width:100%;border:0!important;outline:0;background:transparent!important;color:var(--text);box-shadow:none!important;padding:0!important}.tgMarketNote{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--muted);white-space:nowrap}.tgMarketNote b{font-size:11px;letter-spacing:.08em;color:#5db7ff;border:1px solid rgba(93,183,255,.3);background:rgba(93,183,255,.08);padding:6px 9px;border-radius:9px}.tgGiftNo{font-weight:600;color:var(--muted);font-size:.88em}.tgCatalogDetail{margin-top:20px}.tgCatalogDetailCopy{min-width:0;flex:1}.tgRarityRow{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.tgRarityRow span{font-size:12px;color:var(--muted);border:1px solid var(--line);border-radius:9px;padding:7px 9px;background:var(--panel)}.tgRarityRow b{color:var(--text)}.tgCatalogOnly{margin-top:14px;border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:var(--panel);display:flex;flex-direction:column;gap:4px}.tgCatalogOnly b{font-size:13px}.tgCatalogOnly span{font-size:12px;color:var(--muted);line-height:1.45}
@media(max-width:700px){.tgMarketToolbar{align-items:stretch;flex-direction:column}.tgMarketSearch{min-width:0;max-width:none;width:100%}.tgMarketNote{justify-content:space-between}.tgCatalogDetail .tgCheckoutTop{grid-template-columns:1fr}.tgCatalogDetail .tgCheckoutPreview{width:100%;max-width:260px;margin:0 auto}}

/* v31: amrkt Telegram session setup */
.mrktConfigForm{grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important}.mrktConfigGrid{display:grid;grid-template-columns:.62fr 1fr;gap:10px}.mrktProxyField{grid-column:1/-1}.tgTokenField{display:grid;gap:6px}.tgTokenField>span{font-size:11px;font-weight:700;color:var(--muted)}.tgTokenField>span small{font-weight:500;opacity:.75}.mrktSetupActions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.mrktSetupActions button{min-height:40px}.mrktSetupActions button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:760px){.mrktConfigGrid{grid-template-columns:1fr}.mrktProxyField{grid-column:auto}.mrktSetupActions{display:grid;grid-template-columns:1fr}.mrktSetupActions button{width:100%}}

/* v34 · MRKT-style Telegram Gifts marketplace */
.tgMarketHero{margin-top:8px}.tgMarketToolbar{display:grid;grid-template-columns:minmax(260px,1fr) auto auto;align-items:center;gap:10px;margin:12px 0}.tgMarketSearch{max-width:none;min-width:0;background:var(--panel);border-color:var(--line);height:48px}.tgFilterButton{height:48px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:14px;padding:0 15px;font:inherit;font-weight:700;cursor:pointer}.tgFilterButton:hover{border-color:#3e8fc7;background:var(--soft)}.tgFilterButton b{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#177fe8;color:#fff;font-size:10px}.tgMarketNote{height:48px;border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:0 12px}.tgMarketNote b{border:0;background:transparent;padding:0;color:#58b9ff}.tgMarketNote span{font-size:11px}
.tgCollectionRail{display:flex;gap:9px;overflow-x:auto;padding:2px 1px 12px;scroll-snap-type:x proximity}.tgCollectionRail::-webkit-scrollbar{height:5px}.tgCollectionTile{scroll-snap-align:start;flex:0 0 auto;width:154px;min-height:64px;display:grid;grid-template-columns:50px 1fr;align-items:center;gap:10px;border:1px solid var(--line);border-radius:16px;background:var(--panel);color:var(--text);padding:7px 10px 7px 7px;text-align:left;cursor:pointer;transition:border-color .16s,background .16s}.tgCollectionTile:hover{border-color:#3b84b9;background:var(--soft)}.tgCollectionTile.active{border-color:#2788d0;background:#101c27}.tgCollectionThumb{width:50px;height:50px;display:grid;place-items:center;overflow:hidden;border-radius:12px;background:#17232e;border:1px solid rgba(255,255,255,.06)}.tgCollectionThumb img{width:100%;height:100%;object-fit:cover;display:block}.tgCollectionFallback,.tgAllThumb{display:grid;place-items:center;width:100%;height:100%;font-size:20px;color:#6fc7ff}.tgAllThumb{background:#172b3b}.tgCollectionText{min-width:0;display:grid;gap:4px}.tgCollectionText b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tgCollectionText small{font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-theme="light"] .tgCollectionTile.active{background:#eef8ff;border-color:#80bee9}.tgResultsHead{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:13px 0 12px}.tgResultsHead>div:first-child{display:grid;gap:3px}.tgResultsHead b{font-size:16px}.tgResultsHead small{font-size:10px;color:var(--muted)}.tgActiveFilters{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.tgActiveFilters span{border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:6px 8px;font-size:9px;color:var(--muted)}.tgActiveFilters b{font-size:9px;color:var(--text)}
.tgMarketplaceGrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:15px 11px}.tgMarketCard .tgGiftMedia{position:relative;border-radius:16px;background:#10171d;aspect-ratio:1/1;border-color:rgba(255,255,255,.08)}.tgMarketCard:hover .tgGiftMedia{border-color:#4d9bd1;filter:brightness(1.025)}.tgMarketCard .tgGiftAsset>img,.tgMarketCard .tgGiftAsset>video{object-fit:cover}.tgMarketCard .tgGiftCardCopy{padding:8px 3px 1px}.tgMarketCard .tgGiftCardCopy>b{font-size:11px}.tgMarketCard .tgGiftCardCopy strong{font-size:11px}.tgRarityBadge{position:absolute;top:8px;left:8px;z-index:2;padding:4px 7px;border-radius:999px;background:rgba(8,13,18,.82);border:1px solid rgba(255,255,255,.13);color:#d7e7f3;font-size:8px;font-weight:700;backdrop-filter:blur(8px)}html[data-theme="light"] .tgMarketCard .tgGiftMedia{background:#eaf0f4;border-color:#d9e2e9}html[data-theme="light"] .tgRarityBadge{background:rgba(255,255,255,.88);color:#405363;border-color:#d3dde4}
.tgFilterPanel{position:fixed;z-index:120;right:18px;top:80px;width:min(680px,calc(100vw - 36px));max-height:calc(100vh - 100px);overflow:auto;border:1px solid var(--line);border-radius:20px;background:var(--bg);padding:17px;opacity:0;pointer-events:none;transform:translateY(-8px);transition:opacity .16s,transform .16s}.tgFilterPanel.open{opacity:1;pointer-events:auto;transform:none}.tgFilterTop{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.tgFilterTop>div{display:grid;gap:3px}.tgFilterTop b{font-size:16px}.tgFilterTop small{font-size:10px;color:var(--muted)}.tgFilterTop>button,.tgDetailClose{width:35px;height:35px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--muted);font-size:22px;cursor:pointer}.tgFilterGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tgFilterGrid label{display:grid;gap:6px}.tgFilterGrid label>span{font-size:10px;color:var(--muted)}.tgFilterGrid input,.tgFilterGrid select{width:100%;height:43px;border:1px solid var(--line);border-radius:11px;background:var(--panel);color:var(--text);padding:0 11px;font:inherit;font-size:12px;outline:none;box-shadow:none}.tgFilterGrid input:focus,.tgFilterGrid select:focus{border-color:#318bca}.tgFilterActions{display:flex;gap:8px;justify-content:flex-end;margin-top:15px}.tgFilterActions button{height:40px;border:0;border-radius:11px;background:#177fe8;color:#fff;padding:0 16px;font-weight:750;cursor:pointer}.tgFilterActions button.ghost{border:1px solid var(--line);background:var(--panel);color:var(--text)}
.tgCatalogDetail{position:relative;max-width:900px;padding:18px}.tgDetailClose{position:absolute;right:14px;top:14px;z-index:3}.tgDetailLayout{display:grid;grid-template-columns:minmax(260px,360px) 1fr;gap:22px;align-items:start}.tgDetailArt{aspect-ratio:1/1;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:var(--panel)}.tgDetailArt .tgGiftAsset,.tgDetailArt img,.tgDetailArt video{width:100%;height:100%}.tgDetailArt img,.tgDetailArt video{object-fit:cover}.tgCatalogDetailCopy{padding:9px 42px 9px 0}.tgCatalogDetailCopy h2{font-size:23px;margin:6px 0 9px}.tgCatalogDetailCopy .tgCheckoutPrice{margin-top:12px;font-size:23px}.tgGiftMeta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.tgGiftMeta>span{justify-content:space-between;min-height:36px}.tgGiftMeta small{font-size:9px!important}.tgGiftMeta b{max-width:180px;font-size:10px}.tgCatalogOnly{margin-top:16px}
@media(max-width:1100px){.tgMarketplaceGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.tgCollectionTile{width:146px}}
@media(max-width:820px){.tgMarketToolbar{grid-template-columns:1fr auto}.tgMarketNote{display:none}.tgMarketplaceGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.tgDetailLayout{grid-template-columns:220px 1fr}.tgCollectionTile{width:140px}.tgFilterPanel{right:10px;top:70px;width:calc(100vw - 20px)}}
@media(max-width:620px){.tgMarketToolbar{grid-template-columns:1fr}.tgFilterButton{width:100%;justify-content:center}.tgMarketplaceGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 9px}.tgCollectionTile{width:132px;grid-template-columns:44px 1fr;min-height:58px}.tgCollectionThumb{width:44px;height:44px;border-radius:11px}.tgCollectionText b{font-size:10px}.tgResultsHead{align-items:flex-start;flex-direction:column}.tgActiveFilters{justify-content:flex-start}.tgFilterGrid{grid-template-columns:1fr}.tgDetailLayout{grid-template-columns:1fr}.tgDetailArt{width:100%;max-width:340px;margin:0 auto}.tgCatalogDetailCopy{padding:0}.tgGiftMeta{grid-template-columns:1fr 1fr}.tgCatalogDetail{padding:13px}.tgDetailClose{right:9px;top:9px}.tgMarketCard .tgGiftMedia{border-radius:14px}}
/* v36 MRKT performance, animation and product page */
.tgGiftAsset{position:relative;isolation:isolate}.tgGiftAsset>img,.tgGiftAsset>video{position:relative;z-index:1;transition:opacity .14s ease}.tgGiftAsset .tgLottieLayer{position:absolute;inset:0;z-index:2;display:none;pointer-events:none;background:transparent}.tgGiftAsset .tgLottieLayer.active{display:block}.tgGiftAsset .tgLottieLayer svg{width:100%!important;height:100%!important;display:block}.tgGiftAsset .tgStaticHidden{opacity:0}.tgHoverHint{position:absolute;left:8px;right:8px;bottom:8px;z-index:4;padding:5px 7px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:rgba(8,12,16,.72);backdrop-filter:blur(8px);color:#d8e3ea;font-size:8px;text-align:center;opacity:0;transform:translateY(3px);transition:.15s}.tgMarketCard:hover .tgHoverHint{opacity:1;transform:none}.tgMarketCard:hover .tgRarityBadge{opacity:.15}.tgProductPage{padding-top:20px;padding-bottom:54px}.tgBackButton{border:0;background:transparent;color:var(--muted);font:inherit;font-weight:650;cursor:pointer;padding:8px 0;margin-bottom:12px}.tgBackButton:hover{color:var(--text)}.tgProductLayout{display:grid;grid-template-columns:minmax(340px,1fr) minmax(420px,1.08fr);gap:22px;align-items:start}.tgProductVisual,.tgProductPanel,.tgProductAttrs,.tgBuyBox{border:1px solid var(--line);background:var(--card);border-radius:22px}.tgProductVisual{padding:16px}.tgProductArt{aspect-ratio:1/1;border-radius:18px;overflow:hidden;background:var(--panel)}.tgProductArt .tgGiftAsset{width:100%;height:100%}.tgProductArt img,.tgProductArt video{width:100%;height:100%;object-fit:cover}.tgProductVisual p{margin:11px 4px 1px;color:var(--muted);font-size:11px}.tgProductInfo{display:grid;gap:14px}.tgProductPanel{padding:22px}.tgProductPanel h1{font-size:30px;line-height:1.08;margin:5px 0 4px;letter-spacing:-.025em}.tgProductPanel h1 span{color:var(--muted);font-weight:650}.tgProductState{font-size:12px;color:var(--muted);margin-bottom:18px}.tgProductPrice{font-size:36px;font-weight:800;letter-spacing:-.035em;margin:8px 0 18px}.tgBuyPrimary{width:100%;border:0;border-radius:14px;background:#177fe8;color:white;padding:13px 18px;font:inherit;font-weight:800;cursor:pointer;transition:filter .15s,border-color .15s}.tgBuyPrimary:hover:not(:disabled){filter:brightness(1.06)}.tgBuyPrimary:disabled{opacity:.55;cursor:not-allowed}.tgProductAttrs{overflow:hidden}.tgProductAttr{min-height:66px;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line)}.tgProductAttr:last-child{border-bottom:0}.tgProductAttr span{min-width:0;display:grid;gap:4px}.tgProductAttr small{color:var(--muted);font-size:11px}.tgProductAttr b{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tgProductAttr em{font-style:normal;font-size:12px;color:var(--muted);border:1px solid var(--line);background:var(--panel);padding:5px 8px;border-radius:9px}.tgBuyTrigger{padding:0}.tgBuyTrigger .tgBuyPrimary{min-height:50px}.tgBuyBox{padding:18px;display:none}.tgBuyBox.open{display:block;animation:tgBuyReveal .18s ease-out}@keyframes tgBuyReveal{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.tgBuyHead{margin-bottom:14px}.tgBuyHead b{display:block;font-size:15px}.tgBuyHead small{display:block;color:var(--muted);font-size:11px;margin-top:3px;line-height:1.4}.tgPurchaseContact{margin:0 0 12px}.tgBuyConfirm{display:flex;gap:10px;align-items:flex-start;margin:12px 0 16px;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--panel);font-size:11px;color:var(--muted);line-height:1.45}.tgBuyConfirm input{margin-top:2px}.tgBuyMsg{margin-top:12px;min-height:18px;font-size:12px;color:var(--muted);display:grid;gap:4px}.tgBuyMsg b{color:#54c77d}.tgBuyMsg span{line-height:1.4}.tgCollectionRail{content-visibility:auto;contain-intrinsic-size:70px}.tgMarketplaceGrid{content-visibility:auto;contain-intrinsic-size:1000px}
@media(max-width:880px){.tgProductLayout{grid-template-columns:1fr}.tgProductVisual{max-width:620px;width:100%;margin:0 auto}.tgProductPanel h1{font-size:25px}.tgProductPrice{font-size:31px}}
@media(max-width:620px){.tgProductPage{padding-top:10px}.tgProductVisual,.tgProductPanel,.tgProductAttrs,.tgBuyBox{border-radius:17px}.tgProductVisual{padding:10px}.tgProductArt{border-radius:14px}.tgProductPanel{padding:16px}.tgProductPanel h1{font-size:22px}.tgProductPrice{font-size:28px}.tgProductAttr{padding:11px 14px;min-height:58px}.tgHoverHint{display:none}}

/* v39 MRKT inline marketplace filters + RUB pricing */
.tgMarketHeroV39{margin-top:10px;border:1px solid var(--line);background:var(--card);border-radius:22px;padding:14px}
.tgMarketTopline{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center}
.tgMarketTopline .tgMarketSearch{height:44px;margin:0;max-width:none;border-radius:13px;background:var(--panel)}
.tgMarketTotal{display:flex;align-items:baseline;gap:6px;white-space:nowrap}.tgMarketTotal b{font-size:24px;letter-spacing:-.035em}.tgMarketTotal span{font-size:11px;color:var(--muted);font-weight:700}
.tgMarketFilterbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:11px;position:relative;z-index:20}
.tgSortInline,.tgPriceInline,.tgFacetBtn,.tgResetInline{min-height:40px;border:1px solid var(--line);border-radius:13px;background:var(--panel);color:var(--text)}
.tgSortInline{display:flex;align-items:center;padding:0 8px 0 11px;gap:4px}.tgFunnel{font-size:13px;color:var(--muted);transform:rotate(180deg)}.tgSortInline select{border:0!important;background:transparent!important;box-shadow:none!important;color:var(--text);font-size:12px;padding:0 3px!important;height:36px}.tgSortInline select:last-child{width:34px;color:var(--muted)}
.tgPriceInline{display:flex;align-items:center;gap:7px;padding:0 11px}.tgPriceInline>span:first-child{font-size:12px;color:var(--muted);font-weight:700}.tgPriceInline input{width:70px!important;height:30px!important;border:0!important;background:var(--soft)!important;border-radius:9px!important;padding:0 9px!important;box-shadow:none!important;color:var(--text)}.tgPriceInline b{font-size:12px;color:var(--muted)}
.tgFacet{position:relative}.tgFacetBtn{display:flex;align-items:center;gap:8px;padding:0 13px;font:inherit;cursor:pointer;transition:border-color .15s,background .15s}.tgFacetBtn:hover:not(:disabled),.tgFacet.open .tgFacetBtn{border-color:#3c8fc9;background:var(--soft)}.tgFacetBtn:disabled{opacity:.48;cursor:not-allowed}.tgFacetBtn b{font-size:12px}.tgFacetBtn em{font-style:normal;display:none;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#ad6b13;color:#fff;font-size:9px}.tgFacetBtn em:not(:empty){display:grid}.tgFacetIcon{font-size:13px;color:var(--muted)}
.tgFacetPanel{position:absolute;top:calc(100% + 8px);left:0;width:280px;max-height:420px;overflow:auto;padding:8px;border:1px solid var(--line);border-radius:16px;background:var(--card);display:none;z-index:80}.tgFacet.open .tgFacetPanel{display:block}.tgCollectionPanel{width:340px}.tgFacetPanel::-webkit-scrollbar{width:6px}.tgFacetSearch{height:38px;display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid var(--line);border-radius:11px;background:var(--panel);position:sticky;top:0;z-index:2;margin-bottom:7px}.tgFacetSearch input{border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;width:100%;color:var(--text)}
.tgCollectionOptions,.tgFacetOptions{display:grid;gap:4px}.tgCollectionOption,.tgFacetOption{width:100%;border:0;background:transparent;color:var(--text);border-radius:11px;padding:7px 8px;display:flex;align-items:center;gap:9px;text-align:left;cursor:pointer}.tgCollectionOption:hover,.tgFacetOption:hover,.tgCollectionOption.active,.tgFacetOption.active{background:var(--soft)}.tgCollectionOptionArt{width:42px;height:42px;flex:0 0 42px;border-radius:10px;overflow:hidden;display:grid;place-items:center;background:var(--panel);border:1px solid var(--line)}.tgCollectionOptionArt img{width:100%;height:100%;object-fit:cover}.tgCollectionOption>span:nth-child(2){display:grid;gap:3px;min-width:0;flex:1}.tgCollectionOption b,.tgFacetOption b{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tgCollectionOption small{font-size:9px;color:var(--muted)}.tgCollectionOption em{font-style:normal;color:#4fa7df}.tgFacetOption{min-height:36px}.tgFacetCheck{width:18px;color:#4fa7df}.tgFacetHint,.tgFacetLoading{padding:15px 10px;color:var(--muted);font-size:11px;text-align:center}
.tgResetInline{padding:0 12px;font:inherit;font-size:11px;color:var(--muted);cursor:pointer}.tgResetInline:hover{color:var(--text);border-color:#3c8fc9}
.tgRateLine{min-height:28px;padding:8px 3px 0;display:flex;gap:12px;justify-content:space-between;align-items:center;color:var(--muted);font-size:10px}.tgRateLine #tgSelectedLine{text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tgDualPrice{display:grid!important;gap:2px!important}.tgDualPrice strong{font-size:13px!important}.tgDualPrice small{font-size:10px!important;color:#d98d21!important;font-weight:700}.tgProductPrice{display:grid;gap:4px}.tgProductPrice strong{font-size:36px;line-height:1}.tgProductPrice small{font-size:12px;font-weight:650;color:#d98d21;letter-spacing:0}
@media(max-width:900px){.tgMarketTopline{grid-template-columns:1fr}.tgMarketTotal{justify-content:flex-end}.tgFacetPanel{position:fixed;left:12px!important;right:12px!important;top:120px!important;width:auto!important;max-height:65vh}.tgMarketFilterbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.tgSortInline,.tgPriceInline,.tgFacetBtn,.tgResetInline{width:100%}.tgPriceInline{justify-content:center}}
@media(max-width:620px){.tgMarketHeroV39{padding:10px;border-radius:17px}.tgMarketTotal{justify-content:flex-start}.tgMarketFilterbar{grid-template-columns:1fr 1fr;gap:7px}.tgSortInline,.tgPriceInline{grid-column:1/-1}.tgFacetBtn{justify-content:center}.tgRateLine{align-items:flex-start;flex-direction:column}.tgRateLine #tgSelectedLine{text-align:left;white-space:normal}.tgProductPrice strong{font-size:29px}}

/* v40 MRKT filter polish: opaque dropdowns + breathing room before NFT grid */
.tgMarketHeroV39{margin-bottom:24px;overflow:visible;position:relative;z-index:30}
.tgMarketplaceGrid{position:relative;z-index:1;margin-top:0}
.tgFacet{z-index:31}
.tgFacet.open{z-index:95}
.tgFacetPanel{
  z-index:140!important;
  background:#171c24!important;
  border-color:#303845!important;
  opacity:1!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.tgFacetSearch{
  background:#11161d!important;
  border-color:#303845!important;
  opacity:1!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.tgCollectionOption,.tgFacetOption{background:#171c24!important}
.tgCollectionOption:hover,.tgFacetOption:hover,.tgCollectionOption.active,.tgFacetOption.active{background:#232b36!important}
.tgCollectionOptionArt{background:#10151c!important;border-color:#303845!important}
html[data-theme="light"] .tgFacetPanel{background:#fff!important;border-color:#cfd8e4!important}
html[data-theme="light"] .tgFacetSearch{background:#f5f7fa!important;border-color:#cfd8e4!important}
html[data-theme="light"] .tgCollectionOption,html[data-theme="light"] .tgFacetOption{background:#fff!important}
html[data-theme="light"] .tgCollectionOption:hover,html[data-theme="light"] .tgFacetOption:hover,html[data-theme="light"] .tgCollectionOption.active,html[data-theme="light"] .tgFacetOption.active{background:#edf3f8!important}
html[data-theme="light"] .tgCollectionOptionArt{background:#f4f7fa!important;border-color:#cfd8e4!important}
@media(max-width:900px){
  .tgMarketHeroV39{margin-bottom:20px}
  .tgFacetPanel{background:#171c24!important}
  html[data-theme="light"] .tgFacetPanel{background:#fff!important}
}
@media(max-width:620px){.tgMarketHeroV39{margin-bottom:18px}}

/* v41 MRKT fixes: native select palette + facet loading */
html[data-theme="dark"] .tgSortInline select{color-scheme:dark!important;background:#171c24!important;color:#f3f6fa!important}
html[data-theme="dark"] .tgSortInline select option{background:#171c24!important;color:#f3f6fa!important}
html[data-theme="light"] .tgSortInline select{color-scheme:light!important;background:#fff!important;color:#17212d!important}
html[data-theme="light"] .tgSortInline select option{background:#fff!important;color:#17212d!important}
.tgFacetLoading{display:flex;align-items:center;gap:9px;padding:12px;color:var(--muted);font-size:12px}
.tgFacetLoading .spinner{width:14px;height:14px;border-width:2px}
.tgFacetBtn:not(:disabled){opacity:1}

/* v42: NFT checkout uses Telegram only; other checkout contact selectors stay unchanged */
.tgPurchaseContact{display:grid;gap:7px}.tgPurchaseContact>label{font-size:12px;font-weight:750;color:var(--text)}
.tgTelegramContactRow{display:grid;grid-template-columns:minmax(0,1fr) 126px;gap:9px;align-items:stretch}
.tgPurchaseContact .contactInput{width:100%;height:48px;border-radius:12px;background:var(--panel);border:1px solid var(--line);color:var(--text);padding:0 13px;box-shadow:none}
.tgPurchaseContact .contactInput:hover{border-color:color-mix(in srgb,var(--line) 55%,#2584ff 45%)}
.tgPurchaseContact .contactInput:focus{border-color:#2584ff;box-shadow:0 0 0 3px rgba(37,132,255,.12);background:var(--card)}
.tgPurchaseContact .contactInput::placeholder{color:var(--muted);opacity:.72}
.tgTelegramOnlyTag{height:48px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);font-size:12px;font-weight:750;user-select:none}
.tgTelegramOnlyTag svg{width:17px;height:17px;fill:#2aabee;flex:0 0 auto}.tgContactHint{font-size:10px;color:var(--muted);line-height:1.4}
html[data-theme="light"] .tgPurchaseContact .contactInput,html[data-theme="light"] .tgTelegramOnlyTag{background:#fff;border-color:#d7e1ed;color:#172033}
@media(max-width:620px){.tgTelegramContactRow{grid-template-columns:minmax(0,1fr) 112px}.tgPurchaseContact .contactInput,.tgTelegramOnlyTag{height:46px}.tgTelegramOnlyTag{font-size:11px}}

/* v44 — GIFtos account, profile and administration */
.brand{min-width:0}.brand>span:last-child{white-space:nowrap}.brand b{color:#6ba8ff}.headActions{align-items:center}.loginBtn,.adminHeadBtn,.accountBtn{height:38px!important;border-radius:11px!important}.loginBtn{padding:0 17px!important;background:#2687ff!important;border-color:#2687ff!important;color:#fff!important;font-weight:800}.loginBtn:hover{background:#3792ff!important}.adminHeadBtn{padding:0 12px!important;color:#9cc8ff!important;font-weight:750}.accountBtn{display:flex!important;align-items:center;gap:8px;padding:0 10px 0 5px!important;max-width:170px}.accountAvatar,.miniAvatar{display:grid;place-items:center;border-radius:50%;background:#4d3770;color:#e8dcff;font-weight:850}.accountAvatar{width:28px;height:28px;flex:0 0 28px;font-size:11px}.accountName{font-size:11px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.accountShell{min-height:calc(100vh - 66px);display:grid;place-items:center;padding:44px 20px}.authCard{width:min(440px,100%);border:1px solid var(--line);background:var(--surface);border-radius:22px;padding:28px}.authLogo{display:flex;align-items:center;gap:10px;font-size:18px;margin-bottom:25px}.authLogo .brandMark{width:34px;height:34px}.authCard h1{font-size:27px;margin:0 0 8px;letter-spacing:-.5px}.authCard>p{color:var(--muted);line-height:1.5;margin:0 0 23px}.authForm,.profileForm{display:grid;gap:13px}.authForm label,.profileForm label{display:grid;gap:7px;font-size:11px;font-weight:750;color:var(--muted)}.authForm input,.profileForm input,.adminCollectionSelect input,.adminCollectionSelect select,.percentInput input{height:48px;width:100%;border:1px solid var(--line);border-radius:12px;background:var(--surface2);color:var(--text);padding:0 13px;outline:0}.authForm input:focus,.profileForm input:focus,.adminCollectionSelect input:focus,.adminCollectionSelect select:focus,.percentInput input:focus{border-color:#318cff;box-shadow:0 0 0 3px rgba(49,140,255,.1)}.profileForm input:disabled{opacity:.58}.authPrimary{height:47px;border:1px solid #2b8cff;border-radius:12px;background:#2687ff;color:#fff;font-weight:850;cursor:pointer;padding:0 18px}.authPrimary:hover{background:#358fff}.formMsg{min-height:18px;color:#ff7b8c;font-size:11px}.authSwitch{margin-top:17px;padding-top:17px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);text-align:center}.authSwitch button{border:0;background:none;color:#69aaff;font-weight:750;cursor:pointer}.profilePage,.adminPage{padding-top:28px;padding-bottom:70px}.profileHero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:17px;align-items:center;border:1px solid var(--line);background:var(--surface);border-radius:22px;padding:22px;margin-bottom:18px}.profileAvatar{width:66px;height:66px;border-radius:20px;display:grid;place-items:center;background:#513978;color:#eee4ff;font-weight:900;font-size:25px}.profileHero small,.adminTitle small{font-size:9px;letter-spacing:.16em;color:#67a8ff;font-weight:850}.profileHero h1,.adminTitle h1{margin:3px 0 4px;font-size:25px}.profileHero p,.adminTitle p{margin:0;color:var(--muted);font-size:12px}.profileHeroActions{display:flex;gap:8px}.profileHeroActions button,.adminTitle>button{height:39px;border:1px solid var(--line);background:var(--surface2);color:var(--text);border-radius:11px;padding:0 13px;cursor:pointer}.profileHeroActions .dangerGhost{color:#ff8494}.profileGrid,.adminGrid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr);gap:18px;margin-bottom:18px}.profileCard,.adminCard{border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:21px}.profileCard h2,.adminCard h2{margin:0 0 17px;font-size:17px}.profileStats{align-content:start}.statLine{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.statLine:last-child{border-bottom:0}.statLine span{color:var(--muted)}.profileSectionHead{display:flex;justify-content:space-between;gap:16px;align-items:start}.profileSectionHead h2{margin-bottom:4px}.profileSectionHead p{margin:0;color:var(--muted);font-size:11px}.profileSectionHead>span{display:grid;place-items:center;min-width:28px;height:28px;border-radius:9px;background:var(--surface2);color:#8ebfff;font-weight:800}.orderList{display:grid}.orderRow{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 2px;border-top:1px solid var(--line)}.orderRow:first-child{border-top:0}.orderRow b{font-size:12px}.orderRow small{display:block;color:var(--muted);font-size:9px;margin-top:4px}.orderRow>span{padding:5px 8px;border:1px solid var(--line);border-radius:9px;font-size:9px;color:#8bbcff}.emptyProfile{padding:30px 5px;color:var(--muted);font-size:12px;text-align:center}.adminTitle{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.adminCard>p{color:var(--muted);font-size:11px;line-height:1.55}.markupForm{display:grid;grid-template-columns:minmax(0,1fr) 130px;gap:10px;margin-top:17px}.percentInput{position:relative}.percentInput input{padding-right:38px;font-weight:800;font-size:17px}.percentInput span{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--muted);font-weight:800}.markupExample{margin-top:12px;padding:10px 11px;border-radius:11px;background:var(--surface2);font-size:10px;color:var(--muted);line-height:1.5}.markupExample b{color:var(--text)}.adminMetric{display:flex;align-items:baseline;gap:8px;margin-bottom:13px}.adminMetric b{font-size:34px}.adminMetric span{color:var(--muted);font-size:10px}.userMiniList{display:grid;gap:5px}.userMiniList>div{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:9px;align-items:center;padding:7px;border-radius:11px}.userMiniList>div:hover{background:var(--surface2)}.miniAvatar{width:32px;height:32px;font-size:10px}.userMiniList span:nth-child(2){min-width:0}.userMiniList b,.userMiniList small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.userMiniList b{font-size:10px}.userMiniList small{font-size:8px;color:var(--muted);margin-top:2px}.userMiniList em{font-style:normal;color:#7eaee8;font-size:8px}.nftMarkupCard{margin-top:18px}.nftMarkupForm{display:grid;grid-template-columns:minmax(280px,1fr) 160px 130px;gap:10px;align-items:end;margin-top:18px}.adminCollectionSelect{display:grid;grid-template-columns:1fr 1.3fr;gap:8px}.markupRows{display:grid;margin-top:17px}.markupRow{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;border-top:1px solid var(--line);padding:11px 2px}.markupRow b{font-size:12px}.markupRow small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.markupRow strong{color:#65d996}.markupRow strong.negative{color:#ffb46d}.markupRow button{border:1px solid var(--line);background:var(--surface2);color:#ff8795;border-radius:9px;height:32px;padding:0 10px;cursor:pointer}
html[data-theme="light"] .authCard,html[data-theme="light"] .profileHero,html[data-theme="light"] .profileCard,html[data-theme="light"] .adminCard{background:#fff}html[data-theme="light"] .authForm input{background:#f7f9fb}
@media(max-width:900px){.accountName,.adminHeadBtn{display:none}.top{grid-template-columns:170px minmax(240px,1fr) auto}.profileGrid,.adminGrid{grid-template-columns:1fr}.nftMarkupForm{grid-template-columns:1fr 140px}.nftMarkupForm .authPrimary{grid-column:1/-1}.adminCollectionSelect{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.top{grid-template-columns:42px minmax(0,1fr) auto}.brand>span:last-child{display:none}.headActions #lang,.headActions #currency{display:none}.accountBtn{width:38px;min-width:38px!important;padding:0!important;justify-content:center}.loginBtn{padding:0 12px!important}.profileHero{grid-template-columns:auto 1fr}.profileHeroActions{grid-column:1/-1}.profileGrid{grid-template-columns:1fr}.adminTitle{align-items:flex-start}.markupForm{grid-template-columns:1fr}.nftMarkupForm{grid-template-columns:1fr}.adminCollectionSelect{grid-template-columns:1fr}.profileCard,.adminCard{padding:16px}}
.siteHeader{height:106px}.top{height:66px}.headerNav{height:40px;border-top:1px solid var(--line);background:var(--surface)}.headerNav>.container{height:40px;display:flex;align-items:center;gap:22px}.headerNav button{border:0;background:none;color:var(--muted);font-size:11px;font-weight:700;padding:0;cursor:pointer}.headerNav button:hover{color:var(--text)}
@media(max-width:760px){.siteHeader{height:66px}.headerNav{display:none}.accountShell{min-height:calc(100vh - 66px)}}

/* v46 — premium member center + content studio */
.memberPage{width:min(720px,100%);padding-top:28px;padding-bottom:80px}.memberCrumb{font-size:11px;color:var(--muted);margin-bottom:16px}.memberHeader{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:4px 2px 14px}.memberAvatar{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#553578;color:#eee4ff;font-weight:900;font-size:18px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}.memberAvatar.tone-blue{background:#254f88}.memberAvatar.tone-green{background:#27684e}.memberAvatar.tone-orange{background:#8a5428}.memberAvatar.mini{width:38px;height:38px;font-size:12px}.memberHeader h1{margin:0 0 3px;font-size:20px}.memberHeader p{margin:0;color:var(--muted);font-size:11px}.memberAdmin{height:34px;border:1px solid var(--line);border-radius:10px;background:var(--surface2);color:#7eb4ff;padding:0 12px;cursor:pointer}.profileQuickGrid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;padding:15px;border:1px solid var(--line);background:var(--surface);border-radius:14px;margin-bottom:14px}.profileQuickGrid button{min-width:0;position:relative;border:0;background:transparent;color:var(--muted);padding:4px 2px;display:grid;justify-items:center;gap:5px;cursor:pointer;font-size:10px}.profileQuickGrid button:hover{color:var(--text)}.profileQuickGrid strong{position:absolute;top:-3px;font-size:10px;color:#56a0ff;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profileQuickIcon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--surface2);border:1px solid rgba(255,255,255,.025)}.profileMenuSvg{width:19px;height:19px}.gCoinSvg{width:22px;height:22px}.memberLevel{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:13px 16px;margin-bottom:14px}.levelBadge{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#5b3b80;color:#fff;font-weight:900}.levelTop{display:flex;justify-content:space-between;font-size:10px;margin-bottom:8px}.levelBar{height:5px;background:var(--surface2);border-radius:10px;overflow:hidden}.levelBar i{display:block;height:100%;background:#7a4fba}.memberLevel>small{color:var(--muted);font-size:9px;line-height:1.35}.memberPanel{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:18px;margin-top:14px}.memberPanel h2,.memberPanel h3{margin:0}.memberPanelHead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.memberPanelHead p{margin:5px 0 0;color:var(--muted);font-size:11px}.requisitesPanel h3{font-size:13px;margin-bottom:11px}.requisiteRow{width:100%;display:grid;grid-template-columns:38px 1fr auto;gap:12px;align-items:center;border:0;background:transparent;color:var(--text);text-align:left;padding:6px 0;cursor:pointer}.requisiteRow small{display:block;color:var(--muted);margin-top:3px}.requisiteRow em{font-style:normal;color:var(--muted);font-size:22px}.referralPanel{display:grid;grid-template-columns:56px 1fr;gap:16px;align-items:center}.refCat{width:56px;height:56px;border-radius:16px;background:#322f55;display:grid;place-items:center;color:#7eb0ff;font-size:28px;font-weight:900}.referralPanel p{margin:5px 0 12px;color:var(--muted);font-size:11px;line-height:1.5}.refLink{height:38px;display:flex;align-items:center;padding:0 12px;border-radius:10px;background:var(--surface2);color:#a6b4c7;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.balanceBig{display:flex;align-items:center;gap:8px;font-size:19px}.balanceCoin{width:28px;height:28px}.topupForm{display:grid;gap:14px}.topupForm>label{display:grid;gap:7px;font-size:11px;font-weight:800}.topupForm label>small{font-weight:500;color:var(--muted)}.amountField{position:relative}.amountField input{width:100%;height:48px;border:1px solid var(--line);border-radius:11px;background:var(--surface2);color:var(--text);padding:0 45px 0 13px;font-size:18px;font-weight:800;outline:0}.amountField input:focus{border-color:#2f8fff;box-shadow:0 0 0 3px rgba(47,143,255,.1)}.amountField span{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:var(--muted)}.amountPresets{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.amountPresets button{height:39px;border:1px solid var(--line);border-radius:9px;background:var(--surface2);color:#90baff;cursor:pointer}.paymentTitle{font-size:11px;color:var(--muted);font-weight:800}.paymentMethods{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.paymentMethods label{position:relative;display:grid;justify-items:center;gap:5px;padding:12px 6px;border:1px solid var(--line);border-radius:11px;background:var(--surface2);cursor:pointer}.paymentMethods input{position:absolute;opacity:0}.paymentMethods label:has(input:checked){border-color:#2e86ff;background:rgba(46,134,255,.08)}.paymentMethods b{font-size:11px}.paymentMethods small{font-size:9px;color:var(--muted)}.payIcon{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#263850;color:#71aaff}.topupSubmit{width:min(260px,100%);justify-self:center;margin-top:6px}.topupHistory{margin-top:23px;border-top:1px solid var(--line);padding-top:15px}.topupHistory h3{font-size:12px;margin-bottom:8px}.topupHistory>div{display:grid;grid-template-columns:1fr auto auto;gap:14px;padding:8px 0;border-top:1px solid var(--line);font-size:10px}.topupHistory span{color:var(--muted)}.topupHistory em{font-style:normal;color:#efb363}.settingsPanel{padding:22px}.settingsList{display:grid;margin-top:14px}.settingsList>div{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.settingsList>div:last-child{border-bottom:0}.settingIcon{width:38px;height:38px;border-radius:50%;background:var(--surface2);display:grid;place-items:center;color:#9ba8b9;font-size:16px}.settingIcon.tg{background:#209cdd;color:white}.settingsList b,.settingsList small{display:block}.settingsList b{font-size:12px}.settingsList small{font-size:10px;color:var(--muted);margin-top:3px}.settingsList em{font-style:normal;color:var(--muted);font-size:11px}.settingsList button{border:0;background:none;color:#68a8ff;cursor:pointer}.settingsList select{height:34px;border:1px solid var(--line);border-radius:9px;background:var(--surface2);color:var(--text);padding:0 9px}.switch{width:40px;height:22px;position:relative}.switch input{opacity:0}.switch i{position:absolute;inset:0;border-radius:20px;background:var(--surface2);border:1px solid var(--line)}.switch i:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:#8490a1;left:2px;top:2px;transition:.2s}.switch input:checked+i{background:#207be7}.switch input:checked+i:after{left:20px;background:white}.settingsLogout{display:flex;gap:14px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.settingsLogout button{border:0;background:none;color:#68a8ff;cursor:pointer}.settingsLogout button:last-child{color:#ff5f72}.profileDialog{border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--text);padding:20px;width:min(420px,calc(100% - 30px))}.profileDialog::backdrop{background:rgba(0,0,0,.65)}.profileDialog form{display:grid;gap:12px}.profileDialog label{display:grid;gap:6px;font-size:11px}.profileDialog input{height:43px;border:1px solid var(--line);border-radius:10px;background:var(--surface2);color:var(--text);padding:0 12px}.profileDialog form>div{display:flex;justify-content:flex-end;gap:8px}.profileDialog button{height:36px;padding:0 13px;border:1px solid var(--line);border-radius:9px;background:var(--surface2);color:var(--text)}.purchaseList{display:grid}.purchaseList>div{display:grid;grid-template-columns:36px 1fr auto;gap:11px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.purchaseIcon{width:36px;height:36px;border-radius:10px;background:var(--surface2);display:grid;place-items:center;color:#5da1ff}.purchaseList b,.purchaseList small{display:block}.purchaseList small{font-size:9px;color:var(--muted);margin-top:3px}.purchaseList em{font-style:normal;color:#78aaf0;font-size:9px}.emptyFeature{text-align:center;padding:44px 20px}.emptyFeature>span{width:62px;height:62px;border-radius:20px;display:grid;place-items:center;background:var(--surface2);color:#5e9ef4;font-size:30px;font-weight:900;margin:0 auto 15px}.emptyFeature p{color:var(--muted);font-size:11px;max-width:390px;margin:8px auto 0;line-height:1.5}
.adminPro{width:min(1180px,100%)}.adminTabs{display:flex;gap:6px;padding:5px;background:var(--surface);border:1px solid var(--line);border-radius:13px;margin-bottom:15px;overflow:auto}.adminTabs button{height:38px;padding:0 15px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-weight:750;white-space:nowrap;cursor:pointer}.adminTabs button.active{background:var(--surface2);color:var(--text);box-shadow:inset 0 0 0 1px var(--line)}.adminTab{display:none}.adminTab.active{display:block}.adminContentGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.smallBlue{height:34px;padding:0 11px;border:1px solid rgba(58,143,255,.45);border-radius:9px;background:rgba(42,130,244,.1);color:#70adff;cursor:pointer}.contentEditor{display:grid;gap:9px;margin-top:14px}.adminContentRow{display:grid;grid-template-columns:82px 1fr auto 30px;gap:9px;align-items:center;padding:9px;border:1px solid var(--line);border-radius:12px;background:var(--surface2)}.adminContentPreview{width:82px;height:60px;border-radius:9px;overflow:hidden;background:#171d25;display:grid;place-items:center;color:var(--muted);font-size:9px}.adminContentPreview img{width:100%;height:100%;object-fit:cover}.adminContentFields{display:grid;grid-template-columns:1fr 1fr;gap:6px}.adminContentFields input,.catalogMediaSearch>input,.adminBalanceEdit input{height:36px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);padding:0 9px;outline:0}.adminUploadBtn{height:35px;display:flex;align-items:center;justify-content:center;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:#78adf4;font-size:10px;cursor:pointer}.adminUploadBtn input{display:none}.adminUploadBtn.big{display:inline-flex;height:38px;margin-top:8px}.removeContent{width:30px;height:30px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:#ff7184;cursor:pointer}.saveContentBtn{margin-top:15px}.catalogMediaSearch{position:relative}.catalogMediaSearch>input{width:100%;height:44px}.catalogMediaSearch #adminProductResults{position:absolute;z-index:20;top:49px;left:0;right:0;background:var(--surface);border:1px solid var(--line);border-radius:12px;max-height:360px;overflow:auto}.catalogMediaSearch #adminProductResults:empty{display:none}.catalogMediaSearch #adminProductResults button{width:100%;display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);padding:8px;cursor:pointer}.catalogMediaSearch #adminProductResults button:hover{background:var(--surface2)}.catalogMediaSearch #adminProductResults button>span:first-child{width:42px;height:42px;border-radius:8px;overflow:hidden;background:var(--surface2)}.catalogMediaSearch img{width:100%;height:100%;object-fit:cover}.catalogMediaSearch b,.catalogMediaSearch small{display:block}.catalogMediaSearch small{font-size:8px;color:var(--muted);margin-top:3px}.productImageEditor{margin-top:15px}.selectedProductMedia{display:grid;grid-template-columns:160px 1fr;gap:17px;padding:15px;border:1px solid var(--line);border-radius:14px;background:var(--surface2)}.selectedProductArt{width:160px;aspect-ratio:1;border-radius:13px;overflow:hidden;background:var(--surface)}.selectedProductArt img{width:100%;height:100%;object-fit:cover}.selectedProductMedia h3{margin:4px 0 6px}.selectedProductMedia p{color:var(--muted);font-size:10px}.adminUserTable{display:grid}.adminUserRow{display:grid;grid-template-columns:38px minmax(180px,1fr) 80px minmax(250px,.8fr);gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.adminUserRow b,.adminUserRow small{display:block}.adminUserRow small{font-size:9px;color:var(--muted);margin-top:3px}.adminUserRow em{font-style:normal;color:#6fa7ee;font-size:9px}.adminBalanceEdit{display:grid;grid-template-columns:1fr auto auto;gap:6px;align-items:center}.adminBalanceEdit span{color:var(--muted)}.adminBalanceEdit button{height:34px;border:1px solid var(--line);border-radius:8px;background:var(--surface2);color:#73aef8;cursor:pointer}
html[data-theme="light"] .memberPanel,html[data-theme="light"] .profileQuickGrid,html[data-theme="light"] .memberLevel,html[data-theme="light"] .adminTabs{background:#fff}html[data-theme="light"] .adminContentRow{background:#f6f8fb}
@media(max-width:800px){.profileQuickGrid{grid-template-columns:repeat(3,1fr)}.adminContentGrid{grid-template-columns:1fr}.adminContentRow{grid-template-columns:70px 1fr auto}.adminContentPreview{width:70px}.adminContentFields{grid-template-columns:1fr}.adminContentRow .removeContent{grid-column:3}.adminUserRow{grid-template-columns:34px 1fr auto}.adminBalanceEdit{grid-column:2/-1}.selectedProductMedia{grid-template-columns:110px 1fr}.selectedProductArt{width:110px}.paymentMethods{grid-template-columns:1fr}.memberPage{padding-left:12px;padding-right:12px}}
@media(max-width:520px){.memberHeader{grid-template-columns:auto 1fr}.memberAdmin{grid-column:1/-1}.profileQuickGrid{padding:10px}.profileQuickGrid button{font-size:9px}.memberLevel{grid-template-columns:32px 1fr}.memberLevel>small{grid-column:2}.amountPresets{grid-template-columns:repeat(2,1fr)}.referralPanel{grid-template-columns:1fr}.refCat{margin:auto}.adminContentRow{grid-template-columns:1fr}.adminContentPreview{width:100%;height:120px}.adminContentRow .removeContent{grid-column:auto}.selectedProductMedia{grid-template-columns:1fr}.selectedProductArt{width:100%;max-width:220px}.settingsList>div{grid-template-columns:38px 1fr}.settingsList>div>*:last-child{grid-column:2}.adminUserRow{grid-template-columns:32px 1fr}.adminUserRow>em{grid-column:2}.adminBalanceEdit{grid-column:1/-1}}
.headBalance{height:38px!important;border:1px solid var(--line)!important;border-radius:11px!important;background:var(--surface2)!important;color:var(--text)!important;padding:0 9px!important;display:flex!important;align-items:center!important;gap:6px!important}.headBalance span{display:flex}.headBalance b{font-size:10px;color:#77adf8;white-space:nowrap}.headGCoin{width:20px;height:20px}@media(max-width:760px){.headBalance b{display:none}.headBalance{width:38px!important;padding:0!important;justify-content:center!important}}

/* v47 — connected admin studio + compact G balance */
.headBalance{min-width:64px!important;justify-content:center!important;background:transparent!important;border-color:transparent!important;padding:0 6px!important}.headBalance:hover{background:var(--surface2)!important;border-color:var(--line)!important}.headBalance b{font-size:12px!important;color:#4d91ff!important;font-weight:850}.headGCoin{width:21px!important;height:21px!important}.profileQuickGrid button:first-child strong{color:#4d91ff;font-size:11px}.profileQuickGrid button:first-child strong:after{content:" G";font-size:8px;color:var(--muted)}
.adminCardToolbar{display:flex;gap:12px;align-items:center;margin:16px 0}.adminCardToolbar>input{height:42px;flex:1;min-width:180px;border:1px solid var(--line);border-radius:10px;background:var(--surface2);color:var(--text);padding:0 12px;outline:0}.adminCardToolbar>input:focus{border-color:#318cff;box-shadow:0 0 0 3px rgba(49,140,255,.1)}.adminDeptFilters{display:flex;gap:6px;flex-wrap:wrap}.adminDeptFilters button{height:36px;border:1px solid var(--line);border-radius:9px;background:var(--surface2);color:var(--muted);padding:0 11px;cursor:pointer}.adminDeptFilters button.active{border-color:#347fdc;color:#8fc0ff;background:rgba(52,127,220,.1)}.adminCardsGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.adminStoreCard{min-width:0;display:grid;grid-template-rows:auto auto auto;gap:8px;text-align:left;border:1px solid var(--line);border-radius:13px;background:var(--surface2);color:var(--text);padding:9px;cursor:pointer}.adminStoreCard:hover{border-color:#397fd1}.adminStoreCardArt{aspect-ratio:1;border-radius:10px;overflow:hidden;background:var(--surface);display:grid;place-items:center}.adminStoreCardArt img,.adminStoreCardArt .artFallback{width:100%;height:100%;object-fit:cover}.adminStoreCardText{min-width:0}.adminStoreCardText b,.adminStoreCardText small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adminStoreCardText b{font-size:10px}.adminStoreCardText small{font-size:8px;color:var(--muted);margin-top:3px}.adminStoreCardAction{font-size:9px;color:#6faaff}.adminCardsMore{display:block;margin:14px auto 0}.profileSectionHead>span#adminCardsCount{min-width:unset;height:auto;background:none;color:#78adf5;font-size:12px}.dangerGhost{height:38px;margin:8px 0 0 8px;border:1px solid var(--line);border-radius:8px;background:transparent;color:#ff7c8d;padding:0 12px;cursor:pointer}
@media(max-width:1050px){.adminCardsGrid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:800px){.adminCardsGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.adminCardToolbar{align-items:stretch;flex-direction:column}}@media(max-width:560px){.adminCardsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
html[data-theme="light"] .adminStoreCard,html[data-theme="light"] .adminCardToolbar>input{background:#f7f9fb}

/* v48 — readability pass: larger typography across the storefront */
body{font-size:15px}
.search input,.miniSearch input,input,select,textarea,button{font-size:14px}
.inlineHead h1{font-size:23px}.inlineHead span{font-size:12px}
.railTitle h2{font-size:20px}.railTitle span{font-size:11px}
.promoCopy span{font-size:9px}.promoCopy b{font-size:17px}.promoCopy small{font-size:11px}
.popularName{font-size:11px;line-height:1.3}
.gameName{font-size:14px}.meta{font-size:11px}
.artBadge{font-size:11px}.primaryTabs button,.subTabs button{font-size:14px}
.crumb{font-size:13px}.introCopy .eyebrow,.setup .eyebrow{font-size:10px}.introCopy p{font-size:14px}
.trustRow b,.trustRow span{font-size:11px}.flowHead small,.sortBadge{font-size:11px}.stepLabel b{font-size:14px}.stepLabel small{font-size:11px}
.regionTabs button{font-size:14px}.regionTabs button small{font-size:10px}
.contactTitle b{font-size:13px}.contactTitle small{font-size:10px}
.tgMarketTotal span{font-size:12px}.tgSortInline select,.tgPriceInline>span:first-child,.tgPriceInline b,.tgFacetBtn b{font-size:13px}
.tgCollectionOption b,.tgFacetOption b{font-size:12px}.tgCollectionOption small{font-size:10px}.tgFacetHint,.tgFacetLoading,.tgResetInline{font-size:12px}.tgRateLine{font-size:11px}
.tgDualPrice strong{font-size:14px!important}.tgDualPrice small{font-size:11px!important}.tgProductState{font-size:13px}.tgProductVisual p{font-size:12px}.tgProductAttr small{font-size:12px}.tgProductAttr b{font-size:16px}.tgProductAttr em{font-size:13px}
.memberPage,.adminPro{font-size:15px}.profileQuickGrid button{font-size:12px}.purchaseList small,.adminUserRow small{font-size:10px}.purchaseList em,.adminUserRow em{font-size:10px}.emptyFeature p{font-size:12px}
.adminTabs button{font-size:13px}.adminUploadBtn{font-size:11px}.catalogMediaSearch small,.adminStoreCardText small{font-size:10px}.adminStoreCardText b{font-size:12px}.adminStoreCardAction{font-size:11px}.selectedProductMedia p{font-size:11px}
.headBalance b{font-size:13px!important}.profileQuickGrid button:first-child strong{font-size:13px}
@media(max-width:760px){body{font-size:14px}.railTitle h2{font-size:18px}.railTitle span{font-size:9px}.promoCopy b{font-size:15px}.promoCopy small{font-size:10px}.popularName{font-size:10px}.gameName{font-size:12px}.meta{font-size:10px}.artBadge{font-size:10px}}
@media(max-width:420px){.search input{font-size:13px}.profileQuickGrid button{font-size:10px}}

/* v50 profile dashboard alignment */
.profileQuickGrid{display:flex;align-items:stretch;gap:0;padding:14px 16px 12px;border-radius:12px;overflow:hidden}
.profileQuickGrid button.profileQuickItem{flex:1;min-width:82px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:7px;padding:1px 8px 5px;color:#7ea5de;font-size:13px;line-height:1.1}
.profileQuickGrid button.profileQuickItem:hover{color:#9fc1ff;background:rgba(255,255,255,.018)}
.profileQuickVisual{height:38px;display:flex;align-items:center;justify-content:center;gap:5px;position:relative}
.profileQuickIcon{width:36px;height:36px;border:0;background:transparent;border-radius:9px;display:grid;place-items:center}
.profileQuickIcon .profileMenuSvg{width:22px;height:22px}
.profileQuickValue{position:static!important;max-width:none!important;font-size:13px!important;line-height:1;color:#3d83ff!important;font-weight:800;letter-spacing:-.15px;overflow:visible!important}
.profileQuickLabel{white-space:nowrap}
.profileQuick-balance .profileQuickIcon{color:#2f80ff;background:rgba(22,92,220,.11)}
.profileQuick-balance .profileMenuSvg{width:24px;height:24px}
.profileQuick-purchases .profileQuickIcon{color:#16a570;background:rgba(18,146,95,.09)}
.profileQuick-gcard .profileQuickIcon{color:#317dff;background:rgba(44,113,245,.08)}
.profileQuick-coupons .profileQuickIcon{color:#d33d78;background:rgba(203,43,106,.08)}
.profileQuick-tasks .profileQuickIcon{color:#d94658;background:rgba(214,52,73,.08)}
.profileQuick-settings .profileQuickIcon{color:#8190a5;background:rgba(118,130,149,.07)}
.profileQuick-purchases .profileQuickLabel,.profileQuick-gcard .profileQuickLabel,.profileQuick-coupons .profileQuickLabel,.profileQuick-tasks .profileQuickLabel,.profileQuick-settings .profileQuickLabel{color:#7ea5de}

.memberLevel{grid-template-columns:42px minmax(0,1fr) auto auto;gap:10px;padding:12px 15px;border-radius:12px}
.levelBadge{width:42px;height:42px;font-size:16px;background:#5b3b80}
.memberLevelMain{min-width:0}.levelTop{font-size:12px;margin-bottom:7px}.levelTop b{display:flex;align-items:center;gap:5px}.levelInfo{width:15px;height:15px;border:1px solid #5f7ea8;border-radius:50%;display:inline-grid;place-items:center;color:#78a5df;font-size:9px;font-weight:800}
.levelBar{height:6px;background:#121820}.levelBar i{background:#7045ad}
.memberLevelNext{min-width:80px;text-align:left;line-height:1.2}.memberLevelNext b{display:block;font-size:12px}.memberLevelNext small{display:block;color:var(--muted);font-size:10px;margin-top:2px}
.levelPrize{position:relative;min-width:86px;height:46px;border:0;border-radius:8px;background:var(--surface2);color:var(--text);display:grid;grid-template-columns:27px 1fr;grid-template-rows:1fr 1fr;align-items:center;column-gap:6px;padding:7px 9px;cursor:pointer;text-align:left}
.levelPrize>span{position:absolute;right:4px;top:-8px;background:#8049d5;color:white;border-radius:8px;padding:1px 6px;font-size:8px;font-weight:800}.levelPrize>b{grid-row:1/3;width:27px;height:27px;border-radius:6px;background:#cdd6ff;color:#6b5ab4;display:grid;place-items:center;font-size:14px}.levelPrize>em{font-style:normal;font-size:11px;grid-column:2;grid-row:1/3;align-self:center}
.requisitesPanel{padding:16px 18px 18px}.requisitesPanel h3{font-size:14px}.requisiteRow{grid-template-columns:46px 1fr auto;padding-top:8px}.requisiteRow .settingIcon.tg{width:43px;height:43px;font-size:19px;box-shadow:inset 0 0 0 2px rgba(255,255,255,.15)}
.referralPanel{grid-template-columns:64px 1fr;padding:18px 20px;gap:16px}.refCat{width:64px;height:64px;border-radius:18px;background:#41436b;color:#87afff;font-size:0;position:relative;overflow:hidden}.refCat:before{content:"G";font-size:28px;font-weight:900}.refCat:after{content:"";position:absolute;left:8px;right:8px;bottom:7px;height:12px;border-radius:50%;background:rgba(87,137,255,.2)}.referralPanel h3{font-size:15px}.referralPanel p{font-size:12px;line-height:1.45;margin:6px 0 12px}.refLink{height:40px;font-size:12px;justify-content:center}

html[data-theme="light"] .profileQuick-purchases .profileQuickIcon{background:#e8f6f0}html[data-theme="light"] .profileQuick-gcard .profileQuickIcon{background:#edf3ff}html[data-theme="light"] .profileQuick-coupons .profileQuickIcon{background:#fff0f6}html[data-theme="light"] .profileQuick-tasks .profileQuickIcon{background:#fff0f1}html[data-theme="light"] .profileQuick-settings .profileQuickIcon{background:#f1f3f6}
@media(max-width:800px){.profileQuickGrid{overflow-x:auto;justify-content:flex-start}.profileQuickGrid button.profileQuickItem{flex:0 0 92px}.memberLevel{grid-template-columns:40px minmax(0,1fr) auto}.levelPrize{grid-column:2/4;justify-self:end}.memberLevelNext{grid-column:3;grid-row:1}.referralPanel{grid-template-columns:56px 1fr}.refCat{width:56px;height:56px}}
@media(max-width:520px){.profileQuickGrid{padding:12px 8px}.profileQuickGrid button.profileQuickItem{flex-basis:82px;font-size:11px}.profileQuickIcon{width:32px;height:32px}.memberLevel{grid-template-columns:38px minmax(0,1fr);align-items:center}.memberLevelNext{grid-column:2;grid-row:auto}.levelPrize{grid-column:2;justify-self:start}.referralPanel{grid-template-columns:1fr}.refCat{margin:0}.refLink{justify-content:flex-start}}

/* v51 profile balance token + rounded hover */
.profileQuickGrid button.profileQuickItem{border-radius:14px;transition:background-color .22s ease,color .22s ease,transform .22s ease,box-shadow .22s ease}
.profileQuickGrid button.profileQuickItem:hover{background:rgba(53,119,225,.10)!important;color:#a9c8ff;transform:translateY(-1px);box-shadow:inset 0 0 0 1px rgba(84,145,240,.10)}
.profileQuickGrid button.profileQuickItem:active{transform:translateY(0);transition-duration:.08s}
.profileQuick-balance .profileQuickVisual{padding:0 10px;border-radius:11px;transition:background-color .22s ease}
.profileQuick-balance:hover .profileQuickVisual{background:rgba(28,103,225,.09)}
.profileQuick-balance .profileQuickIcon{background:transparent!important}
.profileQuick-balance .profileQuickIcon .profileMenuSvg{width:27px;height:27px}
.profileQuickValue{font-size:14px!important}
.headGCoin{width:22px!important;height:22px!important}
html[data-theme="light"] .profileQuickGrid button.profileQuickItem:hover{background:#edf4ff!important;box-shadow:inset 0 0 0 1px #d9e8ff}


/* v52 — custom balance image managed from admin */
.profileQuickGrid{border:0!important}
.profileQuickGrid button.profileQuickItem:hover{box-shadow:none!important}
.profileQuick-balance .profileQuickVisual{padding:0 8px}
.profileQuick-balance .profileQuickIcon{width:auto;height:36px;min-width:0;background:transparent!important;border:0!important}
.profileBalanceImage{display:block;width:30px;height:30px;object-fit:contain;border:0!important;border-radius:0!important;box-shadow:none!important}
.headBalance{border:0!important;box-shadow:none!important;gap:6px!important}
.headBalance:hover{border:0!important;box-shadow:none!important;background:var(--surface2)!important}
.headBalanceImage{width:22px;height:22px;display:block;object-fit:contain;border:0;border-radius:0;box-shadow:none}
.balancePageImage{width:30px;height:30px;display:block;object-fit:contain;border:0;border-radius:0;box-shadow:none}
.adminBalanceBrandCard{margin-bottom:16px}
.adminBalanceBranding{display:grid;grid-template-columns:110px minmax(0,1fr);gap:18px;align-items:center;margin-top:14px}
.adminBalanceBrandPreview{width:110px;height:110px;border-radius:18px;background:var(--surface2);display:grid;place-items:center;overflow:hidden;color:var(--muted);font-size:11px}
.adminBalanceBrandPreview img{width:76%;height:76%;object-fit:contain}
.adminBalanceBrandActions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.adminBalanceBrandActions small{width:100%;color:var(--muted);font-size:10px}
@media(max-width:520px){.adminBalanceBranding{grid-template-columns:1fr}.adminBalanceBrandPreview{width:100%;height:120px}.adminBalanceBrandPreview img{width:72px;height:72px}}

/* v53 — two-level header, smooth theme switch, cleaner member panels */
.siteHeader{
  height:106px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 72%,var(--bg)) 0%,color-mix(in srgb,var(--bg) 88%,var(--surface)) 100%);
  border-bottom:1px solid color-mix(in srgb,var(--line) 82%,transparent);
  backdrop-filter:blur(18px);
}
.top{background:transparent}
.headerNav{background:transparent;border-top:1px solid color-mix(in srgb,var(--line) 58%,transparent)}
.headerNav>.container.headerNavInner{height:40px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.headerNavLinks{display:flex;align-items:center;gap:22px;min-width:0}
.headerNavTools{margin-left:auto;display:flex;align-items:center;gap:9px;height:100%}
.navBalance{height:31px!important;border:0!important;background:transparent!important;color:var(--muted)!important;padding:0!important;display:flex!important;align-items:center!important;gap:8px!important;cursor:pointer}
.navBalanceLabel{font-size:11px;font-weight:750;color:var(--muted)}
.navBalanceAmount{height:28px;min-width:58px;padding:0 8px;border:1px solid var(--line2);border-radius:9px;background:color-mix(in srgb,var(--surface2) 88%,transparent);display:inline-flex;align-items:center;justify-content:center;gap:5px;transition:border-color .18s ease,background-color .18s ease,color .18s ease}
.navBalanceAmount b{font-size:11px;color:#6da9ff;font-weight:850;white-space:nowrap}
.navBalance:hover .navBalanceAmount{border-color:#3a69a2;background:color-mix(in srgb,var(--surface3) 88%,transparent)}
.navBalanceImage{width:19px;height:19px;display:block;object-fit:contain}
.navTheme{width:31px;height:31px!important;min-width:31px!important;border:0!important;border-radius:9px!important;background:color-mix(in srgb,var(--surface2) 72%,transparent)!important;color:var(--muted)!important;display:grid!important;place-items:center!important;padding:0!important;transition:background-color .18s ease,color .18s ease,transform .18s ease}
.navTheme:hover{background:var(--surface3)!important;color:var(--text)!important;transform:translateY(-1px)}
.navTheme .headerSvg{width:16px;height:16px}
.mobileBalance,.mobileTheme{display:none!important}

/* Theme changes no longer rebuild the page. Only colors transition. */
body,.siteHeader,.headerNav,.search,.headActions button,.navBalanceAmount,.navTheme,.memberPanel,.memberLevel,.profileQuickGrid{
  transition:background-color .22s ease,color .18s ease,border-color .22s ease,box-shadow .22s ease;
}

/* Profile: remove hard outlines and keep depth through tone only. */
.profileQuickGrid,.memberLevel,.memberPanel{border:0!important;box-shadow:none!important}
.profileQuickGrid{background:color-mix(in srgb,var(--surface) 94%,var(--bg))}
.memberLevel,.memberPanel{background:color-mix(in srgb,var(--surface) 96%,var(--bg))}
.requisitesPanel,.referralPanel{border:0!important}
html[data-theme="light"] .profileQuickGrid,html[data-theme="light"] .memberLevel,html[data-theme="light"] .memberPanel{background:#fff}

@media(max-width:760px){
  .siteHeader{height:66px;background:color-mix(in srgb,var(--surface) 88%,var(--bg))}
  .mobileBalance,.mobileTheme{display:flex!important}
  .mobileBalance{height:36px!important;min-width:38px!important;border:0!important;background:var(--surface2)!important;border-radius:9px!important;padding:0 7px!important;align-items:center!important;gap:4px!important;color:#5f9fff!important}
  .mobileBalance b{font-size:10px}.mobileBalance .headBalanceImage{width:18px;height:18px}
  .mobileTheme{width:36px!important;min-width:36px!important;align-items:center!important;justify-content:center!important}
}

/* v54: home theme toggle is bound once; home surfaces transition without repaint jumps. */
.homePage,.promoShell,.popularShell,.gameArt,.promoCard,.popularThumb,.primaryTabs button,.subTabs button,.miniSearch,.inlineHead,.gameName,.meta{transition:background-color .22s ease,color .18s ease,border-color .22s ease,box-shadow .22s ease,filter .18s ease}


/* v55: atomic theme switch - disable transitions only while swapping theme variables */
html.theme-switching *,html.theme-switching *::before,html.theme-switching *::after{transition:none!important;animation-delay:0s!important}

/* v56 — clean profile quick menu, official-looking Telegram mark, real referral dashboard */
.profileQuickGrid button.profileQuickItem:hover{
  background:rgba(255,255,255,.035)!important;
  color:var(--text)!important;
  box-shadow:none!important;
  outline:0!important;
}
html[data-theme="light"] .profileQuickGrid button.profileQuickItem:hover{
  background:#f3f5f8!important;
  box-shadow:none!important;
}
.profileQuick-balance .profileQuickVisual,.profileQuick-balance:hover .profileQuickVisual{background:transparent!important}
.profileQuickGrid button.profileQuickItem:focus,.profileQuickGrid button.profileQuickItem:focus-visible{outline:0!important;box-shadow:none!important}
.settingIcon.tg{padding:0!important;background:transparent!important;box-shadow:none!important;overflow:visible}
.telegramLogoSvg{width:43px;height:43px;display:block;filter:none}
.settingsList .settingIcon.tg .telegramLogoSvg{width:38px;height:38px}
.referralReal{align-items:start}
.referralMain{min-width:0}
.referralMain p b{color:#6fa8ff}
.refStats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0 12px}
.refStats>span{min-width:0;padding:10px 12px;border-radius:10px;background:var(--surface2);display:grid;gap:3px}
.refStats b{font-size:14px;color:var(--text)}
.refStats small{font-size:9px;color:var(--muted)}
.refLinkRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}
.refLinkRow .refLink{justify-content:flex-start;user-select:text}
.refLinkRow button{height:40px;padding:0 14px;border:0;border-radius:10px;background:#207cf0;color:#fff;font-weight:800;cursor:pointer}
.refLinkRow button:hover{background:#2d88fa}
@media(max-width:620px){.refStats{grid-template-columns:1fr}.refLinkRow{grid-template-columns:1fr}.refLinkRow button{width:100%}}


/* Соц. сети / ismm.store */
.socialLayout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:22px;align-items:start;margin-top:18px}.socialAside{position:sticky;top:120px;display:grid;gap:12px}.socialBalance{padding:16px;border:1px solid var(--line,#2a3140);border-radius:14px;background:var(--card,#171c26);font-weight:700}.socialCats{display:grid;gap:6px;max-height:62vh;overflow:auto}.socialCats button{display:flex;justify-content:space-between;gap:10px;text-align:left;padding:10px 12px;border:0;border-radius:10px;background:transparent;color:inherit;cursor:pointer}.socialCats button.active,.socialCats button:hover{background:rgba(127,127,255,.12)}.socialCats span{opacity:.6}.socialGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.socialServiceCard{padding:18px;border:1px solid var(--line,#2a3140);border-radius:16px;background:var(--card,#171c26);display:flex;flex-direction:column;gap:10px;min-height:220px}.socialServiceCard>small{opacity:.65}.socialServiceCard h3{font-size:16px;line-height:1.35;margin:0}.socialMeta{display:flex;gap:8px;flex-wrap:wrap;font-size:12px;opacity:.75}.socialMeta span{padding:4px 7px;border-radius:8px;background:rgba(127,127,127,.1)}.socialRate{font-size:20px;font-weight:800;margin-top:auto}.socialServiceCard>button{border:0;border-radius:11px;padding:11px 14px;font-weight:800;cursor:pointer;background:#7c5cff;color:white}.socialModalBackdrop{position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,.58);display:grid;place-items:center;padding:18px}.socialModal{width:min(560px,100%);max-height:90vh;overflow:auto;position:relative;padding:24px;border-radius:20px;background:var(--bg,#111722);border:1px solid var(--line,#2a3140);box-shadow:0 24px 80px rgba(0,0,0,.38)}.socialModal label{display:grid;gap:7px;margin:14px 0;font-weight:700}.socialModal input,.socialModal textarea{width:100%;box-sizing:border-box;padding:12px 14px;border-radius:11px;border:1px solid var(--line,#333b4c);background:rgba(127,127,127,.08);color:inherit}.socialClose{position:absolute;right:14px;top:12px;border:0;background:transparent;color:inherit;font-size:28px;cursor:pointer}@media(max-width:980px){.socialLayout{grid-template-columns:1fr}.socialAside{position:static}.socialCats{display:flex;overflow:auto}.socialCats button{min-width:max-content}.socialGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.socialGrid{grid-template-columns:1fr}}

/* Social storefront v2 — follows the same card -> variant -> inline checkout flow as the main catalog. */
.socialMainHead{margin-bottom:18px}.socialNetworkSection{display:grid;gap:18px}.socialSectionTitle{display:flex;align-items:end;justify-content:space-between;gap:18px}.socialSectionTitle small{font-size:11px;letter-spacing:.14em;opacity:.58}.socialSectionTitle h2{margin:4px 0 0;font-size:28px}.socialSectionTitle>span{font-size:13px;opacity:.62}.socialNetworkGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.socialNetworkCard{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr) auto 20px;align-items:center;gap:14px;min-height:104px;padding:16px;text-align:left;color:inherit;border:1px solid var(--line);border-radius:18px;background:var(--card);cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.socialNetworkCard:hover{transform:translateY(-2px);border-color:rgba(124,92,255,.52);background:rgba(124,92,255,.06)}.socialNetworkMark,.socialPlatformLogo{display:grid;place-items:center;font-weight:900;letter-spacing:-.04em;border:1px solid rgba(124,92,255,.24);background:linear-gradient(145deg,rgba(124,92,255,.19),rgba(124,92,255,.06));box-shadow:inset 0 0 24px rgba(124,92,255,.06)}.socialNetworkMark{width:58px;height:58px;border-radius:16px;font-size:17px}.socialNetworkInfo{display:grid;gap:5px}.socialNetworkInfo b{font-size:16px}.socialNetworkInfo small{font-size:12px;opacity:.62}.socialNetworkPrice{display:grid;text-align:right;gap:1px}.socialNetworkPrice small,.socialNetworkPrice em{font-size:10px;font-style:normal;opacity:.55}.socialNetworkPrice strong{font-size:17px}.socialNetworkCard .arrow{font-size:24px;opacity:.38}.socialCrumb{display:flex;align-items:center;gap:10px;margin:0 0 18px;font-size:13px;opacity:.76}.socialCrumb button{border:0;background:transparent;color:inherit;padding:0;cursor:pointer}.socialPlatformIntro{grid-template-columns:150px minmax(0,1fr)}.socialPlatformLogo{width:132px;height:132px;border-radius:30px;font-size:34px}.socialPurchase{margin-top:22px}.socialVariantGrid{display:grid;gap:10px}.socialVariant{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:13px;align-items:start;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:var(--card);cursor:pointer;transition:border-color .15s ease,background .15s ease}.socialVariant:hover,.socialVariant.selected{border-color:rgba(124,92,255,.52);background:rgba(124,92,255,.055)}.socialVariant .check{margin-top:2px}.socialVariantMain{display:grid;gap:5px;min-width:0}.socialVariantMain>small{font-size:11px;opacity:.55}.socialVariantMain>b{font-size:15px;line-height:1.35}.socialVariantMain p{margin:0;max-width:820px;font-size:12px;line-height:1.45;opacity:.65}.socialVariantFacts{display:flex;gap:6px;flex-wrap:wrap;margin-top:3px}.socialVariantFacts span,.socialFlag{display:inline-flex;align-items:center;min-height:25px;padding:4px 8px;border-radius:8px;font-size:11px;background:rgba(127,127,127,.09)}.socialVariantPrice{display:grid;gap:5px;text-align:right;white-space:nowrap}.socialVariantPrice strong{font-size:16px}.socialVariantPrice small{font-size:10px;opacity:.45}.socialServiceDetails{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:14px 0}.socialServiceDetails>div{display:grid;gap:4px;padding:12px;border:1px solid var(--line);border-radius:12px;background:rgba(127,127,127,.045)}.socialServiceDetails small{font-size:10px;opacity:.55}.socialServiceDetails b{font-size:13px}.socialFlags{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 12px}.socialFlag.good{background:rgba(62,196,126,.1)}.socialFlag.muted{opacity:.45}.socialDescription{margin:0 0 14px;padding:12px 14px;border-radius:12px;background:rgba(127,127,127,.055);font-size:13px;line-height:1.55;opacity:.78}.socialOrderFields{grid-template-columns:repeat(2,minmax(0,1fr))}.socialWideField{grid-column:1/-1}.socialOrderFields textarea{width:100%;resize:vertical;box-sizing:border-box}.socialSubGrid{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.socialOrderFields .checkoutField>span{display:flex;align-items:center;justify-content:space-between;gap:12px}.socialOrderFields .checkoutField>span small{font-weight:400;opacity:.55}.socialOrderFields input,.socialOrderFields textarea{font:inherit}
@media(max-width:980px){.socialNetworkGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.socialPlatformIntro{grid-template-columns:110px minmax(0,1fr)}.socialPlatformLogo{width:94px;height:94px;border-radius:24px}.socialServiceDetails{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.socialNetworkGrid{grid-template-columns:1fr}.socialNetworkCard{grid-template-columns:52px minmax(0,1fr) 18px}.socialNetworkMark{width:52px;height:52px}.socialNetworkPrice{grid-column:2;grid-row:2;text-align:left}.socialNetworkCard .arrow{grid-column:3;grid-row:1/3}.socialPlatformIntro{grid-template-columns:1fr}.socialPlatformLogo{width:82px;height:82px}.socialVariant{grid-template-columns:28px minmax(0,1fr)}.socialVariantPrice{grid-column:2;text-align:left;margin-top:5px}.socialServiceDetails,.socialOrderFields,.socialSubGrid{grid-template-columns:1fr}}

/* Social storefront v3 — platform cards now intentionally reuse the catalog product-card geometry. */
.socialPlatformGrid{margin-top:0}.socialPlatformCard{border:0;background:transparent;color:inherit;text-align:inherit}.socialPlatformArt{display:block}.socialPlatformArtInner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px;background:radial-gradient(circle at 32% 22%,rgba(78,147,255,.28),transparent 33%),linear-gradient(145deg,#18263d,#111722 68%);color:#eef6ff}.socialPlatformArtInner:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(4,8,14,.54));pointer-events:none}.socialPlatformArtInner span{position:relative;z-index:1;font-size:clamp(36px,4vw,58px);font-weight:900;letter-spacing:-.08em;color:#8fc3ff;text-shadow:0 8px 24px rgba(31,125,231,.25)}.socialPlatformArtInner b{position:relative;z-index:1;font-size:13px;letter-spacing:.02em;color:#f4f8ff}.socialPlatformCard .gameName{text-align:center}.socialPlatformCard .meta{justify-content:center}.socialTypeTabs{margin:20px 0 14px;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.socialTypeTabs::-webkit-scrollbar{display:none}.socialTypeTabs button{display:inline-flex;align-items:center;gap:8px;min-width:max-content}.socialTypeTabs button small{display:inline-grid;place-items:center;min-width:22px;height:20px;padding:0 6px;border-radius:999px;background:rgba(127,127,127,.10);font-size:9px;color:var(--muted)}.socialTypeTabs button.active small{background:rgba(255,255,255,.12);color:inherit}.socialEmpty{padding:34px 20px}
html[data-theme="light"] .socialPlatformArtInner{background:radial-gradient(circle at 32% 22%,rgba(78,147,255,.20),transparent 33%),linear-gradient(145deg,#eaf3ff,#dfeaf8 68%);color:#16385f}html[data-theme="light"] .socialPlatformArtInner b{color:#184f89}html[data-theme="light"] .socialPlatformArtInner span{color:#247dcc;text-shadow:none}

/* v2.1: unified global search results for ISMM social services */

.globalSocialSearch,.globalCatalogSearch{margin:0 0 30px}
.searchSectionTitle{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:0 0 14px}
.searchSectionTitle small{font-size:10px;letter-spacing:.14em;color:var(--muted2)}
.searchSectionTitle h2{margin:3px 0 0;font-size:22px}
.searchSectionTitle>span{font-size:12px;color:var(--muted)}
.searchSocialCard{grid-template-columns:34px minmax(0,1fr) auto;cursor:pointer}
.searchSocialMark{box-sizing:border-box;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;margin-top:1px;font-size:11px;font-weight:900;color:inherit;background:linear-gradient(145deg,rgba(124,92,255,.19),rgba(124,92,255,.06));border:1px solid rgba(124,92,255,.24);pointer-events:none;transition:transform .15s ease}
.searchSocialCard:hover .searchSocialMark{transform:scale(1.04)}
.searchSocialCard:focus{outline:none;border-color:rgba(124,92,255,.66);box-shadow:0 0 0 3px rgba(124,92,255,.09)}
.searchSocialMark{grid-column:1}.searchSocialMark+.socialVariantMain{grid-column:2}.searchSocialMark~.socialVariantPrice{grid-column:3;align-self:center}
.searchSuggestArt .searchSocialMark{margin:0;width:30px;height:30px;border-radius:8px}
@media(max-width:720px){.searchSectionTitle{align-items:flex-start}.searchSocialCard{grid-template-columns:32px minmax(0,1fr)}.searchSocialCard .socialVariantPrice{grid-column:2;text-align:left;margin-top:4px}.searchSocialMark{width:32px;height:32px}}

/* Social storefront/admin polish */
.socialPlatformArt>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.socialPlatformArt .bolt,.socialPlatformArt .artBadge,.socialPlatformArt .shine{z-index:3}.socialPlatformFallback{z-index:0}.socialPlatformLogo{overflow:hidden}.socialPlatformLogo img{width:100%;height:100%;object-fit:cover;display:block}
.adminSocialGeneral{margin-top:16px;max-width:520px}.adminSocialGeneral label,.adminSocialFields label,.adminSocialCategory{display:grid;gap:6px;font-size:11px;font-weight:800}.adminSocialGeneral input,.adminSocialFields input,.adminSocialCategory input{height:38px;border:1px solid var(--line);border-radius:9px;background:var(--surface2);color:var(--text);padding:0 10px;outline:0}.adminSocialGeneral input:focus,.adminSocialFields input:focus,.adminSocialCategory input:focus{border-color:#2f8fff;box-shadow:0 0 0 3px rgba(47,143,255,.10)}.adminSocialNetworks{display:grid;gap:9px;margin-top:18px}.adminSocialRow{display:grid;grid-template-columns:72px minmax(0,1fr) auto 34px;gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:13px;background:var(--surface2)}.adminSocialPreview{width:72px;height:72px;border-radius:12px;overflow:hidden;background:var(--surface);display:grid;place-items:center;font-size:22px;font-weight:900;color:#6faeff}.adminSocialPreview img{width:100%;height:100%;object-fit:cover}.adminSocialFields{display:grid;grid-template-columns:minmax(150px,.7fr) minmax(220px,1.3fr);gap:8px}.adminSocialCategoryTitle{margin-top:24px}.adminSocialCategoryTitle h3{margin:0 0 4px}.adminSocialCategoryTitle p{margin:0;color:var(--muted);font-size:10px}.adminSocialCategories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:12px}.adminSocialCategory{padding:10px;border:1px solid var(--line);border-radius:11px;background:var(--surface2)}.adminSocialCategory>span{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.08em}
html[data-theme="light"] .socialNetworkSection,html[data-theme="light"] .socialPurchase,html[data-theme="light"] .socialVariant,html[data-theme="light"] .socialServiceDetails>div,html[data-theme="light"] .socialDescription{color:var(--text)}html[data-theme="light"] .socialVariant{background:#fff;border-color:#e1e7ef;box-shadow:0 5px 18px rgba(30,55,85,.045)}html[data-theme="light"] .socialVariant:hover,html[data-theme="light"] .socialVariant.selected{background:#f6faff;border-color:#9cc8f5;box-shadow:0 7px 22px rgba(39,113,189,.08)}html[data-theme="light"] .socialServiceDetails>div,html[data-theme="light"] .socialDescription{background:#f7f9fc;border-color:#e3e8ef}html[data-theme="light"] .socialTypeTabs button{background:#fff;border-color:#dde5ee;color:#44576d}html[data-theme="light"] .socialTypeTabs button.active{background:#edf5ff;border-color:#9bc7f3;color:#1769aa}html[data-theme="light"] .socialTypeTabs button small{background:#eef2f6;color:#65778b}html[data-theme="light"] .socialTypeTabs button.active small{background:#dcecff;color:#1769aa}html[data-theme="light"] .socialPlatformCard .gameName{color:#1d2a39}html[data-theme="light"] .socialPlatformCard .meta{color:#738196}html[data-theme="light"] .socialPlatformArt{box-shadow:0 8px 24px rgba(45,75,110,.10)}html[data-theme="light"] .socialPlatformArtInner{background:linear-gradient(145deg,#f2f7fc,#e6eef7 72%)}html[data-theme="light"] .adminSocialRow,html[data-theme="light"] .adminSocialCategory{background:#f7f9fc}html[data-theme="light"] .adminSocialPreview{background:#fff;border:1px solid #e2e8f0}
@media(max-width:820px){.adminSocialRow{grid-template-columns:64px minmax(0,1fr) 34px}.adminSocialPreview{width:64px;height:64px}.adminSocialFields{grid-template-columns:1fr}.adminSocialRow>.adminUploadBtn{grid-column:2}.adminSocialCategories{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.adminSocialCategories{grid-template-columns:1fr}}

/* v3.1: department tabs - full accent surface on hover/active */
.primaryTabs button{
  transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.primaryTabs button:hover{transform:translateY(-1px)}

/* Games */
.primaryTabs button[data-inline-dept="games"]:hover,
.primaryTabs button[data-inline-dept="games"].active{background:#271720;border-color:#7b334c;color:#ff6e8d}
.primaryTabs button[data-inline-dept="games"]:hover .tabIcon,
.primaryTabs button[data-inline-dept="games"].active .tabIcon{background:#351923;border-color:#713148;color:#ff6587}

/* Services */
.primaryTabs button[data-inline-dept="subscriptions"]:hover,
.primaryTabs button[data-inline-dept="subscriptions"].active{background:#112337;border-color:#28567b;color:#69b4ff}
.primaryTabs button[data-inline-dept="subscriptions"]:hover .tabIcon,
.primaryTabs button[data-inline-dept="subscriptions"].active .tabIcon{background:#112d49;border-color:#28567b;color:#6bb7ff}

/* eSIM */
.primaryTabs button[data-inline-dept="esim"]:hover,
.primaryTabs button[data-inline-dept="esim"].active{background:#102821;border-color:#256a58;color:#5bd6ad}
.primaryTabs button[data-inline-dept="esim"]:hover .tabIcon,
.primaryTabs button[data-inline-dept="esim"].active .tabIcon{background:#11342b;border-color:#256a58;color:#5bd6ad}

/* Gift cards */
.primaryTabs button[data-inline-dept="giftcards"]:hover,
.primaryTabs button[data-inline-dept="giftcards"].active{background:#2b2413;border-color:#6c5420;color:#ffd063}
.primaryTabs button[data-inline-dept="giftcards"]:hover .tabIcon,
.primaryTabs button[data-inline-dept="giftcards"].active .tabIcon{background:#362c12;border-color:#6c5420;color:#ffd063}

/* Stores */
.primaryTabs button[data-inline-dept="appstores"]:hover,
.primaryTabs button[data-inline-dept="appstores"].active{background:#241b36;border-color:#574184;color:#b89cff}
.primaryTabs button[data-inline-dept="appstores"]:hover .tabIcon,
.primaryTabs button[data-inline-dept="appstores"].active .tabIcon{background:#2d2047;border-color:#574184;color:#b89cff}

/* Finance */
.primaryTabs button[data-inline-dept="finance"]:hover,
.primaryTabs button[data-inline-dept="finance"].active{background:#2a2116;border-color:#655035;color:#efbe73}
.primaryTabs button[data-inline-dept="finance"]:hover .tabIcon,
.primaryTabs button[data-inline-dept="finance"].active .tabIcon{background:#342819;border-color:#655035;color:#efbe73}

/* Social networks - purple accent */
.primaryTabs button[data-inline-dept="social"]:hover,
.primaryTabs button[data-inline-dept="social"].active{background:#251735;border-color:#7440a0;color:#d69cff}
.primaryTabs button[data-inline-dept="social"]:hover .tabIcon,
.primaryTabs button[data-inline-dept="social"].active .tabIcon{background:#321b49;border-color:#7440a0;color:#d69cff}

/* Telegram Gifts */
.primaryTabs button[data-inline-dept="telegram-gifts"]:hover,
.primaryTabs button[data-inline-dept="telegram-gifts"].active{background:#121d29;border-color:#2f78b9;color:#67c2ff}
.primaryTabs button[data-inline-dept="telegram-gifts"]:hover .tabIcon,
.primaryTabs button[data-inline-dept="telegram-gifts"].active .tabIcon{background:#10283b;border-color:#2f78b9;color:#67c2ff}

/* Light theme: use the same full-tile accent for hover and active */
html[data-theme="light"] .primaryTabs button[data-inline-dept="games"]:hover,
html[data-theme="light"] .primaryTabs button[data-inline-dept="games"].active{background:#fff0f4;color:#ce355c;border-color:#efb8c8}
html[data-theme="light"] .primaryTabs button[data-inline-dept="games"]:hover .tabIcon,
html[data-theme="light"] .primaryTabs button[data-inline-dept="games"].active .tabIcon{background:#ffe3eb;border-color:#f4bdcc;color:#d83e65}

html[data-theme="light"] .primaryTabs button[data-inline-dept="subscriptions"]:hover,
html[data-theme="light"] .primaryTabs button[data-inline-dept="subscriptions"].active{background:#edf6ff;color:#176dcc;border-color:#b8d8fa}
html[data-theme="light"] .primaryTabs button[data-inline-dept="subscriptions"]:hover .tabIcon,
html[data-theme="light"] .primaryTabs button[data-inline-dept="subscriptions"].active .tabIcon{background:#deefff;border-color:#b8d8fa;color:#1f78d7}

html[data-theme="light"] .primaryTabs button[data-inline-dept="esim"]:hover,
html[data-theme="light"] .primaryTabs button[data-inline-dept="esim"].active{background:#ebf9f4;color:#168464;border-color:#b6e4d4}
html[data-theme="light"] .primaryTabs button[data-inline-dept="esim"]:hover .tabIcon,
html[data-theme="light"] .primaryTabs button[data-inline-dept="esim"].active .tabIcon{background:#daf4eb;border-color:#b6e4d4;color:#168464}

html[data-theme="light"] .primaryTabs button[data-inline-dept="giftcards"]:hover,
html[data-theme="light"] .primaryTabs button[data-inline-dept="giftcards"].active{background:#fff6e3;color:#a87212;border-color:#f0d69d}
html[data-theme="light"] .primaryTabs button[data-inline-dept="giftcards"]:hover .tabIcon,
html[data-theme="light"] .primaryTabs button[data-inline-dept="giftcards"].active .tabIcon{background:#ffedc5;border-color:#f0d69d;color:#a87212}

html[data-theme="light"] .primaryTabs button[data-inline-dept="appstores"]:hover,
html[data-theme="light"] .primaryTabs button[data-inline-dept="appstores"].active{background:#f4efff;color:#7350b7;border-color:#d7c9f3}
html[data-theme="light"] .primaryTabs button[data-inline-dept="appstores"]:hover .tabIcon,
html[data-theme="light"] .primaryTabs button[data-inline-dept="appstores"].active .tabIcon{background:#e9dfff;border-color:#d7c9f3;color:#7350b7}

html[data-theme="light"] .primaryTabs button[data-inline-dept="finance"]:hover,
html[data-theme="light"] .primaryTabs button[data-inline-dept="finance"].active{background:#fff5e8;color:#9b6a2f;border-color:#ecd5b8}
html[data-theme="light"] .primaryTabs button[data-inline-dept="finance"]:hover .tabIcon,
html[data-theme="light"] .primaryTabs button[data-inline-dept="finance"].active .tabIcon{background:#ffe9cf;border-color:#ecd5b8;color:#9b6a2f}

html[data-theme="light"] .primaryTabs button[data-inline-dept="social"]:hover,
html[data-theme="light"] .primaryTabs button[data-inline-dept="social"].active{background:#f8efff;color:#8d3bc0;border-color:#ddc0ef}
html[data-theme="light"] .primaryTabs button[data-inline-dept="social"]:hover .tabIcon,
html[data-theme="light"] .primaryTabs button[data-inline-dept="social"].active .tabIcon{background:#f0dcff;border-color:#d8b2ed;color:#913dc5}

html[data-theme="light"] .primaryTabs button[data-inline-dept="telegram-gifts"]:hover,
html[data-theme="light"] .primaryTabs button[data-inline-dept="telegram-gifts"].active{background:#edf8ff;color:#1674bd;border-color:#b5dafa}
html[data-theme="light"] .primaryTabs button[data-inline-dept="telegram-gifts"]:hover .tabIcon,
html[data-theme="light"] .primaryTabs button[data-inline-dept="telegram-gifts"].active .tabIcon{background:#def1ff;border-color:#b5dafa;color:#1674bd}

/* Product fulfillment clarity */
.fulfillmentInfo{display:flex;gap:14px;align-items:flex-start;margin:14px 0 16px;padding:15px 16px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--panel) 92%,#7c3aed 8%)}
.fulfillmentIcon{width:38px;height:38px;flex:0 0 38px;border-radius:12px;display:grid;place-items:center;font-weight:900;font-size:18px;background:rgba(124,58,237,.12);color:#7c3aed}
.fulfillmentInfo small{display:block;font-size:10px;letter-spacing:.09em;font-weight:800;opacity:.62;margin-bottom:3px}.fulfillmentInfo b{display:block;font-size:14px}.fulfillmentInfo p{margin:4px 0 0;font-size:12px;line-height:1.5;opacity:.78}.fulfillmentInfo em{display:block;margin-top:7px;font-size:11px;font-style:normal;opacity:.68}.fulfillmentInfo.code .fulfillmentIcon{background:rgba(14,165,233,.12);color:#0284c7}.fulfillmentInfo.direct .fulfillmentIcon{background:rgba(34,197,94,.12);color:#16a34a}.deliveryNoFields{display:flex!important;flex-direction:column;gap:3px;align-items:flex-start!important}.deliveryNoFields b{font-size:13px}.deliveryNoFields span{font-size:11px;opacity:.7}
.deliveryBadge{display:inline-flex;width:max-content;margin-top:6px;padding:3px 7px;border-radius:999px;font-size:9px!important;font-weight:800;letter-spacing:.02em;background:rgba(124,58,237,.1);color:#7c3aed}.deliveryBadge.direct{background:rgba(34,197,94,.11);color:#15803d}.deliveryBadge.code{background:rgba(14,165,233,.11);color:#0369a1}

/* Custom managed game catalog (Albion Online) */
.customGamePurchase{overflow:visible}
.customCategoryTabs{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 26px}
.customCategoryTabs button{appearance:none;border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:16px;padding:12px 15px;display:flex;align-items:center;gap:9px;min-height:48px;cursor:pointer;transition:.18s ease;box-shadow:0 8px 24px rgba(0,0,0,.04)}
.customCategoryTabs button span{font-weight:800;display:flex;gap:7px;align-items:center}.customCategoryTabs button small{opacity:.62;font-weight:700}.customCategoryTabs button em{font-style:normal;font-size:10px;line-height:1;padding:4px 6px;border-radius:999px;background:#8b5cf6;color:white;letter-spacing:.05em}
.customCategoryTabs button:hover,.customCategoryTabs button.active{border-color:#8b5cf6;background:color-mix(in srgb,#8b5cf6 13%,var(--card));transform:translateY(-1px)}
.customProductsGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.customMarketCard{border:1px solid var(--line);background:var(--card);border-radius:18px;padding:17px;cursor:pointer;transition:.18s ease;min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative;overflow:hidden}
.customMarketCard:hover{transform:translateY(-2px);border-color:color-mix(in srgb,#8b5cf6 60%,var(--line));box-shadow:0 16px 34px rgba(0,0,0,.08)}
.customMarketCopy{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;width:100%}.customMarketCopy>div{min-width:0;display:grid;gap:4px}.customMarketCopy small{font-size:11px;text-transform:uppercase;letter-spacing:.08em;opacity:.55;font-weight:800}.customMarketCopy b{font-size:15px}.customMarketCopy strong{white-space:nowrap;font-size:18px}.customMarketCopy p{margin:3px 0 0;font-size:12px;line-height:1.45;opacity:.68;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.customMarketCard.accountCard{display:block;padding:0;min-height:280px}.customMarketMedia{height:170px;background:var(--soft);position:relative;overflow:hidden}.customMarketMedia img{width:100%;height:100%;object-fit:cover}.customMarketMedia>.fallback{height:100%;display:grid;place-items:center;font-size:34px}.customMarketCard.accountCard .customMarketCopy{padding:15px 15px 7px;align-items:flex-start}.customMarketCard.accountCard .marketOpen{display:block;padding:0 15px 15px;font-size:12px;font-weight:800;color:#8b5cf6}.newBadge{position:absolute;top:10px;left:10px;background:#8b5cf6;color:#fff;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:900;letter-spacing:.08em}
.customEmpty{grid-column:1/-1;display:grid;gap:7px;text-align:center;padding:42px}.customEmpty b{font-size:18px}.customEmpty span{opacity:.6}
.customDetailLayout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:28px;align-items:start}.customGallery,.customDetailInfo{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:18px}.customGalleryMain{height:520px;border-radius:18px;overflow:hidden;background:var(--soft);display:grid;place-items:center}.customGalleryMain img{width:100%;height:100%;object-fit:contain}.customGalleryMain>.fallback{font-size:56px}.customGalleryThumbs{display:flex;gap:10px;overflow:auto;padding-top:12px}.customGalleryThumbs button{width:80px;height:64px;border-radius:12px;border:2px solid transparent;padding:0;overflow:hidden;background:var(--soft);cursor:pointer;flex:0 0 auto}.customGalleryThumbs button.active{border-color:#8b5cf6}.customGalleryThumbs img{width:100%;height:100%;object-fit:cover}.customDetailInfo h1{font-size:32px;margin:8px 0}.customDetailInfo>p{line-height:1.65;opacity:.78}.customDetailPrice{font-size:32px;font-weight:900;margin:14px 0 18px}
.customGameAdminHead{display:grid;grid-template-columns:100px 1fr auto;gap:16px;align-items:start;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--soft)}.customGameCover{width:100px;height:100px;border-radius:18px;overflow:hidden}.customGameCover img{width:100%;height:100%;object-fit:cover}.customGameAdminFields{display:grid;gap:10px}.customGameAdminFields label,.customAdminDescription{display:grid;gap:6px}.customGameAdminFields span,.customAdminDescription span,.customProductAdminTop label>span{font-size:11px;font-weight:800;opacity:.65}.customGameAdminFields input,.customGameAdminFields textarea,.customProductAdminTop input,.customProductAdminTop select,.customAdminDescription textarea{width:100%;border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:12px;padding:11px 12px;box-sizing:border-box}.customAdminSection{margin-top:24px}.customAdminSection h3{margin:0 0 12px}.customCategoryAdmin{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.customCategoryAdminRow{display:flex;gap:9px;align-items:center;border:1px solid var(--line);border-radius:13px;padding:9px;background:var(--soft)}.customCategoryAdminRow>input{min-width:0;flex:1;border:0;background:transparent;color:var(--text);font-weight:700}.customCategoryAdminRow label{font-size:11px;display:flex;gap:4px;align-items:center;font-weight:800;color:#8b5cf6}.customProductAdminList{display:grid;gap:12px}.customProductAdminRow{border:1px solid var(--line);border-radius:17px;padding:14px;background:var(--soft)}.customProductAdminTop{display:grid;grid-template-columns:170px minmax(200px,1fr) 120px auto auto;gap:10px;align-items:end}.customProductAdminTop label{display:grid;gap:5px}.customProductAdminTop .activeCheck{display:flex;align-items:center;gap:6px;padding-bottom:11px}.customAdminDescription{margin-top:10px}.customScreensAdmin{display:flex;align-items:center;gap:10px;margin-top:10px;flex-wrap:wrap}.customScreensList{display:flex;gap:8px;flex-wrap:wrap}.customScreenItem{width:84px;height:60px;border-radius:10px;overflow:hidden;position:relative;background:var(--card);border:1px solid var(--line)}.customScreenItem img{width:100%;height:100%;object-fit:cover}.customScreenItem button{position:absolute;right:3px;top:3px;width:20px;height:20px;border:0;border-radius:999px;background:rgba(0,0,0,.7);color:#fff;cursor:pointer}.customSlug{display:block;margin-top:8px;opacity:.45}
@media(max-width:900px){.customProductsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.customDetailLayout{grid-template-columns:1fr}.customGalleryMain{height:420px}.customCategoryAdmin{grid-template-columns:repeat(2,minmax(0,1fr))}.customProductAdminTop{grid-template-columns:1fr 1fr}.customProductAdminTop .wide{grid-column:1/-1}.customGameAdminHead{grid-template-columns:80px 1fr}.customGameAdminHead>.adminUploadBtn{grid-column:1/-1}.customGameCover{width:80px;height:80px}}
@media(max-width:620px){.customProductsGrid{grid-template-columns:1fr}.customCategoryTabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.customCategoryTabs button{justify-content:space-between;padding:10px}.customGalleryMain{height:320px}.customCategoryAdmin{grid-template-columns:1fr}.customProductAdminTop{grid-template-columns:1fr}.customProductAdminTop .wide{grid-column:auto}}
.customDetailOrder{margin-top:18px;display:grid;gap:12px}.customDetailOrder>label:first-child{display:grid;gap:6px}.customDetailOrder>label:first-child>span{font-size:12px;font-weight:800;opacity:.65}

/* Albion catalog v2: compact product rows + colored category chips. */
.customCategoryTabs{gap:9px;margin:16px 0 24px}
.customCategoryTabs button{--cat:#8b5cf6;position:relative;min-height:44px;padding:9px 13px;border-radius:13px;background:color-mix(in srgb,var(--cat) 7%,var(--card));border-color:color-mix(in srgb,var(--cat) 26%,var(--line));box-shadow:none;overflow:hidden}
.customCategoryTabs button::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--cat);opacity:.72}
.customCategoryTabs button span{position:relative;z-index:1;gap:7px}
.customCategoryTabs button span i{width:23px;height:23px;border-radius:8px;display:grid;place-items:center;font-style:normal;font-size:12px;background:color-mix(in srgb,var(--cat) 16%,transparent);color:var(--cat);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cat) 28%,transparent)}
.customCategoryTabs button small{position:relative;z-index:1}
.customCategoryTabs button:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--cat) 56%,var(--line));background:color-mix(in srgb,var(--cat) 12%,var(--card))}
.customCategoryTabs button.active{border-color:color-mix(in srgb,var(--cat) 78%,var(--line));background:color-mix(in srgb,var(--cat) 17%,var(--card));box-shadow:0 8px 24px color-mix(in srgb,var(--cat) 13%,transparent)}
.customCategoryTabs button.active::before{width:4px;opacity:1}
.customCategoryTabs button em{background:var(--cat);box-shadow:0 3px 10px color-mix(in srgb,var(--cat) 25%,transparent)}
html[data-theme="light"] .customCategoryTabs button{background:color-mix(in srgb,var(--cat) 6%,#fff);border-color:color-mix(in srgb,var(--cat) 24%,#dfe4eb)}
html[data-theme="light"] .customCategoryTabs button:hover{background:color-mix(in srgb,var(--cat) 11%,#fff)}
html[data-theme="light"] .customCategoryTabs button.active{background:color-mix(in srgb,var(--cat) 14%,#fff)}

.customProductsGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.customProductsGrid.accountsMode{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.customMarketCard.compactProductCard{--cat:#8b5cf6;display:grid;grid-template-columns:58px minmax(0,1fr) auto 18px;align-items:center;gap:12px;min-height:76px;padding:10px 12px;border-radius:13px;background:color-mix(in srgb,var(--cat) 3.5%,var(--card));border-color:color-mix(in srgb,var(--cat) 13%,var(--line));box-shadow:none}
.customMarketCard.compactProductCard:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--cat) 46%,var(--line));background:color-mix(in srgb,var(--cat) 7%,var(--card));box-shadow:0 9px 24px rgba(0,0,0,.08)}
.customMarketCard.compactProductCard:focus-visible{outline:2px solid color-mix(in srgb,var(--cat) 65%,transparent);outline-offset:2px}
.customMarketThumb{width:58px;height:54px;border-radius:10px;overflow:hidden;background:color-mix(in srgb,var(--cat) 12%,var(--soft));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cat) 17%,var(--line));display:grid;place-items:center}
.customMarketThumb img{width:100%;height:100%;display:block;object-fit:cover}
.customMarketThumb .fallback{width:100%;height:100%;display:grid;place-items:center;font-size:18px}
.customProductFallback{width:100%;height:100%;display:grid;place-items:center;font-weight:950;font-size:20px;color:var(--cat);background:radial-gradient(circle at 35% 25%,color-mix(in srgb,var(--cat) 22%,transparent),transparent 52%)}
.customMarketCard.compactProductCard .customMarketCopy{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}
.customMarketCard.compactProductCard .customMarketCopy>div{gap:2px}
.customMarketCard.compactProductCard .customMarketCopy small{font-size:9px;color:var(--cat);opacity:.78;letter-spacing:.06em}
.customMarketCard.compactProductCard .customMarketCopy b{font-size:14px;line-height:1.25}
.customMarketCard.compactProductCard .customMarketCopy strong{font-size:15px;color:var(--text)}
.customPickArrow{font-size:20px;line-height:1;color:color-mix(in srgb,var(--cat) 70%,var(--muted));opacity:.75}
.customMarketCard.compactProductCard:hover .customPickArrow{opacity:1;transform:translateX(1px)}
html[data-theme="light"] .customMarketCard.compactProductCard{background:color-mix(in srgb,var(--cat) 2.5%,#fff);border-color:color-mix(in srgb,var(--cat) 11%,#dfe4eb)}
html[data-theme="light"] .customMarketCard.compactProductCard:hover{background:color-mix(in srgb,var(--cat) 5.5%,#fff);border-color:color-mix(in srgb,var(--cat) 34%,#cfd6df)}

.customCategoryAdminRow{--cat:#8b5cf6;border-left:3px solid var(--cat);background:color-mix(in srgb,var(--cat) 5%,var(--soft))}
.customCatColorInput{flex:0 0 34px!important;width:34px!important;height:32px!important;padding:2px!important;border:1px solid var(--line)!important;border-radius:8px!important;background:var(--card)!important;cursor:pointer}
.customCardImageAdmin{display:grid;grid-template-columns:82px minmax(0,1fr);gap:12px;align-items:center;margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--card)}
.customCardImagePreview{--cat:#8b5cf6;width:82px;height:68px;border-radius:12px;overflow:hidden;display:grid;place-items:center;background:color-mix(in srgb,var(--cat) 10%,var(--soft));border:1px solid color-mix(in srgb,var(--cat) 19%,var(--line));color:var(--cat);font-size:25px;font-weight:950}
.customCardImagePreview img{width:100%;height:100%;object-fit:cover}
.customCardImageAdmin>div:last-child{min-width:0;display:grid;gap:5px}.customCardImageAdmin b{font-size:12px}.customCardImageAdmin small{font-size:10px;color:var(--muted);line-height:1.4}
.customCardImageActions{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;margin-top:4px}.customCardImageActions>input{width:100%;height:38px;border:1px solid var(--line);border-radius:10px;background:var(--soft);color:var(--text);padding:0 10px;box-sizing:border-box}
.customScreensAdmin>div:first-child{display:grid;gap:2px}.customScreensAdmin>div:first-child b{font-size:11px}.customScreensAdmin>div:first-child small{font-size:9px;color:var(--muted)}

@media(max-width:900px){.customProductsGrid,.customProductsGrid.accountsMode{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.customProductsGrid,.customProductsGrid.accountsMode{grid-template-columns:1fr}.customCategoryTabs{display:flex;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;scrollbar-width:none}.customCategoryTabs button{flex:0 0 auto}.customMarketCard.compactProductCard{grid-template-columns:52px minmax(0,1fr) 14px;gap:10px}.customMarketThumb{width:52px;height:50px}.customMarketCard.compactProductCard .customMarketCopy{grid-template-columns:1fr}.customMarketCard.compactProductCard .customMarketCopy strong{font-size:14px}.customCardImageAdmin{grid-template-columns:64px minmax(0,1fr)}.customCardImagePreview{width:64px;height:58px}.customCardImageActions{grid-template-columns:1fr}.customCardImageActions .adminUploadBtn,.customCardImageActions .dangerGhost{width:100%}}

/* Albion catalog v3: marketplace-style category rail + unified SVG iconography. */
.customGamePage .customGamePurchase{overflow:hidden}
.customGamePage .customCategoryTabs{
  display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin:18px 0 24px;padding:4px 0 14px;
  border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent);
}
.customGamePage .customCategoryTabs button{
  --cat:#9b72ff;appearance:none;border:1px solid transparent;background:transparent;color:var(--text);
  min-height:40px;padding:8px 11px;border-radius:14px;display:inline-flex;align-items:center;gap:0;
  box-shadow:none;transform:none;overflow:visible;white-space:nowrap;
  transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.customGamePage .customCategoryTabs button::before{display:none!important}
.customGamePage .customCategoryTabs button span{display:inline-flex;align-items:center;gap:8px;font-weight:760;font-size:14px;line-height:1;color:var(--text)}
.customGamePage .customCategoryTabs .customCatSvg{width:21px;height:21px;display:block;flex:0 0 21px;color:var(--cat);filter:drop-shadow(0 0 7px color-mix(in srgb,var(--cat) 18%,transparent))}
.customGamePage .customCategoryTabs button small{display:none}
.customGamePage .customCategoryTabs button em{margin-left:2px;padding:3px 6px;border-radius:999px;background:color-mix(in srgb,var(--cat) 15%,transparent);color:var(--cat);box-shadow:none;border:1px solid color-mix(in srgb,var(--cat) 28%,transparent);font-size:8px;font-weight:900;letter-spacing:.06em}
.customGamePage .customCategoryTabs button:hover{
  background:color-mix(in srgb,var(--cat) 5%,transparent);border-color:color-mix(in srgb,var(--cat) 28%,transparent);
  transform:translateY(-1px);box-shadow:none;
}
.customGamePage .customCategoryTabs button.active{
  color:var(--cat);background:color-mix(in srgb,var(--cat) 7%,transparent);
  border-color:color-mix(in srgb,var(--cat) 58%,transparent);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cat) 10%,transparent),0 0 18px color-mix(in srgb,var(--cat) 7%,transparent);
}
.customGamePage .customCategoryTabs button.active span{color:var(--cat)}
html[data-theme="light"] .customGamePage .customCategoryTabs{border-bottom-color:#e8edf3}
html[data-theme="light"] .customGamePage .customCategoryTabs button{background:transparent;border-color:transparent}
html[data-theme="light"] .customGamePage .customCategoryTabs button:hover{background:color-mix(in srgb,var(--cat) 5%,#fff);border-color:color-mix(in srgb,var(--cat) 22%,#dfe4eb)}
html[data-theme="light"] .customGamePage .customCategoryTabs button.active{background:color-mix(in srgb,var(--cat) 7%,#fff);border-color:color-mix(in srgb,var(--cat) 48%,#dfe4eb)}

.customGamePage .customProductsGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 26px;border-top:1px solid color-mix(in srgb,var(--line) 55%,transparent)}
.customGamePage .customProductsGrid.accountsMode{border-top:0;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}
.customGamePage .customMarketCard.compactProductCard{
  --cat:#9b72ff;display:grid;grid-template-columns:54px minmax(0,1fr) auto 16px;align-items:center;gap:12px;
  min-height:76px;padding:10px 4px;border:0;border-bottom:1px solid color-mix(in srgb,var(--line) 50%,transparent);
  border-radius:0;background:transparent;box-shadow:none;overflow:visible;
}
.customGamePage .customMarketCard.compactProductCard:hover{
  transform:none;border-color:color-mix(in srgb,var(--line) 70%,transparent);
  background:linear-gradient(90deg,color-mix(in srgb,var(--cat) 5%,transparent),transparent 72%);box-shadow:none;
}
.customGamePage .customMarketThumb{
  width:50px;height:50px;border-radius:9px;background:color-mix(in srgb,var(--cat) 7%,var(--soft));
  border:1px solid color-mix(in srgb,var(--cat) 16%,var(--line));box-shadow:none;overflow:hidden;
}
.customGamePage .customMarketThumb img{object-fit:cover}
.customGamePage .customProductFallback{background:transparent;color:var(--cat)}
.customGamePage .customFallbackSvg{width:27px;height:27px;display:block;color:var(--cat);filter:drop-shadow(0 0 8px color-mix(in srgb,var(--cat) 15%,transparent))}
.customGamePage .customMarketCard.compactProductCard .customMarketCopy{grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}
.customGamePage .customMarketCard.compactProductCard .customMarketCopy>div{display:block}
.customGamePage .customMarketCard.compactProductCard .customMarketCopy small{display:none}
.customGamePage .customMarketCard.compactProductCard .customMarketCopy b{display:block;font-size:15px;line-height:1.3;font-weight:680;letter-spacing:-.01em}
.customGamePage .customMarketCard.compactProductCard .customMarketCopy strong{font-size:15px;font-weight:800;color:#ff5d78;white-space:nowrap}
.customGamePage .customPickArrow{font-size:19px;color:var(--muted);opacity:.35;transition:.15s ease}
.customGamePage .customMarketCard.compactProductCard:hover .customPickArrow{opacity:.8;transform:translateX(2px);color:var(--cat)}
html[data-theme="light"] .customGamePage .customProductsGrid{border-top-color:#edf0f4}
html[data-theme="light"] .customGamePage .customMarketCard.compactProductCard{background:transparent;border-bottom-color:#edf0f4}
html[data-theme="light"] .customGamePage .customMarketCard.compactProductCard:hover{background:linear-gradient(90deg,color-mix(in srgb,var(--cat) 4%,#fff),#fff 72%)}

.customCardImagePreview .customAdminFallbackSvg{width:30px;height:30px;color:var(--cat);display:block}
.customCategoryAdminRow::before{content:"";width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:var(--cat);box-shadow:0 0 8px color-mix(in srgb,var(--cat) 35%,transparent)}

@media(max-width:760px){
  .customGamePage .customCategoryTabs{flex-wrap:nowrap;overflow-x:auto;gap:8px;padding-bottom:10px;scrollbar-width:none}
  .customGamePage .customCategoryTabs::-webkit-scrollbar{display:none}
  .customGamePage .customCategoryTabs button{flex:0 0 auto}
  .customGamePage .customProductsGrid,.customGamePage .customProductsGrid.accountsMode{grid-template-columns:1fr}
  .customGamePage .customMarketCard.compactProductCard{grid-template-columns:48px minmax(0,1fr) 14px;padding:9px 2px;gap:10px}
  .customGamePage .customMarketThumb{width:46px;height:46px}
  .customGamePage .customMarketCard.compactProductCard .customMarketCopy{grid-template-columns:minmax(0,1fr) auto;gap:8px}
  .customGamePage .customMarketCard.compactProductCard .customMarketCopy b,.customGamePage .customMarketCard.compactProductCard .customMarketCopy strong{font-size:14px}
}

/* Albion catalog v4: native product selection + refined category SVGs. */
.customGamePage .customCategoryTabs .customCatSvg{
  width:20px;height:20px;flex:0 0 20px;stroke-width:1.75;
  filter:none;shape-rendering:geometricPrecision;
}
.customGamePage .customCategoryTabs button span{gap:8px;font-weight:700;letter-spacing:-.01em}
.customGamePage .customCategoryTabs button{
  min-height:40px;padding:8px 11px;border-radius:13px;
}
.customGamePage .customCategoryTabs button:hover{transform:none;box-shadow:none}
.customGamePage .customCategoryTabs button.active{
  box-shadow:none;
}

.customGamePage .customProductsGrid{
  grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;border-top:0;
}
.customGamePage .customProductsGrid.accountsMode{gap:14px}
.customGamePage .customMarketCard.compactProductCard{
  display:grid;grid-template-columns:22px 52px minmax(0,1fr) 16px;align-items:center;gap:11px;
  min-height:76px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;
  background:var(--surface2);box-shadow:none;overflow:hidden;cursor:pointer;
  transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease;
}
.customGamePage .customMarketCard.compactProductCard:hover{
  transform:none;border-color:color-mix(in srgb,var(--blue) 46%,var(--line));
  background:color-mix(in srgb,var(--surface2) 90%,#18345c);box-shadow:none;
}
.customGamePage .customMarketCard.compactProductCard.selected{
  background:#14213a;border-color:#247eff;
  box-shadow:inset 0 0 0 1px #247eff,0 8px 24px rgba(22,100,210,.12);
}
.customGamePage .customMarketCard.compactProductCard .check{
  width:22px;height:22px;flex:0 0 22px;border:1px solid #445167;border-radius:50%;
  display:grid;place-items:center;color:#fff;font-size:11px;
}
.customGamePage .customMarketCard.compactProductCard.selected .check{background:#2083ff;border-color:#2083ff}
.customGamePage .customMarketThumb{
  width:52px;height:52px;border-radius:10px;background:var(--surface);
  border:1px solid var(--line);box-shadow:none;overflow:hidden;
}
.customGamePage .customMarketThumb img{width:100%;height:100%;object-fit:cover}
.customGamePage .customProductFallback{background:transparent;color:var(--cat)}
.customGamePage .customFallbackSvg{width:26px;height:26px;display:block;filter:none;stroke-width:1.75;shape-rendering:geometricPrecision}
.customGamePage .customMarketCard.compactProductCard .customMarketCopy{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}
.customGamePage .customMarketCard.compactProductCard .customMarketCopy>div{min-width:0}
.customGamePage .customMarketCard.compactProductCard .customMarketCopy small{display:block;margin:0 0 3px;color:var(--muted2);font-size:9px;letter-spacing:.02em;opacity:.82}
.customGamePage .customMarketCard.compactProductCard .customMarketCopy b{display:block;font-size:13px;line-height:1.3;font-weight:700;letter-spacing:0}
.customGamePage .customMarketCard.compactProductCard .customMarketCopy strong{font-size:14px;font-weight:800;color:var(--text);white-space:nowrap}
.customGamePage .customPickArrow{font-size:18px;color:var(--muted2);opacity:.45;transition:opacity .15s ease,transform .15s ease}
.customGamePage .customMarketCard.compactProductCard:hover .customPickArrow{opacity:.8;transform:translateX(1px);color:var(--muted)}
.customGamePage .customMarketCard.compactProductCard.selected .customPickArrow{color:#70afff;opacity:1}
.customGamePage #customShowAll{margin-top:2px}
.customGamePage #customShowAll .showAllBtn{margin-top:12px}

html[data-theme="light"] .customGamePage .customMarketCard.compactProductCard{
  background:var(--surface2);border-color:var(--line);
}
html[data-theme="light"] .customGamePage .customMarketCard.compactProductCard:hover{
  background:#f7fbff;border-color:color-mix(in srgb,#2b7de4 46%,var(--line));
}
html[data-theme="light"] .customGamePage .customMarketCard.compactProductCard.selected{
  background:#edf5ff;border-color:#4494ef;box-shadow:0 8px 20px rgba(47,111,185,.10);
}
html[data-theme="light"] .customGamePage .customMarketCard.compactProductCard .check{border-color:#b8c2cf;color:#fff}

@media(max-width:760px){
  .customGamePage .customProductsGrid,.customGamePage .customProductsGrid.accountsMode{grid-template-columns:1fr}
  .customGamePage .customMarketCard.compactProductCard{grid-template-columns:22px 48px minmax(0,1fr) 14px;padding:9px 10px;gap:9px}
  .customGamePage .customMarketThumb{width:48px;height:48px}
  .customGamePage .customMarketCard.compactProductCard .customMarketCopy{grid-template-columns:minmax(0,1fr) auto;gap:8px}
  .customGamePage .customMarketCard.compactProductCard .customMarketCopy b,.customGamePage .customMarketCard.compactProductCard .customMarketCopy strong{font-size:13px}
}

/* Albion catalog v5: match the native storefront selector exactly. */
.customGamePage .customMarketCard.compactProductCard{
  min-height:84px;
  padding:11px 13px;
  border:1px solid var(--line);
  border-radius:15px;
  background:var(--surface2);
  box-shadow:0 0 0 0 rgba(38,132,255,0);
  overflow:hidden;
  transition:
    border-color .22s cubic-bezier(.2,.7,.2,1),
    background-color .22s cubic-bezier(.2,.7,.2,1),
    box-shadow .22s cubic-bezier(.2,.7,.2,1),
    transform .22s cubic-bezier(.2,.7,.2,1);
}
.customGamePage .customMarketCard.compactProductCard:hover{
  transform:none;
  border-color:#385b84;
  background:color-mix(in srgb,var(--surface2) 94%,#18345c);
  box-shadow:0 4px 18px rgba(5,16,33,.10);
}
.customGamePage .customMarketCard.compactProductCard.selected{
  background:#14213a;
  border-color:#247eff;
  box-shadow:inset 0 0 0 1px rgba(36,126,255,.32),0 7px 22px rgba(22,100,210,.10);
}
.customGamePage .customMarketCard.compactProductCard .check{
  position:relative;
  width:23px;height:23px;flex:0 0 23px;
  display:grid;place-items:center;
  border:1px solid #445167;
  border-radius:50%;
  background:transparent;
  box-shadow:inset 0 0 0 0 rgba(32,131,255,0);
  transition:
    background-color .2s cubic-bezier(.2,.7,.2,1),
    border-color .2s cubic-bezier(.2,.7,.2,1),
    box-shadow .2s cubic-bezier(.2,.7,.2,1),
    transform .2s cubic-bezier(.2,.7,.2,1);
}
.customGamePage .customMarketCard.compactProductCard .check svg{
  width:14px;height:14px;
  fill:none;stroke:#fff;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round;
  opacity:0;
  transform:scale(.55) rotate(-8deg);
  transition:opacity .16s ease,transform .24s cubic-bezier(.2,.8,.2,1.25);
}
.customGamePage .customMarketCard.compactProductCard.selected .check{
  background:#2083ff;
  border-color:#2083ff;
  box-shadow:0 4px 12px rgba(32,131,255,.26),inset 0 0 0 1px rgba(255,255,255,.10);
}
.customGamePage .customMarketCard.compactProductCard.selected .check svg{
  opacity:1;
  transform:scale(1) rotate(0);
}
.customGamePage .customMarketCard.compactProductCard:active .check{transform:scale(.94)}
.customGamePage .customMarketThumb{border-radius:11px}
.customGamePage .customPickArrow{display:none}
html[data-theme="light"] .customGamePage .customMarketCard.compactProductCard:hover{
  background:#f8fbff;
  border-color:#8db8e9;
  box-shadow:0 5px 18px rgba(43,85,130,.07);
}
html[data-theme="light"] .customGamePage .customMarketCard.compactProductCard.selected{
  background:#f3f8ff;
  border-color:#2f83e7;
  box-shadow:inset 0 0 0 1px rgba(47,131,231,.18),0 7px 20px rgba(47,111,185,.08);
}
html[data-theme="light"] .customGamePage .customMarketCard.compactProductCard .check{border-color:#b6c0cc}
@media(max-width:760px){
  .customGamePage .customMarketCard.compactProductCard{min-height:78px;border-radius:14px;padding:10px 11px}
}


/* Albion accounts v6: isolated marketplace gallery + polished fullscreen viewer */
.customAccountContent{min-width:0}
.customAccountGalleryCard{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:20px;box-shadow:0 16px 42px rgba(0,0,0,.06)}
.customAccountSectionHead{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px}
.customAccountSectionHead small,.customAccountDescriptionTitle small{display:block;font-size:9px;font-weight:850;letter-spacing:.12em;color:var(--muted2);margin-bottom:4px}
.customAccountSectionHead h2,.customAccountDescriptionTitle h2{font-size:18px;line-height:1.2;margin:0;letter-spacing:-.02em}
.customAccountSectionHead>span{font-size:11px;color:var(--muted2);white-space:nowrap}
.customGallerySquares{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.customGallerySquares>button{position:relative;aspect-ratio:1/1;min-width:0;border:1px solid var(--line);border-radius:15px;padding:0;overflow:hidden;background:var(--soft);cursor:zoom-in;box-shadow:none;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease,background .2s ease}
.customGallerySquares>button:hover{transform:translateY(-2px);border-color:#4b91eb;box-shadow:0 10px 24px rgba(18,71,135,.13)}
.customGallerySquares>button:focus-visible{outline:2px solid #2f83ed;outline-offset:2px}
.customGallerySquares img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .28s ease}
.customGallerySquares>button:hover img{transform:scale(1.035)}
.screenZoom{position:absolute;right:8px;bottom:8px;width:27px;height:27px;border-radius:9px;display:grid;place-items:center;background:rgba(10,15,23,.72);border:1px solid rgba(255,255,255,.12);color:#fff;opacity:0;transform:translateY(4px);transition:.2s ease;backdrop-filter:blur(8px)}
.customGallerySquares>button:hover .screenZoom{opacity:1;transform:translateY(0)}
.screenZoomSvg{width:14px;height:14px}
.customGalleryEmpty{grid-column:1/-1;min-height:150px;border:1px dashed var(--line);border-radius:15px;display:grid;place-items:center;color:var(--muted2);font-size:13px}
.customAccountDescription{margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}
.customAccountDescriptionTitle{display:flex;align-items:center;gap:11px;margin-bottom:12px}
.customAccountDescriptionTitle>span{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:rgba(47,131,237,.1);color:#62a7ff;border:1px solid rgba(47,131,237,.16)}
.descIcon{width:18px;height:18px}
.customAccountDescription p{margin:0;color:var(--text);opacity:.82;font-size:14px;line-height:1.72;white-space:pre-line}
.accountBuyCard{position:sticky;top:94px;box-shadow:0 16px 42px rgba(0,0,0,.06)}
.accountBuyCard .customDetailPrice{margin-bottom:22px}

.accountLightbox{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:28px;opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease}
.accountLightbox.open{opacity:1;visibility:visible}
.accountLightboxBackdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(3,7,13,.86);backdrop-filter:blur(12px);cursor:zoom-out}
.accountLightboxPanel{position:relative;z-index:1;width:min(1180px,94vw);height:min(860px,90vh);display:grid;grid-template-rows:auto minmax(0,1fr);border:1px solid rgba(255,255,255,.13);border-radius:22px;background:#0d121a;box-shadow:0 30px 90px rgba(0,0,0,.55);overflow:hidden;transform:scale(.975);transition:transform .22s ease}
.accountLightbox.open .accountLightboxPanel{transform:scale(1)}
.accountLightboxTop{height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 10px 0 18px;border-bottom:1px solid rgba(255,255,255,.08);color:#dce6f3;font-size:12px;font-weight:750}
.accountLightboxClose{width:34px;height:34px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#fff;font-size:24px;line-height:1;cursor:pointer;transition:.18s ease}
.accountLightboxClose:hover{background:rgba(255,255,255,.1);transform:scale(1.03)}
.accountLightboxStage{position:relative;min-height:0;display:grid;place-items:center;padding:18px 70px;background:radial-gradient(circle at 50% 45%,rgba(44,77,116,.2),transparent 55%)}
.accountLightboxStage img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:10px;box-shadow:0 18px 48px rgba(0,0,0,.32)}
.accountLightboxNav{position:absolute;top:50%;translate:0 -50%;width:44px;height:52px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.055);color:#fff;font-size:31px;line-height:1;cursor:pointer;transition:.18s ease;backdrop-filter:blur(8px)}
.accountLightboxNav:hover{background:rgba(47,131,237,.22);border-color:rgba(86,159,249,.46)}
.accountLightboxNav.prev{left:14px}.accountLightboxNav.next{right:14px}
body.lightboxOpen{overflow:hidden}

.customScreensAdmin{align-items:flex-start}
.customScreensAdmin>div:first-child{min-width:150px;display:grid;gap:2px}
.customScreensAdmin>div:first-child small{font-size:10px;opacity:.58}
.customScreensList{align-items:flex-start}
.customScreenItem{width:72px;height:72px;border-radius:12px}
.customScreensAdmin .adminUploadBtn{min-height:38px;align-self:center}

html[data-theme="light"] .customAccountGalleryCard,html[data-theme="light"] .accountBuyCard{box-shadow:0 14px 34px rgba(26,43,66,.07)}
html[data-theme="light"] .customGallerySquares>button:hover{box-shadow:0 10px 24px rgba(47,131,237,.11)}

@media(max-width:900px){.accountBuyCard{position:static}.customGallerySquares{grid-template-columns:repeat(4,minmax(0,1fr))}.accountLightbox{padding:14px}.accountLightboxPanel{width:96vw;height:88vh}.accountLightboxStage{padding:14px 58px}}
@media(max-width:620px){.customAccountGalleryCard{padding:14px;border-radius:19px}.customGallerySquares{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.customGallerySquares>button{border-radius:12px}.screenZoom{opacity:1;transform:none;width:24px;height:24px;border-radius:8px}.customAccountSectionHead{align-items:flex-start}.customAccountSectionHead h2{font-size:16px}.accountLightbox{padding:0}.accountLightboxPanel{width:100vw;height:100dvh;border-radius:0;border:0}.accountLightboxStage{padding:12px 46px}.accountLightboxNav{width:38px;height:46px;border-radius:12px}.accountLightboxNav.prev{left:5px}.accountLightboxNav.next{right:5px}}

/* Custom games v7: server selector, WoW builder, independent covers */
.customServerBlock{margin:0 0 18px;padding:0 0 18px;border-bottom:1px solid var(--line)}
.customServerSelect{position:relative;margin-top:10px;width:min(520px,100%);height:54px;display:flex;align-items:center;border:1px solid var(--line);border-radius:15px;background:var(--surface2);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;overflow:hidden}
.customServerSelect:hover{border-color:#4d6f97;background:color-mix(in srgb,var(--surface2) 96%,#2c78d8)}
.customServerSelect:focus-within{border-color:#2f83ed;box-shadow:0 0 0 3px rgba(47,131,237,.12)}
.customServerSelectIcon{width:50px;height:100%;display:grid;place-items:center;color:#65a8ff;border-right:1px solid var(--line)}
.customServerSelectIcon svg{width:20px;height:20px}
.customServerSelect select{appearance:none;width:100%;height:100%;border:0;outline:0;background:transparent;color:var(--text);font:inherit;font-size:13px;font-weight:760;padding:0 48px 0 15px;cursor:pointer}
.customServerChevron{position:absolute;right:15px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--muted)}
.customServerChevron svg,.styledSelectWrap>svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.compactStep{margin-top:10px;margin-bottom:10px}
.styledSelectWrap{position:relative}.styledSelect{appearance:none;width:100%;height:46px;border:1px solid var(--line);border-radius:12px;background:var(--surface2);color:var(--text);padding:0 42px 0 13px;outline:0;font:inherit;cursor:pointer;transition:.2s ease}.styledSelect:focus{border-color:#2f83ed;box-shadow:0 0 0 3px rgba(47,131,237,.11)}.styledSelectWrap>svg{position:absolute;right:13px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--muted)}
.wowItemNotice{display:flex;gap:12px;align-items:flex-start;margin:14px 0;padding:14px 15px;border:1px solid rgba(99,102,241,.23);border-radius:14px;background:rgba(99,102,241,.065)}.wowItemNotice>span{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:rgba(99,102,241,.12);color:#9c9fff;flex:none}.wowNoticeIcon{width:19px;height:19px}.wowItemNotice b{display:block;font-size:12px;margin-bottom:4px}.wowItemNotice p{margin:0;font-size:10px;line-height:1.55;color:var(--muted)}
.wowItemsBuilder{margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--surface2)}.wowItemsBuilderHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.wowItemsBuilderHead b,.wowItemsBuilderHead small{display:block}.wowItemsBuilderHead small{font-size:9px;color:var(--muted);margin-top:3px}.wowPromo{padding:6px 9px;border-radius:999px;background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.2);color:#55d98a;font-size:9px;font-weight:850;white-space:nowrap}
#wowItemRows{display:grid;gap:7px}.wowItemRow{display:grid;grid-template-columns:28px 1fr 34px;gap:8px;align-items:center}.wowItemRow>span{width:28px;height:28px;border-radius:8px;background:var(--surface);border:1px solid var(--line);display:grid;place-items:center;font-size:10px;color:var(--muted);font-weight:800}.wowItemRow input{height:42px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);padding:0 11px;outline:0}.wowItemRow input:focus{border-color:#2f83ed}.wowItemRow button{width:34px;height:34px;border-radius:9px;border:1px solid var(--line);background:var(--surface);color:var(--muted);display:grid;place-items:center;cursor:pointer}.wowItemRow button:hover{color:#ff7184;border-color:rgba(255,113,132,.4)}.wowItemRow button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.wowAddItem{margin-top:10px;height:38px;padding:0 13px;border:1px dashed #43678f;border-radius:10px;background:transparent;color:#73adf8;font-size:10px;font-weight:800;cursor:pointer}.wowAddItem:hover{background:rgba(47,131,237,.07);border-style:solid}.wowItemsTotal{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.wowItemsTotal span{font-size:10px;color:var(--muted)}.wowItemsTotal b{font-size:15px}

.accountLightboxClose{display:grid;place-items:center;padding:0;font-size:0}.accountLightboxClose svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s cubic-bezier(.2,.75,.2,1)}.accountLightboxClose:hover svg{transform:rotate(90deg)}
.customScreenItem button{display:grid;place-items:center}.customScreenItem button svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}

.customAdminPicker{display:grid;grid-template-columns:minmax(220px,.45fr) minmax(240px,.55fr) 1fr;gap:10px;align-items:end;margin-bottom:14px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface2)}.customAdminPicker label>span,.customProductLogic label>span{display:block;font-size:9px;font-weight:800;color:var(--muted);margin-bottom:5px}.customAdminPicker select,.customProductLogic select,.customProductLogic input{width:100%;height:38px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--text);padding:0 10px;outline:0}.customAdminHint{font-size:9px;line-height:1.5;color:var(--muted);align-self:center}.customAdminServerInfo{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:14px 0;padding:11px 13px;border:1px solid rgba(47,131,237,.18);border-radius:12px;background:rgba(47,131,237,.06)}.customAdminServerInfo b{font-size:11px}.customAdminServerInfo span{font-size:9px;color:var(--muted)}.customAdminSectionTitle{display:flex;align-items:center;justify-content:space-between}.customAdminSectionTitle>span{font-size:9px;color:var(--muted)}.customProductLogic{display:grid;grid-template-columns:1.2fr .6fr 1fr;gap:8px;margin:10px 0;padding:10px;border:1px solid var(--line);border-radius:11px;background:var(--surface)}.customProductLogic .activeCheck{align-self:end;height:38px}

html[data-theme="light"] .wowItemNotice{background:#f7f6ff}.wowCustomPage .customCategoryTabs{margin-bottom:18px}
@media(max-width:760px){.customAdminPicker{grid-template-columns:1fr}.customProductLogic{grid-template-columns:1fr}.customAdminServerInfo{align-items:flex-start;flex-direction:column}.wowItemsBuilderHead{align-items:flex-start;flex-direction:column}.customServerSelect{width:100%}}

/* v8 — unified premium selects, purchase buttons and pinned custom games */
.uiSelect{position:relative;min-width:0;width:100%;font:inherit;z-index:4}
.uiSelect>select{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;margin:0!important;padding:0!important;clip:rect(0 0 0 0)!important}
.uiSelectBtn{width:100%;height:46px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 13px;border:1px solid var(--line);border-radius:12px;background:var(--surface2);color:var(--text);font:inherit;font-size:12px;font-weight:720;text-align:left;cursor:pointer;outline:0;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}
.uiSelectBtn:hover{border-color:#43668f;background:color-mix(in srgb,var(--surface2) 94%,#2a72cb)}
.uiSelect.open .uiSelectBtn{border-color:#2f83ed;background:color-mix(in srgb,var(--surface2) 96%,#1f76dc);box-shadow:0 0 0 3px rgba(47,131,237,.11)}
.uiSelectBtn:disabled{opacity:.52;cursor:not-allowed}
.uiSelectBtn svg{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;color:var(--muted);transition:transform .18s ease,color .18s ease}
.uiSelect.open .uiSelectBtn svg{transform:rotate(180deg);color:#6cabff}
.uiSelectLabel{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.uiSelectMenu{position:absolute;left:0;right:0;top:calc(100% + 7px);z-index:250;display:none;max-height:300px;overflow:auto;padding:6px;border:1px solid color-mix(in srgb,var(--line) 82%,#4f7bad);border-radius:14px;background:color-mix(in srgb,var(--surface) 96%,#111927);box-shadow:0 18px 48px rgba(0,0,0,.30),0 2px 8px rgba(0,0,0,.18);backdrop-filter:blur(18px);scrollbar-width:thin}
.uiSelect.open .uiSelectMenu{display:grid;gap:2px;animation:uiSelectIn .14s cubic-bezier(.2,.75,.2,1)}
@keyframes uiSelectIn{from{opacity:0;transform:translateY(-5px) scale(.985)}to{opacity:1;transform:none}}
.uiSelectOption{min-height:38px;width:100%;display:flex;align-items:center;padding:8px 10px;border:0;border-radius:9px;background:transparent;color:var(--muted);font:inherit;font-size:11px;font-weight:680;text-align:left;cursor:pointer;transition:background .14s ease,color .14s ease,padding-left .14s ease}
.uiSelectOption:hover,.uiSelectOption:focus-visible{background:rgba(47,131,237,.10);color:var(--text);outline:0;padding-left:12px}
.uiSelectOption.active{background:rgba(47,131,237,.14);color:#77b5ff}
.uiSelectOption.active::after{content:'✓';margin-left:auto;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#2584ff;color:#fff;font-size:10px;font-weight:900;box-shadow:0 4px 12px rgba(37,132,255,.22)}
.uiSelectOption:disabled{opacity:.38;cursor:not-allowed}
html[data-theme="light"] .uiSelectBtn{background:#fff;border-color:#dbe4ef;color:#182235;box-shadow:0 1px 2px rgba(25,45,72,.03)}
html[data-theme="light"] .uiSelectBtn:hover{background:#f8fbff;border-color:#b9cee7}
html[data-theme="light"] .uiSelect.open .uiSelectBtn{background:#fbfdff;border-color:#2782ef;box-shadow:0 0 0 3px rgba(39,130,239,.10)}
html[data-theme="light"] .uiSelectMenu{background:rgba(255,255,255,.98);border-color:#d7e1ed;box-shadow:0 18px 44px rgba(38,61,91,.16),0 2px 8px rgba(38,61,91,.08)}
html[data-theme="light"] .uiSelectOption{color:#66758a}
html[data-theme="light"] .uiSelectOption:hover,html[data-theme="light"] .uiSelectOption:focus-visible{background:#f0f6ff;color:#17243a}
html[data-theme="light"] .uiSelectOption.active{background:#eaf3ff;color:#1e73d4}

.customServerSelect{overflow:visible}
.customServerSelect>.uiSelect{height:100%;flex:1}
.customServerSelect>.uiSelect .uiSelectBtn{height:100%;border:0;border-radius:0;background:transparent;box-shadow:none;padding-left:15px;font-size:13px;font-weight:780}
.customServerSelect>.uiSelect.open .uiSelectBtn{background:transparent;box-shadow:none}
.customServerSelect>.uiSelect .uiSelectMenu{top:calc(100% + 8px);min-width:100%;max-height:360px}
.customServerSelect>.customServerChevron{display:none}
.checkoutField>.uiSelect .uiSelectBtn{height:48px;border-radius:10px;background:#0d131c}
html[data-theme="light"] .checkoutField>.uiSelect .uiSelectBtn{background:#fff}
.customAdminPicker .uiSelectBtn,.customProductLogic .uiSelectBtn,.customProductAdminTop .uiSelectBtn{height:38px;border-radius:9px;font-size:11px;background:var(--surface)}

/* one premium purchase-button language across the storefront */
.buyNow,.tgBuyPrimary,.esimSku button[data-buy],.productBuyButton{
  position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(105,173,255,.44)!important;border-radius:14px!important;
  background:linear-gradient(180deg,#2d8dff 0%,#1678ee 100%)!important;color:#fff!important;
  box-shadow:0 10px 24px rgba(22,119,255,.22),inset 0 1px 0 rgba(255,255,255,.25),inset 0 -1px 0 rgba(0,65,155,.18)!important;
  font-weight:820!important;letter-spacing:-.01em;transition:transform .18s cubic-bezier(.2,.75,.2,1),box-shadow .18s ease,filter .18s ease!important
}
.buyNow::before,.tgBuyPrimary::before,.productBuyButton::before{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 15%,rgba(255,255,255,.16) 42%,transparent 68%);transform:translateX(-120%);transition:transform .52s cubic-bezier(.2,.7,.2,1);z-index:-1}
.buyNow:hover:not(:disabled),.tgBuyPrimary:hover:not(:disabled),.productBuyButton:hover:not(:disabled){transform:translateY(-1px)!important;filter:none!important;box-shadow:0 14px 30px rgba(22,119,255,.28),inset 0 1px 0 rgba(255,255,255,.28)!important}
.buyNow:hover::before,.tgBuyPrimary:hover::before,.productBuyButton:hover::before{transform:translateX(120%)}
.buyNow:active:not(:disabled),.tgBuyPrimary:active:not(:disabled),.productBuyButton:active:not(:disabled){transform:translateY(0) scale(.995)!important;box-shadow:0 7px 16px rgba(22,119,255,.20),inset 0 1px 0 rgba(255,255,255,.2)!important}
.buyNow:disabled,.tgBuyPrimary:disabled,.productBuyButton:disabled{opacity:.56;cursor:not-allowed;filter:saturate(.7)}

@media(max-width:620px){.uiSelectMenu{max-height:260px}.customServerSelect>.uiSelect .uiSelectMenu{left:-51px;width:calc(100% + 51px);right:auto}}

/* v60 — premium glass header */
.siteHeader{
  height:auto!important;
  background:color-mix(in srgb,var(--bg) 82%,transparent)!important;
  border-bottom:0!important;
  backdrop-filter:blur(24px) saturate(1.24)!important;
  -webkit-backdrop-filter:blur(24px) saturate(1.24)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.08);
}
.top{
  height:68px!important;
  grid-template-columns:190px minmax(320px,540px) minmax(300px,1fr)!important;
  gap:24px!important;
}
.brandImageMode{width:178px;height:44px;min-width:178px;display:flex;align-items:center;justify-content:flex-start;overflow:hidden}
.headerBrandImage{display:block;max-width:174px;max-height:42px;width:auto;height:auto;object-fit:contain;object-position:left center;filter:drop-shadow(0 5px 14px rgba(0,0,0,.13))}
.headerBrandFallback{display:flex;align-items:center;gap:9px;font-size:22px;font-weight:850;letter-spacing:-.7px}
.headerBrandFallback b{font-weight:540;color:#6ba8ff}
.search{height:42px!important;border-radius:13px!important;background:color-mix(in srgb,var(--surface) 78%,transparent)!important;border-color:color-mix(in srgb,var(--line2) 66%,transparent)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.search:focus-within{border-color:rgba(64,142,247,.68)!important;box-shadow:0 0 0 4px rgba(38,135,255,.08),inset 0 1px 0 rgba(255,255,255,.04)!important}
.headActions{gap:8px!important;align-items:center!important;min-width:0}
.headerUtilityBtn,.adminHeadBtn,.headerThemeTop{height:38px!important;border-radius:12px!important;background:color-mix(in srgb,var(--surface2) 74%,transparent)!important;border:1px solid color-mix(in srgb,var(--line2) 62%,transparent)!important;backdrop-filter:blur(14px)}
.headerUtilityBtn{min-width:43px!important;color:var(--muted)!important;font-size:12px!important}
.adminHeadBtn{padding:0 13px!important;background:linear-gradient(180deg,rgba(39,102,196,.17),rgba(31,78,148,.09))!important;border-color:rgba(80,143,236,.25)!important;color:#8dbdff!important}
.headerThemeTop{width:38px!important;min-width:38px!important}
.profileBalanceCluster{height:44px;display:flex;align-items:center;min-width:210px;max-width:264px;border:1px solid color-mix(in srgb,var(--line2) 74%,transparent);border-radius:15px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface2) 78%,transparent),color-mix(in srgb,var(--surface) 64%,transparent));box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 8px 24px rgba(0,0,0,.08);overflow:hidden;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.profileClusterBtn,.balanceClusterBtn{height:100%!important;border:0!important;background:transparent!important;color:var(--text)!important;display:flex!important;align-items:center!important;cursor:pointer!important;transition:background-color .18s ease!important}
.profileClusterBtn{flex:1;min-width:0!important;gap:9px!important;padding:0 10px 0 7px!important;justify-content:flex-start!important}
.profileClusterBtn:hover,.balanceClusterBtn:hover{background:rgba(72,132,226,.08)!important;transform:none!important}
.profileClusterCopy{min-width:0;text-align:left;line-height:1.05}
.profileClusterCopy b{display:block;font-size:11px;max-width:88px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.profileClusterCopy small,.balanceClusterBtn small{display:block;margin-top:4px;color:var(--muted);font-size:8px;font-weight:700;letter-spacing:.02em}
.clusterDivider{width:1px;height:25px;background:color-mix(in srgb,var(--line2) 72%,transparent);flex:0 0 1px}
.balanceClusterBtn{min-width:82px!important;gap:7px!important;padding:0 9px!important;justify-content:center!important}
.balanceClusterBtn>span{text-align:right;line-height:1.02}
.balanceClusterBtn b{display:block;color:#7db2ff;font-size:11px;white-space:nowrap;font-weight:850}
.clusterBalanceImage{width:22px;height:22px;object-fit:contain;display:block}
.headerNav{
  height:42px!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 51%,transparent),color-mix(in srgb,var(--surface2) 36%,transparent))!important;
  border-top:1px solid rgba(255,255,255,.035)!important;
  border-bottom:1px solid color-mix(in srgb,var(--line2) 50%,transparent)!important;
  backdrop-filter:blur(24px) saturate(1.28)!important;
  -webkit-backdrop-filter:blur(24px) saturate(1.28)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018);
}
.headerNav>.container.headerNavInner{height:42px!important;justify-content:flex-start!important}
.headerNavLinks{gap:28px!important;overflow-x:auto;scrollbar-width:none}
.headerNavLinks::-webkit-scrollbar{display:none}
.headerNav button{font-size:12.5px!important;font-weight:760!important;color:color-mix(in srgb,var(--muted) 88%,var(--text))!important;white-space:nowrap;position:relative;transition:color .18s ease,transform .18s ease!important}
.headerNav button:hover{color:var(--text)!important;transform:translateY(-1px)}
.headerNav button:after{content:"";position:absolute;left:50%;right:50%;bottom:-12px;height:2px;border-radius:2px;background:#5b9eff;opacity:0;transition:.2s ease}
.headerNav button:hover:after{left:8%;right:8%;opacity:.72}
.headerFeatureBar{height:46px;background:color-mix(in srgb,var(--bg) 72%,transparent);border-bottom:1px solid color-mix(in srgb,var(--line) 62%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.headerFeatureInner{height:46px;display:flex;align-items:center;gap:9px;overflow-x:auto;scrollbar-width:none}
.headerFeatureInner::-webkit-scrollbar{display:none}
.headerFeature{height:31px;border:1px solid color-mix(in srgb,var(--line2) 64%,transparent);border-radius:999px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface2) 66%,transparent),color-mix(in srgb,var(--surface) 48%,transparent));color:var(--muted);padding:0 12px 0 8px;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;cursor:pointer;font-size:10.5px;font-weight:760;letter-spacing:.005em;box-shadow:inset 0 1px 0 rgba(255,255,255,.035);transition:transform .18s ease,border-color .18s ease,color .18s ease,background-color .18s ease,box-shadow .18s ease}
.headerFeature:hover{transform:translateY(-1px);color:var(--text);border-color:rgba(105,163,244,.32);box-shadow:0 7px 18px rgba(0,0,0,.10),inset 0 1px 0 rgba(255,255,255,.055)}
.headerFeatureIcon{width:23px;height:23px;border-radius:8px;display:grid;place-items:center;background:rgba(255,255,255,.025)}
.headerFeatureSvg{width:15px;height:15px;display:block}
.headerFeature.guarantee .headerFeatureIcon{color:#43d79b;background:rgba(54,205,145,.08)}
.headerFeature.unlock .headerFeatureIcon{color:#70aaff;background:rgba(73,136,230,.09)}
.headerFeature.api .headerFeatureIcon{color:#aa83ff;background:rgba(144,100,243,.09)}
html[data-theme="light"] .siteHeader{background:rgba(244,248,252,.83)!important;box-shadow:0 10px 30px rgba(44,63,90,.07)}
html[data-theme="light"] .headerNav{background:linear-gradient(180deg,rgba(255,255,255,.76),rgba(246,249,253,.70))!important;border-top-color:rgba(29,48,74,.055)!important;border-bottom-color:rgba(29,48,74,.09)!important}
html[data-theme="light"] .headerFeatureBar{background:rgba(246,249,253,.73)}
html[data-theme="light"] .profileBalanceCluster{background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(247,250,253,.79));border-color:rgba(35,61,92,.11);box-shadow:inset 0 1px 0 #fff,0 7px 20px rgba(48,69,99,.06)}
html[data-theme="light"] .headerFeature{background:linear-gradient(180deg,rgba(255,255,255,.90),rgba(245,248,252,.84));border-color:rgba(40,65,96,.12);box-shadow:inset 0 1px 0 #fff}
html[data-theme="light"] .headerFeature:hover{border-color:rgba(64,127,213,.25);box-shadow:0 7px 18px rgba(52,74,105,.07),inset 0 1px 0 #fff}

.adminLogoBrandCard{margin-bottom:18px}.adminLogoBranding{display:grid;grid-template-columns:minmax(260px,1.1fr) minmax(250px,.9fr);gap:18px;align-items:center;margin-top:16px}.adminLogoBrandPreview{height:112px;border:1px dashed var(--line2);border-radius:16px;background:var(--surface2);display:flex;align-items:center;justify-content:center;padding:18px;color:var(--muted);font-size:11px}.adminLogoBrandPreview img{max-width:320px;max-height:76px;object-fit:contain}.headerInfoPage{padding-top:42px;padding-bottom:80px}.headerInfoHero{min-height:220px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 96%,#335f9b),var(--surface));display:grid;grid-template-columns:68px 1fr;gap:22px;align-items:center;padding:34px;box-shadow:var(--cardShadow)}.headerInfoIcon{width:68px;height:68px;border-radius:20px;display:grid;place-items:center;background:rgba(76,137,229,.10);color:#7fb6ff;border:1px solid rgba(92,153,237,.18)}.headerInfoIcon .headerFeatureSvg{width:30px;height:30px}.headerInfoHero small{color:#7aaeff;font-size:9px;font-weight:850;letter-spacing:.16em}.headerInfoHero h1{margin:6px 0 10px;font-size:30px}.headerInfoHero p{max-width:720px;margin:0;color:var(--muted);font-size:13px;line-height:1.65}.headerInfoBack{margin-top:18px;height:40px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--muted);padding:0 14px;cursor:pointer}

@media(max-width:900px){
  .top{grid-template-columns:150px minmax(250px,1fr) auto!important;gap:12px!important}.brandImageMode{width:145px;min-width:145px}.headerBrandImage{max-width:142px}.profileClusterCopy{display:none}.profileBalanceCluster{min-width:128px}.profileClusterBtn{width:44px;flex:0 0 44px!important;justify-content:center!important;padding:0!important}.headerUtilityBtn{display:none!important}.headerNavLinks{gap:19px!important}
}
@media(max-width:760px){
  .siteHeader{height:auto!important}.top{height:62px!important;grid-template-columns:44px minmax(0,1fr) auto!important;gap:9px!important}.brandImageMode{width:44px!important;min-width:44px!important;height:40px}.headerBrandImage{max-width:42px;max-height:38px;object-fit:contain;object-position:left center}.headerBrandFallback>span:last-child{display:none}.headerBrandFallback .brandMark{width:36px;height:36px}.headActions{gap:6px!important}.headActions .adminHeadBtn{display:none!important}.headerThemeTop{display:none!important}.profileBalanceCluster{min-width:46px;max-width:46px;height:40px;border-radius:12px}.profileClusterBtn{width:44px!important;flex-basis:44px!important}.clusterDivider,.balanceClusterBtn{display:none!important}.accountAvatar{width:29px;height:29px}.headerNav{display:none!important}.headerFeatureBar{height:43px}.headerFeatureInner{height:43px;padding-right:12px}.headerFeature{height:30px;font-size:10px}.search{height:40px!important}.search kbd{display:none}.headerInfoHero{grid-template-columns:1fr;padding:24px}.adminLogoBranding{grid-template-columns:1fr}.adminLogoBrandPreview{height:96px}
}

/* v61 — corrected header hierarchy: original top + glass nav + floating utilities */
.siteHeader{
  height:auto!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.headerTopBar{
  background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 72%,var(--bg)) 0%,color-mix(in srgb,var(--bg) 88%,var(--surface)) 100%);
  border:0;
}
.headerTopBar .top{height:68px!important}
.headerTopBar .search{
  height:40px!important;
  border-radius:10px!important;
  background:var(--surface)!important;
  border:1px solid var(--line)!important;
  box-shadow:none!important;
}
.headerTopBar .search:focus-within{
  border-color:#367bcc!important;
  box-shadow:0 0 0 3px rgba(38,135,255,.1)!important;
}
.headerTopBar .adminHeadBtn,.headerTopBar .headerThemeTop{
  height:36px!important;
  border-radius:9px!important;
  background:var(--surface)!important;
  border:1px solid var(--line)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.headerTopBar .adminHeadBtn{color:#9cc8ff!important}
.headerTopBar .profileBalanceCluster{
  background:var(--surface)!important;
  border:1px solid var(--line)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
html[data-theme="light"] .headerTopBar{background:#f8f9fb}
html[data-theme="light"] .headerTopBar .profileBalanceCluster{background:#fff!important;border-color:#e4e9f0!important;box-shadow:none!important}

.headerNav{
  height:44px!important;
  margin:0!important;
  background:rgba(18,23,32,.54)!important;
  border-top:0!important;
  border-bottom:0!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),inset 0 -1px 0 rgba(255,255,255,.018)!important;
  backdrop-filter:blur(20px) saturate(1.22)!important;
  -webkit-backdrop-filter:blur(20px) saturate(1.22)!important;
}
.headerNav>.container.headerNavInner{
  height:44px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:22px!important;
}
.headerNavLinks{gap:28px!important;flex:1;min-width:0}
.headerNav button{font-size:12.8px!important;font-weight:760!important}
.headerNav button:after{bottom:-13px!important}
.headerLangSwitch{
  margin-left:auto;
  flex:0 0 auto;
  height:30px;
  display:flex;
  align-items:center;
  gap:3px;
  padding:3px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:10px;
  background:rgba(255,255,255,.025);
}
.headerLangSwitch button{
  height:22px!important;
  min-width:31px;
  padding:0 8px!important;
  border:0!important;
  border-radius:7px!important;
  background:transparent!important;
  color:var(--muted)!important;
  font-size:10px!important;
  font-weight:820!important;
  letter-spacing:.035em;
}
.headerLangSwitch button:after{display:none!important}
.headerLangSwitch button:hover{background:rgba(255,255,255,.045)!important;color:var(--text)!important;transform:none!important}
.headerLangSwitch button.active{background:rgba(71,139,237,.16)!important;color:#8ebdff!important;box-shadow:inset 0 0 0 1px rgba(89,151,238,.18)}
html[data-theme="light"] .headerNav{
  background:rgba(245,248,252,.62)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72),inset 0 -1px 0 rgba(39,60,86,.045)!important;
}
html[data-theme="light"] .headerLangSwitch{background:rgba(255,255,255,.48);border-color:rgba(33,56,84,.08)}
html[data-theme="light"] .headerLangSwitch button:hover{background:rgba(49,82,121,.05)!important}
html[data-theme="light"] .headerLangSwitch button.active{background:rgba(51,126,225,.10)!important;color:#3177cf!important}

.headerFeatureBar{
  height:48px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.headerFeatureInner{
  height:48px!important;
  gap:9px!important;
  padding-top:7px;
  padding-bottom:7px;
}
.headerFeature{
  height:34px!important;
  border:1px solid color-mix(in srgb,var(--line2) 58%,transparent)!important;
  background:color-mix(in srgb,var(--surface) 54%,transparent)!important;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
  font-size:10.8px!important;
}
.headerFeature:hover{background:color-mix(in srgb,var(--surface2) 64%,transparent)!important}
html[data-theme="light"] .headerFeatureBar{background:transparent!important}
html[data-theme="light"] .headerFeature{background:rgba(255,255,255,.50)!important;border-color:rgba(35,60,91,.10)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.85)!important}
html[data-theme="light"] .headerFeature:hover{background:rgba(255,255,255,.78)!important}

@media(max-width:900px){
  .headerNavLinks{gap:18px!important}.headerNav button{font-size:11.7px!important}.headerLangSwitch button{min-width:28px;padding:0 6px!important}
}
@media(max-width:760px){
  .headerTopBar .top{height:62px!important}
  .headerNav{display:none!important}
  .headerFeatureBar{height:44px!important}
  .headerFeatureInner{height:44px!important;padding-top:5px;padding-bottom:5px}
}

/* v62 — subtle top contrast + truly floating feature actions + scroll hide */
.headerTopBar{
  background:color-mix(in srgb,var(--bg) 97%,#000 3%)!important;
}
html[data-theme="light"] .headerTopBar{
  background:color-mix(in srgb,var(--bg) 96.5%,#000 3.5%)!important;
}
.headerFeatureBar,
.headerFeatureInner{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.headerFeatureBar{
  overflow:hidden;
  transition:height .28s cubic-bezier(.22,.61,.36,1),opacity .20s ease,transform .28s cubic-bezier(.22,.61,.36,1)!important;
  will-change:height,opacity,transform;
}
.siteHeader.featuresHidden .headerFeatureBar{
  height:0!important;
  opacity:0;
  transform:translateY(-8px);
  pointer-events:none;
}
.siteHeader.featuresHidden .headerFeatureInner{
  height:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
}
html[data-theme="light"] .headerFeatureBar,
html[data-theme="light"] .headerFeatureInner{
  background:transparent!important;
}

/* v63 — profile balance refinement + stable feature-row motion */
.profileClusterCopy b{font-size:12px!important;line-height:1.05;font-weight:820!important}
.profileClusterCopy small{font-size:8.6px!important;margin-top:4px!important}
.balanceClusterBtn{gap:8px!important;padding:0 12px!important;justify-content:center!important;min-width:86px!important}
.balanceRubleMark{width:25px;height:25px;display:grid;place-items:center;flex:0 0 25px;border-radius:8px;color:#77aefe;background:rgba(52,123,232,.11);box-shadow:inset 0 0 0 1px rgba(89,150,241,.10)}
.balanceRubleMark svg{width:16px;height:16px;display:block}
.balanceClusterAmount{font-size:12.5px!important;font-weight:860!important;letter-spacing:-.12px;color:var(--text)!important;line-height:1}
html[data-theme="light"] .balanceRubleMark{color:#347fdc;background:#edf4ff;box-shadow:inset 0 0 0 1px #dce9fb}
.siteHeader .headerFeatureBar{transition:height .30s cubic-bezier(.2,.7,.2,1),opacity .18s ease,transform .30s cubic-bezier(.2,.7,.2,1)!important}
.siteHeader.featuresHidden .headerFeatureBar{transition-delay:0s!important}
@media(max-width:760px){.balanceClusterBtn{min-width:0!important;padding:0!important}.balanceRubleMark,.balanceClusterAmount{display:none!important}}

/* v64 — silk-smooth utility row reveal without scroll jitter */
.siteHeader{overflow-anchor:none!important}
.headerFeatureBar{
  display:grid!important;
  grid-template-rows:1fr;
  height:auto!important;
  max-height:48px;
  opacity:1;
  transform:none!important;
  overflow:hidden;
  will-change:max-height,opacity;
  transition:max-height .38s cubic-bezier(.16,1,.3,1),opacity .24s ease!important;
  contain:layout paint;
}
.headerFeatureInner{
  min-height:0;
  height:48px!important;
  padding-top:7px!important;
  padding-bottom:7px!important;
  opacity:1;
  transform:translate3d(0,0,0);
  filter:blur(0);
  will-change:transform,opacity,filter;
  transition:opacity .24s ease .07s,transform .42s cubic-bezier(.16,1,.3,1) .03s,filter .28s ease .03s!important;
}
.headerFeature{
  opacity:1;
  transform:translate3d(0,0,0);
  transition:opacity .24s ease,transform .38s cubic-bezier(.16,1,.3,1),border-color .18s ease,color .18s ease,background-color .18s ease,box-shadow .18s ease!important;
}
.headerFeature:nth-child(2){transition-delay:.025s, .025s,0s,0s,0s,0s!important}
.headerFeature:nth-child(3){transition-delay:.05s, .05s,0s,0s,0s,0s!important}
.siteHeader.featuresHidden .headerFeatureBar{
  max-height:0!important;
  height:auto!important;
  opacity:0;
  transform:none!important;
  pointer-events:none;
}
.siteHeader.featuresHidden .headerFeatureInner{
  height:48px!important;
  padding-top:7px!important;
  padding-bottom:7px!important;
  opacity:0;
  transform:translate3d(0,-7px,0);
  filter:blur(2px);
  transition:opacity .14s ease,transform .26s cubic-bezier(.4,0,1,1),filter .16s ease!important;
}
.siteHeader.featuresHidden .headerFeature{
  opacity:0;
  transform:translate3d(0,-4px,0);
  transition-delay:0s!important;
}
@media (prefers-reduced-motion:reduce){
  .headerFeatureBar,.headerFeatureInner,.headerFeature{transition:none!important;filter:none!important}
}


/* v64 — two-phase feature row reveal: reserve space first, reveal controls second */
.siteHeader .headerFeatureBar{
  height:48px!important;
  overflow:hidden!important;
  opacity:1!important;
  transform:none!important;
  transition:height .30s cubic-bezier(.22,.72,.22,1)!important;
  will-change:height;
}
.siteHeader .headerFeatureInner{
  height:48px!important;
  opacity:1;
  transform:translateY(0);
  filter:blur(0);
  transition:opacity .24s ease,transform .32s cubic-bezier(.2,.75,.2,1),filter .28s ease!important;
  will-change:opacity,transform,filter;
}
.siteHeader.featuresOpening .headerFeatureBar{
  height:48px!important;
}
.siteHeader.featuresOpening .headerFeatureInner{
  opacity:0!important;
  transform:translateY(-7px)!important;
  filter:blur(3px)!important;
  pointer-events:none!important;
}
.siteHeader.featuresClosing .headerFeatureBar{
  height:48px!important;
}
.siteHeader.featuresClosing .headerFeatureInner{
  opacity:0!important;
  transform:translateY(-6px)!important;
  filter:blur(2px)!important;
  pointer-events:none!important;
  transition-duration:.18s!important;
}
.siteHeader.featuresHidden .headerFeatureBar{
  height:0!important;
  opacity:1!important;
  transform:none!important;
  pointer-events:none!important;
}
.siteHeader.featuresHidden .headerFeatureInner{
  height:48px!important;
  padding-top:7px!important;
  padding-bottom:7px!important;
  opacity:0!important;
  transform:translateY(-8px)!important;
  filter:blur(3px)!important;
  pointer-events:none!important;
}
@media(max-width:760px){
  .siteHeader .headerFeatureBar,.siteHeader.featuresOpening .headerFeatureBar,.siteHeader.featuresClosing .headerFeatureBar{height:44px!important}
  .siteHeader .headerFeatureInner,.siteHeader.featuresHidden .headerFeatureInner{height:44px!important;padding-top:5px!important;padding-bottom:5px!important}
  .siteHeader.featuresHidden .headerFeatureBar{height:0!important}
}

/* v65 — feature actions are regular home content, fully decoupled from sticky header */
.homeFeatureBar{
  position:relative;
  z-index:1;
  margin:10px 0 8px;
  padding:0;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.homeFeatureInner{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:38px;
  padding:0;
  background:transparent!important;
}
.homeFeatureBar .headerFeature{
  flex:0 0 auto;
  position:relative;
}
@media(max-width:720px){
  .homeFeatureBar{margin:8px 0 6px;overflow:visible}
  .homeFeatureInner{overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
  .homeFeatureInner::-webkit-scrollbar{display:none}
}

/* Header logo tone: keep uploaded artwork dimensions, tint only. */
.headerBrandImage{
  filter:brightness(0) invert(1) opacity(.88) drop-shadow(0 5px 14px rgba(0,0,0,.13));
  transition:filter .28s cubic-bezier(.22,.61,.36,1),opacity .28s ease;
  will-change:filter;
}
.brandImageMode:hover .headerBrandImage,
.brandImageMode:focus-visible .headerBrandImage{
  filter:drop-shadow(0 5px 14px rgba(0,0,0,.13));
}
html[data-theme="light"] .headerBrandImage{
  filter:brightness(0) opacity(.78) drop-shadow(0 4px 12px rgba(15,23,42,.08));
}
html[data-theme="light"] .brandImageMode:hover .headerBrandImage,
html[data-theme="light"] .brandImageMode:focus-visible .headerBrandImage{
  filter:drop-shadow(0 5px 14px rgba(15,23,42,.10));
}


/* v66 — stability/performance pass: consistent theme surfaces, no light-theme flash/jank */
:root{
  --card:var(--surface);
  --soft:var(--surface2);
  --panel:var(--surface);
  color-scheme:dark;
}
html[data-theme="light"]{
  --card:var(--surface);
  --soft:var(--surface2);
  --panel:var(--surface);
  color-scheme:light;
}
html,body,#app{min-height:100%}
html{background:var(--bg);overflow-y:scroll;scroll-behavior:auto}
body{min-width:320px;overscroll-behavior-y:none}

/* Keep theme repaint deterministic and avoid a grey intermediate frame. */
html.theme-switching,html.theme-switching body,html.theme-switching #app{background-color:var(--bg)!important}
html.theme-switching *,html.theme-switching *::before,html.theme-switching *::after{transition:none!important;animation:none!important}

/* Light theme: normalize every major surface to the same palette. */
html[data-theme="light"] body{
  color:#172033;
  background:radial-gradient(circle at 50% -12%,rgba(62,133,255,.08),transparent 31%),linear-gradient(180deg,#f9fbfe 0,#f6f8fc 40%,#f4f7fb 100%);
}
html[data-theme="light"] .headerTopBar{background:#eef2f7!important}
html[data-theme="light"] .headerNav{background:rgba(248,250,253,.76)!important;border:0!important}
html[data-theme="light"] .search,
html[data-theme="light"] .headActions button,
html[data-theme="light"] .profileBalanceCluster,
html[data-theme="light"] .memberPanel,
html[data-theme="light"] .memberLevel,
html[data-theme="light"] .profileQuickGrid,
html[data-theme="light"] .adminCard,
html[data-theme="light"] .adminTabs,
html[data-theme="light"] .setupCard,
html[data-theme="light"] .purchase,
html[data-theme="light"] .customGallery,
html[data-theme="light"] .customDetailInfo,
html[data-theme="light"] .customAccountGalleryCard,
html[data-theme="light"] .tgProductVisual,
html[data-theme="light"] .tgProductPanel,
html[data-theme="light"] .tgProductAttrs,
html[data-theme="light"] .tgBuyBox,
html[data-theme="light"] .tgCheckout,
html[data-theme="light"] .tgGiftSetup,
html[data-theme="light"] .tgGiftEmpty{background:#fff!important}
html[data-theme="light"] .adminContentRow,
html[data-theme="light"] .adminStoreCard,
html[data-theme="light"] .customGameAdminHead,
html[data-theme="light"] .customCategoryAdminRow,
html[data-theme="light"] .customProductAdminRow,
html[data-theme="light"] .customCardImageAdmin,
html[data-theme="light"] .selectedSummary,
html[data-theme="light"] .agreement,
html[data-theme="light"] .socialServiceDetails>div,
html[data-theme="light"] .socialDescription{background:#f7f9fc!important}
html[data-theme="light"] .authForm input,
html[data-theme="light"] .adminContentFields input,
html[data-theme="light"] .adminCardToolbar>input,
html[data-theme="light"] .adminBalanceEdit input,
html[data-theme="light"] .customGameAdminFields input,
html[data-theme="light"] .customGameAdminFields textarea,
html[data-theme="light"] .customProductAdminTop input,
html[data-theme="light"] .customProductAdminTop select,
html[data-theme="light"] .customAdminDescription textarea,
html[data-theme="light"] .customCardImageActions>input,
html[data-theme="light"] .tgApiForm input,
html[data-theme="light"] .tgPurchaseContact .contactInput{background:#fff!important;color:#172033!important;border-color:#dce4ee!important}
html[data-theme="light"] .introCopy p,
html[data-theme="light"] .checkoutField,
html[data-theme="light"] .checkoutPlaceholder,
html[data-theme="light"] .checkoutPlaceholder b{color:#66748a!important}
html[data-theme="light"] .selectedSummary strong,
html[data-theme="light"] .showAllBtn{color:#172033!important}
html[data-theme="light"] .stepLabel>span{background:#eaf4ff;color:#247bd6}
html[data-theme="light"] .variant .check{border-color:#aebdce;color:#fff}
html[data-theme="light"] .socialModal{background:#fff;color:#172033;border-color:#dfe6ef;box-shadow:0 24px 70px rgba(30,50,80,.16)}
html[data-theme="light"] .socialModalBackdrop{background:rgba(28,39,55,.28)}

/* Admin: defer offscreen paint, reduce expensive layout work and keep tab switches crisp. */
.adminPage{padding-bottom:72px}
.adminTab{contain:layout style;min-width:0}
.adminTab.active{content-visibility:visible}
.adminCard{contain:layout style}
.adminStoreCard,.adminContentRow,.customProductAdminRow{transform:translateZ(0)}
.adminTabs{position:sticky;top:116px;z-index:18;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
html[data-theme="light"] .adminTabs{background:rgba(255,255,255,.92)!important}

/* Prevent hover effects from causing layout shifts on dense admin pages. */
.adminPage .adminStoreCard:hover,.adminPage .adminUploadBtn:hover,.adminPage .smallBlue:hover{transform:none!important}

/* Use compositor-friendly transitions only; avoid accidental layout animation. */
.gameArt,.gameCard,.countryCard,.primaryTabs button,.subTabs button,.variant,.uiSelectBtn,.headerFeature,.customMarketCard{will-change:auto}

@media(max-width:760px){
  html{overflow-y:auto}
  .adminTabs{top:62px}
}

/* v14 — unified checkout fields + WoW item ID guide */
.checkoutField{min-width:0;align-content:start}
.checkoutField>span{min-height:20px;margin:0;line-height:20px}
.checkoutField input,.checkoutField select,.checkoutField textarea,
.contactInput,.contactSelectBtn,.styledSelect,.tgApiForm input,
.socialOrderFields input,.socialOrderFields textarea,.wowItemRow input{
  box-sizing:border-box;width:100%;min-width:0;border:1px solid var(--line);border-radius:12px;
  background:#0d131c;color:var(--text);font:inherit;font-size:13px;outline:0;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.checkoutField input,.checkoutField select,.contactInput,.contactSelectBtn,.styledSelect,.tgApiForm input,.wowItemRow input{height:48px;padding:0 13px}
.checkoutField textarea,.socialOrderFields textarea{min-height:96px;padding:12px 13px;resize:vertical;line-height:1.45}
.checkoutField input:focus,.checkoutField select:focus,.checkoutField textarea:focus,.contactInput:focus,.styledSelect:focus,.tgApiForm input:focus,.wowItemRow input:focus,.socialOrderFields textarea:focus{border-color:#2f83ed;box-shadow:0 0 0 3px rgba(47,131,237,.11)}
.inlineFields,.socialOrderFields{align-items:start}.contactRow{align-items:end}.contactSelect{min-width:0}.contactSelectBtn{display:flex;align-items:center;justify-content:space-between;gap:8px}
.wowIdentityFields{margin-top:14px}.wowItemRow{grid-template-columns:30px minmax(0,1fr) 36px;gap:9px}.wowItemRow>span{width:30px;height:30px}.wowItemRow button{width:36px;height:36px;border-radius:10px}
html[data-theme="light"] .checkoutField input,html[data-theme="light"] .checkoutField select,html[data-theme="light"] .checkoutField textarea,html[data-theme="light"] .contactInput,html[data-theme="light"] .contactSelectBtn,html[data-theme="light"] .styledSelect,html[data-theme="light"] .tgApiForm input,html[data-theme="light"] .socialOrderFields textarea,html[data-theme="light"] .wowItemRow input{background:#fff;color:#172033;border-color:#dce4ee}

.wowNoticeTitle,.wowItemsTitleRow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.wowIdHelpLink{appearance:none;border:0;background:transparent;color:#63a9ff;font:inherit;font-size:11px;font-weight:800;padding:2px 0;cursor:pointer;position:relative}.wowIdHelpLink::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;opacity:.35;transform:scaleX(.7);transition:.18s ease}.wowIdHelpLink:hover{color:#8ac0ff}.wowIdHelpLink:hover::after{opacity:.85;transform:scaleX(1)}
.wowIdGuideBackdrop{position:fixed;inset:0;z-index:500;display:grid;place-items:center;padding:24px;background:rgba(5,9,15,.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:wowGuideFade .18s ease}.wowIdGuideModal{position:relative;width:min(760px,100%);max-height:min(88vh,860px);overflow:auto;border:1px solid var(--line);border-radius:24px;background:color-mix(in srgb,var(--surface) 96%,#000);box-shadow:0 30px 90px rgba(0,0,0,.42);padding:22px}.wowIdGuideClose{position:absolute;right:16px;top:16px;width:38px;height:38px;border-radius:12px;border:1px solid var(--line);background:var(--surface2);color:var(--muted);display:grid;place-items:center;cursor:pointer;transition:.18s ease}.wowIdGuideClose:hover{color:var(--text);border-color:#45688f;background:color-mix(in srgb,var(--surface2) 86%,#2985ff)}.wowIdGuideClose svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.wowIdGuideHead{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;align-items:start;padding-right:44px;margin-bottom:18px}.wowIdGuideHead>span{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:rgba(47,131,237,.12);color:#64a9ff}.wowGuideIcon{width:25px;height:25px}.wowIdGuideHead small{font-size:9px;letter-spacing:.12em;color:var(--muted)}.wowIdGuideHead h3{margin:4px 0 5px;font-size:20px}.wowIdGuideHead p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.wowIdGuideImageBtn{display:block;width:100%;border:1px solid var(--line);border-radius:18px;padding:8px;background:var(--surface2);cursor:zoom-in;overflow:hidden}.wowIdGuideImageBtn img{display:block;width:100%;max-height:520px;object-fit:contain;border-radius:12px}.wowIdGuideHint{display:block;text-align:center;color:var(--muted);font-size:10px;margin-top:8px}.wowIdGuideEmpty{display:grid;gap:4px;padding:24px;border:1px dashed var(--line);border-radius:16px;text-align:center;background:var(--surface2)}.wowIdGuideEmpty b{font-size:13px}.wowIdGuideEmpty span{font-size:11px;color:var(--muted)}@keyframes wowGuideFade{from{opacity:0}to{opacity:1}}
html[data-theme="light"] .wowIdGuideBackdrop{background:rgba(35,45,60,.34)}html[data-theme="light"] .wowIdGuideModal{background:#fff;box-shadow:0 30px 90px rgba(35,50,70,.2)}
.wowGuideAdmin{display:grid;grid-template-columns:120px minmax(0,1fr);gap:14px;align-items:center;margin:14px 0;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--soft)}.wowGuideAdminPreview{width:120px;height:86px;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:var(--card);display:grid;place-items:center;color:#63a9ff}.wowGuideAdminPreview img{width:100%;height:100%;object-fit:cover}.wowGuideAdminIcon{width:30px;height:30px}.wowGuideAdmin>div:last-child{display:grid;gap:6px}.wowGuideAdmin b{font-size:12px}.wowGuideAdmin small{font-size:10px;color:var(--muted)}.wowGuideAdmin input{height:40px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--text);padding:0 11px}.wowGuideAdminActions{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:620px){.inlineFields,.socialOrderFields{grid-template-columns:1fr!important}.wowGuideAdmin{grid-template-columns:1fr}.wowGuideAdminPreview{width:100%;height:150px}.wowIdGuideBackdrop{padding:12px}.wowIdGuideModal{border-radius:20px;padding:17px}.wowIdGuideHead{grid-template-columns:40px minmax(0,1fr)}.wowIdGuideHead>span{width:40px;height:40px}.contactRow{grid-template-columns:1fr!important}}
/* v19: stable inline Telegram/MRKT auth */
.mrktInlineAuth{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:12px;align-items:end;margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--panel) 72%,transparent)}
.mrktInlineAuth label{display:grid;gap:7px}.mrktInlineAuth label span{font-size:13px;color:var(--muted);font-weight:700}.mrktInlineAuth input{width:100%;min-height:44px}.mrktInlineAuth [hidden]{display:none!important}
@media(max-width:760px){.mrktInlineAuth{grid-template-columns:1fr}.mrktInlineAuth button{width:100%}}

/* v20 — unified API / integrations admin */
.integrationIntro{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}.integrationIntro small{font-size:9px;letter-spacing:.16em;color:#67a8ff;font-weight:850}.integrationIntro h2{margin:3px 0 5px;font-size:24px}.integrationIntro p{margin:0;color:var(--muted);font-size:12px}.integrationGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.integrationCard{display:grid;gap:14px;align-content:start}.integrationTelegram{grid-column:1/-1}.integrationHead{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.integrationHead h2{margin:0 0 5px}.integrationHead p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.integrationBadge{flex:0 0 auto;padding:6px 9px;border-radius:999px;border:1px solid var(--line);font-size:9px;font-weight:800}.integrationBadge.ok{color:#68d99a;background:rgba(62,190,120,.08);border-color:rgba(71,205,134,.26)}.integrationBadge.bad{color:#ff9a9a;background:rgba(255,85,105,.07);border-color:rgba(255,92,112,.22)}.integrationField{display:grid;gap:7px}.integrationField>span{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:10px;font-weight:750}.integrationField small{font-weight:500;opacity:.75}.integrationField input{height:46px;width:100%;border:1px solid var(--line);border-radius:12px;background:var(--surface2);color:var(--text);padding:0 13px;outline:0}.integrationField input:focus{border-color:#318cff;box-shadow:0 0 0 3px rgba(49,140,255,.1)}.integrationField input:disabled{opacity:.58}.integrationFields2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.integrationActions{display:flex;flex-wrap:wrap;gap:8px}.integrationActions .authPrimary,.integrationActions .smallBlue,.integrationActions .dangerGhost{min-height:40px;border-radius:11px;padding:0 13px}.integrationMsg{min-height:18px;color:var(--muted);font-size:10px;line-height:1.45}.integrationMsg.err,.integrationError{color:#ff8494}.integrationStatusRow{display:grid;grid-template-columns:auto auto auto auto auto auto;gap:8px 10px;align-items:center;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface2);font-size:10px}.okText{color:#69da9b}.badText{color:#ff8b99}.telegramLoginBox{margin-top:2px;padding:15px;border:1px solid var(--line);border-radius:15px;background:var(--surface2);display:grid;gap:12px}.telegramLoginBox h3{margin:0;font-size:14px}.telegramLoginBox p{margin:0;color:var(--muted);font-size:10px;line-height:1.55}.telegramLoginBox b{color:var(--text)}
html[data-theme="light"] .integrationField input,html[data-theme="light"] .integrationStatusRow,html[data-theme="light"] .telegramLoginBox{background:#f7f9fb}
@media(max-width:900px){.integrationGrid{grid-template-columns:1fr}.integrationTelegram{grid-column:auto}.integrationStatusRow{grid-template-columns:1fr auto 1fr auto}.integrationStatusRow span:nth-last-child(-n+2){display:none}}
@media(max-width:650px){.integrationIntro{align-items:flex-start;flex-direction:column}.integrationFields2{grid-template-columns:1fr}.integrationActions{display:grid;grid-template-columns:1fr}.integrationActions>*{width:100%}.integrationStatusRow{grid-template-columns:1fr auto}}

/* MRKT token fallback lives inside the unified integration card. */
.mrktTokenBox{padding:14px;border:1px solid var(--line);border-radius:15px;background:var(--surface2);display:grid;gap:10px}
.mrktTokenBox>p{margin:0;color:var(--muted);font-size:10px;line-height:1.55}
html[data-theme="light"] .mrktTokenBox{background:#f7f9fb}


/* MRKT local NFT sample */
.nftLocalAdmin{overflow:hidden}.nftLocalActions{display:flex;gap:10px;margin-top:14px}.mrktSampleStats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.mrktSampleStats>div{padding:14px;border-radius:16px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:3px}.mrktSampleStats b{font-size:20px}.mrktSampleStats small{opacity:.65}.mrktSampleBar{margin:8px 0 12px}.mrktSampleGallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin-top:18px}.mrktSampleCard{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);border-radius:18px;overflow:hidden}.mrktSampleArt{aspect-ratio:1/1;background:rgba(255,255,255,.035);display:grid;place-items:center}.mrktSampleArt img{width:100%;height:100%;object-fit:cover;display:block}.mrktSampleArt span{opacity:.55}.mrktSampleInfo{padding:12px;display:flex;flex-direction:column;gap:7px}.mrktSampleInfo>b{font-size:14px}.mrktSampleInfo>small{opacity:.55;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mrktSampleInfo>div{display:flex;flex-wrap:wrap;gap:6px}.mrktSampleInfo>div span{font-size:11px;padding:5px 7px;border-radius:999px;background:rgba(255,255,255,.06)}.mrktSampleInfo em{font-style:normal;font-size:11px;color:#ff9f9f;line-height:1.35}@media(max-width:700px){.mrktSampleStats{grid-template-columns:1fr 1fr}.mrktSampleGallery{grid-template-columns:1fr 1fr}.profileSectionHead:has(#startMrktSample){align-items:flex-start;gap:12px;flex-direction:column}}

/* v50 Local NFT filter system — aligned, responsive, consistent */
.tgMarketHeroV39{padding:18px!important;border-radius:24px!important;background:linear-gradient(180deg,color-mix(in srgb,var(--card) 96%,#1f2834),var(--card))!important}
.tgMarketTopline{gap:18px!important}
.tgMarketTopline .tgMarketSearch{height:48px!important;border-radius:15px!important;border:1px solid color-mix(in srgb,var(--line) 86%,#49637d)!important;background:color-mix(in srgb,var(--panel) 94%,transparent)!important;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.tgMarketTopline .tgMarketSearch:focus-within{border-color:#3f8fdc!important;box-shadow:0 0 0 3px rgba(63,143,220,.12)!important;background:var(--panel)!important}
.tgMarketTotal{min-width:112px;justify-content:flex-end}.tgMarketTotal b{font-size:26px!important}.tgMarketTotal span{font-size:11px!important;text-transform:uppercase;letter-spacing:.06em}
.tgMarketControls{display:grid;grid-template-columns:minmax(250px,.85fr) minmax(270px,.9fr) minmax(420px,1.7fr);gap:10px;margin-top:12px;align-items:stretch}
.tgControlBlock{min-width:0;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--panel) 86%,transparent);padding:8px 9px 9px;display:flex;flex-direction:column;gap:6px}
.tgControlLabel{padding:0 3px;color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.09em;line-height:1.2}
.tgSortControl{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:center}
.tgSelectWrap{height:38px;position:relative;display:flex;align-items:center;border:1px solid color-mix(in srgb,var(--line) 92%,#40556b);border-radius:11px;background:var(--card);overflow:hidden;transition:.16s ease}
.tgSelectWrap:hover,.tgSelectWrap:focus-within{border-color:#3c8fc9;box-shadow:0 0 0 2px rgba(60,143,201,.08)}
.tgSelectWrap select{appearance:none!important;-webkit-appearance:none!important;width:100%!important;height:100%!important;border:0!important;outline:0!important;background:transparent!important;color:var(--text)!important;padding:0 34px 0 11px!important;font:inherit!important;font-size:12px!important;font-weight:750!important;cursor:pointer;box-shadow:none!important}
.tgSelectChevron{position:absolute;right:11px;top:50%;translate:0 -53%;pointer-events:none;color:var(--muted);font-size:14px;font-weight:900}
.tgDirectionSwitch{height:38px;display:grid;grid-template-columns:1fr 1fr;padding:3px;gap:3px;border:1px solid var(--line);border-radius:11px;background:var(--card)}
.tgDirectionSwitch button{width:31px;height:30px;border:0;border-radius:8px;background:transparent;color:var(--muted);font:inherit;font-size:15px;font-weight:850;cursor:pointer;transition:.15s ease}
.tgDirectionSwitch button:hover{color:var(--text);background:var(--soft)}.tgDirectionSwitch button.active{color:#fff;background:#2388e8;box-shadow:0 4px 12px rgba(35,136,232,.22)}
.tgPriceControl{height:38px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:6px}
.tgPriceControl input{min-width:0!important;width:100%!important;height:38px!important;border:1px solid color-mix(in srgb,var(--line) 92%,#40556b)!important;border-radius:11px!important;background:var(--card)!important;color:var(--text)!important;padding:0 11px!important;font-size:12px!important;font-weight:700!important;box-shadow:none!important;transition:.16s ease}
.tgPriceControl input:focus{border-color:#3c8fc9!important;box-shadow:0 0 0 2px rgba(60,143,201,.08)!important}.tgPriceControl>span{color:var(--muted);font-size:11px}
.tgFiltersBlock{overflow:visible}.tgMarketFilterbar{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:6px!important;margin:0!important;align-items:center!important;flex-wrap:nowrap!important}
.tgFacet{min-width:0}.tgFacetBtn,.tgResetInline{width:100%;height:38px!important;min-height:38px!important;border-radius:11px!important;background:var(--card)!important}
.tgFacetBtn{padding:0 9px!important;gap:6px!important;white-space:nowrap;min-width:0}.tgFacetBtn b{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:11px!important}.tgFacetIcon{flex:0 0 auto}.tgFacetChevron{margin-left:auto;color:var(--muted);font-size:12px;transition:transform .16s ease}.tgFacet.open .tgFacetChevron{transform:rotate(180deg)}
.tgFacetBtn:hover:not(:disabled),.tgFacet.open .tgFacetBtn{border-color:#3c8fc9!important;background:var(--soft)!important}.tgFacetBtn:disabled{opacity:.42!important}
.tgFacetBtn em{margin-left:1px;background:#2388e8!important;min-width:18px!important;height:18px!important;font-size:9px!important}
.tgResetInline{display:flex;align-items:center;justify-content:center;gap:5px;padding:0 10px!important;font-size:11px!important;font-weight:750!important;white-space:nowrap;background:transparent!important}.tgResetInline span{font-size:14px;line-height:1}.tgResetInline:not(:disabled):hover{background:var(--soft)!important;color:var(--text)!important}.tgResetInline:disabled{opacity:.35;cursor:default}
.tgMarketMeta{min-height:28px;padding:10px 2px 0;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;color:var(--muted);font-size:10px}
.tgMarketMeta>#tgRateText{padding-top:5px;white-space:nowrap}.tgActiveFilters{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:5px;min-width:0}
.tgFilterChip{max-width:230px;height:26px;display:flex;align-items:center;gap:4px;border:1px solid color-mix(in srgb,var(--line) 86%,#3d6990);border-radius:999px;background:var(--panel);color:var(--text);padding:0 7px 0 9px;font:inherit;font-size:9px;cursor:pointer;transition:.15s ease}.tgFilterChip:hover{border-color:#3c8fc9;background:var(--soft)}.tgFilterChip span{color:var(--muted)}.tgFilterChip b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.tgFilterChip em{font-style:normal;color:var(--muted);font-size:13px;line-height:1;margin-left:1px}
.tgFacetPanel{top:calc(100% + 7px)!important;border-radius:14px!important;box-shadow:0 18px 50px rgba(0,0,0,.34)!important}
.tgCollectionOption,.tgFacetOption{transition:background .12s ease,transform .12s ease}.tgCollectionOption:active,.tgFacetOption:active{transform:scale(.995)}
@media(max-width:1180px){.tgMarketControls{grid-template-columns:1fr 1fr}.tgFiltersBlock{grid-column:1/-1}.tgMarketFilterbar{grid-template-columns:repeat(4,minmax(0,1fr)) auto!important}}
@media(max-width:760px){.tgMarketHeroV39{padding:12px!important;border-radius:18px!important}.tgMarketTopline{grid-template-columns:1fr!important;gap:10px!important}.tgMarketTotal{justify-content:flex-start!important;min-width:0}.tgMarketControls{grid-template-columns:1fr!important;gap:8px}.tgFiltersBlock{grid-column:auto}.tgMarketFilterbar{grid-template-columns:1fr 1fr!important}.tgResetInline{grid-column:1/-1}.tgMarketMeta{flex-direction:column;gap:6px}.tgActiveFilters{justify-content:flex-start}.tgFacetPanel{top:116px!important}}
@media(max-width:430px){.tgSortControl{grid-template-columns:minmax(0,1fr) 72px}.tgDirectionSwitch button{width:auto}.tgMarketFilterbar{grid-template-columns:1fr 1fr!important}.tgFacetBtn{justify-content:flex-start!important}.tgFilterChip{max-width:100%}}

/* v51 — stable NFT filters: no layout jumps and correct header stacking */
.siteHeader{z-index:200}
.tgMarketHeroV39{
  z-index:10!important;
  overflow-anchor:none;
  transform:translateZ(0);
}
.tgMarketTopline{min-height:48px}
.tgMarketTotal{
  width:132px;
  min-width:132px;
  max-width:132px;
  font-variant-numeric:tabular-nums;
}
.tgMarketTotal b{display:inline-block;min-width:74px;text-align:right;font-variant-numeric:tabular-nums}
.tgMarketControls{min-height:69px}
.tgControlBlock{transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease}
.tgMarketplaceGrid{
  overflow-anchor:none;
  transition:opacity .18s ease,filter .18s ease;
  will-change:opacity;
}
.tgMarketplaceGrid.tgGridUpdating{
  opacity:.58;
  filter:saturate(.88);
  pointer-events:none;
}
.tgFacetPanel{transition:opacity .14s ease,transform .14s ease}
@media(max-width:760px){
  .tgMarketTotal{width:auto;min-width:0;max-width:none;justify-content:flex-start!important}
  .tgMarketTotal b{min-width:0;text-align:left}
  .tgMarketControls{min-height:0}
  .tgMarketHeroV39{z-index:10!important}
  .tgFacetPanel{z-index:150!important}
}
@media(prefers-reduced-motion:reduce){
  .tgMarketplaceGrid,.tgControlBlock,.tgFacetPanel{transition:none!important}
}

/* Keep "Show more" pagination from becoming the browser scroll anchor. */
.tgGiftMore { overflow-anchor: none; min-height: 52px; }
.tgGiftMore .showAllBtn:disabled { cursor: wait; opacity: .72; }

/* v66 — NFT total counter: keep number and label separated */
.tgMarketTotal{
  width:168px!important;
  min-width:168px!important;
  max-width:168px!important;
  display:flex!important;
  align-items:baseline!important;
  justify-content:flex-end!important;
  gap:10px!important;
  flex:0 0 168px!important;
  white-space:nowrap!important;
  overflow:visible!important;
}
.tgMarketTotal b{
  display:block!important;
  min-width:88px!important;
  flex:0 0 auto!important;
  text-align:right!important;
  line-height:1!important;
}
.tgMarketTotal span{
  display:block!important;
  flex:0 0 auto!important;
  line-height:1!important;
  margin:0!important;
}
@media(max-width:900px){
  .tgMarketTotal{
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    flex:0 0 auto!important;
    justify-content:flex-start!important;
  }
  .tgMarketTotal b{min-width:0!important;text-align:left!important}
}

/* v54 — compact NFT filter toolbar */
.tgMarketHeroV39.tgMarketCompact{padding:12px 14px!important;border-radius:20px!important}
.tgCompactBar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px}
.tgCompactSort{height:40px!important;border-radius:12px!important;padding:4px!important;background:var(--card)!important;flex:0 0 auto}
.tgCompactSort button{width:34px!important;height:30px!important;border-radius:8px!important;font-size:15px!important}
.tgCompactFilters{min-width:0;overflow:visible}
.tgCompactFilters .tgMarketFilterbar{grid-template-columns:repeat(4,minmax(115px,1fr)) auto!important;gap:7px!important}
.tgCompactFilters .tgFacetBtn,.tgCompactFilters .tgResetInline{height:40px!important;min-height:40px!important;border-radius:12px!important}
.tgCompactFilters .tgFacetBtn{padding:0 10px!important}
.tgCompactFilters .tgFacetBtn b{font-size:11px!important}
.tgCompactTotal{width:auto!important;min-width:118px!important;max-width:none!important;display:flex!important;align-items:baseline!important;justify-content:flex-end!important;gap:7px!important;white-space:nowrap!important;padding:0 2px}
.tgCompactTotal b{min-width:0!important;font-size:23px!important;text-align:right!important;line-height:1!important}
.tgCompactTotal span{font-size:9px!important;letter-spacing:.08em!important;color:var(--muted)!important}
.tgMarketCompact .tgMarketControls,.tgMarketCompact .tgMarketTopline,.tgMarketCompact .tgMarketMeta,.tgMarketCompact .tgSortBlock,.tgMarketCompact .tgPriceBlock{display:none!important}
@media(max-width:980px){.tgCompactBar{grid-template-columns:auto 1fr}.tgCompactTotal{grid-column:1/-1;justify-content:flex-start!important;padding-top:2px}.tgCompactFilters .tgMarketFilterbar{grid-template-columns:repeat(4,minmax(0,1fr)) auto!important}}
@media(max-width:700px){.tgMarketHeroV39.tgMarketCompact{padding:10px!important}.tgCompactBar{grid-template-columns:auto 1fr;gap:8px}.tgCompactFilters .tgMarketFilterbar{grid-template-columns:1fr 1fr!important}.tgCompactFilters .tgResetInline{grid-column:1/-1}.tgCompactTotal{grid-column:1/-1}.tgCompactSort{align-self:start}.tgFacetPanel{top:calc(100% + 7px)!important}}
@media(max-width:430px){.tgCompactBar{grid-template-columns:1fr}.tgCompactSort{justify-self:start}.tgCompactFilters .tgMarketFilterbar{grid-template-columns:1fr 1fr!important}.tgCompactTotal{grid-column:auto;justify-content:flex-start!important}}

/* v55 — purpose-built compact mobile NFT filters */
@media(max-width:700px){
  .tgMarketHeroV39.tgMarketCompact{
    padding:9px 10px!important;
    border-radius:17px!important;
    margin-top:7px!important;
    margin-bottom:14px!important;
  }
  .tgCompactBar{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:
      "total sort"
      "filters filters"!important;
    gap:8px 10px!important;
    align-items:center!important;
  }
  .tgCompactTotal{
    grid-area:total!important;
    grid-column:auto!important;
    min-width:0!important;
    padding:0 2px!important;
    justify-content:flex-start!important;
    gap:6px!important;
  }
  .tgCompactTotal b{
    font-size:21px!important;
    line-height:1!important;
    letter-spacing:-.025em!important;
  }
  .tgCompactTotal span{
    font-size:8px!important;
    line-height:1!important;
    letter-spacing:.07em!important;
  }
  .tgCompactSort{
    grid-area:sort!important;
    justify-self:end!important;
    align-self:center!important;
    height:36px!important;
    padding:3px!important;
    border-radius:11px!important;
  }
  .tgCompactSort button{
    width:32px!important;
    height:28px!important;
    border-radius:8px!important;
    font-size:14px!important;
  }
  .tgCompactFilters{
    grid-area:filters!important;
    width:100%!important;
    min-width:0!important;
  }
  .tgCompactFilters .tgMarketFilterbar{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
    width:100%!important;
  }
  .tgCompactFilters .tgFacet{
    min-width:0!important;
  }
  .tgCompactFilters .tgFacetBtn{
    width:100%!important;
    height:37px!important;
    min-height:37px!important;
    padding:0 9px!important;
    gap:5px!important;
    border-radius:11px!important;
    justify-content:flex-start!important;
  }
  .tgCompactFilters .tgFacetBtn b{
    min-width:0!important;
    font-size:10.5px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .tgCompactFilters .tgFacetIcon{
    width:14px!important;
    min-width:14px!important;
    font-size:11px!important;
    opacity:.72!important;
  }
  .tgCompactFilters .tgFacetChevron{
    margin-left:auto!important;
    font-size:10px!important;
  }
  .tgCompactFilters .tgResetInline{
    grid-column:1/-1!important;
    height:34px!important;
    min-height:34px!important;
    border-radius:10px!important;
    font-size:10px!important;
  }
  .tgCompactFilters .tgResetInline span{font-size:13px!important}
  .tgFacetPanel{
    position:fixed!important;
    left:10px!important;
    right:10px!important;
    top:72px!important;
    width:auto!important;
    max-width:none!important;
    max-height:calc(100dvh - 84px)!important;
    overflow:auto!important;
    border-radius:15px!important;
    z-index:250!important;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }
  .tgCollectionPanel{width:auto!important}
  .tgFacetSearch{position:sticky;top:0;z-index:2;background:var(--card)}
  .tgCollectionOption,.tgFacetOption{min-height:44px}
}
@media(max-width:390px){
  .tgMarketHeroV39.tgMarketCompact{padding:8px!important}
  .tgCompactBar{gap:7px 8px!important}
  .tgCompactTotal b{font-size:19px!important}
  .tgCompactFilters .tgMarketFilterbar{gap:5px!important}
  .tgCompactFilters .tgFacetBtn{height:36px!important;min-height:36px!important;padding:0 8px!important}
  .tgCompactFilters .tgFacetBtn b{font-size:10px!important}
  .tgCompactFilters .tgFacetIcon{display:none!important}
}


/* GCard profile */
.gcardHero{overflow:hidden;position:relative;padding:28px}.gcardIntro{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.gcardIntro small{font-size:11px;font-weight:900;letter-spacing:.12em;color:#6f8faf}.gcardIntro h2{font-size:28px;line-height:1.08;margin:6px 0 10px}.gcardIntro p{max-width:760px;margin:0;color:var(--muted);line-height:1.55}.gcardStatus{flex:none;border:1px solid var(--line);border-radius:999px;padding:9px 13px;font-size:12px;font-weight:850;color:var(--muted);background:rgba(255,255,255,.025)}.gcardStatus.pending{color:#d99331;border-color:rgba(217,147,49,.28);background:rgba(217,147,49,.08)}.gcardStatus.active{color:#26a86d;border-color:rgba(38,168,109,.28);background:rgba(38,168,109,.08)}.gcardLayout{display:grid;grid-template-columns:minmax(320px,1.05fr) minmax(280px,.95fr);gap:24px;align-items:stretch}.gcardVisual{position:relative;min-height:250px;border-radius:26px;padding:26px;overflow:hidden;color:#fff;background:linear-gradient(135deg,#0d1725 0%,#162942 48%,#0a0f18 100%);border:1px solid rgba(105,166,235,.3);box-shadow:0 24px 70px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.08)}.gcardVisual:after{content:"";position:absolute;inset:auto -65px -105px auto;width:260px;height:260px;border-radius:50%;border:50px solid rgba(48,145,255,.1)}.gcardGlow{position:absolute;inset:-60% auto auto -20%;width:80%;height:130%;background:radial-gradient(circle,rgba(31,143,255,.34),transparent 62%);transform:rotate(-18deg)}.gcardBrand,.gcardVirtual,.gcardNumber,.gcardBottom{position:relative;z-index:2}.gcardBrand{display:flex;align-items:center;gap:10px}.gcardBrand>b{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#32a2ff,#166ef2);font-size:22px;box-shadow:0 8px 24px rgba(27,125,255,.35)}.gcardBrand span{font-size:18px;font-weight:900}.gcardVirtual{position:absolute;right:26px;top:30px;font-size:10px;font-weight:900;letter-spacing:.16em;color:rgba(255,255,255,.54)}.gcardNumber{margin-top:62px;font-size:24px;font-weight:850;letter-spacing:.12em;font-variant-numeric:tabular-nums;white-space:nowrap}.gcardBottom{display:flex;justify-content:space-between;gap:20px;margin-top:38px}.gcardBottom span{display:flex;flex-direction:column;gap:4px}.gcardBottom small{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.52)}.gcardBottom b{font-size:12px;letter-spacing:.04em}.gcardInfo{display:flex;flex-direction:column;gap:14px}.gcardIdBox,.gcardFacts{border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.02)}.gcardIdBox{padding:20px}.gcardIdBox span,.gcardFacts span{font-size:11px;color:var(--muted)}.gcardIdBox b{display:block;margin:6px 0;font-size:20px;letter-spacing:.06em}.gcardIdBox small{color:var(--muted)}.gcardFacts{overflow:hidden}.gcardFacts>div{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 17px;border-bottom:1px solid var(--line)}.gcardFacts>div:last-child{border-bottom:0}.gcardFacts b{font-size:13px;text-align:right}.gcardActivate,.gcardNotice{margin-top:22px;padding:18px;border-radius:20px;border:1px solid var(--line);background:rgba(255,255,255,.02)}.gcardActivate{display:flex;align-items:center;justify-content:space-between;gap:24px}.gcardActivate b,.gcardNotice b{font-size:16px}.gcardActivate p,.gcardNotice p{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.45}.gcardActivate .authPrimary{width:auto;min-width:285px;margin:0}.gcardNotice.ok{border-color:rgba(38,168,109,.25);background:rgba(38,168,109,.06)}.gcardTopupLink{border:0;background:none;color:#248cff;font-weight:850;cursor:pointer;padding:0 4px}.adminDeptFilters [data-admin-dept="finance"]{white-space:nowrap}
@media(max-width:760px){.gcardHero{padding:18px}.gcardIntro{display:block}.gcardStatus{display:inline-flex;margin-top:13px}.gcardIntro h2{font-size:22px}.gcardLayout{grid-template-columns:1fr;gap:16px}.gcardVisual{min-height:215px;padding:21px;border-radius:22px}.gcardVirtual{right:21px;top:25px}.gcardNumber{font-size:18px;margin-top:50px;letter-spacing:.09em}.gcardBottom{margin-top:30px}.gcardActivate{display:block}.gcardActivate .authPrimary{width:100%;min-width:0;margin-top:14px}.gcardFacts>div{padding:13px 14px}.gcardIdBox b{font-size:17px;word-break:break-all}}

/* Homepage promo banners: show source images without darkening overlays */
.promoCard .promoShade{display:none!important}.promoCard .promoVisual:after{background:none!important}.promoCard .promoImg{filter:none!important;opacity:1!important}.promoCard .promoCopy{text-shadow:0 1px 3px rgba(0,0,0,.9),0 2px 8px rgba(0,0,0,.72)}

/* Promo text chips: keep banner art bright, put contrast only behind text */
.promoCard .promoCopy{
  left:14px;
  right:52px;
  bottom:13px;
  align-items:flex-start;
  gap:4px;
  text-shadow:none!important;
}
.promoCard .promoCopy span{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  padding:4px 8px;
  border-radius:999px;
  background:rgba(19,45,78,.62);
  border:1px solid rgba(123,184,255,.18);
  color:#9acbff;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  line-height:1.05;
}
.promoCard.promoViolet .promoCopy span{background:rgba(55,31,82,.62);border-color:rgba(190,145,255,.18);color:#c9a8ff}
.promoCard.promoMint .promoCopy span{background:rgba(18,62,53,.62);border-color:rgba(102,231,194,.18);color:#8ee8ca}
.promoCard.promoRose .promoCopy span{background:rgba(76,27,48,.62);border-color:rgba(255,132,173,.18);color:#ffacc7}
.promoCard .promoCopy b{
  display:block;
  width:max-content;
  max-width:100%;
  padding:6px 10px 7px;
  margin-top:0;
  border-radius:10px;
  background:rgba(8,12,19,.72);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 5px 16px rgba(0,0,0,.18);
  backdrop-filter:blur(9px);
  -webkit-backdrop-filter:blur(9px);
  line-height:1.08;
}
.promoCard .promoCopy small{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  margin-top:0;
  padding:4px 8px;
  border-radius:8px;
  background:rgba(8,12,19,.58);
  border:1px solid rgba(255,255,255,.06);
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
}

/* v56 profile / balance UX refresh */
.memberPage{max-width:1180px;padding-top:24px;padding-bottom:64px}
.memberCrumb{display:flex;align-items:center;gap:9px;margin:0 0 16px;font-size:14px;line-height:1.2;color:var(--muted)}
.memberCrumb button{appearance:none;border:0;background:none;padding:0;color:var(--muted);font:inherit;font-weight:650;cursor:pointer}.memberCrumb button:hover{color:var(--text)}.memberCrumb span{color:var(--muted2)}.memberCrumb b{color:var(--text);font-weight:750}
.memberHeader{min-height:88px;padding:16px 18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,var(--surface),var(--surface2));box-shadow:0 12px 35px rgba(0,0,0,.08)}
.memberHeader h1{font-size:22px;letter-spacing:-.35px}.memberHeader p{font-size:12px;margin-top:4px}
.profileQuickGrid{margin-top:12px;border:1px solid var(--line);background:var(--surface);box-shadow:0 8px 26px rgba(0,0,0,.06)}
.memberLevel{margin-top:12px;border-radius:16px}
.memberPanel{border-radius:18px;border-color:var(--line);box-shadow:0 12px 34px rgba(0,0,0,.06)}
.walletPanel{padding:0;overflow:hidden}.walletHero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 26px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,rgba(36,104,225,.09),transparent 48%)}
.walletEyebrow{display:inline-block;margin-bottom:8px;color:#5e9dff;font-size:11px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.walletHero h2{font-size:26px;margin:0 0 7px;letter-spacing:-.55px}.walletHero p{max-width:560px;margin:0;color:var(--muted);font-size:13px;line-height:1.55}
.walletBalance{min-width:200px;padding:14px 16px;border:1px solid var(--line);border-radius:15px;background:rgba(10,14,22,.24);display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 12px}.walletBalance small{grid-column:1;color:var(--muted);font-size:10px}.walletBalance b{font-size:21px;line-height:1.1}.walletBalance .balancePageImage{grid-column:2;grid-row:1/3;width:34px;height:34px;object-fit:contain}
.walletTopupForm{padding:24px 26px}.walletAmountRow{display:grid;grid-template-columns:minmax(240px,1fr) minmax(300px,1.5fr);gap:18px;align-items:end}.walletAmountLabel>span{display:block;margin-bottom:8px;font-weight:750;font-size:12px}.walletAmountField{height:50px;border-radius:13px}.walletAmountField input{font-size:17px;font-weight:800}.walletAmountField b{font-size:14px;color:var(--muted)}.walletAmountLabel>small{display:block;margin-top:7px;color:var(--muted2);font-size:10px}
.walletPresets{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.walletPresets button{height:50px;border:1px solid var(--line);border-radius:13px;background:var(--surface2);color:var(--text);font-weight:750;cursor:pointer;transition:.16s}.walletPresets button:hover,.walletPresets button.active{border-color:#2f87f7;background:rgba(39,126,239,.1);color:#79b1ff}
.walletMethodsHead{display:flex;justify-content:space-between;align-items:end;margin:24px 0 12px}.walletMethodsHead h3{font-size:16px;margin:0 0 3px}.walletMethodsHead p{font-size:10px;color:var(--muted);margin:0}
.walletMethods{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px!important}.walletMethod{position:relative;min-height:112px!important;border:1px solid var(--line)!important;border-radius:14px!important;background:var(--surface2)!important;padding:14px 12px 11px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;cursor:pointer;transition:.16s;overflow:hidden}.walletMethod:hover{transform:translateY(-1px);border-color:var(--line2)!important}.walletMethod.selected{border-color:#2c83f4!important;box-shadow:inset 0 0 0 1px rgba(44,131,244,.15),0 8px 22px rgba(23,92,189,.08)}.walletMethod input{position:absolute;opacity:0;pointer-events:none}.walletMethodIcon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.96);overflow:hidden;margin-bottom:1px}.walletMethodIcon img{width:100%;height:100%;object-fit:contain}.walletMethodIcon b{font-size:9px;color:#1a2331}.walletMethod strong{font-size:12px;line-height:1.15;text-align:center}.walletMethod small{font-size:10px;color:var(--muted);line-height:1}.walletMethodCheck{position:absolute;right:8px;top:7px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#197af0;color:#fff;font-size:11px;font-style:normal;opacity:0;transform:scale(.8);transition:.15s}.walletMethod.selected .walletMethodCheck{opacity:1;transform:scale(1)}
.walletSubmit{width:100%;height:50px;margin-top:18px;border-radius:13px;font-size:13px}.walletSubmit span{margin-left:5px}.walletHistory{margin:0 26px 24px;padding-top:2px}.walletHistory>div:not(.walletMethodsHead){min-height:44px}
.adminTopupMethods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.adminTopupMethod{display:grid;grid-template-columns:52px 1fr auto auto auto;gap:10px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--surface2)}.adminTopupPreview{width:48px;height:48px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#fff}.adminTopupPreview img{width:100%;height:100%;object-fit:contain}.adminTopupPreview span{color:#1f2937;font-size:10px;font-weight:800}.adminTopupFields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.adminTopupFields label span{display:block;color:var(--muted);font-size:9px;margin-bottom:4px}.adminTopupFields input{width:100%;height:36px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);padding:0 9px;outline:none}.adminTopupEnabled{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:10px;white-space:nowrap}.adminTopupEnabled input{accent-color:#2686ff}
@media(max-width:900px){.walletMethods{grid-template-columns:repeat(3,minmax(0,1fr))}.walletAmountRow{grid-template-columns:1fr}.adminTopupMethods{grid-template-columns:1fr}}
@media(max-width:640px){.memberPage{padding-top:15px}.memberCrumb{font-size:13px;margin-bottom:12px;gap:7px;overflow:hidden;white-space:nowrap}.memberCrumb button,.memberCrumb b{overflow:hidden;text-overflow:ellipsis}.memberHeader{min-height:76px;padding:13px 14px;border-radius:15px}.memberHeader h1{font-size:19px}.profileQuickGrid{overflow-x:auto;justify-content:flex-start;padding:11px 8px 9px}.profileQuickGrid button.profileQuickItem{min-width:76px}.walletHero{align-items:flex-start;flex-direction:column;padding:19px 16px;gap:14px}.walletHero h2{font-size:22px}.walletBalance{width:100%;min-width:0}.walletTopupForm{padding:18px 16px}.walletPresets{grid-template-columns:repeat(2,1fr)}.walletPresets button{height:42px}.walletMethods{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important}.walletMethod{min-height:100px!important;border-radius:12px!important;padding:11px 8px!important}.walletMethodIcon{width:34px;height:34px}.walletMethod strong{font-size:11px}.walletMethod small{font-size:9px}.walletMethodsHead{margin-top:20px}.walletHistory{margin:0 16px 18px}.adminTopupMethod{grid-template-columns:46px 1fr auto;padding:10px}.adminTopupPreview{width:42px;height:42px}.adminTopupFields{grid-column:2/4;grid-template-columns:1fr}.adminTopupEnabled{grid-column:2}.adminTopupMethod .adminUploadBtn{grid-column:3}}
@media(max-width:380px){.walletMethods{gap:6px!important}.walletMethod{min-height:94px!important}.memberCrumb{font-size:12px}.walletHero h2{font-size:20px}}
html[data-theme="light"] .walletBalance{background:#fff}html[data-theme="light"] .walletMethodIcon{box-shadow:0 1px 5px rgba(0,0,0,.08)}

/* Custom balance currency icon + basic anti-save UI guards */
.balanceHeaderImage{width:25px;height:25px;display:block;object-fit:contain;flex:0 0 25px;border:0!important;border-radius:0!important;box-shadow:none!important}
.protectedBalanceAsset{-webkit-user-drag:none!important;user-drag:none!important;user-select:none!important;-webkit-user-select:none!important;pointer-events:none!important;-webkit-touch-callout:none!important}
@media(max-width:760px){.balanceHeaderImage{display:none!important}}

/* Compact balance top-up layout */
.topupCompactPanel{padding:0;background:transparent;border:0;overflow:visible;margin-top:14px}
.topupNotice{padding:12px 14px;border:1px solid rgba(37,109,255,.14);border-radius:10px;background:rgba(24,74,156,.16);color:#4e91ff;font-size:11px;line-height:1.45;margin-bottom:14px}
.compactTopupForm{padding:22px 28px 28px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.compactAmountBlock{display:grid;gap:16px}
.compactTopupForm .walletAmountLabel>span{font-size:13px;margin-bottom:7px;color:var(--text)}
.compactTopupForm .walletAmountField{height:auto}
.compactTopupForm .walletAmountField input{height:50px;border-radius:10px;background:var(--surface2);font-size:18px;font-weight:700;padding-left:14px}
.compactTopupForm .walletAmountField b{right:15px;font-size:14px;color:var(--muted)}
.compactTopupForm .walletAmountLabel>small{margin-top:6px;font-size:11px;color:var(--muted)}
.compactPresets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.compactPresets button{height:40px;border-radius:8px;background:rgba(255,255,255,.012);font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:2px}
.compactPresets button:nth-child(1){border-color:rgba(199,116,163,.26);color:#ca82a8;background:rgba(117,55,87,.08)}
.compactPresets button:nth-child(2){border-color:rgba(97,183,198,.25);color:#7cb5c0;background:rgba(45,102,110,.08)}
.compactPresets button:nth-child(3){border-color:rgba(87,114,205,.26);color:#758ed8;background:rgba(50,66,128,.08)}
.compactPresets button:nth-child(4){border-color:rgba(205,136,99,.26);color:#d29a79;background:rgba(125,75,47,.08)}
.compactPresets button.active{box-shadow:inset 0 0 0 1px currentColor;background:rgba(47,143,255,.07)}
.compactMethodsTitle{display:flex;align-items:center;gap:8px;margin:23px 0 11px;color:var(--muted);font-size:12px}
.compactMethodsTitle b{font-weight:650}
.compactMethodsIcon{color:var(--muted2);font-size:15px}
.compactWalletMethods{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important}
.compactWalletMethods .walletMethod{min-height:86px!important;border-radius:7px!important;padding:8px 6px!important;background:rgba(10,14,21,.42)!important;border-color:rgba(255,255,255,.025)!important;gap:3px!important}
.compactWalletMethods .walletMethod:hover{transform:none;background:rgba(16,21,31,.72)!important;border-color:rgba(86,143,225,.25)!important}
.compactWalletMethods .walletMethod.selected{background:rgba(29,83,160,.08)!important;border-color:#2868c7!important;box-shadow:inset 0 0 0 1px rgba(40,104,199,.22)!important}
.compactWalletMethods .walletMethodIcon{width:31px;height:31px;margin-bottom:1px;background:transparent}
.compactWalletMethods .walletMethodIcon img{width:31px;height:31px;border-radius:50%;object-fit:contain}
.compactWalletMethods .walletMethodIcon b{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.92);color:#192230;font-size:8px}
.compactWalletMethods .walletMethod strong{font-size:11px;font-weight:650}
.compactWalletMethods .walletMethod small{font-size:9px;color:var(--muted);line-height:1.1}
.compactWalletMethods .walletMethodCheck{right:6px;top:5px;width:15px;height:15px;background:transparent;color:#3386ff;font-size:13px}
.compactWalletSubmit{width:auto;min-width:210px;height:47px;justify-self:center;margin-top:24px;padding:0 22px;border-radius:24px;font-size:15px;font-weight:750}
.compactTopupForm .formMsg{text-align:center;margin-top:4px}
@media(max-width:640px){.topupNotice{font-size:10px;margin:0 2px 12px}.compactTopupForm{padding:17px 12px 22px;border-radius:12px}.compactPresets{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.compactPresets button{height:38px}.compactWalletMethods{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}.compactWalletMethods .walletMethod{min-height:82px!important}.compactWalletSubmit{width:min(260px,100%);height:45px;margin-top:20px}.compactMethodsTitle{margin-top:19px}.compactTopupForm .walletAmountField input{height:47px}}

/* Levels and rewards page */
.levelInfo{appearance:none;background:transparent;padding:0;cursor:pointer;line-height:1;transition:.18s}.levelInfo:hover{border-color:#4094ff;color:#7fb5ff;background:rgba(46,134,255,.08);transform:translateY(-1px)}
.levelsPageWrap{display:grid;gap:14px}.levelsHero{display:grid;grid-template-columns:minmax(210px,.85fr) 1.15fr;gap:20px;align-items:center;padding:22px;border-radius:18px;background:linear-gradient(135deg,rgba(32,83,154,.18),rgba(105,54,151,.11) 55%,rgba(20,24,33,.2));border:1px solid var(--line);overflow:hidden}.levelsHeroArt{position:relative;min-height:190px;border-radius:16px;background:linear-gradient(135deg,#52b6ff 0%,#6c70ff 42%,#9a5af2 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 16px 40px rgba(0,0,0,.18);display:grid;place-items:center;align-content:center;gap:8px;color:white}.levelsHeroArt:before,.levelsHeroArt:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.18);filter:blur(.2px)}.levelsHeroArt:before{width:74px;height:74px;left:-18px;top:24px}.levelsHeroArt:after{width:110px;height:110px;right:-22px;bottom:-30px}.levelsHeroBadge{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:rgba(8,14,31,.28);border:2px solid rgba(255,255,255,.72);font-size:27px;font-weight:950;z-index:1}.levelsHeroLine{width:72%;height:8px;border-radius:999px;background:rgba(8,14,31,.3);overflow:hidden;z-index:1}.levelsHeroLine i{display:block;height:100%;border-radius:inherit;background:white}.levelsHeroArt>b{font-size:34px;line-height:1;z-index:1}.levelsHeroArt>small{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.14em;opacity:.88;z-index:1}.levelsEyebrow{font-size:9px;font-weight:900;letter-spacing:.14em;color:#79adf4}.levelsHeroCopy h2{font-size:25px;margin:7px 0 10px;letter-spacing:-.5px}.levelsHeroCopy p{margin:0;color:var(--muted);font-size:12px;line-height:1.65}.levelsCurrent{margin-top:17px;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:11px 13px;border-radius:12px;background:rgba(0,0,0,.12);border:1px solid var(--line)}.levelsCurrent span{font-size:10px;color:var(--muted)}.levelsCurrent b{font-size:11px}.levelsIntro{margin-top:0;padding:16px 18px}.levelsIntro p{margin:0;text-align:center;font-size:12px;line-height:1.7;color:#c7cfda}.levelsBenefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.levelsBenefits article{min-height:190px;padding:24px 20px;text-align:center;border-radius:16px;background:var(--surface);border:1px solid var(--line);display:flex;flex-direction:column;align-items:center}.levelFeatureIcon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;font-weight:950;margin-bottom:12px;border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 25px rgba(0,0,0,.13)}.levelFeatureIcon.xp{color:#ffb664;background:rgba(255,153,56,.11)}.levelFeatureIcon.coupon{color:#b893ff;background:rgba(139,92,246,.12)}.levelFeatureIcon.bonus{color:#54a8ff;background:rgba(42,132,255,.12)}.levelFeatureIcon.max{color:#65d8ff;background:rgba(41,198,255,.12)}.levelsBenefits h3{font-size:13px;margin:0 0 8px}.levelsBenefits p{font-size:11px;color:var(--muted);line-height:1.55;margin:0;max-width:230px}.levelsMilestones{margin-top:0}.milestoneRow{display:grid;grid-template-columns:repeat(9,1fr);gap:6px}.milestoneRow span{padding:9px 2px;border-radius:10px;background:var(--surface2);text-align:center;border:1px solid var(--line)}.milestoneRow span.reached{border-color:rgba(54,145,255,.5);background:rgba(54,145,255,.08)}.milestoneRow b,.milestoneRow small{display:block}.milestoneRow b{font-size:11px}.milestoneRow small{font-size:8px;color:var(--muted);margin-top:2px}.levelsNote{font-size:10px;color:var(--muted);line-height:1.5;margin:13px 0 0}
@media(max-width:680px){.levelsHero{grid-template-columns:1fr;padding:14px}.levelsHeroArt{min-height:150px}.levelsHeroCopy h2{font-size:21px}.levelsBenefits{grid-template-columns:1fr 1fr}.levelsBenefits article{min-height:165px;padding:19px 13px}.milestoneRow{grid-template-columns:repeat(5,1fr)}.levelsCurrent{align-items:flex-start;flex-direction:column;gap:4px}}
@media(max-width:430px){.levelsBenefits{grid-template-columns:1fr}.milestoneRow{grid-template-columns:repeat(3,1fr)}}


/* v22 custom loyalty art + comprehensive light theme pass */
.levelsHeroArt.hasCustomArt{background:var(--surface2);padding:0;overflow:hidden;display:block;min-height:190px}
.levelsHeroCustomImage{width:100%;height:100%;min-height:190px;display:block;object-fit:cover;border-radius:inherit;user-select:none;-webkit-user-drag:none}
.levelsBrandPreview{width:min(360px,100%);aspect-ratio:3/2;height:auto!important}
.levelsBrandPreview img{width:100%;height:100%;object-fit:cover;border-radius:12px}
@media(max-width:680px){.levelsHeroArt.hasCustomArt,.levelsHeroCustomImage{min-height:150px}}

html[data-theme="light"]{
  --bg:#f4f7fb!important;--surface:#ffffff!important;--surface2:#f8fafc!important;--surface3:#eef3f8!important;
  --line:#dbe4ee!important;--line2:#c5d1df!important;--text:#172033!important;--muted:#66758a!important;--muted2:#8b98aa!important;
  --shadow:0 14px 40px rgba(37,58,86,.08)!important;--cardShadow:0 8px 24px rgba(37,58,86,.07)!important;
  color-scheme:light;
}
html[data-theme="light"] body{background:#f4f7fb!important;color:#172033!important}
html[data-theme="light"] .siteHeader{background:rgba(255,255,255,.96)!important;border-color:#dce5ef!important;box-shadow:0 1px 0 rgba(36,54,78,.03)}
html[data-theme="light"] .search,html[data-theme="light"] .headActions button,html[data-theme="light"] .primaryTabs button,html[data-theme="light"] .countryCard,html[data-theme="light"] .purchase,html[data-theme="light"] .memberPanel,html[data-theme="light"] .profileHero,html[data-theme="light"] .profileCard,html[data-theme="light"] .adminCard,html[data-theme="light"] .authCard,html[data-theme="light"] .tgCheckout,html[data-theme="light"] .tgGiftSetup,html[data-theme="light"] .tgGiftEmpty{background:#fff!important;border-color:#dbe4ee!important;color:#172033!important;box-shadow:0 8px 24px rgba(37,58,86,.055)!important}
html[data-theme="light"] input,html[data-theme="light"] select,html[data-theme="light"] textarea,html[data-theme="light"] .contactInput,html[data-theme="light"] .contactType,html[data-theme="light"] .amountField,html[data-theme="light"] .adminCardToolbar>input{background:#fff!important;color:#172033!important;border-color:#cfdbe8!important;box-shadow:none!important}
html[data-theme="light"] input::placeholder,html[data-theme="light"] textarea::placeholder{color:#9aa7b8!important}
html[data-theme="light"] input:focus,html[data-theme="light"] select:focus,html[data-theme="light"] textarea:focus{border-color:#5ba5ee!important;box-shadow:0 0 0 3px rgba(38,135,255,.10)!important;outline:none}
html[data-theme="light"] .heroCard{color:#172033;border-color:#dbe4ee;box-shadow:none!important}
html[data-theme="light"] .heroOne{background:linear-gradient(135deg,#edf5ff,#f7fbff)!important}html[data-theme="light"] .heroTwo{background:linear-gradient(135deg,#edf9f5,#f8fcfa)!important}html[data-theme="light"] .heroThree{background:linear-gradient(135deg,#fff1f6,#fff9fb)!important}
html[data-theme="light"] .heroCard span,html[data-theme="light"] .heroCard small{color:#66758a!important}
html[data-theme="light"] .gameArt,html[data-theme="light"] .popularThumb,html[data-theme="light"] .productLogo,html[data-theme="light"] .tgGiftMedia{background:#fff!important;border-color:#dbe4ee!important;box-shadow:0 7px 20px rgba(37,58,86,.07)!important}
html[data-theme="light"] .gameArt:after,html[data-theme="light"] .popularThumb:after{background:linear-gradient(transparent,rgba(18,29,44,.18))!important}
html[data-theme="light"] .fallback{background:radial-gradient(circle at 30% 20%,#e5f0ff,#f6f9fc 64%)!important;color:#4d76a8!important}
html[data-theme="light"] .gameName{color:#2468ad!important}html[data-theme="light"] .meta{color:#8290a2!important}
html[data-theme="light"] .artBadge{background:rgba(255,255,255,.88)!important;border-color:rgba(53,76,106,.15)!important;color:#27374b!important;box-shadow:0 4px 12px rgba(37,58,86,.08)}
html[data-theme="light"] .bolt{background:rgba(255,255,255,.94)!important;border-color:#ead78f!important}
html[data-theme="light"] .purchase,html[data-theme="light"] .selectedSummary,html[data-theme="light"] .contactBlock,html[data-theme="light"] .socialServiceDetails>div,html[data-theme="light"] .socialDescription{background:#fff!important;border-color:#dbe4ee!important}
html[data-theme="light"] .variant,html[data-theme="light"] .socialVariant,html[data-theme="light"] .regionTabs button,html[data-theme="light"] .tgDeliveryTabs button,html[data-theme="light"] .tgContactTypes button{background:#f8fafc!important;border-color:#d8e2ed!important;color:#4c5c70!important}
html[data-theme="light"] .variant:hover,html[data-theme="light"] .variant.selected,html[data-theme="light"] .socialVariant:hover,html[data-theme="light"] .socialVariant.selected{background:#eef6ff!important;border-color:#8ebeea!important;color:#183a60!important}
html[data-theme="light"] .profileQuickGrid,html[data-theme="light"] .memberLevel,html[data-theme="light"] .adminTabs{background:#fff!important;border-color:#dbe4ee!important;box-shadow:0 7px 22px rgba(37,58,86,.05)}
html[data-theme="light"] .profileQuickItem,html[data-theme="light"] .settingsList>div,html[data-theme="light"] .purchaseList>div,html[data-theme="light"] .gcardFacts>div,html[data-theme="light"] .topupHistory>div{border-color:#e3eaf2!important;color:#172033!important}
html[data-theme="light"] .profileQuickItem:hover{background:#f2f7fd!important}
html[data-theme="light"] .memberLevelBar,html[data-theme="light"] .levelsHeroLine{background:#dde6f1!important}
html[data-theme="light"] .walletMethod{background:#fff!important;border-color:#dce5ef!important;color:#172033!important;box-shadow:0 4px 13px rgba(37,58,86,.035)}
html[data-theme="light"] .walletMethod:hover{background:#f8fbff!important;border-color:#bad2eb!important}html[data-theme="light"] .walletMethod.selected{background:#eef6ff!important;border-color:#3d92df!important;box-shadow:0 0 0 1px rgba(61,146,223,.12)!important}
html[data-theme="light"] .walletMethod small,html[data-theme="light"] .topupNotice,html[data-theme="light"] .compactMethodsTitle{color:#718096!important}
html[data-theme="light"] .topupNotice{background:#eef5ff!important;border-color:#d6e7fb!important;color:#326a9e!important}
html[data-theme="light"] .compactPresets button{background:#fff!important;border-color:#d8e2ed!important;color:#56708e!important}html[data-theme="light"] .compactPresets button:hover,html[data-theme="light"] .compactPresets button.active{background:#edf5ff!important;border-color:#8ab9e8!important;color:#1769ad!important}
html[data-theme="light"] .gcardVisual{box-shadow:0 18px 42px rgba(34,58,96,.16)!important}html[data-theme="light"] .gcardInfo>div,html[data-theme="light"] .gcardActivate,html[data-theme="light"] .gcardNotice{background:#f8fafc!important;border-color:#dbe4ee!important;color:#172033!important}
html[data-theme="light"] .levelsHero{background:linear-gradient(135deg,#eef6ff,#f7f4ff 56%,#fff)!important;border-color:#d8e2ed!important}
html[data-theme="light"] .levelsHeroArt.hasCustomArt{background:#fff!important;border:1px solid #dbe4ee!important;box-shadow:0 10px 28px rgba(37,58,86,.08)!important}
html[data-theme="light"] .levelsCurrent{background:#fff!important;border-color:#d8e2ed!important}
html[data-theme="light"] .levelsIntro p{color:#59697d!important}
html[data-theme="light"] .levelsBenefits article{background:#fff!important;border-color:#dbe4ee!important;box-shadow:0 6px 18px rgba(37,58,86,.045)}
html[data-theme="light"] .levelFeatureIcon{border-color:#e2eaf2!important;box-shadow:none!important}
html[data-theme="light"] .milestoneRow span{background:#f8fafc!important;border-color:#dbe4ee!important}html[data-theme="light"] .milestoneRow span.reached{background:#edf6ff!important;border-color:#7cb6e8!important}
html[data-theme="light"] .tgMarketToolbar,html[data-theme="light"] .tgControlBlock,html[data-theme="light"] .tgFacetBtn,html[data-theme="light"] .tgDirectionSwitch,html[data-theme="light"] .tgResetInline{background:#fff!important;border-color:#d8e2ed!important;color:#32445a!important}
html[data-theme="light"] .tgFacetBtn:not(:disabled):hover,html[data-theme="light"] .tgDirectionSwitch button:hover{background:#f2f7fc!important}
html[data-theme="light"] .tgDirectionSwitch button.active{background:#2584e8!important;color:#fff!important}
html[data-theme="light"] .tgMarketCard .tgGiftMedia{background:#f2f6fa!important;border-color:#dbe4ee!important}
html[data-theme="light"] .tgRarityBadge{background:rgba(255,255,255,.92)!important;color:#405267!important;border-color:#d4dee8!important}
html[data-theme="light"] .tgPurchaseContact,html[data-theme="light"] .tgPurchasePanel,html[data-theme="light"] .tgDetailsTable{background:#fff!important;border-color:#dbe4ee!important}
html[data-theme="light"] .adminPage{color:#172033!important}html[data-theme="light"] .adminTitle>button,html[data-theme="light"] .smallBlue,html[data-theme="light"] .adminUploadBtn{box-shadow:none!important}
html[data-theme="light"] .adminContentRow,html[data-theme="light"] .adminStoreCard,html[data-theme="light"] .adminTopupMethod,html[data-theme="light"] .adminSocialRow,html[data-theme="light"] .adminSocialCategory{background:#f8fafc!important;border-color:#dfe7f0!important;color:#172033!important}
html[data-theme="light"] .adminContentPreview,html[data-theme="light"] .adminSocialPreview,html[data-theme="light"] .adminTopupPreview,html[data-theme="light"] .adminBalanceBrandPreview,html[data-theme="light"] .adminLogoBrandPreview{background:#fff!important;border-color:#dbe4ee!important}
html[data-theme="light"] dialog,html[data-theme="light"] .profileDialog{background:#fff!important;color:#172033!important;border-color:#d6e0eb!important;box-shadow:0 24px 70px rgba(35,53,78,.20)!important}
html[data-theme="light"] .authPrimary{box-shadow:0 7px 18px rgba(38,135,255,.18)!important}
html[data-theme="light"] .dangerGhost{background:#fff5f6!important;border-color:#f0cbd0!important;color:#ad4352!important}
html[data-theme="light"] .tooltip,html[data-theme="light"] [data-tooltip]:after{background:#fff!important;color:#172033!important;border-color:#d4dee9!important;box-shadow:0 8px 24px rgba(35,53,78,.14)!important}
html[data-theme="light"] .crumb{color:#8795a8!important}html[data-theme="light"] .crumb button{color:#5f7187!important}html[data-theme="light"] .crumb button:hover{color:#1674c9!important}
html[data-theme="light"] ::selection{background:#cfe6ff;color:#16385f}


/* v23 LIGHT THEME — same layout/geometry as dark theme, palette/effects only */
html[data-theme="light"]{
  --bg:#f1f5f9!important;
  --surface:rgba(255,255,255,.86)!important;
  --surface2:rgba(247,250,253,.88)!important;
  --surface3:rgba(238,244,249,.90)!important;
  --line:rgba(94,117,145,.18)!important;
  --line2:rgba(77,101,132,.28)!important;
  --text:#172033!important;
  --muted:#66758a!important;
  --muted2:#8e9caf!important;
  --shadow:0 22px 60px rgba(54,72,98,.10)!important;
  --cardShadow:0 12px 30px rgba(54,72,98,.08)!important;
  --tooltipBg:rgba(255,255,255,.96)!important;
  --tooltipText:#172033!important;
  --tooltipBorder:rgba(65,88,118,.16)!important;
  --badgeBg1:rgba(255,255,255,.86)!important;
  --badgeBg2:rgba(245,248,252,.90)!important;
  --badgeText:#243247!important;
  --badgeBorder:rgba(65,88,118,.16)!important;
  --badgeGlow:rgba(69,91,121,.10)!important;
  --boltBg:rgba(255,255,255,.88)!important;
  color-scheme:light;
}
html[data-theme="light"] body{
  background:
    radial-gradient(circle at 8% -5%,rgba(45,134,255,.055),transparent 28%),
    radial-gradient(circle at 92% 0%,rgba(119,78,255,.04),transparent 24%),
    #f1f5f9!important;
  color:var(--text)!important;
}

/* Glass header — identical visual behavior to dark theme */
html[data-theme="light"] .siteHeader{
  background:rgba(248,251,254,.76)!important;
  border-color:rgba(78,101,132,.15)!important;
  box-shadow:0 8px 28px rgba(47,66,92,.08)!important;
  backdrop-filter:blur(18px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(145%)!important;
}
html[data-theme="light"] .headerInner,
html[data-theme="light"] .headerNav,
html[data-theme="light"] .headActions,
html[data-theme="light"] .profileQuickGrid{
  background:transparent!important;
}
html[data-theme="light"] .search,
html[data-theme="light"] .headActions button,
html[data-theme="light"] .headerFeature,
html[data-theme="light"] .langSwitch,
html[data-theme="light"] .themeSwitch{
  background:rgba(255,255,255,.62)!important;
  border-color:rgba(83,106,137,.16)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.9),0 5px 18px rgba(57,76,103,.045)!important;
  backdrop-filter:blur(13px)!important;
  -webkit-backdrop-filter:blur(13px)!important;
}
html[data-theme="light"] .search:focus-within,
html[data-theme="light"] .headActions button:hover,
html[data-theme="light"] .headerFeature:hover{
  background:rgba(255,255,255,.88)!important;
  border-color:rgba(52,130,221,.30)!important;
}

/* Surfaces — keep the dark-theme hierarchy, just recolor it */
html[data-theme="light"] .profileHero,
html[data-theme="light"] .profileCard,
html[data-theme="light"] .memberLevel,
html[data-theme="light"] .purchase,
html[data-theme="light"] .selectedSummary,
html[data-theme="light"] .contactBlock,
html[data-theme="light"] .authCard,
html[data-theme="light"] .adminCard,
html[data-theme="light"] .tgCheckout,
html[data-theme="light"] .tgGiftSetup,
html[data-theme="light"] .tgGiftEmpty,
html[data-theme="light"] .levelsHero,
html[data-theme="light"] .levelsBenefits article,
html[data-theme="light"] .compactTopupForm,
html[data-theme="light"] .gcardActivate,
html[data-theme="light"] .gcardNotice{
  background:rgba(255,255,255,.74)!important;
  border-color:rgba(83,106,137,.17)!important;
  box-shadow:0 14px 36px rgba(52,72,100,.065)!important;
  backdrop-filter:blur(14px) saturate(120%)!important;
  -webkit-backdrop-filter:blur(14px) saturate(120%)!important;
}
html[data-theme="light"] .profileQuickGrid,
html[data-theme="light"] .adminTabs{
  background:rgba(255,255,255,.66)!important;
  border-color:rgba(83,106,137,.15)!important;
  box-shadow:0 10px 28px rgba(52,72,100,.055)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}

/* Forms — same dimensions, richer light palette */
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea,
html[data-theme="light"] .contactInput,
html[data-theme="light"] .contactType,
html[data-theme="light"] .amountField,
html[data-theme="light"] .adminCardToolbar>input{
  background:rgba(255,255,255,.78)!important;
  color:#172033!important;
  border-color:rgba(83,106,137,.22)!important;
  box-shadow:inset 0 1px 2px rgba(53,71,96,.025)!important;
}
html[data-theme="light"] input:focus,
html[data-theme="light"] select:focus,
html[data-theme="light"] textarea:focus{
  border-color:rgba(38,135,255,.58)!important;
  box-shadow:0 0 0 3px rgba(38,135,255,.10),0 8px 22px rgba(38,135,255,.06)!important;
}

/* Account / level strip */
html[data-theme="light"] .memberLevel{
  background:linear-gradient(180deg,rgba(255,255,255,.84),rgba(247,250,253,.78))!important;
}
html[data-theme="light"] .memberLevelBar,
html[data-theme="light"] .levelsHeroLine{
  background:rgba(65,88,118,.15)!important;
}
html[data-theme="light"] .levelInfo{
  color:#65758a!important;
  border-color:rgba(83,106,137,.22)!important;
}
html[data-theme="light"] .levelInfo:hover{
  color:#267bd2!important;
  background:rgba(38,135,255,.07)!important;
  border-color:rgba(38,135,255,.32)!important;
}

/* Top-up page — preserve dark-theme structure 1:1 */
html[data-theme="light"] .topupNotice{
  background:rgba(232,243,255,.76)!important;
  border-color:rgba(71,141,211,.17)!important;
  color:#316b9f!important;
  box-shadow:inset 0 1px rgba(255,255,255,.72)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}
html[data-theme="light"] .compactPresets button{
  background:rgba(255,255,255,.64)!important;
  border-color:rgba(83,106,137,.18)!important;
  color:#516983!important;
  box-shadow:inset 0 1px rgba(255,255,255,.75)!important;
}
html[data-theme="light"] .compactPresets button:hover,
html[data-theme="light"] .compactPresets button.active{
  background:rgba(230,242,255,.84)!important;
  border-color:rgba(57,137,219,.40)!important;
  color:#1769ad!important;
}
html[data-theme="light"] .walletMethod{
  background:rgba(247,250,253,.76)!important;
  border-color:rgba(83,106,137,.15)!important;
  color:#172033!important;
  box-shadow:0 7px 19px rgba(52,72,100,.045),inset 0 1px rgba(255,255,255,.8)!important;
}
html[data-theme="light"] .walletMethod:hover{
  background:rgba(255,255,255,.94)!important;
  border-color:rgba(59,132,211,.28)!important;
  box-shadow:0 10px 24px rgba(52,72,100,.075)!important;
}
html[data-theme="light"] .walletMethod.selected{
  background:linear-gradient(180deg,rgba(232,244,255,.95),rgba(243,249,255,.90))!important;
  border-color:#3d92df!important;
  box-shadow:0 0 0 1px rgba(61,146,223,.11),0 10px 26px rgba(45,119,194,.08)!important;
}
html[data-theme="light"] .compactWalletMethods .walletMethodIcon b{
  background:rgba(255,255,255,.94)!important;
  color:#1d2a3d!important;
  box-shadow:0 4px 12px rgba(48,69,96,.10)!important;
}

/* Product/catalog/NFT cards */
html[data-theme="light"] .gameCard,
html[data-theme="light"] .countryCard,
html[data-theme="light"] .popularMini,
html[data-theme="light"] .tgMarketCard,
html[data-theme="light"] .socialCard,
html[data-theme="light"] .adminStoreCard,
html[data-theme="light"] .adminContentRow,
html[data-theme="light"] .adminTopupMethod,
html[data-theme="light"] .adminSocialRow,
html[data-theme="light"] .adminSocialCategory{
  border-color:rgba(83,106,137,.15)!important;
}
html[data-theme="light"] .gameArt,
html[data-theme="light"] .popularThumb,
html[data-theme="light"] .productLogo,
html[data-theme="light"] .tgGiftMedia{
  background:rgba(255,255,255,.72)!important;
  border-color:rgba(83,106,137,.16)!important;
  box-shadow:0 10px 26px rgba(52,72,100,.065)!important;
}
html[data-theme="light"] .tgMarketToolbar,
html[data-theme="light"] .tgControlBlock,
html[data-theme="light"] .tgFacetBtn,
html[data-theme="light"] .tgDirectionSwitch,
html[data-theme="light"] .tgResetInline{
  background:rgba(255,255,255,.68)!important;
  border-color:rgba(83,106,137,.17)!important;
  color:#32445a!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
}

/* Levels page */
html[data-theme="light"] .levelsHero{
  background:
    radial-gradient(circle at 7% 12%,rgba(67,153,255,.10),transparent 31%),
    radial-gradient(circle at 68% 80%,rgba(139,91,246,.07),transparent 33%),
    rgba(255,255,255,.73)!important;
}
html[data-theme="light"] .levelsHeroArt.hasCustomArt{
  background:rgba(247,250,253,.80)!important;
  border-color:rgba(83,106,137,.17)!important;
  box-shadow:0 14px 34px rgba(52,72,100,.085)!important;
}
html[data-theme="light"] .levelsCurrent{
  background:rgba(247,250,253,.76)!important;
  border-color:rgba(83,106,137,.17)!important;
}
html[data-theme="light"] .levelsBenefits article{
  background:rgba(255,255,255,.72)!important;
}
html[data-theme="light"] .levelFeatureIcon{
  border-color:rgba(83,106,137,.14)!important;
  box-shadow:0 9px 22px rgba(52,72,100,.055)!important;
}
html[data-theme="light"] .milestoneRow span{
  background:rgba(247,250,253,.76)!important;
  border-color:rgba(83,106,137,.15)!important;
}

/* Dialogs / tooltips / admin */
html[data-theme="light"] dialog,
html[data-theme="light"] .profileDialog{
  background:rgba(255,255,255,.94)!important;
  color:#172033!important;
  border-color:rgba(83,106,137,.19)!important;
  box-shadow:0 28px 80px rgba(38,55,78,.20)!important;
  backdrop-filter:blur(20px)!important;
  -webkit-backdrop-filter:blur(20px)!important;
}
html[data-theme="light"] .tooltip,
html[data-theme="light"] [data-tooltip]:after{
  background:rgba(255,255,255,.96)!important;
  color:#172033!important;
  border-color:rgba(83,106,137,.18)!important;
  box-shadow:0 10px 28px rgba(38,55,78,.14)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}
html[data-theme="light"] .adminContentRow,
html[data-theme="light"] .adminStoreCard,
html[data-theme="light"] .adminTopupMethod,
html[data-theme="light"] .adminSocialRow,
html[data-theme="light"] .adminSocialCategory{
  background:rgba(247,250,253,.76)!important;
  color:#172033!important;
}
html[data-theme="light"] .adminContentPreview,
html[data-theme="light"] .adminSocialPreview,
html[data-theme="light"] .adminTopupPreview,
html[data-theme="light"] .adminBalanceBrandPreview,
html[data-theme="light"] .adminLogoBrandPreview{
  background:rgba(255,255,255,.78)!important;
  border-color:rgba(83,106,137,.17)!important;
}

/* Preserve blur wherever dark theme already uses translucent navigation/panels */
html[data-theme="light"] .profileQuickGrid,
html[data-theme="light"] .profileTabs,
html[data-theme="light"] .primaryTabs,
html[data-theme="light"] .tgMarketToolbar,
html[data-theme="light"] .siteHeader{
  backdrop-filter:blur(16px) saturate(130%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(130%)!important;
}

/* Text contrast */
html[data-theme="light"] .crumb{color:#8492a5!important}
html[data-theme="light"] .crumb button{color:#5c6f86!important}
html[data-theme="light"] .crumb button:hover{color:#1d75c7!important}
html[data-theme="light"] .meta,
html[data-theme="light"] .walletMethod small,
html[data-theme="light"] .levelsHeroCopy p,
html[data-theme="light"] .levelsBenefits p,
html[data-theme="light"] .levelsNote{color:#718095!important}

/* No light-theme rule below this point is allowed to change geometry. */

/* Dark-only build */
[data-theme-toggle],.navTheme,.headerThemeTop{display:none!important}


/* Homepage startup preloader — dark-only, full load of `/` only */
.sitePreloader{display:none;position:fixed;inset:0;z-index:999999;place-items:center;background:#080c12;opacity:1;visibility:visible;transition:opacity .16s ease,visibility .16s ease;overflow:hidden}
html.home-preload .sitePreloader{display:grid}
.sitePreloader.isLeaving{opacity:0;visibility:hidden;pointer-events:none}
.sitePreloader:before{content:"";position:absolute;width:min(520px,82vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(0,214,145,.07),rgba(0,214,145,.018) 42%,transparent 70%);filter:blur(12px);pointer-events:none}
.sitePreloaderInner{position:relative;width:min(430px,82vw);display:flex;flex-direction:column;align-items:center;justify-content:center;user-select:none;-webkit-user-select:none}
.sitePreloaderInner img{display:block;width:100%;height:auto;object-fit:contain;pointer-events:none;-webkit-user-drag:none;user-select:none;filter:drop-shadow(0 18px 36px rgba(0,218,145,.10))}
.sitePreloaderTrack{position:relative;width:31%;height:4px;margin-top:-1px;border-radius:999px;background:rgba(78,111,112,.23);overflow:hidden;box-shadow:0 0 0 1px rgba(95,255,207,.045),inset 0 1px 2px rgba(0,0,0,.42)}
.sitePreloaderTrack span{position:absolute;inset:0;transform-origin:left center;transform:scaleX(.035);border-radius:inherit;background:linear-gradient(90deg,#00d58e,#00e7b2 58%,#2fffc2);box-shadow:0 0 12px rgba(0,230,174,.58),0 0 24px rgba(0,206,149,.22);animation:giftosPreloadProgress 1.72s cubic-bezier(.2,.76,.22,1) forwards}
.sitePreloaderTrack span:after{content:"";position:absolute;right:0;top:-2px;width:8px;height:8px;border-radius:50%;background:#6dffd7;box-shadow:0 0 12px rgba(55,255,203,.9)}
@keyframes giftosPreloadProgress{0%{transform:scaleX(.035)}20%{transform:scaleX(.24)}55%{transform:scaleX(.61)}82%{transform:scaleX(.86)}100%{transform:scaleX(1)}}
@media(max-width:600px){.sitePreloaderInner{width:min(350px,88vw)}.sitePreloaderTrack{height:3px}.sitePreloader:before{width:90vw}}
@media(prefers-reduced-motion:reduce){.sitePreloaderTrack span{animation-duration:.8s}.sitePreloader{transition-duration:.1s}}


/* GIFtos Guarantee */
.guaranteePage,.guaranteeDealPage{padding-bottom:58px}
.guaranteeHero{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:24px;padding:34px;border:1px solid rgba(76,190,128,.16);border-radius:24px;background:radial-gradient(circle at 85% 25%,rgba(22,212,124,.11),transparent 34%),linear-gradient(135deg,#121922,#0f151d 62%,#101d19);overflow:hidden}
.guaranteeHero:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.025),transparent 38%);pointer-events:none}
.guaranteeHeroCopy{position:relative;z-index:1;align-self:center}
.guaranteeEyebrow{display:inline-flex;padding:6px 10px;border-radius:999px;border:1px solid rgba(45,218,133,.22);background:rgba(28,171,101,.08);color:#66e2a4;font-size:10px;font-weight:900;letter-spacing:.13em}
.guaranteeHero h1{max-width:760px;margin:14px 0 13px;font-size:clamp(32px,4.2vw,58px);line-height:.98;letter-spacing:-.04em}
.guaranteeHero h1 em{font-style:normal;color:#45dc91}
.guaranteeHero p{max-width:720px;margin:0;color:#9aa7b7;font-size:14px;line-height:1.72}
.guaranteeHeroActions{display:flex;flex-wrap:wrap;gap:10px;margin-top:23px}
.guaranteePrimary,.guaranteeSecondary,.guaranteeFindRow button,.guaranteeOpenDeal,.guaranteeNotFound button{min-height:46px;padding:0 18px;border-radius:12px;border:1px solid transparent;font-weight:800;cursor:pointer}
.guaranteePrimary{background:linear-gradient(180deg,#29d985,#17b96d);color:#07150e;box-shadow:0 12px 26px rgba(21,190,108,.18)}
.guaranteePrimary:hover{filter:brightness(1.05);transform:translateY(-1px)}
.guaranteeSecondary{background:#151d27;border-color:#263241;color:#d9e1eb}
.guaranteeTrustLine{display:flex;flex-wrap:wrap;gap:8px;margin-top:21px}.guaranteeTrustLine span{padding:7px 9px;border-radius:9px;background:rgba(9,14,20,.48);border:1px solid rgba(255,255,255,.05);color:#aab5c3;font-size:10px}
.guaranteeShieldCard{position:relative;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid rgba(69,222,145,.16);border-radius:20px;background:rgba(8,14,19,.56);overflow:hidden}
.guaranteeShieldGlow{position:absolute;width:230px;height:230px;border-radius:50%;background:rgba(25,222,123,.13);filter:blur(50px)}
.guaranteeShieldIcon{position:relative;width:82px;height:82px;display:grid;place-items:center;border-radius:24px;background:linear-gradient(145deg,rgba(42,218,136,.22),rgba(35,127,88,.08));color:#42df91;border:1px solid rgba(77,224,151,.20);box-shadow:0 18px 45px rgba(0,0,0,.20)}
.guaranteeShieldIcon svg{width:44px;height:44px}.guaranteeShieldCard strong{position:relative;margin-top:17px;font-size:20px}.guaranteeShieldCard small{position:relative;margin-top:6px;color:#718092}
.guaranteeMiniFlow{position:relative;display:flex;align-items:center;gap:7px;margin-top:22px}.guaranteeMiniFlow span{padding:6px 8px;border-radius:8px;background:#121b24;border:1px solid #22303c;color:#8e9bac;font-size:9px}.guaranteeMiniFlow i{font-style:normal;color:#42dc8e}
.guaranteeSteps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:15px 0}.guaranteeSteps article{min-height:112px;display:flex;gap:11px;padding:16px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.guaranteeSteps article>span{font-size:11px;font-weight:900;color:#3ddd8b}.guaranteeSteps b{font-size:12px}.guaranteeSteps p{margin:6px 0 0;color:var(--muted);font-size:10px;line-height:1.5}
.guaranteeWorkspace{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr);gap:14px;align-items:start}.guaranteeCreateCard,.guaranteeFindCard,.guaranteeDealCard,.guaranteeChatCard,.guaranteeParties,.guaranteeDealAction,.guaranteeSafetyBox,.guaranteeNotice,.guaranteeNotFound{border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--cardShadow)}
.guaranteeCreateCard,.guaranteeFindCard{padding:22px}.guaranteeCardHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.guaranteeCardHead small{font-size:9px;font-weight:900;letter-spacing:.13em;color:#5edb9c}.guaranteeCardHead h2{margin:4px 0 0;font-size:20px}.guaranteeFee{padding:6px 9px;border-radius:999px;background:rgba(41,207,125,.09);border:1px solid rgba(67,215,142,.18);color:#5cdda0;font-size:10px;font-weight:800}
.guaranteeCreateCard>label{display:grid;gap:7px;margin-top:13px}.guaranteeCreateCard>label>span{font-size:11px;font-weight:700;color:#bac4d0}.guaranteeCreateCard input,.guaranteeCreateCard textarea,.guaranteeFindRow input,.guaranteeChatComposer input{width:100%;border:1px solid #26313f;background:#111720;color:#f1f5fa;border-radius:11px;outline:none}.guaranteeCreateCard input,.guaranteeFindRow input,.guaranteeChatComposer input{height:47px;padding:0 13px}.guaranteeCreateCard textarea{padding:12px 13px;resize:vertical;min-height:115px}.guaranteeCreateCard input:focus,.guaranteeCreateCard textarea:focus,.guaranteeFindRow input:focus,.guaranteeChatComposer input:focus{border-color:#3e986c;box-shadow:0 0 0 3px rgba(38,201,120,.07)}
.guaranteePriceInput{position:relative}.guaranteePriceInput input{padding-right:45px}.guaranteePriceInput>b{position:absolute;right:15px;top:13px;color:#7e8a99}.guaranteeCalc{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;padding:12px;border-radius:11px;background:#0f151c;border:1px solid #202a35}.guaranteeCalc span,.guaranteeCalc strong{display:flex;justify-content:space-between;gap:10px;color:#7e8a99;font-size:10px}.guaranteeCalc strong{grid-column:1/-1;padding-top:8px;border-top:1px solid #202a35;color:#c7d0dc}
.guaranteeUpload{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding:13px;border-radius:12px;border:1px dashed #2b3947;background:#10161e}.guaranteeUpload b,.guaranteeUpload small{display:block}.guaranteeUpload b{font-size:11px}.guaranteeUpload small{margin-top:4px;color:#667587;font-size:9px}.guaranteeUploadBtn{flex:none;padding:8px 11px;border-radius:9px;background:#17212a;border:1px solid #2c3946;font-size:10px;font-weight:800;cursor:pointer}.guaranteeUploadBtn input{display:none}
.guaranteePreview{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:9px}.guaranteePreview>div{position:relative;aspect-ratio:1.2;border-radius:10px;overflow:hidden;background:#0c1117;border:1px solid #202b36}.guaranteePreview img{width:100%;height:100%;object-fit:cover}.guaranteePreview button{position:absolute;right:5px;top:5px;width:22px;height:22px;border:0;border-radius:50%;background:rgba(5,8,12,.78);color:#fff;cursor:pointer}.guaranteeCreateBtn{width:100%;margin-top:17px}
.guaranteeFindCard>p{color:var(--muted);font-size:11px;line-height:1.6}.guaranteeFindRow{display:flex;gap:7px;margin-top:15px}.guaranteeFindRow button{background:#1d8b58;color:#eafff3}.guaranteeBuyerSafety{display:grid;gap:8px;margin-top:18px;padding:14px;border-radius:12px;background:#101720;border:1px solid #202b36}.guaranteeBuyerSafety b{font-size:11px}.guaranteeBuyerSafety span{font-size:10px;color:#8d9baa}
.guaranteeCreated{margin-top:12px;padding:14px;border:1px solid rgba(63,211,140,.25);background:rgba(29,164,96,.08);border-radius:12px}.guaranteeCreated>span,.guaranteeCreated>b{display:block}.guaranteeCreated>span{color:#53dc99;font-size:10px}.guaranteeCreated>b{font-size:16px;margin:5px 0 9px}.guaranteeCreated>div{display:flex;gap:6px}.guaranteeCreated input{height:39px}.guaranteeCreated button{border:1px solid #2c3a46;background:#18212a;color:#dce4ec;border-radius:9px;padding:0 11px}.guaranteeOpenDeal{width:100%;margin-top:8px;background:#23c77b;color:#07140e}
.guaranteeNotice{margin-top:14px;padding:15px 18px;display:flex;gap:12px}.guaranteeNotice b{color:#f3bf68}.guaranteeNotice p{margin:0;color:#7f8b9a;font-size:10px;line-height:1.55}
.guaranteeDealTop{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:22px 0}.guaranteeStatus{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:9px;font-weight:900}.guaranteeStatus.created{color:#7bc2ff;background:rgba(41,132,255,.1)}.guaranteeStatus.held{color:#62e1a0;background:rgba(35,198,119,.1)}.guaranteeStatus.done{color:#a5b1bf;background:#151d25}.guaranteeDealTop small{display:block;margin-top:12px;color:#647384;font-size:9px}.guaranteeDealTop h1{margin:4px 0 8px;font-size:30px}.guaranteeIdCopy{border:0;background:transparent;color:#728194;padding:0;cursor:pointer;font-size:10px}.guaranteeIdCopy span{color:#3dcf87}.guaranteeDealPrice{text-align:right}.guaranteeDealPrice strong{display:block;font-size:32px}.guaranteeDealPrice span,.guaranteeDealPrice em{display:block;margin-top:4px;color:#748193;font-size:10px}.guaranteeDealPrice em{font-style:normal;color:#a1adbb}
.guaranteeDealGrid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:13px;align-items:start}.guaranteeDealMain{display:grid;gap:13px}.guaranteeDealCard,.guaranteeChatCard{padding:20px}.guaranteeDescription{white-space:pre-wrap;color:#a6b2c0;font-size:12px;line-height:1.7}.guaranteeGallery{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.guaranteeGallery button{aspect-ratio:1.45;border:1px solid #26313d;border-radius:11px;overflow:hidden;background:#0d131a;padding:0;cursor:pointer}.guaranteeGallery img{width:100%;height:100%;object-fit:cover}
.guaranteeLive{color:#42d990;font-size:9px}.guaranteeMessages{height:330px;overflow:auto;display:flex;flex-direction:column;gap:8px;padding:4px}.guaranteeMessage{align-self:flex-start;max-width:82%;padding:9px 11px;border-radius:12px 12px 12px 4px;background:#151d26;border:1px solid #222d39}.guaranteeMessage.mine{align-self:flex-end;border-radius:12px 12px 4px 12px;background:rgba(31,151,92,.12);border-color:rgba(57,199,126,.18)}.guaranteeMessage.system{align-self:stretch;max-width:100%;text-align:center;background:#10161d;border-style:dashed}.guaranteeMessage>div{display:flex;justify-content:space-between;gap:12px}.guaranteeMessage b{font-size:9px}.guaranteeMessage small{font-size:8px;color:#5d6b7a}.guaranteeMessage p{margin:5px 0 0;white-space:pre-wrap;color:#b9c3cf;font-size:11px;line-height:1.45}.guaranteeChatComposer{display:flex;gap:7px;margin-top:12px}.guaranteeChatComposer button{padding:0 15px;border:0;border-radius:10px;background:#26c77c;color:#07150e;font-weight:800}.guaranteeChatComposer>span{color:#738091;font-size:10px}
.guaranteeDealSide{display:grid;gap:10px}.guaranteeParties,.guaranteeDealAction,.guaranteeSafetyBox{padding:16px}.guaranteeDealSide h3{margin:0 0 12px;font-size:12px}.guaranteeParties>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid #202a34}.guaranteeParties span{color:#687688;font-size:9px}.guaranteeParties b{font-size:10px}.guaranteeDealAction p{color:#8390a0;font-size:10px;line-height:1.6}.guaranteeDealAction button{width:100%;min-height:43px;border:0;border-radius:10px;font-weight:850;cursor:pointer}.guaranteePayBtn{background:linear-gradient(180deg,#2bd889,#19b96e);color:#07140e}.guaranteeCompleteBtn{background:#2d8cff;color:#fff}.guaranteeDealAction #gCopyDealLink{background:#17212a;color:#dce4ee;border:1px solid #293744}.guaranteeSafetyBox{display:grid;gap:8px;background:linear-gradient(145deg,rgba(27,119,75,.09),#121921)}.guaranteeSafetyBox b{color:#54da98}.guaranteeSafetyBox span{color:#748191;font-size:9px;line-height:1.45}
.guaranteeNotFound{max-width:560px;margin:70px auto;padding:35px;text-align:center}.guaranteeNotFound>div{width:60px;height:60px;margin:auto;color:#43d58f}.guaranteeNotFound>div svg{width:100%;height:100%}.guaranteeNotFound p{color:var(--muted)}
@media(max-width:850px){.guaranteeHero{grid-template-columns:1fr;padding:22px}.guaranteeShieldCard{min-height:235px}.guaranteeSteps{grid-template-columns:1fr 1fr}.guaranteeWorkspace,.guaranteeDealGrid{grid-template-columns:1fr}.guaranteeDealSide{grid-template-columns:1fr 1fr}.guaranteeSafetyBox{grid-column:1/-1}}
@media(max-width:560px){.guaranteeHero{padding:18px;border-radius:18px}.guaranteeHero h1{font-size:34px}.guaranteeHeroActions>*{width:100%}.guaranteeSteps{grid-template-columns:1fr}.guaranteeWorkspace{gap:10px}.guaranteeCreateCard,.guaranteeFindCard,.guaranteeDealCard,.guaranteeChatCard{padding:15px}.guaranteeCalc{grid-template-columns:1fr}.guaranteeCalc strong{grid-column:auto}.guaranteeUpload{align-items:flex-start;flex-direction:column}.guaranteePreview{grid-template-columns:repeat(3,1fr)}.guaranteeDealTop{align-items:flex-start;flex-direction:column}.guaranteeDealPrice{text-align:left}.guaranteeDealSide{grid-template-columns:1fr}.guaranteeSafetyBox{grid-column:auto}.guaranteeGallery{grid-template-columns:1fr 1fr}.guaranteeMessage{max-width:92%}}

/* Guarantee readability pass v2 */
.guaranteePage,.guaranteeDealPage{font-size:16px}
.guaranteeHero{padding:42px;gap:34px}
.guaranteeEyebrow{font-size:12px;padding:8px 12px}
.guaranteeHero h1{font-size:clamp(38px,4.6vw,64px);line-height:1.02;margin:18px 0}
.guaranteeHero p{font-size:16px;line-height:1.7;max-width:790px;color:#aeb9c7}
.guaranteePrimary,.guaranteeSecondary,.guaranteeFindRow button,.guaranteeOpenDeal,.guaranteeNotFound button{min-height:52px;padding:0 22px;font-size:14px}
.guaranteeTrustLine{gap:10px;margin-top:24px}.guaranteeTrustLine span{font-size:12px;padding:9px 11px}
.guaranteeShieldCard strong{font-size:24px}.guaranteeShieldCard small{font-size:13px}.guaranteeMiniFlow span{font-size:11px;padding:8px 10px}
.guaranteeSteps{gap:12px;margin:18px 0}.guaranteeSteps article{min-height:132px;padding:20px;gap:14px}.guaranteeSteps article>span{font-size:13px}.guaranteeSteps b{font-size:15px;line-height:1.35}.guaranteeSteps p{font-size:12px;line-height:1.55;margin-top:8px}
.guaranteeCreateCard,.guaranteeFindCard{padding:28px}.guaranteeCardHead small{font-size:11px}.guaranteeCardHead h2{font-size:26px;margin-top:6px}.guaranteeFee{font-size:12px;padding:8px 11px}
.guaranteeCreateCard>label{gap:9px;margin-top:17px}.guaranteeCreateCard>label>span{font-size:14px}.guaranteeCreateCard input,.guaranteeFindRow input,.guaranteeChatComposer input{height:54px;font-size:15px;padding:0 16px}.guaranteeCreateCard textarea{font-size:15px;line-height:1.55;padding:14px 16px;min-height:145px}
.guaranteePriceInput>b{top:15px;font-size:16px}.guaranteeCalc{padding:16px;gap:11px;margin-top:15px}.guaranteeCalc span,.guaranteeCalc strong{font-size:13px}.guaranteeCalc strong{padding-top:11px}
.guaranteeUpload{padding:17px;margin-top:20px}.guaranteeUpload b{font-size:14px}.guaranteeUpload small{font-size:11px;margin-top:5px}.guaranteeUploadBtn{font-size:12px;padding:10px 13px}
.guaranteeFindCard>p{font-size:14px;line-height:1.65}.guaranteeBuyerSafety{gap:11px;padding:18px;margin-top:20px}.guaranteeBuyerSafety b{font-size:14px}.guaranteeBuyerSafety span{font-size:12px}
.guaranteeCreated>span{font-size:12px}.guaranteeCreated>b{font-size:20px}.guaranteeNotice{padding:19px 22px}.guaranteeNotice b{font-size:14px}.guaranteeNotice p{font-size:12px;line-height:1.6}
.guaranteeStatus{font-size:11px;padding:8px 11px}.guaranteeDealTop small{font-size:11px}.guaranteeDealTop h1{font-size:36px}.guaranteeIdCopy{font-size:12px}.guaranteeDealPrice strong{font-size:38px}.guaranteeDealPrice span,.guaranteeDealPrice em{font-size:12px}
.guaranteeDealCard,.guaranteeChatCard{padding:26px}.guaranteeDescription{font-size:15px;line-height:1.75}.guaranteeLive{font-size:11px}.guaranteeMessages{height:390px}.guaranteeMessage{padding:12px 14px}.guaranteeMessage b{font-size:11px}.guaranteeMessage small{font-size:10px}.guaranteeMessage p{font-size:13px;line-height:1.55}
.guaranteeParties,.guaranteeDealAction,.guaranteeSafetyBox{padding:20px}.guaranteeDealSide h3{font-size:15px}.guaranteeParties span{font-size:11px}.guaranteeParties b{font-size:12px}.guaranteeDealAction p{font-size:12px;line-height:1.65}.guaranteeDealAction button{min-height:48px;font-size:13px}.guaranteeSafetyBox span{font-size:11px;line-height:1.55}
@media(max-width:850px){.guaranteeHero{padding:28px}.guaranteeSteps article{min-height:120px}.guaranteeCreateCard,.guaranteeFindCard{padding:22px}}
@media(max-width:560px){.guaranteeHero{padding:20px}.guaranteeHero h1{font-size:38px}.guaranteeHero p{font-size:15px}.guaranteeSteps b{font-size:14px}.guaranteeSteps p{font-size:12px}.guaranteeCreateCard,.guaranteeFindCard,.guaranteeDealCard,.guaranteeChatCard{padding:18px}.guaranteeCardHead h2{font-size:23px}.guaranteeDealTop h1{font-size:30px}.guaranteeDealPrice strong{font-size:32px}}


/* Guarantee: action-first flow. Forms stay hidden until the user chooses an action. */
.guaranteeWorkspaceModes{display:none!important;margin-top:16px}
.guaranteeWorkspaceModes.open{display:block!important;animation:guaranteeModeReveal .28s ease both}
.guaranteeWorkspaceModes[data-mode="create"] .guaranteeCreateCard{display:block;max-width:960px;margin:0 auto}
.guaranteeWorkspaceModes[data-mode="find"] .guaranteeFindCard{display:block;max-width:600px;margin:0 auto}
.guaranteeWorkspaceModes .guaranteeModePanel[hidden]{display:none!important}
.guaranteeHeroActions button.active{box-shadow:0 0 0 2px rgba(67,221,145,.14),0 14px 30px rgba(20,184,104,.15)}
.guaranteeHeroActions .guaranteeSecondary.active{background:rgba(38,209,126,.11);border-color:rgba(74,223,151,.30);color:#dff8ea}
@keyframes guaranteeModeReveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:560px){.guaranteeWorkspaceModes.open{margin-top:10px}.guaranteeWorkspaceModes[data-mode="create"] .guaranteeCreateCard,.guaranteeWorkspaceModes[data-mode="find"] .guaranteeFindCard{max-width:none}}


/* Guarantee layout refinement: action panel belongs directly under the hero */
.guaranteePage{
  padding-top:18px;
}
.guaranteeWorkspaceModes{
  display:block!important;
  width:100%;
  margin:14px 0 16px!important;
}
.guaranteeWorkspaceModes:not(.open){
  margin:0!important;
  height:0;
  overflow:hidden;
}
.guaranteeWorkspaceModes.open{
  height:auto;
  overflow:visible;
}
.guaranteeModePanel{
  margin:0 auto;
  animation:guaranteePanelIn .24s ease both;
}
.guaranteeCreateCard.guaranteeModePanel{
  width:min(920px,100%);
  padding:26px 28px 28px;
  border-color:rgba(70,215,145,.16);
  background:
    radial-gradient(circle at 92% 0%,rgba(42,209,132,.055),transparent 26%),
    linear-gradient(180deg,#181f29,#151b24);
  box-shadow:0 18px 45px rgba(0,0,0,.18);
}
.guaranteeFindCard.guaranteeModePanel{
  width:min(650px,100%);
  padding:24px 26px;
  border-color:rgba(70,215,145,.16);
  background:
    radial-gradient(circle at 100% 0%,rgba(42,209,132,.05),transparent 30%),
    linear-gradient(180deg,#181f29,#151b24);
  box-shadow:0 18px 45px rgba(0,0,0,.18);
}
.guaranteeModePanel[hidden]{display:none!important}
@keyframes guaranteePanelIn{
  from{opacity:0;transform:translateY(-8px) scale(.995)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
.guaranteeHeroActions .active{
  box-shadow:0 0 0 2px rgba(58,220,145,.14),0 12px 28px rgba(28,190,113,.16);
}
.guaranteeCreateCard .guaranteeCardHead,
.guaranteeFindCard .guaranteeCardHead{
  margin-bottom:20px;
}
.guaranteeCreateCard>label{
  margin-top:16px;
}
.guaranteeCreateCard>label>span{
  font-size:13px;
}
.guaranteeCreateCard input{
  height:52px;
  font-size:14px;
}
.guaranteeCreateCard textarea{
  min-height:128px;
  font-size:14px;
  line-height:1.55;
}
.guaranteePriceInput>b{
  top:15px;
}
.guaranteeCalc{
  margin-top:14px;
  padding:14px 16px;
}
.guaranteeCalc span,.guaranteeCalc strong{
  font-size:11px;
}
.guaranteeUpload{
  margin-top:16px;
  padding:15px 16px;
}
.guaranteeCreateBtn{
  min-height:50px;
  font-size:14px;
}
.guaranteeSteps{
  margin-top:8px!important;
}
.guaranteeNotice{
  margin-top:16px;
}
@media(max-width:700px){
  .guaranteePage{padding-top:10px}
  .guaranteeWorkspaceModes{margin:10px 0 13px!important}
  .guaranteeCreateCard.guaranteeModePanel,
  .guaranteeFindCard.guaranteeModePanel{
    width:100%;
    padding:18px 15px 19px;
    border-radius:15px;
  }
  .guaranteeCreateCard input{height:49px}
  .guaranteeCreateCard textarea{min-height:116px}
}

/* Guarantee full-width action panels: same width as main hero */
.guaranteeWorkspaceModes{
  width:100%!important;
  max-width:none!important;
}
.guaranteeWorkspaceModes.open{
  display:block!important;
}
.guaranteeCreateCard.guaranteeModePanel,
.guaranteeFindCard.guaranteeModePanel{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  box-sizing:border-box;
  border-radius:24px;
  padding:30px 34px 32px;
}
.guaranteeCreateCard.guaranteeModePanel{
  background:
    radial-gradient(circle at 92% 0%,rgba(42,209,132,.055),transparent 26%),
    linear-gradient(180deg,#181f29,#151b24);
}
.guaranteeFindCard.guaranteeModePanel{
  background:
    radial-gradient(circle at 100% 0%,rgba(42,209,132,.055),transparent 30%),
    linear-gradient(180deg,#181f29,#151b24);
}
.guaranteeFindCard .guaranteeFindRow{
  max-width:none;
  width:100%;
}
.guaranteeFindCard .guaranteeBuyerSafety{
  width:100%;
  box-sizing:border-box;
}
@media(max-width:700px){
  .guaranteeCreateCard.guaranteeModePanel,
  .guaranteeFindCard.guaranteeModePanel{
    width:100%!important;
    border-radius:18px;
    padding:19px 16px 20px;
  }
}


/* Guarantee: clean slide-out panels without shadows */
.guaranteeWorkspaceModes .guaranteeModePanel,
.guaranteeWorkspaceModes .guaranteeCreateCard,
.guaranteeWorkspaceModes .guaranteeFindCard{
  box-shadow:none!important;
  filter:none!important;
}
.guaranteeWorkspaceModes.open{
  scroll-margin-top:96px;
}

/* Guarantee standalone app — screenshot-matched dark emerald layout */
.gsite{--g-bg:#041110;--g-panel:#071a18;--g-panel2:#0a211f;--g-line:rgba(89,190,157,.17);--g-line2:rgba(89,221,174,.28);--g-green:#16e69e;--g-green2:#0bc88a;--g-text:#edf8f4;--g-muted:#829e98;min-height:100vh;background:radial-gradient(circle at 50% 11%,rgba(0,111,76,.12),transparent 36%),linear-gradient(180deg,#03100f,#051513 46%,#03100f);color:var(--g-text);font-size:14px}
.gsite *{box-sizing:border-box}.gsite button,.gsite input,.gsite textarea{font:inherit}.gsite button{color:inherit}.gsite svg{width:20px;height:20px;display:block}
.gsiteTopRail{height:62px;border-bottom:1px solid var(--g-line);background:rgba(2,14,13,.92)}.gsiteTopRailInner{height:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 20px}.gsiteTopRail button{height:44px;padding:0 18px;border:1px solid var(--g-line);border-radius:10px;background:linear-gradient(180deg,rgba(15,45,41,.78),rgba(7,29,27,.72));display:flex;align-items:center;gap:10px;cursor:pointer}.gsiteTopRail button:first-child{border-color:rgba(21,230,158,.3);background:rgba(7,79,58,.36)}.gsiteTopRail button svg{color:var(--g-green)}
.gsiteHeader{height:88px;border-bottom:1px solid var(--g-line);background:rgba(3,17,16,.96);position:sticky;top:0;z-index:50}.gsiteHeaderInner{height:100%;max-width:1600px;margin:auto;padding:0 14px;display:grid;grid-template-columns:170px 190px auto minmax(260px,420px) 150px 166px;gap:10px;align-items:center;position:relative}.gsiteMarketBack,.gsiteHeaderActions button,.gsiteHeaderIcons > button,.gsiteProfileBtn{border:1px solid var(--g-line);background:rgba(8,31,29,.7);border-radius:10px;cursor:pointer}.gsiteMarketBack{height:46px;padding:0 17px;display:flex;align-items:center;gap:11px}.gsiteBrand{display:flex;align-items:center;gap:11px;border:0;background:none;cursor:pointer;text-align:left}.gsiteBrandShield{color:var(--g-green);width:42px;height:46px;display:grid;place-items:center}.gsiteBrandShield svg{width:42px;height:42px}.gsiteBrand b{display:block;color:#59f2bd;font-size:24px;line-height:1}.gsiteBrand small{display:block;margin-top:5px;color:#819d97;font-size:11px}.gsiteHeaderActions{display:flex;gap:8px}.gsiteHeaderActions button{height:48px;padding:0 15px;white-space:nowrap}.gsiteHeaderSearch{height:48px;border:1px solid var(--g-line);border-radius:10px;display:flex;align-items:center;padding:0 13px;gap:10px;background:#061917}.gsiteHeaderSearch svg{color:#86a49f}.gsiteHeaderSearch input{width:100%;border:0;outline:0;background:transparent;color:var(--g-text)}.gsiteHeaderSearch input::placeholder{color:#617d78}.gsiteHeaderSearch kbd{min-width:26px;height:26px;display:grid;place-items:center;border-radius:6px;background:#0c2623;color:#77918c;font-size:11px}.gsiteHeaderIcons{display:flex;justify-content:flex-end;gap:3px}.gsiteHeaderIcons > button{position:relative;width:44px;height:44px;display:grid;place-items:center;border-color:transparent;background:transparent}.gsiteHeaderIcons .hasDot:after{content:"";position:absolute;right:8px;top:8px;width:9px;height:9px;border-radius:50%;background:var(--g-green)}.gsiteProfileBtn{height:56px;padding:0 12px;display:grid;grid-template-columns:42px 1fr auto;gap:9px;align-items:center;text-align:left;border-color:rgba(31,191,139,.26)}.gsiteProfileBtn>span,.gsiteProfileMini>span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(15,209,145,.42);background:rgba(0,124,86,.18);color:#1bf0a8}.gsiteProfileBtn i{font-style:normal}.gsiteProfileMenu{position:absolute;right:14px;top:78px;width:220px;padding:10px;border:1px solid var(--g-line2);border-radius:14px;background:#071d1a;box-shadow:0 20px 55px rgba(0,0,0,.36);z-index:80}.gsiteProfileMini{display:flex;gap:10px;align-items:center;padding:7px 7px 12px;border-bottom:1px solid var(--g-line)}.gsiteProfileMini small{display:block;color:var(--g-muted);margin-top:3px}.gsiteProfileMenu>button{width:100%;height:38px;margin-top:6px;border:0;border-radius:8px;background:transparent;text-align:left;padding:0 10px;cursor:pointer}.gsiteProfileMenu>button:hover{background:#0b2b27}
.gsiteLayout{max-width:1600px;margin:auto;display:grid;grid-template-columns:264px minmax(0,1fr) 304px;gap:38px;padding:14px}.gsiteSidebar,.gsiteRightbar{align-self:start;position:sticky;top:102px}.gsiteSidebar{min-height:760px;border:1px solid var(--g-line);border-radius:14px;background:linear-gradient(180deg,rgba(6,27,25,.95),rgba(5,22,21,.88));padding:16px 12px}.gsiteSideTitle{padding:0 10px 12px;color:#78938e;font-size:13px}.gsiteNav{display:grid;gap:3px}.gsiteNav button{height:48px;border:0;border-radius:10px;background:transparent;display:flex;align-items:center;gap:14px;padding:0 14px;color:#dbe9e5;cursor:pointer;text-align:left}.gsiteNav button svg{color:#7f9c96}.gsiteNav button.active{background:linear-gradient(90deg,rgba(9,97,71,.55),rgba(9,68,53,.35));box-shadow:inset 3px 0 0 var(--g-green)}.gsiteNav button.active svg{color:var(--g-green)}.gsiteNav hr{width:100%;border:0;border-top:1px solid var(--g-line);margin:10px 0}.gsiteSidePromo{margin-top:18px;border:1px solid rgba(27,192,140,.25);border-radius:14px;padding:18px;background:radial-gradient(circle at 28% 8%,rgba(0,175,118,.18),transparent 40%),#071d1a}.gsiteSidePromo>div{color:var(--g-green);margin-bottom:9px}.gsiteSidePromo>div svg{width:38px;height:38px}.gsiteSidePromo b{font-size:14px;line-height:1.4}.gsiteSidePromo p{color:#819d97;line-height:1.5;margin:12px 0 16px}.gsiteSidePromo button{height:44px;width:100%;border:1px solid var(--g-line);border-radius:9px;background:#0d302b;cursor:pointer}
.gsiteMain{min-width:0;padding-top:14px}.gsiteHero{height:332px;border:1px solid var(--g-line);border-radius:14px;background:radial-gradient(circle at 78% 42%,rgba(0,135,91,.23),transparent 32%),linear-gradient(115deg,#08231f,#061b19 67%,#06201d);display:grid;grid-template-columns:1.08fr .92fr;overflow:hidden}.gsiteHeroCopy{padding:38px;align-self:center}.gsiteBadge{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 10px;border:1px solid rgba(15,213,146,.19);border-radius:9px;background:rgba(2,65,47,.28);color:#20eaa4;font-size:12px}.gsiteBadge svg{width:14px;height:14px}.gsiteHero h1{font-size:34px;line-height:1.14;margin:16px 0 13px;letter-spacing:-.025em}.gsiteHero p{max-width:560px;color:#98aca8;font-size:15px;line-height:1.6;margin:0}.gsiteHeroButtons{display:flex;gap:12px;margin-top:25px}.gsiteHeroButtons button{height:48px;padding:0 23px;border:1px solid var(--g-line2);border-radius:10px;background:#0b2825;cursor:pointer}.gsiteHeroButtons .primary{border:0;background:linear-gradient(90deg,#18e5a0,#20c982);color:#002e22;font-weight:800}.gsiteHeroButtons span{margin-left:14px}.gsiteHeroArt{position:relative;display:grid;place-items:center}.gsiteShieldBig{width:168px;height:188px;display:grid;place-items:center;color:#18e9a1;filter:drop-shadow(0 0 28px rgba(0,238,163,.22));z-index:2}.gsiteShieldBig svg{width:158px;height:178px;stroke-width:1.2}.gsiteShieldBig:before{content:"";position:absolute;width:110px;height:110px;border-radius:50%;background:rgba(0,216,145,.08);filter:blur(16px)}.gsiteHeroArt .chip{position:absolute;height:40px;padding:0 12px;border:1px solid rgba(24,230,159,.33);border-radius:18px;background:rgba(5,67,49,.72);display:flex;align-items:center;gap:6px;font-size:12px;z-index:3}.gsiteHeroArt .chip svg{width:15px;height:15px;color:var(--g-green)}.gsiteHeroArt .chip1{top:23px;right:68px}.gsiteHeroArt .chip2{right:16px;top:122px}.gsiteHeroArt .chip3{left:20px;bottom:48px}.gsiteOrb{position:absolute;border:1px solid rgba(22,229,158,.18);border-radius:50%}.gsiteOrb.one{width:250px;height:250px}.gsiteOrb.two{width:190px;height:190px;transform:rotate(35deg)}
.gsiteSectionHead{display:flex;align-items:center;justify-content:space-between;margin:28px 0 12px}.gsiteSectionHead h2{font-size:20px;margin:0}.gsiteSectionHead button{height:36px;border:1px solid var(--g-line);border-radius:9px;background:#0a2421;padding:0 14px;cursor:pointer}.gsiteCategories{display:grid;grid-template-columns:repeat(8,minmax(82px,1fr));gap:8px}.gsiteCategories button{height:110px;border:1px solid var(--g-line);border-radius:10px;background:linear-gradient(180deg,#0a201e,#081b1a);display:grid;place-items:center;align-content:center;gap:10px;cursor:pointer}.gsiteCategories button>span{font-size:26px;line-height:1}.gsiteCategories button>b{font-size:12px;font-weight:500;line-height:1.25}.gsiteCategories .nfx,.gsiteOrdersTable .nfx{color:#ff2238;font-weight:900}.gsiteOrdersHead{margin-top:32px}.gsiteOrdersTable{border:1px solid var(--g-line);border-radius:11px;overflow:hidden;background:#061917}.gsiteOrdersTable .thead,.gsiteOrdersTable .trow{display:grid;grid-template-columns:1.8fr .82fr .95fr .72fr .96fr .78fr;align-items:center;gap:8px;padding:0 12px}.gsiteOrdersTable .thead{height:34px;background:rgba(10,43,38,.7);color:#6f8f88;font-size:11px}.gsiteOrdersTable .trow{min-height:43px;border-top:1px solid rgba(79,176,145,.09);font-size:12px}.gsiteOrdersTable .trow>span:first-child{display:flex;align-items:center;gap:8px}.gsiteOrdersTable i{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#0b6ca8;font-style:normal}.gsiteOrdersTable em{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--g-green);margin-right:7px}.gsiteOrdersTable strong{justify-self:start;padding:5px 8px;border-radius:7px;background:rgba(0,119,79,.26);color:#17db98;font-weight:500}.gsiteOrdersTable small{color:#849c97}.gsiteOrdersTable b{font-weight:600}
.gsiteRightbar{padding-top:0}.gsiteUserCard{border:1px solid rgba(24,185,133,.3);border-radius:14px;background:linear-gradient(180deg,#071f1c,#061a18);padding:16px}.gsiteUserHead{display:grid;grid-template-columns:62px 1fr auto;gap:12px;align-items:center;padding-bottom:15px;border-bottom:1px solid var(--g-line)}.gsiteUserHead>span{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(15,213,146,.4);background:rgba(0,114,79,.18);color:#18e8a2;font-size:20px}.gsiteUserHead small{display:block;color:#7f9893;margin-top:6px}.gsiteUserHead button{border:0;background:none;color:#86a09b;font-size:20px}.gsiteBalance{margin-top:10px;border:1px solid var(--g-line);border-radius:12px;padding:14px;background:rgba(5,28,25,.72)}.gsiteBalance>small{color:#6e8d86}.gsiteBalance>strong{display:block;font-size:24px;margin:6px 0 16px}.gsiteBalance>div{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.gsiteBalance button{height:76px;border:1px solid var(--g-line);border-radius:10px;background:#0b2926;display:grid;place-items:center;align-content:center;gap:6px;color:#19e1a0;font-size:22px;cursor:pointer}.gsiteBalance button span{color:#b7cbc6;font-size:11px}.gsiteRightLinks{display:grid;gap:6px;margin-top:9px}.gsiteRightLinks button{height:44px;border:1px solid var(--g-line);border-radius:9px;background:#09221f;display:flex;align-items:center;gap:12px;padding:0 14px;cursor:pointer;text-align:left}.gsiteRightLinks svg{width:17px;height:17px;color:#77958e}.gsiteLoginBtn{width:100%;height:52px;margin-top:9px;border:0;border-radius:9px;background:linear-gradient(90deg,#1ed69a,#23c982);font-weight:800;cursor:pointer}
.gsiteWorkspace{min-height:690px}.gsiteWorkspaceHead{display:flex;align-items:center;gap:12px;margin:3px 0 18px}.gsiteWorkspaceHead>button{width:44px;height:44px;border:1px solid var(--g-line);border-radius:10px;background:#09221f;cursor:pointer}.gsiteWorkspaceHead span{font-size:11px;color:#48cba0}.gsiteWorkspaceHead h1{margin:2px 0 0;font-size:26px}.gsiteWorkspace .guaranteeCreateCard,.gsiteWorkspace .guaranteeFindCard{max-width:850px;margin:0 auto;background:#071c1a;border-color:var(--g-line2);border-radius:14px;padding:24px}.gsiteWorkspace .guaranteeCreateCard label>span{color:#a7bcb7}.gsiteWorkspace .guaranteeCreateCard input,.gsiteWorkspace .guaranteeCreateCard textarea,.gsiteWorkspace .guaranteeFindRow input{background:#061614;border-color:var(--g-line);color:#eef8f5}.gsiteWorkspace .guaranteeCalc{background:#061614;border-color:var(--g-line)}.gsiteWorkspace .guaranteePrimary,.gsiteWorkspace .guaranteeFindRow button{background:linear-gradient(90deg,#18e5a0,#20c982)!important;color:#023426!important;border:0!important}.gsiteInfoPanel{max-width:780px;margin:40px auto;border:1px solid var(--g-line);border-radius:16px;background:#071e1b;padding:42px;text-align:center}.gsiteInfoIcon{width:76px;height:76px;margin:0 auto 15px;border:1px solid rgba(18,222,151,.3);border-radius:20px;display:grid;place-items:center;color:var(--g-green);background:rgba(0,95,65,.18)}.gsiteInfoIcon svg{width:42px;height:42px}.gsiteInfoPanel h2{font-size:27px;margin:0 0 10px}.gsiteInfoPanel p{max-width:590px;margin:auto;color:#8ca49f;line-height:1.7}
@media(max-width:1320px){.gsiteLayout{grid-template-columns:228px minmax(0,1fr);gap:22px}.gsiteRightbar{display:none}.gsiteHeaderInner{grid-template-columns:145px 170px auto minmax(220px,1fr) 145px}.gsiteProfileBtn{display:none}.gsiteProfileMenu{display:none!important}.gsiteCategories{grid-template-columns:repeat(4,1fr)}}
@media(max-width:900px){.gsiteTopRail{display:none}.gsiteHeader{height:70px}.gsiteHeaderInner{grid-template-columns:auto 1fr auto;padding:0 10px}.gsiteMarketBack span,.gsiteHeaderActions,.gsiteHeaderSearch,.gsiteHeaderIcons{display:none}.gsiteBrand{justify-self:center}.gsiteBrand b{font-size:20px}.gsiteLayout{display:block;padding:10px}.gsiteSidebar{position:static;min-height:0;padding:8px;margin-bottom:10px}.gsiteSideTitle,.gsiteNav hr,.gsiteSidePromo,.gsiteNav button:nth-of-type(n+4){display:none}.gsiteNav{grid-template-columns:repeat(3,1fr)}.gsiteNav button{justify-content:center;padding:0 8px}.gsiteNav button span{font-size:12px}.gsiteMain{padding-top:0}.gsiteHero{height:auto;grid-template-columns:1fr}.gsiteHeroCopy{padding:25px}.gsiteHeroArt{min-height:230px}.gsiteCategories{grid-template-columns:repeat(4,1fr)}.gsiteOrdersTable{overflow-x:auto}.gsiteOrdersTable .thead,.gsiteOrdersTable .trow{min-width:850px}}
@media(max-width:560px){.gsiteMarketBack{width:46px;padding:0;justify-content:center}.gsiteBrand small{display:none}.gsiteHeroCopy{padding:20px}.gsiteHero h1{font-size:28px}.gsiteHero p{font-size:13px}.gsiteHeroButtons{display:grid}.gsiteHeroButtons button{width:100%}.gsiteHeroArt{min-height:200px}.gsiteShieldBig{width:132px;height:150px}.gsiteShieldBig svg{width:125px;height:145px}.gsiteHeroArt .chip{font-size:10px;height:34px}.gsiteCategories{grid-template-columns:repeat(2,1fr)}.gsiteCategories button{height:92px}.gsiteSectionHead h2{font-size:17px}.gsiteSectionHead button{font-size:11px}.gsiteWorkspace .guaranteeCreateCard,.gsiteWorkspace .guaranteeFindCard{padding:16px}.gsiteInfoPanel{padding:26px 17px}.gsiteNav button{height:44px}}

/* Guarantee layout refinement: account panel lives in profile dropdown */
.gsiteTopRail{display:none!important}
.gsiteHeader{top:0}
.gsiteLayout{grid-template-columns:260px minmax(0,1fr)!important;max-width:1500px}
.gsiteRightbar{display:none!important}
.gsiteHeaderInner{grid-template-columns:145px 175px auto minmax(260px,1fr) 148px 166px;position:relative}
.gsiteProfileBtn{display:flex!important}
.gsiteAccountDropdown{
  position:absolute;
  top:calc(100% + 10px);
  right:0;
  width:318px;
  z-index:80;
  padding:14px;
  border:1px solid rgba(24,185,133,.32);
  border-radius:16px;
  background:linear-gradient(180deg,rgba(7,31,28,.98),rgba(5,24,22,.98));
  box-shadow:0 24px 70px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.025);
  backdrop-filter:blur(22px);
}
.gsiteAccountDropdown[hidden]{display:none!important}
.gsiteAccountDropdown .gsiteUserHead{grid-template-columns:52px 1fr auto;padding:2px 2px 14px}
.gsiteAccountDropdown .gsiteUserHead>span{width:52px;height:52px}
.gsiteAccountDropdown .gsiteUserHead>button{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;cursor:pointer}
.gsiteAccountDropdown .gsiteBalance{margin-top:12px}
.gsiteAccountDropdown .gsiteBalance>div{gap:8px}
.gsiteAccountDropdown .gsiteBalance button{height:72px;font-size:inherit}
.gsiteAccountDropdown .gsiteBalance button svg{width:23px;height:23px;color:#19e1a0}
.gsiteAccountDropdown .gsiteRightLinks button span{font-size:13px}
.gsiteAccountDropdown .gsiteRightLinks svg{flex:0 0 18px}
@media(max-width:1320px){
  .gsiteLayout{grid-template-columns:228px minmax(0,1fr)!important;gap:22px}
  .gsiteHeaderInner{grid-template-columns:145px 170px auto minmax(220px,1fr) 145px 160px}
  .gsiteProfileBtn{display:flex!important}
  .gsiteProfileMenu{display:block}
  .gsiteProfileMenu[hidden]{display:none!important}
}
@media(max-width:900px){
  .gsiteHeaderInner{grid-template-columns:auto 1fr auto}
  .gsiteProfileBtn{display:flex!important;width:46px;padding:0;justify-content:center}
  .gsiteProfileBtn>b,.gsiteProfileBtn>i{display:none}
  .gsiteAccountDropdown{right:8px;width:min(318px,calc(100vw - 16px))}
}

/* Guarantee scale sync with the main GIFtos site (1120px content rhythm) */
@media (min-width:901px){
  .gsiteHeader{height:72px}
  .gsiteHeaderInner{
    width:min(1120px,calc(100% - 40px));
    max-width:none;
    padding:0;
    grid-template-columns:118px 145px 206px minmax(180px,1fr) 118px 132px;
    gap:8px;
  }
  .gsiteMarketBack{height:40px;padding:0 12px;gap:8px;font-size:12px}
  .gsiteBrand{gap:8px}
  .gsiteBrandShield{width:34px;height:38px}
  .gsiteBrandShield svg{width:34px;height:34px}
  .gsiteBrand b{font-size:19px}
  .gsiteBrand small{font-size:9px;margin-top:3px}
  .gsiteHeaderActions{gap:6px}
  .gsiteHeaderActions button{height:40px;padding:0 11px;font-size:11px}
  .gsiteHeaderSearch{height:40px;padding:0 10px;gap:8px;font-size:11px}
  .gsiteHeaderSearch kbd{min-width:22px;height:22px;font-size:9px}
  .gsiteHeaderIcons{gap:0}
  .gsiteHeaderIcons > button{width:38px;height:38px}
  .gsiteProfileBtn{height:46px;padding:0 9px;grid-template-columns:34px 1fr auto;gap:7px;font-size:11px}
  .gsiteProfileBtn>span,.gsiteProfileMini>span{width:34px;height:34px}

  .gsiteLayout{
    width:min(1120px,calc(100% - 40px));
    max-width:none!important;
    grid-template-columns:210px minmax(0,1fr)!important;
    gap:18px!important;
    padding:14px 0 48px;
  }
  .gsiteSidebar{top:86px;min-height:650px;padding:13px 10px;border-radius:12px}
  .gsiteSideTitle{padding:0 9px 9px;font-size:11px}
  .gsiteNav{gap:2px}
  .gsiteNav button{height:41px;padding:0 11px;gap:11px;border-radius:9px;font-size:12px}
  .gsiteNav button svg{width:18px;height:18px}
  .gsiteNav hr{margin:8px 0}
  .gsiteSidePromo{margin-top:14px;padding:14px;border-radius:12px}
  .gsiteSidePromo>div svg{width:31px;height:31px}
  .gsiteSidePromo b{font-size:12px}
  .gsiteSidePromo p{font-size:10px;margin:9px 0 12px}
  .gsiteSidePromo button{height:38px;font-size:11px}

  .gsiteMain{padding-top:8px}
  .gsiteHero{height:270px;border-radius:13px}
  .gsiteHeroCopy{padding:28px 30px}
  .gsiteBadge{height:26px;padding:0 9px;font-size:10px}
  .gsiteHero h1{font-size:28px;margin:12px 0 10px;line-height:1.12}
  .gsiteHero p{max-width:480px;font-size:12px;line-height:1.55}
  .gsiteHeroButtons{gap:9px;margin-top:19px}
  .gsiteHeroButtons button{height:40px;padding:0 17px;font-size:11px}
  .gsiteHeroButtons span{margin-left:10px}
  .gsiteShieldBig{width:135px;height:151px}
  .gsiteShieldBig svg{width:128px;height:145px}
  .gsiteOrb.one{width:210px;height:210px}
  .gsiteOrb.two{width:160px;height:160px}
  .gsiteHeroArt .chip{height:34px;padding:0 10px;font-size:10px}
  .gsiteHeroArt .chip1{top:19px;right:50px}
  .gsiteHeroArt .chip2{right:12px;top:99px}
  .gsiteHeroArt .chip3{left:14px;bottom:38px}

  .gsiteSectionHead{margin:22px 0 10px}
  .gsiteSectionHead h2{font-size:17px}
  .gsiteSectionHead button{height:32px;padding:0 11px;font-size:10px}
  .gsiteCategories{gap:7px}
  .gsiteCategories button{height:90px;gap:7px;border-radius:9px}
  .gsiteCategories button>span{font-size:22px}
  .gsiteCategories button>b{font-size:10px}
  .gsiteOrdersHead{margin-top:24px}
  .gsiteOrdersTable .thead,.gsiteOrdersTable .trow{padding:0 10px;gap:7px}
  .gsiteOrdersTable .thead{height:30px;font-size:9px}
  .gsiteOrdersTable .trow{min-height:38px;font-size:10px}
  .gsiteOrdersTable i{width:22px;height:22px}
  .gsiteOrdersTable strong{padding:4px 7px}

  .gsiteWorkspaceHead{margin:1px 0 14px}
  .gsiteWorkspaceHead>button{width:38px;height:38px}
  .gsiteWorkspaceHead h1{font-size:22px}
  .gsiteWorkspace .guaranteeCreateCard,.gsiteWorkspace .guaranteeFindCard{max-width:720px;padding:20px}

  .gsiteAccountDropdown{top:calc(100% + 8px);width:292px;padding:12px;border-radius:14px}
  .gsiteAccountDropdown .gsiteBalance button{height:64px}
}

@media (min-width:901px) and (max-width:1160px){
  .gsiteHeaderInner,.gsiteLayout{width:calc(100% - 28px)}
  .gsiteHeaderInner{grid-template-columns:106px 132px 184px minmax(160px,1fr) 108px 120px;gap:6px}
  .gsiteLayout{grid-template-columns:196px minmax(0,1fr)!important;gap:14px!important}
}

/* Guarantee visual polish v3 — match the calm, low-contrast MARKET UI */
.gsite{
  --g-bg:#0b0f0d;
  --g-panel:#101613;
  --g-panel2:#131b17;
  --g-line:rgba(151,177,163,.095);
  --g-line2:rgba(98,180,139,.16);
  --g-green:#24a66f;
  --g-green2:#1b8d5e;
  --g-text:#dce5df;
  --g-muted:#7f9087;
  background:
    radial-gradient(circle at 56% 8%,rgba(32,111,76,.055),transparent 34%),
    #0b0f0d;
  color:var(--g-text);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}
.gsite button,.gsite input,.gsite textarea{font-family:inherit}
.gsite button{transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,opacity .16s ease}
.gsite button:hover{transform:none}

/* Header: the MARKET back button sits outside the main content grid, like "На форум". */
@media (min-width:901px){
  .gsiteHeader{
    background:rgba(11,15,13,.975);
    border-bottom-color:rgba(150,175,161,.08);
  }
  .gsiteHeaderInner{
    grid-template-columns:206px minmax(280px,1fr) 118px 132px;
  }
  .gsiteMarketBack{
    position:absolute;
    left:max(-130px,calc((1120px - 100vw)/2 + 14px));
    top:50%;
    transform:translateY(-50%);
    transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease;
    z-index:4;
    min-width:116px;
    justify-content:center;
    background:#161c19;
    border-color:rgba(161,182,171,.10);
    color:#c4cec8;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.018);
  }
  .gsiteMarketBack:hover{
    transform:translateY(-50%);
    background:#1a211d;
    border-color:rgba(161,182,171,.15);
  }
}

.gsiteBrand b{color:#35ad79;font-weight:750;letter-spacing:.005em}
.gsiteBrand small{color:#74847c;font-weight:450}
.gsiteBrandShield{color:#30ac78}
.gsiteHeaderActions button,.gsiteHeaderSearch,.gsiteProfileBtn{
  background:#111714;
  border-color:rgba(150,174,161,.085);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.012);
}
.gsiteHeaderActions button{color:#cbd5cf;font-weight:560}
.gsiteHeaderActions button:hover,.gsiteProfileBtn:hover{background:#151c18;border-color:rgba(72,160,117,.14)}
.gsiteHeaderSearch input{color:#cdd8d2;font-weight:450}
.gsiteHeaderSearch input::placeholder{color:#66766e}
.gsiteHeaderSearch kbd{background:#171e1a;color:#687971}
.gsiteHeaderIcons > button{color:#7f9087}
.gsiteHeaderIcons > button:hover{background:rgba(255,255,255,.025);color:#aab8b0}
.gsiteHeaderIcons .hasDot:after{background:#2eae7b;box-shadow:none}

/* Main shell */
.gsiteSidebar{
  background:#101512;
  border-color:rgba(150,174,161,.085);
  box-shadow:none;
}
.gsiteSideTitle{color:#76857e;font-weight:560;letter-spacing:.015em}
.gsiteNav button{color:#bdc9c2;font-weight:470}
.gsiteNav button svg{color:#6e7f77}
.gsiteNav button:hover{background:rgba(255,255,255,.024)}
.gsiteNav button.active{
  background:rgba(31,131,89,.13);
  box-shadow:inset 2px 0 0 #2a9e6e;
  color:#d5dfd9;
}
.gsiteNav button.active svg{color:#35a978}
.gsiteNav hr{border-color:rgba(150,174,161,.07)}
.gsiteSidePromo{
  background:linear-gradient(180deg,rgba(27,86,61,.11),rgba(18,31,25,.14));
  border-color:rgba(70,151,109,.12);
}
.gsiteSidePromo b{font-weight:650;color:#ced8d2}
.gsiteSidePromo p{color:#7c8c84;line-height:1.55}
.gsiteSidePromo button{background:#151d19;border-color:rgba(150,174,161,.09);color:#b9c5be}

/* Softer hero: no neon, no harsh white text. */
.gsiteHero{
  border-color:rgba(150,174,161,.085);
  background:
    radial-gradient(circle at 77% 44%,rgba(35,128,88,.105),transparent 35%),
    linear-gradient(115deg,#111814,#0e1512 67%,#101713);
  box-shadow:none;
}
.gsiteBadge{
  background:rgba(33,118,82,.09);
  border-color:rgba(58,157,111,.13);
  color:#54b58a;
  font-weight:560;
}
.gsiteHero h1{
  color:#dce4df;
  font-weight:690;
  letter-spacing:-.021em;
  text-wrap:balance;
}
.gsiteHero p{
  color:#87978f;
  font-weight:430;
  line-height:1.62;
  letter-spacing:.002em;
}
.gsiteHeroButtons button{
  background:#151c18;
  border-color:rgba(150,174,161,.10);
  color:#b9c6bf;
  font-weight:560;
}
.gsiteHeroButtons button:hover{background:#19211c;border-color:rgba(75,156,115,.16)}
.gsiteHeroButtons .primary{
  background:#2a9f6e!important;
  color:#07120d!important;
  box-shadow:none;
  font-weight:680;
}
.gsiteHeroButtons .primary:hover{background:#2ca874!important}
.gsiteShieldBig{color:#2aa674;filter:drop-shadow(0 0 22px rgba(37,154,105,.10))}
.gsiteShieldBig:before{background:rgba(41,154,107,.055)}
.gsiteOrb{border-color:rgba(53,151,107,.11)}
.gsiteHeroArt .chip{
  background:rgba(18,42,31,.72);
  border-color:rgba(56,147,105,.14);
  color:#aebdb5;
  box-shadow:none;
}
.gsiteHeroArt .chip svg{color:#42ad7d}

/* Section typography and cards: reduce visual noise / "text shimmer". */
.gsiteSectionHead h2{color:#d2dcd6;font-weight:640;letter-spacing:-.012em}
.gsiteSectionHead button{
  background:#121915;
  border-color:rgba(150,174,161,.08);
  color:#98a79f;
  font-weight:500;
}
.gsiteCategories button{
  background:#111714;
  border-color:rgba(150,174,161,.075);
  color:#bac6bf;
  box-shadow:none;
}
.gsiteCategories button:hover{background:#151c18;border-color:rgba(72,151,111,.14)}
.gsiteCategories button>b{font-weight:500;color:#aebbb4;letter-spacing:.001em}
.gsiteOrdersTable{
  background:#101512;
  border-color:rgba(150,174,161,.08);
  box-shadow:none;
}
.gsiteOrdersTable .thead{
  background:#121a16;
  color:#708078;
  font-weight:520;
}
.gsiteOrdersTable .trow{
  border-top-color:rgba(150,174,161,.055);
  color:#aebbb4;
  font-weight:440;
}
.gsiteOrdersTable .trow>span:first-child{color:#cbd5cf;font-weight:520}
.gsiteOrdersTable small{color:#73827a}
.gsiteOrdersTable b{color:#cad4ce;font-weight:590}
.gsiteOrdersTable strong{background:rgba(36,137,91,.10);color:#49ad80;font-weight:540}
.gsiteOrdersTable em{background:#39a777}

/* Profile dropdown in the same subdued palette. */
.gsiteAccountDropdown{
  background:rgba(15,21,18,.985);
  border-color:rgba(72,156,113,.16);
  box-shadow:0 18px 48px rgba(0,0,0,.28);
}
.gsiteAccountDropdown .gsiteBalance,.gsiteAccountDropdown .gsiteRightLinks button{
  background:#121915;
  border-color:rgba(150,174,161,.08);
}
.gsiteAccountDropdown .gsiteBalance button{background:#171f1b;border-color:rgba(150,174,161,.08);color:#aebcb4}
.gsiteAccountDropdown .gsiteBalance button svg{color:#3ba879}
.gsiteLoginBtn{background:#2a9f6e;color:#07120d}

/* Forms/workspace use the same calm surface and softer type. */
.gsiteWorkspace .guaranteeCreateCard,.gsiteWorkspace .guaranteeFindCard,.gsiteInfoPanel{
  background:#101613;
  border-color:rgba(150,174,161,.085);
  box-shadow:none;
}
.gsiteWorkspace .guaranteeCreateCard input,.gsiteWorkspace .guaranteeCreateCard textarea,.gsiteWorkspace .guaranteeFindRow input{
  background:#0d120f;
  border-color:rgba(150,174,161,.095);
  color:#ced8d2;
}
.gsiteWorkspace .guaranteeCreateCard input:focus,.gsiteWorkspace .guaranteeCreateCard textarea:focus,.gsiteWorkspace .guaranteeFindRow input:focus{
  border-color:rgba(55,153,106,.34);
  box-shadow:0 0 0 3px rgba(42,143,98,.055);
}
.gsiteWorkspace .guaranteePrimary,.gsiteWorkspace .guaranteeFindRow button{background:#2a9f6e!important;color:#07120d!important}

/* Slightly more relaxed vertical rhythm improves readability on dense screens. */
@media (min-width:901px){
  .gsiteNav button{line-height:1.25}
  .gsiteCategories button>b{line-height:1.35}
  .gsiteOrdersTable .trow{line-height:1.35}
}


/* Guarantee local account environment */
.gaccountSite{min-height:100vh}.gaccountMain{padding-bottom:70px}.gaccountHeaderHint{justify-content:center;color:#80908b;font-size:13px}.gaccountSidebar{align-self:start}.gaccountMiniUser{display:flex;align-items:center;gap:11px;padding:12px 10px 16px;margin-bottom:6px;border-bottom:1px solid rgba(139,165,157,.10)}.gaccountMiniUser>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(25,154,109,.13);border:1px solid rgba(42,193,138,.22);color:#79d7b5;font-weight:700}.gaccountMiniUser div{display:grid;gap:3px;min-width:0}.gaccountMiniUser b{font-size:13px;color:#dbe4e1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gaccountMiniUser small{font-size:12px;color:#74837e}.gaccountTitle{padding:10px 0 22px}.gaccountTitle>span{display:block;color:#4eb68d;font-size:11px;font-weight:700;letter-spacing:.12em;margin-bottom:7px}.gaccountTitle h1{margin:0;color:#edf3f1;font-size:28px;line-height:1.12;font-weight:680;letter-spacing:-.025em}.gaccountTitle p{margin:8px 0 0;color:#82918c;font-size:14px;line-height:1.55}.gaccountStats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}.gaccountStats article,.gaccountPanel,.gaccountBalanceHero,.gaccountQuick button{background:linear-gradient(180deg,rgba(18,29,26,.78),rgba(13,22,20,.78));border:1px solid rgba(124,158,148,.12);box-shadow:0 14px 36px rgba(0,0,0,.10);border-radius:12px}.gaccountStats article{padding:18px;display:grid;gap:7px}.gaccountStats small,.gaccountBalanceHero small{color:#758680;font-size:12px}.gaccountStats strong{font-size:23px;color:#e8efed;font-weight:650}.gaccountStats button{padding:0;text-align:left;background:none;border:0;color:#56ba91;font-size:12px;cursor:pointer}.gaccountPanel{padding:18px;margin-bottom:14px}.gaccountPanelHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.gaccountPanelHead small{display:block;color:#507d6d;font-size:10px;font-weight:700;letter-spacing:.12em;margin-bottom:4px}.gaccountPanelHead h2{margin:0;color:#e7eeec;font-size:17px;font-weight:650}.gaccountPanelHead>b{color:#7b8b86;font-size:13px}.gaccountLevel{height:7px;background:#17221f;border-radius:999px;overflow:hidden}.gaccountLevel i{display:block;height:100%;background:linear-gradient(90deg,#1aa774,#42be92);border-radius:inherit}.gaccountPanel>p{color:#71827c;font-size:12px;line-height:1.5;margin:12px 0 0}.gaccountQuick{display:grid;grid-template-columns:1fr 1fr;gap:12px}.gaccountQuick button{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;padding:16px;text-align:left;color:#81918c;cursor:pointer}.gaccountQuick svg{width:22px;height:22px;color:#4cae87}.gaccountQuick span{display:grid;gap:3px}.gaccountQuick b{color:#dce5e2;font-size:13px}.gaccountQuick small{color:#6f807a;font-size:11px}.gaccountQuick em{font-style:normal;color:#58736a}.gaccountBalanceHero{padding:22px;margin-bottom:14px;display:grid;gap:5px}.gaccountBalanceHero strong{font-size:34px;color:#eaf2ef;font-weight:650;letter-spacing:-.03em}.gaccountBalanceHero span{color:#62746d;font-size:12px}.gaccountTopup{display:grid;gap:13px}.gaccountTopup>label>span,.gaccountSettings label>span:first-child{display:block;color:#8b9995;font-size:12px;margin-bottom:6px}.gaccountTopup>label>div{display:flex;align-items:center;background:#0d1614;border:1px solid rgba(129,160,151,.13);border-radius:9px;padding:0 12px}.gaccountTopup input[type=number]{width:100%;border:0;background:transparent;color:#e7efec;padding:13px 0;outline:0;font-size:15px}.gaccountTopup label b{color:#7f8e89}.gaccountPresets{display:flex;gap:7px;flex-wrap:wrap}.gaccountPresets button{background:#14211e;border:1px solid rgba(122,153,144,.12);color:#8e9d98;border-radius:8px;padding:8px 11px;font-size:12px;cursor:pointer}.gaccountMethods{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.gaccountMethods label{position:relative;display:grid;gap:3px;padding:12px;border:1px solid rgba(122,153,144,.12);background:#101b18;border-radius:9px;cursor:pointer}.gaccountMethods label.selected{border-color:rgba(41,171,124,.36);background:rgba(24,107,78,.12)}.gaccountMethods input{position:absolute;opacity:0}.gaccountMethods b{font-size:12px;color:#d2ddda}.gaccountMethods small{font-size:10px;color:#667872}.gaccountPrimary{border:0;border-radius:9px;background:linear-gradient(180deg,#29b981,#219c6e);color:#07140f;font-weight:700;padding:12px 16px;cursor:pointer}.gaccountRows{display:grid}.gaccountRows>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 2px;border-top:1px solid rgba(126,154,146,.08)}.gaccountRows>div:first-child{border-top:0}.gaccountRows span{display:grid;gap:4px}.gaccountRows b{color:#d8e2df;font-size:12px;font-weight:600}.gaccountRows small{color:#677a73;font-size:10px}.gaccountRows em{font-style:normal;color:#6baa91;font-size:11px;background:rgba(40,158,116,.08);padding:5px 8px;border-radius:6px}.gaccountRows strong{color:#b9cbc5;font-size:12px}.gaccountDealRows{display:grid;gap:7px}.gaccountDealRows button{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;padding:13px;background:#101917;border:1px solid rgba(126,154,146,.09);border-radius:9px;text-align:left;cursor:pointer}.gaccountDealRows span{display:grid;gap:4px}.gaccountDealRows b{color:#dce5e2;font-size:12px}.gaccountDealRows small{color:#687a74;font-size:10px}.gaccountDealRows strong{color:#c8d6d2;font-size:12px}.gaccountDealRows em{font-style:normal;color:#55b58d;font-size:10px}.gaccountEmpty{padding:34px;text-align:center;color:#6f817a;font-size:13px}.gaccountEmpty button{background:none;border:0;color:#53b98f;cursor:pointer}.gaccountSettings{display:grid;gap:13px;max-width:560px}.gaccountSettings label{display:block}.gaccountSettings input,.gaccountSettings select{width:100%;box-sizing:border-box;background:#0d1614;border:1px solid rgba(129,160,151,.13);border-radius:9px;color:#dce5e2;padding:12px 13px;outline:0}.gaccountSettings input:disabled{opacity:.55}.gaccountSettings label small{display:block;color:#5f726b;font-size:10px;margin-top:5px}.gaccountSettings .gaccountCheck{display:flex;align-items:center;gap:10px;padding:12px 0}.gaccountSettings .gaccountCheck input{width:auto}.gaccountSettings .gaccountCheck span{display:grid;gap:3px}.gaccountSettings .gaccountCheck b{font-size:12px;color:#d5dfdc}.gaccountAuthWrap{min-height:620px;display:grid;place-items:center;padding:36px 0}.gaccountAuthCard{width:min(420px,100%);box-sizing:border-box;padding:28px;background:linear-gradient(180deg,rgba(17,29,25,.92),rgba(11,20,17,.94));border:1px solid rgba(117,157,143,.15);border-radius:14px;box-shadow:0 24px 70px rgba(0,0,0,.18);text-align:center}.gaccountAuthShield{width:54px;height:54px;margin:0 auto 12px;border-radius:15px;display:grid;place-items:center;background:rgba(32,161,114,.12);border:1px solid rgba(56,185,138,.18);color:#48bd91}.gaccountAuthShield svg{width:30px;height:30px}.gaccountAuthCard>small{color:#4fa881;font-size:11px;font-weight:700}.gaccountAuthCard h1{margin:7px 0 8px;color:#e9f0ee;font-size:24px}.gaccountAuthCard>p{margin:0 auto 20px;color:#758680;font-size:12px;line-height:1.55;max-width:340px}.gaccountForm{display:grid;gap:11px;text-align:left}.gaccountForm label span{display:block;color:#83918d;font-size:11px;margin-bottom:5px}.gaccountForm input{width:100%;box-sizing:border-box;padding:12px 13px;background:#0c1513;border:1px solid rgba(126,158,149,.13);border-radius:9px;color:#e4ece9;outline:0}.gaccountForm button[type=submit]{margin-top:4px;padding:12px;border:0;border-radius:9px;background:linear-gradient(180deg,#2aba83,#239f71);color:#07150f;font-weight:700;cursor:pointer}.gaccountAuthSwitch{margin-top:16px;color:#687a74;font-size:11px}.gaccountAuthSwitch button{border:0;background:none;color:#55b88f;cursor:pointer}.gsiteLoginBtn.subtle{background:#15221e!important;color:#9aaba5!important;border:1px solid rgba(126,158,149,.12)!important}
@media(max-width:900px){.gaccountStats{grid-template-columns:1fr}.gaccountQuick{grid-template-columns:1fr}.gaccountMethods{grid-template-columns:1fr 1fr}.gaccountDealRows button{grid-template-columns:1fr auto}.gaccountDealRows em{grid-column:1/-1}.gaccountHeaderHint{display:none}.gaccountAuthWrap{min-height:auto;padding:18px 0}}

/* Guarantee header cleanup */
.gsiteHome{padding-bottom:18px}
@media (min-width:901px){.gsiteHeaderInner>.gsiteHeaderSearch{min-width:0}}

/* Stable MARKET back button: no vertical transform on hover/active/focus. */
@media (min-width:901px){
  .gsiteMarketBack{
    top:calc(50% - 20px) !important;
    transform:none !important;
    translate:none !important;
    transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease !important;
  }
  .gsiteMarketBack:hover,
  .gsiteMarketBack:focus,
  .gsiteMarketBack:focus-visible,
  .gsiteMarketBack:active{
    top:calc(50% - 20px) !important;
    transform:none !important;
    translate:none !important;
  }
}

/* Guarantee account: guests do not get the private-account sidebar. */
.gaccountGuestLayout{grid-template-columns:minmax(0,1fr)!important}
.gaccountGuestLayout .gaccountMain{width:100%;max-width:none}

/* Guarantee auth — split login + media presentation */
.gauthStage{min-height:calc(100vh - 86px);display:grid;grid-template-columns:minmax(320px,390px) minmax(0,1fr);max-width:1180px;margin:0 auto;padding:34px 18px 42px;gap:0;align-items:stretch}
.gauthPanel{position:relative;z-index:2;display:flex;flex-direction:column;min-height:650px;padding:34px 32px 26px;border:1px solid rgba(89,130,117,.16);border-right:0;border-radius:18px 0 0 18px;background:linear-gradient(180deg,rgba(12,22,18,.98),rgba(8,17,14,.99));box-shadow:0 24px 80px rgba(0,0,0,.24)}
.gauthBrand{display:flex;align-items:center;gap:11px;margin-bottom:54px;color:#cfe6dc}.gauthBrandMark{width:34px;height:34px;display:grid;place-items:center;color:#28b77e}.gauthBrandMark svg{width:31px;height:31px}.gauthBrand b{font-size:15px;letter-spacing:.01em}.gauthBrand small{display:block;margin-top:2px;color:#617c72;font-size:10px;font-weight:500}.gauthPanel h1{margin:0 0 8px;font-size:23px;line-height:1.18;letter-spacing:-.025em;color:#e8f0ed}.gauthLead{margin:0 0 28px;color:#7e938b;font-size:12px;line-height:1.55}.gauthForm{display:grid;gap:17px}.gauthForm label{display:grid;gap:7px;color:#82978f;font-size:11px}.gauthField{position:relative}.gauthField input{width:100%;height:46px;border:1px solid rgba(101,139,126,.17);border-radius:9px;background:#111c18;color:#dfeae6;padding:0 13px;outline:none;font:inherit;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.gauthField input::placeholder{color:#53665f}.gauthField input:focus{background:#12211b;border-color:rgba(45,173,119,.42);box-shadow:0 0 0 3px rgba(45,173,119,.07)}.gauthPass input{padding-right:44px}.gauthReveal{position:absolute;right:5px;top:5px;width:36px;height:36px;border:0;background:transparent;color:#71877e;display:grid;place-items:center;cursor:pointer}.gauthReveal svg{width:17px;height:17px}.gauthMeta{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:-2px;color:#779087;font-size:11px}.gauthRemember{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:8px!important;cursor:pointer;color:#a4b6b0!important}.gauthRemember input{appearance:none;width:15px;height:15px;margin:0;border:1px solid rgba(65,185,132,.45);border-radius:4px;background:#0e1d18;display:grid;place-items:center}.gauthRemember input:checked{background:#27a970;border-color:#27a970}.gauthRemember input:checked:after{content:'✓';font-size:10px;font-weight:900;color:#e8fff5}.gauthSubmit{height:46px;border:1px solid rgba(44,170,117,.42);border-radius:9px;background:linear-gradient(180deg,#25955f,#207d51);color:#effff8;font-weight:700;cursor:pointer;transition:filter .18s ease,box-shadow .18s ease}.gauthSubmit:hover{filter:brightness(1.05);box-shadow:0 10px 26px rgba(26,122,77,.15)}.gauthSecondary{height:42px;border:1px solid rgba(82,122,108,.22);border-radius:9px;background:#102019;color:#48ba84;font-weight:650;cursor:pointer}.gauthSwitch{display:grid;gap:8px;margin-top:9px}.gauthSwitch small{text-align:center;color:#586d65;font-size:10px}.gauthSwitch button{width:100%}.gauthForm .formMsg{min-height:16px;margin-top:-7px;color:#d47c7c;font-size:11px}.gauthFoot{margin-top:auto;padding-top:28px;color:#4f665d;font-size:10px;line-height:1.55}.gauthFoot b{color:#738980;font-weight:600}
.gauthMedia{position:relative;overflow:hidden;min-height:650px;border:1px solid rgba(89,130,117,.14);border-radius:0 18px 18px 0;background:#0b1411}.gauthVideo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;background:#09110f}.gauthMediaFallback{position:absolute;inset:0;overflow:hidden;background:radial-gradient(circle at 54% -10%,rgba(50,190,127,.38),transparent 40%),linear-gradient(180deg,#121c18 0%,#0c1512 55%,#101a16 100%)}.gauthMediaFallback:before,.gauthMediaFallback:after{content:'';position:absolute;left:0;right:0;height:180px;filter:blur(30px);background:rgba(26,157,98,.25)}.gauthMediaFallback:before{top:-110px}.gauthMediaFallback:after{bottom:-125px}.gauthPattern{position:absolute;inset:0;opacity:.18;background-image:radial-gradient(circle at 20px 20px,rgba(87,143,121,.22) 1px,transparent 2px);background-size:52px 52px}.gauthDemoCard{position:absolute;left:18%;right:14%;top:19%;bottom:16%;border:1px solid rgba(119,150,138,.12);border-radius:14px;background:rgba(11,20,17,.62);box-shadow:0 28px 80px rgba(0,0,0,.28);filter:blur(.2px);opacity:.58}.gauthDemoTop{height:46px;border-bottom:1px solid rgba(119,150,138,.1);display:flex;align-items:center;gap:8px;padding:0 14px}.gauthDemoTop i{width:20px;height:7px;border-radius:10px;background:#75877f}.gauthDemoTop i:nth-child(2){width:14px}.gauthDemoRow{margin:20px 18px;padding:16px;border:1px solid rgba(119,150,138,.09);border-radius:10px}.gauthDemoRow span,.gauthDemoRow b{display:block;height:8px;border-radius:8px;background:#60726b}.gauthDemoRow span{width:70%;margin-bottom:10px}.gauthDemoRow b{width:88%;height:38px;background:#4c5e57}.gauthVideoHint{position:absolute;left:26px;right:26px;bottom:24px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border:1px solid rgba(111,150,134,.15);border-radius:10px;background:rgba(7,15,12,.65);backdrop-filter:blur(12px);color:#80978d;font-size:10px}.gauthVideoHint b{display:block;color:#b2c6be;font-size:11px;margin-bottom:2px}.gauthVideoHint code{color:#4db985;background:rgba(34,127,82,.1);padding:5px 7px;border-radius:6px;font-size:10px}.gauthMedia.hasVideo .gauthMediaFallback,.gauthMedia.hasVideo .gauthVideoHint{display:none}
@media(max-width:860px){.gauthStage{grid-template-columns:1fr;max-width:560px;padding-top:20px}.gauthPanel{min-height:auto;border-right:1px solid rgba(89,130,117,.16);border-radius:16px;padding:28px 24px}.gauthBrand{margin-bottom:34px}.gauthMedia{min-height:280px;border-radius:14px;margin-top:12px}.gauthVideoHint{left:14px;right:14px;bottom:14px}.gauthDemoCard{left:12%;right:10%;top:16%;bottom:18%}}
@media(max-width:520px){.gauthStage{padding:12px 10px 24px}.gauthPanel{padding:23px 18px}.gauthMedia{min-height:230px}.gauthVideoHint{align-items:flex-start;flex-direction:column;gap:7px}}
.gauthSite{min-height:100vh;background:radial-gradient(circle at 64% -25%,rgba(35,147,94,.08),transparent 42%),#07100d}
.gauthSite .gauthStage{width:100%}.gauthSite .gsiteHeader{flex:0 0 auto}
button.gauthBrand{border:0;background:transparent;padding:0;text-align:left;cursor:pointer;font:inherit}

/* Guarantee auth: flat, clean surfaces (no crooked shadows/glow) */
.gauthPanel,
.gauthMedia,
.gauthDemoCard,
.gauthVideoHint,
.gauthField input,
.gauthField input:focus,
.gauthSubmit,
.gauthSubmit:hover,
.gauthSecondary {
  box-shadow: none !important;
  filter: none;
}
.gauthMediaFallback:before,
.gauthMediaFallback:after {
  filter: none !important;
  opacity: .32;
}
.gauthSubmit:hover {
  filter: brightness(1.035) !important;
}

/* Guarantee auth: size the media column to the real video ratio. */
@media (min-width:861px){
  .gauthStage{align-items:start}
  .gauthPanel{min-height:0;height:100%}
  .gauthMedia{min-height:0;height:auto;aspect-ratio:var(--gauth-video-ratio, 16 / 9);align-self:start}
  .gauthVideo{width:100%;height:100%;object-fit:contain;object-position:center;background:#09110f}
}


/* Guarantee auth: keep the login column exactly within the real video height. */
@media (min-width:861px){
  .gauthPanel{min-height:0!important;height:auto;overflow:hidden;padding:0!important;align-self:start}
  .gauthPanelInner{
    --gauth-panel-scale:1;
    box-sizing:border-box;
    min-height:100%;
    width:calc(100% / var(--gauth-panel-scale));
    padding:28px 28px 22px;
    display:flex;
    flex-direction:column;
    transform:scale(var(--gauth-panel-scale));
    transform-origin:top left;
  }
  .gauthBrand{margin-bottom:34px}
  .gauthLead{margin-bottom:20px}
  .gauthForm{gap:13px}
  .gauthField input{height:42px}
  .gauthReveal{top:3px}
  .gauthSubmit{height:42px}
  .gauthSecondary{height:38px}
  .gauthSwitch{margin-top:5px;gap:6px}
  .gauthFoot{padding-top:18px}
}
@media (max-width:860px){
  .gauthPanelInner{display:contents}
}

/* Main-site auth — same video-matched layout as Guarantee, in GIFtos palette. */
.mauthSite{min-height:calc(100vh - 66px);background:var(--bg)}
.mauthStage{max-width:1120px;min-height:calc(100vh - 66px);padding:34px 0 42px;grid-template-columns:minmax(320px,390px) minmax(0,1fr)}
.mauthPanel{background:var(--surface);border-color:var(--line);color:var(--text)}
.mauthPanel h1{color:var(--text)}
.mauthPanel .gauthLead{color:var(--muted)}
.mauthBrand{color:var(--text)}
.mauthBrand small{color:var(--muted2)}
.mauthBrandMark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#2f8fff,#7448ff);border:1px solid rgba(255,255,255,.08)}
.mauthBrandMark .brandGem{width:12px;height:12px;border-radius:4px;background:#fff;transform:rotate(45deg);opacity:.94}
.mauthForm label{color:var(--muted)}
.mauthPanel .gauthField input{background:var(--surface2);border-color:var(--line);color:var(--text)}
.mauthPanel .gauthField input::placeholder{color:var(--muted2)}
.mauthPanel .gauthField input:focus{background:var(--surface2);border-color:color-mix(in srgb,var(--blue) 62%,var(--line));box-shadow:none!important;outline:2px solid color-mix(in srgb,var(--blue) 18%,transparent);outline-offset:0}
.mauthPanel .gauthReveal{color:var(--muted)}
.mauthPanel .gauthMeta{color:var(--muted2)}
.mauthPanel .gauthRemember{color:var(--muted)!important}
.mauthPanel .gauthRemember input{background:var(--surface2);border-color:color-mix(in srgb,var(--blue) 50%,var(--line))}
.mauthPanel .gauthRemember input:checked{background:var(--blue);border-color:var(--blue)}
.mauthSubmit{background:linear-gradient(135deg,#2588ff,#6855f6)!important;border-color:#438df1!important;color:#fff!important;box-shadow:none!important}
.mauthSubmit:hover{filter:brightness(1.045)!important;box-shadow:none!important}
.mauthSecondary{background:var(--surface2)!important;border-color:var(--line2)!important;color:var(--blue2)!important;box-shadow:none!important}
.mauthPanel .gauthSwitch small,.mauthPanel .gauthFoot{color:var(--muted2)}
.mauthPanel .gauthFoot b{color:var(--muted)}
.mauthPanel .formMsg{color:#e5838c}
.mauthMedia{background:#0b1018;border-color:var(--line)}
.mauthVideo{background:#0b1018}
.mauthMediaFallback{background:radial-gradient(circle at 60% -10%,rgba(47,143,255,.30),transparent 43%),radial-gradient(circle at 95% 88%,rgba(116,72,255,.18),transparent 38%),linear-gradient(180deg,#151c29 0%,#0f151f 58%,#111722 100%)}
.mauthMediaFallback:before,.mauthMediaFallback:after{background:rgba(55,119,255,.12);opacity:.18!important;filter:none!important}
.mauthMedia .gauthPattern{opacity:.16;background-image:radial-gradient(circle at 20px 20px,rgba(121,161,224,.24) 1px,transparent 2px)}
.mauthMedia .gauthDemoCard{border-color:rgba(131,156,198,.14);background:rgba(13,19,29,.66);box-shadow:none!important}
.mauthMedia .gauthDemoTop{border-color:rgba(131,156,198,.1)}
.mauthMedia .gauthDemoTop i,.mauthMedia .gauthDemoRow span{background:#627086}
.mauthMedia .gauthDemoRow{border-color:rgba(131,156,198,.1)}
.mauthMedia .gauthDemoRow b{background:#46566e}
.mauthVideoHint{border-color:var(--line2);background:color-mix(in srgb,var(--surface) 88%,transparent);color:var(--muted)}
.mauthVideoHint b{color:var(--text)}
.mauthVideoHint code{color:var(--blue2);background:rgba(38,135,255,.10)}
html[data-theme="light"] .mauthMedia{background:#e9eef6}
html[data-theme="light"] .mauthVideo{background:#e9eef6}
html[data-theme="light"] .mauthMediaFallback{background:radial-gradient(circle at 60% -10%,rgba(47,143,255,.18),transparent 43%),radial-gradient(circle at 95% 88%,rgba(116,72,255,.11),transparent 38%),linear-gradient(180deg,#f5f8fc 0%,#edf2f8 58%,#f2f5fa 100%)}
html[data-theme="light"] .mauthBrandMark{border-color:rgba(38,67,110,.08)}
@media (min-width:861px){
  .mauthStage{align-items:start}
  .mauthPanel{min-height:0!important;height:auto;overflow:hidden;padding:0!important;align-self:start}
  .mauthMedia{min-height:0;height:auto;aspect-ratio:var(--gauth-video-ratio,16 / 9);align-self:start}
  .mauthVideo{width:100%;height:100%;object-fit:contain;object-position:center}
}
@media(max-width:1160px) and (min-width:861px){.mauthStage{width:calc(100% - 40px)}}
@media(max-width:860px){.mauthStage{max-width:560px;padding:20px 0 30px}.mauthPanel{border-right:1px solid var(--line)}.mauthMedia{margin-top:12px}}
@media(max-width:600px){.mauthStage{width:calc(100% - 20px);padding-top:12px}}

/* Custom Guarantee logo uploaded from admin */
.gsiteBrandImage{display:block;max-width:154px;width:auto;height:42px;object-fit:contain;object-position:left center}
.gauthBrandImage{display:block;max-width:190px;width:auto;height:42px;object-fit:contain;object-position:left center}
.guaranteeLogoPreview img{max-height:70px;max-width:100%;object-fit:contain}
@media(max-width:900px){.gsiteBrandImage{height:36px;max-width:132px}.gauthBrandImage{height:38px;max-width:170px}}
@media(max-width:560px){.gsiteBrandImage{height:32px;max-width:116px}}

/* v54 — Guarantee header logo/structure synced with the main site */
@media (min-width:901px){
  .gsiteHeaderInner{
    width:min(1120px,calc(100% - 40px));
    max-width:none;
    padding:0;
    grid-template-columns:190px minmax(320px,1fr) 118px 132px;
    gap:24px;
  }
  .gsiteBrand{
    width:178px;
    min-width:178px;
    height:44px;
    padding:0;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    overflow:hidden;
  }
  .gsiteBrandImage{
    display:block;
    max-width:174px;
    max-height:42px;
    width:auto;
    height:auto;
    object-fit:contain;
    object-position:left center;
  }
}
@media (max-width:1160px) and (min-width:901px){
  .gsiteHeaderInner{
    grid-template-columns:150px minmax(250px,1fr) 110px 128px;
    gap:12px;
  }
  .gsiteBrand{width:145px;min-width:145px}
  .gsiteBrandImage{max-width:142px;max-height:42px}
}
@media (max-width:900px){
  .gsiteBrand{
    width:auto;
    min-width:0;
    height:40px;
    padding:0;
    overflow:hidden;
  }
  .gsiteBrandImage{
    display:block;
    max-width:142px;
    max-height:38px;
    width:auto;
    height:auto;
    object-fit:contain;
    object-position:left center;
  }
}
@media (max-width:560px){
  .gsiteBrand{width:44px;min-width:44px}
  .gsiteBrandImage{max-width:42px;max-height:38px}
}

/* v55 — Guarantee uploaded logo hover matches the main-site logo behavior. */
.gsiteBrandImage,
.gauthBrandImage{
  filter:brightness(0) invert(1) opacity(.88) drop-shadow(0 5px 14px rgba(0,0,0,.13));
  transition:filter .28s cubic-bezier(.22,.61,.36,1),opacity .28s ease;
  will-change:filter;
}
.gsiteBrand:hover .gsiteBrandImage,
.gsiteBrand:focus-visible .gsiteBrandImage,
.gauthBrand:hover .gauthBrandImage,
.gauthBrand:focus-visible .gauthBrandImage{
  filter:drop-shadow(0 5px 14px rgba(0,0,0,.13));
}


/* Guarantee auth: compact centered icon instead of the full site logo. */
.gauthAuthIcon{
  width:44px;height:44px;margin:0 auto 30px;padding:0;border:0;background:transparent;
  display:grid;place-items:center;cursor:pointer;color:#2caf79;flex:0 0 auto;
}
.gauthAuthIcon img{display:block;max-width:42px;max-height:42px;width:auto;height:auto;object-fit:contain}
.gauthAuthIcon span{width:38px;height:38px;display:grid;place-items:center}
.gauthAuthIcon svg{width:32px;height:32px}
.gauthAuthIcon:hover{opacity:.9}
.guaranteeAuthIconPreview{min-height:92px}
.guaranteeAuthIconPreview img{max-width:76px;max-height:76px;object-fit:contain}
@media (min-width:861px){.gauthAuthIcon{margin-bottom:26px}}
@media (max-width:520px){.gauthAuthIcon{width:40px;height:40px;margin-bottom:24px}.gauthAuthIcon img{max-width:38px;max-height:38px}.gauthAuthIcon svg{width:29px;height:29px}}

/* Centered auth identity for both Market and Guarantee */
.authCenteredTitle{text-align:center}
.mauthAuthIcon{width:44px;height:44px;margin:0 auto 26px;padding:0;border:0;background:transparent;display:grid;place-items:center;cursor:pointer;flex:0 0 auto}
.mauthAuthIcon img{display:block;max-width:42px;max-height:42px;width:auto;height:auto;object-fit:contain}
.mauthAuthIcon .mauthBrandMark{margin:0}
.siteAuthIconPreview{min-height:92px}
.siteAuthIconPreview img{max-width:76px;max-height:76px;object-fit:contain}
.gauthPanel .authCenteredTitle,.mauthPanel .authCenteredTitle{text-align:center}
@media(max-width:520px){.mauthAuthIcon{width:40px;height:40px;margin-bottom:24px}.mauthAuthIcon img{max-width:38px;max-height:38px}}

/* v66 — floating admin control + stronger service actions */
.adminCornerWidget{
  position:fixed;
  top:82px;
  right:18px;
  z-index:46;
  height:44px;
  padding:0 12px 0 8px;
  display:flex;
  align-items:center;
  gap:9px;
  border:1px solid rgba(106,164,255,.24);
  border-radius:14px;
  background:linear-gradient(145deg,rgba(24,34,51,.95),rgba(16,23,36,.96));
  color:#eaf3ff;
  cursor:pointer;
  box-shadow:0 10px 28px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.055);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease;
}
.adminCornerWidget:hover{
  transform:translateY(-1px);
  border-color:rgba(111,176,255,.48);
  background:linear-gradient(145deg,rgba(31,47,72,.97),rgba(18,28,44,.98));
  box-shadow:0 13px 34px rgba(0,0,0,.28),0 0 0 1px rgba(74,144,244,.08),inset 0 1px 0 rgba(255,255,255,.07);
}
.adminCornerWidget:active{transform:translateY(0)}
.adminCornerIcon{
  width:29px;height:29px;display:grid;place-items:center;flex:0 0 29px;
  border-radius:10px;color:#8fc2ff;
  background:linear-gradient(145deg,rgba(55,137,255,.22),rgba(114,82,255,.16));
  box-shadow:inset 0 0 0 1px rgba(115,177,255,.12);
}
.adminCornerIcon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.adminCornerText{display:flex;flex-direction:column;align-items:flex-start;line-height:1}
.adminCornerText b{font-size:11.5px;font-weight:850;letter-spacing:.01em}
.adminCornerText small{margin-top:4px;font-size:8.5px;color:#8c9ab0;font-weight:650}
html[data-theme="light"] .adminCornerWidget{background:rgba(255,255,255,.94);color:#20334f;border-color:rgba(45,112,204,.18);box-shadow:0 10px 26px rgba(43,67,99,.13),inset 0 1px 0 #fff}
html[data-theme="light"] .adminCornerWidget:hover{background:#fff;border-color:rgba(45,112,204,.32)}

.homeFeatureBar .headerFeature{
  height:38px!important;
  padding:0 15px 0 9px!important;
  gap:9px!important;
  border-radius:13px!important;
  font-size:11.4px!important;
  font-weight:820!important;
  color:#d8e3f2!important;
  border-color:rgba(116,145,188,.22)!important;
  background:linear-gradient(180deg,rgba(29,39,55,.92),rgba(20,28,41,.90))!important;
  box-shadow:0 7px 19px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.045)!important;
}
.homeFeatureBar .headerFeatureIcon{
  width:27px!important;height:27px!important;border-radius:9px!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.045);
}
.homeFeatureBar .headerFeatureSvg{width:16px!important;height:16px!important;stroke-width:1.95!important}
.homeFeatureBar .headerFeature.guarantee{
  border-color:rgba(58,214,154,.26)!important;
  background:linear-gradient(180deg,rgba(25,54,48,.96),rgba(17,35,33,.94))!important;
  color:#d9fff0!important;
}
.homeFeatureBar .headerFeature.guarantee .headerFeatureIcon{color:#59e3ab!important;background:rgba(56,213,151,.15)!important;box-shadow:inset 0 0 0 1px rgba(83,232,174,.12)}
.homeFeatureBar .headerFeature.unlock{
  border-color:rgba(75,150,255,.29)!important;
  background:linear-gradient(180deg,rgba(28,47,76,.96),rgba(19,32,52,.94))!important;
  color:#e2efff!important;
}
.homeFeatureBar .headerFeature.unlock .headerFeatureIcon{color:#84b9ff!important;background:rgba(63,133,234,.16)!important;box-shadow:inset 0 0 0 1px rgba(103,166,255,.12)}
.homeFeatureBar .headerFeature.api{
  border-color:rgba(154,107,255,.28)!important;
  background:linear-gradient(180deg,rgba(48,38,74,.96),rgba(31,26,50,.94))!important;
  color:#f0e8ff!important;
}
.homeFeatureBar .headerFeature.api .headerFeatureIcon{color:#bc9aff!important;background:rgba(143,91,244,.16)!important;box-shadow:inset 0 0 0 1px rgba(173,127,255,.13)}
.homeFeatureBar .headerFeature:hover{
  transform:translateY(-1px)!important;
  filter:brightness(1.10);
  box-shadow:0 10px 24px rgba(0,0,0,.17),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
html[data-theme="light"] .homeFeatureBar .headerFeature{color:#2a405e!important;box-shadow:0 6px 16px rgba(42,62,88,.07),inset 0 1px 0 #fff!important}
html[data-theme="light"] .homeFeatureBar .headerFeature.guarantee{background:linear-gradient(180deg,#effcf6,#e8f8f0)!important;border-color:rgba(37,170,116,.20)!important;color:#24654a!important}
html[data-theme="light"] .homeFeatureBar .headerFeature.unlock{background:linear-gradient(180deg,#eef5ff,#e9f1fc)!important;border-color:rgba(54,119,210,.19)!important;color:#315f9f!important}
html[data-theme="light"] .homeFeatureBar .headerFeature.api{background:linear-gradient(180deg,#f5f0ff,#eee8fb)!important;border-color:rgba(122,76,205,.18)!important;color:#6944a7!important}
@media(max-width:760px){
  .adminCornerWidget{top:69px;right:10px;height:39px;padding:0 8px;border-radius:12px}
  .adminCornerIcon{width:27px;height:27px;flex-basis:27px}
  .adminCornerText small{display:none}.adminCornerText b{font-size:10.5px}
  .homeFeatureBar .headerFeature{height:35px!important;font-size:10.6px!important;padding-right:12px!important}
}

/* v56 - Guarantee authorization palette synced with Guarantee main page */
.gauthSite{
  background:
    radial-gradient(circle at 56% 8%,rgba(32,111,76,.055),transparent 34%),
    #0b0f0d;
}
.gauthSite .gauthPanel{
  background:#101613;
  border-color:rgba(150,174,161,.085);
}
.gauthSite .gauthPanel h1{color:#dce4df}
.gauthSite .gauthLead,.gauthSite .gauthForm label{color:#87978f}
.gauthSite .gauthField input{
  background:#0d120f;
  border-color:rgba(150,174,161,.095);
  color:#ced8d2;
}
.gauthSite .gauthField input::placeholder{color:#66766e}
.gauthSite .gauthField input:focus{
  background:#0d120f;
  border-color:rgba(55,153,106,.34);
  box-shadow:0 0 0 3px rgba(42,143,98,.055)!important;
}
.gauthSite .gauthRemember input{background:#0d120f;border-color:rgba(55,153,106,.28)}
.gauthSite .gauthRemember input:checked{background:#2a9f6e;border-color:#2a9f6e}
.gauthSite .gauthSubmit{
  background:#2a9f6e;
  border-color:#2a9f6e;
  color:#07120d;
}
.gauthSite .gauthSubmit:hover{background:#2ca874;filter:none!important}
.gauthSite .gauthSecondary{
  background:#151c18;
  border-color:rgba(150,174,161,.10);
  color:#9fb0a7;
}
.gauthSite .gauthSecondary:hover{background:#19211c;border-color:rgba(75,156,115,.16)}
.gauthSite .gauthMedia,.gauthSite .gauthVideo{background:#0b0f0d}
.gauthSite .gauthMedia{border-color:rgba(150,174,161,.085)}
.gauthSite .gauthMediaFallback{
  background:
    radial-gradient(circle at 77% 44%,rgba(35,128,88,.105),transparent 35%),
    linear-gradient(115deg,#111814,#0e1512 67%,#101713);
}
.gauthSite .gauthMediaFallback:before,.gauthSite .gauthMediaFallback:after{background:rgba(35,128,88,.08);opacity:.18}
.gauthSite .gauthVideoHint{background:rgba(11,15,13,.88);border-color:rgba(150,174,161,.095)}
@media(max-width:860px){
  .gauthSite .gauthPanel{border-right-color:rgba(150,174,161,.085)}
}

/* Guarantee infinite icon showcase */
.gshowcase{position:relative;overflow:hidden;margin:0 0 18px;padding:18px 0;border:1px solid rgba(79,105,91,.28);border-radius:24px;background:linear-gradient(180deg,rgba(15,22,19,.94),rgba(10,15,13,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 20px 50px rgba(0,0,0,.16)}
.gshowRow{overflow:hidden;padding:6px 0}.gshowTrack{display:flex;width:max-content;gap:14px;will-change:transform;animation:gshowMove 34s linear infinite}.gshowRow.reverse .gshowTrack{animation-name:gshowMoveReverse;animation-duration:39s}
.gshowCard{width:74px;height:74px;flex:0 0 74px;display:grid;place-items:center;border-radius:15px;border:1px solid rgba(111,136,122,.20);background:linear-gradient(145deg,rgba(23,32,28,.92),rgba(13,19,16,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 8px 18px rgba(0,0,0,.16);overflow:hidden}
.gshowCard img{width:100%;height:100%;object-fit:cover;display:block}.gshowCard svg{width:34px;height:34px;color:#5dd99c;opacity:.78}.gshowFade{position:absolute;z-index:3;top:0;bottom:0;width:110px;pointer-events:none}.gshowFade.left{left:0;background:linear-gradient(90deg,#0d1411 10%,rgba(13,20,17,0))}.gshowFade.right{right:0;background:linear-gradient(270deg,#0d1411 10%,rgba(13,20,17,0))}
@keyframes gshowMove{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 7px))}}@keyframes gshowMoveReverse{from{transform:translateX(calc(-50% - 7px))}to{transform:translateX(0)}}
.adminGuaranteeShowcasePreview{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.adminShowcaseItem{position:relative;width:70px;height:70px;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.10);background:#101714}.adminShowcaseItem img{width:100%;height:100%;object-fit:cover;display:block}.adminShowcaseItem button{position:absolute;right:4px;top:4px;width:22px;height:22px;border:0;border-radius:7px;background:rgba(7,10,9,.82);color:#fff;cursor:pointer}.adminShowcaseFoot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px}.adminShowcaseFoot small{color:var(--muted)}
@media(max-width:760px){.gshowcase{border-radius:18px;padding:12px 0}.gshowTrack{gap:10px}.gshowCard{width:60px;height:60px;flex-basis:60px;border-radius:13px}.gshowFade{width:55px}.adminShowcaseFoot{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.gshowTrack{animation-duration:90s}}
.adminShowcaseCounter{display:flex;align-items:baseline;gap:7px;margin-top:16px;color:var(--muted)}
.adminShowcaseCounter b{font-size:22px;color:var(--text)}
.adminShowcaseItem span{position:absolute;left:5px;bottom:5px;min-width:20px;height:19px;padding:0 5px;display:grid;place-items:center;border-radius:6px;background:rgba(7,10,9,.76);color:rgba(255,255,255,.86);font-size:10px;font-weight:800;pointer-events:none}

/* Guarantee trust banner under icon showcase */
.gtrustBanner{position:relative;overflow:visible;display:flex;align-items:center;gap:11px;min-height:66px;margin:0 0 22px;padding:0 24px;border:1px solid rgba(73,112,94,.24);border-radius:15px;background:linear-gradient(180deg,rgba(13,20,17,.98),rgba(10,16,13,.99));box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 12px 28px rgba(0,0,0,.12)}
.gtrustBanner:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 5% 50%,rgba(48,174,120,.07),transparent 23%)}
.gtrustMiniIcon{position:relative;z-index:1;flex:0 0 auto;width:27px;height:27px;display:grid;place-items:center;border:1px solid rgba(86,213,157,.17);border-radius:9px;background:rgba(38,132,92,.12);color:#56c995;box-shadow:inset 0 0 12px rgba(61,199,139,.06)}
.gtrustMiniIcon svg{width:17px;height:17px}
.gtrustLine{position:relative;z-index:1;min-width:0;color:#eef3f0;font-size:15px;line-height:1.35;font-weight:800;letter-spacing:-.012em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gNoScamTag{position:absolute;z-index:4;right:14px;top:-18px;width:132px;height:45px;display:block;transform:rotate(-4.5deg);transform-origin:center;filter:drop-shadow(0 7px 12px rgba(0,0,0,.34));pointer-events:none}
.gNoScamTag svg{display:block;width:100%;height:100%;overflow:visible}
@media(max-width:760px){.gtrustBanner{min-height:62px;padding:0 17px;gap:9px}.gtrustLine{font-size:13px;padding-right:118px}.gNoScamTag{right:10px;top:-16px;width:120px;height:40px}}
@media(max-width:520px){.gtrustBanner{border-radius:13px}.gtrustMiniIcon{width:25px;height:25px;border-radius:8px}.gtrustLine{font-size:12px;padding-right:92px}.gNoScamTag{top:-14px;right:7px;width:102px;height:34px}}

/* Guarantee safety article */
.gSafetyArticle{position:relative;margin:0 0 28px;border:1px solid rgba(73,112,94,.24);border-radius:18px;background:linear-gradient(180deg,rgba(13,20,17,.985),rgba(9,14,12,.99));box-shadow:none;overflow:visible}
.gSafetyArticleHead{display:flex;align-items:center;gap:13px;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.055);background:linear-gradient(180deg,rgba(255,255,255,.015),transparent)}
.gSafetyArticleIcon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:11px;color:#55d99c;background:rgba(48,174,120,.09);border:1px solid rgba(70,215,145,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.gSafetyArticleIcon svg{width:20px;height:20px}.gSafetyArticleHead>div:first-child{min-width:0;flex:1}.gSafetyArticleHead span{display:block;margin-bottom:4px;color:#5fa786;font-size:9px;font-weight:800;letter-spacing:.13em}.gSafetyArticleHead h2{margin:0;color:#e7ece9;font-size:17px;line-height:1.3;font-weight:760}.gSafetyArticlePin{position:absolute;z-index:12;top:-13px;right:-10px;width:44px;height:44px;display:grid;place-items:center;pointer-events:none;transform:none;filter:none}.gSafetyArticlePin svg{width:100%;height:100%;display:block;overflow:visible}
.gSafetyArticleBody{position:relative;max-height:430px;overflow:hidden;padding:20px 22px 34px;color:#aeb9b3;font-size:13px;line-height:1.72;transition:max-height .55s cubic-bezier(.22,.8,.25,1)}
.gSafetyArticle.open .gSafetyArticleBody{max-height:4200px}.gSafetyArticleBody p{margin:0 0 15px}.gSafetyArticleBody strong{color:#dce5e0}.gSafetyLead{font-size:14px;color:#c9d2cd!important}.gSafetyArticleBody h3{margin:25px 0 9px;color:#eef3f0;font-size:15px;line-height:1.35}.gSafetyArticleBody h3:first-of-type{margin-top:22px}
.gSafetyQuestion{margin:18px 0 8px;padding:15px 17px;border:1px solid rgba(66,167,119,.13);border-radius:13px;background:linear-gradient(135deg,rgba(38,111,78,.10),rgba(20,31,26,.18))}.gSafetyQuestion small{display:block;margin-bottom:6px;color:#5faf87;font-size:9px;font-weight:850;letter-spacing:.12em}.gSafetyQuestion strong{display:block;margin-bottom:7px;font-size:15px}.gSafetyQuestion p{margin:0;color:#aeb9b3}
.gSafetyFlow{display:flex;align-items:center;justify-content:center;gap:10px;margin:15px 0 18px;flex-wrap:wrap}.gSafetyFlow span{padding:8px 12px;border:1px solid rgba(255,255,255,.065);border-radius:9px;background:#111915;color:#c5d0ca;font-size:12px;font-weight:700}.gSafetyFlow span.active{border-color:rgba(66,198,132,.20);background:rgba(45,153,101,.10);color:#72d5a5}.gSafetyFlow b{color:#4f705f;font-size:15px}
.gSafetyArticleBody ol{margin:0 0 17px;padding-left:22px}.gSafetyArticleBody ol li{margin:6px 0;padding-left:3px}.gSafetyWarn{display:flex;gap:11px;align-items:flex-start;margin:16px 0;padding:12px 14px;border:1px solid rgba(255,79,79,.14);border-radius:12px;background:rgba(114,31,31,.07)}.gSafetyWarn>span{display:grid;place-items:center;width:26px;height:26px;flex:0 0 auto;border-radius:8px;background:rgba(255,66,66,.11);color:#ff6a6a;font-weight:900}.gSafetyWarn b{display:block;margin-bottom:2px;color:#f2d3d3}.gSafetyWarn p{margin:0;color:#ba9d9d;font-size:12px}
.gSafetySides{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0 17px}.gSafetySides>div{padding:13px;border:1px solid rgba(255,255,255,.055);border-radius:12px;background:rgba(255,255,255,.014)}.gSafetySides b{display:block;margin-bottom:5px;color:#dbe5df;font-size:12px}.gSafetySides span{display:block;color:#91a099;font-size:11px;line-height:1.55}
.gSafetyQuotes{display:flex;flex-wrap:wrap;gap:7px;margin:13px 0 16px}.gSafetyQuotes span{padding:7px 9px;border:1px solid rgba(255,85,85,.11);border-radius:8px;background:rgba(110,30,30,.055);color:#ca9b9b;font-size:11px;font-weight:650}.gSafetyChecklist{list-style:none;margin:13px 0 18px;padding:0}.gSafetyChecklist li{position:relative;margin:7px 0;padding:9px 11px 9px 34px;border:1px solid rgba(255,255,255,.045);border-radius:9px;background:rgba(255,255,255,.012)}.gSafetyChecklist li:before{content:'✓';position:absolute;left:11px;top:8px;color:#56cb92;font-weight:900}
.gSafetyFinal{display:flex;align-items:center;gap:10px;margin:21px 0 2px;padding:14px 15px;border:1px solid rgba(64,204,134,.15);border-radius:12px;background:linear-gradient(135deg,rgba(45,151,100,.10),rgba(20,29,25,.12))}.gSafetyFinal span{color:#5bd49a;display:grid;place-items:center}.gSafetyFinal svg{width:19px;height:19px}.gSafetyFinal strong{font-size:13px;line-height:1.45}
.gSafetyArticleFade{position:absolute;z-index:2;left:0;right:0;bottom:52px;height:115px;pointer-events:none;background:linear-gradient(180deg,rgba(9,14,12,0),rgba(9,14,12,.88) 58%,rgba(9,14,12,1))}.gSafetyArticle.open .gSafetyArticleFade{opacity:0;visibility:hidden}.gSafetyArticleToggle{position:relative;z-index:3;width:100%;height:52px;border:0;border-top:1px solid rgba(255,255,255,.045);display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(180deg,rgba(15,23,19,.92),rgba(11,17,14,.99));color:#c9d1cd;font:700 12px Inter,system-ui,sans-serif;cursor:pointer;transition:.2s}.gSafetyArticleToggle:hover{color:#fff;background:linear-gradient(180deg,rgba(18,29,24,.98),rgba(12,20,16,.99))}.gSafetyArticleToggle b{color:#69947d;font-size:14px;line-height:1}
@media(max-width:760px){.gSafetyArticleHead{padding:15px 44px 15px 15px}.gSafetyArticleHead h2{font-size:15px}.gSafetyArticlePin{top:-9px;right:-7px;width:36px;height:36px}.gSafetyArticlePin svg{width:100%;height:100%}.gSafetyArticleBody{padding:17px 16px 30px;max-height:390px;font-size:12px}.gSafetySides{grid-template-columns:1fr}.gSafetyFlow{gap:7px}.gSafetyFlow span{font-size:11px;padding:7px 9px}.gSafetyArticle.open .gSafetyArticleBody{max-height:5200px}}


/* Guarantee page — clean flat surfaces, no heavy/drop shadows */
.gsite .gshowcase,
.gsite .gshowCard,
.gsite .gtrustBanner,
.gsite .gtrustMiniIcon,
.gsite .gSafetyArticle,
.gsite .gSafetyArticlePin,
.gsite .gsiteProfileMenu,
.gsite .gsiteNav button.active{box-shadow:none!important;}
.gsite .gNoScamTag,
.gsite .gsiteShieldBig{filter:none!important;}
.gsite .gshowcase,
.gsite .gshowCard,
.gsite .gtrustBanner,
.gsite .gSafetyArticle{filter:none!important;}

/* v63 social messages + notification center */
.socialHeaderControls{display:flex;align-items:center;gap:4px;position:relative;overflow:visible!important}
.socialHeadItem{position:relative;display:flex;align-items:center}
.headActions .socialHeadBtn,.gsiteHeaderIcons .socialHeadBtn{width:38px!important;min-width:38px!important;height:38px!important;border:0!important;border-radius:11px!important;background:transparent!important;color:var(--muted)!important;display:grid!important;place-items:center!important;padding:0!important;position:relative;cursor:pointer;transition:background .18s ease,color .18s ease}
.headActions .socialHeadBtn:hover{background:var(--surface2)!important;color:var(--text)!important;transform:none!important}
.socialHeadSvg{width:21px;height:21px;display:block}
.socialBadge{position:absolute;right:1px;top:0;min-width:16px;height:16px;padding:0 4px;border-radius:9px;background:#f04462;color:white;border:2px solid var(--surface);font-size:9px;font-weight:900;line-height:12px;text-align:center;z-index:3}
.socialPopover{position:absolute;top:48px;right:-8px;width:min(390px,calc(100vw - 24px));max-height:430px;overflow:hidden;border:1px solid var(--line);border-radius:15px;background:var(--surface);box-shadow:0 22px 70px rgba(0,0,0,.35);z-index:300;color:var(--text);text-align:left}
.socialPopHead{height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 14px;border-bottom:1px solid var(--line)}
.socialPopHead b{font-size:13px}.socialPopHead button{width:auto!important;min-width:0!important;height:auto!important;border:0!important;background:none!important;color:#6faaff!important;padding:0!important;font-size:10px!important;font-weight:750!important;white-space:nowrap}
.socialPopBody{max-height:370px;overflow:auto;padding:5px}
.socialPopRow{position:relative;width:100%!important;height:auto!important;min-height:64px!important;display:grid!important;grid-template-columns:38px minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;text-align:left!important;border:0!important;border-radius:11px!important;background:transparent!important;padding:8px 10px!important;color:var(--text)!important;transform:none!important;box-shadow:none!important}
.socialPopRow:hover{background:var(--surface2)!important}.socialPopRow>span:nth-child(2){min-width:0}.socialPopRow b,.socialPopRow small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.socialPopRow b{font-size:11px}.socialPopRow small{margin-top:4px;color:var(--muted);font-size:10px;font-weight:500}.socialPopRow time{align-self:start;margin-top:7px;color:var(--muted2);font-size:8px;white-space:nowrap}.socialPopRow em{position:absolute;right:10px;bottom:10px;min-width:18px;height:18px;border-radius:9px;background:#2687ff;color:#fff;font-size:9px;font-style:normal;display:grid;place-items:center;padding:0 4px}.socialPopRow.notification{grid-template-columns:38px minmax(0,1fr) auto!important}.socialPopRow.notification.unread:after{content:"";position:absolute;left:4px;top:50%;width:4px;height:4px;border-radius:50%;background:#2f8fff}.socialNotifIcon{width:36px;height:36px;border-radius:10px;background:var(--surface2);display:grid!important;place-items:center;color:#6faaff}.socialNotifIcon svg{width:18px;height:18px}.socialPopEmpty,.socialPopLoading{padding:32px 16px;text-align:center;color:var(--muted);font-size:11px}
.socialAvatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:linear-gradient(145deg,#173a35,#264c44);color:#6df0c5;border:1px solid rgba(90,220,181,.18);font-size:12px;font-weight:850}.socialAvatar.small{width:36px;height:36px;font-size:10px}.socialAvatar.tiny{width:28px;height:28px;font-size:9px}
.gsiteHeaderIcons.socialHeaderControls{justify-content:flex-end;gap:2px;overflow:visible!important}.gsiteHeaderIcons .socialHeadBtn{color:#7f9087!important}.gsiteHeaderIcons .socialHeadBtn:hover{background:rgba(255,255,255,.035)!important;color:#b4c9c0!important}.gsiteHeaderIcons .socialBadge{border-color:#061917;background:#31b983}.guaranteeSocialHead .socialPopover{background:#071d1a;border-color:rgba(66,133,116,.25);color:#dcebe6}.guaranteeSocialHead .socialPopHead,.guaranteeSocialHead .socialPopRow{border-color:rgba(66,133,116,.18)}.guaranteeSocialHead .socialPopRow:hover,.guaranteeSocialHead .socialNotifIcon{background:#0b2925!important}.guaranteeSocialHead .socialPopRow small,.guaranteeSocialHead .socialPopRow time,.guaranteeSocialHead .socialPopEmpty{color:#78968e}

.socialChatPage{padding-top:22px;padding-bottom:50px}.socialChatShell{height:min(760px,calc(100vh - 150px));min-height:560px;border:1px solid var(--line);border-radius:18px;background:var(--surface);overflow:hidden;display:grid;grid-template-columns:330px minmax(0,1fr);box-shadow:0 18px 55px rgba(0,0,0,.12)}
.socialChatSidebar{position:relative;border-right:1px solid var(--line);min-width:0;background:color-mix(in srgb,var(--surface) 96%,var(--bg));display:flex;flex-direction:column}.socialChatSearch{margin:14px 14px 10px;height:42px;border:1px solid var(--line);border-radius:11px;background:var(--surface2);display:grid;grid-template-columns:32px minmax(0,1fr) 34px;align-items:center;padding:0 5px 0 8px}.socialChatSearch>span{display:grid;place-items:center;color:var(--muted)}.socialChatSearch svg{width:18px;height:18px}.socialChatSearch input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:12px}.socialChatSearch button{width:31px;height:31px;border:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer;display:grid;place-items:center}.socialChatSearch button:hover{background:var(--surface);color:var(--text)}.socialChatSearch button svg{width:17px;height:17px}
.socialSearchResults{position:absolute;left:14px;right:14px;top:60px;z-index:20;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 18px 45px rgba(0,0,0,.3);max-height:280px;overflow:auto;padding:5px}.socialSearchResults>button{width:100%;border:0;border-radius:9px;background:transparent;color:var(--text);display:grid;grid-template-columns:36px minmax(0,1fr);gap:9px;align-items:center;text-align:left;padding:7px;cursor:pointer}.socialSearchResults>button:hover{background:var(--surface2)}.socialSearchResults>button span{min-width:0}.socialSearchResults b,.socialSearchResults small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.socialSearchResults b{font-size:11px}.socialSearchResults small{margin-top:2px;color:var(--muted);font-size:9px}.socialSearchResults>div{padding:20px;text-align:center;color:var(--muted);font-size:10px}
.socialChatTabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:0 14px 10px}.socialChatTabs button{height:50px;border:1px solid transparent;border-radius:10px;background:var(--surface2);color:var(--muted);font-size:10px;font-weight:750;cursor:pointer}.socialChatTabs button.active{color:#29c792;border-color:rgba(41,199,146,.16);background:rgba(41,199,146,.07)}.socialConversationList{overflow:auto;min-height:0;flex:1;padding:0 7px 10px}.socialConversation{position:relative;width:100%;display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:9px;align-items:center;border:0;border-radius:12px;background:transparent;color:var(--text);padding:9px;text-align:left;cursor:pointer}.socialConversation:hover{background:var(--surface2)}.socialConversation.active{background:color-mix(in srgb,#248f70 12%,var(--surface2));box-shadow:inset 0 0 0 1px rgba(41,199,146,.1)}.socialConversation>span{min-width:0}.socialConversation b,.socialConversation small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.socialConversation b{font-size:11px}.socialConversation small{margin-top:5px;color:var(--muted);font-size:9px}.socialConversation time{align-self:start;margin-top:3px;color:var(--muted2);font-size:8px}.socialConversation em{position:absolute;right:8px;bottom:9px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#1ca678;color:white;display:grid;place-items:center;font-style:normal;font-size:8px}.socialListEmpty{padding:28px 12px;text-align:center;color:var(--muted);font-size:11px}
.socialDialog{min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;background:color-mix(in srgb,var(--surface) 98%,var(--bg))}.socialDialogEmpty,.socialDialogLoading{grid-row:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);text-align:center;gap:10px}.socialDialogEmpty b{color:var(--text);font-size:13px}.socialDialogEmpty small{font-size:10px}.socialEmptyArt{width:90px;height:90px;border-radius:28px;display:grid;place-items:center;background:var(--surface2);color:#2eba8a;margin-bottom:3px}.socialEmptySvg{width:44px;height:44px}.socialDialogHead{height:66px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:42px minmax(0,1fr) 38px;gap:11px;align-items:center;padding:0 17px}.socialDialogHead>div{min-width:0}.socialDialogHead b,.socialDialogHead small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.socialDialogHead b{font-size:12px}.socialDialogHead small{font-size:9px;color:var(--muted);margin-top:3px}.socialDialogMenu{width:34px;height:34px;border:0;border-radius:9px;background:transparent;color:var(--muted);display:grid;place-items:center}.socialDialogMenu svg{width:19px;height:19px}
.socialMessages{min-height:0;overflow:auto;padding:18px 22px 12px;display:flex;flex-direction:column;gap:8px}.socialMessage{display:flex;align-items:flex-end;gap:7px;max-width:72%;align-self:flex-start}.socialMessage.own{align-self:flex-end;flex-direction:row-reverse}.socialMessage>div{position:relative;min-width:80px;border:1px solid var(--line);border-radius:14px 14px 14px 4px;background:var(--surface2);padding:9px 10px 6px}.socialMessage.own>div{border-radius:14px 14px 4px 14px;background:rgba(29,135,103,.14);border-color:rgba(48,176,136,.16)}.socialMessage p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.45}.socialMessage footer{display:flex;justify-content:flex-end;align-items:center;gap:4px;margin-top:4px;color:var(--muted2);font-size:8px}.socialMessage footer span:last-child{color:#36ba91}.socialMsgActions{position:absolute!important;right:4px!important;top:-26px!important;display:none!important;gap:2px!important;padding:2px!important;border-radius:8px!important;background:var(--surface)!important;border:1px solid var(--line)!important;min-width:0!important}.socialMessage:hover .socialMsgActions{display:flex!important}.socialMsgActions button{width:24px;height:22px;border:0;border-radius:5px;background:transparent;color:var(--muted);cursor:pointer}.socialMsgActions button:hover{background:var(--surface2);color:var(--text)}.socialMessage.deleted>div{opacity:.62;font-size:10px;color:var(--muted);padding:8px 10px}.socialMessage.deleted i{font-style:normal}.socialMessage.deleted time{margin-left:7px;font-size:8px}.socialReplyPreview{display:block;width:100%;border:0;border-left:2px solid #35b88d;background:transparent;color:var(--text);text-align:left;padding:2px 0 2px 7px;margin:0 0 6px;cursor:pointer}.socialReplyPreview b,.socialReplyPreview span{display:block;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.socialReplyPreview b{font-size:8px;color:#52cba5}.socialReplyPreview span{font-size:9px;color:var(--muted)}.socialNoMessages{margin:auto;color:var(--muted);font-size:11px}
.socialReplyBar{margin:0 16px;border-top:1px solid var(--line);padding:7px 4px;display:flex;align-items:center;justify-content:space-between;gap:10px}.socialReplyBar>span{min-width:0;border-left:2px solid #30b98c;padding-left:8px}.socialReplyBar b,.socialReplyBar small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.socialReplyBar b{font-size:9px;color:#43bf99}.socialReplyBar small{font-size:9px;color:var(--muted);margin-top:2px}.socialReplyBar button{width:28px;height:28px;border:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer}.socialComposer{margin:10px 14px 14px;border:1px solid var(--line);border-radius:13px;background:var(--surface2);display:grid;grid-template-columns:minmax(0,1fr) 42px;align-items:end;padding:6px}.socialComposer textarea{width:100%;max-height:120px;resize:none;border:0;outline:0;background:transparent;color:var(--text);padding:8px 9px;font:inherit;font-size:12px;line-height:1.4}.socialComposer button{width:38px;height:38px;border:0;border-radius:10px;background:#1ea879;color:white;display:grid;place-items:center;cursor:pointer}.socialComposer button:disabled{opacity:.5}.socialComposer button svg{width:18px;height:18px}
@media(max-width:900px){.socialChatShell{grid-template-columns:280px minmax(0,1fr)}.socialChatTabs{grid-template-columns:repeat(2,1fr)}.socialChatTabs .marketTab{display:none}.socialMessage{max-width:86%}.gsiteHeaderIcons.socialHeaderControls{display:flex!important}}
@media(max-width:700px){.marketSocialHead{display:none}.socialChatPage{width:100%;padding:0}.socialChatShell{height:calc(100vh - 66px);min-height:0;border:0;border-radius:0;grid-template-columns:1fr}.socialChatSidebar{display:none}.socialDialog{height:100%}.socialMessage{max-width:90%}.socialMessages{padding:14px 10px}.socialDialogHead{padding:0 10px}.socialComposer{margin:7px}.socialPopover{position:fixed;top:62px;right:8px;left:8px;width:auto}.gsiteHeaderIcons.socialHeaderControls{display:flex!important;position:absolute;right:74px}.gsiteHeaderIcons .socialPopover{top:58px;right:0;left:auto;width:min(370px,calc(100vw - 16px))}}

/* v64 social surfaces — flat, lightly transparent and context-aware */
.socialPopover{
  background:color-mix(in srgb,var(--surface) 88%,transparent)!important;
  -webkit-backdrop-filter:blur(16px) saturate(115%);
  backdrop-filter:blur(16px) saturate(115%);
  box-shadow:none!important;
}
.socialChatShell,.socialSearchResults,.socialConversation.active,.socialMsgActions{box-shadow:none!important}
.socialSearchResults{
  background:color-mix(in srgb,var(--surface) 92%,transparent)!important;
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
}
.guaranteeSocialHead .socialPopover{
  background:rgba(8,24,21,.88)!important;
  border-color:rgba(72,145,120,.22)!important;
  -webkit-backdrop-filter:blur(18px) saturate(112%);
  backdrop-filter:blur(18px) saturate(112%);
  box-shadow:none!important;
}
.marketSocialHead .socialPopover{border-color:color-mix(in srgb,var(--line) 88%,transparent)!important}

/* Messages opened from Garant keep the Garant visual language. */
.gmessagesSite{
  --bg:#070b09;
  --surface:#0b110e;
  --surface2:#111814;
  --line:rgba(87,125,105,.16);
  --text:#dbe5df;
  --muted:#7f9187;
  --muted2:#5f7167;
  min-height:100vh;
  background:#070b09!important;
}
.gmessagesSite .gsiteHeader{background:rgba(8,12,10,.94)!important;border-bottom-color:rgba(70,119,94,.15)!important;box-shadow:none!important}
.gmessagesSite .gmessagesHeaderTitle{color:#aebdb5;background:rgba(16,23,19,.78)!important;border-color:rgba(72,126,98,.15)!important}
.gmessagesSite .gmessagesHeaderTitle b{font-size:12px;font-weight:650;letter-spacing:.01em}
.gmessagesSite .gmessagesHeaderTitle svg{width:18px;height:18px;color:#65ab87}
.gmessagesMain{width:min(1480px,calc(100% - 42px));margin:0 auto;padding-top:24px;padding-bottom:42px}
.gmessagesSite .socialChatShell{background:#0b110e!important;border-color:rgba(82,126,103,.16)!important;border-radius:13px!important;box-shadow:none!important}
.gmessagesSite .socialChatSidebar{background:#0a100d!important;border-right-color:rgba(82,126,103,.13)!important}
.gmessagesSite .socialDialog{background:#0b110e!important}
.gmessagesSite .socialChatSearch,.gmessagesSite .socialChatTabs button,.gmessagesSite .socialComposer,.gmessagesSite .socialMessage>div,.gmessagesSite .socialEmptyArt{background:#111814!important;border-color:rgba(82,126,103,.14)!important}
.gmessagesSite .socialChatTabs button.active{background:rgba(48,145,99,.09)!important;border-color:rgba(70,173,120,.16)!important;color:#5fc995!important}
.gmessagesSite .socialConversation:hover{background:#101713!important}
.gmessagesSite .socialConversation.active{background:rgba(48,145,99,.08)!important;box-shadow:none!important}
.gmessagesSite .socialMessage.own>div{background:rgba(45,126,87,.14)!important;border-color:rgba(72,156,111,.17)!important}
.gmessagesSite .socialComposer button{background:#388d65!important}
.gmessagesSite .socialAvatar{background:#132019!important;color:#80c9a2!important;border-color:rgba(91,163,124,.18)!important}
.gmessagesSite .socialSearchResults{background:rgba(11,17,14,.93)!important;border-color:rgba(82,126,103,.16)!important;box-shadow:none!important}
.gmessagesSite .socialMsgActions{background:#0d1410!important;border-color:rgba(82,126,103,.15)!important;box-shadow:none!important}
.gmessagesSite .socialDialogHead,.gmessagesSite .socialReplyBar{border-color:rgba(82,126,103,.13)!important}
.gmessagesSite .socialHeadBtn:hover{background:rgba(255,255,255,.025)!important}
@media(max-width:900px){.gmessagesMain{width:calc(100% - 20px);padding-top:10px}.gmessagesSite .gsiteHeaderIcons.socialHeaderControls{display:flex!important}}
@media(max-width:700px){.gmessagesMain{width:100%;padding:0}.gmessagesSite .socialChatShell{border-radius:0!important}.gmessagesSite .gmessagesHeaderTitle{display:none}}


/* v65 — rebuilt Garant messages layout. Keep this block last so older shared chat rules cannot distort it. */
.gmessagesSite{
  --bg:#0b0f0d;
  --surface:#101512;
  --surface2:#141b17;
  --line:rgba(150,174,161,.09);
  --text:#dce5df;
  --muted:#7f9087;
  --muted2:#62736a;
  background:#0b0f0d!important;
}
.gmessagesSite .gmessagesHeader .gsiteHeaderInner{
  overflow:visible;
}
@media (min-width:901px){
  .gmessagesSite .gmessagesHeader .gsiteHeaderInner{
    grid-template-columns:206px minmax(300px,1fr) 90px 166px!important;
    gap:12px!important;
  }
  .gmessagesSite .gmessagesHeaderTitle{
    grid-column:2;
    width:100%;
    min-width:0;
    justify-self:stretch;
  }
  .gmessagesSite .gmessagesHeader .guaranteeSocialHead{grid-column:3}
  .gmessagesSite .gmessagesHeader .gsiteProfileBtn{grid-column:4}
}
.gmessagesSite .gmessagesHeaderTitle{
  height:46px!important;
  display:grid!important;
  grid-template-columns:28px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  padding:0 13px!important;
  background:#111714!important;
  border:1px solid rgba(150,174,161,.085)!important;
  border-radius:10px!important;
  color:#cbd5cf!important;
  box-shadow:none!important;
}
.gmessagesSite .gmessagesHeaderTitle>span{display:grid;place-items:center;color:#6d8c7d}
.gmessagesSite .gmessagesHeaderTitle>span svg{width:18px;height:18px}
.gmessagesSite .gmessagesHeaderTitle>div{min-width:0}
.gmessagesSite .gmessagesHeaderTitle b{display:block;font-size:12px;line-height:1.15;color:#d5dfd9;font-weight:650}
.gmessagesSite .gmessagesHeaderTitle small{display:block;margin-top:3px;font-size:9px;line-height:1.1;color:#6f8078;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.gmessagesMain{
  width:min(1320px,calc(100% - 36px))!important;
  margin:0 auto!important;
  padding:20px 0 34px!important;
}
.gmessagesSite .socialChatPage{box-sizing:border-box}
.gmessagesSite .socialChatShell{
  width:100%!important;
  height:calc(100vh - 142px)!important;
  min-height:600px!important;
  max-height:820px!important;
  display:grid!important;
  grid-template-columns:320px minmax(0,1fr)!important;
  overflow:hidden!important;
  border:1px solid rgba(150,174,161,.085)!important;
  border-radius:14px!important;
  background:#101512!important;
  box-shadow:none!important;
}
.gmessagesSite .socialChatSidebar{
  min-width:0!important;
  overflow:hidden!important;
  background:#0f1411!important;
  border-right:1px solid rgba(150,174,161,.075)!important;
}
.gmessagesSite .socialChatSearch{
  height:42px!important;
  margin:13px 13px 9px!important;
  border-radius:9px!important;
  background:#151c18!important;
  border-color:rgba(150,174,161,.085)!important;
  box-shadow:none!important;
}
.gmessagesSite .socialChatTabs{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:5px!important;
  padding:0 13px 10px!important;
}
.gmessagesSite .socialChatTabs button{
  height:44px!important;
  min-width:0!important;
  border-radius:9px!important;
  background:#131a16!important;
  border:1px solid rgba(150,174,161,.06)!important;
  color:#7d8d85!important;
  box-shadow:none!important;
}
.gmessagesSite .socialChatTabs button.active{
  background:rgba(45,145,96,.10)!important;
  border-color:rgba(69,164,112,.14)!important;
  color:#55bc89!important;
}
.gmessagesSite .socialConversationList{padding:0 7px 9px!important}
.gmessagesSite .socialConversation{
  min-height:60px!important;
  border-radius:9px!important;
  padding:8px!important;
}
.gmessagesSite .socialConversation:hover{background:#141b17!important}
.gmessagesSite .socialConversation.active{
  background:rgba(43,126,86,.11)!important;
  box-shadow:none!important;
}
.gmessagesSite .socialDialog{
  min-width:0!important;
  min-height:0!important;
  overflow:hidden!important;
  background:#101512!important;
  grid-template-rows:64px minmax(0,1fr) auto auto!important;
}
.gmessagesSite .socialDialogHead{
  height:64px!important;
  padding:0 18px!important;
  background:#111714!important;
  border-bottom:1px solid rgba(150,174,161,.075)!important;
}
.gmessagesSite .socialMessages{
  min-height:0!important;
  padding:18px 20px 12px!important;
  background:#0f1411!important;
}
.gmessagesSite .socialMessage>div{
  background:#151c18!important;
  border-color:rgba(150,174,161,.085)!important;
  box-shadow:none!important;
}
.gmessagesSite .socialMessage.own>div{
  background:rgba(41,121,82,.16)!important;
  border-color:rgba(69,154,108,.14)!important;
}
.gmessagesSite .socialComposer{
  margin:9px 12px 12px!important;
  padding:5px!important;
  background:#151c18!important;
  border-color:rgba(150,174,161,.085)!important;
  border-radius:11px!important;
  box-shadow:none!important;
}
.gmessagesSite .socialComposer button{
  background:#2f8d63!important;
  border-radius:9px!important;
  box-shadow:none!important;
}
.gmessagesSite .socialEmptyArt{
  width:78px!important;height:78px!important;border-radius:22px!important;
  background:#151c18!important;border:1px solid rgba(150,174,161,.07)!important;
  box-shadow:none!important;
}
.gmessagesSite .socialSearchResults,
.gmessagesSite .socialMsgActions{box-shadow:none!important}

@media (max-width:1100px) and (min-width:701px){
  .gmessagesMain{width:calc(100% - 20px)!important;padding-top:12px!important}
  .gmessagesSite .socialChatShell{grid-template-columns:285px minmax(0,1fr)!important;height:calc(100vh - 112px)!important;min-height:540px!important}
}
@media (max-width:900px){
  .gmessagesSite .gmessagesHeader .gsiteHeaderInner{grid-template-columns:auto 1fr auto!important}
  .gmessagesSite .gmessagesHeaderTitle{display:none!important}
  .gmessagesSite .gmessagesHeader .guaranteeSocialHead{display:flex!important;position:static!important;grid-column:auto!important}
  .gmessagesSite .gmessagesHeader .gsiteProfileBtn{display:none!important}
}
@media (max-width:700px){
  .gmessagesMain{width:100%!important;padding:0!important}
  .gmessagesSite .socialChatShell{height:calc(100vh - 70px)!important;min-height:0!important;max-height:none!important;border:0!important;border-radius:0!important;grid-template-columns:1fr!important}
  .gmessagesSite .socialChatSidebar{display:none!important}
  .gmessagesSite .socialDialog{height:100%!important}
}

/* v66 — MARKET and GARANT chat geometry is identical; only palette differs. */
.marketSocialHead .socialPopover{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  background:color-mix(in srgb,var(--surface) 88%,transparent)!important;
}
.guaranteeSocialHead .socialPopover{
  -webkit-backdrop-filter:blur(18px) saturate(112%)!important;
  backdrop-filter:blur(18px) saturate(112%)!important;
}

/* The Garant messages page uses the exact same content width and chat sizing as MARKET. */
.gmessagesMain{
  width:min(1120px,calc(100% - 40px))!important;
  margin:auto!important;
  padding-top:22px!important;
  padding-bottom:50px!important;
}
.gmessagesSite .socialChatShell{
  width:100%!important;
  height:min(760px,calc(100vh - 150px))!important;
  min-height:560px!important;
  max-height:none!important;
  grid-template-columns:330px minmax(0,1fr)!important;
  border-radius:18px!important;
}
.gmessagesSite .socialChatSearch{
  height:42px!important;
  margin:14px 14px 10px!important;
  border-radius:11px!important;
  padding:0 5px 0 8px!important;
}
.gmessagesSite .socialChatTabs{
  grid-template-columns:repeat(4,1fr)!important;
  gap:6px!important;
  padding:0 14px 10px!important;
}
.gmessagesSite .socialChatTabs button{
  height:50px!important;
  border-radius:10px!important;
}
.gmessagesSite .socialConversationList{padding:0 7px 10px!important}
.gmessagesSite .socialConversation{
  min-height:unset!important;
  border-radius:12px!important;
  padding:9px!important;
}
.gmessagesSite .socialDialog{
  grid-template-rows:auto minmax(0,1fr) auto auto!important;
}
.gmessagesSite .socialDialogHead{
  height:66px!important;
  padding:0 17px!important;
}
.gmessagesSite .socialMessages{
  padding:18px 22px 12px!important;
}
.gmessagesSite .socialComposer{
  margin:10px 14px 14px!important;
  padding:6px!important;
  border-radius:13px!important;
}
.gmessagesSite .socialComposer button{
  width:38px!important;
  height:38px!important;
  border-radius:10px!important;
}
.gmessagesSite .socialEmptyArt{
  width:90px!important;
  height:90px!important;
  border-radius:28px!important;
}

@media(max-width:900px){
  .gmessagesMain{width:min(1120px,calc(100% - 40px))!important;padding-top:22px!important;padding-bottom:50px!important}
  .gmessagesSite .socialChatShell{grid-template-columns:280px minmax(0,1fr)!important;height:min(760px,calc(100vh - 150px))!important;min-height:560px!important}
  .gmessagesSite .socialChatTabs{grid-template-columns:repeat(2,1fr)!important}
  .gmessagesSite .socialChatTabs .marketTab{display:none!important}
}
@media(max-width:760px){
  .gmessagesMain{width:min(100% - 24px,1120px)!important}
}
@media(max-width:700px){
  .gmessagesMain{width:100%!important;padding:0!important}
  .gmessagesSite .socialChatShell{height:calc(100vh - 66px)!important;min-height:0!important;max-height:none!important;border:0!important;border-radius:0!important;grid-template-columns:1fr!important}
  .gmessagesSite .socialChatSidebar{display:none!important}
  .gmessagesSite .socialDialog{height:100%!important}
  .gmessagesSite .socialMessages{padding:14px 10px!important}
  .gmessagesSite .socialDialogHead{padding:0 10px!important}
  .gmessagesSite .socialComposer{margin:7px!important}
}
@media(max-width:420px){
  .gmessagesMain{width:100%!important}
}

/* v67 — unified guarantee deal page + theme-correct social actions */
.marketSocialHead .socialPopHead .socialPopAction{color:#6faaff!important}
.guaranteeSocialHead .socialPopHead .socialPopAction{color:#5fc995!important}
.guaranteeSocialHead .socialPopHead .socialPopAction:hover{color:#8be0b3!important}
.marketSocialHead .socialPopHead .socialPopAction:hover{color:#91c0ff!important}

.socialConversation.dealConversation>span{position:relative;padding-top:1px}
.socialDealTag{display:inline-flex;margin-top:4px;max-width:100%;padding:2px 6px;border-radius:999px;background:rgba(41,199,146,.08);border:1px solid rgba(41,199,146,.12);color:#43bc8c;font-size:8px;font-style:normal;font-weight:750;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.socialConversation.dealConversation small{margin-top:4px}
.socialDealOpen{width:auto!important;min-width:64px!important;height:32px!important;padding:0 10px!important;border:1px solid rgba(41,199,146,.16)!important;border-radius:9px!important;background:rgba(41,199,146,.07)!important;color:#46c58f!important;font-size:9px!important;font-weight:750!important;cursor:pointer!important}
.socialDealOpen:hover{background:rgba(41,199,146,.12)!important}
.gmessagesSite .socialDealTag{background:rgba(48,145,99,.09);border-color:rgba(70,173,120,.14);color:#5fc995}
.gmessagesSite .socialDealOpen{background:rgba(48,145,99,.09)!important;border-color:rgba(70,173,120,.14)!important;color:#5fc995!important}

.gdealSite{min-height:100vh;background:#0b0f0d!important;color:#dce5df}
.gdealMain{width:min(1120px,calc(100% - 40px));margin:0 auto;padding:22px 0 50px}

.gdealCrumb{display:flex;align-items:center;gap:8px;margin:0 0 12px;color:#687a70;font-size:10px}
.gdealCrumb button{border:0;background:transparent;color:#79a18d;padding:0;cursor:pointer}
.gdealCrumb button:hover{color:#a1c9b4}
.gdealSite .guaranteeDealTop{padding:18px 0 20px;border-bottom:1px solid rgba(150,174,161,.07);margin-bottom:14px}
.gdealSite .guaranteeDealTop h1{color:#e0e8e3}
.gdealSite .guaranteeDealPrice strong{color:#e3ebe6}
.gdealSite .guaranteeIdCopy{color:#73877c}.gdealSite .guaranteeIdCopy span{color:#56bc8c}
.gdealSite .guaranteeDealCard,.gdealSite .guaranteeChatCard,.gdealSite .guaranteeParties,.gdealSite .guaranteeDealAction,.gdealSite .guaranteeSafetyBox,.gdealSite .guaranteeNotFound{background:#101512!important;border-color:rgba(150,174,161,.09)!important;box-shadow:none!important}
.gdealSite .guaranteeCardHead{border-color:rgba(150,174,161,.08)!important}
.gdealSite .guaranteeCardHead small{color:#5b8e74}.gdealSite .guaranteeCardHead h2{color:#dce5df}
.gdealSite .guaranteeDescription{color:#96a79d}
.gdealSite .guaranteeGallery button{background:#0e1411;border-color:rgba(150,174,161,.1)}
.gdealSite .guaranteeMessages{background:#0d1210;border:1px solid rgba(150,174,161,.07);border-radius:12px;padding:10px}
.gdealSite .guaranteeMessage{background:#151c18;border-color:rgba(150,174,161,.085);box-shadow:none}
.gdealSite .guaranteeMessage.mine{background:rgba(41,121,82,.16);border-color:rgba(69,154,108,.14)}
.gdealSite .guaranteeMessage.system{background:#111714;border-color:rgba(150,174,161,.08);color:#7f9087}
.gdealSite .guaranteeMessage p{color:#c2cec7}.gdealSite .guaranteeMessage small{color:#63756b}
.gdealSite .guaranteeChatComposer input{flex:1;min-width:0;height:44px;border:1px solid rgba(150,174,161,.09);border-radius:10px;background:#151c18;color:#dce5df;padding:0 13px;outline:0;box-shadow:none}
.gdealSite .guaranteeChatComposer input:focus{border-color:rgba(74,168,117,.24)}
.gdealSite .guaranteeChatComposer button{height:44px;background:#2f8d63;color:#e6f5ed;box-shadow:none}
.gdealChatActions{display:flex;align-items:center;gap:9px}.gdealChatActions button{height:30px;border:1px solid rgba(70,173,120,.14);border-radius:8px;background:rgba(48,145,99,.08);color:#5fc995;padding:0 10px;font-size:9px;font-weight:750;cursor:pointer}.gdealChatActions button:hover{background:rgba(48,145,99,.13)}
.gdealSite .guaranteeParties h3,.gdealSite .guaranteeDealAction h3{color:#dce5df}.gdealSite .guaranteeParties>div{border-color:rgba(150,174,161,.07)}
.gdealSite .guaranteeSafetyBox{color:#84968c}.gdealSite .guaranteeSafetyBox b{color:#62bf91}
.gdealSite .guaranteeNotFound{max-width:720px;margin:80px auto;padding:42px;text-align:center}
.gdealSite .guaranteeNotFound button{height:42px;border:1px solid rgba(70,173,120,.14);border-radius:10px;background:rgba(48,145,99,.10);color:#69c89a;padding:0 16px;cursor:pointer}

@media(max-width:900px){.gdealMain{width:calc(100% - 20px);padding-top:12px}.gdealSite .guaranteeDealGrid{grid-template-columns:1fr}.gdealSite .guaranteeDealSide{grid-template-columns:1fr 1fr}.gdealSite .guaranteeSafetyBox{grid-column:1/-1}}
@media(max-width:700px){.gdealMain{width:100%;padding:10px}.gdealSite .guaranteeDealTop{padding-left:4px;padding-right:4px}.gdealSite .guaranteeDealSide{grid-template-columns:1fr}.gdealSite .guaranteeSafetyBox{grid-column:auto}.gdealChatActions button{display:none}}


/* v68 — one Garant chrome, clean deal preview, aligned social popovers */
@media (min-width:901px){
  .gsiteHeaderInner.gsiteHeaderUnified{
    grid-template-columns:150px 190px minmax(280px,1fr) 92px 166px!important;
    gap:10px!important;
    overflow:visible!important;
  }
  .gsiteHeaderUnified>.gsiteMarketBack{grid-column:1!important}
  .gsiteHeaderUnified>.gsiteBrand{grid-column:2!important}
  .gsiteHeaderUnified>.gsiteUniversalSearch{grid-column:3!important;width:100%!important;min-width:0!important}
  .gsiteHeaderUnified>.guaranteeSocialHead{grid-column:4!important;justify-self:end!important;position:relative!important}
  .gsiteHeaderUnified>.gsiteProfileBtn{grid-column:5!important;display:grid!important;justify-self:stretch!important;width:166px!important;min-width:166px!important;margin:0!important}
  .gsiteHeaderUnified>.gsiteLoginHead{grid-template-columns:42px minmax(0,1fr)!important}
  .gsiteHeaderUnified>.gsiteLoginHead b{text-align:left!important}
}
@media (max-width:1180px) and (min-width:901px){
  .gsiteHeaderInner.gsiteHeaderUnified{grid-template-columns:118px 165px minmax(210px,1fr) 86px 148px!important;gap:7px!important}
  .gsiteHeaderUnified>.gsiteProfileBtn{width:148px!important;min-width:148px!important}
  .gsiteHeaderUnified>.gsiteMarketBack{padding:0 11px!important}
}
@media (max-width:900px){
  .gsiteHeaderInner.gsiteHeaderUnified{grid-template-columns:auto 1fr auto!important}
  .gsiteHeaderUnified>.gsiteMarketBack{grid-column:1!important}
  .gsiteHeaderUnified>.gsiteBrand{grid-column:2!important;justify-self:center!important}
  .gsiteHeaderUnified>.gsiteUniversalSearch{display:none!important}
  .gsiteHeaderUnified>.guaranteeSocialHead{grid-column:3!important;display:flex!important;position:static!important;justify-self:end!important}
  .gsiteHeaderUnified>.gsiteProfileBtn{display:none!important}
}

/* Popovers: MARKET and GARANT share exactly the same geometry and typography. */
.marketSocialHead .socialPopover,.guaranteeSocialHead .socialPopover{
  top:48px!important;right:-8px!important;width:min(390px,calc(100vw - 24px))!important;max-height:430px!important;
  border-radius:15px!important;overflow:hidden!important;text-align:left!important;box-shadow:none!important;
}
.marketSocialHead .socialPopHead,.guaranteeSocialHead .socialPopHead{
  height:48px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:0 14px!important;
}
.marketSocialHead .socialPopBody,.guaranteeSocialHead .socialPopBody{max-height:370px!important;padding:5px!important;overflow:auto!important}
.marketSocialHead .socialPopRow,.guaranteeSocialHead .socialPopRow{
  width:100%!important;min-height:64px!important;height:auto!important;display:grid!important;grid-template-columns:38px minmax(0,1fr) auto!important;
  gap:10px!important;align-items:center!important;text-align:left!important;padding:8px 10px!important;border-radius:11px!important;
}
.marketSocialHead .socialPopRow>span:nth-child(2),.guaranteeSocialHead .socialPopRow>span:nth-child(2){min-width:0!important;text-align:left!important}
.marketSocialHead .socialPopRow b,.marketSocialHead .socialPopRow small,.guaranteeSocialHead .socialPopRow b,.guaranteeSocialHead .socialPopRow small{text-align:left!important;margin-left:0!important}
.marketSocialHead .socialPopRow time,.guaranteeSocialHead .socialPopRow time{align-self:start!important;margin-top:7px!important;text-align:right!important}
.marketSocialHead .socialPopEmpty,.marketSocialHead .socialPopLoading,.guaranteeSocialHead .socialPopEmpty,.guaranteeSocialHead .socialPopLoading{padding:32px 16px!important;text-align:center!important}
.marketSocialHead .socialPopAction{color:#6faaff!important}
.guaranteeSocialHead .socialPopAction{color:#62c997!important}
.guaranteeSocialHead .socialPopover{background:rgba(8,24,21,.88)!important;border-color:rgba(72,145,120,.22)!important;-webkit-backdrop-filter:blur(18px) saturate(112%)!important;backdrop-filter:blur(18px) saturate(112%)!important}
.marketSocialHead .socialPopover{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}

/* Context pages no longer show ad-hoc labels in the Garant header. */
.gmessagesHeader .gsiteUniversalSearch{height:48px!important;border-radius:10px!important;padding:0 13px!important;background:#061917!important;border:1px solid var(--g-line)!important}
.gmessagesHeader .gsiteUniversalSearch svg{width:20px!important;height:20px!important;color:#86a49f!important}
.gmessagesHeader .gsiteUniversalSearch input{font-size:12px!important}

/* Breadcrumbs match the rest of Garant and do not stick to the header. */
.gdealMain{padding-top:26px!important}
.gdealCrumb.gdealCrumbProper{display:flex!important;align-items:center!important;gap:9px!important;margin:0 0 20px!important;min-height:28px!important;font-size:12px!important;line-height:1!important;color:#72847a!important}
.gdealCrumb.gdealCrumbProper button{height:28px!important;padding:0 9px!important;border:1px solid rgba(150,174,161,.09)!important;border-radius:8px!important;background:#101512!important;color:#8eb29f!important;font-size:11px!important}
.gdealCrumb.gdealCrumbProper button:hover{background:#141c18!important;color:#b7d6c6!important}
.gdealCrumb.gdealCrumbProper span:last-child{color:#66786e!important}

/* Public deal landing: inspect first, then join. */
.gdealPreviewMain{width:min(1120px,calc(100% - 40px))!important;padding-bottom:58px!important}
.gdealPreviewHero{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}
.gdealPreviewPrimary,.gdealPreviewAside{border:1px solid rgba(150,174,161,.09);background:#101512;border-radius:16px;box-shadow:none}
.gdealPreviewPrimary{padding:28px}
.gdealPreviewMeta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.gdealPreviewPrimary h1{margin:0;color:#e5ece8;font-size:30px;line-height:1.18;letter-spacing:-.025em}
.gdealPreviewDescription{margin:15px 0 0;color:#98a9a0;font-size:13px;line-height:1.72;white-space:pre-wrap;overflow-wrap:anywhere}
.gdealPreviewGallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:22px}
.gdealPreviewGallery button{padding:0;aspect-ratio:16/10;border:1px solid rgba(150,174,161,.09);border-radius:11px;background:#0d1210;overflow:hidden;cursor:pointer}
.gdealPreviewGallery img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .18s ease}
.gdealPreviewGallery button:hover img{transform:scale(1.02)}
.gdealPreviewAside{padding:18px;position:sticky;top:114px}
.gdealPreviewPrice{padding:6px 4px 18px;border-bottom:1px solid rgba(150,174,161,.08)}
.gdealPreviewPrice small,.gdealPreviewSeller small{display:block;color:#66796f;font-size:10px;text-transform:uppercase;letter-spacing:.07em}
.gdealPreviewPrice strong{display:block;margin-top:7px;color:#e6eee9;font-size:28px;line-height:1.1}
.gdealPreviewPrice span{display:block;margin-top:7px;color:#71837a;font-size:10px}
.gdealPreviewSeller{padding:18px 4px}
.gdealPreviewSeller b{display:block;margin-top:7px;color:#d7e2dc;font-size:12px}
.gdealPreviewSeller span{display:block;margin-top:6px;color:#71837a;font-size:10px;line-height:1.5}
.gdealJoinBtn{width:100%;height:48px;border:1px solid rgba(70,173,120,.2);border-radius:11px;background:#2f8d63;color:#effaf4;font-size:12px;font-weight:800;cursor:pointer;box-shadow:none}
.gdealJoinBtn:hover{background:#359b6e}.gdealJoinBtn:disabled{opacity:.65;cursor:wait}
.gdealPreviewProtection{margin-top:12px;padding:13px;border:1px solid rgba(70,173,120,.1);border-radius:10px;background:rgba(47,141,99,.055)}
.gdealPreviewProtection b{display:block;color:#64c996;font-size:10px}.gdealPreviewProtection span{display:block;margin-top:5px;color:#74877c;font-size:9px;line-height:1.55}
.gdealPreviewClosed{padding:14px;border:1px solid rgba(150,174,161,.08);border-radius:10px;background:#0d1210;color:#71837a;font-size:10px;line-height:1.5;text-align:center}

/* Active deal workspace: quiet, consistent card spacing. */
.gdealSite .guaranteeDealTop{border:1px solid rgba(150,174,161,.09)!important;background:#101512!important;border-radius:16px!important;padding:22px 24px!important;margin:0 0 16px!important}
.gdealSite .guaranteeDealGrid{gap:16px!important}
.gdealSite .guaranteeDealCard,.gdealSite .guaranteeChatCard,.gdealSite .guaranteeParties,.gdealSite .guaranteeDealAction,.gdealSite .guaranteeSafetyBox{border-radius:14px!important}
.gdealSite .guaranteeChatCard{overflow:hidden!important}

@media(max-width:900px){
  .gdealMain,.gdealPreviewMain{width:calc(100% - 20px)!important;padding-top:14px!important}
  .gdealPreviewHero{grid-template-columns:1fr}
  .gdealPreviewAside{position:static}
}
@media(max-width:620px){
  .gdealPreviewPrimary{padding:18px}.gdealPreviewPrimary h1{font-size:23px}.gdealPreviewGallery{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gdealCrumb.gdealCrumbProper{margin-bottom:12px!important}
}

/* v68 specificity guard: the messenger header is the same five-column Garant header. */
@media (min-width:901px){
  .gmessagesSite .gmessagesHeader .gsiteHeaderInner.gsiteHeaderUnified{
    grid-template-columns:150px 190px minmax(280px,1fr) 92px 166px!important;
    gap:10px!important;
  }
  .gmessagesSite .gmessagesHeader .gsiteHeaderInner.gsiteHeaderUnified>.gsiteUniversalSearch{grid-column:3!important;display:flex!important}
  .gmessagesSite .gmessagesHeader .gsiteHeaderInner.gsiteHeaderUnified>.guaranteeSocialHead{grid-column:4!important;justify-self:end!important}
  .gmessagesSite .gmessagesHeader .gsiteHeaderInner.gsiteHeaderUnified>.gsiteProfileBtn{grid-column:5!important;display:grid!important;width:166px!important;min-width:166px!important}
}
@media (max-width:1180px) and (min-width:901px){
  .gmessagesSite .gmessagesHeader .gsiteHeaderInner.gsiteHeaderUnified{grid-template-columns:118px 165px minmax(210px,1fr) 86px 148px!important;gap:7px!important}
  .gmessagesSite .gmessagesHeader .gsiteHeaderInner.gsiteHeaderUnified>.gsiteProfileBtn{width:148px!important;min-width:148px!important}
}
@media (max-width:900px){
  .gmessagesSite .gmessagesHeader .gsiteHeaderInner.gsiteHeaderUnified{grid-template-columns:auto 1fr auto!important}
  .gmessagesSite .gmessagesHeader .gsiteHeaderInner.gsiteHeaderUnified>.gsiteUniversalSearch{display:none!important}
  .gmessagesSite .gmessagesHeader .gsiteHeaderInner.gsiteHeaderUnified>.guaranteeSocialHead{grid-column:3!important;display:flex!important;position:static!important}
  .gmessagesSite .gmessagesHeader .gsiteHeaderInner.gsiteHeaderUnified>.gsiteProfileBtn{display:none!important}
}

/* v82 — unified payments */
.payPage{max-width:1180px;padding-top:34px;padding-bottom:70px}.payCrumb{display:flex;gap:10px;align-items:center;color:#707886;font-size:13px;margin:0 0 18px}.payCrumb button{border:0;background:none;color:#8b94a3;cursor:pointer;padding:0}.payCrumb b{color:#dbe1ea}.payShell{display:grid;grid-template-columns:340px minmax(0,1fr);gap:22px;align-items:start}.paySummary,.payMain{border:1px solid #252c37;background:#151922;border-radius:22px;box-shadow:0 18px 55px rgba(0,0,0,.22)}.paySummary{position:sticky;top:92px;padding:24px}.payBrand{display:flex;align-items:center;gap:12px;padding-bottom:22px;border-bottom:1px solid #262d38}.payBrand>span{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#113425;color:#6ef3a1;font-weight:900;font-size:20px}.payBrand div{display:flex;flex-direction:column;gap:2px}.payBrand small,.payOrder small,.paySectionHead small,.payResult>small,.payGatewayReady>small,.payPendingGateway>small{font-size:10px;letter-spacing:.16em;color:#697383;font-weight:800}.payBrand b{font-size:14px;color:#eef2f7}.payOrder{padding:24px 0 18px}.payOrder h1{font-size:20px;line-height:1.25;margin:7px 0 10px;color:#fff}.payOrderId{font:11px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;color:#6f7887;word-break:break-all}.payTotal{display:flex;align-items:flex-end;justify-content:space-between;padding:18px 0;border-top:1px solid #262d38;border-bottom:1px solid #262d38}.payTotal span{font-size:12px;color:#7e8795}.payTotal strong{font-size:26px;color:#fff}.payStatus{display:flex;align-items:center;gap:9px;margin-top:18px;padding:11px 13px;border-radius:12px;background:#1b202a;color:#9ea7b5;font-size:12px}.payStatus i{width:8px;height:8px;border-radius:50%;background:#788291}.payStatus.paid i{background:#36d47a}.payStatus.pending_gateway i,.payStatus.awaiting_payment i{background:#f1b64b}.paySummaryNote{margin-top:16px;color:#697384;font-size:11px;line-height:1.55}.payMain{min-height:510px;padding:32px}.payLoading{min-height:440px;display:grid;place-items:center;align-content:center;gap:14px;color:#8c96a4}.payLoading span,.paySpinner{width:34px;height:34px;border-radius:50%;border:3px solid #29303b;border-top-color:#4bd98a;animation:payspin .8s linear infinite}@keyframes payspin{to{transform:rotate(360deg)}}.paySectionHead{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:22px}.paySectionHead h2,.payResult h2,.payGatewayReady h2,.payPendingGateway h2{font-size:28px;margin:6px 0 7px;color:#fff}.paySectionHead p,.payResult p,.payGatewayReady p,.payPendingGateway p{margin:0;color:#858f9e;font-size:13px;line-height:1.55}.payChange,.payGhost{border:1px solid #303844;background:#1b2029;color:#aab3c0;border-radius:11px;padding:10px 14px;cursor:pointer}.payMethods{display:flex;flex-direction:column;gap:10px}.payMethod{width:100%;display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:center;text-align:left;border:1px solid #28303a;background:#191e27;border-radius:15px;padding:15px;color:#e9edf3;cursor:pointer;transition:.18s}.payMethod:hover,.payMethod.open{border-color:#3b7153;background:#1a2422;transform:translateY(-1px)}.payMethod:disabled{opacity:.65;cursor:wait}.payMethodIcon{width:48px;height:48px;border-radius:13px;background:#222933;color:#63e699;display:grid;place-items:center}.payMethodIcon svg{width:23px;height:23px}.payMethod>span:nth-child(2){display:flex;flex-direction:column;gap:5px}.payMethod b{font-size:14px}.payMethod small{color:#77818f;font-size:11px}.payMethod em{font-size:27px;color:#566171;font-style:normal}.payCryptoAssets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:-3px 0 8px 62px}.payCryptoAssets button{border:1px solid #28313c;background:#121720;border-radius:12px;color:#dbe2eb;text-align:left;padding:12px;display:flex;flex-direction:column;gap:4px;cursor:pointer}.payCryptoAssets button:hover{border-color:#426d57}.payCryptoAssets small{color:#697485;font-size:10px}.payPrimary{border:0;background:#39d77c;color:#07140d;border-radius:12px;font-weight:850;padding:14px 18px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:9px}.payPrimary svg{width:18px;height:18px}.payGatewayReady,.payPendingGateway,.payResult{min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.payGatewayReady>svg,.payResult.ok>svg{width:48px;height:48px;padding:13px;border-radius:18px;background:#133523;color:#5ce595;margin-bottom:16px}.payGatewayBtn{min-width:260px;margin:24px 0 10px}.payGatewayReady .payGhost,.payResult .payGhost{min-width:220px;margin-top:8px}.payPendingGateway .paySpinner{margin-bottom:18px}.payPendingGateway p{max-width:520px}.payPendingLine{display:flex;gap:6px;margin:24px 0}.payPendingLine span{width:7px;height:7px;border-radius:50%;background:#4ed98b;animation:paydot 1.2s ease-in-out infinite}.payPendingLine span:nth-child(2){animation-delay:.15s}.payPendingLine span:nth-child(3){animation-delay:.3s}@keyframes paydot{0%,80%,100%{opacity:.25;transform:scale(.7)}40%{opacity:1;transform:scale(1)}}.payCryptoAmount{border:1px solid #2b3540;background:#11171e;border-radius:17px;padding:20px;margin-bottom:15px;display:flex;flex-direction:column;gap:6px}.payCryptoAmount span{font-size:11px;color:#778391}.payCryptoAmount strong{font-size:28px;color:#fff;word-break:break-word}.payCryptoAmount small{color:#75d9a0}.payAddress{position:relative;border:1px solid #2b3540;border-radius:17px;padding:18px;background:#181e27}.payAddress>span{display:block;color:#75808e;font-size:11px;margin-bottom:8px}.payAddress code{display:block;color:#edf2f7;font-size:13px;padding-right:120px;word-break:break-all;line-height:1.5}.payCopy{position:absolute;right:14px;top:50%;transform:translateY(-10%);display:flex;align-items:center;gap:7px;border:1px solid #34404d;background:#212833;color:#cbd3dd;border-radius:10px;padding:8px 10px;cursor:pointer}.payCopy svg{width:16px;height:16px}.payWarning{margin-top:15px;display:flex;gap:12px;border:1px solid #4c4026;background:#221e16;border-radius:13px;padding:13px;color:#c8b98a;font-size:11px}.payWarning b{color:#f1cc64}.payAwait{display:flex;gap:12px;align-items:center;margin-top:16px;padding:14px;border-radius:13px;background:#171d25}.payPulse{width:10px;height:10px;border-radius:50%;background:#4ddd8d;box-shadow:0 0 0 0 rgba(77,221,141,.4);animation:paypulse 1.5s infinite}@keyframes paypulse{70%{box-shadow:0 0 0 8px rgba(77,221,141,0)}100%{box-shadow:0 0 0 0 rgba(77,221,141,0)}}.payAwait div{display:flex;flex-direction:column;gap:3px}.payAwait b{font-size:12px;color:#dae2eb}.payAwait small{font-size:10px;color:#697484}.payResult.bad h2{color:#fff}.payResult.bad p{max-width:450px}.payEmpty{padding:50px 20px;text-align:center;color:#87919f}
.paymentAdminHero{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px;padding:6px 4px}.paymentAdminHero small{font-size:10px;letter-spacing:.15em;color:#4edc8d;font-weight:900}.paymentAdminHero h2{margin:4px 0;font-size:27px}.paymentAdminHero p{margin:0;color:#76808d;font-size:12px}.paymentAdminStats{display:flex;gap:8px}.paymentAdminStats span{min-width:105px;padding:10px 12px;border:1px solid #29313c;background:#171c24;border-radius:12px;display:flex;flex-direction:column}.paymentAdminStats b{font-size:19px}.paymentAdminStats small{font-size:9px;color:#707b89}.paymentAdminGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.payAdminField,.payManualConfig label,.payWalletRow label,.payAdminInline label{display:flex;flex-direction:column;gap:6px}.payAdminField span,.payManualConfig label span,.payWalletRow label span,.payAdminInline label span{font-size:10px;color:#707b88}.paymentAdmin input{width:100%;box-sizing:border-box;border:1px solid #303844;background:#11161d;color:#e5eaf0;border-radius:10px;padding:10px 11px;outline:none}.paymentAdmin input:focus{border-color:#3e7958}.payAdminInline{display:flex;align-items:end;gap:12px;margin-top:12px}.payAdminInline>label{flex:1}.payAdminCheck{flex-direction:row!important;align-items:center;gap:8px!important;min-height:38px}.payAdminCheck input{width:16px;height:16px}.payManualConfig{display:grid;grid-template-columns:1fr 120px 72px;gap:8px;align-items:end;padding:9px 0;border-bottom:1px solid #262d36}.payWalletGrid{display:flex;flex-direction:column;gap:8px}.payWalletRow{display:grid;grid-template-columns:150px minmax(220px,1.5fr) 150px 70px;gap:10px;align-items:end;border:1px solid #282f39;background:#151a21;border-radius:13px;padding:12px}.payWalletRow>div{align-self:center;display:flex;flex-direction:column;gap:3px}.payWalletRow>div b{font-size:12px}.payWalletRow>div small{font-size:9px;color:#6f7885}.payAdminInline.bottom{max-width:680px;margin:14px 0}.paymentRequests{display:flex;flex-direction:column;gap:10px}.paymentRequest{border:1px solid #303844;background:#151a22;border-radius:15px;padding:14px}.paymentRequestTop{display:flex;justify-content:space-between;gap:12px}.paymentRequestTop>div{display:flex;flex-direction:column;gap:3px}.paymentRequestTop small{font-size:9px;color:#e7bc63;text-transform:uppercase;letter-spacing:.08em}.paymentRequestTop b{font-size:13px}.paymentRequestTop span{font-size:9px;color:#66707e}.paymentRequestTop strong{font-size:20px}.paymentGatewayInput{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:12px}.paymentRequestMeta{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:9px;color:#66717f}.paymentRequestMeta button{border:0;background:none;color:#b16c6c;cursor:pointer}.paymentHistoryAdmin{display:flex;flex-direction:column}.paymentHistoryRow{display:grid;grid-template-columns:10px minmax(0,1fr) 120px 120px 100px;gap:10px;align-items:center;padding:10px 4px;border-bottom:1px solid #252c35}.paymentHistoryStatus{width:7px;height:7px;border-radius:50%;background:#6e7886}.paymentHistoryStatus.paid{background:#3bd77e}.paymentHistoryStatus.pending_gateway,.paymentHistoryStatus.awaiting_payment{background:#e8b04e}.paymentHistoryRow>div{display:flex;flex-direction:column;gap:3px;min-width:0}.paymentHistoryRow b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.paymentHistoryRow small,.paymentHistoryRow em{font-size:9px;color:#6d7785;font-style:normal}.paymentHistoryRow strong{font-size:12px;text-align:right}
@media(max-width:820px){.payPage{padding:18px 12px 40px}.payShell{grid-template-columns:1fr}.paySummary{position:static;padding:18px}.payOrder{padding:17px 0 12px}.payTotal strong{font-size:23px}.paySummaryNote{display:none}.payMain{padding:20px;min-height:450px}.paySectionHead h2,.payGatewayReady h2,.payPendingGateway h2,.payResult h2{font-size:23px}.payCryptoAssets{grid-template-columns:1fr;margin-left:0}.payAddress code{padding-right:0;padding-bottom:48px}.payCopy{top:auto;bottom:12px;right:12px;transform:none}.paymentAdminHero{align-items:flex-start;flex-direction:column}.paymentAdminStats{width:100%;overflow:auto}.paymentAdminStats span{min-width:95px}.paymentAdminGrid{grid-template-columns:1fr}.payManualConfig{grid-template-columns:1fr 100px 60px}.payWalletRow{grid-template-columns:1fr}.payAdminInline{flex-direction:column;align-items:stretch}.paymentGatewayInput{grid-template-columns:1fr}.paymentHistoryRow{grid-template-columns:9px minmax(0,1fr) auto}.paymentHistoryRow>em,.paymentHistoryRow>button{grid-column:2/-1;justify-self:start}.paymentHistoryRow>strong{text-align:right}.adminTabs{overflow-x:auto;scrollbar-width:none}}

/* v82 — admin pricing extensions */
.adminPricingV82{display:flex;flex-direction:column;gap:14px;margin-top:14px}.pricingSearchRow{display:grid;grid-template-columns:minmax(170px,.8fr) minmax(240px,1.3fr) 130px auto;gap:9px;align-items:end}.pricingSearchRow>input,.pricingSearchRow>select,.pricingSearchRow label>input,.pricingProductSearch>input,.priceProductRow>input,.unlockPricingGrid input{box-sizing:border-box;width:100%;border:1px solid #303844;background:#11161d;color:#e5eaf0;border-radius:10px;padding:10px 11px;outline:none}.pricingSearchRow>select{min-height:40px}.pricingSearchRow label{display:flex;flex-direction:column;gap:6px}.pricingSearchRow label>span,.unlockPricingGrid label>span{font-size:10px;color:#717b89}.pricingProductSearch{display:flex;flex-direction:column;gap:10px}.pricingProductSearch>input{max-width:520px}.pricingProductSearch #priceProductResults{display:flex;flex-direction:column;gap:7px}.priceProductRow{display:grid;grid-template-columns:minmax(0,1fr) 130px auto auto;gap:8px;align-items:center;padding:11px;border:1px solid #282f39;background:#151a21;border-radius:12px}.priceProductRow>div{display:flex;flex-direction:column;gap:3px;min-width:0}.priceProductRow b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.priceProductRow small{font-size:9px;color:#6d7784;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.priceProductRow em{font-size:9px;color:#75b992;font-style:normal}.cs2PricingRow{grid-template-columns:170px auto minmax(180px,1fr) 120px auto}.unlockPricingGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.unlockPricingGrid article{display:grid;grid-template-columns:minmax(0,1fr) 120px 110px auto;gap:8px;align-items:end;padding:11px;border:1px solid #282f39;background:#151a21;border-radius:12px}.unlockPricingGrid article>div{align-self:center;display:flex;flex-direction:column;gap:3px}.unlockPricingGrid article>div b{font-size:11px}.unlockPricingGrid article>div small{font-size:9px;color:#687280}.unlockPricingGrid label{display:flex;flex-direction:column;gap:5px}.un-pay-price{margin-left:auto;font-size:12px;color:#7be5a7}.un-pay-price.muted{color:#89919d;font-size:10px}
@media(max-width:900px){.pricingSearchRow,.cs2PricingRow{grid-template-columns:1fr}.priceProductRow{grid-template-columns:1fr}.unlockPricingGrid{grid-template-columns:1fr}.unlockPricingGrid article{grid-template-columns:1fr 1fr}.unlockPricingGrid article>div{grid-column:1/-1}.unlockPricingGrid article>button{grid-column:1/-1}.adminPricingV82 .authPrimary,.adminPricingV82 .smallBlue{min-height:40px}}


/* v85.15 — manual square covers for Albion official products without video. */
.albionOfficialCoverAdmin{margin-top:20px;padding-top:18px;border-top:1px solid #252d37}
.albionOfficialCoverHead{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:12px}
.albionOfficialCoverHead h3{margin:0 0 5px;font-size:15px;color:#e7edf5}
.albionOfficialCoverHead p{margin:0;max-width:720px;color:#7f8b9b;font-size:10px;line-height:1.55}
.albionOfficialCoverHead>span{flex:none;padding:5px 9px;border-radius:7px;background:#202731;color:#95a3b5;font-size:9px}
.albionCoverSearch{width:100%;height:42px;margin-bottom:11px;border:1px solid #2b3440;border-radius:9px;background:#1b222b;color:#d9e1ea;padding:0 12px;outline:0}
.albionCoverSearch:focus{border-color:#52684a}
.albionOfficialCovers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.albionOfficialCoverRow{display:grid;grid-template-columns:74px minmax(0,1fr) auto auto;align-items:center;gap:11px;padding:9px;border:1px solid #28313b;border-radius:11px;background:#1a2028}
.albionOfficialCoverPreview{width:74px;aspect-ratio:1/1;border:1px dashed #3a4652;border-radius:9px;background:linear-gradient(145deg,#202832,#151b22);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;color:#8694a4;text-align:center}
.albionOfficialCoverPreview img{width:100%;height:100%;object-fit:contain;background:#11171d}
.albionOfficialCoverPreview span{font-size:15px;font-weight:800;color:#9db18e}.albionOfficialCoverPreview small{font-size:7px;line-height:1.25;margin-top:3px;padding:0 5px}
.albionOfficialCoverMeta{min-width:0}.albionOfficialCoverMeta b,.albionOfficialCoverMeta small,.albionOfficialCoverMeta em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.albionOfficialCoverMeta b{color:#e3e9f1;font-size:11px}.albionOfficialCoverMeta small{color:#8491a1;font-size:8px;margin-top:4px}.albionOfficialCoverMeta em{color:#677586;font-size:7.5px;font-style:normal;margin-top:4px}
.albionOfficialCoverRow .adminUploadBtn{white-space:nowrap}.albionOfficialCoverRow .dangerGhost{white-space:nowrap}
@media(max-width:1050px){.albionOfficialCovers{grid-template-columns:1fr}}
@media(max-width:650px){.albionOfficialCoverRow{grid-template-columns:62px minmax(0,1fr);}.albionOfficialCoverPreview{width:62px}.albionOfficialCoverRow .adminUploadBtn,.albionOfficialCoverRow .dangerGhost{grid-column:auto}.albionOfficialCoverHead{display:block}.albionOfficialCoverHead>span{display:inline-block;margin-top:8px}}


/* v85.23 — Albion banner admin */
.albionBannerAdmin{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:14px;align-items:center;margin-bottom:18px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface2)}
.albionBannerAdminPreview{height:128px;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(135deg,#141d2a,#10161f);display:grid;place-items:center;position:relative}
.albionBannerAdminPreview img{width:100%;height:100%;object-fit:cover;display:block}.albionBannerAdminPreview>div{text-align:center;display:grid;gap:5px;color:var(--muted)}.albionBannerAdminPreview b{color:var(--text);font-size:13px}.albionBannerAdminPreview span{font-size:10px}
.albionBannerAdminActions{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.albionBannerAdminActions>div{display:grid;gap:4px}.albionBannerAdminActions b{font-size:13px;color:var(--text)}.albionBannerAdminActions small{font-size:10px;line-height:1.5;color:var(--muted)}.albionBannerAdminActions .dangerGhost{grid-column:2}
@media(max-width:760px){.albionBannerAdmin{grid-template-columns:1fr}.albionBannerAdminPreview{height:105px}.albionBannerAdminActions{grid-template-columns:1fr auto}}

/* v106 — WoWCircle gold product admin */
.wowGoldAdmin{margin-bottom:14px}
.wowGoldAdminHead{align-items:center;gap:16px}
.wowGoldAdminHead .eyebrow{display:block;margin-bottom:4px;color:#d4a95d;font-size:9px;font-weight:850;letter-spacing:1.5px}
.wowGoldHeadActions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.wowGoldHeadActions .authPrimary,.wowGoldHeadActions .smallBlue{min-height:40px;padding:0 14px}
.wowGoldAdminLegend{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:12px 0;color:#7f8a9b;font-size:9px}
.wowGoldAdminLegend span{display:flex;align-items:center;gap:6px}
.wowGoldAdminLegend i{width:9px;height:9px;border-radius:50%}
.wowGoldAdminList{display:grid;gap:10px}
.wowGoldAdminRow{display:grid;grid-template-columns:72px minmax(0,1fr);gap:13px;padding:13px;border:1px solid #29313d;border-radius:14px;background:#151a21}
.wowGoldAdminRow:hover{border-color:color-mix(in srgb,var(--gold-accent,#d7a64f) 45%,#29313d);background:color-mix(in srgb,var(--gold-hover,#8a6429) 5%,#151a21)}
.wowGoldAdminPreview{width:72px;height:72px;border:1px solid #303946;border-radius:13px;background:#10151c;display:grid;place-items:center;overflow:hidden;color:var(--gold-name,#f2c16d)}
.wowGoldAdminPreview img{width:100%;height:100%;object-fit:cover;display:block}
.wowGoldAdminPreview svg{width:34px;height:34px}
.wowGoldAdminMain{min-width:0}
.wowGoldAdminFields{display:grid;grid-template-columns:150px minmax(220px,1fr) 125px auto;gap:8px;align-items:end}
.wowGoldAdminFields label,.wowGoldAdminColors label,.wowGoldDescription{display:flex;flex-direction:column;gap:5px}
.wowGoldAdminFields label>span,.wowGoldAdminColors label>span,.wowGoldDescription>span{color:#7d8999;font-size:9px;font-weight:700}
.wowGoldAdminFields input,.wowGoldAdminFields select,.wowGoldDescription input{width:100%;min-height:39px;border:1px solid #303844;border-radius:9px;background:#10151c;color:#e7edf5;padding:0 10px;outline:none;box-sizing:border-box}
.wowGoldAdminFields input:focus,.wowGoldAdminFields select:focus,.wowGoldDescription input:focus{border-color:#46698f}
.wowGoldAdminFields .goldActive{height:39px;flex-direction:row;align-items:center;padding:0 10px;border:1px solid #303844;border-radius:9px;background:#10151c;color:#aeb9c7;white-space:nowrap}
.wowGoldAdminFields .goldActive input{width:auto;min-height:0;margin:0 6px 0 0;padding:0}
.wowGoldAdminColors{display:grid;grid-template-columns:135px 135px 135px minmax(160px,1fr);gap:8px;align-items:end;margin-top:9px}
.wowGoldAdminColors input[type="color"]{width:100%;height:37px;padding:3px;border:1px solid #303844;border-radius:9px;background:#10151c;cursor:pointer}
.wowGoldAdminSample{min-height:38px;padding:6px 10px;border-left:3px solid var(--gold-accent,#d7a64f);border-radius:8px;background:color-mix(in srgb,var(--gold-hover,#8a6429) 8%,#10151c);display:flex;flex-direction:column;justify-content:center}
.wowGoldAdminSample small{color:#667386;font-size:8px}
.wowGoldAdminSample b{margin-top:2px;color:var(--gold-name,#f2c16d);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wowGoldDescription{margin-top:9px}
.wowGoldDescription small{font-weight:500;color:#657184}
.wowGoldAdminActions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:9px}
.wowGoldAdminActions .adminUploadBtn,.wowGoldAdminActions .dangerGhost{min-height:36px}
@media(max-width:1050px){.wowGoldAdminFields{grid-template-columns:1fr 1fr}.wowGoldAdminFields .goldActive{align-self:end}.wowGoldAdminColors{grid-template-columns:repeat(3,1fr)}.wowGoldAdminSample{grid-column:1/-1}}
@media(max-width:720px){.wowGoldAdminRow{grid-template-columns:54px minmax(0,1fr);padding:10px;gap:10px}.wowGoldAdminPreview{width:54px;height:54px}.wowGoldAdminFields,.wowGoldAdminColors{grid-template-columns:1fr}.wowGoldAdminSample{grid-column:auto}.wowGoldHeadActions{width:100%}.wowGoldHeadActions button{flex:1}.wowGoldAdminActions>*{flex:1 1 140px;justify-content:center}}


/* v110 — logo-only preloaders for MARKET and GARANT. */
.sitePreloader{
  display:none;position:fixed;inset:0;z-index:9999999;place-items:center;
  background:var(--bg,#0d1118);opacity:1;visibility:visible;pointer-events:auto;
  overflow:hidden;transition:opacity .22s ease,visibility .22s ease;
}
html.home-preload .sitePreloader,html.guarantee-preload .sitePreloader,.sitePreloader.routePreloader{display:grid}
.sitePreloader.routePreloader{opacity:0;visibility:hidden}
.sitePreloader.routePreloader.isVisible{opacity:1;visibility:visible}
.sitePreloader.isLeaving{opacity:0!important;visibility:hidden!important;pointer-events:none}
.sitePreloaderHalo{
  position:absolute;left:50%;top:50%;width:min(620px,82vw);height:min(360px,48vw);transform:translate(-50%,-50%);
  border-radius:50%;background:radial-gradient(ellipse at center,rgba(28,36,49,.96) 0%,rgba(20,27,38,.68) 42%,rgba(13,17,24,0) 74%);
  filter:blur(22px);opacity:.92;pointer-events:none;
}
.sitePreloader[data-preloader-theme="guarantee"]{background:#0b0f0d}
.sitePreloader[data-preloader-theme="guarantee"] .sitePreloaderHalo{
  background:radial-gradient(ellipse at center,rgba(24,36,29,.94) 0%,rgba(15,24,19,.66) 45%,rgba(11,15,13,0) 75%);
}
.sitePreloaderInner{position:relative;z-index:1;width:min(520px,86vw);display:grid;place-items:center;user-select:none;-webkit-user-select:none}
.sitePreloaderBrand{
  position:relative;display:grid;place-items:center;min-width:min(360px,72vw);min-height:126px;
  isolation:isolate;transform:translateZ(0);
}
.sitePreloaderBrand:before{
  content:"";position:absolute;inset:18% 5%;z-index:-1;border-radius:50%;opacity:.26;filter:blur(34px);
  background:radial-gradient(circle,rgba(96,156,255,.20),rgba(96,156,255,0) 70%);
  animation:giftosPreloaderGlow 1.8s ease-in-out infinite;
}
.sitePreloader[data-preloader-theme="guarantee"] .sitePreloaderBrand:before{
  background:radial-gradient(circle,rgba(66,190,126,.22),rgba(66,190,126,0) 70%);
}
.sitePreloaderBrand img{
  display:block;width:auto!important;height:auto!important;max-width:min(430px,78vw)!important;max-height:142px!important;
  object-fit:contain;object-position:center;pointer-events:none;-webkit-user-drag:none;user-select:none;
  filter:brightness(.94) drop-shadow(0 14px 34px rgba(0,0,0,.18));
  animation:giftosLogoGleam 1.8s cubic-bezier(.4,0,.2,1) both;
}
.preloaderFallback{display:none;align-items:center;justify-content:center;white-space:nowrap;font-weight:850;letter-spacing:-.045em;line-height:1}
.preloaderFallback.isSolo{display:flex}
html.home-preload .preloaderMarketFallback{display:flex}
html.guarantee-preload .preloaderGarantFallback{display:flex}
.preloaderMarketFallback{
  font-size:clamp(54px,8vw,86px);background:linear-gradient(105deg,#cbd4e1 18%,#ffffff 42%,#8dbdff 50%,#ffffff 58%,#cbd4e1 82%);
  background-size:260% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:giftosTextGleam 1.8s ease-in-out both;
}
.preloaderMarketFallback b{font-weight:650}
.preloaderGarantFallback{
  gap:14px;font-size:clamp(48px,7vw,76px);color:#77c79f;letter-spacing:-.035em;
  text-shadow:0 0 28px rgba(77,186,128,.10);animation:giftosGarantGleam 1.8s ease-in-out both;
}
.preloaderGarantDot{width:19px;height:19px;border-radius:50% 55% 45% 55%;transform:rotate(-18deg);background:#4cae7d;box-shadow:14px -2px 0 -7px #77c79f}
.sitePreloaderTrack{display:none!important}
@keyframes giftosLogoGleam{
  0%{opacity:.82;transform:scale(.985);filter:brightness(.82) saturate(.92) drop-shadow(0 12px 28px rgba(0,0,0,.14))}
  22%{opacity:1;filter:brightness(1.16) saturate(1.05) drop-shadow(0 14px 34px rgba(0,0,0,.18))}
  43%{filter:brightness(.98) saturate(1)}
  67%{filter:brightness(1.13) saturate(1.04) drop-shadow(0 14px 36px rgba(0,0,0,.20))}
  100%{opacity:1;transform:scale(1);filter:brightness(1) saturate(1) drop-shadow(0 14px 34px rgba(0,0,0,.18))}
}
@keyframes giftosTextGleam{0%{background-position:120% 0;opacity:.84;transform:scale(.985)}50%{background-position:35% 0;opacity:1}100%{background-position:-70% 0;opacity:1;transform:scale(1)}}
@keyframes giftosGarantGleam{0%{opacity:.78;filter:brightness(.82);transform:scale(.985)}26%{opacity:1;filter:brightness(1.28)}48%{filter:brightness(.96)}72%{filter:brightness(1.16)}100%{opacity:1;filter:brightness(1);transform:scale(1)}}
@keyframes giftosPreloaderGlow{0%,100%{opacity:.18;transform:scale(.92)}50%{opacity:.34;transform:scale(1.08)}}
@media(max-width:600px){
  .sitePreloaderInner{width:90vw}.sitePreloaderBrand{min-width:76vw;min-height:104px}
  .sitePreloaderBrand img{max-width:78vw!important;max-height:112px!important}
  .sitePreloaderHalo{width:92vw;height:52vw;filter:blur(18px)}
}
@media(prefers-reduced-motion:reduce){
  .sitePreloaderBrand img,.preloaderFallback,.sitePreloaderBrand:before{animation:none!important}
  .sitePreloader{transition-duration:.12s}
}

html.guarantee-preload .sitePreloader{background:#0b0f0d}
html.guarantee-preload .sitePreloader .sitePreloaderHalo{background:radial-gradient(ellipse at center,rgba(24,36,29,.94) 0%,rgba(15,24,19,.66) 45%,rgba(11,15,13,0) 75%)}

/* v111 - stable gray preloaders, no center glow, no transition flash. */
.sitePreloader{
  background:#0d1118!important;
  z-index:2147483647!important;
  transition:opacity .22s ease,visibility .22s ease!important;
}
.sitePreloader[data-preloader-theme="guarantee"],
html.guarantee-preload .sitePreloader{
  background:#0b0f0d!important;
}
.sitePreloader:before,
.sitePreloaderHalo,
.sitePreloaderBrand:before{
  content:none!important;
  display:none!important;
  background:none!important;
  box-shadow:none!important;
  filter:none!important;
}
html.home-preload #app,
html.guarantee-preload #app,
html.route-preload-active #app{
  visibility:hidden!important;
}
.sitePreloader.routePreloader,
.sitePreloader.routePreloader.isVisible{
  display:grid!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
.sitePreloader.routePreloader.isLeaving,
.sitePreloader.isLeaving{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
.sitePreloaderInner{
  position:relative!important;
  z-index:1!important;
  width:min(540px,88vw)!important;
  display:grid!important;
  place-items:center!important;
}
.sitePreloaderBrand{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  min-width:min(390px,78vw)!important;
  min-height:150px!important;
  isolation:isolate!important;
}
.sitePreloaderLogoMask{
  --preloader-gray:#737a84;
  position:relative;
  display:block;
  width:min(450px,80vw);
  height:150px;
  overflow:hidden;
  background:var(--preloader-gray);
  -webkit-mask-image:var(--preloader-logo);
  mask-image:var(--preloader-logo);
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-size:contain;
  mask-size:contain;
  filter:none!important;
  box-shadow:none!important;
  transform:translateZ(0);
  animation:giftosGrayLogoSettle 1.8s cubic-bezier(.4,0,.2,1) both;
}
.sitePreloaderLogoMask:after{
  content:"";
  position:absolute;
  inset:-8% -55%;
  background:linear-gradient(105deg,transparent 34%,rgba(255,255,255,.05) 43%,rgba(255,255,255,.27) 50%,rgba(255,255,255,.05) 57%,transparent 66%);
  transform:translateX(-72%);
  animation:giftosGrayLogoShine 1.8s cubic-bezier(.35,.05,.2,1) both;
  pointer-events:none;
}
.sitePreloader[data-preloader-theme="guarantee"] .sitePreloaderLogoMask{
  --preloader-gray:#737a84;
}
.preloaderFallback,
.preloaderFallback.isSolo,
.preloaderMarketFallback,
.preloaderGarantFallback{
  display:flex!important;
  align-items:center;
  justify-content:center;
  color:#737a84!important;
  background:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  text-shadow:none!important;
  filter:none!important;
  box-shadow:none!important;
  font-size:clamp(48px,7vw,76px)!important;
  font-weight:800!important;
  letter-spacing:-.035em!important;
  animation:giftosGrayFallback 1.8s ease both!important;
}
.preloaderGarantDot{display:none!important}
@keyframes giftosGrayLogoSettle{
  0%{opacity:.78;transform:scale(.988)}
  22%{opacity:.94}
  100%{opacity:1;transform:scale(1)}
}
@keyframes giftosGrayLogoShine{
  0%{transform:translateX(-72%);opacity:0}
  14%{opacity:.72}
  62%{opacity:.82}
  100%{transform:translateX(72%);opacity:0}
}
@keyframes giftosGrayFallback{
  0%{opacity:.72;transform:scale(.988);color:#666d76}
  48%{opacity:1;color:#858c96}
  100%{opacity:1;transform:scale(1);color:#737a84}
}
@media(max-width:600px){
  .sitePreloaderInner{width:92vw!important}
  .sitePreloaderBrand{min-width:82vw!important;min-height:116px!important}
  .sitePreloaderLogoMask{width:82vw;height:116px}
}
@media(prefers-reduced-motion:reduce){
  .sitePreloaderLogoMask,.sitePreloaderLogoMask:after,.preloaderFallback{animation:none!important}
}

/* v115 — global minimum payment interstitial */
.minimumPayPage{max-width:1180px;padding-top:34px;padding-bottom:70px}
.minimumPayShell{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr);gap:20px;align-items:stretch;border:1px solid #252c37;background:#121720;border-radius:24px;padding:8px;box-shadow:0 20px 60px rgba(0,0,0,.24)}
.minimumPayHero{padding:42px 40px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0}
.minimumPayMark{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;margin-bottom:24px;border:1px solid #3a4554;background:#1b222d;color:#a9b5c5;font-size:30px;font-weight:900;box-shadow:inset 0 0 0 1px rgba(255,255,255,.018)}
.minimumPayHero>small{font-size:10px;letter-spacing:.17em;color:#69d99b;font-weight:900}
.minimumPayHero h1{max-width:620px;margin:9px 0 13px;color:#f2f5f9;font-size:34px;line-height:1.12;letter-spacing:-.035em}
.minimumPayHero>p{max-width:610px;margin:0;color:#8a95a4;font-size:14px;line-height:1.7}
.minimumPayHero>p b{color:#dce4ed}
.minimumPayNotice{width:100%;box-sizing:border-box;display:flex;gap:13px;align-items:flex-start;margin-top:26px;padding:15px 16px;border:1px solid rgba(67,211,125,.16);border-radius:15px;background:rgba(36,141,83,.075)}
.minimumPayNotice>span{flex:0 0 34px;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#173222;color:#66e49c}
.minimumPayNotice svg{width:18px;height:18px}
.minimumPayNotice div{min-width:0}.minimumPayNotice b{display:block;color:#dff5e8;font-size:13px}.minimumPayNotice p{margin:4px 0 0;color:#82a991;font-size:12px;line-height:1.55}.minimumPayNotice strong{color:#79e6a6}
.minimumPayFee{margin-top:13px;color:#6f7a89;font-size:11px;line-height:1.6}
.minimumPayReceipt{border:1px solid #29323e;background:#171c25;border-radius:19px;padding:25px;display:flex;flex-direction:column;min-width:0}
.minimumPayBrand{display:flex;align-items:center;gap:12px;padding-bottom:20px;border-bottom:1px solid #28313c}.minimumPayBrand>span{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#113425;color:#6ef3a1;font-size:19px;font-weight:900}.minimumPayBrand div{display:flex;flex-direction:column;gap:2px}.minimumPayBrand small{font-size:9px;letter-spacing:.15em;color:#697383;font-weight:850}.minimumPayBrand b{color:#eef2f7;font-size:13px}
.minimumPayOrder{display:flex;flex-direction:column;gap:6px;padding:22px 0 18px;border-bottom:1px solid #28313c}.minimumPayOrder small{font-size:9px;letter-spacing:.14em;color:#66717f;font-weight:850}.minimumPayOrder>b{font-size:15px;line-height:1.4;color:#eef2f6}.minimumPayOrder>span{font:10px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;color:#626d7b;overflow-wrap:anywhere}
.minimumPayRows{display:flex;flex-direction:column;padding:14px 0}.minimumPayRows>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 0;color:#8b96a5;font-size:12px}.minimumPayRows>div b{color:#e7edf4;font-size:14px}.minimumPayRows>div.credit{margin-top:4px;padding:13px 12px;border-radius:11px;background:#10271b;color:#75c996}.minimumPayRows>div.credit b{color:#69e49c}
.minimumPayContinue{width:100%;min-height:50px;margin-top:auto;font-size:13px}.minimumPayContinue>b{margin-left:auto}.minimumPayContinue>span{font-size:18px}.minimumPayBack{width:100%;min-height:42px;margin-top:9px}.minimumPaySecure{display:block;margin-top:13px;color:#616c7a;font-size:9px;line-height:1.5;text-align:center}
.payMinimumSummary{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:13px 0;border-bottom:1px solid #262d38}.payMinimumSummary>span{display:flex;flex-direction:column;gap:4px;padding:9px 10px;border-radius:10px;background:#11161e}.payMinimumSummary small{color:#687383;font-size:9px}.payMinimumSummary b{color:#dfe6ee;font-size:12px}.payMinimumSummary>span:last-child b{color:#66df99}
@media(max-width:820px){.minimumPayPage{padding:18px 12px 42px}.minimumPayShell{grid-template-columns:1fr;padding:6px;border-radius:19px}.minimumPayHero{padding:26px 20px 17px}.minimumPayMark{width:50px;height:50px;border-radius:15px;margin-bottom:19px;font-size:26px}.minimumPayHero h1{font-size:27px}.minimumPayHero>p{font-size:13px}.minimumPayNotice{margin-top:21px}.minimumPayReceipt{padding:19px;border-radius:15px}.minimumPayRows>div{padding:10px 0}.minimumPayContinue{min-height:48px}.payMinimumSummary{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.minimumPayHero{padding:23px 16px 14px}.minimumPayHero h1{font-size:24px}.minimumPayNotice{padding:13px}.minimumPayNotice>span{flex-basis:30px;width:30px;height:30px}.minimumPayReceipt{padding:16px}.minimumPayRows>div{font-size:11px}.minimumPayRows>div b{font-size:13px}.minimumPayContinue{font-size:12px;padding-inline:14px}.payMinimumSummary{grid-template-columns:1fr}}

/* v124 — MARKET account + balance and split-payment polish */
.walletV124{padding:0;overflow:hidden;background:var(--surface);border:1px solid var(--line)}
.walletV124Hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;padding:26px 28px;border-bottom:1px solid var(--line);background:linear-gradient(125deg,rgba(44,113,222,.075),rgba(24,29,38,.08) 44%,transparent 76%)}
.walletV124HeroCopy{min-width:0}.walletV124HeroCopy>small,.walletV124SectionHead small,.profileWalletCard>div>small,.profileHomeHead small{display:block;color:#6f9fd8;font-size:9px;line-height:1.2;font-weight:850;letter-spacing:.14em}.walletV124HeroCopy h2{margin:5px 0 7px;font-size:25px;line-height:1.12;letter-spacing:-.035em}.walletV124HeroCopy>p{max-width:620px;margin:0;color:var(--muted);font-size:12px;line-height:1.6}
.walletV124Badges{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.walletV124Badges span{display:inline-flex;align-items:center;gap:6px;min-height:27px;padding:0 9px;border:1px solid rgba(92,144,214,.15);border-radius:9px;background:rgba(59,105,169,.065);color:#9fb9d8;font-size:10px;font-weight:700}.walletV124Badges svg{width:13px;height:13px}
.walletV124Amount{min-width:225px;padding:17px 19px;border:1px solid rgba(255,255,255,.065);border-radius:15px;background:rgba(9,13,20,.28);display:flex;flex-direction:column;align-items:flex-end}.walletV124Amount>span{color:var(--muted2);font-size:9px;text-transform:uppercase;letter-spacing:.11em;font-weight:800}.walletV124Amount strong{margin-top:4px;color:var(--text);font-size:27px;line-height:1.1;letter-spacing:-.04em}.walletV124Amount small{margin-top:5px;color:var(--muted);font-size:9px}
.walletV124Grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);gap:0;border-bottom:1px solid var(--line)}
.walletV124Topup,.walletV124Rules{min-width:0;padding:25px 28px}.walletV124Rules{border-left:1px solid var(--line);background:rgba(8,12,18,.12)}
.walletV124SectionHead{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}.walletV124SectionHead h3{margin:4px 0 0;font-size:17px;letter-spacing:-.02em}.walletV124SectionHead p{max-width:520px;margin:5px 0 0;color:var(--muted);font-size:10px;line-height:1.5}.walletV124SectionHead>span{min-width:27px;height:27px;padding:0 8px;border-radius:8px;display:grid;place-items:center;background:var(--surface2);border:1px solid var(--line);color:var(--muted);font-size:10px;font-weight:800}
.walletV124Topup .walletAmountLabel>span{font-size:11px}.walletV124Topup .walletAmountLabel>small{font-size:9px}.walletV124Topup .walletAmountField{height:52px;border-radius:12px;background:var(--surface2);border:1px solid var(--line)}.walletV124Topup .walletAmountField input{font-size:18px;font-weight:800}.walletV124Topup .walletAmountField:focus-within{border-color:rgba(54,134,239,.48);box-shadow:0 0 0 3px rgba(54,134,239,.07)}
.walletV124Presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:13px}.walletV124Presets button{height:38px;border:1px solid var(--line);border-radius:10px;background:var(--surface2);color:var(--text);font-size:10px;font-weight:750;cursor:pointer;transition:border-color .14s ease,background .14s ease,color .14s ease}.walletV124Presets button:hover,.walletV124Presets button.active{border-color:rgba(58,139,244,.48);background:rgba(44,124,232,.09);color:#9cc7ff}.walletV124Submit{width:100%;min-height:48px;margin-top:14px;border-radius:11px}.walletV124Submit span{margin-left:auto;font-size:16px}
.walletRule{display:grid;grid-template-columns:30px minmax(0,1fr);gap:11px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.045)}.walletRule:last-child{border-bottom:0}.walletRule>span{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:rgba(66,124,196,.085);border:1px solid rgba(84,145,220,.13);color:#8eafd6;font-size:10px;font-weight:850}.walletRule b{display:block;color:var(--text);font-size:11px}.walletRule p{margin:4px 0 0;color:var(--muted);font-size:10px;line-height:1.55}
.walletV124History{padding:23px 28px 26px}.walletV124History .walletV124SectionHead{margin-bottom:11px}.walletHistoryList{display:grid;gap:7px}.walletHistoryRow{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 13px;border:1px solid var(--line);border-radius:11px;background:var(--surface2)}.walletHistoryRow>span{min-width:0;display:flex;flex-direction:column;gap:3px}.walletHistoryRow b{font-size:12px}.walletHistoryRow small{color:var(--muted2);font-size:9px}.walletHistoryRow em{font-style:normal;font-size:9px;font-weight:750;color:var(--muted);padding:5px 8px;border-radius:7px;background:rgba(255,255,255,.035)}.walletHistoryRow em.status-paid{color:#71d69c;background:rgba(48,160,98,.09)}.walletHistoryRow em.status-payment_pending{color:#d8b56c;background:rgba(195,139,38,.09)}
.walletEmptyHistory{padding:18px!important}

.profileHomeV124{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:12px;margin-top:12px}.profileWalletCard,.profileRecentCard{min-width:0;border:1px solid var(--line);border-radius:18px;background:var(--surface);padding:20px;box-shadow:0 12px 34px rgba(0,0,0,.055)}.profileWalletCard{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(38,94,171,.09),var(--surface) 44%)}.profileWalletCard:after{content:"";position:absolute;right:-42px;top:-58px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(67,127,206,.07),transparent 70%);pointer-events:none}.profileWalletCard h2{margin:5px 0 2px;font-size:29px;letter-spacing:-.045em}.profileWalletCard p{margin:0;color:var(--muted);font-size:10px}.profileWalletActions{display:flex;gap:8px;margin-top:17px}.profileWalletActions .authPrimary,.profileSoftBtn{min-height:39px;padding:0 15px;border-radius:10px;font-size:10px;font-weight:800}.profileSoftBtn{border:1px solid var(--line);background:var(--surface2);color:var(--text);cursor:pointer}.profileWalletHint{margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.045);color:var(--muted);font-size:9px;line-height:1.45}.profileHomeHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.profileHomeHead h3{margin:4px 0 0;font-size:16px}.profileHomeHead button{border:0;background:none;color:#78a9e6;font-size:10px;font-weight:750;cursor:pointer}.profileRecentList{display:grid;gap:6px}.profileRecentList>div{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.045)}.profileRecentList>div:last-child{border-bottom:0}.profileRecentList>div>span{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:var(--surface2);border:1px solid var(--line);color:#8194aa;font-size:11px}.profileRecentList div div{min-width:0}.profileRecentList b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.profileRecentList small{display:block;margin-top:2px;color:var(--muted2);font-size:8px}.profileRecentList strong{font-size:10px;white-space:nowrap}.emptyProfile.compact{padding:18px 0!important;border:0!important;background:transparent!important}
.purchasesV124 .memberPanelHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.purchasesV124 .memberPanelHead h2{margin:0;font-size:18px}.purchasesV124 .memberPanelHead p{margin:4px 0 0;color:var(--muted);font-size:10px}.purchasesV124 .memberPanelHead>b{min-width:31px;height:31px;padding:0 8px;border-radius:9px;display:grid;place-items:center;background:var(--surface2);border:1px solid var(--line);font-size:10px}.purchaseListV124>div{grid-template-columns:auto minmax(0,1fr) auto}.purchaseMeta{display:flex;align-items:flex-end;flex-direction:column;gap:4px}.purchaseMeta strong{font-size:10px}.purchaseMeta em{font-style:normal;color:var(--muted);font-size:8px;font-weight:750}.purchaseMeta em.order-paid{color:#70d49a}.purchaseMeta em.order-payment_pending,.purchaseMeta em.order-pending_gateway{color:#d8b56c}

/* balance method inside GIFtos PAY */
.payMethodBalance{border-color:rgba(66,145,230,.23)!important;background:linear-gradient(115deg,rgba(44,106,182,.095),rgba(25,30,39,.24))!important}.payMethodBalance .payMethodIcon{color:#84b8ef!important;background:rgba(57,119,190,.12)!important}.payMethodBalance:hover{border-color:rgba(75,157,244,.45)!important;background:rgba(45,112,193,.12)!important}
.payBalanceSummary{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:12px 0;border-bottom:1px solid #262d38}.payBalanceSummary>span{display:flex;flex-direction:column;gap:4px;padding:9px 10px;border-radius:10px;background:#11161e}.payBalanceSummary small{color:#687383;font-size:9px}.payBalanceSummary b{font-size:12px;color:#dfe6ee}.payBalanceSummary>span:last-child b{color:#83b8ee}
.payBalanceApplied{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;align-items:center;margin:0 0 14px;padding:12px 13px;border:1px solid rgba(74,139,214,.17);border-radius:13px;background:linear-gradient(110deg,rgba(48,105,171,.08),rgba(23,28,37,.28))}.payBalanceAppliedIcon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:rgba(62,129,204,.11);color:#88b6e7}.payBalanceAppliedIcon svg{width:18px;height:18px}.payBalanceApplied>div{min-width:0;display:flex;flex-direction:column;gap:3px}.payBalanceApplied small{font-size:8px;letter-spacing:.12em;color:#7293ba;font-weight:850}.payBalanceApplied b{color:#e5ebf2;font-size:11px}.payBalanceApplied span{color:#788493;font-size:9px;line-height:1.4}.payBalanceApplied button{border:1px solid #303947;border-radius:9px;background:#151b24;color:#9ca7b4;padding:7px 9px;font-size:9px;font-weight:700;cursor:pointer}.payBalanceApplied button:hover{border-color:#496178;color:#d4dde7}.paySummaryNote{padding-top:11px;color:#5e6877;font-size:9px;line-height:1.5}.minimumPayRows>div.balance{padding:11px 12px;border-radius:10px;background:rgba(39,93,153,.08);color:#779abf}.minimumPayRows>div.balance b{color:#8ab8e8}.paymentAdminBalanceUse{margin:8px 0;padding:7px 9px;border-radius:8px;background:rgba(49,112,185,.07);color:#83a7ce;font-size:9px}

@media(max-width:900px){
  .walletV124Grid{grid-template-columns:1fr}.walletV124Rules{border-left:0;border-top:1px solid var(--line)}
  .profileHomeV124{grid-template-columns:1fr}
}
@media(max-width:640px){
  .profileQuickGrid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;justify-content:stretch!important;overflow:visible!important;padding:8px!important;gap:6px!important}
  .profileQuickGrid button.profileQuickItem{min-width:0!important;width:auto!important;flex:none!important;padding-inline:4px!important}
  .profileQuickValue{font-size:10px!important}.profileQuickLabel{font-size:9px!important}
  .walletV124Hero{grid-template-columns:1fr;padding:20px 16px;gap:15px}.walletV124HeroCopy h2{font-size:22px}.walletV124Amount{min-width:0;width:100%;box-sizing:border-box;align-items:flex-start}.walletV124Amount strong{font-size:25px}.walletV124Topup,.walletV124Rules{padding:19px 16px}.walletV124Presets{grid-template-columns:repeat(2,minmax(0,1fr))}.walletV124History{padding:19px 16px 21px}.walletHistoryRow{padding:10px 11px}
  .profileHomeV124{gap:9px}.profileWalletCard,.profileRecentCard{padding:16px;border-radius:15px}.profileWalletCard h2{font-size:25px}.profileWalletActions{display:grid;grid-template-columns:1fr 1fr}.profileWalletActions .authPrimary,.profileSoftBtn{width:100%}
  .purchaseListV124>div{grid-template-columns:auto minmax(0,1fr)}.purchaseMeta{grid-column:2;align-items:flex-start;flex-direction:row;gap:8px;margin-top:3px}
  .payBalanceApplied{grid-template-columns:34px minmax(0,1fr);padding:11px}.payBalanceAppliedIcon{width:32px;height:32px}.payBalanceApplied button{grid-column:2;justify-self:start}.payBalanceSummary{grid-template-columns:1fr 1fr}
}
@media(max-width:390px){.profileQuickGrid{gap:5px!important}.walletV124Badges{gap:5px}.walletV124Badges span{font-size:9px;padding:0 7px}.payBalanceSummary{grid-template-columns:1fr}}
html[data-theme="light"] .walletV124Amount,html[data-theme="light"] .profileWalletCard{background:#fff}html[data-theme="light"] .walletV124Rules{background:#fbfcfe}html[data-theme="light"] .walletRule{border-color:#edf0f4}html[data-theme="light"] .profileWalletHint,html[data-theme="light"] .profileRecentList>div{border-color:#edf0f4}
.balanceAssetFallback{display:grid;place-items:center!important;border:0!important;background:transparent!important;color:#5da2ff!important;font-weight:850!important;font-size:13px!important;line-height:1!important}

/* v125 — readable MARKET account typography, polished balance input and banking-style GCard */
.memberPage{font-size:16px}
.memberCrumb{font-size:14px;line-height:1.35}
.memberHeader h1{font-size:23px;line-height:1.18}
.memberHeader p{font-size:12.5px;line-height:1.4}
.profileQuickGrid button.profileQuickItem{font-size:13px;gap:8px}
.profileQuickLabel{font-size:12px!important;font-weight:720;line-height:1.25}
.profileQuickValue{font-size:12px!important;font-weight:850;line-height:1.2}
.levelTop{font-size:12.5px}.memberLevelNext b{font-size:13px}.memberLevelNext small{font-size:11px}.levelPrize{font-size:11px}
.memberPanelHead p{font-size:12.5px;line-height:1.5}
.settingsList b{font-size:13.5px}.settingsList small{font-size:11.5px;line-height:1.4}.settingsList em,.settingsList button{font-size:12px}
.purchaseList b{font-size:13px}.purchaseList small{font-size:10.5px;line-height:1.4}.purchaseList em{font-size:10.5px}
.emptyFeature p{font-size:12.5px;line-height:1.6}

.walletV124HeroCopy>small,.walletV124SectionHead small,.profileWalletCard>div>small,.profileHomeHead small{font-size:10.5px;line-height:1.3;letter-spacing:.12em}
.walletV124HeroCopy h2{font-size:28px}.walletV124HeroCopy>p{font-size:13.5px;line-height:1.65}
.walletV124Badges span{min-height:30px;padding:0 11px;font-size:11.5px;line-height:1.2}
.walletV124Badges svg{width:14px;height:14px}
.walletV124Amount>span{font-size:10.5px}.walletV124Amount strong{font-size:31px}.walletV124Amount small{font-size:10.5px;line-height:1.4}
.walletV124SectionHead h3{font-size:19px}.walletV124SectionHead p{font-size:12px;line-height:1.55}.walletV124SectionHead>span{font-size:11px}
.walletV124Topup .walletAmountLabel>span{font-size:12.5px}.walletV124Topup .walletAmountLabel>small{font-size:10.5px;line-height:1.45}
.walletV124Topup .walletAmountField{position:relative;height:56px;display:block;border-radius:13px;overflow:hidden}
.walletV124Topup .walletAmountField input{height:100%;padding:0 58px 0 16px!important;font-size:20px;font-weight:850;line-height:56px;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.walletV124Topup .walletAmountField input:focus{box-shadow:none!important}
.walletCurrencyMark{position:absolute!important;right:10px!important;top:50%!important;transform:translateY(-50%)!important;width:38px!important;height:38px!important;border-radius:10px!important;display:grid!important;place-items:center!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.055)!important;color:#b9c5d3!important;font-size:18px!important;font-weight:800!important;line-height:1!important;pointer-events:none!important}
.walletV124Presets button{height:42px;font-size:11.5px}.walletV124Submit{min-height:50px;font-size:12.5px}
.walletRule{grid-template-columns:34px minmax(0,1fr);gap:12px;padding:14px 0}.walletRule>span{width:32px;height:32px;font-size:11.5px}.walletRule b{font-size:13px}.walletRule p{font-size:11.5px;line-height:1.6}
.walletHistoryRow b{font-size:13.5px}.walletHistoryRow small{font-size:10.5px}.walletHistoryRow em{font-size:10.5px;padding:6px 9px}
.profileWalletCard h2{font-size:31px}.profileWalletCard p{font-size:12px;line-height:1.5}.profileWalletActions .authPrimary,.profileSoftBtn{font-size:11.5px;min-height:42px}.profileWalletHint{font-size:10.5px;line-height:1.55}
.profileHomeHead h3{font-size:18px}.profileHomeHead button{font-size:11.5px}.profileRecentList b{font-size:12px}.profileRecentList small{font-size:10px}.profileRecentList strong{font-size:11.5px}
.purchasesV124 .memberPanelHead h2{font-size:20px}.purchasesV124 .memberPanelHead p{font-size:12px}.purchasesV124 .memberPanelHead>b{font-size:11.5px}.purchaseMeta strong{font-size:12px}.purchaseMeta em{font-size:10.5px}

/* Keep the balance part of GIFtos PAY equally readable. */
.payBalanceSummary small{font-size:10.5px}.payBalanceSummary b{font-size:13.5px}
.payBalanceApplied small{font-size:9.5px}.payBalanceApplied b{font-size:12.5px}.payBalanceApplied span{font-size:10.5px;line-height:1.5}.payBalanceApplied button{font-size:10.5px;padding:8px 10px}
.paySummaryNote{font-size:10.5px;line-height:1.55}.paymentAdminBalanceUse{font-size:10.5px}

/* GCard — proportions and details of a real bank card, while keeping the GIFTOS identity. */
.gcardHero{padding:30px}
.gcardIntro small{font-size:12px}.gcardIntro h2{font-size:30px}.gcardIntro p{font-size:13px;line-height:1.65}.gcardStatus{font-size:12.5px;padding:9px 14px}
.gcardLayout{grid-template-columns:minmax(360px,1.08fr) minmax(300px,.92fr);gap:26px;align-items:center}
.gcardVisual{width:100%;min-height:0;aspect-ratio:1.586/1;border-radius:24px;padding:24px 25px 22px;box-sizing:border-box;background:linear-gradient(145deg,#151b24 0%,#101823 43%,#172433 100%);border:1px solid rgba(159,186,216,.18);box-shadow:0 22px 58px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08),inset 0 -1px 0 rgba(0,0,0,.35)}
.gcardVisual:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.055),transparent 28%,transparent 70%,rgba(74,138,207,.055));pointer-events:none}
.gcardVisual:after{content:"";position:absolute;right:-24%;bottom:-52%;width:68%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(120,174,230,.11);box-shadow:0 0 0 30px rgba(85,143,203,.035),0 0 0 64px rgba(85,143,203,.02);pointer-events:none}
.gcardGlow{left:-14%;top:-28%;width:62%;height:92%;background:radial-gradient(circle,rgba(75,142,214,.17),transparent 68%);transform:none;filter:blur(2px)}
.gcardBankTop,.gcardHardware,.gcardNumber,.gcardBankBottom{position:relative;z-index:2}
.gcardBankTop{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.gcardBrand{gap:10px}.gcardBrand>b{width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,#347fca,#1e5b99);font-size:20px;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 8px 20px rgba(0,0,0,.2)}
.gcardBrand>span{display:flex;flex-direction:column;gap:1px}.gcardBrand strong{font-size:15px;line-height:1.05;letter-spacing:.08em}.gcardBrand small{font-size:8.5px;line-height:1.1;letter-spacing:.22em;color:rgba(237,244,252,.55);font-weight:800}
.gcardVirtual{position:static;margin-top:3px;padding:6px 8px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:rgba(255,255,255,.025);font-size:8.5px;letter-spacing:.16em;color:rgba(255,255,255,.6)}
.gcardHardware{display:flex;align-items:center;gap:11px;margin-top:28px}
.gcardChip{width:44px;height:34px;display:block}.gcardChip svg{width:100%;height:100%;display:block}.gcardChip rect{fill:#c9ad72;stroke:#f0da9e;stroke-width:1}.gcardChip path{fill:none;stroke:#806d47;stroke-width:1.1;opacity:.8}
.gcardContactless{width:25px;height:25px;display:block;color:rgba(236,242,249,.64)}.gcardContactless svg{width:100%;height:100%;display:block}.gcardContactless path{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.gcardNumber{margin-top:20px;font-size:22px;font-weight:650;letter-spacing:.13em;line-height:1.05;text-shadow:0 1px 0 rgba(0,0,0,.25)}
.gcardBankBottom{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:17px;align-items:end;margin-top:24px}
.gcardBankBottom>span{min-width:0}.gcardBankBottom small{font-size:7.5px;letter-spacing:.13em;color:rgba(237,243,249,.48)}.gcardBankBottom b{font-size:11px;letter-spacing:.045em;white-space:nowrap}.gcardHolder b{max-width:170px;overflow:hidden;text-overflow:ellipsis}.gcardNetwork{position:relative!important;width:47px;height:28px!important;display:block!important;align-self:end}.gcardNetwork i{position:absolute;top:2px;width:25px;height:25px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.05)}.gcardNetwork i:first-child{left:0}.gcardNetwork i:nth-child(2){right:0}.gcardNetwork b{position:absolute;inset:0;display:grid;place-items:center;font-size:8px!important;letter-spacing:.08em;color:rgba(255,255,255,.72)}
.gcardIdBox span,.gcardFacts span{font-size:12px}.gcardIdBox b{font-size:20px}.gcardIdBox small{font-size:11px;line-height:1.45}.gcardFacts b{font-size:13.5px}.gcardActivate b,.gcardNotice b{font-size:17px}.gcardActivate p,.gcardNotice p{font-size:12.5px;line-height:1.55}.gcardTopupLink{font-size:12px}

@media(max-width:760px){
  .memberPage{font-size:15px}.memberHeader h1{font-size:21px}.memberHeader p{font-size:12px}
  .profileQuickLabel{font-size:11px!important}.profileQuickValue{font-size:11.5px!important}
  .walletV124HeroCopy h2{font-size:24px}.walletV124HeroCopy>p{font-size:12.5px}.walletV124Badges span{font-size:10.5px}
  .walletV124Amount strong{font-size:28px}.walletV124SectionHead h3{font-size:18px}.walletV124SectionHead p{font-size:11.5px}
  .walletV124Topup .walletAmountField{height:54px}.walletV124Topup .walletAmountField input{font-size:19px;line-height:54px}.walletCurrencyMark{width:36px!important;height:36px!important;font-size:17px!important}
  .walletV124Presets button{font-size:11px}.walletRule b{font-size:12.5px}.walletRule p{font-size:11px}.walletHistoryRow b{font-size:13px}.walletHistoryRow small,.walletHistoryRow em{font-size:10px}
  .gcardHero{padding:18px}.gcardIntro h2{font-size:24px}.gcardIntro p{font-size:12.5px}.gcardLayout{grid-template-columns:1fr;gap:17px}.gcardVisual{aspect-ratio:1.586/1;min-height:0;padding:20px 20px 18px;border-radius:20px}.gcardBrand>b{width:35px;height:35px}.gcardHardware{margin-top:22px}.gcardNumber{margin-top:17px;font-size:18px;letter-spacing:.1em}.gcardBankBottom{margin-top:20px;gap:10px;grid-template-columns:minmax(0,1fr) auto auto}.gcardCurrency{display:none!important}.gcardBankBottom small{font-size:7px}.gcardBankBottom b{font-size:10px}.gcardNetwork{width:42px;height:26px!important}.gcardNetwork i{width:23px;height:23px}
}
@media(max-width:390px){
  .profileQuickGrid button.profileQuickItem{padding-inline:3px!important}.profileQuickLabel{font-size:10.5px!important}.profileQuickValue{font-size:11px!important}
  .walletV124Badges span{font-size:10px!important;padding:0 8px}.walletV124SectionHead p{font-size:11px}.walletRule p{font-size:10.8px}
  .gcardVisual{padding:18px 17px 16px}.gcardVirtual{font-size:7.5px;padding:5px 7px}.gcardHardware{margin-top:19px}.gcardChip{width:40px;height:31px}.gcardNumber{font-size:16px;margin-top:15px}.gcardBankBottom{margin-top:17px;gap:8px}.gcardHolder b{max-width:130px}.gcardBankBottom b{font-size:9px}.gcardNetwork{width:38px;height:23px!important}.gcardNetwork i{width:21px;height:21px}
}

/* v126 — GCard as a real banking cabinet inside the existing MARKET personal account. */
.gcardCabinet{padding:0;overflow:hidden;background:linear-gradient(180deg,rgba(25,31,41,.98),rgba(19,24,32,.98));border:1px solid rgba(148,166,191,.09);box-shadow:0 22px 60px rgba(0,0,0,.15)}
.gcardCabinetHead{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;padding:28px 30px 22px;border-bottom:1px solid rgba(148,166,191,.08)}
.gcardCabinetTitle>span{display:block;margin-bottom:7px;color:#7ea5de;font-size:10px;font-weight:900;letter-spacing:.14em}.gcardCabinetTitle h2{margin:0;color:#f4f7fb;font-size:27px;line-height:1.12;letter-spacing:-.02em}.gcardCabinetTitle p{max-width:610px;margin:9px 0 0;color:#8e99aa;font-size:12.5px;line-height:1.55}
.gcardCabinetStatus{display:flex;flex-direction:column;align-items:flex-end;gap:7px;flex:none}.gcardCabinetStatus .gcardStatus{display:inline-flex;align-items:center;gap:8px;margin:0;padding:9px 13px;background:rgba(255,255,255,.025);border-color:rgba(153,171,194,.1);color:#c3ccd8}.gcardCabinetStatus .gcardStatus i{width:7px;height:7px;border-radius:50%;background:#8c98a9;box-shadow:0 0 0 4px rgba(140,152,169,.07)}.gcardCabinetStatus .gcardStatus.pending i{background:#d6a34c;box-shadow:0 0 0 4px rgba(214,163,76,.08)}.gcardCabinetStatus .gcardStatus.active i{background:#3abc80;box-shadow:0 0 0 4px rgba(58,188,128,.08)}.gcardCabinetStatus small{color:#677383;font-size:10.5px}
.gcardCabinetGrid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);gap:20px;padding:24px 30px 20px}.gcardCardColumn{min-width:0}.gcardCardColumn .gcardVisual{max-width:none;margin:0;box-shadow:0 18px 45px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.07)}
.gcardBankActions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.gcardBankActions button{display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;align-items:center;min-width:0;padding:11px 12px;border:1px solid rgba(148,166,191,.08);border-radius:14px;background:rgba(255,255,255,.018);color:#eef3f8;text-align:left;cursor:pointer;transition:.18s ease}.gcardBankActions button:hover{border-color:rgba(94,151,213,.17);background:rgba(62,113,168,.055);transform:translateY(-1px)}.gcardBankActions button>span{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(69,122,180,.09);color:#7aa9dc}.gcardBankActionIcon{width:17px;height:17px}.gcardBankActions b{min-width:0;font-size:11.5px;line-height:1.2}.gcardBankActions small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#6f7b8b;font-size:9.5px;line-height:1.2}
.gcardAccountPanel{display:flex;min-width:0;flex-direction:column;border:1px solid rgba(148,166,191,.09);border-radius:20px;background:rgba(255,255,255,.018);overflow:hidden}.gcardAccountBalance{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px;border-bottom:1px solid rgba(148,166,191,.08);background:linear-gradient(135deg,rgba(55,92,132,.08),rgba(255,255,255,.008))}.gcardAccountBalance span{display:block;color:#dce5ef;font-size:12.5px;font-weight:850}.gcardAccountBalance small{display:block;margin-top:4px;color:#677383;font-size:9.5px}.gcardAccountBalance strong{flex:none;color:#f4f8fc;font-size:20px;line-height:1.1;letter-spacing:-.02em}
.gcardAccountRows{padding:4px 0}.gcardAccountRows>div{display:grid;grid-template-columns:34px minmax(0,1fr);gap:11px;align-items:center;padding:11px 16px;border-bottom:1px solid rgba(148,166,191,.065)}.gcardAccountRows>div:last-child{border-bottom:0}.gcardAccountIcon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(69,122,180,.07);color:#719dca}.gcardAccountSvg{width:17px;height:17px}.gcardAccountRows span span{min-width:0}.gcardAccountRows small{display:block;margin-bottom:3px;color:#667282;font-size:9.5px}.gcardAccountRows b{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e7edf4;font-size:11.5px;font-weight:800;letter-spacing:.01em}
.gcardActivationBox,.gcardBankState{margin:auto 14px 14px;padding:14px;border:1px solid rgba(148,166,191,.08);border-radius:15px;background:rgba(9,13,19,.2)}.gcardActivationBox>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.gcardActivationBox span{color:#8c98a8;font-size:10px}.gcardActivationBox b{font-size:16px}.gcardActivationBox p,.gcardBankState p{margin:7px 0 0;color:#6f7b8b;font-size:10.5px;line-height:1.5}.gcardActivateButton{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:42px;margin-top:12px;padding:0 14px;border:1px solid rgba(74,143,216,.16);border-radius:12px;background:linear-gradient(180deg,#246fb9,#1d5d9d);color:#fff;font-size:11px;font-weight:850;cursor:pointer;box-shadow:none}.gcardActivateButton:hover{filter:brightness(1.05)}.gcardActivateButton:disabled{opacity:.6;cursor:wait}.gcardBankState{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:start}.gcardBankState>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(208,157,74,.08);color:#d0a05a}.gcardBankState.active>span{background:rgba(54,169,111,.08);color:#4cb97e}.gcardBankStateIcon{width:17px;height:17px}.gcardBankState b{display:block;color:#e9eef4;font-size:11.5px}
.gcardBankInfoGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 30px 28px}.gcardBankInfo{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;align-items:start;padding:15px 16px;border:1px solid rgba(148,166,191,.075);border-radius:16px;background:rgba(255,255,255,.012)}.gcardBankInfoIcon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgba(69,122,180,.07);color:#729dca}.gcardBankInfoSvg{width:19px;height:19px}.gcardBankInfo b{display:block;margin:1px 0 5px;color:#dfe7f0;font-size:11.5px}.gcardBankInfo p{margin:0;color:#6d7989;font-size:10.5px;line-height:1.5}.gcardCabinet #gcardMsg{padding:0 30px 22px}

@media(max-width:760px){
  .gcardCabinetHead{display:block;padding:20px 18px 17px}.gcardCabinetTitle h2{font-size:23px}.gcardCabinetTitle p{font-size:11.5px}.gcardCabinetStatus{align-items:flex-start;margin-top:13px}.gcardCabinetStatus small{font-size:10px}
  .gcardCabinetGrid{grid-template-columns:1fr;gap:14px;padding:16px 18px}.gcardBankActions{gap:8px}.gcardBankActions button{grid-template-columns:30px minmax(0,1fr);padding:9px 8px;column-gap:7px}.gcardBankActions button>span{width:30px;height:30px;border-radius:9px}.gcardBankActionIcon{width:15px;height:15px}.gcardBankActions b{font-size:10.5px}.gcardBankActions small{font-size:8.5px}.gcardAccountPanel{border-radius:17px}.gcardAccountBalance{padding:17px}.gcardAccountRows>div{padding:10px 14px}.gcardBankInfoGrid{grid-template-columns:1fr;gap:9px;padding:0 18px 20px}.gcardBankInfo{padding:13px 14px}.gcardCabinet #gcardMsg{padding:0 18px 18px}
}
@media(max-width:390px){
  .gcardBankActions{grid-template-columns:1fr 1fr 1fr}.gcardBankActions button{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:9px 8px}.gcardBankActions button>span{flex:none}.gcardBankActions small{white-space:normal;line-height:1.25}.gcardAccountBalance strong{font-size:18px}.gcardCabinetTitle>span{font-size:9px}.gcardCabinetTitle h2{font-size:22px}
}


/* v127 — polish the real GCard cabinet: wider banking workspace, no clipped card details, readable quick actions. */
.gcardMemberPage{width:min(1040px,100%)!important;max-width:1040px!important}
.gcardMemberPage .gcardCabinet{border-radius:20px}
.gcardMemberPage .gcardCabinetHead{padding:30px 34px 24px;gap:34px}
.gcardMemberPage .gcardCabinetTitle>span{font-size:10.5px;letter-spacing:.16em}
.gcardMemberPage .gcardCabinetTitle h2{font-size:31px;line-height:1.08}
.gcardMemberPage .gcardCabinetTitle p{max-width:680px;font-size:13px;line-height:1.55}
.gcardMemberPage .gcardCabinetStatus{padding-top:1px;gap:9px}
.gcardMemberPage .gcardCabinetStatus .gcardStatus{padding:10px 15px;font-size:12.5px}
.gcardMemberPage .gcardCabinetStatus small{font-size:10.5px}

.gcardMemberPage .gcardCabinetGrid{grid-template-columns:minmax(0,1.16fr) minmax(340px,.84fr);gap:24px;padding:28px 34px 24px}
.gcardMemberPage .gcardVisual{aspect-ratio:1.54/1;padding:27px 29px 25px;border-radius:25px}
.gcardMemberPage .gcardBrand>b{width:42px;height:42px;border-radius:12px;font-size:22px}
.gcardMemberPage .gcardBrand strong{font-size:17px}
.gcardMemberPage .gcardBrand small{font-size:9px}
.gcardMemberPage .gcardVirtual{padding:7px 10px;font-size:9px}
.gcardMemberPage .gcardHardware{margin-top:31px}
.gcardMemberPage .gcardChip{width:48px;height:37px}
.gcardMemberPage .gcardContactless{width:27px;height:27px}
.gcardMemberPage .gcardNumber{margin-top:24px;font-size:25px;letter-spacing:.14em}
.gcardMemberPage .gcardBankBottom{grid-template-columns:minmax(0,1fr) auto auto auto;gap:22px;margin-top:26px}
.gcardMemberPage .gcardBankBottom small{font-size:8px}
.gcardMemberPage .gcardBankBottom b{font-size:11.5px}
.gcardMemberPage .gcardHolder b{max-width:210px}
.gcardMemberPage .gcardNetwork{width:50px;height:29px!important}
.gcardMemberPage .gcardNetwork i{width:26px;height:26px}

.gcardMemberPage .gcardBankActions{gap:12px;margin-top:14px}
.gcardMemberPage .gcardBankActions button{display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;min-height:76px;padding:13px 14px;border-radius:15px;background:rgba(255,255,255,.02)}
.gcardMemberPage .gcardBankActions button>span{grid-row:1/3;width:42px;height:42px;border-radius:12px}
.gcardMemberPage .gcardBankActionIcon{width:19px;height:19px}
.gcardMemberPage .gcardBankActions b{font-size:13px;line-height:1.2}
.gcardMemberPage .gcardBankActions small{overflow:visible;text-overflow:clip;white-space:normal;color:#788698;font-size:10.5px;line-height:1.3}

.gcardMemberPage .gcardAccountPanel{border-radius:22px}
.gcardMemberPage .gcardAccountBalance{padding:22px 22px 20px}
.gcardMemberPage .gcardAccountBalance span{font-size:14px}
.gcardMemberPage .gcardAccountBalance small{font-size:10px}
.gcardMemberPage .gcardAccountBalance strong{font-size:23px}
.gcardMemberPage .gcardAccountRows{padding:3px 0}
.gcardMemberPage .gcardAccountRows>div{grid-template-columns:40px minmax(0,1fr);gap:13px;padding:13px 18px}
.gcardMemberPage .gcardAccountIcon{width:40px;height:40px;border-radius:12px}
.gcardMemberPage .gcardAccountSvg{width:19px;height:19px}
.gcardMemberPage .gcardAccountRows small{font-size:10px}
.gcardMemberPage .gcardAccountRows b{font-size:12.5px}
.gcardMemberPage .gcardActivationBox,.gcardMemberPage .gcardBankState{margin:16px 18px 18px;padding:16px 17px;border-radius:16px}
.gcardMemberPage .gcardBankState{grid-template-columns:40px minmax(0,1fr);gap:12px}
.gcardMemberPage .gcardBankState>span{width:40px;height:40px;border-radius:12px}
.gcardMemberPage .gcardBankState b{font-size:12.5px}
.gcardMemberPage .gcardActivationBox p,.gcardMemberPage .gcardBankState p{font-size:11px;line-height:1.55}

.gcardMemberPage .gcardBankInfoGrid{gap:16px;padding:0 34px 32px}
.gcardMemberPage .gcardBankInfo{grid-template-columns:44px minmax(0,1fr);gap:14px;padding:18px;border-radius:17px}
.gcardMemberPage .gcardBankInfoIcon{width:44px;height:44px;border-radius:13px}
.gcardMemberPage .gcardBankInfoSvg{width:20px;height:20px}
.gcardMemberPage .gcardBankInfo b{font-size:12.5px}
.gcardMemberPage .gcardBankInfo p{font-size:11.5px;line-height:1.55}

@media(max-width:900px){
  .gcardMemberPage{width:min(760px,100%)!important;max-width:760px!important}
  .gcardMemberPage .gcardCabinetGrid{grid-template-columns:1fr;gap:18px}
  .gcardMemberPage .gcardVisual{max-width:620px;margin-inline:auto}
}
@media(max-width:760px){
  .gcardMemberPage{width:100%!important;max-width:none!important}
  .gcardMemberPage .gcardCabinetHead{padding:20px 18px 17px}
  .gcardMemberPage .gcardCabinetTitle h2{font-size:24px}
  .gcardMemberPage .gcardCabinetTitle p{font-size:12px}
  .gcardMemberPage .gcardCabinetGrid{padding:18px;gap:15px}
  .gcardMemberPage .gcardVisual{aspect-ratio:1.5/1;padding:21px 21px 19px}
  .gcardMemberPage .gcardHardware{margin-top:22px}
  .gcardMemberPage .gcardNumber{margin-top:18px;font-size:19px;letter-spacing:.105em}
  .gcardMemberPage .gcardBankBottom{margin-top:19px;gap:11px}
  .gcardMemberPage .gcardBankActions{gap:8px}
  .gcardMemberPage .gcardBankActions button{display:flex;min-height:74px;flex-direction:column;align-items:flex-start;gap:5px;padding:10px 9px}
  .gcardMemberPage .gcardBankActions button>span{width:34px;height:34px;flex:none}
  .gcardMemberPage .gcardBankActions b{font-size:11px}
  .gcardMemberPage .gcardBankActions small{font-size:9px;line-height:1.25}
  .gcardMemberPage .gcardBankInfoGrid{grid-template-columns:1fr;padding:0 18px 20px;gap:10px}
}
@media(max-width:390px){
  .gcardMemberPage .gcardVisual{aspect-ratio:1.46/1;padding:19px 17px 17px}
  .gcardMemberPage .gcardBrand>b{width:36px;height:36px}.gcardMemberPage .gcardBrand strong{font-size:14px}
  .gcardMemberPage .gcardHardware{margin-top:18px}.gcardMemberPage .gcardChip{width:41px;height:31px}
  .gcardMemberPage .gcardNumber{margin-top:14px;font-size:16px}
  .gcardMemberPage .gcardBankBottom{margin-top:14px;gap:8px}.gcardMemberPage .gcardBankBottom b{font-size:9.5px}
  .gcardMemberPage .gcardBankActions button{min-height:70px}
}

/* v128 — GCard fits the normal MARKET account width; card first, account details below. */
.gcardMemberPage{width:min(720px,100%)!important;max-width:720px!important}
.gcardMemberPage .gcardCabinet{border-radius:18px}
.gcardMemberPage .gcardCabinetHead{padding:24px 24px 19px;gap:20px}
.gcardMemberPage .gcardCabinetTitle>span{font-size:9.5px;letter-spacing:.14em}
.gcardMemberPage .gcardCabinetTitle h2{font-size:27px;line-height:1.1}
.gcardMemberPage .gcardCabinetTitle p{max-width:480px;font-size:12px;line-height:1.5}
.gcardMemberPage .gcardCabinetStatus .gcardStatus{padding:8px 12px;font-size:11.5px}
.gcardMemberPage .gcardCabinetStatus small{font-size:9.5px}
.gcardCabinetStack{display:grid;gap:14px;padding:20px 24px 18px}
.gcardMemberPage .gcardVisual{width:min(500px,100%);aspect-ratio:1.586/1;margin:0 auto;padding:23px 24px 20px;border-radius:22px}
.gcardMemberPage .gcardBrand>b{width:38px;height:38px;border-radius:11px;font-size:20px}
.gcardMemberPage .gcardBrand strong{font-size:15px}.gcardMemberPage .gcardBrand small{font-size:8.5px}
.gcardMemberPage .gcardVirtual{padding:6px 8px;font-size:8px}
.gcardMemberPage .gcardHardware{margin-top:25px}.gcardMemberPage .gcardChip{width:44px;height:34px}.gcardMemberPage .gcardContactless{width:25px;height:25px}
.gcardMemberPage .gcardNumber{margin-top:19px;font-size:21px;letter-spacing:.12em}
.gcardMemberPage .gcardBankBottom{grid-template-columns:minmax(0,1fr) auto auto auto;gap:15px;margin-top:21px}
.gcardMemberPage .gcardBankBottom small{font-size:7.5px}.gcardMemberPage .gcardBankBottom b{font-size:10.5px}.gcardMemberPage .gcardHolder b{max-width:170px}.gcardMemberPage .gcardNetwork{width:46px;height:27px!important}.gcardMemberPage .gcardNetwork i{width:24px;height:24px}
.gcardMemberPage .gcardAccountPanel{border-radius:17px;background:rgba(255,255,255,.014)}
.gcardMemberPage .gcardAccountBalance{padding:16px 18px}.gcardMemberPage .gcardAccountBalance span{font-size:12.5px}.gcardMemberPage .gcardAccountBalance small{font-size:9.5px}.gcardMemberPage .gcardAccountBalance strong{font-size:20px}
.gcardMemberPage .gcardAccountRows{display:grid;grid-template-columns:1fr 1fr;padding:0}
.gcardMemberPage .gcardAccountRows>div{grid-template-columns:34px minmax(0,1fr);gap:10px;min-width:0;padding:12px 14px;border-bottom:1px solid rgba(148,166,191,.065)}
.gcardMemberPage .gcardAccountRows>div:nth-child(odd){border-right:1px solid rgba(148,166,191,.065)}
.gcardMemberPage .gcardAccountRows>div:nth-last-child(-n+2){border-bottom:0}
.gcardMemberPage .gcardAccountIcon{width:34px;height:34px;border-radius:10px}.gcardMemberPage .gcardAccountSvg{width:17px;height:17px}.gcardMemberPage .gcardAccountRows small{font-size:9px}.gcardMemberPage .gcardAccountRows b{font-size:11.5px}
.gcardMemberPage .gcardActivationBox,.gcardMemberPage .gcardBankState{margin:12px 14px 14px;padding:13px 14px;border-radius:14px}.gcardMemberPage .gcardBankState{grid-template-columns:34px minmax(0,1fr);gap:10px}.gcardMemberPage .gcardBankState>span{width:34px;height:34px;border-radius:10px}.gcardMemberPage .gcardBankState b{font-size:11.5px}.gcardMemberPage .gcardActivationBox p,.gcardMemberPage .gcardBankState p{font-size:10.5px;line-height:1.5}
.gcardMemberPage .gcardBankActions{gap:9px;margin-top:0}.gcardMemberPage .gcardBankActions button{display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto auto;column-gap:9px;min-height:58px;padding:10px 11px;border-radius:13px}.gcardMemberPage .gcardBankActions button>span{grid-row:1/3;width:34px;height:34px;border-radius:10px}.gcardMemberPage .gcardBankActionIcon{width:16px;height:16px}.gcardMemberPage .gcardBankActions b{font-size:11.5px}.gcardMemberPage .gcardBankActions small{font-size:9px;white-space:normal;line-height:1.2}
.gcardMemberPage .gcardBankInfoGrid{gap:10px;padding:0 24px 24px}.gcardMemberPage .gcardBankInfo{grid-template-columns:38px minmax(0,1fr);gap:11px;padding:14px;border-radius:14px}.gcardMemberPage .gcardBankInfoIcon{width:38px;height:38px;border-radius:11px}.gcardMemberPage .gcardBankInfoSvg{width:18px;height:18px}.gcardMemberPage .gcardBankInfo b{font-size:11.5px}.gcardMemberPage .gcardBankInfo p{font-size:10.5px;line-height:1.45}
@media(max-width:760px){
 .gcardMemberPage{width:100%!important;max-width:none!important}
 .gcardMemberPage .gcardCabinetHead{padding:20px 18px 17px}.gcardMemberPage .gcardCabinetTitle h2{font-size:23px}.gcardMemberPage .gcardCabinetTitle p{font-size:11.5px}
 .gcardCabinetStack{padding:16px 18px 15px;gap:12px}.gcardMemberPage .gcardVisual{width:100%;max-width:500px;padding:20px 20px 18px}
 .gcardMemberPage .gcardAccountRows{grid-template-columns:1fr}.gcardMemberPage .gcardAccountRows>div:nth-child(odd){border-right:0}.gcardMemberPage .gcardAccountRows>div:nth-last-child(-n+2){border-bottom:1px solid rgba(148,166,191,.065)}.gcardMemberPage .gcardAccountRows>div:last-child{border-bottom:0}
 .gcardMemberPage .gcardBankInfoGrid{grid-template-columns:1fr;padding:0 18px 20px}
}
@media(max-width:390px){
 .gcardMemberPage .gcardVisual{padding:18px 17px 16px}.gcardMemberPage .gcardNumber{font-size:16px;margin-top:15px}.gcardMemberPage .gcardHardware{margin-top:19px}.gcardMemberPage .gcardBankBottom{gap:8px;margin-top:16px}.gcardMemberPage .gcardCurrency{display:none!important}.gcardMemberPage .gcardBankActions{grid-template-columns:repeat(3,minmax(0,1fr))}.gcardMemberPage .gcardBankActions button{display:flex;min-height:68px;flex-direction:column;align-items:flex-start;gap:4px;padding:9px 8px}.gcardMemberPage .gcardBankActions button>span{width:30px;height:30px;flex:none}.gcardMemberPage .gcardBankActions b{font-size:10.5px}.gcardMemberPage .gcardBankActions small{font-size:8.5px}
}


/* v129 — compact GCard dock + action rail, and zero shadows across MARKET personal account. */
.memberPage,.memberPage *{box-shadow:none!important;text-shadow:none!important}
.gcardMemberPage .gcardCabinet{box-shadow:none!important}
.gcardMemberPage .gcardVisual{width:min(410px,100%);margin:0;aspect-ratio:1.586/1;padding:20px 21px 18px;border-radius:20px}
.gcardMemberPage .gcardCardDock{display:grid;grid-template-columns:minmax(0,410px) minmax(150px,1fr);gap:14px;align-items:stretch}
.gcardMemberPage .gcardBrand>b{width:34px;height:34px;font-size:18px}
.gcardMemberPage .gcardBrand strong{font-size:13.5px}.gcardMemberPage .gcardBrand small{font-size:7.8px}
.gcardMemberPage .gcardVirtual{padding:5px 7px;font-size:7.5px}
.gcardMemberPage .gcardHardware{margin-top:20px}.gcardMemberPage .gcardChip{width:39px;height:30px}.gcardMemberPage .gcardContactless{width:22px;height:22px}
.gcardMemberPage .gcardNumber{margin-top:15px;font-size:18px;letter-spacing:.105em}
.gcardMemberPage .gcardBankBottom{gap:11px;margin-top:16px}.gcardMemberPage .gcardBankBottom small{font-size:6.8px}.gcardMemberPage .gcardBankBottom b{font-size:9.5px}.gcardMemberPage .gcardHolder b{max-width:145px}.gcardMemberPage .gcardNetwork{width:41px;height:24px!important}.gcardMemberPage .gcardNetwork i{width:22px;height:22px}
.gcardSideActions{display:grid;grid-template-rows:1fr 1fr;gap:10px;min-width:0}
.gcardSideAction{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto;gap:2px 11px;align-content:center;min-width:0;padding:14px;border:1px solid rgba(148,166,191,.085);border-radius:15px;background:rgba(255,255,255,.015);color:#e8eef5;text-align:left;cursor:pointer;transition:border-color .18s ease,background-color .18s ease,color .18s ease}
.gcardSideAction:hover{border-color:rgba(95,153,215,.22);background:rgba(73,126,183,.05)}
.gcardSideActionIcon{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(112,168,229,.11);border-radius:13px;background:linear-gradient(180deg,rgba(61,115,173,.085),rgba(45,86,131,.05));color:#9cc4ee;font-size:26px;font-weight:300;line-height:1}
.gcardSideActionIcon svg{display:block;width:18px;height:18px}
.gcardSideActionPlus .gcardSideActionIcon{color:#9fd0ff}
.gcardSideActionTransfer .gcardSideActionIcon{color:#8cbdf1}
.gcardSideAction b{align-self:end;font-size:12px;line-height:1.15}.gcardSideAction small{align-self:start;color:#758293;font-size:9.5px;line-height:1.25}
.gcardPlusSvg,.gcardTransferSvg{width:18px;height:18px}
.gcardSideAction[aria-disabled="true"]{cursor:default}
.gcardSideAction em{position:absolute;left:50%;bottom:8px;z-index:5;max-width:165px;padding:7px 9px;border:1px solid rgba(211,166,78,.16);border-radius:9px;background:rgba(46,38,23,.96);color:#dfbd78;font-size:9px;font-style:normal;line-height:1.25;opacity:0;pointer-events:none;transform:translate(-50%,6px);transition:opacity .16s ease,transform .16s ease;white-space:normal;text-align:center}
.gcardSideAction[aria-disabled="true"]:hover em,.gcardSideAction[aria-disabled="true"]:focus-visible em{opacity:1;transform:translate(-50%,0)}
.gcardMemberPage .gcardAccountPanel{margin-top:0}

@media(max-width:760px){
  .gcardMemberPage .gcardCardDock{grid-template-columns:1fr;gap:10px}
  .gcardMemberPage .gcardVisual{width:min(370px,100%);margin:0 auto}
  .gcardSideActions{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  .gcardSideAction{min-height:70px;padding:11px 12px}
  .gcardSideAction em{bottom:6px;max-width:145px;font-size:8.5px}
}
@media(max-width:390px){
  .gcardMemberPage .gcardVisual{width:min(340px,100%);padding:17px 16px 15px}
  .gcardMemberPage .gcardBrand>b{width:31px;height:31px;font-size:16px}.gcardMemberPage .gcardBrand strong{font-size:12.5px}
  .gcardMemberPage .gcardHardware{margin-top:16px}.gcardMemberPage .gcardChip{width:36px;height:28px}
  .gcardMemberPage .gcardNumber{margin-top:12px;font-size:15px}.gcardMemberPage .gcardBankBottom{margin-top:13px;gap:7px}.gcardMemberPage .gcardBankBottom b{font-size:8.7px}
  .gcardSideAction{grid-template-columns:34px minmax(0,1fr);min-height:64px;padding:9px 10px;gap:1px 8px}.gcardSideActionIcon{width:34px;height:34px;border-radius:10px;font-size:22px}.gcardSideAction b{font-size:10.5px}.gcardSideAction small{font-size:8.5px}
}

/* v131 — Google / Steam / Telegram authorization */
.socialAuthBlock{display:grid;gap:10px;margin-top:1px}
.socialAuthDivider{display:flex;align-items:center;gap:10px;color:var(--muted2,#687789);font-size:9.5px;letter-spacing:.01em;text-align:center}
.socialAuthDivider:before,.socialAuthDivider:after{content:"";height:1px;flex:1;background:var(--line,rgba(120,140,170,.14))}
.socialAuthDivider span{white-space:nowrap}
.socialAuthGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.socialAuthBtn{position:relative;min-width:0;height:45px;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 8px;border:1px solid var(--line2,var(--line));border-radius:10px;background:var(--surface2,#171d26);color:var(--text,#e9eef5);text-decoration:none;font:inherit;font-size:11px;font-weight:700;cursor:pointer;transition:border-color .16s ease,background-color .16s ease,color .16s ease,transform .16s ease}
.socialAuthBtn:hover{border-color:color-mix(in srgb,var(--blue,#3a8fff) 42%,var(--line2));background:color-mix(in srgb,var(--surface2) 91%,var(--blue,#3a8fff) 9%);transform:translateY(-1px)}
.socialAuthBtn .socialAuthSvg{width:18px;height:18px;flex:0 0 18px;color:#dce8f7}
.socialAuthBtn.google .socialAuthSvg{width:17px;height:17px}
.socialAuthBtn.steam .socialAuthSvg,.socialAuthBtn.telegram .socialAuthSvg{width:20px;height:20px;flex-basis:20px}
.socialAuthBtn.steam .socialAuthSvg{color:#dce7f2;filter:drop-shadow(0 0 0 rgba(0,0,0,0))}
.socialAuthBtn.telegram .socialAuthSvg{color:#56ace9;filter:drop-shadow(0 0 0 rgba(0,0,0,0))}
.socialAuthBtn.steam{background:linear-gradient(180deg,rgba(22,29,40,.96),rgba(16,22,31,.98));border-color:rgba(117,141,174,.18)}
.socialAuthBtn.telegram{background:linear-gradient(180deg,rgba(17,28,40,.96),rgba(14,21,30,.98));border-color:rgba(78,157,224,.16)}
.socialAuthBtn.steam:hover{background:linear-gradient(180deg,rgba(27,36,49,.98),rgba(18,24,34,.98));border-color:rgba(146,168,197,.26)}
.socialAuthBtn.telegram:hover{background:linear-gradient(180deg,rgba(19,33,47,.98),rgba(15,24,35,.98));border-color:rgba(93,171,237,.28)}
.socialAuthBtn.unavailable{opacity:.46;cursor:not-allowed;transform:none!important}
.socialAuthBtn em{display:none}
.socialAuthHint{display:block;text-align:center;color:var(--muted2,#667486);font-size:9px;line-height:1.35}
.gauthSite .socialAuthBtn{background:#102019;border-color:rgba(92,132,116,.2);color:#dceae4}
.gauthSite .socialAuthBtn:hover{border-color:rgba(55,181,126,.34);background:#12231c}
.gauthSite .socialAuthDivider{color:#5e736a}.gauthSite .socialAuthDivider:before,.gauthSite .socialAuthDivider:after{background:rgba(91,128,114,.16)}
.gauthSite .socialAuthHint{color:#596e65}
@media(max-width:420px){.socialAuthGrid{gap:6px}.socialAuthBtn{height:43px;padding:0 5px;font-size:10px;gap:5px}.socialAuthBtn .socialAuthSvg{width:16px;height:16px;flex-basis:16px}}

/* Social login setup in Admin > API / Integrations */
.socialLoginIntegration{grid-column:1/-1}
.socialLoginIntegration .socialLoginSetupGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
.socialLoginProvider{padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface2)}
.socialLoginProviderHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.socialLoginProviderHead b{font-size:14px}.socialLoginProviderHead small{color:var(--muted2);font-size:10px}
.socialLoginCallbacks{display:grid;gap:7px;margin-top:12px;padding:11px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--surface2) 82%,transparent)}
.socialLoginCallbacks div{display:grid;grid-template-columns:80px minmax(0,1fr);gap:10px;align-items:center}
.socialLoginCallbacks b{font-size:10px;color:var(--muted)}.socialLoginCallbacks code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:10px}
@media(max-width:760px){.socialLoginIntegration .socialLoginSetupGrid{grid-template-columns:1fr}.socialLoginCallbacks div{grid-template-columns:1fr;gap:3px}.socialLoginCallbacks code{white-space:normal;overflow-wrap:anywhere}}

/* v132 SEO landing content: useful, readable copy without changing the purchase flow. */
.seoFamilyInfo{margin:22px 0 70px;padding:20px;border:1px solid rgba(133,151,177,.12);border-radius:18px;background:rgba(255,255,255,.012)}
.seoFamilyLead small{display:block;margin-bottom:7px;color:#728195;font-size:10px;font-weight:800;letter-spacing:.11em}
.seoFamilyLead h2{margin:0 0 8px;color:#edf3fa;font-size:20px;line-height:1.2}
.seoFamilyLead p{margin:0;color:#a9b4c2;font-size:14px;line-height:1.65}
.seoFamilyFaq{margin-top:18px;padding-top:16px;border-top:1px solid rgba(133,151,177,.1)}
.seoFamilyFaq h3{margin:0 0 9px;color:#dfe7f0;font-size:14px}
.seoFamilyFaq details{border-top:1px solid rgba(133,151,177,.08)}
.seoFamilyFaq details:first-of-type{border-top:0}
.seoFamilyFaq summary{padding:11px 0;color:#d4dde8;font-size:13px;font-weight:700;cursor:pointer}
.seoFamilyFaq p{margin:0 0 12px;color:#8f9bab;font-size:12.5px;line-height:1.55}
.seoPrerender{padding-bottom:70px}
.seoPrerenderHeader{height:58px;margin:0 -2px 18px;display:flex;align-items:center;justify-content:flex-end;gap:9px;border-bottom:1px solid rgba(133,151,177,.07)}
.seoPrerenderHeader i,.seoPrerenderTrust i,.seoSkeletonLine,.seoSkeletonTabs i,.seoSkeletonGrid i{display:block;background:rgba(116,137,163,.085);border:1px solid rgba(133,151,177,.07)}
.seoPrerenderHeader i{width:72px;height:28px;border-radius:9px}.seoPrerenderHeader i:first-child{margin-right:auto;width:112px}
.seoPrerenderCrumb a{color:inherit;text-decoration:none}
.seoPrerenderLogo{overflow:hidden}.seoPrerenderLogo img{width:100%;height:100%;object-fit:cover;display:block}.seoPrerenderLogo>span{width:100%;height:100%;display:grid;place-items:center;color:#7f91a7;font-size:34px;font-weight:800;background:rgba(255,255,255,.02)}
.seoPrerenderTrust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:13px}.seoPrerenderTrust i{height:31px;border-radius:10px}
.seoPrerenderPurchase{min-height:360px;pointer-events:none}.seoSkeletonLine{height:15px;border-radius:7px;margin-bottom:14px}.seoSkeletonLine.wide{width:42%;height:23px}.seoSkeletonLine.mid{width:24%}.seoSkeletonTabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:20px 0}.seoSkeletonTabs i{height:46px;border-radius:12px}.seoSkeletonGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.seoSkeletonGrid i{height:92px;border-radius:14px}
.seoPrerender .seoFamilyInfo{margin-bottom:0}
@media(max-width:620px){.seoFamilyInfo{margin:16px 0 52px;padding:15px;border-radius:15px}.seoFamilyLead h2{font-size:18px}.seoFamilyLead p{font-size:13px}.seoPrerender{padding-bottom:54px}.seoPrerenderHeader{height:48px;margin-bottom:12px}.seoPrerenderHeader i{width:52px;height:24px}.seoPrerenderHeader i:first-child{width:82px}.seoPrerenderTrust{grid-template-columns:1fr 1fr}.seoPrerenderTrust i:last-child{grid-column:1/-1}.seoPrerenderPurchase{min-height:390px}.seoSkeletonTabs{grid-template-columns:1fr 1fr}.seoSkeletonGrid{grid-template-columns:1fr}.seoSkeletonGrid i{height:78px}}

/* v135 — public SEO / AEO pages: About, human sitemap and Telegram NFT landing */
.homeSeoLinks{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0 8px;padding:14px 0 4px;border-top:1px solid rgba(147,167,194,.08)}
.homeSeoLinks a{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border:1px solid rgba(126,155,192,.11);border-radius:10px;background:rgba(255,255,255,.015);color:#8e9bad;font-size:11px;font-weight:700;text-decoration:none;transition:border-color .18s ease,background-color .18s ease,color .18s ease}
.homeSeoLinks a:hover{border-color:rgba(91,160,232,.28);background:rgba(72,126,183,.055);color:#cbdff5}
.seoContentPage{padding-bottom:40px}.seoContentPage .crumb{margin-bottom:18px}
.seoPageHero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;overflow:hidden;margin-bottom:16px;padding:30px 32px;border:1px solid rgba(128,151,182,.11);border-radius:20px;background:linear-gradient(135deg,rgba(21,27,37,.98),rgba(14,18,26,.98))}
.seoPageHero:before{content:"";position:absolute;inset:auto -120px -190px auto;width:420px;height:420px;border-radius:50%;border:1px solid rgba(75,145,219,.08);pointer-events:none}
.seoPageHero:after{content:"";position:absolute;inset:auto -40px -110px auto;width:260px;height:260px;border-radius:50%;border:1px solid rgba(75,145,219,.06);pointer-events:none}
.seoPageHero.compact{grid-template-columns:1fr;padding:28px 30px}.seoHeroCopy{position:relative;z-index:1;max-width:780px}
.seoPageHero small,.seoSectionHead small,.seoTextCard>small,.seoFaqSection>small{display:block;margin-bottom:8px;color:#6fa7df;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.seoPageHero h1{margin:0 0 10px;color:#f2f5f9;font-size:32px;line-height:1.08;letter-spacing:-.025em}.seoPageHero p{max-width:760px;margin:0;color:#8d99a9;font-size:13px;line-height:1.6}
.seoHeroActions{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.seoHeroActions a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 15px;border:1px solid rgba(80,154,230,.25);border-radius:11px;background:rgba(55,129,205,.13);color:#cde5ff;font-size:11px;font-weight:800;text-decoration:none}.seoHeroActions a.ghost{border-color:rgba(149,164,183,.1);background:rgba(255,255,255,.018);color:#95a2b3}.seoHeroActions a:hover{border-color:rgba(89,164,240,.4);background:rgba(64,137,211,.18)}
.seoStats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:0 0 16px}.seoStats>div{min-width:0;padding:16px 18px;border:1px solid rgba(137,157,185,.09);border-radius:14px;background:rgba(255,255,255,.012)}.seoStats b{display:block;color:#eef3f8;font-size:20px;line-height:1.15}.seoStats span{display:block;margin-top:5px;color:#788596;font-size:10px;line-height:1.3}
.aboutHeroMark{position:relative;z-index:1;display:grid;place-items:center;align-content:center;width:158px;height:158px;border:1px solid rgba(77,151,228,.17);border-radius:28px;background:rgba(34,76,119,.09)}.aboutHeroMark span{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:#287fc6;color:#fff;font-size:28px;font-weight:900}.aboutHeroMark b{margin-top:10px;color:#f2f6fb;font-size:19px;letter-spacing:.08em}.aboutHeroMark small{margin:2px 0 0;color:#708297;font-size:8px;letter-spacing:.22em}
.seoTextCard{margin:16px 0;padding:24px 26px;border:1px solid rgba(137,157,185,.09);border-radius:18px;background:rgba(255,255,255,.012)}.seoTextCard h2{margin:0 0 12px;color:#edf2f7;font-size:20px;line-height:1.2}.seoTextCard p{margin:7px 0;color:#8794a4;font-size:12px;line-height:1.65}
.aboutProcess{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}.aboutProcess article{padding:16px;border:1px solid rgba(130,153,181,.08);border-radius:14px;background:rgba(12,17,24,.34)}.aboutProcess article>span{display:grid;place-items:center;width:29px;height:29px;margin-bottom:11px;border:1px solid rgba(77,154,230,.18);border-radius:9px;background:rgba(54,122,189,.08);color:#75ace3;font-size:9px;font-weight:900}.aboutProcess b{display:block;color:#e6edf4;font-size:12px}.aboutProcess p{margin:6px 0 0;font-size:10.5px;line-height:1.55}
.seoSectionHead{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:28px 0 12px}.seoSectionHead h2{margin:0;color:#edf2f7;font-size:21px}.seoSectionHead a,.seoSectionHead>span{color:#7187a0;font-size:10.5px;font-weight:700;text-decoration:none}.seoSectionHead a:hover{color:#9bc8f2}
.aboutCatalogCards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.aboutCatalogCard{display:grid;grid-template-columns:39px minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px 14px;border:1px solid rgba(133,155,183,.09);border-radius:14px;background:rgba(255,255,255,.012)}.aboutCatalogIcon{display:grid;place-items:center;width:39px;height:39px;border:1px solid rgba(77,151,225,.12);border-radius:12px;background:rgba(55,112,172,.07);color:#78ade0}.aboutCatalogIcon svg{width:18px;height:18px}.aboutCatalogCard b{display:block;color:#e4ebf2;font-size:11.5px}.aboutCatalogCard small{display:block;margin-top:3px;color:#6f7c8c;font-size:9px}.aboutCatalogCard>a{color:#769ec6;font-size:9.5px;font-weight:800;text-decoration:none}.aboutCatalogCard.nft .aboutCatalogIcon svg{width:19px;height:19px}
.aiFacts{display:grid;grid-template-columns:1fr 1fr;gap:9px}.aiFacts p{margin:0;padding:14px;border:1px solid rgba(128,150,178,.07);border-radius:13px;background:rgba(12,17,24,.28)}.aiFacts b{color:#dbe7f2}
.aboutFullDirectory{margin-top:18px}.aboutDirectoryGroup{margin:8px 0;border:1px solid rgba(133,155,183,.09);border-radius:14px;background:rgba(255,255,255,.01);overflow:hidden}.aboutDirectoryGroup summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;cursor:pointer;list-style:none}.aboutDirectoryGroup summary::-webkit-details-marker{display:none}.aboutDirectoryGroup summary>span{display:flex;align-items:center;gap:9px;color:#e4ebf2}.aboutDirectoryGroup summary svg{width:17px;height:17px;color:#76aee5}.aboutDirectoryGroup summary b{font-size:12px}.aboutDirectoryGroup summary em{font-style:normal;color:#6c7a8b;font-size:10px}.aboutDirectoryGroup[open] summary{border-bottom:1px solid rgba(132,151,176,.07)}
.seoDirectoryGrid,.seoServerLinkGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:6px 12px 12px}.seoDirectoryGrid a,.seoServerLinkGrid a{display:block;min-width:0;padding:9px 10px;border-bottom:1px solid rgba(119,140,166,.055);color:#c0cad5;text-decoration:none}.seoDirectoryGrid a:hover,.seoServerLinkGrid a:hover{background:rgba(61,120,181,.045);color:#dcecff}.seoDirectoryGrid a span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;font-weight:700}.seoDirectoryGrid a small{display:block;overflow:hidden;margin-top:3px;color:#637183;font-size:8.5px;text-overflow:ellipsis;white-space:nowrap}
.seoFaqSection{margin:26px 0 8px}.seoFaqSection h2{margin:0 0 12px;color:#edf2f7;font-size:21px}.seoFaqSection details{margin:7px 0;border:1px solid rgba(132,153,180,.09);border-radius:13px;background:rgba(255,255,255,.012)}.seoFaqSection summary{padding:13px 15px;color:#d9e2eb;font-size:11px;font-weight:750;cursor:pointer}.seoFaqSection details p{margin:0;padding:0 15px 14px;color:#8491a1;font-size:10.5px;line-height:1.6}
.siteMapTools{position:sticky;top:0;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0;padding:10px;border:1px solid rgba(131,154,182,.09);border-radius:15px;background:rgba(13,17,24,.94);backdrop-filter:blur(14px)}.siteMapTabs{display:flex;gap:5px;overflow-x:auto;scrollbar-width:none}.siteMapTabs::-webkit-scrollbar{display:none}.siteMapTabs button{flex:0 0 auto;min-height:32px;padding:0 10px;border:1px solid transparent;border-radius:9px;background:transparent;color:#7e8b9b;font-size:9.5px;font-weight:750;cursor:pointer}.siteMapTabs button:hover{background:rgba(255,255,255,.02);color:#b6c5d4}.siteMapTabs button.active{border-color:rgba(71,150,228,.18);background:rgba(54,119,185,.09);color:#9dcbf4}.siteMapSearch{display:flex;align-items:center;gap:8px;flex:0 0 250px;height:34px;padding:0 10px;border:1px solid rgba(130,153,182,.1);border-radius:10px;background:#0e131b}.siteMapSearch svg{width:15px;height:15px;color:#65768a}.siteMapSearch input{width:100%;border:0;outline:0;background:transparent;color:#dfe7ef;font-size:10px}.siteMapSearch input::placeholder{color:#536174}
.siteMapDirectory{border:1px solid rgba(132,154,182,.09);border-radius:16px;background:rgba(255,255,255,.009);overflow:hidden}.siteMapGroup{padding:4px 10px 14px}.siteMapGroup+.siteMapGroup{border-top:1px solid rgba(131,153,178,.07)}.siteMapGroupHead{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 12px 8px}.siteMapGroupHead h2{margin:0;color:#e6edf4;font-size:15px}.siteMapGroupHead span{color:#657488;font-size:9px}.siteMapMachine{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:16px;padding:20px 22px;border:1px solid rgba(132,154,181,.09);border-radius:16px;background:rgba(255,255,255,.012)}.siteMapMachine small{color:#6fa7df;font-size:9px;font-weight:800;letter-spacing:.12em}.siteMapMachine h2{margin:5px 0 4px;color:#e9eff5;font-size:16px}.siteMapMachine p{margin:0;max-width:620px;color:#768496;font-size:10px;line-height:1.5}.siteMapMachineLinks{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.siteMapMachineLinks a{padding:8px 10px;border:1px solid rgba(82,149,215,.14);border-radius:9px;color:#8ebce7;font-size:9.5px;font-weight:750;text-decoration:none}
.nftHeroVisual{position:relative;z-index:1;display:grid;place-items:center;width:205px;height:160px}.nftHeroStack{display:grid;place-items:center;width:144px;height:144px;border:1px solid rgba(82,154,225,.18);border-radius:31px;background:linear-gradient(145deg,rgba(44,102,161,.13),rgba(15,24,36,.24));transform:rotate(4deg)}.nftHeroStack span{color:#77b5ec;font-size:38px;line-height:1}.nftHeroStack b{margin-top:-12px;color:#e5f0fa;font-size:13px;line-height:1.25;text-align:center;letter-spacing:.1em}.nftStats{grid-template-columns:repeat(5,minmax(0,1fr))}
.nftExplainGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:18px}.nftExplainGrid article{padding:15px;border:1px solid rgba(132,154,181,.08);border-radius:13px;background:rgba(12,17,24,.3)}.nftExplainGrid article>span{display:grid;place-items:center;width:34px;height:34px;margin-bottom:10px;border:1px solid rgba(79,151,223,.13);border-radius:10px;background:rgba(52,112,171,.07);color:#78afe4}.nftExplainGrid svg{width:16px;height:16px}.nftExplainGrid b{display:block;color:#e4ebf2;font-size:11px}.nftExplainGrid p{margin:5px 0 0;font-size:9.5px;line-height:1.5}
.nftSeoGrid,.seoNftServerGrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.nftSeoItem,.seoNftServerGrid a{display:block;min-width:0;padding:8px;border:1px solid rgba(132,154,181,.08);border-radius:13px;background:rgba(255,255,255,.012);text-decoration:none}.nftSeoItem>span,.seoNftServerGrid a>img{display:grid;width:100%;aspect-ratio:1/1;place-items:center;overflow:hidden;border-radius:9px;background:#121923;color:#5a7897}.nftSeoItem img,.seoNftServerGrid img{width:100%;height:100%;object-fit:cover}.nftSeoItem>b,.seoNftServerGrid a>b{display:block;overflow:hidden;margin:8px 2px 0;color:#dfe7ef;font-size:9.5px;text-overflow:ellipsis;white-space:nowrap}.nftSeoItem b em{color:#778da5;font-style:normal}.nftSeoItem>small,.seoNftServerGrid a>span{display:block;overflow:hidden;margin:3px 2px 1px;color:#677588;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.nftSeoItem:hover{border-color:rgba(77,150,222,.21);background:rgba(63,120,177,.045)}
.nftSeoCollections{margin-top:30px;scroll-margin-top:80px}.nftCollectionSeoGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.nftCollectionSeoCard{display:grid;grid-template-columns:43px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 11px;border:1px solid rgba(132,154,181,.08);border-radius:13px;background:rgba(255,255,255,.012);text-decoration:none}.nftCollectionSeoArt{display:grid;place-items:center;width:43px;height:43px;overflow:hidden;border-radius:10px;background:#111822;color:#6ca9e0}.nftCollectionSeoArt img{width:100%;height:100%;object-fit:cover}.nftCollectionSeoCard b{display:block;overflow:hidden;color:#dfe8f0;font-size:10.5px;text-overflow:ellipsis;white-space:nowrap}.nftCollectionSeoCard small{display:block;margin-top:3px;color:#647285;font-size:8.5px}.nftCollectionSeoCard em{color:#6688aa;font-size:12px;font-style:normal}.nftCollectionSeoCard:hover{border-color:rgba(77,149,220,.2);background:rgba(61,118,176,.045)}
.nftCollectionHero{grid-template-columns:minmax(0,1fr) 145px}.nftCollectionHeroImage{position:relative;z-index:1;display:grid;place-items:center;width:130px;height:130px;overflow:hidden;border:1px solid rgba(84,151,219,.15);border-radius:26px;background:#101720;color:#6daae1;font-size:28px}.nftCollectionHeroImage img{width:100%;height:100%;object-fit:cover}
.seoServerPage .seoDirectoryServer>section{margin:16px 0;border:1px solid rgba(132,154,181,.08);border-radius:14px;background:rgba(255,255,255,.01);overflow:hidden}.seoServerPage .seoDirectoryServer>section>h2{margin:0;padding:14px 16px;border-bottom:1px solid rgba(132,154,181,.07);color:#e4ebf2;font-size:14px}.seoServerPage .seoDirectoryServer>section>h2 small{color:#68778a;font-size:9px;font-weight:600}.seoServerLinkGrid a{font-size:10px}.seoServerPage .tgProductArt img{width:100%;height:100%;object-fit:contain}
@media(max-width:900px){.seoPageHero{grid-template-columns:1fr}.aboutHeroMark,.nftHeroVisual{display:none}.seoStats,.aboutProcess,.nftExplainGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.aboutCatalogCards,.nftCollectionSeoGrid{grid-template-columns:1fr 1fr}.seoDirectoryGrid,.seoServerLinkGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.nftSeoGrid,.seoNftServerGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.siteMapTools{position:relative;top:auto;align-items:stretch;flex-direction:column}.siteMapSearch{flex:0 0 auto;width:auto}}
@media(max-width:560px){.seoContentPage{padding-left:12px;padding-right:12px}.seoPageHero{padding:20px 18px;border-radius:16px}.seoPageHero h1{font-size:25px}.seoPageHero p{font-size:11.5px}.seoStats{grid-template-columns:1fr 1fr;gap:7px}.seoStats>div{padding:13px 14px}.seoStats b{font-size:17px}.seoTextCard{padding:18px 16px;border-radius:15px}.aboutProcess{grid-template-columns:1fr}.aboutCatalogCards,.nftCollectionSeoGrid{grid-template-columns:1fr}.aiFacts{grid-template-columns:1fr}.seoDirectoryGrid,.seoServerLinkGrid{grid-template-columns:1fr;padding:4px 7px 9px}.seoDirectoryGrid a span{font-size:10px}.siteMapTools{margin-left:0;margin-right:0;padding:8px}.siteMapTabs{width:100%}.siteMapSearch{height:36px}.siteMapGroup{padding:2px 5px 10px}.siteMapGroupHead{padding:13px 10px 6px}.siteMapMachine{align-items:flex-start;flex-direction:column;padding:17px}.siteMapMachineLinks{justify-content:flex-start}.nftStats{grid-template-columns:1fr 1fr}.nftExplainGrid{grid-template-columns:1fr 1fr}.nftSeoGrid,.seoNftServerGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.nftCollectionHero{grid-template-columns:1fr}.nftCollectionHeroImage{display:none}.seoSectionHead{align-items:flex-start}.seoSectionHead h2{font-size:18px}.homeSeoLinks{margin-top:22px}.homeSeoLinks a{font-size:10px}}


/* v162 — per-game catalog markup editor */
.gameMarkupToolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 10px}.gameMarkupToolbar>input{box-sizing:border-box;width:min(420px,100%);height:42px;border:1px solid #303844;background:#11161d;color:#e5eaf0;border-radius:10px;padding:0 12px;outline:none}.gameMarkupToolbar>input:focus{border-color:#318cff;box-shadow:0 0 0 3px rgba(49,140,255,.1)}.gameMarkupToolbar>small{color:#707b89;font-size:9px}.gameMarkupList{display:grid;gap:7px;max-height:650px;overflow:auto;padding-right:3px}.gameMarkupRow{display:grid;grid-template-columns:minmax(0,1fr) 125px auto auto;gap:8px;align-items:center;padding:9px 10px;border:1px solid #282f39;background:#151a21;border-radius:12px}.gameMarkupIdentity{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center;min-width:0}.gameMarkupArt{width:42px;height:42px;border-radius:9px;overflow:hidden;background:#11161d;border:1px solid #2b323c;display:grid;place-items:center}.gameMarkupArt>img,.gameMarkupArt>.fallback,.gameMarkupArt>.catalogGameFallback{width:100%;height:100%;object-fit:cover}.gameMarkupIdentity b,.gameMarkupIdentity small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gameMarkupIdentity b{font-size:11px;color:#e7edf5}.gameMarkupIdentity small{margin-top:3px;color:#74808e;font-size:9px}.gameMarkupPercent input{height:40px!important;font-size:14px!important}.gameMarkupRow .smallBlue,.gameMarkupRow .dangerGhost{min-height:36px}.gameMarkupInherited{font-size:9px;color:#6f7a87;text-align:center;padding:0 7px}.gameMarkupList::-webkit-scrollbar{width:8px}.gameMarkupList::-webkit-scrollbar-thumb{background:#2b3542;border-radius:8px}.gameMarkupList::-webkit-scrollbar-track{background:transparent}@media(max-width:760px){.gameMarkupToolbar{align-items:stretch;flex-direction:column}.gameMarkupToolbar>input{width:100%}.gameMarkupRow{grid-template-columns:minmax(0,1fr) 100px}.gameMarkupIdentity{grid-column:1/-1}.gameMarkupRow .smallBlue,.gameMarkupRow .dangerGhost,.gameMarkupInherited{align-self:stretch}.gameMarkupInherited{display:grid;place-items:center}}


/* v164 — simple per-game markup list */
.gameMarkupRow.simple{grid-template-columns:minmax(0,1fr) 130px 86px!important}
.gameMarkupRow.simple .gameMarkupPercent{width:100%}
.gameMarkupAutoStatus{font-size:9px;color:#7e8a98;text-align:right;white-space:nowrap}
.gameMarkupAutoStatus.saved{color:#62c992}
.gameMarkupAutoStatus.error{color:#ff7b8a}
.gameMarkupCard .profileSectionHead p{max-width:720px}
@media(max-width:760px){
  .gameMarkupRow.simple{grid-template-columns:minmax(0,1fr) 105px!important}
  .gameMarkupRow.simple .gameMarkupIdentity{grid-column:1/-1}
  .gameMarkupAutoStatus{align-self:center;text-align:left;padding-left:4px}
}

/* v166 — full developer API portal */
.developersPage{padding-top:26px;padding-bottom:96px;max-width:1180px}
.devCrumb{margin-bottom:14px}
.devHero{border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 96%,#285d9f),var(--surface));box-shadow:var(--cardShadow);padding:30px;display:grid;gap:24px;overflow:hidden;position:relative}
.devHero:after{content:"";position:absolute;width:340px;height:340px;border-radius:50%;right:-140px;top:-190px;background:radial-gradient(circle,rgba(62,127,220,.11),transparent 68%);pointer-events:none}
.devHeroMain{display:grid;grid-template-columns:68px minmax(0,1fr);gap:22px;align-items:flex-start;position:relative;z-index:1}
.devHeroIcon{width:68px;height:68px;border-radius:19px;background:rgba(67,128,220,.10);border:1px solid rgba(105,164,245,.18);display:grid;place-items:center;color:#82b8ff}
.devHeroIcon svg{width:31px;height:31px}
.devHeroMeta{display:flex;align-items:center;gap:9px;margin-bottom:8px;flex-wrap:wrap}
.devHeroMeta>span{font-size:9px;letter-spacing:.16em;font-weight:900;color:#7fb5ff}
.devHeroMeta em{font-style:normal;font-size:9px;font-weight:850;padding:4px 7px;border-radius:7px;background:rgba(85,140,217,.12);border:1px solid rgba(111,168,247,.17);color:#b8d7ff}
.devHeroMeta i{font-style:normal;font-size:10px;font-weight:750;color:#7c8999}.devHeroMeta i.ok{color:#69c590}.devHeroMeta i.bad{color:#e18d8d}
.devHero h1{margin:0 0 9px;font-size:34px;line-height:1.08;letter-spacing:-.025em}.devHero p{max-width:760px;margin:0;color:var(--muted);font-size:13.5px;line-height:1.7}
.devHeroActions{display:flex;gap:9px;margin-top:18px}.devHeroActions a{height:40px;padding:0 14px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;text-decoration:none}.devPrimaryLink{background:linear-gradient(135deg,#276fc9,#315ea5);color:#fff;border:1px solid rgba(122,178,255,.22)}.devSecondaryLink{background:var(--surface2);color:#c9d4e2;border:1px solid var(--line)}
.devBaseUrl{position:relative;z-index:1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;background:rgba(13,18,25,.62);border:1px solid var(--line);padding:10px 11px 10px 14px;border-radius:13px}.devBaseUrl small{font-size:8px;letter-spacing:.15em;color:#718095;font-weight:850}.devBaseUrl code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#dbe8f8;font-size:12px;overflow:auto;white-space:nowrap}.devBaseUrl button,.devCodeBlock>div button{border:1px solid var(--line2);background:#1b222d;color:#aebcce;border-radius:8px;height:30px;padding:0 10px;font-size:10px;font-weight:750;cursor:pointer}
.devStatGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0 24px}.devStatGrid>div{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:15px 16px}.devStatGrid span{display:block;font-size:9px;color:#6e7d90;text-transform:uppercase;letter-spacing:.11em;font-weight:850}.devStatGrid b{display:block;font-size:19px;margin:5px 0 2px;color:#eef4fb}.devStatGrid small{font-size:10px;color:#778598}
.devDocsLayout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:24px;align-items:start}.devDocsNav{position:sticky;top:86px;border:1px solid var(--line);border-radius:15px;background:var(--surface);padding:14px;display:grid;gap:3px}.devDocsNav>b{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#7c8ba0;padding:7px 9px 10px}.devDocsNav a{text-decoration:none;color:#8e9daf;font-size:11px;font-weight:700;padding:9px 10px;border-radius:9px;border:1px solid transparent;transition:.16s ease}.devDocsNav a:hover,.devDocsNav a.active{color:#e8f1fb;background:#1a222d;border-color:#283647}
.devDocsContent{min-width:0}.devDocSection{scroll-margin-top:90px;border:1px solid var(--line);border-radius:18px;background:var(--surface);padding:26px;margin-bottom:14px}.devSectionKicker{display:block;font-size:8.5px;font-weight:900;letter-spacing:.16em;color:#6fa7ef;margin-bottom:7px}.devDocSection>h2{font-size:21px;margin:0 0 9px;letter-spacing:-.01em}.devDocSection>p{font-size:12.5px;line-height:1.7;color:var(--muted);margin:0 0 18px}.devDocSection p code,.devEndpoint p code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#b9d8ff;background:#182131;border:1px solid #26364a;border-radius:5px;padding:1px 5px;font-size:.92em}
.devFeatureGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.devFeatureGrid>div{border:1px solid var(--line);border-radius:13px;padding:15px;background:#171d26}.devFeatureGrid>div>span{width:32px;height:32px;border-radius:9px;background:rgba(65,126,215,.1);color:#82b8ff;display:grid;place-items:center;margin-bottom:10px}.devFeatureIcon{width:17px;height:17px}.devFeatureGrid b{font-size:12px}.devFeatureGrid p{font-size:10.5px;line-height:1.55;color:#8190a3;margin:5px 0 0}
.devKeysPanel{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#151b23}.devKeysHead{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border-bottom:1px solid var(--line)}.devKeysHead>div:first-child b{display:block;font-size:12px}.devKeysHead>div:first-child span{display:block;color:#77869a;font-size:9.5px;margin-top:3px}.devCreateKey{display:flex;gap:7px}.devCreateKey input{width:190px;height:36px;border:1px solid var(--line2);border-radius:9px;background:#11161d;color:#e8eef6;padding:0 10px;font-size:11px}.devCreateKey button,.devLoginGate button{height:36px;border:1px solid rgba(87,148,233,.28);border-radius:9px;background:#245fae;color:#fff;padding:0 12px;font-size:10px;font-weight:800;cursor:pointer}
.devKeyRow{display:grid;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 14px;border-top:1px solid rgba(122,139,161,.08)}.devKeyRow:first-child{border-top:0}.devKeyDot{width:7px;height:7px;border-radius:50%;background:#58c486;box-shadow:0 0 0 4px rgba(88,196,134,.08)}.devKeyRow b{display:block;font-size:11px}.devKeyRow code{display:block;color:#9eb5cf;font-size:10px;margin:3px 0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.devKeyRow small{display:block;color:#667488;font-size:8.5px}.devDangerBtn{height:31px;border:1px solid rgba(190,90,90,.16);border-radius:8px;background:rgba(130,49,49,.08);color:#c78585;padding:0 9px;font-size:9px;cursor:pointer}.devEmptyKeys{padding:22px;text-align:center;color:#8290a1}.devEmptyKeys b{display:block;font-size:11px;color:#b9c5d3}.devEmptyKeys span{display:block;font-size:9.5px;margin-top:4px}.devLoginGate{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px}.devLoginGate b{display:block;font-size:11px}.devLoginGate span{display:block;font-size:9.5px;color:#7f8d9f;margin-top:4px}.devKeyReveal{margin:12px;border:1px solid rgba(86,161,111,.24);border-radius:11px;background:rgba(40,93,59,.10);padding:12px}.devKeyReveal>div:first-child small{display:block;font-size:8px;color:#77bd91;letter-spacing:.1em;font-weight:850}.devKeyReveal>div:first-child b{display:block;font-size:11px;margin-top:4px}.devSecretLine{display:flex;gap:8px;margin-top:10px}.devSecretLine code{flex:1;min-width:0;overflow:auto;white-space:nowrap;border:1px solid rgba(86,161,111,.16);background:#111a16;color:#bce6cb;border-radius:8px;padding:9px;font:10px ui-monospace,SFMono-Regular,Consolas,monospace}.devSecretLine button{border:1px solid rgba(86,161,111,.2);background:#1f5a36;color:#d7f4df;border-radius:8px;padding:0 11px;font-size:9px;font-weight:800;cursor:pointer}
.devSteps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.devSteps>div{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:11px;padding:11px;background:#171d26}.devSteps>div>span{width:26px;height:26px;flex:0 0 26px;border-radius:8px;background:#20375a;color:#8fc1ff;display:grid;place-items:center;font-size:10px;font-weight:900}.devSteps p{margin:0;font-size:10px;color:#8593a5}.devSteps b{color:#dbe4ef}
.devCodeBlock{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#0f141b;margin-top:10px}.devCodeBlock>div{height:39px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 10px 0 13px;background:#151c25}.devCodeBlock>div>span{font-size:9px;text-transform:uppercase;letter-spacing:.12em;font-weight:850;color:#77879a}.devCodeBlock pre,.devExplorer pre{margin:0;padding:15px 16px;overflow:auto;max-height:420px}.devCodeBlock code,.devExplorer pre code{font:10.5px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;color:#c5d7eb;white-space:pre}
.devEndpoint{border:1px solid var(--line);border-radius:13px;background:#171d26;margin-top:9px;padding:14px}.devEndpointTop{display:flex;align-items:center;gap:9px}.devEndpointTop .method{min-width:42px;height:23px;border-radius:7px;display:grid;place-items:center;font-size:8px;font-weight:900;letter-spacing:.06em}.devEndpointTop .method.get{background:rgba(68,157,108,.12);border:1px solid rgba(82,177,124,.18);color:#73cf9a}.devEndpointTop>code{font:11px ui-monospace,SFMono-Regular,Consolas,monospace;color:#dce8f6}.devEndpointTop>em{margin-left:auto;font-style:normal;font-size:8.5px;color:#78879a;border:1px solid var(--line);border-radius:6px;padding:4px 7px}.devEndpoint>p{font-size:10.5px;line-height:1.55;color:#8391a2;margin:9px 0 0}.devEndpointParams{display:flex;gap:8px;margin-top:10px;font-size:9.5px;color:#7d8b9e}.devEndpointParams b{color:#aab6c5}.devParamTable{margin-top:11px;border-top:1px solid rgba(119,137,159,.09)}.devParamTable>div{display:grid;grid-template-columns:120px 90px 1fr;gap:10px;align-items:center;border-bottom:1px solid rgba(119,137,159,.07);padding:9px 0}.devParamTable code{font:9.5px ui-monospace,SFMono-Regular,Consolas,monospace;color:#a8ccfa}.devParamTable span{font-size:9px;color:#8190a4}.devParamTable p{margin:0;font-size:9.5px;color:#7a889a}
.devSchemaList{display:grid;gap:0;margin-top:12px;border:1px solid var(--line);border-radius:11px;overflow:hidden}.devSchemaList>div{display:grid;grid-template-columns:150px 72px 1fr;gap:10px;align-items:center;padding:10px 12px;border-top:1px solid var(--line);background:#171d26}.devSchemaList>div:first-child{border-top:0}.devSchemaList code{font:9.5px ui-monospace,SFMono-Regular,Consolas,monospace;color:#a8ccfa}.devSchemaList span{font-size:8.5px;color:#7b8da2}.devSchemaList p{margin:0;font-size:9.5px;color:#8491a3}
.devInlineCode{border:1px solid var(--line);border-radius:10px;background:#11171f;padding:12px 13px;overflow:auto}.devInlineCode code{white-space:nowrap;font:10px ui-monospace,SFMono-Regular,Consolas,monospace;color:#bcd3ee}.devResponseFields{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:10px}.devResponseFields span{border:1px solid var(--line);border-radius:9px;background:#171d26;padding:9px 10px;font-size:9.5px;color:#7f8ea1}.devResponseFields b{color:#b8c9dc}
.devErrorCodes{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.devErrorCodes>div{border:1px solid var(--line);border-radius:10px;padding:10px;background:#171d26}.devErrorCodes b{display:block;font-size:13px;color:#d1a1a1}.devErrorCodes span{display:block;margin-top:4px;font-size:8.5px;line-height:1.4;color:#7f8da0}
.devExplorer{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#0f141b}.devExplorerBar{display:grid;grid-template-columns:1.1fr 1fr auto;gap:7px;padding:10px;background:#151c25;border-bottom:1px solid var(--line)}.devExplorerBar select,.devExplorerBar input{height:36px;border:1px solid var(--line2);border-radius:9px;background:#10161e;color:#cbd7e5;padding:0 9px;font-size:10px;min-width:0}.devExplorerBar button{height:36px;border:1px solid rgba(87,148,233,.28);border-radius:9px;background:#245fae;color:#fff;padding:0 12px;font-size:10px;font-weight:800;cursor:pointer}.devExplorer pre{min-height:180px;color:#aebed1;font:10px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;word-break:break-word}
@media(max-width:900px){.devDocsLayout{grid-template-columns:1fr}.devDocsNav{position:relative;top:auto;display:flex;overflow:auto;white-space:nowrap}.devDocsNav>b{display:none}.devStatGrid{grid-template-columns:repeat(2,1fr)}.devErrorCodes{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.developersPage{padding-top:14px}.devHero{padding:18px;border-radius:18px}.devHeroMain{grid-template-columns:46px 1fr;gap:13px}.devHeroIcon{width:46px;height:46px;border-radius:13px}.devHeroIcon svg{width:23px;height:23px}.devHero h1{font-size:26px}.devHero p{font-size:12px}.devHeroActions{flex-wrap:wrap}.devBaseUrl{grid-template-columns:1fr auto}.devBaseUrl small{grid-column:1/-1}.devStatGrid{grid-template-columns:1fr 1fr}.devDocsLayout{gap:12px}.devDocSection{padding:18px;border-radius:15px}.devFeatureGrid,.devSteps{grid-template-columns:1fr}.devKeysHead{align-items:stretch;flex-direction:column}.devCreateKey{display:grid;grid-template-columns:1fr auto}.devCreateKey input{width:auto}.devParamTable>div{grid-template-columns:95px 70px 1fr}.devSchemaList>div{grid-template-columns:100px 58px 1fr}.devResponseFields{grid-template-columns:1fr}.devErrorCodes{grid-template-columns:1fr 1fr}.devExplorerBar{grid-template-columns:1fr}.devLoginGate{align-items:stretch;flex-direction:column}.devSecretLine{flex-direction:column}.devSecretLine button{height:34px}}

/* v167 — paid developer API access */
.devPricing{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(310px,.85fr);gap:16px;margin:14px 0 12px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#151b24,#171d27);padding:20px;box-shadow:var(--cardShadow)}
.devPricingIntro{padding:8px 6px 8px 4px;display:flex;flex-direction:column;justify-content:center}.devPricingIntro h2{font-size:24px;margin:0 0 8px;letter-spacing:-.02em}.devPricingIntro>p{margin:0;color:#8796a9;font-size:12px;line-height:1.65;max-width:620px}.devPricingIntro>p b{color:#d8e4f2}.devAccessStatus{display:flex;align-items:center;gap:10px;margin-top:16px;flex-wrap:wrap}.devAccessStatus>span{font-size:8px;font-weight:900;letter-spacing:.13em;color:#74d39a;background:rgba(65,157,104,.11);border:1px solid rgba(79,183,119,.18);padding:6px 8px;border-radius:8px}.devAccessStatus>b{font-size:11px;color:#dce7f3}.devAccessStatus>small{font-size:9.5px;color:#758397}
.devPriceCard{border:1px solid rgba(94,145,218,.18);border-radius:16px;background:linear-gradient(150deg,rgba(31,45,64,.82),rgba(19,25,34,.96));padding:17px;position:relative;overflow:hidden}.devPriceCard:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-85px;top:-100px;background:radial-gradient(circle,rgba(60,126,220,.15),transparent 68%);pointer-events:none}.devPriceTop{position:relative;z-index:1}.devPriceTop>small{display:block;font-size:8px;font-weight:900;letter-spacing:.14em;color:#7eaeea}.devPriceTop strong{display:inline-block;font-size:39px;line-height:1;margin:8px 7px 4px 0;color:#f4f8fd;letter-spacing:-.04em}.devPriceTop strong sup{font-size:16px;vertical-align:top;margin-right:2px;color:#98b6db}.devPriceTop>span{font-size:10px;color:#8190a4}.devPriceFeatures{display:grid;gap:7px;margin:13px 0}.devPriceFeatures p{margin:0;border:1px solid rgba(111,137,168,.11);border-radius:10px;background:rgba(12,18,25,.35);padding:9px 10px;display:grid;grid-template-columns:44px 1fr;gap:9px;align-items:center}.devPriceFeatures b{font-size:12px;color:#d9e8fb}.devPriceFeatures span{font-size:9px;line-height:1.45;color:#8493a6}.devPayApi{position:relative;z-index:1;width:100%;min-height:42px;border:1px solid rgba(112,170,247,.25);border-radius:11px;background:linear-gradient(135deg,#286fc8,#315fa8);color:#fff;font-size:10.5px;font-weight:850;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 14px}.devPayApi:hover{filter:brightness(1.05)}.devPayApi:disabled{opacity:.6;cursor:wait}.devPriceNote{display:block;margin-top:9px;color:#6f7d90;font-size:8.5px;line-height:1.45;text-align:center}
.devKeyRow.locked{opacity:.62}.devKeyRow.locked .devKeyDot{background:#8a7483;box-shadow:0 0 0 4px rgba(138,116,131,.08)}
.devCommissionNote{display:flex;align-items:center;gap:12px;border:1px solid rgba(93,150,226,.15);border-radius:12px;background:rgba(42,83,135,.08);padding:12px;margin-bottom:12px}.devCommissionNote>span{min-width:50px;height:38px;border-radius:10px;background:#20385b;color:#95c3ff;display:grid;place-items:center;font-size:12px;font-weight:900}.devCommissionNote b{display:block;font-size:10.5px;color:#d9e5f2}.devCommissionNote p{margin:3px 0 0!important;font-size:9.5px!important;color:#7d8c9e!important}
@media(max-width:800px){.devPricing{grid-template-columns:1fr}.devPricingIntro{padding:2px}.devPriceCard{max-width:none}}
@media(max-width:620px){.devPricing{padding:14px;border-radius:16px}.devPricingIntro h2{font-size:20px}.devPriceTop strong{font-size:34px}.devPriceFeatures p{grid-template-columns:40px 1fr}.devCommissionNote{align-items:flex-start}.devErrorCodes{grid-template-columns:1fr 1fr}}

/* v168 — developer portal: unified catalog + Telegram / CS2 / Albion markets */
.developersPageV168{position:relative}
.developersPageV168:before{content:"";position:absolute;inset:70px 0 auto 0;height:420px;pointer-events:none;background:radial-gradient(circle at 18% 10%,rgba(49,111,198,.09),transparent 35%),radial-gradient(circle at 82% 16%,rgba(115,66,177,.07),transparent 32%);filter:blur(4px);z-index:-1}
.devHeroV168{padding:32px;background:linear-gradient(145deg,#151b24 0%,#17202d 54%,#141a23 100%);border-color:#283342;box-shadow:0 18px 60px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.015)}
.devHeroV168:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(113,173,255,.35),transparent)}
.devHeroV168:after{width:520px;height:520px;right:-220px;top:-280px;background:radial-gradient(circle,rgba(65,126,215,.13),transparent 66%)}
.devHeroV168 .devHeroMain{grid-template-columns:74px minmax(0,1fr);gap:24px}
.devHeroV168 .devHeroIcon{width:74px;height:74px;border-radius:21px;background:linear-gradient(145deg,rgba(55,116,202,.18),rgba(34,71,124,.08));box-shadow:inset 0 1px rgba(255,255,255,.04),0 12px 30px rgba(26,70,131,.12)}
.devHeroV168 h1{font-size:38px;max-width:760px}
.devHeroV168 p{font-size:14px;max-width:780px}
.devHeroSourceStrip{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
.devHeroSourceStrip>div{position:relative;overflow:hidden;min-height:86px;border:1px solid #293441;border-radius:14px;background:rgba(13,18,25,.55);padding:14px 15px}
.devHeroSourceStrip>div:after{content:"";position:absolute;inset:auto -15px -36px auto;width:92px;height:92px;border-radius:50%;opacity:.25;filter:blur(18px)}
.devHeroSourceStrip .catalog:after{background:#4a8bd8}.devHeroSourceStrip .telegram:after{background:#7e65d7}.devHeroSourceStrip .cs2:after{background:#d09b54}.devHeroSourceStrip .albion:after{background:#5ca873}
.devHeroSourceStrip span{display:block;font-size:7.5px;letter-spacing:.16em;font-weight:900;color:#6f8197}
.devHeroSourceStrip b{display:block;font-size:20px;line-height:1.1;margin:8px 0 4px;color:#edf4fc;letter-spacing:-.02em}
.devHeroSourceStrip small{display:block;font-size:9px;color:#77879b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.devHeroV168 .devBaseUrl{background:rgba(10,15,21,.66);border-color:#293746;box-shadow:inset 0 1px rgba(255,255,255,.015)}
.devPricingV168{background:linear-gradient(145deg,#151b24,#171f2a);border-color:#283442;padding:22px}
.devPricingV168 .devPriceCard{background:linear-gradient(145deg,#121923,#161f2c);border-color:#2b3949;box-shadow:0 12px 36px rgba(0,0,0,.14)}
.devPricingV168 .devPayApi{box-shadow:0 10px 24px rgba(32,94,176,.18)}
.devMarketShowcase{scroll-margin-top:90px;border:1px solid #283442;border-radius:20px;background:linear-gradient(145deg,#151b24,#161d27);padding:22px;margin:12px 0;box-shadow:var(--cardShadow)}
.devMarketShowcaseHead{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:15px}
.devMarketShowcaseHead h2{margin:0 0 6px;font-size:23px;letter-spacing:-.02em}.devMarketShowcaseHead p{margin:0;color:#7f8da0;font-size:11px}.devIncludedBadge{font-size:8px;font-weight:900;letter-spacing:.14em;padding:7px 9px;border-radius:8px;color:#86d5a4;border:1px solid rgba(81,177,118,.18);background:rgba(60,142,92,.08)}
.devMarketCards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.devMarketCard{position:relative;overflow:hidden;border:1px solid #293543;border-radius:16px;background:#131a23;padding:17px;min-height:214px;display:flex;flex-direction:column}
.devMarketCard:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.55;background:linear-gradient(135deg,rgba(255,255,255,.018),transparent 42%)}
.devMarketCard:after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;right:-78px;top:-84px;filter:blur(28px);opacity:.2;pointer-events:none}
.devMarketCard.telegram:after{background:#8065da}.devMarketCard.cs2:after{background:#c98943}.devMarketCard.albion:after{background:#4ea36a}
.devMarketTop{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.devMarketGlyph{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-size:18px;font-weight:900;background:#1a2330;border:1px solid #2b394a;color:#cfe0f5}.devMarketTop i{font-style:normal;font-size:7px;font-weight:900;letter-spacing:.13em;color:#69c78f;border:1px solid rgba(73,167,110,.16);border-radius:6px;background:rgba(56,135,86,.07);padding:5px 6px}
.devMarketCard h3{font-size:16px;margin:14px 0 6px;position:relative;z-index:1}.devMarketCard>p{font-size:10.5px;line-height:1.55;color:#8190a3;margin:0;position:relative;z-index:1}.devMarketTags{display:flex;flex-wrap:wrap;gap:5px;margin:13px 0;position:relative;z-index:1}.devMarketTags span{font-size:7.5px;font-weight:750;color:#91a2b7;border:1px solid #2a3543;background:#171f29;padding:5px 7px;border-radius:7px}.devMarketFoot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:12px;border-top:1px solid rgba(121,141,164,.09);position:relative;z-index:1}.devMarketFoot code{font:9px ui-monospace,SFMono-Regular,Consolas,monospace;color:#a9c8ee}.devMarketFoot b{font-size:9px;color:#8292a5}
.devStatGridV168{margin-top:12px}.devStatGridV168>div{background:linear-gradient(145deg,#151b24,#171e28);border-color:#273340}
.devMarketDocs>.devMarketDocRow{border:1px solid #293541;border-radius:14px;background:#171e27;padding:15px;margin-top:9px}.devMarketDocRow>div:first-child{display:grid;grid-template-columns:28px 1fr;column-gap:9px}.devMarketDocRow>div:first-child>span{grid-row:1/3;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#202b39;border:1px solid #2d3c4f;color:#90bdf5;font-size:8px;font-weight:900}.devMarketDocRow h3{font-size:12px;margin:0 0 4px}.devMarketDocRow p{grid-column:2;margin:0;color:#7e8da0;font-size:10px;line-height:1.55}.devMarketDocRow .devInlineCode{margin-top:11px}.devMarketDocRow.telegram>div:first-child>span{color:#b8a7ff}.devMarketDocRow.cs2>div:first-child>span{color:#f1c28b}.devMarketDocRow.albion>div:first-child>span{color:#91d4a5}
.devEndpoint.market{background:linear-gradient(145deg,#171f29,#171d26)}
.devEndpoint.market .devEndpointTop>code{color:#c6ddfa}
.devDocsNav{box-shadow:0 10px 30px rgba(0,0,0,.08)}
.devDocSection{box-shadow:inset 0 1px rgba(255,255,255,.01)}
@media(max-width:900px){.devHeroSourceStrip{grid-template-columns:repeat(2,1fr)}.devMarketCards{grid-template-columns:1fr}.devMarketCard{min-height:185px}.devHeroV168 h1{font-size:34px}}
@media(max-width:620px){.devHeroV168{padding:18px}.devHeroV168 .devHeroMain{grid-template-columns:48px 1fr;gap:13px}.devHeroV168 .devHeroIcon{width:48px;height:48px;border-radius:14px}.devHeroV168 h1{font-size:27px}.devHeroSourceStrip{grid-template-columns:1fr 1fr;gap:7px}.devHeroSourceStrip>div{min-height:76px;padding:11px}.devHeroSourceStrip b{font-size:17px}.devMarketShowcase{padding:15px;border-radius:17px}.devMarketShowcaseHead{align-items:flex-start}.devIncludedBadge{display:none}.devMarketCard{padding:15px}.devMarketShowcaseHead h2{font-size:20px}.devStatGridV168{grid-template-columns:1fr 1fr}}

/* v169 — developers page: dedicated portal identity, denser pricing, clean matte surfaces */
.developersPageV169{max-width:1220px;padding-top:18px}
.developersPageV169:before{display:none!important}
.developersPageV169 .devPortalBar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 10px;padding:10px 12px;border:1px solid #26313d;border-radius:14px;background:#111821}
.developersPageV169 .devPortalBar>div{display:flex;align-items:center;gap:10px;min-width:0}
.developersPageV169 .devPortalMark{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:#1b2b3f;border:1px solid #2d435b;color:#a8cdfb;font-size:14px;font-weight:900}
.developersPageV169 .devPortalBar b{display:block;font-size:9px;letter-spacing:.13em;color:#c9d7e8}.developersPageV169 .devPortalBar small{display:block;margin-top:2px;font-size:8px;color:#697b90}
.developersPageV169 .devPortalBar nav{display:flex;align-items:center;gap:5px}.developersPageV169 .devPortalBar nav a{padding:7px 9px;border-radius:8px;color:#8292a6;font-size:9px;font-weight:750;text-decoration:none}.developersPageV169 .devPortalBar nav a:hover{background:#17202a;color:#d9e4f1}.developersPageV169 .devPortalBar nav a.accent{border:1px solid #2c4d72;background:#17283b;color:#9dc8fb}
.developersPageV169 .devCrumb{margin-top:9px}

/* Remove the old floating / distorted shadows from the API portal. */
.developersPageV169 .devHero,.developersPageV169 .devPriceCard,.developersPageV169 .devPricing,.developersPageV169 .devMarketShowcase,.developersPageV169 .devDocsNav,.developersPageV169 .devDocSection,.developersPageV169 .devStatGrid>div,.developersPageV169 .devHeroIcon,.developersPageV169 .devBaseUrl,.developersPageV169 .devPayApi{box-shadow:none!important}
.developersPageV169 .devHeroV168:after,.developersPageV169 .devPriceCard:after,.developersPageV169 .devMarketCard:after{display:none!important}
.developersPageV169 .devHeroV168{background:#141b24;border-color:#283441}
.developersPageV169 .devHeroV168 .devHeroIcon{background:#172638;border-color:#29415d}
.developersPageV169 .devHeroSourceStrip>div{background:#111820}
.developersPageV169 .devMarketShowcase,.developersPageV169 .devDocSection,.developersPageV169 .devStatGridV168>div{background:#141b24}

.developersPageV169 .devPricingV169{grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:18px;padding:22px;background:#141b24;border-color:#293542}
.developersPageV169 .devPricingV169 .devPricingIntro{justify-content:flex-start;padding:3px 4px 2px}
.developersPageV169 .devPricingV169 .devPricingIntro h2{font-size:27px;line-height:1.16;max-width:650px;margin:7px 0 9px}
.developersPageV169 .devPricingV169 .devPricingIntro>p{font-size:11.5px;line-height:1.65;max-width:680px}
.developersPageV169 .devAccessBenefits{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:17px}
.developersPageV169 .devAccessBenefits>div{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;min-height:64px;padding:10px 11px;border:1px solid #26323f;border-radius:11px;background:#111821}
.developersPageV169 .devAccessBenefits>div>span{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;border:1px solid #2b4058;background:#172536;color:#8ebdf3}
.developersPageV169 .devAccessBenefits svg{width:17px;height:17px}
.developersPageV169 .devAccessBenefits b{display:block;font-size:10px;color:#d8e4f2}.developersPageV169 .devAccessBenefits small{display:block;margin-top:3px;font-size:8.5px;line-height:1.45;color:#728398}
.developersPageV169 .devConnectFlow{display:grid;grid-template-columns:1fr 20px 1fr 20px 1fr;gap:5px;align-items:center;margin-top:9px;border:1px solid #26323f;border-radius:11px;background:#10171f;padding:9px}
.developersPageV169 .devConnectFlow>span{display:grid;grid-template-columns:25px 1fr;grid-template-rows:auto auto;column-gap:7px;align-items:center;min-width:0}.developersPageV169 .devConnectFlow i{grid-row:1/3;width:25px;height:25px;border-radius:7px;background:#1c2d42;color:#9bc8fa;display:grid;place-items:center;font-style:normal;font-size:9px;font-weight:900}.developersPageV169 .devConnectFlow b{font-size:9px;color:#cbd8e8}.developersPageV169 .devConnectFlow small{font-size:7.5px;color:#687a8f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.developersPageV169 .devConnectFlow>em{font-style:normal;color:#46586c;font-size:12px;text-align:center}

.developersPageV169 .devPriceCardV169{display:flex;flex-direction:column;justify-content:flex-start;padding:18px;border:1px solid #2d3a48;border-radius:15px;background:#111923;overflow:hidden}
.developersPageV169 .devPlanLine{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:11px;border-bottom:1px solid #25313d}.developersPageV169 .devPlanLine span{font-size:8px;font-weight:900;letter-spacing:.15em;color:#82a8d6}.developersPageV169 .devPlanLine b{font-size:7.5px;letter-spacing:.11em;color:#77d19a;border:1px solid #28533a;border-radius:6px;background:#12271c;padding:5px 6px}
.developersPageV169 .devPriceCardV169 .devPriceTop{padding:14px 0 9px}.developersPageV169 .devPriceCardV169 .devPriceTop strong{font-size:43px;margin:0 8px 0 0}.developersPageV169 .devPriceCardV169 .devPriceTop>span{font-size:9px}
.developersPageV169 .devPlanIncludes{display:grid;gap:7px;margin:2px 0 10px}.developersPageV169 .devPlanIncludes>small{font-size:7px;letter-spacing:.14em;font-weight:850;color:#65778c;margin-bottom:1px}.developersPageV169 .devPlanIncludes>div{display:grid;grid-template-columns:24px 1fr;gap:8px;align-items:center;border:1px solid #25313e;border-radius:9px;background:#0f161e;padding:8px 9px}.developersPageV169 .devPlanIncludes>div>span{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;background:#142a20;border:1px solid #245038;color:#75d497;font-size:10px;font-weight:900}.developersPageV169 .devPlanIncludes p{margin:0}.developersPageV169 .devPlanIncludes b{display:block;font-size:9.5px;color:#cbd8e7}.developersPageV169 .devPlanIncludes p small{display:block;margin-top:2px;font-size:7.8px;color:#697b8f}
.developersPageV169 .devPlanMetrics{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0 0 10px}.developersPageV169 .devPlanMetrics>div{border:1px solid #26323f;border-radius:9px;background:#151e28;padding:8px;text-align:center}.developersPageV169 .devPlanMetrics b{display:block;font-size:12px;color:#d5e2f0}.developersPageV169 .devPlanMetrics span{display:block;margin-top:2px;font-size:7px;color:#6d7f93;text-transform:uppercase;letter-spacing:.08em}
.developersPageV169 .devPayApi{min-height:44px;border-color:#356da8;border-radius:10px;background:#2d70bf}.developersPageV169 .devPayApi:hover{background:#3479ca;filter:none}.developersPageV169 .devPriceNote{font-size:8px;line-height:1.5;margin-top:8px;color:#68798d}

@media(max-width:900px){.developersPageV169 .devPortalBar nav a:not(.accent){display:none}.developersPageV169 .devPricingV169{grid-template-columns:1fr}.developersPageV169 .devPriceCardV169{max-width:none}.developersPageV169 .devAccessBenefits{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.developersPageV169{padding-top:10px}.developersPageV169 .devPortalBar{padding:8px 9px}.developersPageV169 .devPortalBar nav{margin-left:auto}.developersPageV169 .devPortalBar nav a.accent{padding:7px 8px}.developersPageV169 .devPricingV169{padding:14px}.developersPageV169 .devPricingV169 .devPricingIntro h2{font-size:21px}.developersPageV169 .devAccessBenefits{grid-template-columns:1fr}.developersPageV169 .devConnectFlow{grid-template-columns:1fr}.developersPageV169 .devConnectFlow>em{display:none}.developersPageV169 .devPriceCardV169 .devPriceTop strong{font-size:37px}}

/* v171 — unlock game cover management */
.unlockPricingGrid article{grid-template-columns:58px minmax(0,1fr) 105px 95px!important;align-items:center!important}
.unlockPricingGrid article>.unlockAdminCover{width:58px;height:58px;display:grid;place-items:center;overflow:hidden;border:1px solid #303844;border-radius:12px;background:#11161d;align-self:center!important}
.unlockPricingGrid article>.unlockAdminCover img{width:100%;height:100%;object-fit:cover;display:block}
.unlockPricingGrid article>.unlockAdminCover span{font-size:13px;font-weight:800;color:#738092;letter-spacing:.04em}
.unlockPricingGrid article>.unlockAdminGameMeta{display:flex!important;flex-direction:column!important;gap:4px!important;min-width:0;align-self:center!important}
.unlockAdminGameMeta>b{font-size:11px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.unlockAdminGameMeta>small{font-size:9px!important;color:#687280!important}
.unlockAdminMediaActions{display:flex!important;flex-direction:row!important;align-items:center;gap:6px!important;margin-top:3px}
.unlockAdminMediaActions .adminUploadBtn.mini,.unlockAdminMediaActions .dangerGhost.mini{min-height:25px;padding:5px 8px;border-radius:7px;font-size:8px;line-height:1}
.unlockAdminMediaActions .adminUploadBtn.mini input{display:none}
.unlockPricingGrid article>.unlockAdminSave{grid-column:3/5;justify-self:stretch;min-height:32px}
@media(max-width:900px){.unlockPricingGrid article{grid-template-columns:58px minmax(0,1fr) 1fr 1fr!important}.unlockPricingGrid article>.unlockAdminCover{grid-column:1;grid-row:1/3}.unlockPricingGrid article>.unlockAdminGameMeta{grid-column:2/5}.unlockPricingGrid article>label{grid-row:2}.unlockPricingGrid article>label:nth-of-type(1){grid-column:2/4}.unlockPricingGrid article>label:nth-of-type(2){grid-column:4}.unlockPricingGrid article>.unlockAdminSave{grid-column:2/5}}
@media(max-width:560px){.unlockPricingGrid article{grid-template-columns:50px minmax(0,1fr)!important}.unlockPricingGrid article>.unlockAdminCover{width:50px;height:50px;grid-column:1;grid-row:1}.unlockPricingGrid article>.unlockAdminGameMeta{grid-column:2;grid-row:1}.unlockPricingGrid article>label{grid-row:auto!important;grid-column:1/-1!important}.unlockPricingGrid article>.unlockAdminSave{grid-column:1/-1}.unlockAdminMediaActions{flex-wrap:wrap}}

/* v172 — GIFtos PAY matte redesign: flat surfaces, clean borders, no heavy shadows */
.payPage{
  max-width:1120px;
  padding-top:28px;
  padding-bottom:64px;
}
.payPage .payCrumb{
  margin-bottom:14px;
  font-size:12px;
}
.payShell{
  grid-template-columns:326px minmax(0,1fr);
  gap:14px;
}
.paySummary,
.payMain{
  background:#151a22;
  border:1px solid #29323e;
  border-radius:18px;
  box-shadow:none!important;
}
.paySummary{
  top:84px;
  padding:20px;
}
.payMain{
  min-height:500px;
  padding:28px;
}
.payBrand{
  padding-bottom:18px;
  border-bottom-color:#27303a;
}
.payBrand>span{
  width:40px;
  height:40px;
  border-radius:11px;
  border:1px solid #2e4b3b;
  background:#17261f;
  color:#69e59a;
  box-shadow:none!important;
}
.payBrand small,
.payOrder small,
.paySectionHead small,
.payResult>small,
.payGatewayReady>small,
.payPendingGateway>small{
  letter-spacing:.12em;
  color:#778392;
}
.payOrder{
  padding:20px 0 16px;
}
.payOrder h1{
  margin-top:6px;
  font-size:19px;
}
.payTotal{
  padding:16px 0;
  border-top-color:#27303a;
  border-bottom-color:#27303a;
}
.payTotal strong{
  font-size:25px;
}
.payStatus{
  margin-top:14px;
  padding:10px 12px;
  border:1px solid #29333f;
  border-radius:10px;
  background:#181e27;
  box-shadow:none!important;
}
.paySummaryNote{
  margin-top:13px;
  padding-top:0;
  color:#697585;
  font-size:10px;
}
.payBalanceSummary,
.payMinimumSummary{
  box-shadow:none!important;
}
.paySectionHead{
  margin-bottom:18px;
}
.paySectionHead h2,
.payResult h2,
.payGatewayReady h2,
.payPendingGateway h2{
  font-size:25px;
}
.paySectionHead p,
.payResult p,
.payGatewayReady p,
.payPendingGateway p{
  color:#84909f;
}
.payChange,
.payGhost{
  border-color:#303a46;
  background:#181e27;
  border-radius:9px;
  box-shadow:none!important;
  transition:border-color .16s ease,background .16s ease,color .16s ease;
}
.payChange:hover,
.payGhost:hover{
  border-color:#43505f;
  background:#1b222c;
  color:#dce4ec;
}
.payMethods{
  gap:8px;
}
.payMethod{
  grid-template-columns:44px 1fr auto;
  gap:13px;
  padding:13px 14px;
  border-color:#2a333e;
  border-radius:12px;
  background:#181e26;
  box-shadow:none!important;
  transform:none!important;
}
.payMethod:hover,
.payMethod.open{
  border-color:#3b6650;
  background:#19231f;
  transform:none!important;
  box-shadow:none!important;
}
.payMethodIcon{
  width:44px;
  height:44px;
  border-radius:10px;
  border:1px solid #2d3944;
  background:#202832;
  color:#70dfa0;
  box-shadow:none!important;
}
.payMethod em{
  font-size:24px;
}
.payCryptoAssets{
  gap:7px;
  margin-left:57px;
}
.payCryptoAssets button{
  border-color:#2a333e;
  border-radius:10px;
  background:#131920;
  box-shadow:none!important;
}
.payCryptoAssets button:hover{
  border-color:#3e5b4a;
  background:#171e1b;
}
.payPrimary{
  border-radius:10px;
  background:#39d77c;
  box-shadow:none!important;
  transition:filter .16s ease,background .16s ease;
}
.payPrimary:hover{
  filter:brightness(1.04);
}
.payGatewayReady>svg,
.payResult.ok>svg{
  border:1px solid #265239;
  border-radius:14px;
  background:#16271f;
  box-shadow:none!important;
}
.payCryptoAmount,
.payAddress,
.payWarning,
.payAwait{
  box-shadow:none!important;
}
.payCryptoAmount{
  border-color:#2b3541;
  border-radius:13px;
  background:#121820;
}
.payAddress{
  border-color:#2b3541;
  border-radius:13px;
  background:#181e26;
}
.payCopy{
  border-color:#34404c;
  border-radius:9px;
  background:#202731;
  box-shadow:none!important;
}
.payWarning{
  border-radius:11px;
}
.payAwait{
  border:1px solid #27313c;
  border-radius:11px;
  background:#171d25;
}
.payPulse{
  box-shadow:none!important;
  animation:paypulseFlat 1.45s ease-in-out infinite!important;
}
@keyframes paypulseFlat{
  0%,100%{opacity:.45;transform:scale(.82)}
  50%{opacity:1;transform:scale(1)}
}
.payLoading span,
.paySpinner{
  box-shadow:none!important;
}

/* Minimum-payment screen uses the same flat GIFtos PAY visual language. */
.minimumPayShell{
  border-color:#29323e;
  background:#121720;
  border-radius:18px;
  padding:7px;
  gap:12px;
  box-shadow:none!important;
}
.minimumPayHero,
.minimumPayReceipt,
.minimumPayNotice,
.minimumPayFee,
.minimumPayBrand>span,
.minimumPayMark{
  box-shadow:none!important;
}
.minimumPayMark{
  border-color:#35414e;
  background:#1a212a;
  border-radius:14px;
}
.minimumPayReceipt{
  border-color:#29333e;
  background:#171d25;
}

@media(max-width:820px){
  .payPage{padding:16px 11px 38px}
  .payShell{grid-template-columns:1fr;gap:10px}
  .paySummary{padding:16px;border-radius:15px}
  .payMain{padding:18px;border-radius:15px;min-height:430px}
  .paySectionHead h2,.payGatewayReady h2,.payPendingGateway h2,.payResult h2{font-size:22px}
  .payCryptoAssets{margin-left:0}
  .minimumPayShell{border-radius:16px;gap:8px}
}

/* v174 — replaceable PNG icons for Google / Steam / Telegram authorization */
.socialAuthBtn .socialAuthPng{
  width:22px;
  height:22px;
  flex:0 0 22px;
  display:block;
  object-fit:contain;
  border-radius:50%;
}
.socialAuthBtn.google .socialAuthPng{width:21px;height:21px;flex-basis:21px}
.socialAuthBtn.steam .socialAuthPng,.socialAuthBtn.telegram .socialAuthPng{width:22px;height:22px;flex-basis:22px}
.socialAuthIconManager{margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface2)}
.socialAuthIconManagerHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:11px}
.socialAuthIconManagerHead b{display:block;font-size:13px;color:var(--text)}
.socialAuthIconManagerHead small{display:block;margin-top:4px;color:var(--muted2);font-size:10px;line-height:1.45}
.socialAuthIconRows{display:grid;gap:8px}
.socialAuthIconRow{display:grid;grid-template-columns:42px minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--surface) 72%,transparent)}
.socialAuthIconPreview{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.025);overflow:hidden}
.socialAuthIconPreview img{width:30px;height:30px;object-fit:contain;display:block}
.socialAuthIconMeta{min-width:0}
.socialAuthIconMeta b{display:block;color:var(--text);font-size:11px}
.socialAuthIconMeta small{display:block;margin-top:3px;color:var(--muted2);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.socialAuthIconRow .adminUploadBtn,.socialAuthIconRow .dangerGhost{min-height:34px}
@media(max-width:680px){
  .socialAuthIconRow{grid-template-columns:42px minmax(0,1fr)}
  .socialAuthIconRow .adminUploadBtn,.socialAuthIconRow .dangerGhost{width:100%;grid-column:auto}
}

/* v175 — real user avatars instead of selectable color tones */
.accountAvatar,.memberAvatar,.socialAvatar,.miniAvatar,
.garantHeader .gsiteProfileBtn>span,.gaccountMiniUser>span,.gaccountAvatarPreview{
  position:relative;
  overflow:hidden;
}
.avatarInitial{
  width:100%;height:100%;display:grid;place-items:center;
}
.userAvatarImage{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;
}
.memberAvatar{
  background:#273241;color:#dfe9f5;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);
}
.accountAvatar{background:#263241;color:#dbe7f5}
.avatarSettingsRow{align-items:center!important}
.avatarSettingsActions{display:flex;align-items:center;gap:8px;justify-content:flex-end}
.avatarUploadBtn{
  min-height:34px;padding:0 11px;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--line);border-radius:9px;background:var(--surface2);color:#75aff8;
  font-size:11px;font-weight:750;cursor:pointer;white-space:nowrap;
}
.avatarUploadBtn input{display:none}
.avatarSettingsActions>button{
  min-height:34px!important;padding:0 9px!important;border:1px solid rgba(255,93,115,.16)!important;
  border-radius:9px!important;background:rgba(255,77,100,.045)!important;color:#ff8292!important;
}
.gaccountAvatarEditor{
  display:grid;grid-template-columns:54px minmax(0,1fr) auto auto;gap:11px;align-items:center;
  padding:12px;border:1px solid rgba(129,160,151,.12);border-radius:10px;background:#0f1917;
}
.gaccountAvatarPreview{
  width:54px;height:54px;border-radius:50%;display:grid;place-items:center;
  background:#1b2b26;border:1px solid rgba(78,153,121,.18);color:#9ab7aa;font-weight:800;
}
.gaccountAvatarEditor>div{min-width:0;display:grid;gap:4px}
.gaccountAvatarEditor>div>b{color:#dce5e2;font-size:12px}
.gaccountAvatarEditor>div>small{margin:0!important;color:#657970!important;font-size:10px!important;line-height:1.35}
.gaccountAvatarUpload,.gaccountAvatarRemove{
  min-height:34px;padding:0 11px;border-radius:8px;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap;
}
.gaccountAvatarUpload{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(81,176,137,.19);background:#14231f;color:#63bc96}
.gaccountAvatarUpload input{display:none}
.gaccountAvatarRemove{border:1px solid rgba(224,91,105,.16);background:rgba(129,41,50,.08);color:#d9848e}
.adminUserRow .miniAvatar .userAvatarImage{border-radius:inherit}
@media(max-width:620px){
  .avatarSettingsActions{justify-content:flex-start;flex-wrap:wrap}
  .gaccountAvatarEditor{grid-template-columns:54px minmax(0,1fr)}
  .gaccountAvatarUpload,.gaccountAvatarRemove{grid-column:2;justify-self:start}
}

/* v178 — flat selects + top glass notifications */
.uiSelectBtn,
.uiSelect.open .uiSelectBtn,
.uiSelectMenu,
.uiSelectOption,
.uiSelectOption.active,
.uiSelectOption.active::after,
.familyPageV147 select,
.familyPageV147 select:focus,
.familyPageV147 .regionSelect,
.familyPageV147 .regionSelect:focus{
  box-shadow:none!important;
  filter:none!important;
}
.uiSelectMenu{
  background:rgba(18,24,33,.98)!important;
  border-color:rgba(126,150,180,.16)!important;
  backdrop-filter:none!important;
}
.uiSelect.open .uiSelectBtn{
  outline:1px solid rgba(69,139,224,.32)!important;
  outline-offset:0!important;
}

.siteToastHost{
  position:fixed;
  top:18px;
  left:50%;
  z-index:9999;
  width:min(440px,calc(100% - 28px));
  transform:translateX(-50%);
  display:grid;
  gap:8px;
  pointer-events:none;
}
.toast{
  position:relative!important;
  right:auto!important;
  bottom:auto!important;
  width:100%;
  min-height:66px;
  display:grid;
  grid-template-columns:34px minmax(0,1fr) 26px;
  align-items:center;
  gap:11px;
  padding:11px 12px 12px!important;
  overflow:hidden;
  border:1px solid rgba(128,151,181,.18)!important;
  border-radius:14px!important;
  background:rgba(15,21,30,.78)!important;
  color:#e9eff7!important;
  box-shadow:none!important;
  backdrop-filter:blur(18px) saturate(120%);
  -webkit-backdrop-filter:blur(18px) saturate(120%);
  opacity:0;
  transform:translateY(-10px) scale(.985);
  transition:opacity .18s ease,transform .18s ease,border-color .18s ease;
  pointer-events:auto;
}
.toast.show{opacity:1;transform:none}
.toast.err{background:rgba(25,18,23,.80)!important;border-color:rgba(219,94,112,.22)!important}
.toastIcon{
  width:34px;height:34px;display:grid;place-items:center;
  border-radius:10px;border:1px solid rgba(91,159,235,.20);
  background:rgba(54,126,208,.12);color:#83bdff;
  font-size:15px;font-weight:900;
}
.toast.err .toastIcon{border-color:rgba(223,91,111,.22);background:rgba(194,62,82,.12);color:#ff9eac}
.toastCopy{min-width:0;display:grid;gap:3px}
.toastCopy b{font-size:11px;line-height:1.15;letter-spacing:.01em;color:#f2f6fb}
.toastCopy small{font-size:11px;line-height:1.38;color:#a7b2c1;overflow-wrap:anywhere}
.toastClose{width:26px;height:26px;border:0;border-radius:8px;background:transparent;color:#718095;font-size:18px;line-height:1;cursor:pointer;padding:0}
.toastClose:hover{background:rgba(255,255,255,.045);color:#d8e2ee}
.toastTimer{position:absolute;left:0;bottom:0;height:2px;width:100%;background:rgba(77,148,230,.62);transform-origin:left;animation:siteToastTimer 3.6s linear forwards}
.toast.err .toastTimer{background:rgba(217,82,102,.62)}
@keyframes siteToastTimer{from{transform:scaleX(1)}to{transform:scaleX(0)}}
@media(max-width:620px){.siteToastHost{top:10px;width:calc(100% - 20px)}.toast{min-height:62px;border-radius:12px!important;grid-template-columns:32px minmax(0,1fr) 24px;padding:10px!important}.toastIcon{width:32px;height:32px}.toastCopy small{font-size:10.5px}}

/* v179 — site notices: right aligned, directly below the active header */
.siteToastHost{
  top:118px!important;
  right:22px!important;
  left:auto!important;
  width:min(390px,calc(100% - 44px))!important;
  transform:none!important;
  justify-items:stretch;
}
body:has(.gsiteHeader) .siteToastHost{
  top:78px!important;
}
.toast{
  transform:translateX(12px) scale(.985)!important;
  box-shadow:none!important;
}
.toast.show{
  transform:none!important;
}
@media(max-width:760px){
  .siteToastHost,
  body:has(.gsiteHeader) .siteToastHost{
    top:76px!important;
    right:10px!important;
    left:auto!important;
    width:min(360px,calc(100% - 20px))!important;
    transform:none!important;
  }
}

/* v186 — progressive rendering for below-the-fold home sections. */
@supports (content-visibility:auto){
  .homePage .popularShell,
  .homePage #catalogShell,
  .homePage .homeSeoLinks{
    content-visibility:auto;
  }
  .homePage .popularShell{contain-intrinsic-size:260px}
  .homePage #catalogShell{contain-intrinsic-size:900px}
  .homePage .homeSeoLinks{contain-intrinsic-size:90px}
}

/* v188 — progressive catalogue loading + smooth image skeletons */
.smartImg{opacity:0;transition:opacity .28s ease;will-change:opacity}
.smartImg.isLoaded{opacity:1}
.gameArt:has(>img.smartImg:not(.isLoaded))::before,
.popularThumb:has(>img.smartImg:not(.isLoaded))::before,
.promoVisual:has(>img.smartImg:not(.isLoaded))::before,
.productLogo:has(>img.smartImg:not(.isLoaded))::before,
.variantThumb:has(>img.smartImg:not(.isLoaded))::before{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(105deg,rgba(255,255,255,.025) 18%,rgba(255,255,255,.085) 38%,rgba(255,255,255,.025) 58%);
  background-size:220% 100%;animation:giftosSkeletonSweep 1.15s ease-in-out infinite;
}
@keyframes giftosSkeletonSweep{0%{background-position:100% 0}100%{background-position:-120% 0}}
.catalogSkeletonGrid{pointer-events:none}
.skeletonGameCard .gameArt{border-color:rgba(124,144,170,.08)!important;background:#171c24!important;box-shadow:none!important}
.skeletonPulse{position:relative;overflow:hidden}
.skeletonPulse::before,.skeletonLine::before,.skeletonCountry::after{
  content:"";position:absolute;inset:0;background:linear-gradient(105deg,rgba(255,255,255,.02) 18%,rgba(255,255,255,.07) 38%,rgba(255,255,255,.02) 58%);background-size:220% 100%;animation:giftosSkeletonSweep 1.15s ease-in-out infinite
}
.skeletonLine{position:relative;overflow:hidden;height:11px!important;width:68%;margin:10px auto 0!important;border-radius:6px;background:#1b212a!important;color:transparent!important}
.skeletonLine.small{height:8px!important;width:46%;margin-top:6px!important}
.skeletonCountry{position:relative;overflow:hidden;min-height:69px!important;border-color:rgba(124,144,170,.08)!important;background:#171c24!important}
.skeletonCountry>i{width:39px;height:39px;border-radius:11px;background:#202733;flex:none}
.skeletonCountry>div{display:grid;gap:7px;flex:1}
.skeletonCountry b,.skeletonCountry small,.skeletonCountry strong{display:block;border-radius:5px;background:#232a34;color:transparent!important}
.skeletonCountry b{width:58%;height:10px}.skeletonCountry small{width:38%;height:7px;margin:0!important}.skeletonCountry strong{width:54px;height:9px}
.skeletonCountry::after{z-index:3;pointer-events:none}
#departmentMore{display:grid;justify-items:center;gap:6px}
.catalogPageCount{display:block;margin-top:2px;color:var(--muted2);font-size:9px}
.showAllBtn:disabled{opacity:.72;cursor:wait}
.miniLoadDot{display:inline-block;width:10px;height:10px;border:2px solid rgba(126,162,207,.25);border-top-color:#7eafe9;border-radius:50%;animation:spin .7s linear infinite;vertical-align:-1px;margin-right:4px}
@media(max-width:760px){.smartImg{transition-duration:.22s}.catalogSkeletonGrid.gameGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.promoImg.smartImg{opacity:0!important}.promoImg.smartImg.isLoaded{opacity:1!important}