/* ===================== نوار متحرک قیمت‌ها ===================== */
/* این فایل مستقل است (به prices.css وابسته نیست) و همهٔ انیمیشن‌هایش پیشوند tm-tk- دارند. */
.tm-ptk{
	--tk-up:#4ade80;--tk-down:#fb7185;--tk-flat:#94a3b8;--tk-h:44px;
	position:relative;z-index:1;display:block;width:100%;max-width:100%;
	height:var(--tk-h);overflow:hidden;contain:layout paint;
	color:#e5e7eb;font-size:12.5px;line-height:1;
	background:linear-gradient(90deg,#0a1020,#0f1b38 50%,#0a1020);
	border-bottom:1px solid rgba(255,255,255,.07);
	animation:tm-tk-drop .6s cubic-bezier(.2,.8,.2,1) both;
}
.tm-ptk[hidden]{display:none}
.tm-ptk *,.tm-ptk *::before,.tm-ptk *::after{box-sizing:border-box}
/* هیچ آیکن SVG داخل نوار هرگز از اندازهٔ خودش بزرگ‌تر نمی‌شود */
.tm-ptk svg{display:block;width:11px;height:11px;max-width:11px;max-height:11px;flex:0 0 11px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.tm-ptk ul,.tm-ptk li{list-style:none;margin:0;padding:0}

/* درخشش ملایم عبوری */
.tm-ptk::before{
	content:"";position:absolute;inset:0;pointer-events:none;opacity:.55;
	background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.07) 50%,transparent 65%);
	background-size:250% 100%;animation:tm-tk-sheen 8s linear infinite;
}
/* خط رنگی نازک پایین نوار */
.tm-ptk::after{
	content:"";position:absolute;left:0;right:0;bottom:0;height:2px;pointer-events:none;opacity:.8;
	background:linear-gradient(90deg,transparent,var(--color-primary,#0f62fe),var(--color-accent,#ff3d57),transparent);
	background-size:200% 100%;animation:tm-tk-line 6s linear infinite;
}
.tm-ptk .container{height:100%}
.tm-ptk-in{display:flex;align-items:center;gap:12px;height:100%;position:relative;z-index:1}

.tm-ptk-label{
	flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:99px;
	font-size:12px;font-weight:800;line-height:1;color:#fff;white-space:nowrap;
	background:linear-gradient(120deg,var(--color-primary,#0f62fe),var(--color-accent,#ff3d57));
	box-shadow:0 4px 14px -4px rgba(15,98,254,.6);
}
.tm-ptk-live{position:relative;display:block;flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:#4ade80}
.tm-ptk-live::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid #4ade80;opacity:0;animation:tm-tk-pulse 1.8s ease-out infinite}

.tm-ptk-view{
	flex:1 1 0;min-width:0;height:100%;overflow:hidden;direction:ltr;
	-webkit-mask-image:linear-gradient(90deg,transparent,#000 36px,#000 calc(100% - 36px),transparent);
	mask-image:linear-gradient(90deg,transparent,#000 36px,#000 calc(100% - 36px),transparent);
}
.tm-ptk-track{display:flex;align-items:center;height:100%;width:max-content;will-change:transform;animation:tm-tk-run var(--tk-dur,60s) linear infinite}
.tm-ptk:hover .tm-ptk-track,.tm-ptk:focus-within .tm-ptk-track{animation-play-state:paused}
.tm-ptk-set{display:flex;flex:0 0 auto;align-items:center;direction:rtl}

.tm-ptk-item{
	position:relative;display:inline-flex;align-items:center;gap:8px;padding:0 18px;height:100%;
	direction:rtl;white-space:nowrap;font-size:12.5px;
	animation:tm-tk-pop .55s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--n,0) * 70ms);
	transition:background .25s;
}
.tm-ptk-item::after{content:"";position:absolute;left:0;top:30%;bottom:30%;width:1px;background:rgba(255,255,255,.12)}
.tm-ptk-item:hover{background:rgba(255,255,255,.06)}
.tm-ptk-item .dot{display:block;flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:#f59e0b;color:#f59e0b;box-shadow:0 0 8px currentColor}
.tm-ptk-item.g-currency .dot{background:#34d399;color:#34d399}
.tm-ptk-item.g-gold .dot{background:#facc15;color:#facc15}
.tm-ptk-item b{font-weight:600;color:#cbd5e1}
.tm-ptk-item .px{display:inline-flex;align-items:baseline;gap:4px}
.tm-ptk-item .px i{font-style:normal;font-weight:800;color:#fff;font-variant-numeric:tabular-nums}
.tm-ptk-item .px em{font-style:normal;font-size:10.5px;color:#94a3b8}
.tm-ptk-chg{display:inline-flex;align-items:center;gap:2px;font-size:11.5px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--tk-flat)}
.tm-ptk-chg:empty{display:none}
.tm-ptk-chg.up{color:var(--tk-up)}
.tm-ptk-chg.down{color:var(--tk-down)}
.tm-ptk-chg.up svg{animation:tm-tk-bob-up 1.6s ease-in-out infinite}
.tm-ptk-chg.down svg{animation:tm-tk-bob-down 1.6s ease-in-out infinite}
.tm-ptk-item.flash-up{animation:tm-tk-flash-up 1.4s ease-out}
.tm-ptk-item.flash-down{animation:tm-tk-flash-down 1.4s ease-out}

/* اسکلت بارگذاری */
.tm-ptk-item.is-skel{animation:none;gap:10px}
.tm-ptk-item.is-skel b,.tm-ptk-item.is-skel i{display:block;height:11px;border-radius:6px;
	background:linear-gradient(90deg,rgba(255,255,255,.06) 25%,rgba(255,255,255,.18) 50%,rgba(255,255,255,.06) 75%);
	background-size:200% 100%;animation:tm-tk-shimmer 1.4s linear infinite}
.tm-ptk-item.is-skel b{width:60px}
.tm-ptk-item.is-skel i{width:80px}
.tm-ptk-track.is-static{animation:none}

@keyframes tm-tk-run{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes tm-tk-drop{from{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:none}}
@keyframes tm-tk-pop{from{opacity:0;transform:translateY(12px) scale(.9)}to{opacity:1;transform:none}}
@keyframes tm-tk-sheen{from{background-position:150% 0}to{background-position:-150% 0}}
@keyframes tm-tk-line{from{background-position:0 0}to{background-position:200% 0}}
@keyframes tm-tk-pulse{0%{transform:scale(.6);opacity:.9}100%{transform:scale(1.6);opacity:0}}
@keyframes tm-tk-shimmer{from{background-position:200% 0}to{background-position:-200% 0}}
@keyframes tm-tk-bob-up{0%,100%{transform:translateY(1px)}50%{transform:translateY(-2px)}}
@keyframes tm-tk-bob-down{0%,100%{transform:translateY(-1px)}50%{transform:translateY(2px)}}
@keyframes tm-tk-flash-up{0%{background:rgba(74,222,128,.32)}100%{background:transparent}}
@keyframes tm-tk-flash-down{0%{background:rgba(251,113,133,.3)}100%{background:transparent}}

@media (max-width:640px){
	.tm-ptk{--tk-h:38px}
	.tm-ptk-label span.t{display:none}
	.tm-ptk-label{padding:7px}
	.tm-ptk-item{font-size:12px;padding:0 14px}
}
@media (prefers-reduced-motion:reduce){
	.tm-ptk,.tm-ptk *,.tm-ptk::before,.tm-ptk::after{animation:none!important;transition:none!important}
	.tm-ptk-view{overflow-x:auto;-webkit-mask-image:none;mask-image:none;scrollbar-width:none}
	.tm-ptk-view::-webkit-scrollbar{display:none}
	.tm-ptk-track{width:max-content}
}