/* Dukhoon V98 — in-page bell dropdown and far-left brand on mobile. */
html body header.top .dk98-notifications { position: relative !important; display:inline-flex !important; flex:0 0 auto !important; align-items:center !important; }
html body header.top .dk98-notifications > button.dk95-bell {
  cursor:pointer !important; font:inherit !important; margin:0 !important;
  padding:0 !important; box-shadow:none !important; appearance:none;
}
html body header.top .dk98-notification-panel[hidden] { display:none !important; }
html body header.top .dk98-notification-panel {
  display:flex !important; flex-direction:column !important; position:absolute !important;
  top:calc(100% + 12px) !important; inset-inline-start:0 !important; inset-inline-end:auto !important;
  width:min(380px, calc(100vw - 20px)) !important; max-height:min(68vh, 520px) !important;
  z-index:10050 !important; direction:rtl !important;
  background:#fffaf3 !important; color:#342318 !important; -webkit-text-fill-color:initial !important;
  border:1px solid #c8a875 !important; border-radius:17px !important;
  box-shadow:0 18px 45px rgba(20,12,7,.33) !important; overflow:hidden !important;
}
html body header.top .dk98-notification-head { display:flex; justify-content:space-between; align-items:center; padding:13px 15px; background:#2c1d14; color:#fff5e6; }
html body header.top .dk98-notification-head strong { color:#fff5e6 !important; font-size:15px; }
html body header.top .dk98-close { margin:0 !important; padding:0 !important; width:30px; height:30px; border:1px solid #806448; background:#513623; border-radius:9px; color:white; font-size:23px; line-height:1; cursor:pointer; }
html body header.top .dk98-notification-items { overflow-y:auto; overscroll-behavior:contain; padding:4px 10px; flex:1 1 auto; }
html body header.top .dk98-item { padding:12px 8px; border-bottom:1px solid #eadcc9; font-size:12px; line-height:1.6; color:#4d382a; }
html body header.top .dk98-item:last-child { border-bottom:0; }
html body header.top .dk98-item.dk98-unread { background:#fff1d9; border-radius:9px; }
html body header.top .dk98-item strong { display:inline; font-size:13px; color:#392519 !important; }
html body header.top .dk98-item strong a { color:#392519 !important; -webkit-text-fill-color:#392519 !important; text-decoration:none; }
html body header.top .dk98-item strong a:hover { text-decoration:underline; }
html body header.top .dk98-item p { margin:5px 0; font-size:12px; color:#6e5440 !important; }
html body header.top .dk98-item small { color:#8d7258 !important; font-size:11px; }
html body header.top .dk98-new { display:inline-block; margin-inline-start:7px; padding:1px 7px; border-radius:99px; font-size:10px; background:#a66e24; color:#fff !important; }
html body header.top .dk98-status { margin:0; padding:22px 9px; text-align:center; color:#755d48; font-size:12px; }
html body header.top .dk98-view-all { display:block; padding:13px 15px; text-align:center; font-weight:800; text-decoration:none; background:#f4e7d4; color:#50351f !important; -webkit-text-fill-color:#50351f !important; border-top:1px solid #e4cfae; font-size:13px; }
html body header.top .dk98-view-all:hover { background:#e9d6b8; }
@media(max-width:760px) {
  html body header.top .dk95-header-inner,
  html body header.top .dk96-heading-cluster { width:100% !important; display:flex !important; flex-direction:row !important; justify-content:space-between !important; align-items:center !important; }
  html body header.top .dk96-heading-cluster .dk96-action-cluster { order:-1 !important; margin:0 !important; flex:0 0 auto !important; }
  html body header.top .dk96-heading-cluster > .brand {
    order:1 !important; margin:0 !important; margin-inline-start:auto !important;
    flex:0 0 auto !important; min-width:0 !important; max-width:calc(100% - 115px) !important;
  }
  html body header.top .dk96-heading-cluster .brand-text strong { text-align:right !important; }
  html body header.top .dk98-notifications { order:1 !important; }
  html body header.top .dk98-notification-panel {
    position:fixed !important; top:53px !important; left:10px !important; right:10px !important;
    inset-inline-start:auto !important; inset-inline-end:auto !important;
    width:auto !important; max-height:min(72dvh,520px) !important;
  }
}