/* TASK04NOV: compact "the store is not serving yet" notice at the end of the checkout. Isolated: only .luq-oh* rules. */
.luq-oh { position: fixed; inset: 0; z-index: 2000; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(16, 36, 66, .55); overflow-y: auto; }
.luq-oh__dialog { box-sizing: border-box; width: 100%; max-width: 480px; max-height: 100%; overflow-y: auto; padding: 24px; background: #fff; color: #1b2b44; border: 1px solid #d9e1ec; border-radius: 12px; box-shadow: 0 1px 2px rgba(16, 36, 66, .08), 0 12px 32px rgba(16, 36, 66, .18); font-family: Poppins, system-ui, sans-serif; }
.luq-oh__head { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }
.luq-oh__icon { font-size: 1.25rem; line-height: 1; }
.luq-oh__title { flex: 1; margin: 0; font-size: 1.25rem; font-weight: 600; line-height: 1.3; color: #102442; }
.luq-oh__close { flex: 0 0 44px; min-width: 44px; min-height: 44px; border: 0; border-radius: 8px; background: transparent; color: #44546b; font-size: 28px; line-height: 1; cursor: pointer; }
.luq-oh__close:hover { background: #f1f5f9; }
.luq-oh__close:focus-visible { outline: 3px solid #0b6f7a; outline-offset: 2px; }
.luq-oh__facts { margin: 0 0 8px; font-size: .875rem; color: #44546b; }
.luq-oh__intro { margin: 0 0 16px; font-size: .9375rem; line-height: 1.5; color: #1b2b44; }
.luq-oh__check { display: flex; align-items: flex-start; gap: 12px; min-height: 44px; margin: 0 0 16px; font-size: .9375rem; line-height: 1.4; cursor: pointer; }
.luq-oh__check input { flex: 0 0 20px; width: 20px; height: 20px; margin-top: 2px; accent-color: #102442; }
.luq-oh__actions { display: flex; flex-direction: column; gap: 8px; }
.luq-oh__btn { min-height: 44px; padding: 0 20px; font: 600 .9375rem/1 Poppins, system-ui, sans-serif; border-radius: 8px; border: 1px solid transparent; cursor: pointer; transition: background-color .2s ease-out, border-color .2s ease-out, transform .2s ease-out; }
.luq-oh__btn--primary { background: #2c6cb0; color: #fff; }
.luq-oh__btn--primary:hover:not(:disabled) { background: #22558a; transform: translateY(-1px); }
.luq-oh__btn--secondary { background: #fff; color: #102442; border-color: #b8c4d6; }
.luq-oh__btn--secondary:hover:not(:disabled) { border-color: #102442; }
.luq-oh__btn:focus-visible, .luq-oh__check input:focus-visible { outline: 3px solid #0b6f7a; outline-offset: 2px; }
.luq-oh__btn:disabled { background: #e6ebf2; color: #5b6b82; border-color: #e6ebf2; cursor: not-allowed; transform: none; }
.luq-oh__foot { margin: 16px 0 0; font-size: .875rem; color: #44546b; text-align: center; }
@media (min-width: 576px) { .luq-oh__actions { flex-direction: row; justify-content: flex-end; } .luq-oh__btn { min-width: 160px; } }
@media (max-height: 420px) { .luq-oh { align-items: flex-start; } .luq-oh__dialog { padding: 16px; } }
@media (prefers-reduced-motion: reduce) { .luq-oh__btn { transition: none; } .luq-oh__btn--primary:hover:not(:disabled) { transform: none; } }