.site-notifications{display:flex;align-items:center}
.notification-bell{position:relative;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #be9b60;border-radius:50%;background:#fff3d6;color:#64182c;cursor:pointer}
.notification-bell:hover{background:#ffe2a0}
.notification-badge{position:absolute;right:-5px;top:-5px;min-width:21px;height:21px;border-radius:20px;background:#b6253b;color:white;font:700 12px/21px Arial,sans-serif;border:1px solid white;text-align:center;padding:0 4px}
.notification-badge[hidden],.notification-panel[hidden]{display:none}
.notification-panel{position:fixed;right:max(16px,4vw);top:100px;width:min(420px,calc(100vw - 28px));max-height:calc(100dvh - 125px);overflow-y:auto;z-index:100;background:#fffdf8;border:1px solid #d6bf99;border-radius:10px;box-shadow:0 16px 50px #30101e33;padding:18px;color:#33282a;white-space:normal}
.notification-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.notification-heading h2{font:700 23px/1.3 'TNV Sans',Arial,sans-serif;margin:0;color:#571628}
.notification-close{font:28px/1 Arial,sans-serif;background:transparent;color:#571628;border:0;padding:4px 8px}
.notification-help{font-size:14px;line-height:1.5;color:#766764;margin:12px 0}
.notification-read-all{background:#f4e7ce;border:1px solid #d6bf99;border-radius:5px;padding:8px 12px;color:#571628;font-size:14px}
.notification-read-all:disabled{opacity:.6;cursor:default}
.notification-status{font-size:14px;color:#766764;margin:12px 0 0}
.notification-list{list-style:none;padding:0;margin:8px 0 0}
.notification-panel .notification-list a{display:block!important;margin:0!important;padding:14px!important;border:0!important;border-bottom:1px solid #e9ddcb!important;border-radius:0!important;background:transparent!important;color:#34272b!important;white-space:normal!important;font-size:16px!important;letter-spacing:normal}
.notification-panel .notification-list a:after{display:none!important}
.notification-panel .notification-list a:hover{background:#f5e8ce!important}
.notification-panel .notification-list a.unread{border-left:3px solid #a32740!important;background:#fff5e1!important}
.notification-list small{display:block;font-size:12px;color:#94703f;margin-bottom:5px}
.notification-list strong{display:block;font-weight:600;line-height:1.5}
@media(max-width:650px){.site-notifications{margin-top:12px}.notification-panel{top:72px;max-height:calc(100dvh - 90px)}}

header .site-notifications{margin-left:auto;flex-shrink:0}