.nav-icon-btn .nav-account-avatar{display:block;width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.nav-notif{position:relative;display:inline-flex}.nav-notif-panel{position:absolute;top:calc(100% + 10px);left:0;z-index:1080;direction:rtl;width:420px;max-width:calc(100vw - 32px);background:#fff;border:1px solid #dadada;border-radius:16px;box-shadow:0 5px 40px 0 rgba(0,0,0,.05);overflow:hidden;text-align:start;color:#1d1d1b}html[dir=ltr] .nav-notif-panel{direction:ltr}.nav-notif-head{padding:18px 20px 12px;border-bottom:1px solid #e4e4e4}.nav-notif-head-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.nav-notif-title{margin:0;font-size:22px;font-weight:700;color:#1d1d1b}.nav-notif-close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:100px;background:none;color:#3a3a3a;cursor:pointer}.nav-notif-close:hover{background:#f2f2f2}.nav-notif-markall{margin-top:6px;padding:0;border:none;background:none;font-size:15px;font-weight:600;color:#4c5c37;cursor:pointer}.nav-notif-list{list-style:none;margin:0;padding:0;max-height:360px;overflow-y:auto}.nav-notif-list li+li{border-top:1px solid #dadada}.nav-notif-item{display:flex;align-items:flex-start;gap:12px;width:100%;padding:16px 20px;border:none;background:#fff;text-align:start;cursor:pointer;transition:background-color .2s ease}.nav-notif-item:hover{background:#f7f8f5}.nav-notif-item.is-unread{background:#EDEFEB}.nav-notif-icon{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:100px;background:#F2F2F2;color:#4c5c37}.nav-notif-item.is-unread .nav-notif-icon{background:#fff}.nav-notif-body{display:flex;flex-direction:column;gap:4px;min-width:0}.nav-notif-item-title{display:inline-flex;align-items:center;gap:8px;font-size:16px;font-weight:500;color:#1d1d1b}.nav-notif-item.is-unread .nav-notif-item-title{font-weight:700}.nav-notif-dot{width:6px;height:6px;border-radius:50%;background:#4c5c37;flex:0 0 auto}.nav-notif-item-desc{font-size:14px;line-height:1.6;color:#3a3a3a}.nav-notif-time{font-size:13px;color:#6f6f6f}.nav-notif-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:72px 24px 88px}.nav-notif-empty-icon{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;margin-bottom:14px;border-radius:100px;background:#f2f2f2}.nav-notif-empty-title{margin:0 0 6px;font-size:18px;font-weight:700;color:#1d1d1b}.nav-notif-empty-desc{margin:0;font-size:14px;color:#3a3a3a}.nav-top-utils .nav-icon-btn{width:45px;height:45px;background:#f2f2f2}.nav-top-utils .nav-icon-btn:hover{background:#e5e9df}.nav-top-utils .nav-icon-btn svg{width:22px;height:22px}@media (max-width:991.98px){.nav-mobile-account .nav-notif{position:static}.nav-mobile-account .nav-notif-panel{position:fixed;top:84px;left:16px;right:16px;width:auto;max-width:none}}.nav-top-actions{position:relative}.nav-top-actions .nav-notif{position:static}.nav-face:has(.nav-notif-panel){z-index:1040}.nav-search{display:flex;align-items:center}.nav-search .nav-search-field{width:0;min-width:0;margin:0;
  /* !important to answer style.css's `.search-input { padding-right: 35px
     !important }` — the class the field carries so legacy-search binds Enter on
     it. Without this the closed field kept 35px of padding in the flow and sat
     between the icon and [En]. */padding:0!important;opacity:0;pointer-events:none;flex:0 0 auto;box-sizing:border-box;height:40px;border:0 solid transparent;border-radius:100px;background:#f2f2f2;color:#1e1e1e;font-family:inherit;font-size:15px;direction:rtl;text-align:right;transition:width .28s ease,margin .28s ease,padding .28s ease,border-width .28s ease,opacity .2s ease,border-color .2s ease}.nav-search.is-open .nav-search-field{width:240px;-webkit-margin-end:10px;margin-inline-end:10px;padding:0 16px!important;border-width:1px;opacity:1;pointer-events:auto}input.nav-search-field:focus{border-color:rgba(76,92,55,.45);box-shadow:none;outline:none}input.nav-search-field:-webkit-autofill,input.nav-search-field:-webkit-autofill:focus,input.nav-search-field:-webkit-autofill:hover{box-shadow:inset 0 0 0 1000px #f2f2f2;-webkit-text-fill-color:#1e1e1e;caret-color:#1e1e1e;-webkit-transition:background-color 9999s ease-in-out 0s;transition:background-color 9999s ease-in-out 0s}@media (max-width:991.98px){.nav-search.is-open .nav-search-field{width:160px;padding:0 12px!important}}@media (prefers-reduced-motion:reduce){.nav-search .nav-search-field{transition:none}}