/* Compact, equal product actions on phone screens. */
@media (max-width: 640px) {
    html body:not(.admin) .rr-pd-page .rr-pd-action-panel.rr-pd-action-panel {
        margin-top: 14px !important;
        padding: 10px !important;
        border-radius: 14px !important;
        overflow: hidden !important;
    }

    html body:not(.admin) .rr-pd-page .rr-pd-action-panel.rr-pd-action-panel > .rr-pd-cart-form {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 9px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        align-items: stretch !important;
    }

    html body:not(.admin) .rr-pd-page .rr-pd-action-panel .rr-pd-options-wrap {
        grid-column: 1 / -1 !important;
    }

    html body:not(.admin) .rr-pd-page .rr-pd-action-panel .rr-pd-quantity-field {
        display: block !important;
        width: 100% !important;
        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;
        margin: 0 !important;
    }

    html body:not(.admin) .rr-pd-page .rr-pd-action-panel .rr-pd-quantity-field > span {
        display: none !important;
    }

    html body:not(.admin) .rr-pd-page .rr-pd-action-panel :is(
        .rr-pd-quantity-stepper,
        .quantity-stepper,
        .rr-pd-add-btn,
        .rr-pd-buy-btn,
        .rr-pd-wishlist-wrap,
        .rr-pd-wishlist-wrap .rr-wishlist-toggle-btn
    ) {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 10px !important;
        box-sizing: border-box !important;
    }

    html body:not(.admin) .rr-pd-page .rr-pd-action-panel :is(.rr-pd-quantity-stepper, .quantity-stepper) {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        overflow: hidden !important;
    }

    html body:not(.admin) .rr-pd-page .rr-pd-action-panel :is(.qty-btn, .qty-input) {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 0 !important;
        font-size: 15px !important;
        line-height: 44px !important;
    }

    html body:not(.admin) .rr-pd-page .rr-pd-action-panel :is(
        .rr-pd-add-btn,
        .rr-pd-buy-btn,
        .rr-pd-wishlist-wrap .rr-wishlist-toggle-btn
    ) {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 6px !important;
        padding: 0 8px !important;
        font-size: 13px !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    html body:not(.admin) .rr-pd-page .rr-pd-action-panel .rr-pd-wishlist-wrap {
        display: flex !important;
        align-items: stretch !important;
    }

    html body:not(.admin) .rr-pd-page .rr-pd-action-panel .rr-wishlist-toggle-btn svg {
        width: 17px !important;
        height: 17px !important;
        min-width: 17px !important;
        flex-basis: 17px !important;
    }
}

@media (max-width: 350px) {
    html body:not(.admin) .rr-pd-page .rr-pd-action-panel.rr-pd-action-panel > .rr-pd-cart-form {
        gap: 7px !important;
    }

    html body:not(.admin) .rr-pd-page .rr-pd-action-panel :is(
        .rr-pd-add-btn,
        .rr-pd-buy-btn,
        .rr-pd-wishlist-wrap .rr-wishlist-toggle-btn
    ) {
        padding-right: 5px !important;
        padding-left: 5px !important;
        font-size: 12px !important;
    }
}