/* THE FLOOR — marketplace listing cards and the collection rail. Lane c8 (marketplace room).
   Shared .mk-* classes belong to the ART-CSS lane's market.css, which is linked AFTER this file and wins.
   The block marked FALLBACK is structure only, so the floor is legible on a build where market.css has not landed yet.
   Remixed ideas carry their source:
     square image cut-out + card body rhythm — adapted from 30secondsofcode (CC-BY-4.0), https://www.30secondsofcode.org
     chip / ghost-button sizing — adapted from 21st.dev (MIT), https://21st.dev
   Tokens are the THEMEBOOK's: gold #e2a72c on black, salt #f8f8f6, Big Shoulders Display + DM Sans + DM Mono,
   radius 0, motion 120/360/720 ms. Designed at 390px first. */

:root{--mk-gold:#e2a72c;--mk-salt:#f8f8f6;--mk-ink:#0b0b0b;--mk-hair:rgba(226,167,44,.3)}

/* ---- FALLBACK (structure only) ----------------------------------------------------------------
   Wrapped in a CASCADE LAYER on purpose: an UNLAYERED rule beats any layered rule whatever its
   specificity, so the ART-CSS lane's unlayered market.css wins over every line below even though
   these selectors are more specific (.mkr-floor .mk-btn is 0,2,0 against their .mk-btn at 0,1,0).
   Load order alone would NOT have done it. This block only paints the floor on a build where
   market.css has not landed. -------------------------------------------------------------------- */
@layer mkr-fallback{
.mkr-floor .mk-card{display:flex;flex-direction:column;border:1px solid var(--mk-hair);border-radius:0;background:transparent}
.mkr-floor .mk-card__cut{display:block;aspect-ratio:1/1;overflow:hidden;background:rgba(248,248,246,.04);border-bottom:1px solid var(--mk-hair)}
.mkr-floor .mk-card__cut>img{width:100%;height:100%;object-fit:cover;display:block}
.mkr-floor .mk-card__body{padding:14px;display:flex;flex-direction:column;gap:8px}
.mkr-floor .mk-card__price{font-family:"DM Mono",ui-monospace,monospace;font-size:14px;margin:0;color:var(--mk-gold)}
.mkr-floor .mk-card__shop{margin:0;font-size:13px}
.mkr-floor .mk-chip{display:inline-block;font-family:"DM Mono",ui-monospace,monospace;font-size:12px;line-height:1.5;
  padding:3px 8px;border:1px solid var(--mk-hair);border-radius:0;white-space:nowrap}
.mkr-floor .mk-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;
  border:1px solid var(--mk-gold);border-radius:0;background:var(--mk-gold);color:var(--mk-ink);font-size:14px;
  text-decoration:none;cursor:pointer;transition:background 120ms ease,color 120ms ease}
.mkr-floor .mk-btn--ghost{background:transparent;color:inherit}
.mkr-floor .mk-rail{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
.mkr-floor .mk-rail>*{scroll-snap-align:start}
}

/* ---- the room ---------------------------------------------------------------------------------- */
.mkr-floor{margin:64px 0;padding:24px 0;border-top:1px solid var(--mk-hair);border-bottom:1px solid var(--mk-hair)}
.mkr-floor>h2{font-family:"Big Shoulders Display","DM Sans",system-ui,sans-serif;letter-spacing:.02em;margin:0 0 4px}
.mkr-floor>.lede{margin:0 0 16px;font-size:15px;opacity:.86}
.mkr-t{display:block;height:0;overflow:hidden;scroll-margin-top:96px}
.mkr-rail{padding:4px 0 14px;margin:0 0 8px}
.mkr-tab{min-height:44px;display:inline-flex;align-items:center;text-decoration:none;color:inherit;
  transition:background 120ms ease,color 120ms ease}
.mkr-tab:hover,.mkr-tab:focus-visible{background:var(--mk-hair)}
.mkr-grid{display:grid;grid-template-columns:1fr;gap:16px}
.mkr-card{position:relative;transition:transform 360ms cubic-bezier(.22,.61,.36,1),border-color 360ms ease}
.mkr-card:hover,.mkr-card:focus-within{transform:translateY(-2px);border-color:var(--mk-gold)}
.mkr-cut--none{background:repeating-linear-gradient(135deg,rgba(226,167,44,.10) 0 8px,transparent 8px 16px)}
.mkr-title{font-family:"Big Shoulders Display","DM Sans",system-ui,sans-serif;font-size:19px;line-height:1.15;margin:0}
.mkr-title>a{color:inherit;text-decoration:none}
.mkr-title>a:hover,.mkr-title>a:focus-visible{text-decoration:underline;text-underline-offset:3px}
.mkr-ask,.mkr-ref{opacity:.82}
.mkr-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0}
.mkr-col{color:var(--mk-gold)}
.mkr-ad{align-self:flex-start;margin:10px 10px 0;border-color:var(--mk-gold);color:var(--mk-gold);letter-spacing:.08em}
.mkr-acts{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 0}
.mkr-out::after{content:" \2197";font-size:12px}
.mkr-empty{display:none;margin:8px 0 0;font-size:14px;opacity:.8}
.mkr-note{margin:18px 0 0;font-size:13px;opacity:.78;max-width:62ch}

@media (min-width:640px){.mkr-grid{grid-template-columns:repeat(2,1fr);gap:20px}}
@media (min-width:1024px){.mkr-grid{grid-template-columns:repeat(3,1fr);gap:24px}.mkr-floor{margin:96px 0}}
@media (prefers-reduced-motion:reduce){
  .mkr-card,.mkr-tab,.mkr-floor .mk-btn{transition:none}
  .mkr-card:hover,.mkr-card:focus-within{transform:none}
  .mkr-rail{scroll-behavior:auto;scroll-snap-type:none}
}
#mkf-estate_jewelry:target~.mkr-grid>.mkr-card:not([data-collection="estate_jewelry"]){display:none}#mkf-estate_jewelry:target~.mkr-rail [href="#mkf-estate_jewelry"]{background:var(--mk-gold,#e2a72c);color:#0b0b0b}#mkf-estate_jewelry:target~.mkr-empty{display:block}.mkr-floor:has(.mkr-card[data-collection="estate_jewelry"]) #mkf-estate_jewelry:target~.mkr-empty{display:none}#mkf-vintage_fashion:target~.mkr-grid>.mkr-card:not([data-collection="vintage_fashion"]){display:none}#mkf-vintage_fashion:target~.mkr-rail [href="#mkf-vintage_fashion"]{background:var(--mk-gold,#e2a72c);color:#0b0b0b}#mkf-vintage_fashion:target~.mkr-empty{display:block}.mkr-floor:has(.mkr-card[data-collection="vintage_fashion"]) #mkf-vintage_fashion:target~.mkr-empty{display:none}#mkf-art:target~.mkr-grid>.mkr-card:not([data-collection="art"]){display:none}#mkf-art:target~.mkr-rail [href="#mkf-art"]{background:var(--mk-gold,#e2a72c);color:#0b0b0b}#mkf-art:target~.mkr-empty{display:block}.mkr-floor:has(.mkr-card[data-collection="art"]) #mkf-art:target~.mkr-empty{display:none}#mkf-architectural_salvage:target~.mkr-grid>.mkr-card:not([data-collection="architectural_salvage"]){display:none}#mkf-architectural_salvage:target~.mkr-rail [href="#mkf-architectural_salvage"]{background:var(--mk-gold,#e2a72c);color:#0b0b0b}#mkf-architectural_salvage:target~.mkr-empty{display:block}.mkr-floor:has(.mkr-card[data-collection="architectural_salvage"]) #mkf-architectural_salvage:target~.mkr-empty{display:none}#mkf-rare_books:target~.mkr-grid>.mkr-card:not([data-collection="rare_books"]){display:none}#mkf-rare_books:target~.mkr-rail [href="#mkf-rare_books"]{background:var(--mk-gold,#e2a72c);color:#0b0b0b}#mkf-rare_books:target~.mkr-empty{display:block}.mkr-floor:has(.mkr-card[data-collection="rare_books"]) #mkf-rare_books:target~.mkr-empty{display:none}#mkf-high_end_curated_collectables:target~.mkr-grid>.mkr-card:not([data-collection="high_end_curated_collectables"]){display:none}#mkf-high_end_curated_collectables:target~.mkr-rail [href="#mkf-high_end_curated_collectables"]{background:var(--mk-gold,#e2a72c);color:#0b0b0b}#mkf-high_end_curated_collectables:target~.mkr-empty{display:block}.mkr-floor:has(.mkr-card[data-collection="high_end_curated_collectables"]) #mkf-high_end_curated_collectables:target~.mkr-empty{display:none}#mkf-all:target~.mkr-rail [href="#mkf-all"]{background:var(--mk-gold,#e2a72c);color:#0b0b0b}