/* Zaravan 3.7.4 — notification dropdown anchored to the bell; mobile sheet fallback. */
body.zv-account-header .zv-notification-menu{display:block!important;position:relative!important}
body.zv-account-header .zv-notification-popover{
    position:absolute!important;top:calc(100% + 12px)!important;right:auto!important;left:0!important;z-index:2500!important;
    display:grid!important;grid-template-rows:auto minmax(0,1fr)!important;width:min(390px,calc(100vw - 28px))!important;
    max-height:min(520px,calc(100dvh - 96px))!important;margin:0!important;padding:0!important;overflow:hidden!important;
    color:#f5f7fb!important;background:linear-gradient(155deg,rgba(20,25,35,.995),rgba(8,12,18,.995))!important;
    border:1px solid rgba(255,255,255,.11)!important;border-radius:20px!important;box-shadow:0 24px 72px rgba(0,0,0,.48)!important;
    transform:none!important;opacity:1!important;visibility:visible!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important
}
body.zv-account-header .zv-notification-popover:before{content:""!important;position:absolute!important;top:-6px!important;left:16px!important;width:12px!important;height:12px!important;background:#151a24!important;border-top:1px solid rgba(255,255,255,.11)!important;border-left:1px solid rgba(255,255,255,.11)!important;transform:rotate(45deg)!important}
body.zv-account-header .zv-notification-popover[hidden]{display:none!important}
body.zv-account-header .zv-notification-backdrop{display:none!important}
body.zv-account-header .zv-notification-popover>header{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important;padding:15px 16px!important;background:rgba(255,255,255,.025)!important;border-bottom:1px solid rgba(255,255,255,.07)!important}
body.zv-account-header .zv-notification-popover>header div{display:grid!important;gap:2px!important;min-width:0!important}
body.zv-account-header .zv-notification-popover>header span{color:#8491a5!important;font-size:10px!important;font-weight:800!important}
body.zv-account-header .zv-notification-popover>header strong{color:#fff!important;font-size:13px!important;font-weight:950!important;white-space:normal!important}
body.zv-account-header .zv-notification-popover>header>a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:34px!important;padding:6px 9px!important;color:#a9ccff!important;background:rgba(89,157,255,.075)!important;border:1px solid rgba(89,157,255,.14)!important;border-radius:10px!important;font-size:9px!important;font-weight:900!important;white-space:nowrap!important}
body.zv-account-header .zv-notification-list{display:grid!important;gap:6px!important;min-height:0!important;padding:8px!important;overflow-y:auto!important;overscroll-behavior:contain!important;scrollbar-width:thin!important;scrollbar-color:rgba(139,160,199,.28) transparent!important}
body.zv-account-header .zv-notification-list>a{display:grid!important;grid-template-columns:40px minmax(0,1fr)!important;gap:10px!important;align-items:center!important;min-height:62px!important;padding:10px 11px!important;color:#eef3fb!important;background:rgba(255,255,255,.022)!important;border:1px solid transparent!important;border-radius:14px!important;text-decoration:none!important;transform:none!important}
body.zv-account-header .zv-notification-list>a:hover,body.zv-account-header .zv-notification-list>a:focus-visible{background:rgba(92,157,255,.075)!important;border-color:rgba(92,157,255,.16)!important;outline:none!important}
body.zv-account-header .zv-notification-list>a>i{display:grid!important;place-items:center!important;width:40px!important;height:40px!important;color:#9cc4ff!important;background:rgba(90,157,255,.09)!important;border-radius:12px!important}
body.zv-account-header .zv-notification-list>a span{display:grid!important;gap:3px!important;min-width:0!important}
body.zv-account-header .zv-notification-list>a strong{color:#f4f7fc!important;font-size:11px!important;font-weight:900!important;line-height:1.75!important;white-space:normal!important;overflow-wrap:anywhere!important}
body.zv-account-header .zv-notification-list>a small{color:#8491a4!important;font-size:9px!important;line-height:1.65!important;white-space:normal!important}
body.zv-account-header .zv-notification-empty{min-height:140px!important;padding:24px 16px!important;flex-direction:column!important;gap:9px!important;text-align:center!important;color:#8996a8!important}
body.zv-account-header .zv-notification-empty i{font-size:23px!important;color:#5fd29e!important}
body.zv374-notification-open{overflow:auto!important}

@media(max-width:720px){
 body.zv374-notification-open{overflow:hidden!important}
 body.zv-account-header .zv-notification-backdrop:not([hidden]){position:fixed!important;inset:0!important;z-index:2480!important;display:block!important;width:100vw!important;height:100dvh!important;padding:0!important;margin:0!important;background:rgba(0,0,0,.38)!important;border:0!important;border-radius:0!important;backdrop-filter:blur(2px)!important;-webkit-backdrop-filter:blur(2px)!important}
 body.zv-account-header .zv-notification-popover{position:fixed!important;top:72px!important;right:10px!important;left:10px!important;width:auto!important;max-height:calc(100dvh - 84px)!important;border-radius:20px!important}
 body.zv-account-header .zv-notification-popover:before{display:none!important}
 body.zv-account-header .zv-notification-popover>header{padding:14px!important}
 body.zv-account-header .zv-notification-list{padding:7px!important}
}
@media(max-width:480px){
 body.zv-account-header .zv-notification-popover{top:66px!important;right:7px!important;left:7px!important;max-height:calc(100dvh - 74px)!important;border-radius:18px!important}
 body.zv-account-header .zv-notification-popover>header{grid-template-columns:1fr auto!important;gap:8px!important}
 body.zv-account-header .zv-notification-popover>header>a{min-height:32px!important;padding-inline:8px!important}
 body.zv-account-header .zv-notification-list>a{grid-template-columns:36px minmax(0,1fr)!important;min-height:58px!important;padding:9px!important}
 body.zv-account-header .zv-notification-list>a>i{width:36px!important;height:36px!important}
}