/* ============================================================
   SkinSignal / the market page, signed out
   renderPublic in js/market.js. Every rule is scoped to the showcase
   (.market--public, set only while nobody is signed in, and the .mkp
   classes only it draws), so the live board is exactly as
   css/market.css draws it.

   A premium terminal, restrained: dark instrument panels with a fine
   top light, a soft blue atmosphere, gold only for the title's second
   line and the close. Green and red mean gain and loss, and nothing
   else. Every panel of numbers wears SAMPLE DATA in plain sight.
   ============================================================ */

/* The live board's own sections step aside for the showcase. */
.market--public .market-head,
.market--public #board,
.market--public #indexes { display: none; }

.mkp {
  --mkp-blue: 61, 127, 255;
  --mkp-gold: #e4ae39;
  --mkp-up: #4bd68a;
  --mkp-down: #ef5a61;
  --mkp-ink: #f4f1ea;
  --mkp-ink-2: #b4bac5;
  --mkp-ink-3: #7f8794;
  --mkp-line: rgba(255, 255, 255, 0.08);
  position: relative;
  padding: clamp(28px, 3vw, 52px) 0 clamp(48px, 5vw, 80px);
  overflow-x: clip;
  background:
    radial-gradient(circle at 20% 12%, rgba(61, 127, 255, 0.08), transparent 32%),
    radial-gradient(circle at 82% 88%, rgba(228, 174, 57, 0.04), transparent 30%);
}
.mkp .container { max-width: 1320px; }
.mkp-gold { color: var(--mkp-gold); }
.mkp-vh { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

.mkp-eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  font-family: "JetBrains Mono", ui-monospace, monospace;
  font-weight: 500;
  font-size: 11.5px;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: #8fb6ff;
}
.mkp-eyebrow__rule { width: 22px; height: 2px; border-radius: 2px; background: rgb(var(--mkp-blue)); box-shadow: 0 0 8px rgba(var(--mkp-blue), 0.6); }
.mkp-eyebrow--blue { color: #8fb6ff; }

/* The sample tag: never fine print. */
.mkp-sample {
  display: inline-flex;
  align-items: center;
  padding: 3px 8px;
  border: 1px solid rgba(61, 127, 255, 0.24);
  border-radius: 999px;
  background: rgba(61, 127, 255, 0.08);
  font-family: "JetBrains Mono", ui-monospace, monospace;
  font-size: 10px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #9fb4d6;
  white-space: nowrap;
}

/* ---------- The sparkline (js/market-intel.js sparkline) ---------- */
.mkp .mi-spark { display: block; width: 100%; height: 100%; overflow: visible; }
.mkp .mi-spark__line { fill: none; stroke-width: 1.5; stroke-linejoin: round; stroke-linecap: round; }
.mkp .mi-spark--up .mi-spark__line { stroke: var(--mkp-up); }
.mkp .mi-spark--down .mi-spark__line { stroke: var(--mkp-down); }
.mkp .mi-spark__area { stroke: none; }
.mkp .mi-spark--up .mi-spark__area { fill: rgba(75, 214, 138, 0.1); }
.mkp .mi-spark--down .mi-spark__area { fill: rgba(239, 90, 97, 0.1); }

/* ---------- An instrument panel ---------- */
.mkp-panel {
  position: relative;
  min-width: 0;
  padding: 16px 18px 12px;
  border: 1px solid var(--mkp-line);
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.025), rgba(255, 255, 255, 0.005)), #090d14;
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.035);
  transition: border-color var(--hover-dur, 200ms) ease, translate var(--hover-dur, 200ms) var(--ease);
}
.mkp-panel:hover { border-color: rgba(255, 255, 255, 0.11); translate: 0 -1px; }
.mkp-panel__head {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--mkp-line);
}
.mkp-panel__title {
  margin: 0;
  font-family: "JetBrains Mono", ui-monospace, monospace;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--mkp-ink);
}
.mkp-panel__title.is-up { color: #8fe0b3; }
.mkp-panel__title.is-down { color: #f39297; }
.mkp-panel__win {
  margin-left: auto;
  font-family: "JetBrains Mono", ui-monospace, monospace;
  font-size: 11px;
  letter-spacing: 0.08em;
  color: var(--mkp-ink-3);
}

/* ============================================================
   THE HERO
   ============================================================ */
.mkp-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.32fr) minmax(0, 0.84fr) minmax(0, 0.74fr);
  align-items: center;
  gap: clamp(20px, 2.4vw, 40px);
}
.mkp-title {
  margin: 16px 0 0;
  font-family: var(--font-display);
  font-stretch: 100%;
  font-weight: 800;
  font-size: clamp(38px, 3.9vw, 62px);
  line-height: 0.96;
  letter-spacing: -0.015em;
  color: var(--mkp-ink);
}
.mkp-title > span { display: block; white-space: nowrap; }
.mkp-lede { max-width: 540px; margin: 18px 0 0; font-family: var(--font-body); font-size: clamp(15.5px, 1.05vw, 18px); line-height: 1.6; color: var(--mkp-ink-2); }
.mkp-benefits {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px 18px;
  margin: clamp(24px, 2.4vw, 34px) 0 0;
  padding: 0;
  list-style: none;
}
.mkp-benefits li { display: flex; gap: 10px; align-items: flex-start; font-family: var(--font-body); font-size: 12.5px; line-height: 1.5; color: var(--mkp-ink-3); }
.mkp-benefits svg { flex: none; width: 22px; height: 22px; margin-top: 1px; fill: none; stroke: #6aa0ff; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.mkp-benefits b {
  display: block;
  margin-bottom: 3px;
  font-family: "JetBrains Mono", ui-monospace, monospace;
  font-weight: 500;
  font-size: 10.5px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--mkp-ink);
}

/* The art: real renders over a faint chart, two sample chips. */
.mkp-hero__art { position: relative; min-height: clamp(280px, 24vw, 360px); }
.mkp-hero__chart {
  position: absolute;
  inset: 22% 0 14% 0;
  opacity: 0.55;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 18%, #000 82%, transparent);
          mask-image: linear-gradient(90deg, transparent, #000 18%, #000 82%, transparent);
}
.mkp-hero__chart .mi-spark__line { stroke: rgba(106, 160, 255, 0.7); stroke-width: 1.5; }
.mkp-hero__chart .mi-spark__area { fill: rgba(61, 127, 255, 0.08); }
.mkp-hero__item { position: absolute; display: block; filter: drop-shadow(0 20px 30px rgba(0, 0, 0, 0.7)); }
.mkp-hero__item img { display: block; width: 100%; height: auto; object-fit: contain; }
.mkp-hero__item--a { width: 64%; left: 14%; top: 16%; }
.mkp-hero__item--b { width: 38%; right: 2%; bottom: 4%; opacity: 0.9; }
.mkp-chip {
  position: absolute;
  display: grid;
  grid-template-columns: auto 64px;
  grid-template-rows: auto auto;
  column-gap: 12px;
  align-items: center;
  padding: 8px 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  background: rgba(9, 13, 20, 0.88);
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.04);
}
.mkp-chip__k { grid-column: 1 / -1; font-family: "JetBrains Mono", ui-monospace, monospace; font-size: 9.5px; letter-spacing: 0.16em; text-transform: uppercase; color: #9fb4d6; }
.mkp-chip b { font-family: "JetBrains Mono", ui-monospace, monospace; font-size: 17px; font-weight: 600; }
.mkp-chip .mi-spark { height: 22px; }
.mkp-chip--up { top: 4%; right: 6%; }
.mkp-chip--up b { color: var(--mkp-up); }
.mkp-chip--down { left: 0; bottom: 14%; }
.mkp-chip--down b { color: var(--mkp-down); }

/* The invitation. */
.mkp-unlock {
  position: relative;
  padding: clamp(20px, 1.8vw, 28px);
  border: 1px solid rgba(228, 174, 57, 0.3);
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.005)), #0b1018;
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 230, 170, 0.06);
}
.mkp-unlock__title {
  margin: 10px 0 0;
  font-family: var(--font-display);
  font-stretch: 100%;
  font-weight: 800;
  font-size: clamp(24px, 1.9vw, 30px);
  line-height: 1.08;
  color: var(--mkp-ink);
}
.mkp-unlock__title > span { display: block; }
.mkp-unlock__line { margin: 12px 0 18px; font-family: var(--font-body); font-size: 14px; line-height: 1.55; color: var(--mkp-ink-2); }
.mkp-unlock .mkp-cta { width: 100%; justify-content: center; }
.mkp-ticks {
  display: grid;
  gap: 7px;
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
  font-family: var(--font-body);
  font-size: 13px;
  color: var(--mkp-ink-2);
}
.mkp-ticks li { display: flex; align-items: center; gap: 8px; }
.mkp-ticks svg { flex: none; width: 16px; height: 16px; fill: none; stroke: #4c8dff; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.mkp-unlock__alt {
  display: inline-block;
  margin-top: 14px;
  font-family: var(--font-body);
  font-size: 13px;
  color: #c9a24e;
  text-decoration: none;
  border-bottom: 1px solid rgba(228, 174, 57, 0.3);
  transition: color var(--hover-dur, 200ms) ease, border-color var(--hover-dur, 200ms) ease;
}
.mkp-unlock__alt:hover { color: #f1cf7a; border-color: rgba(228, 174, 57, 0.7); }

/* ============================================================
   THE TERMINAL
   ============================================================ */
.mkp-terminal {
  display: grid;
  grid-template-columns: minmax(0, 1.16fr) minmax(0, 1.16fr) minmax(0, 0.94fr);
  gap: 14px;
  margin-top: clamp(28px, 3vw, 44px);
}
.mkp-movers, .mkp-indexes { margin: 0; padding: 0; list-style: none; }
.mkp-mv {
  display: grid;
  grid-template-columns: 18px 46px minmax(0, 1fr) 62px 56px;
  align-items: center;
  gap: 10px;
  min-height: 62px;
  padding: 4px 6px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 8px;
  transition: background-color var(--hover-dur, 200ms) ease;
}
.mkp-mv:last-child { border-bottom: 0; }
.mkp-mv:hover { background: rgba(255, 255, 255, 0.025); }
.mkp-mv__rank { font-family: "JetBrains Mono", ui-monospace, monospace; font-size: 12px; color: var(--mkp-ink-3); text-align: center; }
.mkp-mv__thumb { display: block; width: 46px; height: 36px; }
.mkp-mv__thumb img { display: block; width: 100%; height: 100%; object-fit: contain; transition: filter var(--hover-dur, 200ms) ease; }
.mkp-mv:hover .mkp-mv__thumb img, .mkp-tr:hover .mkp-mv__thumb img { filter: brightness(1.12); }
.mkp-mv__id { min-width: 0; }
.mkp-mv__name { display: block; overflow: hidden; font-family: var(--font-body); font-size: 13.5px; font-weight: 600; color: var(--mkp-ink); white-space: nowrap; text-overflow: ellipsis; }
.mkp-mv__sub { display: block; margin-top: 2px; font-family: var(--font-body); font-size: 12px; color: var(--mkp-ink-3); }
.mkp-mv__spark { display: block; height: 24px; }
.mkp-mv__chg, .mkp-ix__chg, .mkp-td--chg { font-family: "JetBrains Mono", ui-monospace, monospace; font-size: 13px; font-weight: 600; text-align: right; }
.is-up.mkp-mv__chg, .is-up.mkp-ix__chg, .is-up.mkp-td--chg { color: var(--mkp-up); }
.is-down.mkp-mv__chg, .is-down.mkp-ix__chg, .is-down.mkp-td--chg { color: var(--mkp-down); }

.mkp-ix {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) 64px 50px 50px;
  align-items: center;
  gap: 10px;
  min-height: 43px;
  padding: 2px 4px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 8px;
  transition: background-color var(--hover-dur, 200ms) ease;
}
.mkp-ix:last-child { border-bottom: 0; }
.mkp-ix:hover { background: rgba(255, 255, 255, 0.025); }
.mkp-ix__thumb { display: block; width: 34px; height: 26px; }
.mkp-ix__thumb img { display: block; width: 100%; height: 100%; object-fit: contain; }
.mkp-ix__label { font-family: var(--font-body); font-size: 13.5px; font-weight: 500; color: var(--mkp-ink); }
.mkp-ix__spark { display: block; height: 20px; }
.mkp-ix__level { font-family: "JetBrains Mono", ui-monospace, monospace; font-size: 13px; color: var(--mkp-ink-2); text-align: right; }

/* ============================================================
   THE PREVIEW, and its gate
   ============================================================ */
.mkp-preview { margin-top: 14px; }
.mkp-panel--preview { padding-bottom: 0; overflow: hidden; }
.mkp-panel--preview:hover { translate: none; }
.mkp-panel__head--preview { flex-wrap: wrap; }
.mkp-preview__tools { display: flex; align-items: center; gap: 12px; margin-left: auto; }
.mkp-search {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 36px;
  padding: 0 12px;
  border: 1px solid var(--mkp-line);
  border-radius: 9px;
  background: rgba(0, 0, 0, 0.25);
}
.mkp-search svg { width: 15px; height: 15px; fill: none; stroke: var(--mkp-ink-3); stroke-width: 1.8; stroke-linecap: round; }
.mkp-search input { width: 180px; border: 0; background: none; outline: none; font-family: var(--font-body); font-size: 13px; color: var(--mkp-ink); }
.mkp-search input::placeholder { color: var(--mkp-ink-3); }
.mkp-search:focus-within { border-color: rgba(var(--mkp-blue), 0.55); }
.mkp-tabs { display: flex; flex-wrap: wrap; gap: 4px; padding: 12px 0 10px; }
.mkp-tab {
  height: 32px;
  padding: 0 12px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: none;
  font-family: var(--font-body);
  font-size: 13px;
  color: var(--mkp-ink-2);
  cursor: pointer;
  transition: color var(--hover-dur, 200ms) ease, border-color var(--hover-dur, 200ms) ease, background-color var(--hover-dur, 200ms) ease;
}
.mkp-tab:hover { color: var(--mkp-ink); background: rgba(255, 255, 255, 0.03); }
.mkp-tab[aria-pressed="true"] { color: #ffffff; border-color: rgba(var(--mkp-blue), 0.6); background: rgba(var(--mkp-blue), 0.12); box-shadow: 0 0 14px -6px rgba(var(--mkp-blue), 0.8); }
.mkp-tab:focus-visible { outline: 2px solid rgba(118, 166, 255, 0.85); outline-offset: 2px; }

.mkp-table-wrap { position: relative; margin: 0 -18px; }
.mkp-table { width: 100%; border-collapse: collapse; }
.mkp-table th {
  padding: 8px 12px;
  border-top: 1px solid var(--mkp-line);
  border-bottom: 1px solid var(--mkp-line);
  font-family: "JetBrains Mono", ui-monospace, monospace;
  font-weight: 500;
  font-size: 10.5px;
  letter-spacing: 0.14em;
  text-align: left;
  text-transform: uppercase;
  color: var(--mkp-ink-3);
}
.mkp-table th:first-child { width: 48px; padding-left: 22px; }
.mkp-td { padding: 8px 12px; border-bottom: 1px solid rgba(255, 255, 255, 0.05); font-family: var(--font-body); font-size: 13px; color: var(--mkp-ink-2); vertical-align: middle; }
.mkp-td--n { padding-left: 22px; font-family: "JetBrains Mono", ui-monospace, monospace; color: var(--mkp-ink-3); }
.mkp-td--item { display: flex; align-items: center; gap: 12px; min-height: 52px; }
.mkp-td--spark { width: 110px; }
.mkp-td--spark .mi-spark { height: 22px; }
.mkp-td--chg { width: 90px; text-align: left; }
.mkp-td--act { width: 120px; }
.mkp-tr { transition: background-color var(--hover-dur, 200ms) ease; }
.mkp-tr:not(.mkp-tr--gated):hover { background: rgba(255, 255, 255, 0.025); }
.mkp-tr--none .mkp-td { padding: 18px 22px; color: var(--mkp-ink-3); }
.mkp-act {
  display: inline-flex;
  align-items: center;
  height: 30px;
  padding: 0 12px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 8px;
  font-family: var(--font-body);
  font-size: 12.5px;
  color: var(--mkp-ink);
  text-decoration: none;
  transition: border-color var(--hover-dur, 200ms) ease, background-color var(--hover-dur, 200ms) ease;
}
.mkp-act:hover { border-color: rgba(var(--mkp-blue), 0.6); background: rgba(var(--mkp-blue), 0.08); }

/* THE GATE: the rows after the open ones fade and soften into the dark,
   and a small module sits over them. Deliberate, not a failed load. */
.mkp-tr--gated { filter: blur(3px); opacity: 0.4; }
.mkp-tr--gated:nth-last-child(2) { opacity: 0.26; }
.mkp-tr--gated:last-child { opacity: 0.14; }
.mkp-gate {
  position: absolute;
  left: 50%;
  bottom: 18px;
  display: grid;
  justify-items: center;
  gap: 6px;
  width: min(92%, 420px);
  padding: 18px 22px;
  translate: -50% 0;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  background: rgba(9, 13, 20, 0.92);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.04);
}
.mkp-gate__icon svg { width: 22px; height: 22px; fill: none; stroke: #8fb6ff; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.mkp-gate__title { margin: 0; font-family: var(--font-display); font-stretch: 100%; font-weight: 800; font-size: 17px; text-transform: uppercase; letter-spacing: 0.02em; color: var(--mkp-ink); }
.mkp-gate__line { margin: 0 0 8px; font-family: var(--font-body); font-size: 13px; line-height: 1.5; color: var(--mkp-ink-2); }
/* Room under the open rows for the gate to sit on the soft ones. */
.mkp-table tbody::after { content: ''; display: block; height: 0; }

/* ============================================================
   THE CLOSE
   ============================================================ */
.mkp-close {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(20px, 3vw, 48px);
  margin-top: clamp(28px, 3vw, 44px);
  padding: clamp(26px, 2.6vw, 40px);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.025), rgba(255, 255, 255, 0.005)), #0b1018;
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.035), inset 0 -1px 0 rgba(228, 174, 57, 0.35), 0 12px 40px -24px rgba(228, 174, 57, 0.3);
}
.mkp-close__title {
  margin: 10px 0 0;
  font-family: var(--font-display);
  font-stretch: 100%;
  font-weight: 800;
  font-size: clamp(30px, 3vw, 48px);
  line-height: 1;
  text-transform: uppercase;
  color: var(--mkp-ink);
}
.mkp-close__line { max-width: 520px; margin: 14px 0 0; font-family: var(--font-body); font-size: 15.5px; line-height: 1.55; color: var(--mkp-ink-2); }
.mkp-close__act { display: grid; justify-items: center; }
.mkp-close__act .mkp-cta { width: 100%; justify-content: center; }
.mkp-ticks--row { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 20px; }

/* ============================================================
   NARROWER
   ============================================================ */
@media (max-width: 1279px) {
  .mkp-hero { grid-template-columns: minmax(0, 1fr) minmax(0, 0.9fr); }
  .mkp-title > span { white-space: normal; }
  .mkp-unlock { grid-column: 1 / -1; }
  .mkp-terminal { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .mkp-panel--indexes { grid-column: 1 / -1; }
  .mkp-indexes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 24px; }
  .mkp-ix:nth-last-child(2) { border-bottom: 0; }
}

@media (max-width: 900px) {
  .mkp-hero { grid-template-columns: minmax(0, 1fr); }
  .mkp-hero__art { min-height: 0; aspect-ratio: 16 / 9; max-width: 560px; width: 100%; margin: 0 auto; }
  .mkp-benefits { grid-template-columns: minmax(0, 1fr); }
  .mkp-close { grid-template-columns: minmax(0, 1fr); }
  .mkp-preview__tools { width: 100%; margin-left: 0; }
  .mkp-search { flex: 1; }
  .mkp-search input { width: 100%; }
}

/* Gainers and losers stay side by side on a tablet; one column below. */
@media (max-width: 700px) {
  .mkp-terminal { grid-template-columns: minmax(0, 1fr); }
  .mkp-indexes { grid-template-columns: minmax(0, 1fr); }
  .mkp-ix:nth-last-child(2) { border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
}

/* Phones: the table becomes compact rows; nothing is dropped but the
   category column's header, which the row says in its sub line. */
@media (max-width: 600px) {
  .mkp-mv { grid-template-columns: 18px 44px minmax(0, 1fr) 48px 58px; gap: 8px; }
  .mkp-mv__thumb { width: 44px; height: 34px; }
  .mkp-ix { grid-template-columns: 30px minmax(0, 1fr) 44px 46px 48px; gap: 8px; }
  .mkp-table thead { display: none; }
  .mkp-table, .mkp-table tbody { display: block; }
  .mkp-tr { display: grid; grid-template-columns: 22px minmax(0, 1fr) 54px 56px; align-items: center; column-gap: 8px; padding: 6px 14px; border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
  .mkp-td { padding: 0; border: 0; }
  .mkp-td--n { padding-left: 0; }
  .mkp-td--cat, .mkp-td--act { display: none; }
  .mkp-td--spark, .mkp-td--chg { width: auto; }
  .mkp-td--item { min-height: 48px; min-width: 0; }
  .mkp-td--item .mkp-mv__name { min-width: 0; }
  .mkp-tr--none { display: block; }
  .mkp-close__act .mkp-cta { height: 60px; font-size: 16px; }
}

@media (prefers-reduced-motion: reduce) {
  .mkp-panel, .mkp-mv, .mkp-ix, .mkp-tr, .mkp-tab, .mkp-act, .mkp-unlock__alt, .mkp-mv__thumb img { transition: none; }
  .mkp-panel:hover { translate: none; }
}