/*
Pinjin v4.0.5
ONLY: desktop single-product left/right vertical balance.
*/

/* Keep the current v4.0.4 column widths and top alignment. */
@media (min-width: 1025px) {

    .pj403-single-hero,
    .pj396-product-top {
        align-items: start !important;
    }

    .pj403-summary-col,
    .pj396-summary-column {
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: column !important;
        align-self: start !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    /* Category pill */
    .pj396-summary-column > .pj396-product-term,
    .pj403-summary-col > .pj396-product-term {
        margin-bottom: 14px !important;
    }

    /* Product title */
    .pj396-summary-column > .pj397-product-title,
    .pj403-summary-col > .pj397-product-title {
        margin-bottom: 28px !important;
    }

    /* Intro paragraph */
    .pj396-summary-column .pj395-reference-intro,
    .pj403-summary-col .pj395-reference-intro,
    .pj396-summary-column .pj402-product-extra ~ p,
    .pj403-summary-col .pj402-product-extra ~ p {
        line-height: 1.75 !important;
    }

    /* Increase vertical breathing room before the new two-column module. */
    .pj396-summary-column .pj402-product-extra.pj403-ref-layout,
    .pj403-summary-col .pj402-product-extra.pj403-ref-layout {
        margin-top: 34px !important;
        margin-bottom: 34px !important;
        gap: 44px !important;
    }

    /* Make the two information columns feel less cramped. */
    .pj396-summary-column .pj402-product-extra.pj403-ref-layout h3,
    .pj403-summary-col .pj402-product-extra.pj403-ref-layout h3 {
        margin-bottom: 18px !important;
    }

    .pj396-summary-column .pj402-product-extra.pj403-ref-layout li,
    .pj403-summary-col .pj402-product-extra.pj403-ref-layout li {
        margin-bottom: 16px !important;
        line-height: 1.6 !important;
    }

    /* Push buttons lower so the right side visually reaches the bottom
       of the left gallery instead of ending too early. */
    .pj396-summary-column .pj396-product-actions,
    .pj403-summary-col .pj396-product-actions {
        margin-top: auto !important;
        padding-top: 22px !important;
        padding-bottom: 4px !important;
    }

    .pj396-summary-column .pj396-product-actions .wp-block-button__link,
    .pj403-summary-col .pj396-product-actions .wp-block-button__link {
        padding-top: 14px !important;
        padding-bottom: 14px !important;
    }
}

/* Tablet/mobile: keep the existing stacked/current layout. */
@media (max-width: 1024px) {
    .pj403-summary-col,
    .pj396-summary-column {
        min-height: 0 !important;
        height: auto !important;
    }
}