/**
 * Quick View Modal Positioning Fix
 * Plain CSS file - not processed by LESS
 */

/* Critical positioning rules */
.sp-quickview-modal.modal-popup,
.modal-popup.sp-quickview-modal,
aside.sp-quickview-modal {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 900 !important;
    overflow-y: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 20px !important;
    margin: 0 !important;
}

/* Ensure modal inner wrap is centered */
.sp-quickview-modal .modal-inner-wrap {
    position: relative !important;
    margin: 40px auto !important;
}

/* Hide when not shown */
.sp-quickview-modal:not(._show) {
    display: none !important;
}