.productPreview {
    margin-bottom: 4rem;
}

.productPreview h3 {
    margin-top: 0;
    font-weight: 300;
    font-size: 1.2rem;
    font-family: sans-serif;
}

.productPreview .content {
    display: flex;
    flex-flow: column;
    gap: 1rem;
}

@media (min-width: 450px) {
    .productPreview .content {
        flex-flow: row;
        gap: 1rem;
    }
}

.productPreview .preview-image {
    display: block;
    width: 9rem;
    flex-shrink: 0;
    background: #f8f6fb;
}

.productPreview price-tag, size {
    display: block;
    font-size: 1rem;
}

.productPreview price-tag {
    --price-font-weight: bold;
}

.productPreview basic-price-tag {
    display: block;
    font-size: 0.8rem;
    margin-top: 0.4rem;
}

.productPreview a.details {
    display: inline-block;
    margin: 1rem 0;
}

.productPreview .productInfoBlock {
    margin-bottom: 1rem;
}