.product-flags{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin:1px 0 3px}.product-flag{display:inline-flex;align-items:center;gap:5px;font-size:9px;font-weight:650;line-height:1.4;padding:4px 7px;border-radius:5px;letter-spacing:0}.product-flag i{width:4px;height:4px;flex:none;background:currentColor;border-radius:50%}.flag-in_stock{background:#e9f6ef;color:#298367}.flag-preorder{background:#fff4e0;color:#b17e2f}.flag-unavailable{background:#f1f3f7;color:#8a96aa}.flag-new{background:#eef0ff;color:#6b65ba}.c .b button.pri:disabled{background:#f2f4f8;color:#9aa5b7;border-color:#e7ebf2;cursor:not-allowed;opacity:1;font-size:10px}.c:has(.flag-unavailable) .im{opacity:.75}.catalog-row .product-flags{margin:7px 0 0}.catalog-row .product-flag{font-size:8px}.catalog-row h3{margin-bottom:2px!important}dialog>.product-flags{margin:-6px 0 17px}#pf .product-status-fields{display:grid;grid-template-columns:1.2fr 1fr;gap:14px;background:#f6f8fe;border:1px solid #e5ebf7;border-radius:11px;margin-top:16px;padding:4px 14px 14px}#pf .product-status-fields label{font-size:11px}#pf .product-status-fields select{font-size:12px;background:#fff}
#hd .notification-bell{position:relative;width:37px;height:36px;min-height:36px;padding:8px;flex:none;color:#5976ad;background:#f4f7ff;border:1px solid #e7edfa;overflow:visible}#hd .notification-bell:hover{background:#eaf0ff;color:#285ce6}.notification-count{position:absolute;right:-5px;top:-5px;min-width:16px;height:16px;border-radius:6px;padding:0 4px;background:#2d60e5;color:#fff;border:2px solid #fff;font-size:8px;font-weight:750;display:grid;place-items:center;line-height:1;box-shadow:0 2px 5px #285ce620}dialog:has(.notification-center){max-width:550px;padding:0;overflow:hidden}.notification-center{padding:25px 0 16px}.notification-heading{padding:0 25px;display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.notification-heading h3{margin:5px 0 2px!important;font-size:25px;letter-spacing:-.75px}.notification-heading .eyebrow{font-size:8px}.notification-heading>button{border:0;background:#f5f7fb;border-radius:9px;min-height:30px;min-width:30px;height:30px;padding:2px;font-size:21px;font-weight:400;color:#97a4b9}.notification-heading #notificationSummary{font-size:10px;color:#9ca9be;display:block;min-height:17px}button.notification-read-all{margin:12px 25px 17px;padding:5px 0;background:transparent;color:#577dca;border:0;min-height:27px;font-size:10px;box-shadow:none}.notification-read-all:disabled{opacity:.4;cursor:default}#notificationList{max-height:min(500px,60vh);overflow-y:auto;border-top:1px solid #edf1f7;border-bottom:1px solid #edf1f7;overscroll-behavior:contain}.notification-item{display:flex;align-items:flex-start;text-align:left;width:100%;white-space:normal;border:0;border-bottom:1px solid #edf1f7;border-radius:0;box-shadow:none;padding:19px 25px;gap:13px;background:#fff;min-height:0;font-weight:400;transition:background .15s}.notification-item:last-child{border-bottom:0}.notification-item:hover{background:#f7faff;box-shadow:none}.notification-item.is-unread{background:#f5f8ff}.notification-item.is-unread:hover{background:#eef4ff}.notification-icon{display:grid;place-items:center;height:36px;width:36px;flex:0 0 36px;border-radius:11px;background:#e9effc;color:#6585bf}.notification-icon.key-event{background:#e8f5ef;color:#5c9d87}.notification-copy{display:flex;flex-direction:column;flex:1;gap:5px;min-width:0}.notification-copy>b{font-size:12px;font-weight:650;letter-spacing:-.1px;color:#253d64}.notification-copy>small{font-size:10px;color:#8194b3;overflow-wrap:anywhere}.notification-copy>span{font-size:11px;line-height:1.7;color:#8c9ab0}.notification-copy>time{font-size:9px;color:#a6b1c2;margin-top:3px}.notification-unread{width:5px;height:5px;border-radius:50%;background:#4c7ced;margin-top:6px;flex:none}.notification-empty{padding:45px 35px 50px;text-align:center;color:#b0bed3}.notification-empty>svg{width:32px;height:32px}.notification-empty h4{font-size:15px;color:#7d90ac;font-weight:600;margin:18px 0 9px}.notification-empty p{font-size:11px;line-height:1.9;margin:0 auto;max-width:320px;color:#9eacc1}#notificationMore{display:flex;margin:14px auto 0;border:0;background:#f6f8fd;color:#6c83aa;font-size:10px;min-height:33px;padding:7px 18px}#notificationMore[hidden]{display:none}.notification-target{outline:2px solid #8eacf0!important;outline-offset:4px;box-shadow:0 0 0 8px #e8efff!important;scroll-margin-top:100px}
@media(max-width:700px){.product-flag{font-size:8px;padding:3px 6px}.product-flags{gap:4px;margin:0 0 2px}.c .b button.pri:disabled{font-size:9px}#hd .notification-bell{width:30px;height:30px;min-height:30px;padding:6px}.notification-count{height:14px;min-width:14px;right:-4px;top:-4px;border-radius:5px;font-size:7px}.notification-heading{padding:0 20px}.notification-heading h3{font-size:22px}.notification-item{padding:17px 20px;gap:11px}.notification-icon{height:31px;width:31px;flex-basis:31px;border-radius:10px}.notification-copy>b{font-size:11px}.notification-copy>span{font-size:10px}.notification-copy>small{font-size:9px}.notification-read-all{margin-left:20px!important}.notification-center{padding-top:22px}.notification-empty{padding:35px 25px}#pf .product-status-fields{grid-template-columns:1fr;gap:0}}
@media(max-width:480px){header .top{flex-wrap:wrap;gap:13px}#hd{width:100%;justify-content:flex-start}}
.c .b button.pri:disabled{white-space:normal;line-height:1.5}#notificationList{max-height:min(500px,calc(90vh - 190px))}

.notification-sound-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 25px 17px;padding:10px 12px;background:#f6f8fd;border:1px solid #e7edf8;border-radius:10px}.notification-sound-controls button{min-height:27px;padding:4px 0;border:0;background:transparent;font-size:10px;color:#7e91af;box-shadow:none}.notification-sound-controls .notification-sound-toggle{color:#4c76c6;font-weight:600}.notification-sound-toggle.is-muted{color:#96a3b6}.notification-sound-controls button:disabled{opacity:.4;cursor:default}#notificationList{max-height:min(500px,calc(90vh - 250px))}@media(max-width:700px){.notification-sound-controls{margin-left:20px;margin-right:20px}.notification-sound-controls button{font-size:9px}}

.admin-menu button .support-pending{margin-left:auto;min-width:24px;height:24px;padding:0 7px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:#e9eef8;color:#71809b;font-size:11px;font-weight:750;font-variant-numeric:tabular-nums;line-height:1}.admin-menu button .support-pending.has-pending{background:#2563eb;color:white;box-shadow:0 3px 9px #2563eb25}.admin-menu button.on .support-pending.has-pending{background:white;color:#2563eb}
