.notice-popup {
    position: fixed;
    inset: 0;
    z-index: 100000;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 16px;
    background: rgba(15, 23, 42, .6);
    backdrop-filter: blur(3px);
}
.notice-popup.is-open { display: flex; animation: notice-fade .25s ease; }
.notice-popup__box {
    position: relative;
    width: 100%;
    max-width: 520px;
    max-height: 92vh;
    overflow-y: auto;
    padding: 36px 32px 28px;
    border-radius: 16px;
    background: #fff;
    text-align: center;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .35);
    font-family: Montserrat, Arial, sans-serif;
    color: #333;
    animation: notice-rise .3s ease;
}
.notice-popup__close {
    position: absolute;
    top: 10px;
    right: 14px;
    border: 0;
    background: none;
    font-size: 30px;
    line-height: 1;
    color: #999;
    cursor: pointer;
}
.notice-popup__close:hover { color: #333; }
.notice-popup__icon {
    width: 64px;
    height: 64px;
    margin: 0 auto 16px;
    border-radius: 50%;
    background: #fff4e0;
    color: #f59e0b;
    font-size: 36px;
    font-weight: 700;
    line-height: 64px;
}
.notice-popup__title { margin: 0 0 4px; font-size: 24px; font-weight: 700; color: #111; }
.notice-popup__subtitle { margin: 0 0 16px; font-size: 17px; font-weight: 500; }
.notice-popup__text { margin: 0 0 20px; font-size: 15px; line-height: 1.6; color: #555; }
.notice-popup__phone {
    display: block;
    margin-bottom: 8px;
    padding: 14px;
    border-radius: 10px;
    background: #2563eb;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    text-decoration: none;
}
.notice-popup__phone:hover { background: #1d4ed8; color: #fff; }
.notice-popup__messengers { margin: 0 0 20px; font-size: 14px; color: #555; }
.notice-popup__messengers b { color: #111; }
.notice-popup__sorry { margin: 0 0 20px; font-size: 14px; font-style: italic; color: #777; }
.notice-popup__ok {
    min-width: 160px;
    padding: 10px 28px;
    border: 0;
    border-radius: 8px;
    background: #111827;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
}
.notice-popup__ok:hover { background: #374151; }
@keyframes notice-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes notice-rise { from { transform: translateY(20px); opacity: 0; } to { transform: none; opacity: 1; } }
@media (max-width: 480px) {
    .notice-popup__box { padding: 30px 20px 22px; }
    .notice-popup__title { font-size: 21px; }
    .notice-popup__phone { font-size: 19px; }
}