/* Scoped additions: the storefront cards/category rail stay untouched. */
.notification-widget{position:relative}
.notification-bell{position:relative}
.notification-count{position:absolute;top:-4px;right:-5px;min-width:19px;height:19px;padding:2px 4px;border-radius:12px;background:#d22e32;color:#fff;border:2px solid #fff;font:700 11px/12px sans-serif;text-align:center}
.notification-panel{position:absolute;top:52px;left:0;width:350px;max-width:calc(100vw - 24px);background:#fffef9;border:1px solid #e5dfcf;border-radius:20px;box-shadow:0 18px 50px #17171325;z-index:120;padding:16px;text-align:right;max-height:70vh;overflow:auto;overscroll-behavior:contain}
.notification-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.notification-panel-head h2{margin:0;font-size:20px;color:#181815}
.notification-panel-head button,.notification-toast button{border:0;background:transparent;color:inherit;font-size:25px;padding:6px;min-width:44px;min-height:44px}
.notification-hint{color:#68655c;font-size:13px;line-height:1.7;margin:4px 0 12px}
.notification-read-all,.notification-mark{background:transparent!important;color:#51491c!important;border:0!important;text-decoration:underline;padding:8px 0!important;box-shadow:none!important;font-size:12px!important;min-height:40px}
.notification-item{position:relative;border:1px solid #e7e3d7;border-radius:13px;background:#fff;padding:13px;margin:10px 0;text-align:right}
.notification-item.is-unread{background:#fff8da;border-inline-start:3px solid #ebbe00}
.notification-item-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;color:#726d5d;margin-bottom:8px}
.notification-item.is-unread .notification-item-meta span{color:#9b292a;font-weight:700}
.notification-link{display:block;color:#22221e!important;line-height:1.6}
.notification-link::after{content:"";position:absolute;inset:0;border-radius:13px;z-index:1}
.notification-item .notification-mark{position:relative;z-index:2}
.notification-read-all,.notification-mark{width:44px!important;height:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.notification-item form{position:relative;z-index:2;width:44px}
.notification-link strong{font-size:15px}
.notification-link p{font-size:13px;margin:5px 0;color:#655f51}
.notification-link small{font-size:11px;color:#716122}
.notification-all{display:block;text-align:center;color:#25231c!important;background:#ffde31;border-radius:12px;padding:12px;margin-top:12px;font-weight:700}
.notification-inbox{max-width:720px;margin:0 auto}
.notification-inbox-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px;font-size:13px}
.notification-inbox-actions button{background:#ffde31!important;color:#1e1c15!important}
.notification-empty{text-align:center;padding:30px 10px;color:#68655c}
.notification-toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);width:min(360px,calc(100vw - 28px));z-index:150;display:flex;align-items:center;gap:8px;padding:12px 16px;background:#24231f;color:#fff;border-radius:16px;box-shadow:0 8px 35px #0003;border-inline-start:4px solid #ffde31;animation:notification-enter .18s ease-out}
.notification-toast a{color:#fff!important;flex:1;font-size:14px;line-height:1.6}
.notification-toast button{color:#ffde31}
.notification-widget [hidden],.notification-toast[hidden]{display:none!important}
.notification-widget :focus-visible,.notification-inbox :focus-visible,.notification-toast :focus-visible{outline:3px solid #8c7200;outline-offset:3px}
[id^="delivery-"],[id^="ticket-"]{scroll-margin-top:110px}
[id^="delivery-"]:target,[id^="ticket-"]:target{outline:2px solid #ebbe00;outline-offset:4px}
@media(max-width:600px){.notification-panel{position:fixed;left:12px;right:12px;top:116px;width:auto;max-width:none;max-height:calc(100dvh - 210px)}}
@keyframes notification-enter{from{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){.notification-toast{animation:none}}