.hc{background:var(--card);border:1px solid var(--line);cursor:pointer;border-radius:18px;flex-direction:column;padding:12px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;position:relative}.hc:hover{box-shadow:0 18px 40px -14px rgb(var(--sh) / .38);border-color:#0000;transform:translateY(-4px)}.h2-deal .hc{background:var(--bg)}.hc-cv{background:var(--panel);border-radius:12px;justify-content:center;padding:20px 0 16px;display:flex;position:relative}.hc-cv .cover{border-radius:3px 9px 9px 3px;width:112px;padding:18px 10px 10px}.hc-cv .cover .rule{left:10px;right:10px}.hc-cv .cover .rule.top{top:9px}.hc-cv .cover .rule.bot{bottom:30px}.hc-cv .cover .ttl{font-size:15.5px}.hc-cv .cover .sub{letter-spacing:1.6px;margin-top:6px;font-size:6.5px}.hc-cv .cover .jau{font-size:9.5px}.hc-cv .cover .spine{width:6px}.hc-bdg{z-index:2;flex-direction:column;align-items:flex-start;gap:4px;display:flex;position:absolute;top:8px;left:8px}.hc-bdg>span{background:var(--danger);color:#fff;border-radius:6px;padding:5px 7px;font:800 11px/1 Figtree,sans-serif}.hc-bdg>span.n{background:var(--ink);color:var(--bg)}.hc-wl{background:var(--card);width:32px;height:32px;color:var(--muted);z-index:2;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:8px;right:8px;box-shadow:0 2px 6px #0000001f}.hc-wl .liked{color:var(--danger)}.hc-pp{flex-wrap:wrap;align-items:baseline;gap:8px;margin-top:12px;display:flex}.hc-pp b{letter-spacing:-.3px;white-space:nowrap;font-size:18px;font-weight:900}.hc-pp b small,.pr small{color:var(--muted);font-size:11px;font-weight:700}.hc-pp s{color:var(--muted);font-size:12.5px;font-weight:600}.hc-inst{color:var(--inst-ink);background:var(--inst-bg);white-space:nowrap;border-radius:6px;align-self:flex-start;margin-top:6px;padding:3px 7px;font-size:12px;font-weight:700;display:inline-block}.hc h3{letter-spacing:-.1px;white-space:nowrap;text-overflow:ellipsis;margin-top:9px;font-size:14.5px;font-weight:700;line-height:1.25;overflow:hidden}.hc-au{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:12.5px;font-weight:500;overflow:hidden}.hc-rt{margin-top:5px;font-size:12.5px;font-weight:700}.hc-rt .st{color:var(--amber)}.hc-rt span:last-child{color:var(--muted);font-weight:500}.hc-eta{color:var(--ok);align-items:center;gap:5px;margin:7px 0 10px;font-size:12.5px;font-weight:700;display:flex}.hc-eta.slow{color:var(--muted)}.hc-eta.out{color:var(--danger)}.hc-stock{background:var(--panel);border-radius:9px;height:5px;overflow:hidden}.hc-stock i{background:var(--danger);border-radius:9px;height:100%;display:block}.hc-left{color:var(--muted);margin:4px 0 10px;font-size:12px;font-weight:600}.hc-add{background:linear-gradient(120deg, var(--blue), var(--blue-deep));height:40px;color:var(--accent-ink);box-shadow:0 6px 14px -6px rgb(var(--sh) / .5);border-radius:12px;margin-top:auto;font-size:14px;font-weight:800}.hc-add:hover{filter:brightness(1.07)}.hc-add:disabled{background:var(--panel);color:var(--muted);box-shadow:none;cursor:not-allowed}.hc-step{background:var(--ink);height:40px;color:var(--bg);cursor:default;border-radius:12px;justify-content:space-between;align-items:center;margin-top:auto;font-size:13.5px;font-weight:800;display:flex}.hc-step button{width:40px;height:40px;color:var(--bg);justify-content:center;align-items:center;display:flex}@media (width<=760px){.hc{padding:9px}.hc-pp b{font-size:16px}.hc-inst{font-size:11px}.hc-cv .cover{width:90px}.hc-cv .cover .ttl{font-size:13px}}
