.tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--corner-md);grid-template-rows:auto 1fr auto;gap:14px;height:100%;padding:10px 10px 14px;display:grid;position:relative}.tile-plate{aspect-ratio:1;background:var(--plate);border-radius:12px 3px;place-items:center;display:grid;position:relative;overflow:hidden}.tile-plate img{object-fit:contain;width:76%;max-width:none;height:76%;position:absolute;inset:12%}.tile-body{align-content:start;gap:3px;padding-inline:6px;display:grid}.tile-brand{font-size:var(--step--1);color:var(--accent-text);font-weight:650}.tile-name{font-size:var(--step-0);font-variation-settings:"wdth" 100;text-wrap:pretty;font-weight:620;line-height:1.3}.tile-pack{font-size:var(--step--1);color:var(--muted)}.tile-enquire{justify-self:start;margin-inline:6px}.tile-enquire.is-added{--btn-bd:var(--success);color:var(--success)}.pack-art{--tint:#13496f;aspect-ratio:3/4;background:linear-gradient(160deg, #ffffff29, transparent 55%), var(--tint);color:#fff;width:78%;box-shadow:var(--shadow-pack);text-align:left;border-radius:14px 4px;align-content:center;gap:6px;padding:16px 14px;display:grid;overflow:hidden}.pack-art-brand{font-variation-settings:"wdth" 120;letter-spacing:-.01em;font-size:1.05rem;font-weight:850;line-height:1.05}.pack-art-name{opacity:.92;-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:.8rem;font-weight:560;line-height:1.25;display:-webkit-box;overflow:hidden}.pack-art-pack{color:#0a1c2e;background:#fff;border-radius:3px;width:fit-content;margin-top:4px;padding:2px 7px;font-size:.75rem;font-weight:650}