/* ---------- cards page shelves (27 Oct 2026) ----------
   The lot grid split into curated shelves: Signed & Numbered, Hall of Fame Lots, Singles & Sets.
   Each shelf is a .shelf-head plus a .coll-grid (three tiles use .coll-grid--3 from
   whatnot-v2.css; five tiles use the shop.css default). Loads after whatnot-v2.css. New file
   rather than an edit, because the zone caches /css/* for 4 hours. */
.shelf + .shelf{margin-top:64px;}
.shelf-head{
  display:grid;grid-template-columns:auto 1fr;align-items:end;gap:4px 16px;
  margin:0 auto 26px;padding-bottom:16px;border-bottom:1px solid var(--hair);
}
.shelf-num{
  grid-row:span 2;align-self:center;
  font-family:var(--font-mono);font-size:11px;letter-spacing:0.26em;color:var(--gold-400);
  padding:8px 10px;border:1px solid var(--hair-strong);border-radius:2px;
}
.shelf-title{
  font-family:var(--font-display);font-size:clamp(20px,2.6vw,26px);font-weight:700;
  letter-spacing:-0.02em;line-height:1.15;color:var(--bone);
}
.shelf-sub{font-size:13px;line-height:1.6;color:var(--ash);max-width:640px;}
.shelf-title,.shelf-sub,.shelf-count{grid-column:2;}
.shelf-count{
  justify-self:start;font-family:var(--font-mono);font-size:9px;letter-spacing:0.18em;
  text-transform:uppercase;color:var(--slate);
}
@media (min-width:700px){
  .shelf-head{grid-template-columns:auto 1fr auto;}
  .shelf-count{grid-column:3;grid-row:1 / 3;align-self:center;justify-self:end;}
}

/* Signed tiles: a gold edge and a foil bar along the top, so the autographs read first. */
.lot--sig{border-color:var(--hair-strong);}
.lot--sig::before{
  content:'';position:absolute;left:0;right:0;top:0;height:2px;z-index:3;
  background:linear-gradient(90deg,transparent,var(--gold-300),var(--gold-500),transparent);
}
.lot--sig .lot-grade{box-shadow:0 0 20px rgba(233,196,106,0.42);}
/* The new tiles' pictures are links to the listing, like the Whatnot tile's. */
a.lot-visual{display:block;}

/* ---------- home catalogue index with three categories (27 Oct 2026) ----------
   Footwear retired when the UGG Tazz sold, so the index is three tiles. catalogue-v1.css
   sets four columns at 900px; .cat-index--3 caps it at three. Also linked from / for this. */
@media (min-width:900px){.cat-index--3{grid-template-columns:repeat(3,1fr);}}

/* Portrait product photo in a compact band (the sealed Star Wars journal): cap the width so
   the picture doesn't run taller than the copy beside it. */
.band-visual--portrait > a{display:block;max-width:340px;margin:0 auto;}

/* ---------- NFC page: three-card DNA group at two-column widths (27 Oct 2026) ----------
   shop.css goes three-up (.is-trio) only from 1180px; between 900 and 1180 the grid is two-up,
   which left the third card alone beside an empty slot. There, the lead card (the matte black
   NTAG424 DNA cards) spans the row as a side-by-side feature, the same treatment as .is-single,
   and the other two sit as a pair beneath it. Linked from /blank-nfc-tags/ for this. */
@media (min-width:900px) and (max-width:1179.98px){
  .shop-grid.is-trio > .drop-card:first-child{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;align-items:stretch;}
  /* The tall feature cell would crop the 4:3 matte black photo down to a black void, so show the
     whole photo on a plate matched to its light-grey sweep (sampled ~#dcdcd7). */
  .shop-grid.is-trio > .drop-card:first-child .drop-visual{
    aspect-ratio:auto;height:100%;min-height:340px;
    background:radial-gradient(ellipse at 50% 45%,#e6e6e3,#d9d9d4 70%);
  }
  .shop-grid.is-trio > .drop-card:first-child .drop-visual img{object-fit:contain;}
  .shop-grid.is-trio > .drop-card:first-child .drop-body{padding:36px 34px 34px;}
}

/* NFC #proof with the landscape verification video (27 Oct 2026): shop.css sizes the columns
   3fr:4fr for a 3:4 video beside a 1:1 photo. A 4:3 video beside a 1:1 photo needs 4fr:3fr
   for the two to land at the same height. */
@media (min-width:768px){.proof-media--wide{grid-template-columns:4fr 3fr;max-width:1000px;}}