.product-detail {
    width: var(--content-width);
    padding: 42px 0 75px;
    margin: auto;
}

.detail-primary {
    display: flex;
    align-items: flex-start;
    gap: 65px;
}

.detail-empty {
    padding: 45px 25px;
    background: var(--paper);
    text-align: center;
    color: var(--muted);
}

@media(max-width:900px) {
    .detail-primary {
        gap: 30px;
        flex-direction: column;
    }
}

@media(max-width:700px) {
    .product-detail {
        padding: 28px 0 45px;
    }

    .detail-primary {
        flex-direction: column;
    }
}