.notification .modal-content{background:none}
.notification .modal-body{background:var(--notification-body-bg);border-radius:var(--border-radius-1)}
.notification__text {margin:0 0 10px;font-size:.95em;color:var(--notification-text-c)}
.notification__text > p {margin:0}
.notification__text > a{text-decoration:underline}
.notification__buttons{text-align:right;white-space:nowrap}
.notification__button + .notification__button {margin:0 0 0 10px}

/* Плавающее уведомление: карточка внизу слева, белый фон, кнопки в цветах темы */
.notification.fixed {position:fixed;z-index:1070;left:20px;right:auto;bottom:20px;width:auto;animation:notification-in .2s ease-out}
.notification.fixed .container {width:auto;max-width:calc(100vw - 40px);padding:0}
.notification__wrapper.fixed {display:block;max-width:380px;padding:20px 22px;background:#fff;border-radius:var(--border-radius-1);box-shadow:0 12px 35px rgba(0, 0, 0, .18)}
.notification__text.fixed {margin:0 0 10px;color:var(--body-c, #333)}

.notification__more {display:block;margin:0 0 16px;color:var(--menu-main-bg);font-weight:600;text-decoration:none}
.notification__more:hover {color:var(--menu-main-header-bg, var(--menu-main-bg));text-decoration:underline}

.notification.fixed .notification__buttons {display:flex;align-items:center;flex-wrap:wrap;gap:10px;text-align:left;white-space:normal}
.notification.fixed .notification__button.btn-primary {background:var(--menu-main-bg)}
.notification.fixed .notification__button.btn-primary:hover,
.notification.fixed .notification__button.btn-primary:focus {background:var(--menu-main-header-bg, var(--menu-main-bg))}
.notification__button.cancel {color:var(--menu-main-bg);background:none;border:none;text-decoration:none}
.notification__button.cancel:hover {color:var(--menu-main-header-bg, var(--menu-main-bg));text-decoration:underline}

@keyframes notification-in{from{opacity:0;transform:translateY(12px)} to{opacity:1;transform:translateY(0)}}
@-webkit-keyframes notification-in{from{opacity:0;transform:translateY(12px)} to{opacity:1;transform:translateY(0)}}

@media (max-width:767px){
	.notification__text {font-size:.85em}
}

@media (max-width:480px){
	.notification.fixed {left:12px;bottom:12px}
	.notification.fixed .container {max-width:calc(100vw - 24px)}
	.notification__wrapper.fixed {max-width:none;padding:16px 18px}
}