/* ============================================================================
   TestKav · صفحهٔ دسته — کارت معرفی دسته
   با ورود به صفحه یک کادر کوچک بالای صفحه می‌آید (سفید در تم روز، مشکی در تم شب): نام دسته درشت و زیرش نام انگلیسی کوچک.
   ۴ ثانیه می‌ماند و محو می‌شود؛ روی صفحه قفل نمی‌کند (pointer-events:none). نمایش/تکرار را اسکریپت درون
   _market_category_catalog_body.html تنظیم می‌کند (یک بار برای هر دسته؛ دوباره فقط بعد از ۱۰ دقیقه).
   ============================================================================ */
.tkci{position:fixed;top:calc(var(--tkc-hdr,68px) + 16px);inset-inline:0;z-index:60;display:flex;justify-content:center;padding:0 16px;pointer-events:none}
.tkci[hidden]{display:none}
.tkci__box{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:280px;max-width:min(92vw,600px);padding:18px 34px 16px;
  border:1px solid var(--sk-line);border-radius:14px;background:var(--sk-surface);color:var(--sk-ink);text-align:center;
  box-shadow:0 26px 60px -30px rgba(0,0,0,.4),0 1px 2px rgba(0,0,0,.05);
  opacity:0;transform:translateY(-14px) scale(.98);transition:opacity .4s var(--sk-ease,ease),transform .55s var(--sk-ease,ease)}
.tkci.is-in .tkci__box{opacity:1;transform:none}
.tkci.is-out .tkci__box{opacity:0;transform:translateY(-10px);transition:opacity .45s ease,transform .45s ease}
.tkci__fa{display:block;font-family:var(--sk-font-heading,var(--tk-font-heading,'Pinar','AzarMehr','Vazirmatn',Tahoma,sans-serif));font-size:clamp(22px,2.4vw,30px);font-weight:900;line-height:1.45;letter-spacing:-.01em}
/* the English name, small, under a short amber rule */
.tkci__en{display:block;font-family:'TKTitleLatin',var(--sk-font);font-size:12.5px;font-weight:500;line-height:1.4;letter-spacing:.1em;text-transform:uppercase;color:var(--sk-ink-soft)}
.tkci__en::before{content:"";display:block;width:28px;height:2px;margin:4px auto 9px;border-radius:2px;background:var(--sk-amber)}
[data-theme="dark"] .tkci__box{background:#0b0c0e;border-color:rgba(255,255,255,.14);color:#fff;box-shadow:0 26px 60px -24px rgba(0,0,0,.85)}
[data-theme="dark"] .tkci__en{color:rgba(255,255,255,.62)}
@media (max-width:640px){
  .tkci{top:calc(var(--tkc-hdr,60px) + 10px)}
  .tkci__box{min-width:0;width:100%;padding:14px 22px 12px;border-radius:12px}
  .tkci__fa{font-size:21px}
}
@media (prefers-reduced-motion:reduce){
  .tkci__box,.tkci.is-out .tkci__box{transition:none;transform:none}
}