/* Basilica Ledger Market. All rules are route-scoped. */

.fl-commerce-market {
  --mk-ink: #0b0907;
  --mk-panel: rgba(14, 11, 8, .97);
  --mk-panel-2: rgba(20, 15, 10, .96);
  --mk-gold: #c99744;
  --mk-gold-hi: #e4c078;
  --mk-ivory: #eee3cc;
  --mk-muted: #b8aa91;
  --mk-dim: #817762;
  --mk-line: rgba(218, 181, 105, .19);
  color: var(--mk-ivory);
}

.fl-commerce-market .market-scene {
  background-color: #090705 !important;
  background-image: linear-gradient(180deg, rgba(5, 4, 3, .46), rgba(8, 6, 4, .91)), url('/assets/scenes/market.jpg') !important;
  background-position: center top;
  background-size: cover;
}

/* styles.css antaa .imm-stack-xwidelle KIINTEÄN 640px leveyden. Pelkkä
   max-width ei levennä sitä lainkaan — se vain kattaa. Ledger tarvitsee
   neljä saraketta (min 568px) JA 310px lipun rinnalleen, joten 640px:ssä
   taulukko vuotaa sarakkeensa yli ja liukuu lipun alle. Leveys on siis
   asetettava, ei katettava. */
.fl-commerce-market .imm-stack-xwide { width: min(1360px, calc(100% - 32px)); max-width: none; }
.fl-commerce-market .imm-card { border-color: var(--mk-line); }

/* Ledgerin sarakejako on YKSI totuus: otsikkorivi ja datarivi lukevat saman
   muuttujan, koska ne olivat kerran ajautuneet 40 px erilleen ja otsikot
   seisoivat vaarien solujen paalla. Yhteismitta mahtuu kapeimpaan
   ledger-sarakkeeseen (622 px, 1600 px:n kolmisarakkeinen). */
.fl-commerce-market { --mk-ledger-cols: minmax(200px, 1fr) 112px 150px 84px; }

.fl-commerce-market .mk-head {
  display: grid;
  gap: 0;
  padding: 0;
  border: 1px solid var(--mk-line);
  background: var(--mk-panel);
}

.fl-commerce-market .mk-route-head {
  display: flex;
  min-height: 72px;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 12px 18px;
  border-bottom: 1px solid var(--mk-line);
}

.fl-commerce-market .mk-route-head > span { display: grid; min-width: 0; gap: 3px; }
.fl-commerce-market .mk-route-head em { color: var(--mk-muted); font-size: 13px; font-style: normal; }

/* Kolme solua: mita minulla on, mihin arviot perustuvat, mita myynti maksaa. */
.fl-commerce-market .mk-route-facts {
  display: flex;
  flex: none;
  margin: 0;
  border: 1px solid var(--mk-line);
  background: rgba(8, 6, 4, .55);
}
.fl-commerce-market .mk-route-facts > div { padding: 8px 14px; border-left: 1px solid var(--mk-line); }
.fl-commerce-market .mk-route-facts > div:first-child { border-left: 0; }
.fl-commerce-market .mk-route-facts > div:last-child { text-align: right; }
.fl-commerce-market .mk-route-facts dt {
  white-space: nowrap;
  color: var(--mk-dim);
  font: 700 9.5px var(--font-display);
  letter-spacing: .11em;
  text-transform: uppercase;
}
.fl-commerce-market .mk-route-facts dd { margin: 2px 0 0; color: var(--mk-ivory); font-size: 13px; white-space: nowrap; }
.fl-commerce-market .mk-route-facts dd small { display: block; color: var(--mk-dim); font-size: 10.5px; white-space: nowrap; }
.fl-commerce-market .mk-route-facts .is-patron dd { color: #d4a4c7; }
.fl-commerce-market .mk-route-head small {
  color: var(--mk-gold);
  font: 700 11px var(--font-display);
  letter-spacing: .13em;
  text-transform: uppercase;
}
.fl-commerce-market .mk-route-head strong { color: var(--mk-ivory); font: 700 25px var(--font-display); }
.fl-commerce-market .mk-available-gold .price { color: var(--mk-gold-hi); font: 700 17px var(--font-display); }
.fl-commerce-market .mk-available-gold .icon { width: 18px; height: 18px; }

.fl-commerce-market .section-nav,
.fl-commerce-market .mk-tabbar { padding-inline: 8px; }
/* Jaettu nav-merkki on pyoreä pilleri taytevarilla. Tama pinta kayttaa
   referenssin litteaa laattaa: sama luku, ei koristetta. */
.fl-commerce-market .section-nav__badge {
  min-width: 20px;
  height: 20px;
  border: 1px solid var(--mk-line);
  border-radius: 0;
  background: transparent;
  color: var(--mk-gold);
  font: 750 12px var(--font-body);
}
.fl-commerce-market .section-nav a,
.fl-commerce-market .mk-tabbar a { min-height: 44px; }

.fl-commerce-market .mk-browse-shell {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 310px;
  gap: 12px;
  align-items: start;
}
.fl-commerce-market .mk-market-search { grid-column: 1 / -1; }
.fl-commerce-market .mk-rail { grid-column: 1 / -1; }
.fl-commerce-market .mk-rail-list { grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); }
.fl-commerce-market .mk-rail h2 { display: none; }
.fl-commerce-market .mk-rail-note { display: none; }

/* Vasta tassa on tilaa kolmelle sarakkeelle pelin kuoren jalkeen. */
@media (min-width: 1500px) {
  .fl-commerce-market .mk-browse-shell { grid-template-columns: 176px minmax(0, 1fr) 310px; }
  .fl-commerce-market .mk-rail { grid-column: auto; grid-row: span 3; }
  .fl-commerce-market .mk-rail-list { grid-auto-flow: row; }
  .fl-commerce-market .mk-rail h2 { display: block; }
  .fl-commerce-market .mk-rail-note { display: block; margin: 12px; border: 1px solid var(--mk-line); }
}

/* Kategoriapalkki: laji on navigointia, ei suodatin muiden joukossa. */
.fl-commerce-market .mk-rail { min-width: 0; padding: 0; overflow: hidden; background: var(--mk-panel); }
.fl-commerce-market .mk-rail h2 {
  margin: 0;
  padding: 11px 12px;
  border-bottom: 1px solid var(--mk-line);
  color: var(--mk-gold);
  font: 700 11px var(--font-display);
  letter-spacing: .11em;
  text-transform: uppercase;
}
.fl-commerce-market .mk-rail-list { display: grid; }
.fl-commerce-market .mk-railbtn {
  min-height: 46px;
  text-align: center;
  padding: 0 12px;
  border: 0;
  border-bottom: 1px solid var(--mk-line);
  background: transparent;
  color: var(--mk-muted);
  cursor: pointer;
  font: 650 13px var(--font-body);
}
.fl-commerce-market .mk-railbtn:hover { background: rgba(201, 151, 68, .06); color: var(--mk-ivory); }
.fl-commerce-market .mk-railbtn.active {
  position: relative;
  background: rgba(201, 151, 68, .12);
  color: var(--mk-gold-hi);
}
.fl-commerce-market .mk-railbtn.active::before { content: ''; position: absolute; inset: auto 0 0 0; height: 3px; background: var(--mk-gold-hi); }
@media (min-width: 1500px) {
  .fl-commerce-market .mk-railbtn { text-align: left; }
  .fl-commerce-market .mk-railbtn.active::before { inset: 0 auto 0 0; width: 3px; height: auto; }
}
.fl-commerce-market .mk-rail-note { margin: 12px; padding: 10px; border: 1px solid var(--mk-line); color: var(--mk-dim); font-size: 11.5px; line-height: 1.45; }
.fl-commerce-market .mk-rail-note b { display: block; margin-bottom: 3px; color: var(--mk-gold); font: 700 10px var(--font-display); letter-spacing: .1em; text-transform: uppercase; }

.fl-commerce-market .mk-reset { min-height: 44px; }

/* Tasoalueen kentät perivät vaalean pinnan asun: kirkkaat laatikot tumman
   kortin päällä. */
.fl-commerce-market .mk-lvlpair input,
.fl-commerce-market .mk-filters input[type="number"] {
  border: 1px solid var(--mk-line);
  background: #0c0906;
  color: var(--mk-ivory);
}
.fl-commerce-market .mk-lvlpair input::placeholder { color: var(--mk-dim); }
.fl-commerce-market .mk-lvlpair input:focus { border-color: var(--mk-gold-hi); outline: 0; }
.fl-commerce-market .mk-dash { color: var(--mk-dim); }
.fl-commerce-market .mk-browse-main { display: grid; min-width: 0; gap: 9px; }

/* Referenssin yksi kaista: haku ja suodattimet samalla rivilla. Haku saa
   leveimman sarakkeen, koska se on se kentta jota oikeasti kaytetaan.
   Mitattu: 1.8fr + kolme 150 px:n lattiaa jatti hakukentalle 149 px tekstitilaa
   1440 px:n ruudulla -- vahemman kuin tabletilla, jossa suodattimet ovat
   Filters-napin takana ja kentta saa 410 px. Placeholder katkesi SEARCH-napin
   taakse juuri siksi. Valitsimet tarvitsevat 132 px ("All rarities"), loppu
   kuuluu haulle. */
.fl-commerce-market .mk-market-search {
  position: relative;
  z-index: 12;
  display: grid;
  grid-template-columns: minmax(320px, 2.6fr) repeat(3, minmax(132px, 1fr)) auto;
  align-items: end;
  gap: 5px 12px;
  min-width: 0;
  padding: 11px 12px;
  border: 1px solid var(--mk-line);
  background: var(--mk-panel);
}
.fl-commerce-market .mk-market-search > label[for="market-search-input"] { grid-column: 1; grid-row: 1; align-self: end; }
.fl-commerce-market .mk-search-scope { grid-column: 2 / -1; grid-row: 1; align-self: end; }
/* Leveällä: suodattimet ovat hakukaistan omia sarakkeita. display: contents
   nostaa ne kääreensä läpi samaan gridiin. */
.fl-commerce-market .mk-toolbar-filters { display: contents; }
.fl-commerce-market .mk-toolbar-toggle { display: none; }
.fl-commerce-market .mk-toolbar-field { display: grid; min-width: 0; gap: 3px; }
.fl-commerce-market .mk-toolbar-field > span:not(.hsel) {
  overflow: hidden;
  color: var(--mk-ivory);
  font-size: 12.5px;
  font-weight: 650;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fl-commerce-market .mk-toolbar-field > .hsel { display: block; min-width: 0; }
.fl-commerce-market .mk-toolbar-field select,
.fl-commerce-market .mk-toolbar-field .hsel > button { min-height: 48px; width: 100%; }
/* Jaettu .btn-ghost on viritetty vaalealle pinnalle: tallä kaistalla se
   piirtyi kirkkaana laattana ja huusi kovempaa kuin haku itse. */
.fl-commerce-market .mk-market-search .mk-reset {
  min-height: 48px;
  border: 1px solid var(--mk-line);
  background: transparent;
  color: var(--mk-muted);
  --btn-band-top: transparent;
  --btn-band-bot: transparent;
  --btn-edge: var(--mk-line);
}
.fl-commerce-market .mk-market-search .mk-reset:hover:not(:disabled) { border-color: var(--mk-gold); color: var(--mk-ivory); }
.fl-commerce-market .mk-market-search .mk-reset:disabled { color: var(--mk-dim); opacity: 1; }
.fl-commerce-market .mk-market-search > label { color: var(--mk-ivory); font-weight: 750; }
.fl-commerce-market .mk-search-scope { color: var(--mk-dim); font-size: 12px; text-align: right; }
.fl-commerce-market .mk-search-control {
  grid-column: 1;
  grid-row: 2;
  display: flex;
  min-width: 0;
  min-height: 48px;
  align-items: stretch;
  border: 1px solid rgba(201, 151, 68, .58);
  background: #0c0906;
  box-shadow: 0 12px 32px rgba(0, 0, 0, .22);
}
.fl-commerce-market .mk-search-control:focus-within { border-color: var(--mk-gold-hi); box-shadow: 0 0 0 1px var(--mk-gold-hi); }
.fl-commerce-market .mk-search-glyph { display: grid; width: 36px; flex: 0 0 36px; place-items: center; color: var(--mk-gold); font-size: 22px; }
.fl-commerce-market .mk-search-control input {
  min-width: 0;
  flex: 1 1 auto;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--mk-ivory);
  font: 650 15px var(--font-body);
}
.fl-commerce-market .mk-search-control input::-webkit-search-decoration,
.fl-commerce-market .mk-search-control input::-webkit-search-cancel-button { display: none; appearance: none; }
.fl-commerce-market .mk-search-control input::-ms-clear { display: none; width: 0; height: 0; }
.fl-commerce-market .mk-search-clear {
  width: 44px;
  flex: 0 0 44px;
  border: 0;
  border-left: 1px solid var(--mk-line);
  background: transparent;
  color: var(--mk-muted);
  cursor: pointer;
  font-size: 22px;
}
.fl-commerce-market .mk-search-submit { min-width: 84px; flex: 0 0 auto; border-radius: 0; }
.fl-commerce-market .mk-search-memory {
  position: absolute;
  z-index: 30;
  top: calc(100% + 3px);
  right: 0;
  left: 0;
  border: 1px solid rgba(177, 94, 150, .48);
  background: #100b0f;
  box-shadow: 0 18px 44px rgba(0, 0, 0, .7);
}
.fl-commerce-market .mk-search-memory[hidden] { display: none; }
.fl-commerce-market .mk-search-memory-head { display: flex; min-height: 52px; align-items: stretch; justify-content: space-between; border-bottom: 1px solid rgba(177, 94, 150, .25); }
.fl-commerce-market .mk-search-memory-head > span { display: grid; gap: 2px; padding: 8px 12px; }
.fl-commerce-market .mk-search-memory-head b { color: #d09ac1; font-size: 12px; }
.fl-commerce-market .mk-search-memory-head small { color: var(--mk-dim); font-size: 11px; }
.fl-commerce-market .mk-search-memory-head button,
.fl-commerce-market [data-recent-search] { min-height: 44px; border: 0; background: transparent; color: var(--mk-ivory); cursor: pointer; }
.fl-commerce-market .mk-search-memory-head button { min-width: 64px; border-left: 1px solid rgba(177, 94, 150, .25); color: #d09ac1; }
/* Poistonapit ovat OMA sarakkeensa listboxin ULKOPUOLELLA: axen
   aria-required-children lukee listboxin jälkeläiset, eikä role="group" tai
   aria-owns kelpaa kilveksi. Kiinteä 44 px rivikorkeus pitää sarakkeet
   kohdakkain, ja viisi riviä on katto -> vieritystä ei synny. */
.fl-commerce-market .mk-search-memory-rows { display: grid; grid-template-columns: minmax(0, 1fr) auto; }
.fl-commerce-market #market-search-memory { display: grid; grid-auto-rows: 44px; max-height: 220px; overflow: hidden; }
.fl-commerce-market .mk-recall-removes { display: grid; grid-auto-rows: 44px; }
.fl-commerce-market .mk-recent-remove { min-width: 44px; min-height: 44px; border: 0; border-bottom: 1px solid rgba(177, 94, 150, .16); background: transparent; color: var(--mk-muted); font-size: 18px; line-height: 1; cursor: pointer; }
.fl-commerce-market .mk-recent-remove:hover,
.fl-commerce-market .mk-recent-remove:focus { background: rgba(177, 94, 150, .16); color: var(--mk-ivory); }
.fl-commerce-market [data-recent-search] { display: flex; align-items: center; justify-content: space-between; gap: 12px; overflow: hidden; padding: 8px 12px; border-bottom: 1px solid rgba(177, 94, 150, .16); text-align: left; }
.fl-commerce-market [data-recent-search] > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fl-commerce-market [data-recent-search] small { flex: none; }
.fl-commerce-market [data-recent-search]:hover,
.fl-commerce-market [data-recent-search]:focus { background: rgba(177, 94, 150, .16); }
.fl-commerce-market [data-recent-search] small { color: #d09ac1; }
.fl-commerce-market .mk-search-memory-empty { min-height: 48px; padding: 14px 12px; color: var(--mk-dim); }

/* Legacy .mk-count sits at 2.31:1 on this surface. Corrected inside the route
   only: BRAND 10 forbids restyling a shared .mk-* class globally. */
.fl-commerce-market .mk-count { color: var(--mk-gold); }

/* Omat listaukset, ostotilaukset ja historia piirtyivät legacyn PERGAMENTTI-
   rivillä: vaalea saareke tumman ledgerin vieressä, ja jokainen tumman pinnan
   väri piti korjata sille erikseen (sama ansa laukesi viidesti). Rivi on nyt
   samaa yöpintaa kuin muu pinta, jolloin tokensin oletusrarityt pätevät
   sellaisinaan eikä vastapareja tarvita. */
.fl-commerce-market .mk-mine-row {
  border: 1px solid var(--mk-line);
  background: var(--mk-panel-2);
  color: var(--mk-ivory);
}
.fl-commerce-market .mk-mine-row:hover { background: rgba(201, 151, 68, .05); }
.fl-commerce-market .mk-mine-row .mk-mine-sub,
.fl-commerce-market .mk-mine-row .mk-mine-time,
.fl-commerce-market .mk-mine-row .mk-hist-who,
.fl-commerce-market .mk-mine-row .mk-hist-when { color: var(--mk-muted); }
.fl-commerce-market .mk-mine-row .mk-matname { color: var(--mk-ivory); }
.fl-commerce-market .mk-mine-row .price { color: var(--mk-gold-hi); }
/* Myyty = saatu kulta, ostettu = maksettu. Molemmat varittyivat --inkilla
   joka on pergamentin vari: tummalla rivilla summa oli lahes nakymaton. */
.fl-commerce-market .mk-hist-gold.is-in { color: #8fbf6f; }
.fl-commerce-market .mk-hist-gold.is-out { color: var(--mk-ivory); }
/* Rivin napit ovat yöpinnalla: legacyn vaalean pergamentin ghost-asu jäisi
   kirkkaaksi laataksi. */
.fl-commerce-market .mk-mine-row .btn-ghost {
  border: 1px solid var(--mk-line);
  background: transparent;
  color: var(--mk-muted);
  --btn-band-top: transparent;
  --btn-band-bot: transparent;
  --btn-edge: var(--mk-line);
}
.fl-commerce-market .mk-mine-row .btn-ghost:hover:not(:disabled) { border-color: var(--mk-gold); color: var(--mk-ivory); }

/* Jaettu .cap-note piirtää linkkinsä pronssilla, joka on tehty vaalealle
   pinnalle: tämän kortin taustalla se mitattiin 2,48:1. */
.fl-commerce-market .cap-note a { color: var(--mk-gold-hi); opacity: 1; }

/* Estoteksti on nyt ruudulla eikä title-tooltipissa. Se on tilailmoitus, ei
   virhe, joten se ei huuda punaisella eikä siirrä fokusta. */
.fl-commerce-market .mk-block-note {
  margin: 0 0 10px;
  padding: 8px 11px;
  border-left: 2px solid var(--mk-gold);
  background: rgba(201, 151, 68, .09);
  color: var(--mk-ivory);
  font-size: 13px;
}

/* Oli yksi juokseva lause: "3 / Unlimited listings . 1 / Unlimited buy orders
   . 4% seller tax". Luvut seisoivat siina missa edellinen sana sattui
   loppumaan, eika kahta lukua voinut verrata silmalla. Nyt kaksi yhta levea
   solua, joissa nimio on kiintean levyinen: luku alkaa aina samalta etaisyydelta
   solunsa alusta, ja tabular-nums pitaa numerot paikallaan kun arvo muuttuu. */
.fl-commerce-market .mk-standing {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  margin: 0;
  border: 1px solid var(--mk-line);
  background: var(--mk-panel);
  color: var(--mk-muted);
  font-size: 12px;
}
.fl-commerce-market .mk-standing.is-patron { grid-template-columns: max-content repeat(2, minmax(0, 1fr)); }
.fl-commerce-market .mk-standing-cell {
  display: grid;
  grid-template-columns: 92px max-content;
  align-items: baseline;
  gap: 8px;
  min-width: 0;
  padding: 8px 12px;
  border-left: 1px solid var(--mk-line);
}
.fl-commerce-market .mk-standing-cell:first-child { border-left: 0; }
.fl-commerce-market .mk-standing-cell small {
  color: var(--mk-dim);
  font-size: 10.5px;
  font-weight: 650;
  letter-spacing: .07em;
  text-transform: uppercase;
  white-space: nowrap;
}
.fl-commerce-market .mk-standing-cell b {
  color: var(--mk-ivory);
  font-variant-numeric: tabular-nums;
  font-weight: 700;
  white-space: nowrap;
}
/* Pelin oma merkki tulee omassa kääreessään; tässä se on rivin osa. */
.fl-commerce-market .mk-standing .aed-patron-line { display: inline-flex; align-self: center; margin: 0; padding-inline: 12px; }
.fl-commerce-market .mk-patron-mark { display: inline-grid; width: 20px; height: 20px; place-items: center; margin-right: 3px; border: 1px solid #ad5f95; color: #e2b2d4; font: 700 11px var(--font-display); }

.fl-commerce-market .mk-filters { padding: 9px; background: var(--mk-panel-2); }
.fl-commerce-market .mk-filter-toggle { display: none; }
.fl-commerce-market .mk-kindbtn,
.fl-commerce-market .mk-field select,
.fl-commerce-market .mk-field input,
.fl-commerce-market .mk-apply { min-height: 44px; }

.fl-commerce-market .mk-ledger-board { min-width: 0; padding: 0; overflow: hidden; background: var(--mk-panel); }
.fl-commerce-market .mk-board-head,
.fl-commerce-market .mk-mine-head { padding: 11px 12px; border-bottom: 1px solid var(--mk-line); }
/* Listamäärä vasemmalle, "Hide my listings" oikealle: kytkin kuuluu sen
   listan päälle jota se rajaa, ei suodatinkaistalle muiden sekaan. */
.fl-commerce-market .mk-board-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.fl-commerce-market .mk-mine-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.fl-commerce-market .mk-mine-head h2 { margin: 0; }
/* Kaikki välilehdet ovat samaa kortti- ja otsakekieltä kuin selaus. */
.fl-commerce-market .imm-card-fill { padding: 0; overflow: hidden; background: var(--mk-panel); }
.fl-commerce-market .mk-mine-list { padding: 9px 12px; gap: 7px; }
.fl-commerce-market .cap-note,
.fl-commerce-market .mk-taxnote,
.fl-commerce-market .rb-empty { padding: 0 12px 12px; color: var(--mk-muted); }
.fl-commerce-market .mk-ord-filters { padding: 0; }
.fl-commerce-market .mk-board-head h2,
.fl-commerce-market .mk-mine-head h2 {
  margin: 0;
  color: var(--mk-gold);
  font: 700 11px var(--font-display);
  letter-spacing: .11em;
  text-transform: uppercase;
}
.fl-commerce-market .mk-ledger-head {
  display: grid;
  grid-template-columns: var(--mk-ledger-cols);
  gap: 12px;
  padding: 10px 12px;
  border-bottom: 1px solid var(--mk-line);
  color: var(--mk-dim);
  font: 700 10px var(--font-display);
  letter-spacing: .1em;
  text-transform: uppercase;
}
.fl-commerce-market .mk-grid { display: grid; grid-template-columns: 1fr; gap: 0; }
.fl-commerce-market .mk-ledger-entry { min-width: 0; border-bottom: 1px solid var(--mk-line); }
.fl-commerce-market .mk-ledger-entry-inner { min-width: 0; }
/* Koko rivi valitsee (BRAND 6.3), joten se on nappi eika laatikko jonka
   sisalla on nappi. Neljä saraketta: mita, mita pyydetaan, mita siita on
   maksettu ja milloin se raukeaa. */
.fl-commerce-market .mk-card.mk-ledger-row {
  position: relative;
  display: grid;
  width: 100%;
  grid-template-columns: var(--mk-ledger-cols);
  gap: 12px;
  min-height: 72px;
  align-items: center;
  padding: 9px 12px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: inherit;
  text-align: left;
  cursor: pointer;
  font: inherit;
}
.fl-commerce-market .mk-card.mk-ledger-row:hover { background: rgba(201, 151, 68, .05); }
.fl-commerce-market .mk-card.mk-ledger-row.is-selected { background: linear-gradient(90deg, rgba(201, 151, 68, .14), rgba(201, 151, 68, .025)); }
.fl-commerce-market .mk-card.mk-ledger-row.is-selected::before { content: ''; position: absolute; inset: 7px auto 7px 0; width: 3px; background: var(--mk-gold-hi); }

.fl-commerce-market .mk-cell-item { display: flex; min-width: 0; align-items: center; gap: 10px; }
.fl-commerce-market .mk-cell-item .mk-own-mark { margin-left: auto; flex: none; }
.fl-commerce-market .mk-cell-copy { display: grid; min-width: 0; gap: 2px; }
.fl-commerce-market .mk-cell-item .mk-name { overflow: hidden; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.fl-commerce-market .mk-cell-item .mk-meta { overflow: hidden; color: var(--mk-muted); font-size: 11.5px; text-overflow: ellipsis; white-space: nowrap; }
.fl-commerce-market .mk-cell-item .mk-icon { width: 44px; height: 44px; flex: 0 0 44px; }
.fl-commerce-market .mk-cell-item .mk-art { max-width: 38px; max-height: 38px; }

.fl-commerce-market .mk-cell-ask { display: grid; justify-items: end; gap: 2px; text-align: right; }
.fl-commerce-market .mk-cell-ask .price { color: var(--mk-gold-hi); font-size: 15px; }
.fl-commerce-market .mk-cell-ask small { color: var(--mk-dim); font-size: 11.5px; }

/* Vertailu on rivin PAATOSLUKU: se saa varin, perusta ei. */
.fl-commerce-market .mk-cell-market { display: grid; min-width: 0; gap: 2px; }
.fl-commerce-market .mk-cell-market b { color: var(--mk-muted); font-size: 12.5px; font-weight: 700; }
.fl-commerce-market .mk-cell-market b.is-under { color: #6fbf73; }
.fl-commerce-market .mk-cell-market b.is-over { color: #d98b6a; }
.fl-commerce-market .mk-cell-market small { color: var(--mk-dim); font-size: 11px; line-height: 1.3; }

.fl-commerce-market .mk-cell-expiry { display: grid; justify-items: end; gap: 2px; text-align: right; }
.fl-commerce-market .mk-cell-expiry b { color: var(--mk-ivory); font-size: 12.5px; font-weight: 600; }
.fl-commerce-market .mk-cell-expiry small { color: var(--mk-dim); font-size: 11px; }

/* Valitun rivin alle tuleva toiminto kapeilla leveyksilla ja omalla rivilla. */
.fl-commerce-market .mk-row-action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 12px 12px;
  border-top: 1px solid var(--mk-line);
}
.fl-commerce-market .mk-row-action b { display: block; color: var(--mk-ivory); font-size: 12.5px; }
.fl-commerce-market .mk-row-action small { color: var(--mk-dim); font-size: 11px; }

.fl-commerce-market .mk-own-mark { font-size: 10px; }

.fl-commerce-market .mk-ticket-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.fl-commerce-market .mk-ticket-state {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #6fbf73;
  font-size: 11px;
}
.fl-commerce-market .mk-ticket-state::before { content: ''; width: 7px; height: 7px; background: currentColor; }
.fl-commerce-market .mk-ticket-state.is-own { color: var(--mk-muted); }
.fl-commerce-market .mk-ticket-item { display: flex; align-items: flex-start; gap: 10px; }
.fl-commerce-market .mk-ticket-item .mk-icon { width: 52px; height: 52px; flex: 0 0 52px; }
.fl-commerce-market .mk-ticket-item .mk-art { max-width: 46px; max-height: 46px; }
.fl-commerce-market .mk-ticket-item h2 { margin: 0; font-size: 17px; }
.fl-commerce-market .mk-ticket-total {
  display: grid;
  margin: 0;
  padding-top: 9px;
  border-top: 1px solid var(--mk-line);
}
.fl-commerce-market .mk-ticket-total > div { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 5px 0; }
.fl-commerce-market .mk-ticket-total dt { color: var(--mk-muted); font-size: 13px; }
.fl-commerce-market .mk-ticket-total dd { margin: 0; color: var(--mk-ivory); font-size: 14px; }
.fl-commerce-market .mk-ticket-total dd small { margin-left: 6px; color: var(--mk-dim); font-size: 10.5px; }
.fl-commerce-market .mk-ticket-facts dd.is-under { color: #6fbf73; }
.fl-commerce-market .mk-ticket-facts dd.is-over { color: #d98b6a; }

/* Item facts: statit siirtyivat rivilta sinne missa paatos tehdaan. */
.fl-commerce-market .mk-ticket-facts-head {
  margin-top: 4px;
  color: var(--mk-gold);
  font: 700 10px var(--font-display);
  letter-spacing: .1em;
  text-transform: uppercase;
}

.fl-commerce-market .mk-trade-ticket {
  min-width: 0;
  padding: 15px;
  border: 1px solid var(--mk-line);
  background: var(--mk-panel);
  color: var(--mk-ivory);
}
/* STICKY ANKKUROIDAAN HEADERIIN, EI KIINTEAAN LUKUUN. 68px oli 40 px headeria
   pienempi (.shell --hdr-h: 108px, sama ankkuri jota .nav kayttaa), joten lippu
   pysahtyi headerin ALLE ja sen ylin rivi — "Trade ticket" ja tilamerkki — jai
   sen taakse piiloon. Ennen vierityskorjausta sivu ei vierinyt lainkaan, joten
   sticky ei koskaan aktivoitunut eika virhe nakynyt (omistajan havainto
   11.9.2026). Fallback 108px pitaa lipun oikein myos jos muuttuja puuttuu. */
.fl-commerce-market .mk-ticket-desktop { position: sticky; top: calc(var(--hdr-h, 108px) + 8px); }
.fl-commerce-market .mk-ticket-mobile { display: none; }
.fl-commerce-market .mk-ticket-empty { min-height: 190px; color: var(--mk-dim); }
.fl-commerce-market .mk-ticket-kicker { color: var(--mk-gold); font: 700 11px var(--font-display); letter-spacing: .12em; text-transform: uppercase; }
.fl-commerce-market .mk-trade-ticket h2 { margin: 7px 0 4px; color: var(--mk-ivory); font: 700 18px/1.25 var(--font-display); }
.fl-commerce-market .mk-ticket-meta { margin: 0 0 12px; color: var(--mk-dim); font-size: 12px; }
.fl-commerce-market .mk-ticket-facts,
.fl-commerce-market .mk-review-facts { display: grid; gap: 0; margin: 0 0 14px; }
/* min-height yksin ei anna ilmaa sille riville joka kietoutuu kahdelle
   riville: "Price evidence / Not enough completed trades" tayttaa 38 px:n
   omalla tekstillaan, ja kolmen rivin lohko luki yhtena massana (omistajan
   havainto 11.9.2026). Pystypadding erottaa rivit myos silloin kun ne ovat
   korkeampia kuin minimi. */
.fl-commerce-market .mk-ticket-facts > div,
.fl-commerce-market .mk-review-facts > div { display: flex; min-height: 38px; align-items: center; justify-content: space-between; gap: 12px; padding: 5px 0; border-bottom: 1px solid var(--mk-line); }
.fl-commerce-market dt { color: var(--mk-muted); }
.fl-commerce-market dd { margin: 0; color: var(--mk-ivory); text-align: right; }
.fl-commerce-market .mk-ticket-qty { display: grid; gap: 5px; margin-bottom: 10px; color: var(--mk-muted); }
.fl-commerce-market .mk-ticket-qty input { min-height: 44px; width: 100%; }
.fl-commerce-market .mk-review-buy { min-height: 46px; width: 100%; }
.fl-commerce-market .mk-trade-ticket > small { display: block; margin-top: 9px; color: var(--mk-dim); line-height: 1.45; }

.fl-commerce-market .mk-receipt {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px 24px;
  align-items: center;
  padding: 12px 15px;
  border: 1px solid rgba(103, 165, 113, .55);
  background: rgba(10, 30, 16, .96);
}
.fl-commerce-market .mk-receipt > div { display: grid; gap: 2px; }
.fl-commerce-market .mk-receipt span,
.fl-commerce-market .mk-receipt small { color: #a9bca9; }
.fl-commerce-market .mk-receipt strong { color: #dce9d8; }
.fl-commerce-market .mk-receipt p { grid-column: 1 / -1; margin: 0; color: #e2bd78; }
.fl-commerce-market .mk-search-empty { display: grid; min-height: 230px; place-content: center; justify-items: center; gap: 8px; color: var(--mk-muted); text-align: center; }

.fl-commerce-market .mk-purchase-review { max-width: 500px; background: #120e0a; }
.fl-commerce-market .mk-purchase-review .is-body { color: var(--mk-ivory); }
.fl-commerce-market .mk-purchase-review h2 { color: var(--mk-ivory); font: 700 20px var(--font-display); }
.fl-commerce-market .mk-review-notice { padding: 10px; border: 1px solid #b4863e; background: rgba(180, 134, 62, .1); color: #e6c078; }
.fl-commerce-market .mk-review-block { color: #e39b8e; }

@media (max-width: 1024px) {
  /* Kapealla ruudulla ensimmainen listaus on oltava 844 px taitteen sisalla.
     Otsakkeen selitysteksti, asemarivi ja kategoria-ohje ovat kaikki tietoa
     jonka sama sivu kertoo jo muualla, joten ne vaistyvat listalle. */
  .fl-commerce-market .mk-route-head { flex-direction: column; align-items: stretch; gap: 8px; padding: 10px 12px; }
  .fl-commerce-market .mk-route-head em { display: none; }
  .fl-commerce-market .mk-route-head strong { font-size: 20px; }
  .fl-commerce-market .mk-route-facts > div { padding: 5px 9px; }
  .fl-commerce-market .mk-route-facts dt { font-size: 8.5px; }
  .fl-commerce-market .mk-route-facts dd { font-size: 11.5px; }
  .fl-commerce-market .mk-route-facts dd small { font-size: 9.5px; }
  .fl-commerce-market .mk-available-gold .price { font-size: 13px; }
  .fl-commerce-market .mk-standing { display: none; }
  .fl-commerce-market .mk-filter-all-note { display: none; }
  .fl-commerce-market .mk-filters { padding: 8px; }
  .fl-commerce-market .mk-board-head { padding: 8px 12px; }
  /* Kun alarivilla on vain sen oma ohje, koko rivi on tyhjaa tilaa. */
  .fl-commerce-market .mk-filter-detail:has(.mk-filter-all-note) { display: none; }
  /* Nelja valilehtea rivittyi kahdelle riville. Track on GRID, joten
     kaantaminen sarakevirtaukseen on se mika pitaa ne yhdella rivilla. */
  .fl-commerce-market .section-nav__track {
    grid-auto-flow: column;
    grid-auto-columns: minmax(84px, 1fr);
    overflow-x: auto;
  }
  /* Sort, Apply ja Reset rivittyivat kolmelle riville: 131 px pelkkia
     kontrolleja ennen ensimmaista listausta. */
  .fl-commerce-market .mk-filter-top {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: end;
    gap: 8px;
  }
  /* Suodatinnappia EI piiloteta: se on ainoa tie slot- ja rarity-valintoihin
     kapealla ruudulla. Sen sijaan rivi tiivistetaan. */
  .fl-commerce-market .mk-field.mk-sort { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 6px; }
  .fl-commerce-market .mk-field.mk-sort > span { font-size: 10.5px; }
  /* Viisi kontrollia pinossa vei 264 px ja tyonsi ensimmaisen listauksen
     taitteen alle. Kaksi saraketta: haku omalla rivillaan, suodattimet
     kahtena parina. */
  .fl-commerce-market .mk-market-search { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); padding: 8px 10px; gap: 6px 8px; }
  .fl-commerce-market .mk-market-search > label[for="market-search-input"] { grid-column: 1 / -1; }
  .fl-commerce-market .mk-search-scope { grid-column: 1 / -1; grid-row: auto; text-align: left; }
  .fl-commerce-market .mk-search-control { grid-column: 1 / -1; grid-row: auto; }
  /* Kapealla: suodattimet Filters-napin taakse, muuten ne vievät
     ensimmäisen listauksen taitteen alle. */
  .fl-commerce-market .mk-toolbar-toggle {
    display: block;
    grid-column: 1 / -1;
    min-height: 44px;
    border: 1px solid var(--mk-line);
    background: transparent;
    color: var(--mk-muted);
    cursor: pointer;
    font: 650 12.5px var(--font-body);
  }
  .fl-commerce-market .mk-toolbar-filters { display: none; }
  .fl-commerce-market .mk-toolbar-filters.is-open {
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 6px 8px;
  }
  .fl-commerce-market .mk-toolbar-field select,
  .fl-commerce-market .mk-market-search .mk-reset { min-height: 44px; }
  .fl-commerce-market .mk-market-search > label { font-size: 13px; }
  .fl-commerce-market .mk-search-scope { font-size: 10.5px; }
  .fl-commerce-market .mk-search-control { min-height: 44px; }
  .fl-commerce-market .mk-filter-top .mk-apply,
  .fl-commerce-market .mk-filter-top .mk-reset { padding-inline: 12px; }
  .fl-commerce-market .mk-browse-shell { grid-template-columns: 1fr; }
  .fl-commerce-market .mk-rail-note { display: none; }
  .fl-commerce-market .mk-ticket-desktop { display: none; }
  .fl-commerce-market .mk-ticket-mobile { display: block; margin: 0 8px 9px; }
  /* iOS zoomaa alle 16 px:n kenttään fokuksessa ja vie lipun sivuun: lipun
     määräkenttä mitattiin 13,3 px:ksi 390 px:n leveydellä. */
  .fl-commerce-market .mk-ticket-qty input { font-size: 16px; }
  .fl-commerce-market .mk-card.mk-ledger-row,
}

@media (max-width: 640px) {
  .fl-commerce-market .imm-stack-xwide { width: 100%; padding-inline: 7px; }
  .fl-commerce-market .mk-route-head { min-height: 62px; padding: 9px 11px; }
  .fl-commerce-market .mk-route-head strong { font-size: 21px; }
  .fl-commerce-market .mk-available-gold .price { font-size: 16px; }
  .fl-commerce-market .mk-market-search { grid-template-columns: 1fr; }
  .fl-commerce-market .mk-search-scope { display: none; }
  .fl-commerce-market .mk-search-control { grid-column: 1; }
  .fl-commerce-market .mk-search-glyph { width: 36px; flex-basis: 36px; }
  .fl-commerce-market .mk-search-submit { min-width: 72px; padding-inline: 9px; }
  .fl-commerce-market .mk-filter-top { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; }
  .fl-commerce-market .mk-filter-top .mk-kind { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4, 1fr); }
  .fl-commerce-market .mk-filter-top .mk-sort { min-width: 0; }
  .fl-commerce-market .mk-filter-toggle { display: inline-flex; }
  .fl-commerce-market .mk-filter-detail { display: none; }
  .fl-commerce-market .mk-filters.is-open .mk-filter-detail { display: flex; }
  .fl-commerce-market .mk-fields { display: grid; width: 100%; grid-template-columns: 1fr 1fr; }
  .fl-commerce-market .mk-lvl { grid-column: 1 / -1; }
  .fl-commerce-market .mk-ledger-head { display: none; }
  .fl-commerce-market .mk-card.mk-ledger-row {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas: 'item foot' 'stats foot' 'rate seller';
    gap: 4px 8px;
    min-height: 96px;
    padding: 8px 9px;
  }
  .fl-commerce-market .mk-ledger-row .mk-icon { width: 44px; height: 44px; flex-basis: 44px; }
  .fl-commerce-market .mk-ledger-row .mk-stats { padding-left: 52px; overflow: hidden; max-height: 20px; }
  .fl-commerce-market .mk-ledger-row .mk-maker { display: none; }
  .fl-commerce-market .mk-ledger-row .mk-rate { padding-left: 52px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .fl-commerce-market .mk-ledger-row .mk-seller { align-self: center; text-align: right; font-size: 11px; }
  .fl-commerce-market .mk-ledger-row .mk-foot { align-self: start; }
  .fl-commerce-market .mk-ledger-row .mk-meta { font-size: 11px; }
  .fl-commerce-market .mk-ticket-mobile { margin-inline: 0; border-width: 1px 0 0; }
  .fl-commerce-market .mk-receipt { grid-template-columns: 1fr; }
  .fl-commerce-market .mk-receipt > div:last-of-type { justify-items: start; }
  .fl-commerce-market .mk-search-memory-head small { display: none; }
  .fl-commerce-market .mk-rail-note { display: none; }
}

/* 320 px: ensimmainen listaus oli 49 px taitteen alapuolella. Karsitaan se
   mika toistuu muualla — otsakkeen eyebrow ja hakuohje, jonka minimipituuden
   kentta itse valvoo. Hakuohje EI katoa ruudunlukijalta, vain nakyvista. */
@media (max-width: 420px) {
  .fl-commerce-market .mk-route-head small { display: none; }
  .fl-commerce-market .mk-route-head strong { font-size: 18px; }
  .fl-commerce-market .mk-search-scope {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
  .fl-commerce-market .mk-railbtn { font-size: 12px; }
  .fl-commerce-market .mk-board-head { padding: 6px 12px; }
  .fl-commerce-market .mk-board-head h2 { font-size: 10px; }
  /* Patronuksen vertailuluku ("standard 10%") kasvatti mittariston juuri sen
     verran etta ensimmainen rivi putosi taitteen alle. Kurssi itse jaa. */
  .fl-commerce-market .mk-route-facts dd small { display: none; }
  .fl-commerce-market .mk-rail { border: 0; }

  .fl-commerce-market .mk-market-search { padding: 6px 8px; }
  /* 320 px: kenttien nimet pois NAKYVISTA mutta ei ruudunlukijalta. Valitsimen
     oma arvo ("All slots") kertoo saman katseelle. */
  .fl-commerce-market .mk-toolbar-field > span:not(.hsel) {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
  .fl-commerce-market .mk-ledger-head { display: none; }
  .fl-commerce-market .mk-filters { padding: 6px; }
  /* 320 px:lla nelja kontrollia yhdella rivilla puristi lajitteluvalitsimen
     alle 44 px levean. Lajittelu saa oman rivinsa, napit toisen. */
  .fl-commerce-market .mk-filter-top { grid-template-columns: minmax(0, 1fr) auto auto; }
  .fl-commerce-market .mk-field.mk-sort { grid-column: 1 / -1; }
}

@media (prefers-reduced-motion: reduce) {
  .fl-commerce-market *, .fl-commerce-market *::before, .fl-commerce-market *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

/* MARKKINA ON LISTA, EI MAISEMA.
   .imm-scene on maisemapaneeli: se leikkaa (overflow: hidden) ja .imm-stack
   leijuu sen päällä ABSOLUUTTISENA. Kartalle ja taistelulle se on oikein —
   yksi kortti maiseman päällä, ruudun korkuisena. Markkinassa pinossa on 25
   listausta, kategoriat ja kauppalippu, eikä absoluuttinen pino kasvata
   sceneä: dokumentti jää tasan ruudun korkuiseksi, scene leikkaa lopun, ja
   koska mikään ei ole vieritettävä, sivulla EI OLE vierityspalkkia.
   Mitattu tuotannosta 13 tuuman näytöllä (omistajan havainto 11.9.2026):
   scene 825 px, sisältö 2350 px, 1527 px listaa tavoittamattomissa.
   Kapea näyttö ei kärsinyt tästä, koska @media (max-width: 899px) purkaa
   saman jo: .imm-stack -> static ja .imm-scene-cards -> auto/visible. Tämä
   ulottaa saman kaavan leveälle, jolloin scene kasvaa pinon mukaan ja tausta
   seuraa sisältöä sen sijaan että loppuisi kesken. Korkeus ei ratkaise sitä
   kumpi tila on oikea: sivullinen listauksia ei mahdu 900 px:n näytöllekään.
   Taustakuva pysyy ruudun mittaisena (max-height: 100vh) eikä veny listan
   korkuiseksi. */
.fl-commerce-market .market-scene {
  height: auto;
  max-height: none;
  overflow: visible;
}
/* RELATIVE, EI STATIC. Ensimmäinen yritys teki pinosta staattisen niin kuin
   kapean näytön sääntö tekee, ja se rikkoi tuotannon kahdesti samalla kertaa
   (11.9.2026): .imm-stack-center antaa pinolle left: 50% JA
   transform: translateX(-50%). Staattisella elementillä left lakkaa
   vaikuttamasta mutta TRANSFORM EI — pino siirtyi puolet leveydestään
   vasemmalle, ruudun ulkopuolelle. Samasta syystä z-index: 3 lakkasi
   vaikuttamasta (se koskee vain positioitua elementtiä), jolloin
   absoluuttinen taustakuva nousi listan päälle.
   Sama kaava kuin .ach-screenillä: pino pysyy positioituna, jolloin z-index
   pitää sen kuvan päällä, ja keskitys tehdään marginaalilla eikä
   offsetilla. Mitattu, ei pääteltu — geometrian mittaaminen ei riitä, sivu
   on katsottava. */
.fl-commerce-market .market-scene > .imm-stack {
  position: relative;
  z-index: 3;
  inset: auto;
  transform: none;
  margin-inline: auto;
}
/* KAKSI MAALAUSTA SAMASTA KUVASTA. Tämän tiedoston alussa lava saa taustakseen
   saman market.jpg:n background-size: coverilla, ja sen päällä on
   img.backdrop-img. Ruudun korkuisena ne rajautuivat identtisesti eikä
   kaksinkertaisuutta huomannut. Kun lava kasvaa listan mittaiseksi (2336 px),
   cover rajaa taustan toisin kuin 100vh:hon katkaistu img — img:n alareunasta
   alkoi sama maalaus eri kohdasta, ja se luki katkenneelta kuvalta
   (omistajan havainto 11.9.2026). Kuvan hoitaa img; lava jää tummaksi. */
.fl-commerce-market .market-scene {
  background-image: linear-gradient(180deg, rgba(5, 4, 3, .46), rgba(8, 6, 4, .91)) !important;
}
/* Kuva pysyy ruudun mittaisena eikä veny listan korkuiseksi, ja sen alareuna
   vaipuu lavan väreihin sen sijaan että leikkautuisi vaakaviivaan. Sama kaava
   ja sama luku kuin killan pitkällä sivulla, ks. styles.css
   "PITKA SIVU EI SAA KATKAISTA MAALAUSTA". */
.fl-commerce-market .market-scene > .backdrop-img {
  bottom: auto;
  max-height: 100vh;
  -webkit-mask-image: linear-gradient(180deg, #000 86%, rgba(0, 0, 0, 0) 100%);
  mask-image: linear-gradient(180deg, #000 86%, rgba(0, 0, 0, 0) 100%);
}

/* "Hide my listings": oma tavara pois selauksesta. Kytkin istuu listamaaran
   rinnalla sen listan otsakkeessa jota se rajaa. 44 px pitaa napautuskohteen
   riittavan isona ilman etta otsakepalkki kasvaa select-kenttien mittaiseksi. */
.fl-commerce-market .mk-own-toggle {
  display: flex;
  min-height: 44px;
  align-items: center;
  gap: 8px;
  color: var(--mk-ivory);
  font-size: 13px;
  cursor: pointer;
}
.fl-commerce-market .mk-own-toggle input {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  accent-color: var(--mk-gold);
  cursor: pointer;
}