/*
 * OE and EAN identifiers shown with a product (WEB-311).
 *
 * Lifted out of the category view's inline <style> so the article page can
 * render the same block. Rules are unchanged from that copy - moving them
 * here is what lets both pages look alike rather than drifting apart the way
 * the stock tones did before WEB-301.
 */

.product-identifiers {
    display: grid;
    gap: 6px;
    margin: 12px 0 4px;
}

.product-identifiers__item {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 8px;
    margin: 0;
    font-size: 0.72rem;
    line-height: 1.35;
}

.product-identifiers__item dt {
    color: #666;
    font-weight: 600;
}

.product-identifiers__item dd {
    color: #212529;
    font-weight: 500;
    margin: 0;
    overflow-wrap: anywhere;
}

@media screen and (max-width: 768px) {
    .product-identifiers__item {
        font-size: 0.76rem;
    }
}