/* One stable image box; the size pill stays on the photo, not on the price. */
.card .card-media{position:relative;isolation:isolate;aspect-ratio:4/4.7;overflow:hidden;border-radius:24px 24px 8px 8px;background:var(--paper)}
.card .card-media>img,.card .card-media>.ph{width:100%;height:100%;aspect-ratio:auto}
.card .card-size-badge{position:absolute;right:10px;bottom:10px;z-index:1;display:inline-flex;align-items:center;gap:5px;max-width:calc(100% - 20px);padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:var(--bg);color:var(--ink);box-shadow:0 2px 10px #0002;font-size:12px;font-weight:650;line-height:1.25;pointer-events:none}
.card .card-size-badge>.icon{width:15px;height:15px;flex:none}
.card .card-size-badge>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:680px){.card .card-media{border-radius:20px 20px 8px 8px}.card .card-size-badge{right:8px;bottom:8px;max-width:calc(100% - 16px);padding:5px 8px;font-size:11px;gap:4px}.card .card-size-badge>.icon{width:13px;height:13px}}