/* ============================================================================
   TestKav · صفحهٔ دسته — بخش‌های مشترک صفحه
   نوار ابزار چسبان، کشوی فیلتر، فیلترهای فعال، شبکهٔ کارت‌ها و هم‌ترازی پویا، ردیف در حال خواندن، نمای سریع.
   چیدمان صفحه (سرتیتر، ستون فیلتر هدفمند) در market-category-v3.css است. همه‌چیز زیر .tkc محدود شده است.
   ============================================================================ */

/* ---------- sticky toolbar: one white panel, like the sort bar on the other listing pages ----------
   ch-061: every control looks and answers like a control. The search is a real field whose dark search tile turns amber
   while you type, the sliders on the filter button move under the pointer, sort and view each have one raised piece that
   glides to the option you pick (market-category-v2.js adds it; without JS the picked button itself is raised), the
   chosen sort shows its icon in the colour the cards use for it, and a thin amber light runs along the panel's lower
   edge while the list reloads. Motion only answers the visitor; nothing moves on its own. */
.tkc-bar{position:sticky;top:var(--tkc-hdr,68px);z-index:50;margin-top:14px;padding-block:8px;transition:background-color .2s ease,box-shadow .2s ease}
.tkc-bar.is-stuck{background:color-mix(in srgb,var(--sk-surface) 88%,transparent);-webkit-backdrop-filter:saturate(1.3) blur(10px);backdrop-filter:saturate(1.3) blur(10px);box-shadow:0 12px 26px -24px rgba(0,0,0,.45)}
.tkc-bar-in{position:relative;display:flex;align-items:center;gap:10px;padding:8px;background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:18px;box-shadow:0 1px 2px rgba(24,26,29,.04);transition:border-color .2s ease}
.tkc-bar-in:focus-within{border-color:var(--sk-line-strong)}
/* the list is reloading (sort, filter, «more»): a short amber light runs along the lower edge, from the reading start */
.tkc-bar-in::after{content:"";position:absolute;inset-inline:14px;bottom:-1px;height:2px;border-radius:2px;pointer-events:none;opacity:0;
  background:linear-gradient(90deg,transparent,var(--sk-amber) 35%,var(--sk-amber) 65%,transparent) no-repeat 170% 0/36% 100%;transition:opacity .18s ease}
.tkc-bar.is-busy .tkc-bar-in::after{opacity:1;transition-delay:.1s;animation:tkc-busy 1s cubic-bezier(.45,.05,.55,.95) infinite}
[dir="ltr"] .tkc-bar.is-busy .tkc-bar-in::after{animation-direction:reverse}
@keyframes tkc-busy{from{background-position:170% 0}to{background-position:-70% 0}}

/* filter button: a sliders icon whose two knobs slide apart under the pointer; amber once a filter is on */
.tkc .tkc-fbtn{--fb-bg:var(--sk-surface);position:relative;flex:none;display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 14px;padding-inline-start:12px;border-radius:12px;border:1px solid var(--sk-line-strong);background:var(--fb-bg);color:var(--sk-ink);font:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,transform .12s ease}
.tkc .tkc-fbtn svg{width:20px;height:20px;flex:none;overflow:visible}
.tkc .tkc-fbtn .k{fill:var(--fb-bg);transition:transform .34s cubic-bezier(.3,1.5,.45,1),fill .15s ease}
.tkc .tkc-fbtn:focus-visible .k1{transform:translateX(-6px)}
.tkc .tkc-fbtn:focus-visible .k2{transform:translateX(6px)}
.tkc .tkc-fbtn:active{transform:scale(.97)}
.tkc .tkc-fbtn.has-active{--fb-bg:color-mix(in srgb,var(--sk-amber) 16%,var(--sk-surface));border-color:var(--sk-amber)}
.tkc-badge{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--sk-ink);color:var(--sk-surface);font-size:11.5px;font-weight:800;display:inline-grid;place-items:center;line-height:1}
.tkc-badge[hidden]{display:none}
.tkc-badge.is-pop{animation:tkc-pop .42s cubic-bezier(.3,1.7,.45,1)}
@keyframes tkc-pop{from{transform:scale(.3)}to{transform:none}}

/* search: a real field (white, clear edge) with the dark search tile of the home page; the tile turns amber while typing */
.tkc-search{flex:1 1 240px;min-width:0}
.tkc-search .mls{margin:0;height:42px;gap:10px;padding:0 6px;padding-inline-start:4px;border-radius:12px;border:1px solid var(--sk-line-strong);background:var(--sk-surface);cursor:text;transition:border-color .15s ease,box-shadow .15s ease}
.tkc-search .mls:focus-within{border-color:var(--sk-amber);box-shadow:0 0 0 3px color-mix(in srgb,var(--sk-amber) 24%,transparent)}
.tkc-search .mls>svg{width:18px;height:18px;padding:8px;box-sizing:content-box;border-radius:9px;background:#2f333a;color:#fff;transition:background-color .18s ease,color .18s ease}
[data-theme="dark"] .tkc-search .mls>svg{background:#3a3f47}
.tkc-search .mls:focus-within>svg,[data-theme="dark"] .tkc-search .mls:focus-within>svg{background:var(--sk-amber);color:#15171a}
.tkc-search .mls input{height:40px;padding:0;font-size:14px;font-weight:500;text-overflow:ellipsis;caret-color:var(--sk-amber-deep,#e9ad00)}
.tkc-search .mls input::placeholder{color:var(--sk-ink-soft);opacity:.9}
.tkc-search .mls-count{background:color-mix(in srgb,var(--sk-amber) 18%,transparent);color:#8a5b00}
[data-theme="dark"] .tkc-search .mls-count{color:#f5c04a}
.tkc-search .mls-clear{border-radius:999px}

/* sort and view: options on a grey rail; the chosen one sits on a raised white piece */
.tkc-sort,.tkc-view{position:relative;isolation:isolate;flex:none;display:flex;gap:2px;padding:3px;border-radius:13px;background:var(--sk-surface-2)}
.tkc-thumb{position:absolute;z-index:-1;top:3px;bottom:3px;left:0;width:0;border-radius:10px;background:var(--sk-surface);box-shadow:0 0 0 1px var(--sk-line),0 2px 6px -3px rgba(10,14,40,.22);pointer-events:none;
  transition:transform .34s cubic-bezier(.3,1.25,.45,1),width .34s cubic-bezier(.3,1.25,.45,1)}
.tkc-thumb.is-still{transition:none}
[data-theme="dark"] .tkc-thumb{background:#24272c;box-shadow:0 0 0 1px #33363a,0 2px 6px -3px rgba(0,0,0,.6)}
.tkc .tkc-sbtn{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 13px;border:0;border-radius:10px;background:transparent;color:var(--sk-ink-soft);font:inherit;font-size:13.5px;font-weight:600;white-space:nowrap;cursor:pointer;transition:background-color .15s ease,color .15s ease,transform .12s ease}
.tkc .tkc-sbtn:active{transform:scale(.96)}
/* حالت فعال: قطعهٔ برجستهٔ سفید روی ریل خاکستری، هم‌شکل تب‌های «مهارت تخصصی / شغل / ابزار» همین صفحه.
   نه زرد (زرد فقط برای اقدام اصلی) و نه مشکی توپر (پرکنتراست‌ترین نقطهٔ صفحه می‌شد و چشم را می‌کشید).
   با جاوااسکریپت همان قطعه یک تکهٔ جدا (.tkc-thumb) است که زیر گزینهٔ انتخاب‌شده می‌لغزد. */
.tkc .tkc-sbtn.active{background:var(--sk-surface);color:var(--sk-ink);box-shadow:0 0 0 1px var(--sk-line),0 2px 6px -3px rgba(10,14,40,.18)}
.tkc .has-thumb > .tkc-sbtn.active,.tkc .has-thumb > .tkc-vbtn.is-on{background:transparent;box-shadow:none}
/* each sort option has an icon; the chosen one takes the colour the cards use for the same thing:
   the teal of «جدید», the flame of «پرطرفدار», the star of the rating */
.tkc .tkc-sbtn::before{content:"";display:none;flex:none;width:16px;height:16px;background:currentColor;opacity:.7;-webkit-mask:var(--tkc-ic) center/contain no-repeat;mask:var(--tkc-ic) center/contain no-repeat;transition:background-color .2s ease,opacity .2s ease}
.tkc .tkc-sbtn:is([data-sort="newest"],[data-sort="popular"],[data-sort="rating"],[data-sort="students"],[data-sort="exams"],[data-sort="courses"],[data-sort="name"])::before{display:block}
.tkc .tkc-sbtn.active::before{background:var(--tkc-on,currentColor);opacity:1}
.tkc .tkc-sbtn[data-sort="newest"]{--tkc-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 7.6V12l3 2'/%3E%3C/svg%3E");--tkc-on:#0d9488}
.tkc .tkc-sbtn[data-sort="popular"]{--tkc-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 2.4c.5 3.3-1.1 5.1-2.7 6.8C7.7 10.9 6 12.6 6 15.3a6 6 0 0 0 12 0c0-1.5-.5-2.8-1.2-3.9-.4 1.4-1.4 2.5-2.7 2.9.9-2.6.3-5.3-.8-7.6A13 13 0 0 0 12 2.4Z'/%3E%3C/svg%3E");--tkc-on:#f2542d}
.tkc .tkc-sbtn[data-sort="rating"]{--tkc-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='m12 2.6 2.85 6.02 6.4.9-4.63 4.63 1.1 6.55L12 17.6l-5.72 3.1 1.1-6.55L2.75 9.5l6.4-.9L12 2.6Z'/%3E%3C/svg%3E");--tkc-on:#f2a900}
.tkc .tkc-sbtn[data-sort="students"]{--tkc-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.4'/%3E%3Cpath d='M3 20c0-3.3 2.7-6 6-6s6 2.7 6 6'/%3E%3Cpath d='M15.5 4.7a3.4 3.4 0 0 1 0 6.6M17.6 14.4c1.9.8 3.4 2.6 3.4 5.1'/%3E%3C/svg%3E")}
.tkc .tkc-sbtn[data-sort="exams"]{--tkc-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3h7l5 5v11a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Z'/%3E%3Cpath d='m9 14 2.2 2.2L15.5 12'/%3E%3C/svg%3E")}
.tkc .tkc-sbtn[data-sort="courses"]{--tkc-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 3.5 7.5 12 12l8.5-4.5L12 3Z'/%3E%3Cpath d='m3.5 12 8.5 4.5 8.5-4.5'/%3E%3Cpath d='m3.5 16.5 8.5 4.5 8.5-4.5'/%3E%3C/svg%3E")}
.tkc .tkc-sbtn[data-sort="name"]{--tkc-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6h9M4 12h6M4 18h3'/%3E%3Cpath d='M17.5 5v14m0 0-3-3m3 3 3-3'/%3E%3C/svg%3E")}
[data-theme="dark"] .tkc .tkc-sbtn[data-sort="newest"]{--tkc-on:#2dd4bf}
[data-theme="dark"] .tkc .tkc-sbtn[data-sort="popular"]{--tkc-on:#ff7a50}
[data-theme="dark"] .tkc .tkc-sbtn[data-sort="rating"]{--tkc-on:#f5b94a}
.tkc .tkc-vbtn{width:36px;height:36px;border:0;border-radius:10px;background:transparent;color:var(--sk-ink-faint);display:grid;place-items:center;cursor:pointer;transition:background-color .15s ease,color .15s ease,transform .12s ease}
.tkc .tkc-vbtn svg{width:18px;height:18px}
.tkc .tkc-vbtn:active{transform:scale(.92)}
.tkc .tkc-vbtn.is-on{background:var(--sk-surface);color:var(--sk-ink);box-shadow:0 0 0 1px var(--sk-line),0 2px 6px -3px rgba(10,14,40,.18)}
.tkc .tkc-fbtn:focus-visible,.tkc .tkc-sbtn:focus-visible,.tkc .tkc-vbtn:focus-visible{outline:2px solid var(--sk-amber);outline-offset:2px}
/* pointer hover only (a tap on a phone must not leave a control looking hovered) */
@media (hover:hover){
  .tkc .tkc-fbtn:hover{--fb-bg:var(--sk-surface-2);border-color:color-mix(in srgb,var(--sk-ink) 28%,transparent)}
  .tkc .tkc-fbtn:hover .k1{transform:translateX(-6px)}
  .tkc .tkc-fbtn:hover .k2{transform:translateX(6px)}
  .tkc .tkc-fbtn.has-active:hover{--fb-bg:color-mix(in srgb,var(--sk-amber) 26%,var(--sk-surface));border-color:var(--sk-amber)}
  .tkc-search .mls:hover{border-color:color-mix(in srgb,var(--sk-ink) 28%,transparent)}
  .tkc-search .mls:focus-within:hover{border-color:var(--sk-amber)}
  .tkc .tkc-sbtn:not(.active):hover{color:var(--sk-ink);background:color-mix(in srgb,var(--sk-ink) 5%,transparent)}
  .tkc .tkc-vbtn:not(.is-on):hover{color:var(--sk-ink);background:color-mix(in srgb,var(--sk-ink) 5%,transparent)}
}

/* ---------- results ---------- */
.tkc-main{padding-top:10px;padding-bottom:56px}
.tkc-afrow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 16px}
.tkc-afrow[hidden]{display:none}
.tkc-count{font-size:13px;color:var(--sk-ink-soft);white-space:nowrap;margin-inline-end:4px}
.tkc-count b{font-weight:800;color:var(--sk-ink)}
.tkc-afbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.tkc-afbar.is-empty,.tkc-afbar .lead{display:none}
.tkc-afbar .sk-mkt-afchip{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--sk-line-strong);background:var(--sk-surface);color:var(--sk-ink);font:inherit;font-size:12.5px;cursor:pointer}
.tkc-afbar .sk-mkt-afchip b{font-weight:600;color:var(--sk-ink-soft)}
.tkc-afbar .sk-mkt-afchip .x{font-size:16px;line-height:1;opacity:.5}
.tkc-afbar .sk-mkt-afchip:hover{border-color:var(--sk-ink)}
.tkc-afbar .sk-mkt-afchip:hover .x{opacity:1}
.tkc .tkc-clearall{border:0;background:none;padding:4px;color:var(--sk-ink-soft);font:inherit;font-size:12.5px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}

.tkc #marketItems{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:stretch}
.tkc #marketItems.is-list{grid-template-columns:minmax(0,1fr);gap:12px}
.tkc #marketItems.sk-mkt-loading{opacity:.55;transition:opacity .15s}
.tkc #marketItems > .sk-mkt-devnote{grid-column:1/-1}
.tkc .mls-empty{margin:0 0 16px}
.tkc .tkc-more{display:flex;align-items:center;margin:30px auto 0;height:46px;padding:0 26px;border-radius:12px;border:1.5px solid var(--sk-line-strong);background:var(--sk-surface);color:var(--sk-ink);font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.tkc .tkc-more:hover{border-color:var(--sk-ink)}
.tkc .tkc-more.hide{display:none}

/* dynamic row alignment: every card spans four rows of the grid (cover, title, facts, footer) and the
   rows are shared by the cards of one grid row. A two-line title only makes *its own row's* title band taller, so
   cards stay aligned with their neighbours and rows of short titles keep the designer right under the title.
   The footer works the same way: only a row that has a discounted card reserves the old-price line.
   Browsers without subgrid keep the fixed two-line title and fixed footer from market-cards-v2.css. */
@supports (grid-template-rows: subgrid){
  .tkc #marketItems:not(.is-list){row-gap:0}
  .tkc #marketItems:not(.is-list) > .sk-mkt-card.mkc2:not(.mls-hidden):not(.mls-lazy){display:grid!important;grid-template-rows:subgrid;grid-row:span 4;row-gap:0;margin-bottom:12px}
  .tkc #marketItems:not(.is-list) > .sk-mkt-card.mkc2 .mkc2-body{display:contents}
  .tkc #marketItems:not(.is-list) > .sk-mkt-card.mkc2 .mkc2-head{padding:14px 16px 0}
  .tkc #marketItems:not(.is-list) > .sk-mkt-card.mkc2 .mkc2-head h3{min-height:0}
  /* same vertical scale as market-cards-v2.css: title → facts 14px, facts → divider 14px */
  .tkc #marketItems:not(.is-list) > .sk-mkt-card.mkc2 .mkc2-meta{padding:14px 16px 0}
  .tkc #marketItems:not(.is-list) > .sk-mkt-card.mkc2 .mkc2-foot{margin:14px 16px 0;padding:12px 0 14px}
  /* the old-price row is reserved only in rows that contain a discounted card */
  .tkc #marketItems:not(.is-list) > .sk-mkt-card.mkc2 .mkc2-was:empty{display:none}
}

/* focus row removed: card covers always keep their real colours (no scroll-driven desaturation) */
/* ---------- quick view: moved to market-quickview.css (shared with the package page) ---------- */

@keyframes tkc-swap{from{opacity:.35}to{opacity:1}}
.tkc #marketItems.tkc-swap{animation:tkc-swap .24s ease}

/* ---------- filter drawer (desktop: from the right / RTL start) ---------- */
.tkc-scrim{position:fixed;inset:0;z-index:2000;background:rgba(15,16,19,.44);opacity:0;transition:opacity .24s ease}
.tkc-scrim.is-on{opacity:1}
.tkc-scrim[hidden]{display:none}
.tkc-drawer{position:fixed;z-index:2001;top:0;bottom:0;inset-inline-start:0;inset-inline-end:auto;width:min(420px,92vw);
  display:flex;flex-direction:column;background:var(--sk-surface);color:var(--sk-ink);
  box-shadow:0 0 0 1px var(--sk-line),-30px 0 70px -40px rgba(0,0,0,.55);
  transform:translateX(104%);visibility:hidden;
  transition:transform .3s cubic-bezier(.22,.61,.2,1),visibility 0s linear .3s}
[dir="ltr"] .tkc-drawer{transform:translateX(-104%)}
.tkc-drawer.is-open{transform:none;visibility:visible;transition:transform .3s cubic-bezier(.22,.61,.2,1),visibility 0s}
.tkc-drawer-h{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px 14px;border-bottom:1px solid var(--sk-line)}
.tkc-drawer-h h2{margin:0;font-family:'TKTitlePinar','Pinar','Vazirmatn',Tahoma,sans-serif;font-size:20px;font-weight:800;color:var(--sk-ink)}
.tkc-t-m{display:none}
.tkc .tkc-x{flex:none;width:40px;height:40px;border-radius:12px;border:1px solid var(--sk-line-strong);background:var(--sk-surface);color:var(--sk-ink);display:grid;place-items:center;cursor:pointer}
.tkc .tkc-x svg{width:18px;height:18px}
.tkc-drawer-b{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:4px 20px 24px}
.tkc-drawer-f{display:flex;gap:10px;padding:14px 20px calc(14px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--sk-line);background:var(--sk-surface)}
.tkc .tkc-apply{flex:1;height:48px;border:0;border-radius:12px;background:var(--sk-amber);color:#181a1d;font:inherit;font-size:15px;font-weight:800;cursor:pointer}
.tkc .tkc-apply b{font-weight:900}
.tkc .tkc-clear{flex:none;height:48px;padding:0 18px;border-radius:12px;border:1.5px solid var(--sk-line-strong);background:var(--sk-surface);color:var(--sk-ink);font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.tkc .tkc-clear[hidden]{display:none}
.tkc .tkc-x:focus-visible,.tkc .tkc-apply:focus-visible,.tkc .tkc-clear:focus-visible{outline:2px solid var(--sk-amber);outline-offset:2px}

/* the shared filter form keeps its own controls; only the sidebar chrome is removed inside the drawer */
.tkc-drawer .sk-mkt-panel{position:static;top:auto;max-height:none;overflow:visible;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.tkc-drawer .sk-mkt-panel-h,.tkc-drawer .sk-mkt-fbtns{display:none}
.tkc-drawer .sk-mkt-fgroup:first-of-type{border-top:0}
.tkc-msort{display:none;padding:14px 0 16px;border-bottom:1px solid var(--sk-line)}
.tkc-msort .t{font-size:14px;font-weight:700;color:var(--sk-ink);margin-bottom:10px}
.tkc-msort-set{display:flex;flex-wrap:wrap;gap:6px}
.tkc-msort-set .tkc-sbtn{border:1px solid var(--sk-line-strong);background:var(--sk-surface)}
.tkc-msort-set .tkc-sbtn.active{border-color:var(--sk-ink-soft);background:var(--sk-surface-2);color:var(--sk-ink);font-weight:800}

html.tkc-lock{overflow:hidden;scrollbar-gutter:stable}

/* ---------- responsive ---------- */
@media (max-width:1180px){ .tkc #marketItems:not(.is-list){grid-template-columns:repeat(3,minmax(0,1fr))} }
@media (max-width:900px){
  .tkc #marketItems:not(.is-list){grid-template-columns:repeat(2,minmax(0,1fr))}
  .tkc-view{display:none}
}
@media (max-width:720px){
  .tkc-bar{margin-top:10px}
  .tkc-bar-in{gap:8px;padding:6px}
  .tkc-search{order:-1}
  .tkc-sort{display:none}
  .tkc .tkc-fbtn{padding:0 12px}
  .tkc #marketItems:not(.is-list){grid-template-columns:minmax(0,1fr);gap:12px}
  .tkc-drawer{top:auto;bottom:0;inset-inline:0;width:auto;max-height:88vh;max-height:88dvh;border-radius:22px 22px 0 0;transform:translateY(104%)}
  [dir="ltr"] .tkc-drawer{transform:translateY(104%)}
  .tkc-drawer.is-open{transform:none}
  .tkc-drawer-h{padding-top:20px;position:relative}
  .tkc-drawer-h::before{content:"";position:absolute;top:8px;left:50%;width:40px;height:4px;margin-left:-20px;border-radius:2px;background:var(--sk-line-strong)}
  .tkc-t-d{display:none}.tkc-t-m{display:inline}
  .tkc-msort{display:block}
}

@media (prefers-reduced-motion:reduce){
  .tkc-drawer,.tkc-scrim,.tkc-bar{transition:none}
  .tkc-thumb,.tkc .tkc-fbtn .k{transition:none}
  .tkc .tkc-fbtn:hover .k1,.tkc .tkc-fbtn:hover .k2,.tkc .tkc-fbtn:focus-visible .k1,.tkc .tkc-fbtn:focus-visible .k2{transform:none}
  .tkc .tkc-fbtn:active,.tkc .tkc-sbtn:active,.tkc .tkc-vbtn:active{transform:none}
  .tkc-badge.is-pop{animation:none}
  .tkc-bar.is-busy .tkc-bar-in::after{animation:none;background:var(--sk-amber);opacity:.75}
  .tkc #marketItems.tkc-swap{animation:none}
  .tkc #marketItems > .sk-mkt-card.tkc-rv{opacity:1;transform:none}
}