/* ============================================================================
   TestKav · کارت آزمون — نسخهٔ ۲
   روی همهٔ صفحه‌هایی که marketplace/_item_cards.html را نشان می‌دهند اعمال می‌شود (دسته، طراح، موسسه، گره مهارت).
   کلاس‌های درونی کارت (mkc2-*) عمداً تازه‌اند تا قواعد لایه‌لایهٔ قدیمی marketplace.css روی آن‌ها اثر نگذارند؛
   فقط خود <article class="sk-mkt-card"> مشترک است و این‌جا با !important محدود بازنشانی می‌شود.
   چیدمان ستون‌ها با خود صفحه است. همهٔ رنگ‌ها از توکن‌ها می‌آیند (حالت تاریک و data-accent کار می‌کنند).
   ============================================================================ */

/* Latin characters of the title (see .mkc2-title) are drawn in Inter — a clean, highly readable UI typeface — not in
   the Persian heading font. Variable weight 100..900 in one 47KB Latin-subset file (SIL OFL, statics/fonts/latin).
   size-adjust keeps its capitals in proportion with the Persian letters beside them (Inter's caps are tall). */
@font-face{font-family:'TKTitleLatin';font-style:normal;font-weight:100 900;font-display:swap;size-adjust:92%;
  src:url('../../fonts/latin/InterLatin-wght.woff2') format('woff2-variations'),url('../../fonts/latin/InterLatin-wght.woff2') format('woff2');
  unicode-range:U+0023,U+0026,U+002B-002F,U+0030-0039,U+0041-005A,U+0061-007A,U+00C0-00FF,U+0100-024F}

.tk-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* the shell: reset the legacy grid/horizontal layouts (mobile rules use !important), but never override live-search hiding */
.sk-mkt-body .sk-mkt-cards .sk-mkt-card.mkc2:not(.mls-hidden):not(.mls-lazy),
.sk-mkt-card.mkc2:not(.mls-hidden):not(.mls-lazy){display:flex!important;flex-direction:column!important;grid-template-columns:none!important;height:auto!important}
.sk-mkt-card.mkc2{position:relative;min-width:0;padding:0;margin:0;background:var(--sk-surface);border:1px solid var(--sk-line-strong);border-radius:8px;overflow:hidden;box-shadow:none;transform:none;
  transition:border-color .18s ease,box-shadow .18s ease}
.sk-mkt-card.mkc2:hover{border-color:color-mix(in srgb,var(--sk-ink) 24%,var(--sk-surface));box-shadow:0 20px 44px -30px rgba(24,26,29,.45);transform:none}

/* ---- cover: the exam's own artwork, shown as uploaded and framed identically on every card ----
   The artwork is mounted inside the card with softly rounded corners rather than bleeding to the card's edges: a 12px
   mat — enough white around each cover to break the dark bands, small enough to keep the artwork large. (16px lined the
   picture up exactly with the text but made the covers feel small; at 12px the picture sits 4px outside the text edge,
   which the eye reads as intentional.)
   Designers upload whatever they like and many covers are dark; the white margin around each one breaks the dark
   bands that edge-to-edge covers form across a row, so the grid reads lighter without touching the artwork itself.
   While an image loads the frame shows the light surface colour, not near-black. */
.sk-mkt-card.mkc2 .mkc2-cover{position:relative;display:block;flex:none;aspect-ratio:20/11;overflow:hidden;padding:12px 12px 0;background:var(--sk-surface)}
.sk-mkt-card.mkc2 .mkc2-img{position:absolute;inset:12px 12px 0;border-radius:6px;overflow:hidden;background:var(--sk-surface-2)}
.sk-mkt-card.mkc2 .mkc2-img img{width:100%;height:100%;object-fit:cover;display:block;border-radius:0;transition:transform .6s cubic-bezier(.22,.61,.2,1)}
.sk-mkt-card.mkc2:hover .mkc2-img img{transform:scale(1.035)}
/* تصویر جلد بدون خط دور یا سایه؛ زوم ملایم هاور با فوکوس کیبورد هم اجرا می‌شود */
.sk-mkt-card.mkc2:focus-within .mkc2-img img{transform:scale(1.035)}
.sk-mkt-card.mkc2 .mkc2-img.g1{background:linear-gradient(135deg,#1d2440,#3b3f8f)}
.sk-mkt-card.mkc2 .mkc2-img.g2{background:linear-gradient(135deg,#2a1c3b,#7b3f7a)}
.sk-mkt-card.mkc2 .mkc2-img.g3{background:linear-gradient(135deg,#0f3b3a,#1f7a6e)}
.sk-mkt-card.mkc2 .mkc2-img.g4{background:linear-gradient(135deg,#3b2410,#a8612a)}
/* a light veil at the top only, just enough for the pills; the old one darkened the upper half of every cover */
.sk-mkt-card.mkc2 .mkc2-scrim{position:absolute;inset:12px 12px 0;border-radius:6px;background:linear-gradient(180deg,rgba(9,11,16,.3) 0%,rgba(9,11,16,0) 36%);pointer-events:none}

.sk-mkt-card.mkc2 .mkc2-tags{position:absolute;z-index:2;top:20px;inset-inline-start:20px;display:flex;flex-wrap:wrap;align-items:center;gap:5px;max-width:calc(100% - 74px)}
.sk-mkt-card.mkc2 .mkc2-tag{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:999px;font-size:11px;font-weight:800;line-height:1;white-space:nowrap;
  background:rgba(255,255,255,.95);color:#181a1d;box-shadow:0 4px 12px -6px rgba(0,0,0,.5)}
.sk-mkt-card.mkc2 .mkc2-tag svg{width:12px;height:12px;flex:none}
.sk-mkt-card.mkc2 .mkc2-tag.is-hot{background:#f2542d;color:#fff}
.sk-mkt-card.mkc2 .mkc2-tag.is-course{background:#181a1d;color:#fff}
/* package mark: an icon-only badge (stacked layers) in the same dark-glass pill as the level mark, so it does not
   cover the artwork; the name is exposed as a tooltip and to assistive tech */
.sk-mkt-card.mkc2 .mkc2-kind{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:999px;background:rgba(10,12,18,.58);border:1px solid rgba(255,255,255,.35);color:#fff;box-shadow:0 4px 12px -5px rgba(0,0,0,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.sk-mkt-card.mkc2 .mkc2-kind svg{display:block;width:14px;height:14px}
/* level: four rising bars on a small glass pill (top-right of the cover). How many bars light up, and their
   colour, follow the level; "all levels" lights every bar in the full green-to-red range. */
.sk-mkt-card.mkc2 .mkc2-level{--lv:#fff;display:inline-grid;place-items:center;height:26px;padding:0 8px;border-radius:999px;
  background:rgba(10,12,18,.58);border:1px solid color-mix(in srgb,var(--lv) 55%,transparent);box-shadow:0 4px 12px -5px rgba(0,0,0,.55);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.sk-mkt-card.mkc2 .mkc2-level svg{display:block;width:18px;height:14px;filter:drop-shadow(0 0 3px color-mix(in srgb,var(--lv) 65%,transparent))}
.sk-mkt-card.mkc2 .mkc2-level rect{fill:rgba(255,255,255,.28)}
.sk-mkt-card.mkc2 .mkc2-level.lv-beginner{--lv:#34d399}
.sk-mkt-card.mkc2 .mkc2-level.lv-intermediate{--lv:#fbbf24}
.sk-mkt-card.mkc2 .mkc2-level.lv-advanced{--lv:#fb923c}
.sk-mkt-card.mkc2 .mkc2-level.lv-expert{--lv:#f43f5e}
.sk-mkt-card.mkc2 .mkc2-level.lv-all{--lv:#fbbf24}
.sk-mkt-card.mkc2 .lv-beginner rect:nth-child(-n+1),.sk-mkt-card.mkc2 .lv-intermediate rect:nth-child(-n+2),
.sk-mkt-card.mkc2 .lv-advanced rect:nth-child(-n+3),.sk-mkt-card.mkc2 .lv-expert rect{fill:var(--lv)}
.sk-mkt-card.mkc2 .lv-all rect:nth-child(1){fill:#34d399}
.sk-mkt-card.mkc2 .lv-all rect:nth-child(2){fill:#fbbf24}
.sk-mkt-card.mkc2 .lv-all rect:nth-child(3){fill:#fb923c}
.sk-mkt-card.mkc2 .lv-all rect:nth-child(4){fill:#f43f5e}
/* گواهی‌نامه: خودِ نشان طلایی (skills/img/certificate-badge.png) بدون حلقه و پس‌زمینه، هم‌اندازهٔ نشان سطح در گوشهٔ
   دیگر. فقط یک سایهٔ بسیار نرم زیر شکل دارد تا روی تصویرهای روشن هم لبه‌اش گم نشود. */
.sk-mkt-card.mkc2 .mkc2-cert{position:absolute;z-index:2;top:22px;inset-inline-end:22px;display:block;width:22px;height:22px;padding:0;background:none;border:0;box-shadow:none;opacity:.9}
.sk-mkt-card.mkc2 .mkc2-cert img{display:block;width:100%;height:100%;filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.45)) drop-shadow(0 0 6px rgba(0,0,0,.18))}

/* ---- body ----
   One vertical scale, the same in this flex layout and in the subgrid layout of the category page:
   cover → title 14px · title → designer 16px · designer → meta line 10px · meta line → divider 12px */
.sk-mkt-card.mkc2 .mkc2-body{display:flex;flex-direction:column;gap:0;flex:1;min-height:0;padding:14px 16px}
.sk-mkt-card.mkc2 .mkc2-head{display:flex;align-items:flex-start;gap:8px}
.sk-mkt-card.mkc2 .mkc2-head h3{flex:1;min-width:0;margin:0;padding:0;font-size:15.5px;font-weight:600;line-height:1.8;color:var(--sk-ink);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:3.6em;text-wrap:pretty}
/* Latin letters, digits and the punctuation inside English terms (CISSP, C++, ISO 27001, CI/CD, Node.js) are drawn in
   Inter (TKTitleLatin), whichever heading font the admin has chosen; every other character falls through to that
   heading font. The face is limited by unicode-range, so nothing but those characters is affected. */
.sk-mkt-card.mkc2 .mkc2-head h3,.sk-mkt-card.mkc2 .mkc2-title{font-family:'TKTitleLatin',var(--sk-font-heading,var(--tk-font-heading,'Pinar','AzarMehr','Vazirmatn',Tahoma,sans-serif))}
.sk-mkt-card.mkc2 .mkc2-title{color:inherit;text-decoration:none;outline:none}
/* the title link stretches over the whole card: one big, obvious target */
.sk-mkt-card.mkc2 .mkc2-title::after{content:"";position:absolute;inset:0;z-index:1;border-radius:8px}
.sk-mkt-card.mkc2 .mkc2-title:focus-visible::after{outline:3px solid var(--sk-amber);outline-offset:-3px}

/* ---- facts under the title: three short lines — designer, questions, time — each with its own light icon ----
   Smaller than the title, with calm air between the lines (7px) so the three facts scan at a glance and never crowd
   each other. Icons are 14px with a ~1px stroke in a softer tone than the text, so icon and type read as one weight.
   The designer is shown by icon + name only (the «طراح آزمون» label stays for screen readers). A missing fact keeps
   its line empty, so the prices of cards in one row stay aligned. */
.sk-mkt-card.mkc2 .mkc2-meta{list-style:none;margin:0;padding:14px 0 14px;display:flex;flex-direction:column;gap:7px;font-size:12px;line-height:1.5;color:var(--sk-ink-soft)}
.sk-mkt-card.mkc2 .mkc2-meta li{display:flex;align-items:center;gap:7px;min-width:0;min-height:18px;margin:0;padding:0;border:0;white-space:nowrap}
.sk-mkt-card.mkc2 .mkc2-ic{display:block;flex:none;overflow:visible;color:var(--sk-ink-faint)}
.sk-mkt-card.mkc2 .mkc2-ic-u,.sk-mkt-card.mkc2 .mkc2-ic-q,.sk-mkt-card.mkc2 .mkc2-ic-t{width:14px;height:14px}
.sk-mkt-card.mkc2 .mkc2-designer{position:relative;z-index:2;min-width:0;color:var(--sk-ink);font-weight:500;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sk-mkt-card.mkc2 a.mkc2-designer:hover{color:var(--sk-amber-deep,#e9ad00);text-decoration:underline;text-underline-offset:4px}
.sk-mkt-card.mkc2 a.mkc2-designer:focus-visible{outline:2px solid var(--sk-amber);outline-offset:2px;border-radius:4px}

/* ---- footer: proof on one side, price on the other ---- */
.sk-mkt-card.mkc2 .mkc2-foot{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:nowrap;gap:10px;margin-top:auto;padding-top:12px;border-top:1px solid var(--sk-line)}
/* trust line in the card footer: exactly one line tall (the rating pill's height). An item that does not fit beside the
   price wraps onto a further line; wrap-reverse stacks that line *above* the first one, outside the clipped box, so it
   drops out whole — never half-cut, never making the card taller, never pushing the price — while the visible line
   stays on the bottom edge, level with the price. */
.sk-mkt-card.mkc2 .mkc2-proof{display:flex;align-items:center;align-content:flex-start;flex-wrap:wrap-reverse;row-gap:16px;flex:1 1 auto;height:34px;min-width:0;overflow:hidden;font-size:12.5px;color:var(--sk-ink-soft)}
.sk-mkt-card.mkc2 .mkc2-rate{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;background-color:#fffaf0;padding:5px 15px;border-radius:118px}
/* تم شب: همان ته‌رنگ گرم کهربایی، کم‌رنگ روی سطح تیره تا عدد امتیاز خوانا بماند */
[data-theme="dark"] .sk-mkt-card.mkc2 .mkc2-rate{background-color:rgba(245,165,36,.12)}
.sk-mkt-card.mkc2 .mkc2-rate svg{width:15px;height:15px;color:#f2a900;flex:none}
.sk-mkt-card.mkc2 .mkc2-rate b{font-size:14px;font-weight:800;color:var(--sk-ink)}
.sk-mkt-card.mkc2 .mkc2-rate span{color:var(--sk-ink-faint)}
.sk-mkt-card.mkc2 .mkc2-learners{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.sk-mkt-card.mkc2 .mkc2-learners svg{width:15px;height:15px;flex:none;color:var(--sk-ink-faint)}
.sk-mkt-card.mkc2 .mkc2-proof > span + span{margin-inline-start:10px;padding-inline-start:10px;border-inline-start:1px solid var(--sk-line-strong)}
/* «جدید» (recently published, no rating yet) — the same pill in grid cards and list rows.
   Dark theme: the mint tint becomes a soft teal glaze on the dark surface; the text colour follows --sk-ink. */
.sk-mkt-card.mkc2 .mkc2-new{display:inline-flex;align-items:center;height:auto;background:none;color:var(--sk-ink);font-size:12.5px;font-weight:450;background-color:#ecfffd;padding:3px 15px;border-radius:100px;white-space:nowrap}
[data-theme="dark"] .sk-mkt-card.mkc2 .mkc2-new{background-color:rgba(45,212,191,.14)}
/* fewer than 10 participants but a free test on offer: «تست رایگان» as plain text (grid and list) */
.sk-mkt-card.mkc2 .mkc2-freetest{display:inline-flex;align-items:center;white-space:nowrap;color:var(--sk-ink-soft)}

.sk-mkt-card.mkc2 .mkc2-price{display:flex;flex-direction:column;align-items:flex-end;gap:2px;white-space:nowrap;flex:none}
.sk-mkt-card.mkc2 .mkc2-now{display:inline-flex;align-items:baseline;gap:4px;line-height:1.5}
.sk-mkt-card.mkc2 .mkc2-now b{font-size:16px;font-weight:800;color:var(--sk-ink)}
.sk-mkt-card.mkc2 .mkc2-now small{font-size:11px;font-weight:600;color:var(--sk-ink-soft)}
.sk-mkt-card.mkc2 .mkc2-price.is-free .mkc2-now b{color:#16874a}
[data-theme="dark"] .sk-mkt-card.mkc2 .mkc2-price.is-free .mkc2-now b{color:#4ad08a}
/* the old-price row is always there (empty when there is no discount), so every footer has the same height */
.sk-mkt-card.mkc2 .mkc2-was{display:inline-flex;align-items:center;gap:6px;height:20px;font-size:11.5px;line-height:1;color:var(--sk-ink-faint)}
.sk-mkt-card.mkc2 .mkc2-was em{font-style:normal;font-weight:800;font-size:11px;color:#fff;background:#e5484d;border-radius:6px;padding:1px 6px}

/* ---- list view (listing pages with the grid/list toggle) ----
   One calm row per item: a large cover | title and the three facts, centred as one block | a price column.
   The price sits in its own column, centred and separated by a hairline, instead of a footer strip across the row,
   so the eye runs down one column of prices and the middle of the row is never an empty band. */
.sk-mkt-body .is-list > .sk-mkt-card.mkc2:not(.mls-hidden):not(.mls-lazy){flex-direction:row!important;align-items:stretch}
/* the picture itself is 16:10 (the ratio is set on the image, not on the padded box, which used to make it about 2:1) */
.is-list > .sk-mkt-card.mkc2 .mkc2-cover{flex:0 0 clamp(220px,30%,300px);align-self:center;aspect-ratio:auto;min-height:0;padding:12px}
.is-list > .sk-mkt-card.mkc2 .mkc2-img{position:relative;inset:auto;display:block;width:100%;aspect-ratio:16/10}
.is-list > .sk-mkt-card.mkc2 .mkc2-scrim{inset:12px}
.is-list > .sk-mkt-card.mkc2 .mkc2-body{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto;align-content:center;column-gap:20px;align-items:start;padding:14px 18px 14px 20px}
.is-list > .sk-mkt-card.mkc2 .mkc2-head{grid-column:1;grid-row:1}
.is-list > .sk-mkt-card.mkc2 .mkc2-head h3{min-height:0;font-size:17.5px;font-weight:700;line-height:1.75;-webkit-line-clamp:2}
.is-list > .sk-mkt-card.mkc2 .mkc2-meta{grid-column:1;grid-row:3;padding:12px 0 0}
.is-list > .sk-mkt-card.mkc2 .mkc2-meta .mkc2-meta-gap{display:none}
/* trust line right under the title, where the eye already is: one star, the score, the number of ratings and the
   number of participants, all spelled out. A row with neither ratings nor 10+ participants simply has no trust line. */
.is-list > .sk-mkt-card.mkc2 .mkc2-foot{display:contents}
.is-list > .sk-mkt-card.mkc2 .mkc2-proof{grid-column:1;grid-row:2;justify-content:flex-start;flex-wrap:wrap;row-gap:4px;flex:none;height:auto;min-height:0;overflow:visible;margin-top:8px;font-size:12.5px}
.is-list > .sk-mkt-card.mkc2 .mkc2-proof:not(:has(> *)){display:none}
.is-list > .sk-mkt-card.mkc2 .mkc2-rate{gap:6px}
.is-list > .sk-mkt-card.mkc2 .mkc2-rate > svg{width:19px;height:19px}
.is-list > .sk-mkt-card.mkc2 .mkc2-rate b{font-size:13.5px;font-weight:800;color:#b7791f}
[data-theme="dark"] .is-list > .sk-mkt-card.mkc2 .mkc2-rate b{color:#f5b94a}
.is-list > .sk-mkt-card.mkc2 .mkc2-rate span:last-child,.is-list > .sk-mkt-card.mkc2 .mkc2-learners{color:var(--sk-ink-soft)}
.is-list > .sk-mkt-card.mkc2 .mkc2-proof .tk-sr{position:static!important;width:auto;height:auto;margin:0;overflow:visible;clip:auto}
/* every item of the trust line after the first is separated by a hairline */
.is-list > .sk-mkt-card.mkc2 .mkc2-proof > span + span{margin-inline-start:12px;padding-inline-start:12px;border-inline-start:1px solid var(--sk-line-strong)}
/* no rating yet: «جدید» in a mint pill (dark theme: teal glaze) */
.is-list > .sk-mkt-card.mkc2 .mkc2-new{display:inline-flex;height:auto;background:none;color:var(--sk-ink);font-size:12.5px;font-weight:450;background-color:#ecfffd;padding:3px 15px;border-radius:100px}
[data-theme="dark"] .is-list > .sk-mkt-card.mkc2 .mkc2-new{background-color:rgba(45,212,191,.14)}
.is-list > .sk-mkt-card.mkc2 .mkc2-learners svg{width:16px;height:16px}
/* price column: centred, separated by a hairline */
.is-list > .sk-mkt-card.mkc2 .mkc2-price{grid-column:2;grid-row:1 / span 3;align-self:stretch;justify-content:center;align-items:center;gap:4px;min-width:150px;padding:6px 0;padding-inline-start:20px;border-inline-start:1px solid var(--sk-line);text-align:center}
.is-list > .sk-mkt-card.mkc2 .mkc2-was:empty{display:none}
.is-list > .sk-mkt-card.mkc2 .mkc2-now b{font-size:18px}
@media (max-width:860px) and (min-width:561px){
  .is-list > .sk-mkt-card.mkc2 .mkc2-cover{flex-basis:30%}
  .is-list > .sk-mkt-card.mkc2 .mkc2-price{min-width:124px;padding-inline-start:14px}
  .is-list > .sk-mkt-card.mkc2 .mkc2-body{column-gap:16px;padding:14px 16px}
}
@media (max-width:560px){
  .sk-mkt-card.mkc2 .mkc2-head h3{min-height:0}
  .sk-mkt-body .is-list > .sk-mkt-card.mkc2:not(.mls-hidden):not(.mls-lazy){flex-direction:column!important}
  .is-list > .sk-mkt-card.mkc2 .mkc2-cover{flex:none;align-self:stretch;aspect-ratio:16/9;min-height:0;padding:12px 12px 0}
  .is-list > .sk-mkt-card.mkc2 .mkc2-img{position:absolute;width:auto;aspect-ratio:auto}
  .is-list > .sk-mkt-card.mkc2 .mkc2-img,.is-list > .sk-mkt-card.mkc2 .mkc2-scrim{inset:12px 12px 0}
  /* on a phone a list row is simply a full card: same body as the grid card */
  .is-list > .sk-mkt-card.mkc2 .mkc2-body{display:flex;flex-direction:column;padding:14px 16px}
  .is-list > .sk-mkt-card.mkc2 .mkc2-head h3{font-size:15.5px;font-weight:600;line-height:1.8}
  .is-list > .sk-mkt-card.mkc2 .mkc2-meta{padding:14px 0}
  .is-list > .sk-mkt-card.mkc2 .mkc2-foot{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;margin-top:auto;padding:12px 0 0;border-top:1px solid var(--sk-line)}
  .is-list > .sk-mkt-card.mkc2 .mkc2-proof{margin-top:0;flex:1 1 auto;flex-wrap:wrap-reverse;align-content:flex-start;height:34px;overflow:hidden;row-gap:16px}
  /* phone: the trust line goes back to the compact card form beside the price */
  .is-list > .sk-mkt-card.mkc2 .mkc2-rate > svg{width:15px;height:15px}
  .is-list > .sk-mkt-card.mkc2 .mkc2-rate b,[data-theme="dark"] .is-list > .sk-mkt-card.mkc2 .mkc2-rate b{font-size:14px;color:var(--sk-ink)}
  .is-list > .sk-mkt-card.mkc2 .mkc2-proof .tk-sr{position:absolute!important;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0)}
  .is-list > .sk-mkt-card.mkc2 .mkc2-price{align-items:flex-end;min-width:0;padding:0;border:0;text-align:end}
  .is-list > .sk-mkt-card.mkc2 .mkc2-now b{font-size:16px}
}
@media (prefers-reduced-motion:reduce){
  .sk-mkt-card.mkc2,.sk-mkt-card.mkc2 .mkc2-img img{transition:none}
  .sk-mkt-card.mkc2:hover .mkc2-img img,.sk-mkt-card.mkc2:focus-within .mkc2-img img{transform:none}
}