/* Paddock Market page. Uses the tokens and base styles from styles.css. */
a.brand{text-decoration:none}
.pill.n{margin-left:0}

.listing{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:20px;padding:16px}
.listing .ph img{aspect-ratio:3/2;border-radius:8px}
.listing .ph figcaption{font-size:13px;color:var(--muted);margin-top:6px}
.sum{display:grid;gap:12px;align-content:start;min-width:0}
.sum h3{font-size:30px;text-transform:uppercase;letter-spacing:.03em;line-height:1.05}
.sum p{margin:0}
.price{display:flex;align-items:baseline;gap:6px 14px;flex-wrap:wrap;background:var(--carbon);color:var(--on-carbon);border-radius:10px;border-left:6px solid var(--red);padding:12px 16px}
.price b{font-family:var(--display);font-weight:800;font-size:48px;line-height:1;letter-spacing:.01em;font-variant-numeric:tabular-nums}
.price span{font-size:13px;color:var(--on-carbon-muted)}
a.btn{display:inline-block;text-decoration:none;text-align:center;justify-self:start}
a.btn.primary{color:#fff}

.spec{margin:0;display:grid;grid-template-columns:minmax(120px,210px) minmax(0,1fr)}
.spec dt,.spec dd{margin:0;padding:11px 4px;border-top:1px solid var(--line)}
.spec dt{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600;padding-top:14px}
.spec dt:first-of-type,.spec dt:first-of-type+dd{border-top:0}

.want{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:8px}
.want li{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:var(--surface)}
.want li::before{content:"";width:9px;height:9px;border-radius:2px;background:var(--red);flex:none}

.enq{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}
.enq p{margin:6px 0 0;color:var(--muted)}
.notice{background:var(--amber-soft);color:var(--amber-ink);border-left:4px solid var(--amber);border-radius:6px;padding:8px 12px;font-size:14.5px}
.notice b{font-family:var(--display);font-weight:700;font-size:17px;letter-spacing:.04em;text-transform:uppercase}
.mailbox{border:1px solid var(--line);border-radius:10px;padding:14px 16px;background:var(--surface-2);min-width:0}
.mail{display:inline-block;margin:4px 8px 4px 0;font-family:var(--display);font-weight:700;font-size:26px;letter-spacing:.02em;overflow-wrap:anywhere;user-select:all}
.mailbox .msg{margin:6px 0 10px}
.mailbox [hidden]{display:none}
#ts-slot{margin-top:10px}

@media (max-width:820px){
  .listing{grid-template-columns:minmax(0,1fr)}
  .enq{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:560px){
  .sum h3{font-size:27px}
  .price b{font-size:42px}
  .spec{grid-template-columns:minmax(0,1fr)}
  .spec dt{border-top:1px solid var(--line);padding:11px 4px 0}
  .spec dd{border-top:0;padding:2px 4px 11px}
}