/* Placements catalog (/catalog/) — section styles, scoped under body.sec-catalog. */
.sec-catalog .cat-head-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:end}
@media (max-width:900px){.sec-catalog .cat-head-grid{grid-template-columns:minmax(0,1fr)}}
.sec-catalog .cat-stats{grid-template-columns:repeat(2,minmax(0,1fr))}

/* markup toggles visibility with the hidden attribute; component display rules must not win */
.sec-catalog [hidden]{display:none!important}

/* filter bar */
.sec-catalog .cat-bar{position:sticky;top:calc(var(--hdr) + 8px);z-index:20;display:grid;gap:12px;padding:14px;border:1px solid var(--line);border-radius:var(--r-lg);background:color-mix(in srgb,var(--surface) 94%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--sh-1)}
.sec-catalog .cat-bar-row{display:flex;flex-wrap:wrap;gap:10px}
.sec-catalog .cat-q{flex:1 1 260px;min-width:0}
.sec-catalog .cat-sel{flex:0 1 220px;min-width:0}
.sec-catalog .cat-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;margin-inline:-2px;padding-inline:2px}
.sec-catalog .cat-chips::-webkit-scrollbar{display:none}
.sec-catalog .cat-chips .chip{height:34px;font-size:14px;flex:none}
@media (max-width:760px){.sec-catalog .cat-bar{position:static}.sec-catalog .cat-sel{flex:1 1 140px}}
.sec-catalog .cat-status{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:18px 2px 14px;font-size:14.5px}

/* site cards */
.sec-catalog .cat-list{display:grid;gap:16px}
.sec-catalog .cat-site{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);overflow:hidden;scroll-margin-top:calc(var(--hdr) + 140px)}
.sec-catalog .cat-site-head{display:flex;align-items:center;gap:14px;padding:16px 18px;border-bottom:1px solid var(--line);background:var(--surface-2)}
.sec-catalog .cat-mono{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:12px;background:var(--ink);color:var(--canvas);font:800 19px/1 var(--display)}
.sec-catalog .cat-site-t{display:grid;gap:6px;min-width:0;flex:1}
.sec-catalog .cat-site-t .h3{font-size:19px;overflow-wrap:anywhere}
.sec-catalog .cat-visit{flex:none}
@media (max-width:560px){.sec-catalog .cat-visit{padding:0 10px}.sec-catalog .cat-site-head{padding:14px}}
.sec-catalog .cat-slots{list-style:none;margin:0;padding:0}
.sec-catalog .cat-slot{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:16px;align-items:center;padding:16px 18px;border-top:1px solid var(--line)}
.sec-catalog .cat-slot:first-child{border-top:0}
.sec-catalog .cat-slot-n{font:680 16px/1.25 var(--display);letter-spacing:-.01em}
.sec-catalog .cat-slot-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px}
.sec-catalog .cat-slot-meta a.tag{text-decoration:none}
.sec-catalog .cat-slot-meta a.tag:hover{filter:brightness(.96)}
.sec-catalog .cat-slot-meta .tag .ic{width:13px;height:13px}
.sec-catalog .cat-floor{font-size:13px;color:var(--muted);margin-left:4px}
.sec-catalog .cat-floor b{color:var(--ink);font-weight:650}
.sec-catalog .cat-offers{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0}
.sec-catalog .cat-offers>div{display:flex;align-items:baseline;gap:6px;padding:5px 10px;border-radius:9px;border:1px solid var(--line);background:var(--surface-2);font-size:13px}
.sec-catalog .cat-offers dt{color:var(--muted)}
.sec-catalog .cat-offers dd{margin:0;font-weight:700;color:var(--ink)}
.sec-catalog .cat-offers dd small{font-weight:500;color:var(--muted);margin-left:1px}
.sec-catalog .cat-auction{margin-top:8px;font-size:13px;color:var(--muted)}
@media (max-width:700px){
  .sec-catalog .cat-slot{grid-template-columns:56px minmax(0,1fr);gap:12px;padding:14px}
  .sec-catalog .cat-go{grid-column:1/-1;width:100%}
}

/* schematic of where the slot sits on a page (decorative) */
.sec-catalog .cat-thumb{position:relative;display:block;width:72px;height:56px;border-radius:10px;border:1px solid var(--line-2);background:var(--surface);overflow:hidden}
@media (max-width:700px){.sec-catalog .cat-thumb{width:56px;height:46px}}
.sec-catalog .cat-thumb i{position:absolute;left:8px;height:4px;border-radius:3px;background:var(--surface-3)}
.sec-catalog .cat-thumb i:nth-child(1){top:9px;width:55%;background:var(--line-2)}
.sec-catalog .cat-thumb i:nth-child(2){top:19px;width:70%}
.sec-catalog .cat-thumb i:nth-child(3){top:38px;width:50%}
.sec-catalog .cat-thumb b{position:absolute;border-radius:3px;background:var(--brand);box-shadow:0 0 0 2px var(--accent-soft)}
.sec-catalog .spot-top b{left:6px;right:6px;top:4px;height:6px}
.sec-catalog .spot-top i:nth-child(1){top:15px}
.sec-catalog .spot-mid b{left:8px;right:22px;top:26px;height:8px}
.sec-catalog .spot-side b{right:5px;top:6px;bottom:6px;width:14px}
.sec-catalog .spot-side i{width:38%!important}
.sec-catalog .spot-grid b{left:8px;right:8px;bottom:5px;height:12px;background:repeating-linear-gradient(90deg,var(--brand) 0 30%,transparent 30% 35%)}
.sec-catalog .spot-grid i:nth-child(3){top:28px}
.sec-catalog .spot-text b{left:8px;width:60%;top:28px;height:4px}
.sec-catalog .spot-push b{right:4px;top:4px;width:26px;height:12px;border-radius:4px}
.sec-catalog .spot-full b{inset:5px;opacity:.85}
.sec-catalog .spot-video b{left:12px;right:12px;top:14px;bottom:12px}

.sec-catalog .cat-legend dd{max-width:60%;font-weight:500;color:var(--ink-2);font-size:14.5px}
.sec-catalog .cat-legend dt b{color:var(--ink)}
.sec-catalog .empty span{font-size:14.5px}