.sits-backorder-modal[hidden] { display: none !important; }
.sits-backorder-modal {
    position: fixed !important; inset: 0 !important; z-index: 2147483647;
    display: flex !important; align-items: center; justify-content: center;
    padding: 20px; box-sizing: border-box; background: rgba(0,0,0,.6);
    overflow-y: auto; text-align: left;
}
.sits-backorder-modal .sits-backorder-modal__panel {
    background: #fff; color: #222; width: 100%; max-width: 460px;
    max-height: calc(100dvh - 40px); overflow-y: auto;
    border-radius: 12px; padding: 28px; box-sizing: border-box;
    border-top: 4px solid var(--sits-primary, #256d4a); box-shadow: 0 16px 50px rgba(0,0,0,.25);
}
.sits-backorder-modal h2 { color: var(--sits-secondary, #143726); font-size: 23px; line-height: 1.3; margin: 0 0 16px; }
.sits-backorder-modal .sits-backorder-modal__message { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 16px; line-height: 1.6; margin: 0 0 20px; color: #222; }
.sits-backorder-modal .sits-backorder-modal__error { color: #a12622; font-size: 14px; line-height: 1.4; margin: 0 0 12px; }
.sits-backorder-modal .sits-backorder-modal__error:empty { display: none; }
.sits-backorder-modal .sits-backorder-modal__button { display: block; width: 100%; border: 0; border-radius: 6px; padding: 13px 20px; background: var(--sits-primary, #256d4a); color: var(--sits-primary-text, #fff); font: inherit; font-weight: 600; cursor: pointer; }
.sits-backorder-modal .sits-backorder-modal__button:focus-visible { outline: 3px solid var(--sits-secondary, #143726); outline-offset: 3px; }
.sits-backorder-modal .sits-backorder-modal__button:disabled { opacity: .65; cursor: wait; }
@media (max-width: 480px) { .sits-backorder-modal .sits-backorder-modal__panel { padding: 22px; } }

.sits-backorder-modal .sits-backorder-modal__button:hover { background: var(--sits-secondary, #143726); color: var(--sits-secondary-text, #fff); }