.tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);grid-template-rows:auto 1fr auto;gap:12px;height:100%;padding:8px 8px 12px;transition:border-color .15s;display:grid;position:relative}.tile:hover{border-color:var(--line-strong)}.tile-plate{aspect-ratio:1;border-radius:var(--r-plate);background:#fff;position:relative;overflow:hidden}.tile-plate img{object-fit:contain;width:80%;max-width:none;height:80%;position:absolute;inset:10%}.tile-body{align-content:start;gap:2px;padding:0 8px;display:grid}.tile-brand{font-size:var(--t-micro);color:var(--accent-text);font-weight:500}.tile-name{font-size:var(--t-body);color:var(--ink);text-wrap:pretty;font-weight:500;line-height:1.3}.tile-pack{font-size:var(--t-small);color:var(--muted)}.tile-enquire{justify-self:stretch;margin:0 8px}.tile-enquire.is-added{--btn-bd:var(--success);--btn-fg:var(--success)}.pack-art{--tint:#13496f;background:linear-gradient(160deg, #ffffff2e, transparent 55%), var(--tint);color:#fff;text-align:left;border-radius:12px 4px;align-content:center;gap:6px;padding:14px 12px;display:grid;position:absolute;inset:12% 18%;overflow:hidden}.pack-art-brand{letter-spacing:-.01em;font-size:1rem;font-weight:600;line-height:1.1}.pack-art-name{opacity:.92;-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:.8rem;font-weight:500;line-height:1.25;display:-webkit-box;overflow:hidden}.pack-art-pack{width:fit-content;color:var(--room);background:#fff;border-radius:3px;margin-top:4px;padding:2px 7px;font-size:.75rem;font-weight:600}