/* 7.2 — صفحهٔ کلید TF2 */
.fsi-tf2{direction:rtl;padding:18px 0 40px;font-family:inherit}
.tk-bc{display:flex;gap:8px;align-items:center;font-size:12px;color:#8a94a6;margin-bottom:10px}
.tk-bc a{color:#8a94a6;text-decoration:none}.tk-bc a:hover{color:#1f6feb}.tk-bc i{font-style:normal;opacity:.6}.tk-bc span{color:#dfe5ee}
.tk-title{font-size:22px;font-weight:800;color:#f2f5fa;margin:0 0 18px}
.tk-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:20px;align-items:start}
.tk-grid>.tk-card{order:2}.tk-grid>.tk-chart{order:1}
.tk-card,.tk-chart{background:#1b2230;border:1px solid #2a3344;border-radius:16px;padding:20px}
.tk-img{background:radial-gradient(circle at 50% 40%,#3a4a63 0,#1b2230 70%);border-radius:14px;height:210px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.tk-img img{max-height:150px;width:auto;filter:drop-shadow(0 8px 18px rgba(0,0,0,.45))}
.tk-name{font-size:18px;font-weight:800;color:#f2f5fa}
.tk-sub{font-size:12px;color:#8a94a6;margin:4px 0 12px;direction:ltr;text-align:right}
.tk-badges{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.tk-badge{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;padding:5px 10px;border-radius:999px}
.tk-badge-low{background:rgba(46,204,113,.14);color:#2ecc71;border:1px solid rgba(46,204,113,.35)}
.tk-badge-fast{background:rgba(31,111,235,.14);color:#6ea8ff;border:1px solid rgba(31,111,235,.35)}
.tk-price-row{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:14px 0;border-top:1px solid #2a3344;border-bottom:1px solid #2a3344}
.tk-price b{font-size:26px;font-weight:900;color:#f2f5fa}.tk-price span{font-size:12px;color:#8a94a6;margin-right:6px}
.tk-stock{font-size:12px;color:#2ecc71;font-weight:700}.tk-stock.is-out{color:#e74c3c}
.tk-qty-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0 14px}
.tk-qty-lbl{font-size:13px;color:#c8d0dc;font-weight:700}
.tk-qty{display:inline-flex;align-items:center;background:#111722;border:1px solid #2a3344;border-radius:12px;overflow:hidden}
.tk-qty-btn{width:40px;height:40px;border:0;background:transparent;color:#f2f5fa;font-size:20px;cursor:pointer}
.tk-qty-btn:hover{background:#222b3a}.tk-qty-btn:disabled{opacity:.35;cursor:not-allowed}
.tk-qty-in{width:56px;height:40px;border:0;border-right:1px solid #2a3344;border-left:1px solid #2a3344;background:transparent;color:#f2f5fa;text-align:center;font-weight:800;font-size:16px;outline:0}
.tk-qty-max{font-size:11px;color:#8a94a6;margin-right:auto}
.tk-buy{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:50px;border:0;border-radius:12px;background:#1f6feb;color:#fff!important;font-size:16px;font-weight:800;cursor:pointer;text-decoration:none!important;transition:background .15s}
.tk-buy:hover{background:#3b82f6}.tk-buy:disabled{background:#2a3344;color:#8a94a6!important;cursor:not-allowed}
.tk-buy.is-busy{pointer-events:none;opacity:.7}
.tk-note{display:flex;gap:6px;align-items:center;font-size:12px;color:#8a94a6;margin-top:10px}
.tk-result{margin-top:14px;border-radius:12px;padding:14px;border:1px solid #2a3344;background:#111722}
.tk-result.is-ok{border-color:rgba(46,204,113,.4)}.tk-result.is-err{border-color:rgba(231,76,60,.45)}
.tk-result h4{margin:0 0 6px;font-size:14px;font-weight:800;color:#f2f5fa}
.tk-result p{margin:0 0 10px;font-size:12.5px;color:#c8d0dc;line-height:1.9}
.tk-result .tk-acts{display:flex;gap:8px;flex-wrap:wrap}
.tk-result .tk-acts a{flex:1;min-width:140px;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;border-radius:10px;font-size:13px;font-weight:700;text-decoration:none!important}
.tk-result .tk-a-steam{background:#1f6feb;color:#fff!important}.tk-result .tk-a-web{background:#222b3a;color:#f2f5fa!important;border:1px solid #2a3344}
.tk-result .tk-a-charge{background:#f39c12;color:#111!important}
.tk-ch-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.tk-ch-title{font-size:15px;font-weight:800;color:#f2f5fa}
.tk-ch-tabs{display:inline-flex;background:#111722;border:1px solid #2a3344;border-radius:10px;padding:3px;gap:2px}
.tk-ch-tabs button{border:0;background:transparent;color:#8a94a6;font-size:12px;font-weight:700;padding:6px 12px;border-radius:8px;cursor:pointer}
.tk-ch-tabs button.is-on{background:#1f6feb;color:#fff}
.tk-ch-now{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:6px}
.tk-ch-now b{font-size:24px;font-weight:900;color:#f2f5fa}.tk-ch-now span{font-size:12px;color:#8a94a6}
.tk-ch-now em{font-style:normal;font-size:12px;font-weight:800;padding:3px 8px;border-radius:999px;direction:ltr}
.tk-ch-now em.is-up{background:rgba(46,204,113,.14);color:#2ecc71}.tk-ch-now em.is-down{background:rgba(231,76,60,.14);color:#ff7675}.tk-ch-now em.is-flat{background:#222b3a;color:#8a94a6}
.tk-ch-now small{font-size:11px;color:#8a94a6}
.tk-ch-svg{height:190px;position:relative}.tk-ch-svg svg{width:100%;height:100%;display:block;overflow:visible}
.tk-ch-tip{position:absolute;pointer-events:none;background:#0d1219;border:1px solid #2a3344;color:#f2f5fa;font-size:11px;padding:5px 8px;border-radius:8px;white-space:nowrap;transform:translate(-50%,-110%);display:none}
.tk-ch-axis{display:flex;justify-content:space-between;font-size:10.5px;color:#8a94a6;margin:6px 2px 14px;direction:ltr}
.tk-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.tk-stat{background:#111722;border:1px solid #2a3344;border-radius:12px;padding:10px 8px;text-align:center}
.tk-stat span{display:block;font-size:11px;color:#8a94a6;margin-bottom:5px}.tk-stat b{font-size:14px;font-weight:800;color:#f2f5fa}
@media (max-width:991px){.tk-grid{grid-template-columns:1fr}.tk-grid>.tk-card{order:1}.tk-grid>.tk-chart{order:2}}
@media (max-width:600px){.fsi-tf2{padding:12px 0 90px}.tk-title{font-size:18px}.tk-card,.tk-chart{padding:14px;border-radius:14px}.tk-img{height:170px}.tk-stats{grid-template-columns:repeat(2,1fr)}.tk-qty-max{width:100%;margin:0}.tk-ch-svg{height:150px}}
