:root{--ink:#16233f;--mute:#5d6880;--paper:#f3f1ea;--line:#d8d4c8}
.open,.open *{box-sizing:border-box}.open{color:var(--ink);font:16px/1.4 system-ui,-apple-system,"Segoe UI",sans-serif}
.open .x:focus-visible,.open .cell:focus-visible{outline:3px solid #ffc53d;outline-offset:-3px}
.open{position:fixed;inset:0;background:var(--paper);overflow-y:auto;display:none;z-index:5}
.open.on{display:block}
.inner{max-width:760px;margin:0 auto;padding:12px 12px 32px}
.top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}
.open h2{font-size:18px;margin:0;line-height:1.25}.top p{margin:2px 0 0;font-size:13px;color:var(--mute)}
.x{flex:none;border:1px solid var(--line);background:#fff;color:var(--ink);font:inherit;font-size:14px;padding:9px 14px;border-radius:6px;cursor:pointer}
.bay{overflow:hidden;border-radius:6px 6px 0 0}
.tray{position:relative;aspect-ratio:3/2;background:#b89a70 center/100% 100%;transform:translateY(100%);transition:transform .38s cubic-bezier(.2,.75,.25,1)}
.on .tray{transform:none}
.tray.blank{background:#e7e1d2;display:grid;place-items:center;text-align:center;padding:20px;color:var(--mute);font-size:15px}
.cell{position:absolute;border:0;background:transparent;padding:0;cursor:pointer;display:flex;align-items:flex-end;justify-content:center}
.cell span{background:rgba(16,24,44,.78);color:#fff;font-size:11px;line-height:1;padding:3px 4px;border-radius:3px;margin-bottom:3px;white-space:nowrap}
.cell.sel{box-shadow:inset 0 0 0 3px #ffc53d}
.front{display:block;width:100%;border-radius:0 0 6px 6px}
.detail{margin-top:12px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:12px;display:flex;gap:12px;min-height:118px}
.nt{margin:6px 0 0;font-size:13px;color:#a3341f}.hint{color:var(--mute);font-size:14px;margin:0;align-self:center}
.thumb{flex:0 0 88px;border-radius:5px;align-self:flex-start;background-repeat:no-repeat}
.detail h3{margin:0;font-size:17px;line-height:1.25}
.price{font-size:24px;font-weight:700;margin:2px 0 4px}.price small{font-size:13px;font-weight:400;color:var(--mute)}
.open dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:1px 10px;font-size:13px}.open dt{color:var(--mute)}.open dd{margin:0;font-variant-numeric:tabular-nums}
@media (prefers-reduced-motion:reduce){.tray{transition:none}}
.bay.solo{border-radius:6px}