/* The market's shop floor (js/market-ui.js) on both sites: Your look with the wallet, tabs, the app themes in testing,
   the detail window, the not-enough-coins block and the Try it bar. One structure; the --mk-* names below take
   each site's own tokens: For Geeks (Part D, css/forgeeks.css) by default, the main site (Part B) on data-main-store. */
/* For Geeks (D04, D07): mono UI, weights 400 and 500 only, radius 2 buttons, 4 controls, 6 chips and rows, 12 windows,
   hairline cells on --soft. Main site (B): Bricolage and Manrope, pills, 22px cards. */
body{--mk-ink:var(--ink);--mk-dim:var(--dim);--mk-panel:var(--soft);--mk-well:var(--well);--mk-line:var(--line);--mk-accent:var(--accent);
  --mk-btn:var(--btn);--mk-btn-ink:var(--btn-ink);--mk-pill:4px;--mk-btn-r:2px;--mk-card:0;--mk-font:var(--mono);--mk-head:var(--mono);--mk-bar:var(--panel);
  --mk-b:500;--mk-xb:500;--mk-h:13px}
body[data-main-store]{--mk-dim:var(--muted);--mk-panel:var(--panel);--mk-well:var(--field);--mk-accent:var(--green);--mk-btn:var(--nile);--mk-btn-ink:var(--on-nile);
  --mk-pill:999px;--mk-btn-r:999px;--mk-card:22px;--mk-font:var(--body);--mk-head:var(--display);--mk-bar:var(--white);--mk-b:700;--mk-xb:800;--mk-h:21px}
.coin-i{width:1.1em;height:1.1em;flex:none;image-rendering:pixelated;vertical-align:-.18em}
.mkt-price{display:inline-flex;align-items:center;gap:5px;font-variant-numeric:tabular-nums}
.mkt-guide ol{list-style:decimal;padding-inline-start:1.5em;margin-block:16px}
.mkt-guide li+li{margin-block-start:12px}

/* Your look, paired with the wallet */
.mkt-top{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:20px;margin:0 0 28px}
.mkt-look,.mkt-wallet{display:flex;flex-direction:column;gap:12px;min-width:0;padding:20px;border:1px solid var(--mk-line);border-radius:var(--mk-card);background:var(--mk-panel)}
.mkt-look-h{margin:0;font:var(--mk-xb) var(--mk-h)/1.2 var(--mk-head);color:var(--mk-ink)}
.mkt-look-line{margin:0;color:var(--mk-dim);font:500 14px/1.5 var(--mk-font)}
.mkt-look .pv-profile{border-color:var(--mk-line);background:var(--mk-well)}
.mkt-look .mkt-wear{display:flex;align-items:center;gap:10px;min-height:44px;margin:0!important;font:var(--mk-b) 14px var(--mk-font);color:var(--mk-ink);cursor:pointer}
.mkt-wear[hidden]{display:none}
.mkt-look .mkt-wear input{flex:none;margin:0;width:20px;height:20px;min-height:0;accent-color:var(--mk-btn)}
.mkt-wallet{align-self:start}
.mkt-wallet .mkt-bar .fine{flex:none}
.mkt-wallet .mkt-bar{flex-direction:column;align-items:flex-start;margin:0!important;gap:12px}
.mkt-wallet .mkt-bar .chip{display:inline-flex;align-items:center;gap:8px;font-size:16px}
.mkt-wallet .mkt-bar .chip b{font-size:20px}
.mkt-earn{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0}
.mkt-link{color:var(--mk-ink);font:var(--mk-b) 14px var(--mk-font);text-underline-offset:3px}

/* tabs */
.mkt-tabs{display:flex;gap:8px;margin:0 0 32px;padding:4px;overflow-x:auto;scrollbar-width:none;border:1px solid var(--mk-line);border-radius:var(--mk-pill);background:var(--mk-well);width:max-content;max-width:100%}
.mkt-tabs::-webkit-scrollbar{display:none}
.mkt-tab{flex:none;min-height:40px;padding:0 18px;border:0;border-radius:var(--mk-pill);background:transparent;color:var(--mk-dim);font:var(--mk-b) 14px var(--mk-font);cursor:pointer}
.mkt-tab:hover{color:var(--mk-ink)}
.mkt-tab[aria-pressed=true]{background:var(--mk-btn);color:var(--mk-btn-ink)}
.mkt-empty{color:var(--mk-dim);font:500 15px var(--mk-font)}
.mkt-cell[hidden],.mkt-sec[hidden],.mkt-feat[hidden],.mkt-empty[hidden]{display:none!important}

/* Buy, Try it and Details inside a cell: buying is the one filled button */
.mkt-cell .mkt-acts{gap:8px}
.mkt-mini.ghost{background:transparent}
.mkt-cell .mkt-buy{order:-1;background:var(--mk-btn)!important;border-color:var(--mk-btn)!important;color:var(--mk-btn-ink)!important}
.mkt-cell .pv-thumb{height:116px}

.mkt-archived{margin:0;color:var(--mk-dim);font:var(--mk-b) 13px var(--mk-font)}

/* the app themes in testing */
.mkt-feat{margin:0 0 40px}
.mkt-feat .mkt-sub{margin-top:0}
.mkt-feat-why{margin:0 0 16px;color:var(--mk-dim);font:500 15px/1.55 var(--mk-font);max-width:62ch}
.mkt-feat-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.mkt-feat-card{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:16px;min-width:0;padding:20px;
  border-radius:var(--mk-card);background:var(--pv-background);color:var(--pv-text);border:1px solid var(--pv-border);
  box-shadow:inset 0 2px 0 var(--pv-accent)}
.mkt-feat-words{display:flex;flex-direction:column;gap:6px;min-width:0}
.mkt-feat-tag{align-self:flex-start;padding:3px 10px;border:1px solid var(--pv-border);border-radius:999px;color:var(--pv-muted);font:var(--mk-b) 12px var(--mk-font)}
.mkt-feat-name{margin:4px 0 0;font:var(--mk-xb) 22px/1.15 var(--mk-head);color:var(--pv-hero,var(--pv-text))}
.mkt-feat-line{margin:0;color:var(--pv-muted);font:500 14px/1.5 var(--mk-font)}
.mkt-feat-acts{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}
.mkt-feat-acts button{min-height:40px;padding:0 16px;border-radius:var(--mk-btn-r);font:var(--mk-b) 14px var(--mk-font);cursor:pointer}
.mkt-feat-try{border:1px solid var(--pv-accent);background:var(--pv-accent);color:var(--pv-onAccent)}
.mkt-feat-more{border:1px solid var(--pv-muted);background:transparent;color:var(--pv-text)}
.mkt-feat-acts button:focus-visible{outline:3px solid var(--pv-focus,var(--pv-accent));outline-offset:2px}
.mkt-feat-price{color:var(--pv-muted,var(--mk-dim));font:600 13px var(--mk-font)}
.mkt-feat-shots{position:relative;padding:0 12% 6% 0;min-width:0}
.mkt-feat-shots .pv-pc{box-shadow:0 20px 40px -24px rgba(0,0,0,.7)}
.mkt-feat-shots .pv-phone{position:absolute;right:0;bottom:0;width:30%;border-width:4px;border-radius:16px}

/* the detail window: wider than the buy window */
.mkt-detail-win{width:min(880px,100%)!important}
.mkt-detail-tag{margin:0 0 4px;color:var(--mk-dim);font:var(--mk-b) 13px var(--mk-font)}
.mkt-detail-win h2{margin:0 0 6px}
.mkt-detail-note{margin:0 0 16px;color:var(--mk-dim);font:500 15px/1.5 var(--mk-font)}
.mkt-detail-note:empty{display:none}
.mkt-views{display:flex;gap:6px;margin:0 0 14px;padding:4px;width:max-content;max-width:100%;border:1px solid var(--mk-line);border-radius:var(--mk-pill);background:var(--mk-well)}
.mkt-views[hidden]{display:none}
.mkt-view{min-height:36px;padding:0 16px;border:0;border-radius:var(--mk-pill);background:transparent;color:var(--mk-dim);font:var(--mk-b) 14px var(--mk-font);cursor:pointer}
.mkt-view[aria-pressed=true]{background:var(--mk-btn);color:var(--mk-btn-ink)}
.mkt-stage{display:flex;justify-content:center;padding:16px;border-radius:calc(var(--mk-card) - 6px);background:var(--mk-well);border:1px solid var(--mk-line)}
.mkt-stage>.pv,.mkt-stage>.pv-profile{width:100%}
.mkt-stage-phone{width:min(280px,72%)}
.mkt-stage-note{margin:10px 0 0;color:var(--mk-dim);font:500 13px/1.5 var(--mk-font)}
.mkt-parts[hidden]{display:none}
.mkt-parts-h{margin:20px 0 8px;font:var(--mk-xb) calc(var(--mk-h) - 4px) var(--mk-head);color:var(--mk-ink)}
.mkt-parts-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin:0}
.mkt-parts-list div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--mk-line);font:500 14px var(--mk-font)}
.mkt-parts-list dt{color:var(--mk-ink)}
.mkt-parts-list dd{margin:0;color:var(--mk-dim)}
.mkt-parts-list .on dd{color:var(--mk-accent);font-weight:var(--mk-b)}
.mkt-parts-fine{margin:12px 0 0;color:var(--mk-dim);font:500 13px/1.5 var(--mk-font)}
.mkt-detail-acts{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px}
.mkt-detail-acts .mkt-state{margin-inline:6px}

/* buying with too few coins */
.mkt-short{margin:16px 0 0}
.mkt-short[hidden]{display:none}
.mkt-short-need{margin:0;color:var(--mk-ink);font:var(--mk-b) 15px var(--mk-font)}
.mkt-short-how{margin:6px 0 10px;color:var(--mk-dim);font:500 14px/1.5 var(--mk-font)}
.mkt-short-ways{display:flex;flex-wrap:wrap;gap:8px 18px}

/* the Try it bar: above everything but the windows */
.mkt-trybar{position:fixed;left:50%;bottom:16px;z-index:60;transform:translateX(-50%);display:flex;align-items:center;gap:12px 18px;flex-wrap:wrap;
  width:max-content;max-width:calc(100% - 24px);padding:10px 10px 10px 20px;border:1px solid var(--mk-line);border-radius:var(--mk-pill);
  background:var(--mk-bar);color:var(--mk-ink);box-shadow:0 18px 50px -12px rgba(0,0,0,.45)}
.mkt-trybar[hidden]{display:none}
.mkt-trybar-text{margin:0;font:500 14px var(--mk-font)}
.mkt-trybar-acts{display:flex;gap:8px}
.mkt-trybar-acts button,.mkt-trybar-acts a{display:inline-flex;align-items:center;gap:4px;min-height:40px;padding:0 16px;border-radius:var(--mk-btn-r);font:var(--mk-b) 14px var(--mk-font);text-decoration:none;cursor:pointer}
.mkt-trybar-buy{border:1px solid var(--mk-btn);background:var(--mk-btn);color:var(--mk-btn-ink)}
.mkt-trybar-cancel{border:1px solid var(--mk-line);background:transparent;color:var(--mk-ink)}
body.mkt-trying main{padding-bottom:80px}

@media (max-width:900px){
  .mkt-top{grid-template-columns:minmax(0,1fr)}
  .mkt-feat-row{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  .mkt-feat-card{grid-template-columns:minmax(0,1fr)}
  .mkt-grid.themes .mkt-cell,.mkt-grid.banners .mkt-cell{display:grid;grid-template-columns:112px minmax(0,1fr);gap:4px 14px;align-content:start}
  .mkt-grid.themes .mkt-cell>:first-child,.mkt-grid.banners .mkt-cell>:first-child{grid-row:1/span 3;height:84px!important;align-self:start}
  .mkt-grid.themes .mkt-cell .mkt-acts,.mkt-grid.banners .mkt-cell .mkt-acts{grid-column:1/-1}
  .mkt-grid.themes .mkt-cell .mkt-head,.mkt-grid.banners .mkt-cell .mkt-head{flex-direction:column;align-items:flex-start;gap:2px}
  .mkt-cell .pv-thumb{grid-template-columns:16% 1fr}
  .mkt-earn{margin-top:4px}
  .mkt-parts-list{grid-template-columns:minmax(0,1fr)}
  .mkt-trybar{left:12px;right:12px;transform:none;width:auto;border-radius:18px;padding:12px}
  .mkt-trybar-acts{width:100%}
  .mkt-trybar-acts>*{flex:1;justify-content:center}
  .mkt-detail-win{padding:18px!important}
  .mkt-stage{padding:10px}
}
@media (prefers-reduced-motion:reduce){.mkt-trybar,.mkt-tab,.mkt-view{transition:none}}

/* For Geeks only: the two top cells joined by hairlines like every other grid (D06), the profile drawn flat inside its
   cell (no box in a box), mono names, and the Try it bar as a 6px row. */
body:not([data-main-store]) .mkt-top{gap:0;border:1px solid var(--line)}
body:not([data-main-store]) .mkt-look,body:not([data-main-store]) .mkt-wallet{border:0;border-radius:0;box-shadow:1px 0 0 var(--line),0 1px 0 var(--line);align-self:stretch}
body:not([data-main-store]) .mkt-look .pv-profile{border:0;border-radius:0;background:transparent;overflow:visible}
body:not([data-main-store]) .mkt-look .pv-profile .fg-banner,body:not([data-main-store]) .mkt-stage .pv-profile .fg-banner{border:1px solid var(--line);border-radius:4px}
body:not([data-main-store]) .pv-profile .pv-id{padding-inline:12px}
body:not([data-main-store]) .pv-profile .pv-name{font:500 15px var(--mono)}
body:not([data-main-store]) .pv-profile .pv-id .av{font:500 20px var(--mono)}
body:not([data-main-store]) .mkt-stage .pv-profile{border-radius:4px}
body:not([data-main-store]) .mkt-tabs{width:auto;border-radius:6px}
body:not([data-main-store]) .mkt-tab,body:not([data-main-store]) .mkt-view{font-size:12.5px;font-weight:400}
body:not([data-main-store]) .mkt-tab[aria-pressed=true],body:not([data-main-store]) .mkt-view[aria-pressed=true]{font-weight:500}
body:not([data-main-store]) .mkt-feat-card{border-radius:0;box-shadow:inset 0 2px 0 var(--pv-accent)}
body:not([data-main-store]) .mkt-feat-name{font-size:17px;letter-spacing:-.02em}
body:not([data-main-store]) .mkt-feat-tag{border-radius:6px}
body:not([data-main-store]) .mkt-trybar{border-radius:6px;border-color:var(--line-strong);font-size:12.5px}
body:not([data-main-store]) .mkt-trybar-text{font-size:12.5px}
body:not([data-main-store]) .mkt-trybar-buy::before,body:not([data-main-store]) .mkt-link::before{content:"› ";color:var(--accent)}
body:not([data-main-store]) .mkt-link{text-decoration:none;font-size:12.5px}
body:not([data-main-store]) .mkt-link:hover{text-decoration:underline}
body:not([data-main-store]) .mkt-stage{border-radius:8px}
body:not([data-main-store]) .mkt-parts-list div{font-size:13px}
body:not([data-main-store]) .mkt-wallet .mkt-bar .chip b{font-size:16px;font-weight:500}
@media (max-width:900px){body:not([data-main-store]) .mkt-top{border:1px solid var(--line)}}

/* ---- for paying customers (owner, 2026-10-25): what you get, the tiers, prices in EGP, the textured row ---- */
.mkt-egp{margin-inline-start:6px;color:var(--mk-dim);font:var(--mk-b) .85em var(--mk-font)}
.mkt-trust{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0 0 32px;padding:0;border:1px solid var(--mk-line);border-radius:var(--mk-card);background:var(--mk-panel);overflow:hidden}
.mkt-trust li{display:flex;flex-direction:column;gap:4px;padding:16px 18px;box-shadow:1px 0 0 var(--mk-line)}
.mkt-trust b{font:var(--mk-xb) 15px var(--mk-head);color:var(--mk-ink)}
.mkt-trust span{color:var(--mk-dim);font:500 13.5px/1.5 var(--mk-font)}

.mkt-tier{display:inline-flex;align-self:flex-start;justify-self:start;align-items:center;min-height:24px;padding:0 10px;border-radius:var(--mk-pill);border:1px solid var(--mk-line);color:var(--mk-dim);font:var(--mk-b) 12px var(--mk-font)}
.mkt-tier-texture{border-color:var(--mk-btn);color:var(--mk-ink);background:color-mix(in srgb,var(--mk-btn) 10%,transparent)}
.mkt-tier-motion{border-style:dashed}
.mkt-tiers{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:8px 0 36px;padding:0}
.mkt-tiers[hidden]{display:none}
.mkt-tierc{display:flex;flex-direction:column;gap:8px;padding:18px;border:1px solid var(--mk-line);border-radius:var(--mk-card);background:var(--mk-panel)}
.mkt-tierc p{margin:0;color:var(--mk-dim);font:500 14px/1.5 var(--mk-font)}
.mkt-tierc.mkt-tier-texture{border-color:var(--mk-btn);box-shadow:inset 0 0 0 1px var(--mk-btn)}
.mkt-tierc.mkt-tier-motion{opacity:.8}
.mkt-tier-price{margin-top:auto!important;color:var(--mk-ink)!important;font:var(--mk-b) 15px var(--mk-font)!important}
.mkt-tier-price .mkt-price{display:inline-flex}

/* what js/activation-codes.js adds under an owned card: the app code, how many profiles, one more profile */
.mkt-extra{display:grid;gap:10px;margin-top:12px}
.mkt-extra:empty{display:none}
.mkt-extra .mkt-note{margin:0}

/* the textured tier: one large card each, its texture on the whole drawing */
.mkt-grid.textured{grid-template-columns:minmax(0,1fr);gap:20px;margin-bottom:36px}
.mkt-grid.textured .mkt-cell{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);grid-template-areas:"pv tier" "pv head" "pv note" "pv archived" "pv acts" "pv extra";grid-template-rows:auto auto auto auto auto auto;column-gap:28px;row-gap:10px;padding:24px}
.mkt-grid.textured .mkt-big-pv{grid-area:pv}
.mkt-grid.textured .mkt-tier{grid-area:tier;justify-self:start}
.mkt-grid.textured .mkt-head{grid-area:head;flex-direction:column;align-items:flex-start;gap:6px}
.mkt-grid.textured .mkt-name{font-size:26px}
.mkt-grid.textured .mkt-tag{font-size:16px;color:var(--mk-ink)}
.mkt-grid.textured .mkt-cell>.mkt-note{grid-area:note;font-size:15px}
.mkt-grid.textured .mkt-extra .mkt-note{font-size:14px}
.mkt-grid.textured .mkt-acts{grid-area:acts}
.mkt-grid.textured .mkt-archived{grid-area:archived}
.mkt-grid.textured .mkt-extra{grid-area:extra}
.mkt-big-pv{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:end;min-width:0}
.mkt-big-pv .pv-pair{padding-bottom:0}
@media (max-width:900px){
  .mkt-trust{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mkt-trust li{box-shadow:1px 0 0 var(--mk-line),0 1px 0 var(--mk-line)}
  .mkt-grid.textured .mkt-cell{grid-template-columns:minmax(0,1fr);grid-template-areas:"pv" "tier" "head" "note" "archived" "acts" "extra"}
}
@media (max-width:640px){
  .mkt-tiers{grid-template-columns:minmax(0,1fr);gap:8px}
  .mkt-tierc{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px;padding:12px 14px}
  .mkt-tierc>p:not(.mkt-tier-price){display:none}
  .mkt-tier-price{margin:0!important}
  .mkt-trust{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mkt-trust li{padding:12px 14px}
  .mkt-trust span{font-size:12.5px}
  .mkt-big-pv{grid-template-columns:minmax(0,1fr)}
  .mkt-big-pv .pv-pair{display:none}
}
/* the main site lifts a card you can act on (Part B shadow token) */
body[data-main-store] .mkt-cell:not(.compact){transition:transform .2s,box-shadow .2s}
body[data-main-store] .mkt-cell:not(.compact):hover{transform:translateY(-2px);box-shadow:var(--shadow)}
@media (prefers-reduced-motion:reduce){body[data-main-store] .mkt-cell:not(.compact){transition:none}body[data-main-store] .mkt-cell:hover{transform:none}}

/* Supporter release: seasonal days left, sets, names, earned badges, the theme vote and gifts. Same tokens, both sites. */
.mkt-season{margin:0;color:var(--mk-ink);font:var(--mk-b) 13px var(--mk-font)}
.mkt-season::before{content:"";display:inline-block;width:6px;height:6px;margin-inline-end:8px;border-radius:50%;background:var(--mk-accent);vertical-align:.12em}
.mkt-save{color:var(--mk-dim);font-weight:500;text-decoration:line-through}
.mkt-save::before{display:none}
.mkt-earn{color:var(--mk-dim)!important}
.mkt-pv-styled{font:var(--mk-xb) 22px/1.2 var(--mk-head)}
.mkt-pv-set{position:relative;display:grid;align-content:end;min-height:120px;padding:0;overflow:hidden;border:1px solid var(--mk-line);border-radius:calc(var(--mk-card) / 2)}
.mkt-pv-set .fg-banner{position:absolute;inset:0;height:auto;border:0;border-radius:0}
.mkt-set-who{position:relative;display:flex;align-items:center;gap:10px;margin:12px;padding:8px 12px;border-radius:var(--mk-pill);background:var(--mk-panel);justify-self:start}
.mkt-set-who .mkt-pv-name{font:var(--mk-b) 14px var(--mk-font);color:var(--mk-ink)}
.mkt-set-who .av{width:28px;height:28px;border-radius:50%;font-size:12px}
.mkt-supporter{display:grid;gap:12px;margin:0 0 22px;padding:18px 20px;border:1px solid var(--mk-line);border-radius:var(--mk-card);background:var(--mk-panel)}
.mkt-sup-line,.mkt-sup-found{margin:0;color:var(--mk-dim);font:500 14px/1.5 var(--mk-font)}
.mkt-sup-line b{color:var(--mk-ink);font-weight:var(--mk-b)}
.mkt-sup-meter{position:relative;height:8px;margin:6px 0 0;border-radius:999px;background:var(--mk-well)}
.mkt-sup-meter>i{display:block;height:100%;border-radius:inherit;background:var(--mk-accent)}
.mkt-sup-tick{position:absolute;top:-3px;width:2px;height:14px;translate:-1px 0;border-radius:1px;background:var(--mk-dim)}
.mkt-sup-tick.on{background:var(--mk-accent)}
.mkt-sup-legend{display:flex;flex-wrap:wrap;gap:4px 16px;margin:0;color:var(--mk-dim);font:500 13px var(--mk-font)}
.mkt-sup-legend b{color:var(--mk-ink);font-weight:var(--mk-b)}
.mkt-supporter .mkt-link{justify-self:start}
.mkt-vote{margin-top:36px}
.mkt-vote-why{margin:0 0 14px;color:var(--mk-dim);font:500 14px/1.5 var(--mk-font)}
.mkt-vote-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.mkt-vote-opt{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:14px 18px;border:1px solid var(--mk-line);border-radius:calc(var(--mk-card) / 2);background:var(--mk-panel);overflow:hidden;isolation:isolate}
.mkt-vote-opt.mine{border-color:var(--mk-accent)}
.mkt-vote-text{display:grid;gap:2px}
.mkt-vote-text b{color:var(--mk-ink);font:var(--mk-b) 15px var(--mk-font)}
.mkt-vote-text span{color:var(--mk-dim);font:500 13px var(--mk-font)}
.mkt-vote-bar{position:absolute;inset:0 auto 0 0;z-index:-1;background:color-mix(in srgb,var(--mk-accent) 12%,transparent)}
.mkt-vote-n{color:var(--mk-ink);font:var(--mk-b) 14px var(--mk-font);font-variant-numeric:tabular-nums}
.mkt-gifts{margin:0 0 24px}
.mkt-gift-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.mkt-gift-list li{display:grid;gap:2px;padding:12px 16px;border:1px solid var(--mk-line);border-radius:calc(var(--mk-card) / 2);background:var(--mk-panel)}
.mkt-gift-list b{color:var(--mk-ink);font:var(--mk-b) 14px var(--mk-font)}
.mkt-gift-list span{color:var(--mk-dim);font:500 13px var(--mk-font)}
.mkt-gift-to{display:grid;gap:6px;margin:0 0 12px;color:var(--mk-ink);font:var(--mk-b) 14px var(--mk-font)}
.mkt-gift-to input{min-height:44px;padding:0 14px;border:1px solid var(--mk-line);border-radius:var(--mk-pill);background:var(--mk-well);color:var(--mk-ink);font:500 15px var(--mk-font)}
@media (max-width:640px){.mkt-vote-opt{grid-template-columns:minmax(0,1fr) auto}.mkt-vote-opt .mkt-mini{grid-column:1/-1;justify-self:start}}
.mkt-tag:empty{display:none}

/* the cart: a chip beside the wallet and a window that lists the lines (js/market-cart.js) */
.mkt-cart-chip{display:inline-flex;align-items:center;gap:8px;cursor:pointer}
.mkt-cart-win{width:min(520px,100%)}
.mkt-cart-lines{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.mkt-cart-line{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:2px 12px;padding:12px 0;border-bottom:1px solid var(--line)}
.mkt-cart-line .mkt-cart-name{grid-column:1;font-weight:700;color:var(--ink);overflow-wrap:anywhere}
.mkt-cart-line small{grid-column:1;grid-row:2;color:var(--muted)}
.mkt-cart-line b{grid-column:2;grid-row:1;font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap}
.mkt-cart-line .mkt-mini{grid-column:3;grid-row:1}
.mkt-cart-line.off .mkt-cart-name,.mkt-cart-line.off b{color:var(--muted)}
.mkt-cart-line.off small{color:var(--ink)}
.mkt-cart-lines:empty{border-top:0}
@media (max-width:640px){.mkt-cart-line{grid-template-columns:minmax(0,1fr) auto}.mkt-cart-line .mkt-mini{grid-column:1/-1;grid-row:auto;justify-self:start}}

/* ---- main site, 2026-10-27 (8M, 8O): one main action, a More menu, the app tag, a cart that is always in reach ---- */
body[data-main-store] .mkt-chips{display:flex;flex-wrap:wrap;gap:6px;align-self:flex-start}
body[data-main-store] .mkt-grid.textured .mkt-chips{grid-area:tier}
body[data-main-store] .mkt-onapp{border-color:var(--mk-accent);color:var(--mk-ink)}
body[data-main-store] .mkt-pv-try{cursor:pointer}
body[data-main-store] .mkt-cell.mkt-hit{outline:3px solid var(--mk-accent);outline-offset:3px;scroll-margin-top:96px}
body[data-main-store] .mkt-cell .mkt-primary{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 18px;border:1px solid var(--mk-btn);border-radius:var(--mk-btn-r);
  background:var(--mk-btn);color:var(--mk-btn-ink);font:var(--mk-b) 14px var(--mk-font);cursor:pointer}
body[data-main-store] .mkt-cell .mkt-primary:disabled{opacity:.6;cursor:default}
body[data-main-store] .mkt-cell .mkt-mini{min-height:40px;border-radius:var(--mk-btn-r);font:var(--mk-b) 14px var(--mk-font)}
body[data-main-store] .mkt-more{position:relative}
body[data-main-store] .mkt-more>summary{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:var(--mk-btn-r);color:var(--mk-dim);font:var(--mk-b) 14px var(--mk-font);cursor:pointer;list-style:none}
body[data-main-store] .mkt-more>summary::-webkit-details-marker{display:none}
body[data-main-store] .mkt-more>summary::after{content:"";width:6px;height:6px;margin-inline-start:8px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-2px)}
body[data-main-store] .mkt-more[open]>summary{color:var(--mk-ink)}
body[data-main-store] .mkt-more-list{position:absolute;inset-inline-start:0;bottom:calc(100% + 4px);z-index:5;display:grid;min-width:170px;padding:6px;border:1px solid var(--mk-line);border-radius:calc(var(--mk-card) / 2);background:var(--mk-bar);box-shadow:var(--shadow)}
body[data-main-store] .mkt-more-item{display:flex;align-items:center;min-height:44px;padding:0 14px;border:0;border-radius:calc(var(--mk-card) / 3);background:transparent;color:var(--mk-ink);font:var(--mk-b) 14px var(--mk-font);text-align:start;cursor:pointer}
body[data-main-store] .mkt-more-item:hover,body[data-main-store] .mkt-more-item:focus-visible{background:var(--mk-well)}
body[data-main-store] .mkt-more>summary:focus-visible,body[data-main-store] .mkt-more-item:focus-visible,body[data-main-store] .mkt-cart-fab:focus-visible,body[data-main-store] .mkt-linkbtn:focus-visible{outline:3px solid var(--mk-accent);outline-offset:2px}

body[data-main-store] .mkt-linkbtn{padding:0;border:0;background:none;color:var(--mk-ink);font:var(--mk-b) 14px var(--mk-font);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
body[data-main-store] .acct-msg .mkt-linkbtn{margin-inline-start:6px}

/* the floating cart: bottom end corner, above the cookie bar and clear of the Try it bar */
body[data-main-store] .mkt-cart-fab{position:fixed;z-index:55;inset-inline-end:max(16px,env(safe-area-inset-right));bottom:calc(max(16px,env(safe-area-inset-bottom)) + var(--fab-lift,0px));
  display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 20px;border:1px solid var(--mk-btn);border-radius:999px;background:var(--mk-btn);color:var(--mk-btn-ink);
  font:var(--mk-b) 15px var(--mk-font);box-shadow:var(--shadow);cursor:pointer}
body[data-main-store] .mkt-cart-fab[hidden]{display:none}
body[data-main-store] .mkt-cart-fab b{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:var(--mk-btn-ink);color:var(--mk-btn);font-size:13px}
body[data-main-store].mkt-trying .mkt-cart-fab{bottom:calc(max(16px,env(safe-area-inset-bottom)) + var(--fab-lift,0px) + 72px)}

/* the cart window */
body[data-main-store] .mkt-cart-name{display:flex;align-items:center;gap:10px}
body[data-main-store] .mkt-cart-sw{flex:none;width:18px;height:18px;border-radius:50%;border:1px solid var(--line);background:var(--mk-well)}
body[data-main-store] .mkt-cart-sw-banner,body[data-main-store] .mkt-cart-sw-frame,body[data-main-store] .mkt-cart-sw-badge,body[data-main-store] .mkt-cart-sw-name,body[data-main-store] .mkt-cart-sw-set{border-radius:4px}
body[data-main-store] .mkt-cart-quiet{margin:14px 0 0;text-align:start}
body[data-main-store] .mkt-cart-quiet[hidden]{display:none}
body[data-main-store] .mkt-cart-quiet .mkt-linkbtn{color:var(--mk-dim);font-weight:500}

/* the app steps, replacing the long Dendera block */
body[data-main-store] .mkt-guide .mkt-guide-links{margin:12px 0 0}

/* phone: the items lead */
@media (max-width:640px){
  body[data-main-store] .acct-top h1{font-size:28px;margin-bottom:12px}
  body[data-main-store] .acct-top>.wrap>.lede{display:none}
  body[data-main-store] #mkt-body:not([hidden]){display:flex;flex-direction:column}
  body[data-main-store] #mkt-body>*{order:3}
  body[data-main-store] #mkt-body>.mkt-top{order:0}
  body[data-main-store] #mkt-body>.mkt-tabs{order:1;margin-bottom:20px}
  body[data-main-store] #mkt-body>.mkt-gifts{order:2}
  body[data-main-store] #mkt-body>.mkt-trust{order:9;margin:32px 0 0}
  body[data-main-store] .mkt-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0 0 16px;padding:12px 14px;border:1px solid var(--mk-line);border-radius:var(--mk-card);background:var(--mk-panel)}
  body[data-main-store] .mkt-top .mkt-look,body[data-main-store] .mkt-top .mkt-wallet{padding:0;border:0;background:none;border-radius:0;box-shadow:none;gap:8px}
  body[data-main-store] .mkt-top .mkt-look{flex:1 1 100%;order:2}
  body[data-main-store] .mkt-top .mkt-wallet{flex:1 1 100%;order:1;flex-direction:row;flex-wrap:wrap;align-items:center}
  body[data-main-store] .mkt-top .mkt-look-h,body[data-main-store] .mkt-top .mkt-look-card,body[data-main-store] .mkt-wallet .mkt-bar .fine{display:none}
  body[data-main-store].mkt-trying .mkt-top .mkt-look-card{display:block}
  body[data-main-store] .mkt-top .mkt-wallet .mkt-bar{flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px}
  body[data-main-store] .mkt-top .mkt-earn{margin:0;gap:4px 14px}
  body[data-main-store] .mkt-top .mkt-look-line{font-size:13px}
  body[data-main-store] .mkt-cart-fab{min-height:44px;padding:0 16px}
  body[data-main-store] .mkt-tiers{display:none}
  body[data-main-store] .mkt-top .mkt-bar .btn{min-height:36px;padding:0 14px;font-size:14px}
  body[data-main-store] .mkt-top .mkt-bar .chip{font-size:14px}
  body[data-main-store] .mkt-top .mkt-bar .chip b{font-size:16px}
}
@media (prefers-reduced-motion:reduce){.mkt-cell.mkt-hit{outline-offset:3px}}

/* the cart's set suggestions (8N) */
body[data-main-store] .mkt-cart-suggest:empty{display:none}
body[data-main-store] .mkt-suggest{display:grid;gap:4px;margin:12px 0 0}
body[data-main-store] .mkt-suggest-btn{justify-self:start;min-height:44px;padding:0 18px;border:1px solid var(--mk-btn);border-radius:var(--mk-btn-r);background:transparent;color:var(--mk-ink);font:var(--mk-b) 14px var(--mk-font);text-align:start;cursor:pointer}
body[data-main-store] .mkt-suggest-btn:hover{background:var(--mk-well)}
body[data-main-store] .mkt-suggest-btn:focus-visible{outline:3px solid var(--mk-accent);outline-offset:2px}
body[data-main-store] .mkt-suggest small{color:var(--mk-dim);font:500 13px var(--mk-font)}