.restocks-section { background:var(--parchment,#f5f6f8); }
.restocks-section .sec-head { margin-bottom:18px; }
.restock-toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin-bottom:20px; }
.restock-periods { display:inline-flex; padding:3px; border:1px solid var(--hairline,#ddd); border-radius:999px; background:var(--canvas,#fff); }
.restock-periods button { border:0; border-radius:999px; padding:9px 16px; background:transparent; color:var(--ink-48,#666); font:inherit; font-size:13px; cursor:pointer; }
.restock-periods button[aria-pressed="true"] { background:#0066cc; color:#fff; }
.restock-rss, .restock-copy, .restock-more { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:38px; padding:8px 14px; border:1px solid var(--hairline,#ddd); border-radius:999px; background:var(--canvas,#fff); color:var(--blue,#0066cc); font:inherit; font-size:13px; text-decoration:none; cursor:pointer; }
.restock-rss svg { width:16px; height:16px; }
.restock-copy { color:var(--ink-48,#666); }
.restock-toolbar button:focus-visible, .restock-toolbar a:focus-visible, .restock-more:focus-visible, .restock-name:focus-visible { outline:2px solid var(--blue,#0066cc); outline-offset:3px; }
.restock-summary { margin-left:auto; color:var(--ink-48,#666); font-size:12px; }
.restock-timeline { list-style:none; margin:0; padding:0; border:1px solid var(--hairline,#ddd); border-radius:20px; overflow:hidden; background:var(--canvas,#fff); }
.restock-timeline:empty { display:none; }
.restock-event { position:relative; display:grid; grid-template-columns:94px minmax(0,1fr) auto; gap:20px; align-items:center; padding:21px 24px; }
.restock-event + .restock-event { border-top:1px solid var(--divider,#eee); }
.restock-time { display:flex; flex-direction:column; gap:4px; color:var(--ink-48,#666); font-size:12px; font-variant-numeric:tabular-nums; }
.restock-time strong { color:var(--ink,#171717); font-size:16px; font-weight:600; }
.restock-name { display:inline-block; color:var(--ink,#171717); font-size:15px; line-height:1.6; font-weight:600; text-decoration:none; overflow-wrap:anywhere; }
.restock-name:hover { color:var(--blue,#0066cc); }
.restock-meta { margin:5px 0 0; color:var(--ink-48,#666); font-size:12px; line-height:1.7; }
.restock-event .stock-status { display:inline-flex; align-items:center; gap:6px; color:var(--ink-48,#666); font-size:12px; white-space:nowrap; }
.restock-empty { padding:30px 24px; border:1px dashed var(--hairline,#ddd); border-radius:20px; color:var(--ink-48,#666); font-size:14px; line-height:1.8; background:var(--canvas,#fff); }
.restock-more { display:flex; margin:18px auto 0; }
.restock-more[hidden], .restock-empty[hidden] { display:none; }
.restock-disclaimer { margin:15px 0 0; color:var(--ink-48,#666); font-size:12px; line-height:1.8; }
@media (max-width:640px) {
  .restock-toolbar { gap:8px; }
  .restock-summary { flex-basis:100%; margin:3px 0 0; }
  .restock-event { grid-template-columns:60px minmax(0,1fr); gap:8px 14px; padding:18px 16px; }
  .restock-event .stock-status { grid-column:2; }
  .restock-time { align-self:start; padding-top:3px; }
  .restock-name { font-size:14px; }
  .restock-empty { padding:23px 18px; }
}