/* Force WooCommerce Blocks variation attributes to separate lines */
.wc-block-components-product-details {
    display: flex;
    flex-direction: column;
    gap: 4px; /* Space between lines */
}

/* Hide the "/" separator that Woo adds natively */
.wc-block-components-product-details [aria-hidden="true"] {
    display: none;
}

/* Optional: Make the label (e.g. Plotis:) slightly bolder for better reading */
.wc-block-components-product-details__name {
    font-weight: 600;
    margin-right: 4px;
}
