.notification-bell{position:relative;flex:0 0 46px;width:46px;height:46px;border:1px solid #e3eaf4;border-radius:15px;background:#fff;color:#142b49;display:grid;place-items:center;cursor:pointer}
.notification-bell:hover{background:#edf4ff}.notification-bell svg{width:24px;height:24px}
.notification-count{position:absolute;right:-5px;top:-5px;min-width:20px;height:20px;padding:0 4px;border:2px solid #fff;border-radius:20px;background:#ef474c;color:white;font-size:11px;font-weight:800;line-height:16px}.notification-count[hidden]{display:none}
#notifications{box-sizing:border-box;width:min(580px,calc(100% - 24px));max-height:85vh;max-height:85dvh;padding:0;border:1px solid #e0e8f4;border-radius:24px;background:#f8faff;color:#132b49;overflow:auto;overscroll-behavior:contain;box-shadow:0 24px 90px #10234030}
#notifications::backdrop{background:#10234066;backdrop-filter:blur(3px)}
.notifications-heading{position:sticky;top:0;background:#fff;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #e3eaf4}
.notifications-heading h2{margin:0;font-size:22px}.notifications-heading button{min-width:44px;min-height:44px;border:0;border-radius:12px;background:#f0f4fb;font-size:24px}
.notifications-controls{padding:16px 22px 8px}.notifications-tabs{display:flex;gap:6px;flex-wrap:wrap}.notifications-tabs button{min-height:44px;padding:8px 13px;background:white;border:1px solid #dbe4f2;border-radius:22px;font-size:14px;color:#52647e}.notifications-tabs button[aria-pressed=true]{color:white;background:#075de5;border-color:#075de5}
.notification-actions{display:flex;justify-content:space-between;gap:10px;margin-top:10px}.notification-actions button{background:none;border:0;color:#075de5;min-height:44px;font-size:14px}.notification-actions button:disabled{opacity:.45}
#notification-status{font-size:13px;color:#67788f;margin:3px 0 12px}
.notification-settings{display:flex;flex-wrap:wrap;gap:10px 20px;font-size:14px;margin:10px 0}.notification-settings label{min-height:44px;display:flex;align-items:center;gap:6px}.notification-settings input{width:18px;height:18px;accent-color:#075de5}
.notification-note{font-size:13px;line-height:1.7;color:#64748b;margin:10px 0}
#notification-list{padding:0 14px 16px;list-style:none;margin:0;display:grid;gap:10px}.notification-item{background:white;border:1px solid #e0e8f4;border-radius:18px;overflow:hidden}.notification-item.unread{border-color:#a6c6ff;box-shadow:inset 4px 0 #075de5}.notification-item button{text-align:left;width:100%;padding:18px;border:0;background:none;color:inherit;cursor:pointer}.notification-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:12px}.notification-meta time{color:#6c7b90}.notification-kind{font-weight:750;color:#075de5}.notification-kind.s{color:#9b6400}.notification-item h3{font-size:16px;line-height:1.6;margin:10px 0;overflow-wrap:anywhere}.notification-item p{font-size:14px;line-height:1.6;margin:5px 0}.notification-price{font-weight:750}.notification-price strong{display:block;color:#075de5;font-size:14px}.notification-link{display:block;margin-top:10px;color:#64748b;font-size:13px}.price-down{color:#075de5;font-weight:750}.price-up{color:#c74037;font-weight:750}.notification-empty{padding:30px 22px 44px;text-align:center;color:#64748b}.notification-empty>span{font-size:40px;color:#075de5}.notification-empty h3{font-size:18px;color:#132b49}.notification-empty p{font-size:15px;line-height:1.8}
@media(max-width:650px){.header-inner{flex-wrap:wrap;gap:8px}.header-inner>.brand{margin-right:auto}.header-search{order:3;flex:1 0 100%;width:100%}.notification-bell{margin-left:auto}html{scroll-padding-top:calc(126px + env(safe-area-inset-top))}#notifications{border-radius:20px;max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 24px)}.notifications-heading{padding:12px 16px}.notifications-controls{padding:12px 16px 4px}}
.native-push-box{background:#edf4ff;border:1px solid #d6e6ff;border-radius:14px;padding:12px;margin:8px 0 16px}.native-push-box .primary{min-height:44px;font-size:14px;margin-top:4px}.native-push-box button[hidden]{display:none}