.product-tile {
    display: grid;
    grid-template-columns: 0.25rem 1fr auto;
    align-items: center;
    column-gap: 0.75rem;
    border: 1px solid var(--rule);
    border-radius: var(--operator-radius);
    padding: 0;
    background: var(--tint);
    color: var(--ink-primary);
    text-align: start;
    overflow: hidden;
    cursor: copy;

    img {
        display: none;
        grid-column: 1 / -1;
        inline-size: 100%;
        aspect-ratio: 400 / 560;
        object-fit: cover;
        border-block-end: 1px solid var(--rule);
    }

    .bar {
        align-self: stretch;
        min-block-size: 2.75rem;
        background: linear-gradient(var(--category-color) 50%, var(--cat-2) 50%);
        box-shadow: inset 0 0 0 1px var(--ink-primary);
    }

    .name {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .prices {
        display: flex;
        align-items: baseline;
        gap: 0.5rem;
        padding-inline-end: 0.75rem;
    }

    .original {
        color: var(--ink-muted);
        font-size: var(--size-small);
    }

    .name, .price, .original { font-variant-numeric: tabular-nums }
}