/* カタログ面（一覧・詳細・相場・出品・ショップ）で追加した最小限のスタイル。試作 CSS に無いものだけ。 */
.filter-cats a{display:block;text-align:start;padding:6px 9px;border-radius:4px;font-size:12px;color:inherit;text-decoration:none}
.filter-cats a.active{background:var(--mint,#e8f5ef);color:var(--green,#087457);font-weight:600}
.filter-cats a.sub{padding-inline-start:22px;font-size:11px}
.price-inputs{display:grid;gap:8px}.price-inputs label{display:grid;gap:4px;font-size:11px}.price-inputs input{width:100%}
.filter-actions{display:grid;gap:8px}
.catalog-toolbar form.inline{gap:8px}
.gallery-thumbs a{display:block;border:1px solid var(--line,#e5e7eb);border-radius:6px;overflow:hidden;width:64px;height:64px}
.gallery-thumbs a.active{border-color:var(--green,#087457)}
.gallery-thumbs a img{width:100%;height:100%;object-fit:cover}
.gallery-main .icon-btn{position:absolute;right:12px;bottom:12px;background:#fff}
.detail-tools{display:flex;gap:6px;align-items:center}
.detail-tools form{display:inline}
.trade-buttons form{display:contents}
.trade-buttons form .btn{width:100%}
.trust-note .text-link{display:inline-flex;align-items:center;gap:4px}
.segmented a{padding:6px 12px;border-radius:999px;font-size:12px;color:inherit;text-decoration:none}
.segmented a.active{background:#111;color:#fff}
.tabs [role=tab] small{font-weight:400}
.offers td form{display:inline}
.comment-item{align-items:flex-start}
.comment-item .avatar{flex-shrink:0}
.comment-item p{white-space:pre-wrap}
.comment-list{margin-block:16px 32px}
.bid-form{display:grid;gap:12px;min-width:min(420px,80vw)}
.bid-form .form-actions{display:flex;justify-content:flex-end}
.market-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:16px 0}
.market-metrics div{padding:14px;border:1px solid var(--line,#e5e7eb);border-radius:12px;display:grid;gap:2px}
.market-metrics strong{font-size:20px}
.market-metrics small{color:var(--muted,#6b7280);font-size:11px}
.wf-tabs a{color:inherit;text-decoration:none}
.seller-card{display:grid;gap:8px;padding:14px;border:1px solid var(--line,#e5e7eb);border-radius:12px;margin-bottom:16px}
.seller-card > a{color:inherit;text-decoration:none}
.offer-layout .wf-actions form{display:inline}
.shop-stats{display:flex;gap:16px;font-size:12px;color:var(--muted,#6b7280);margin-top:8px}
.shop-stats b{color:var(--ink,#111)}
.follow-form{display:grid;gap:6px;justify-items:center}
.listing-card .badge{position:absolute;left:10px;top:10px}
.review small.muted{display:block;margin-top:8px;font-size:11px}
@media (max-width:720px){.shop-cover{flex-direction:column;align-items:flex-start}.reviews{grid-template-columns:1fr}}
.offers small.offer-defects{display:flex;gap:4px;align-items:flex-start;color:#805e2b;max-width:28ch;overflow-wrap:anywhere}
.offers small.offer-defects .icon{flex:none;width:12px;height:12px;margin-top:2px}
.offer-defects-text{border-inline-start:3px solid #bf862b;padding-inline-start:12px}
