/* RR_PRODUCT_DETAIL_ALL_SCREEN_RESPONSIVE_LAST_WORD_V1
   Final product-detail safety net loaded after older product/mobile files. */

html body:not(.admin) {
    overflow-x: hidden !important;
}

html body:not(.admin) .rr-pd-page,
html body:not(.admin) .rr-pd-page * {
    box-sizing: border-box !important;
}

html body:not(.admin) .rr-pd-page {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
}

html body:not(.admin) .rr-pd-page .rr-pd-shell {
    width: min(100%, 1400px) !important;
    max-width: calc(100vw - 24px) !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

html body:not(.admin) .rr-pd-page .rr-pd-layout,
html body:not(.admin) .rr-pd-page .product-detail-layout.rr-pd-layout,
html body:not(.admin) .rr-pd-page .rr-pd-gallery-card,
html body:not(.admin) .rr-pd-page .rr-pd-info-panel,
html body:not(.admin) .rr-pd-page .rr-pd-action-panel,
html body:not(.admin) .rr-pd-page .rr-pd-cart-form,
html body:not(.admin) .rr-pd-page .rr-pd-cart-form > * {
    max-width: 100% !important;
    min-width: 0 !important;
}

html body:not(.admin) .rr-pd-page .rr-pd-info-panel {
    overflow: hidden !important;
}

html body:not(.admin) .rr-pd-page .rr-pd-action-panel.rr-pd-action-panel {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
}

html body:not(.admin) .rr-pd-page .rr-pd-action-panel.rr-pd-action-panel > .rr-pd-cart-form {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    display: grid !important;
    align-items: stretch !important;
    justify-content: stretch !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body:not(.admin) .rr-pd-page .rr-pd-action-panel :is(.rr-pd-quantity-field,.rr-pd-quantity-stepper,.quantity-stepper,.rr-pd-wishlist-wrap,.rr-wishlist-toggle-btn,.rr-pd-add-btn,.rr-pd-buy-btn) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

html body:not(.admin) .rr-pd-page .rr-pd-action-panel :is(.rr-pd-add-btn,.rr-pd-buy-btn,.rr-wishlist-toggle-btn) {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

@media (min-width: 1601px) {
    html body:not(.admin) .rr-pd-page .rr-pd-action-panel.rr-pd-action-panel > .rr-pd-cart-form {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}

@media (min-width: 861px) and (max-width: 1600px) {
    html body:not(.admin) .rr-pd-page .rr-pd-action-panel.rr-pd-action-panel > .rr-pd-cart-form {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

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

@media (max-width: 1280px) {
    html body:not(.admin) .rr-pd-page .rr-pd-layout,
    html body:not(.admin) .rr-pd-page .product-detail-layout.rr-pd-layout {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 22px !important;
    }
}

@media (max-width: 860px) {
    html body:not(.admin) .rr-pd-page .rr-pd-shell {
        max-width: calc(100vw - 20px) !important;
    }

    html body:not(.admin) .rr-pd-page .rr-pd-action-panel.rr-pd-action-panel {
        padding: 12px !important;
    }

    html body:not(.admin) .rr-pd-page .rr-pd-action-panel.rr-pd-action-panel > .rr-pd-cart-form {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

@media (max-width: 1100px) {
    html body:not(.admin) .rr-pd-page .rr-pd-action-panel.rr-pd-action-panel > .rr-pd-cart-form {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    html body:not(.admin) .rr-pd-page .rr-pd-action-panel :is(.rr-pd-add-btn,.rr-pd-buy-btn,.rr-wishlist-toggle-btn,.rr-pd-quantity-stepper,.quantity-stepper) {
        min-height: 52px !important;
    }
}

@media (max-width: 420px) {
    html body:not(.admin) .rr-pd-page .rr-pd-shell {
        max-width: calc(100vw - 16px) !important;
    }

    html body:not(.admin) .rr-pd-page .rr-pd-action-panel.rr-pd-action-panel {
        padding: 10px !important;
    }
}