.product-metadata {

    margin-top: var(--space-2xl);

    padding: var(--space-xl);

    background: var(--color-surface);

    border-radius: var(--radius-lg);

    box-shadow: var(--shadow-soft);
    
    scroll-margin-top: 120px;
}

.product-metadata ul {

    display: grid;

    grid-template-columns:
        repeat(
            auto-fit,
            minmax(220px, 1fr)
        );

    gap: var(--space-lg);

    list-style: none;

    margin: 0;
    padding: 0;
}

.product-metadata li {

    display: flex;
    flex-direction: column;

    gap: .35rem;
}

.product-metadata strong {

    font-size: .8rem;

    font-weight: 700;

    letter-spacing: .06em;

    text-transform: uppercase;

    color: var(--color-muted);
}

.product-metadata li {

    font-size: 1rem;

    line-height: 1.5;

    color: var(--color-text);
}

@media (max-width: 768px) {

    .product-metadata {

        padding: var(--space-lg);
    }

    .product-metadata ul {

        grid-template-columns: 1fr;

        gap: var(--space-md);
    }
}