/* UA notifications bell (copy of the RU bell + panel). Used by global block NEWHEAD. Informer: $MYINF_34$ */
li.notifications.dkl-user-menu__right-buttons_item > a.notificationLink {
 display: flex !important; align-items: center !important; justify-content: center !important;
 width: 46px !important; height: 46px !important; border-radius: 50% !important;
 background: #ffffff !important; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
 position: relative !important; text-decoration: none !important;
 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}
.black_theme li.notifications.dkl-user-menu__right-buttons_item > a.notificationLink {background: rgba(255, 255, 255, 0.1) !important;}
li.notifications.dkl-user-menu__right-buttons_item > a.notificationLink::before {
 content: ''; position: absolute; inset: -2px; border-radius: 50%;
 background: linear-gradient(135deg, #ffb940, #ff9500);
 opacity: 0; transition: opacity 0.3s ease; z-index: -1;
}
li.notifications.dkl-user-menu__right-buttons_item > a.notificationLink:hover::before {opacity: 1;}
li.notifications.dkl-user-menu__right-buttons_item > a.notificationLink:hover {
 transform: translateY(-4px) scale(1.08) !important;
 box-shadow: 0 8px 20px rgba(255, 185, 64, 0.3) !important;
}
li.notifications.dkl-user-menu__right-buttons_item > a.notificationLink > svg {
 width: 22px !important; height: 22px !important; stroke: #2d2d2d !important;
 fill: none !important; stroke-width: 2 !important; stroke-linecap: round !important;
 stroke-linejoin: round !important; transition: all 0.3s ease !important;
}
.black_theme li.notifications.dkl-user-menu__right-buttons_item > a.notificationLink > svg {stroke: #ffffff !important;}
li.notifications.dkl-user-menu__right-buttons_item > a.notificationLink:hover > svg {
 stroke: #ffffff !important; animation: bell-ring 0.5s ease !important;
}
@keyframes bell-ring {
 0%, 100% { transform: rotate(0deg); }
 10%, 30%, 50%, 70%, 90% { transform: rotate(-8deg); }
 20%, 40%, 60%, 80% { transform: rotate(8deg); }
}
li.notifications.dkl-user-menu__right-buttons_item > span.notifications-count {
 position: absolute !important; top: -6px !important; right: -6px !important;
 min-width: 24px !important; height: 24px !important; padding: 0 7px !important;
 display: flex !important; align-items: center !important; justify-content: center !important;
 background: linear-gradient(135deg, #ff6b6b 0%, #ff4757 100%) !important;
 color: #ffffff !important; font-size: 12px !important; font-weight: 700 !important;
 border-radius: 12px !important; border: 3px solid #ffffff !important;
 box-shadow: 0 4px 12px rgba(255, 71, 87, 0.4) !important;
 animation: badge-pulse 2s ease-in-out infinite !important;
}
.black_theme li.notifications.dkl-user-menu__right-buttons_item > span.notifications-count {border-color: rgba(0, 0, 0, 0.3) !important;}
@keyframes badge-pulse {
 0%, 100% { box-shadow: 0 4px 12px rgba(255, 71, 87, 0.4), 0 0 0 0 rgba(255, 71, 87, 0.7); }
 50% { box-shadow: 0 4px 12px rgba(255, 71, 87, 0.4), 0 0 0 6px rgba(255, 71, 87, 0); }
}
@media (max-width: 768px) {
 li.notifications.dkl-user-menu__right-buttons_item > a.notificationLink {width: 42px !important; height: 42px !important;}
 li.notifications.dkl-user-menu__right-buttons_item > a.notificationLink > svg {width: 20px !important; height: 20px !important;}
}
@media (max-width: 480px) {
 li.notifications.dkl-user-menu__right-buttons_item > a.notificationLink {width: 38px !important; height: 38px !important;}
 li.notifications.dkl-user-menu__right-buttons_item > a.notificationLink > svg {width: 18px !important; height: 18px !important;}
}
/* the RU badge ignored its own hide logic (display:flex !important beat inline display:none), so the badge always showed "0": hide it properly when empty */
li.notifications.dkl-user-menu__right-buttons_item > span.notifications-count.is-empty { display: none !important; }
li.notifications.dkl-user-menu__right-buttons_item { position: relative; }
/* overlay + panel open state (own classes, independent from the login panel) */
.site-overlay3 { display: none; }
.pushy-active3 .site-overlay3 { display: block; position: fixed; inset: 0; z-index: 999; background-color: rgba(0,0,0,.5); }
body.pushy-active3 { overflow: hidden; }
.pushy-active3 .navbar-mobile_n { display: none !important; }
/* same rule as on RU (dkl/new2.css): keeps the X of the side panels at the top right on phones (also fixes the login panel) */
.pushy-open .close { margin-top: 0 !important; }
/* list inside the panel (from RU dkl/new2.css) */
.dkl-notifications { margin: 0 auto; }
.dkl-notifications__title { font-weight: bold; font-size: 20px; color: #ffffff; text-align: left; position: absolute; top: 29px; }
.dkl-notifications__items { display: flex; flex-direction: column; padding: 0; margin: 0; list-style: none; }
.dkl-notifications__item a { display: flex; align-items: flex-start; justify-content: center; color: dimgrey !important; text-decoration: none !important; }
.dkl-notifications__item { margin: 20px 0; border-bottom: 1px solid #393939; padding-bottom: 20px; }
.dkl-notifications__item:last-child { padding-bottom: 0; border-bottom: 0; margin-bottom: 0; }
.dkl-notifications__img { width: 70px; height: 70px; background-size: cover; background-repeat: no-repeat; background-position: center; border-radius: 50px; flex: 0 0 70px; }
.dkl-notifications__info { width: calc(100% - 80px); padding-left: 10px; }
.dkl-notifications__action { font-size: 13px; text-align: left; color: #3df51e; margin-bottom: 7px; }
.dkl-notifications__description { font-size: 16px; line-height: 18px; color: white; max-height: 38px; overflow: hidden; text-align: left; }
.dkl-notifications__viewed { width: 10px; height: 10px; background: #0497ff; border-radius: 50px; margin-top: 10px; flex: 0 0 10px; }
.dkl-notifications__price { font-size: 14px; color: #ff2323; font-weight: bold; }
.dkl-notifications__button { font-size: 13px; padding: 4px; border: 2px solid; display: inline-block; line-height: 13px; border-radius: 3px; }
.dkl-notifications__more { display: flex; justify-content: space-between; margin-top: 5px; }
.dkl-notifications__button:hover { background: gray; color: white; transition: .5s ease; cursor: pointer; border-color: gray; }
.dkl-notifications__item a:hover { text-decoration: none; color: #cbcbcb; }
.dkl-notifications__date { font-size: 12px; font-weight: bold; color: #939393; text-align: left; }
li.dkl-notifications__item.viewed .dkl-notifications__viewed { background: transparent; }
li.dkl-notifications__item.viewed { opacity: .5; filter: grayscale(1); }
.user-side.notification-block { overflow-y: auto; }
.dkl-notifications__empty { color: #939393; font-size: 16px; text-align: left; margin-top: 30px; }
/* bell in the mobile bottom bar (4th icon, like RU) */
.navbar-mobile_n a.navbar-mobile_icon_favorites svg path { fill: #c8c8d1; }
.navbar-mobile_n a.navbar-mobile_icon_favorites .notifications-count { position: absolute; top: -9px; right: -12px; min-width: 16px; height: 16px; padding: 0 4px; border-radius: 50px; background: #f7ab00; color: #000; font-size: 10px; line-height: 16px; text-align: center; font-weight: 700; width: auto; display: block; }
.navbar-mobile_n a.navbar-mobile_icon_favorites .notifications-count.is-empty { display: none; }
@media print { section#ua-notif-panel, .site-overlay3 { display: none !important; } }