/* v144 — shared graphite banners and a more legible Telegram catalogue. */
.market-intro{position:fixed;inset:0;z-index:2147483647;display:grid;place-items:center;background:#14171e;opacity:1;transition:opacity .2s ease;isolation:isolate}
html.market-intro-active,html.market-intro-active body{overflow:hidden!important}
html.market-intro-active #app{visibility:hidden!important}
.market-intro.is-leaving{opacity:0;pointer-events:none}
.market-intro-logo{display:block;position:relative;width:270px;height:270px;max-width:68vw;background:#646b76;mask:var(--intro-logo) center/contain no-repeat;-webkit-mask:var(--intro-logo) center/contain no-repeat;overflow:hidden;opacity:0}
.market-intro[data-theme=cs2] .market-intro-logo{width:520px;height:260px;max-width:82vw}
.market-intro[data-theme=market] .market-intro-logo,.market-intro[data-theme=guarantee] .market-intro-logo{width:520px;height:260px;max-width:82vw}
.market-intro[data-theme=guarantee]{background:#0b0f0d}
.market-intro.is-ready .market-intro-logo{opacity:1}
.market-intro-logo:after{content:"";position:absolute;inset:-30% -70%;background:linear-gradient(110deg,transparent 40%,#c9cfd82b 46%,#e4e9f09c 50%,#c9cfd82b 54%,transparent 60%);transform:translateX(-65%)}
.market-intro.is-ready .market-intro-logo:after{animation:market-logo-shine 1.8s cubic-bezier(.35,0,.3,1) both}
.market-intro-logo.is-fallback{mask:none;-webkit-mask:none;background:none;color:#727985;display:grid;place-items:center;font-size:54px;font-weight:850}
@keyframes market-logo-shine{to{transform:translateX(65%)}}

.tm-page .tm-hero,.cs-page .cs-hero{display:block;min-height:300px;border:1px solid #303641;border-radius:20px;background:#14171e;margin-bottom:24px;isolation:isolate}
.market-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2;pointer-events:none}
.tm-page .tm-hero:after,.cs-page .cs-hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(20,23,30,.7),rgba(20,23,30,.24) 43%,transparent 70%)}
.tm-page .tm-hero-copy,.cs-page .cs-hero-copy{padding:34px 36px;max-width:56%;min-height:300px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.tm-page .tm-kicker,.cs-page .cs-eyebrow{font-size:10px;letter-spacing:1.7px;color:#b7c1ce}
.tm-page .tm-hero h1,.cs-page .cs-hero h1{font-size:clamp(30px,3.1vw,44px);line-height:1.12;letter-spacing:-1.4px;margin:18px 0 12px;color:#f2f4f7;font-weight:780}
.tm-page .tm-hero h1 em{color:#8fcaff}.cs-page .cs-hero h1 em{color:#e7b16c}
.tm-page .tm-hero-copy>p,.cs-page .cs-hero p{display:block;max-width:370px;color:#a8b1bf;font-size:13px;line-height:1.65;margin:0}
.tm-page .tm-hero-stats,.cs-page .cs-hero-meta{margin-top:24px;gap:15px;flex-wrap:wrap}
.tm-page .tm-hero-stats b,.cs-page .cs-hero-meta b{font-size:14px}.tm-page .tm-hero-stats small{font-size:10px;color:#a0aaba}
.cs-page .cs-eyebrow>span{color:#e7b16c}
.tm-page .tm-tabs{gap:8px;padding:5px;background:#191d25;border:1px solid #292f3a;border-radius:14px;margin-bottom:18px;width:fit-content;max-width:100%}
.tm-page .tm-tabs button{min-height:44px;border-radius:9px;background:transparent;font-size:13px;padding:0 16px;transition:background .18s,color .18s}
.tm-page .tm-tabs button.active{background:#283647;color:#afd7ff;box-shadow:inset 0 0 0 1px #416080}
.tm-page .tm-tabs button small{font-size:10px;background:#ffffff0b}
.tm-page .tm-toolbar{gap:12px;margin-bottom:20px}
.tm-page .tm-search{height:48px;border-radius:12px}.tm-page .tm-search:focus-within{border-color:#6083a8;box-shadow:0 0 0 3px #8dc6ff0a}
.tm-page .tm-sort{min-width:192px}.tm-page .tm-sort .tm-dropdown-btn{min-height:48px}
.tm-page .tm-layout{grid-template-columns:238px minmax(0,1fr);gap:24px}
.tm-page .tm-filters{padding:18px 16px;border:1px solid #2b323d;border-radius:14px;top:130px}
.tm-page .tm-filter-head{padding-bottom:16px;margin-bottom:18px;border-bottom:1px solid #2b323d}
.tm-page .tm-filter-head button{font-size:11px}.tm-page .tm-filter-head button:hover{color:#b3d7ff}
.tm-page .tm-filter-block{gap:8px;margin-bottom:20px}.tm-page .tm-filter-block>label{font-size:12px;color:#aab4c3}
.tm-page .tm-dropdown-btn{background:#161b23;box-shadow:none;border-color:#323a48;border-radius:9px;min-height:44px;gap:8px;padding:0 10px}
.tm-page .tm-dropdown-btn:hover{background:#1e2631;border-color:#4f6278}
.tm-page .tm-dropdown-copy-single b{font-size:12px}.tm-page .tm-dropdown-chevron{margin-left:auto}
.tm-page .tm-dropdown-menu{background:#1d222b;border-color:#3a4555;border-radius:12px;padding:6px;max-height:340px;box-shadow:0 16px 40px #0007}
.tm-page .tm-dropdown-option{min-height:42px;background:transparent;border-radius:7px}.tm-page .tm-dropdown-option:hover{background:#293442}
.tm-page .tm-dropdown-option.active{background:#28394c;border-color:#4e7095}
.tm-page .tm-dropdown-model-option .tm-dropdown-copy b{font-size:12px}
.tm-page .tm-dropdown-search{position:sticky;top:-6px;z-index:1;width:100%;height:38px;min-width:0;margin:0 0 6px;border:1px solid #3a4658;border-radius:8px;background:#141922;color:#e9eff7;padding:0 10px;font:inherit;font-size:12px;outline-offset:-2px}
.tm-page .tm-dropdown-empty{padding:12px;color:#99a6b8;font-size:12px}
.tm-page .tm-select-rich .tm-dropdown-btn{padding-top:7px;padding-bottom:7px}
.tm-page .tm-price-range input{height:43px;font-size:12px;border-radius:9px;padding:0 10px}
.tm-page .tm-filter-note{font-size:11px;color:#8d99aa;line-height:1.6}.tm-page .tm-filter-note b{color:#c2ccd8;font-size:11px;margin-bottom:5px}
.tm-page .tm-result-head{min-height:40px;margin-bottom:16px}.tm-page .tm-result-head h2{font-size:16px;font-weight:650;color:#e7ecf3;margin-top:4px}.tm-page .tm-result-head small{font-size:10px;letter-spacing:.12em}.tm-page .tm-rate{font-size:11px;padding:6px 9px;border:1px solid #2e3845;border-radius:7px;background:#1a2029}
.tm-page .tm-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 14px;content-visibility:visible}
.tm-page .tgGiftMedia{border-radius:14px;transition:border-color .2s,transform .2s,box-shadow .2s}
.tm-page .tgGiftCard:hover .tgGiftMedia{transform:translateY(-3px);border-color:#648bb2;box-shadow:0 8px 24px #0003}
.tm-page .tgGiftCardCopy{padding:11px 3px 2px;gap:6px}.tm-page .tgGiftCardCopy>b{font-size:13px;line-height:1.4}.tm-page .tgGiftCardCopy strong{font-size:15px!important}.tm-page .tgGiftCardCopy .tgGiftSub{font-size:11px}.tm-page .tgDualPrice small{font-size:11px;color:#9eabbc!important}
.tm-page .tgGiftMedia .tgHoverHint{font-size:9px;backdrop-filter:none}.tm-page .tmUnifiedType{backdrop-filter:none;font-size:8px}
.tm-page .tm-more{min-height:46px;border:1px solid #354152;border-radius:10px;background:#232d3b;color:#d8e9fc;font-size:13px}
.tm-page .tm-skeleton{height:auto;min-height:250px;padding:0;background:transparent}.tm-page .tm-skeleton i{height:auto;aspect-ratio:1;border-radius:14px}.tm-page .tm-skeleton span:last-child{margin-top:12px}
.tm-page .tm-detail-info h1{overflow-wrap:anywhere}.tm-page .tm-detail-media{min-height:0;aspect-ratio:1}.tm-page .tm-detail-media>.tgCollectibleAsset{min-height:0}.tm-page .tm-detail-badge{backdrop-filter:none}
.tm-page .tm-detail-props span{font-size:10px}.tm-page .tm-detail-props b{font-size:12px}.tm-page .tm-buy-box>p,.tm-page .tm-agree{font-size:12px}.tm-page .tm-detail-note p{font-size:12px}.tm-page .tm-trust-row{font-size:11px}.tm-page .tm-breadcrumb{flex-wrap:wrap}
@media(min-width:1550px){.tm-page .tm-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1100px){.tm-page .tm-layout{grid-template-columns:216px minmax(0,1fr);gap:18px}.tm-page .tm-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tm-page .tm-hero-copy,.cs-page .cs-hero-copy{max-width:60%;padding:28px;min-height:280px}.tm-page .tm-hero,.cs-page .cs-hero{min-height:280px}}
@media(max-width:900px){.tm-page .tm-layout{display:block}.tm-page .tm-filters{position:relative;top:auto}.tm-page .tm-dropdown-menu{position:relative;top:6px}.tm-page .tm-mobile-filter{display:inline-flex}.tm-page .tm-hero-copy,.cs-page .cs-hero-copy{max-width:65%}.tm-page .tm-hero:after,.cs-page .cs-hero:after{background:linear-gradient(90deg,#14171ee6,#14171e70 65%,transparent)}}
@media(max-width:650px){
 .tm-page .tm-hero,.cs-page .cs-hero{min-height:252px;margin-bottom:18px;border-radius:15px}
 .tm-page .tm-hero-copy,.cs-page .cs-hero-copy{max-width:100%;min-height:252px;padding:24px 20px}
 .market-hero-image{object-position:68% center;opacity:.65}
 .tm-page .tm-hero:after,.cs-page .cs-hero:after{background:linear-gradient(90deg,#14171eeb,#14171eb8 52%,#14171e26)}
 .tm-page .tm-hero h1,.cs-page .cs-hero h1{font-size:30px;max-width:270px;margin:16px 0 10px;letter-spacing:-.9px}
 .tm-page .tm-hero-copy>p,.cs-page .cs-hero p{font-size:12px;max-width:260px}.tm-page .tm-kicker,.cs-page .cs-eyebrow{font-size:9px;letter-spacing:1px}
 .tm-page .tm-hero-stats,.cs-page .cs-hero-meta{margin-top:18px;gap:10px}.tm-page .tm-hero-stats b{font-size:12px}.tm-page .tm-hero-stats small{font-size:9px}
 .tm-page .tm-tabs{width:100%;max-width:100%;padding:4px;margin-right:0;gap:3px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}
 .tm-page .tm-tabs button{padding:8px 3px;min-width:0;min-height:63px;flex-wrap:wrap;justify-content:center;gap:4px;font-size:11px}.tm-page .tm-tabs button svg{width:14px;height:14px}.tm-page .tm-tabs button small{font-size:9px;flex-basis:100%;background:none;padding:0}
 .tm-page .tm-sort{min-width:0}.tm-page .tm-toolbar{gap:8px;margin-bottom:16px}.tm-page .tm-search input{font-size:13px}.tm-page .tm-mobile-filter{height:48px;border:1px solid #323a48}
 .tm-page .tm-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 10px}.tm-page .tgGiftCardCopy>b{font-size:12px}.tm-page .tgGiftCardCopy strong{font-size:14px!important}.tm-page .tgGiftCardCopy .tgGiftSub{font-size:10px}
 .tm-page .tm-result-head h2{font-size:14px}.tm-page .tm-rate{font-size:10px;padding:5px 6px}.tm-page .tm-result-head{align-items:center}
 .tm-page .tm-filters{padding:16px;margin-bottom:20px}.tm-page .tm-detail-media{width:100%;min-height:0}.tm-page .tm-detail-info{padding:18px}.tm-page .tm-detail-note p{font-size:11px}
 .market-intro-logo{width:240px;height:240px}.market-intro[data-theme=cs2] .market-intro-logo{height:200px}
}
@media(prefers-reduced-motion:reduce){.market-intro-logo:after{animation:none!important;display:none}.market-intro,.tm-page .tgGiftMedia,.tm-page .tgCollectibleAsset{transition:none!important}.tm-page .tgGiftCard:hover .tgGiftMedia{transform:none}.tm-page .tm-skeleton i,.tm-page .tm-skeleton b,.tm-page .tm-skeleton span{animation:none}}
