.notification-bell-wrapper{position:relative;display:inline-block;margin-right:12px}#notification-bell{width:24px;height:24px;cursor:pointer;color:inherit;background:none;border:none;padding:4px;border-radius:4px;transition:all .2s ease}#notification-bell:hover{transform:scale(1.1);background-color:#ffffff1a}#notification-bell:focus{outline:2px solid #007bff;outline-offset:2px}.notification-badge{position:absolute;top:-5px;right:-5px;background:#dc3545;color:#fff;border-radius:50%;padding:2px 6px;font-size:10px;font-weight:600;min-width:18px;text-align:center;border:2px solid white;z-index:2}.notification-badge.hidden{display:none}.swappy-notifications-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:320px;max-height:400px;overflow-y:auto;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000}.notification-dropdown.hidden{display:none}.swappy-notifications-dropdown ul{list-style:none;margin:0;padding:8px 0}.swappy-notifications-dropdown li{margin:0;padding:0}.swappy-notification-item-link{display:flex;align-items:center;gap:12px;padding:12px 16px;color:inherit;text-decoration:none;border-bottom:1px solid #f0f0f0;transition:background-color .2s ease}.swappy-notification-item-link:hover{background-color:#f8f9fa}.swappy-notification-item-link:last-child{border-bottom:none}.swappy-notification-item-link img{width:40px!important;height:40px!important;object-fit:cover;border-radius:4px;flex-shrink:0}.swappy-notification-placeholder-img{width:40px;height:40px;background:#e9ecef;border-radius:4px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.swappy-notification-placeholder-img:after{content:"\1f4e6";font-size:16px}.swappy-notification-content{flex:1;min-width:0}.swappy-notification-content strong{display:block;font-size:14px;font-weight:600;margin-bottom:4px;line-height:1.3}.swappy-notification-content small{display:block;font-size:12px;color:#666;line-height:1.2}.notification-time{margin-top:2px!important}.notification-item.unread{background-color:#007bff0d}.notification-item.unread:before{content:"";position:absolute;left:4px;top:50%;transform:translateY(-50%);width:6px;height:6px;background:#007bff;border-radius:50%}.notification-item.unread .swappy-notification-item-link{padding-left:20px}.notification-loading,.notification-error,.notification-empty{padding:20px;text-align:center;color:#666}.notification-error{color:#dc3545;background-color:#dc35451a;margin:8px;border-radius:4px}.notification-footer{padding:12px 16px;border-top:1px solid #eee;background:#f8f9fa;text-align:center;border-radius:0 0 8px 8px}.notification-footer-link{color:#007bff;text-decoration:none;font-size:14px;font-weight:500}.notification-footer-link:hover{text-decoration:underline}@media (max-width: 480px){.swappy-notifications-dropdown{width:280px;right:-10px}.swappy-notification-item-link{padding:10px 12px;gap:10px}.swappy-notification-item-link img,.swappy-notification-placeholder-img{width:32px!important;height:32px!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/notification-system.css.map */