/* AutoStyle project rework: unified header, catalog button, account and notifications */
.topbar .bar{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
}
.topbar .catalog-menu,
.topbar .catalog-btn{
  flex:0 0 auto !important;
}
.topbar .catalog-btn,
.topbar a.catalog-btn,
.topbar button.catalog-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  min-width:118px !important;
  max-width:118px !important;
  height:48px !important;
  min-height:48px !important;
  padding:0 18px !important;
  margin:0 !important;
  border:0 !important;
  border-radius:16px !important;
  background:var(--green,#34e21f) !important;
  color:#071009 !important;
  font-size:15px !important;
  line-height:1 !important;
  font-weight:900 !important;
  white-space:nowrap !important;
  box-shadow:none !important;
  text-decoration:none !important;
  cursor:pointer !important;
}
.topbar .catalog-btn:hover{
  transform:none !important;
  filter:brightness(.97) !important;
}
.topbar .icon-btn,
.topbar button.icon-btn,
.topbar a.icon-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  min-width:auto !important;
  max-width:none !important;
  height:46px !important;
  padding:0 15px !important;
  margin:0 !important;
  border:1px solid var(--line,#e8ebef) !important;
  border-radius:16px !important;
  background:#fff !important;
  color:#101217 !important;
  font-size:14px !important;
  font-weight:800 !important;
  line-height:1 !important;
  white-space:nowrap !important;
  text-decoration:none !important;
  cursor:pointer !important;
}
.topbar .as-account-wrap{
  position:relative !important;
  display:inline-flex !important;
  flex:0 0 auto !important;
}
.topbar .as-account-popup{
  position:absolute !important;
  top:calc(100% + 12px) !important;
  right:0 !important;
  width:260px !important;
  padding:14px !important;
  display:none !important;
  background:#fff !important;
  border:1px solid var(--line,#e8ebef) !important;
  border-radius:20px !important;
  box-shadow:0 22px 70px rgba(16,24,40,.16) !important;
  z-index:10050 !important;
}
.topbar .as-account-wrap.open .as-account-popup{
  display:grid !important;
  gap:8px !important;
}
.as-account-popup b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.as-account-popup .muted{margin:0 0 5px;color:#667085;font-size:13px}
.as-account-popup a,
.as-account-popup button{
  display:flex !important;
  align-items:center !important;
  width:100% !important;
  min-height:38px !important;
  border:0 !important;
  border-radius:12px !important;
  padding:9px 10px !important;
  background:#f7f8fa !important;
  color:#101217 !important;
  font-weight:800 !important;
  text-decoration:none !important;
  cursor:pointer !important;
  font:inherit !important;
}
.as-account-popup a:hover,.as-account-popup button:hover{background:#eef1f4 !important}
.as-account-popup hr{width:100%;border:0;border-top:1px solid var(--line,#e8ebef);margin:4px 0}
.as-notify-dropdown{
  position:fixed !important;
  top:74px !important;
  right:250px !important;
  left:auto !important;
  width:380px !important;
  max-width:calc(100vw - 24px) !important;
  display:none !important;
  z-index:10040 !important;
  background:#fff !important;
  border:1px solid var(--line,#e8ebef) !important;
  border-radius:22px !important;
  box-shadow:0 24px 80px rgba(16,24,40,.18) !important;
  overflow:hidden !important;
}
.as-notify-dropdown.open{display:block !important}
.as-notify-btn{position:relative !important}
.as-notify-count:empty{display:none !important}
.as-notify-count:not(:empty){
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  min-width:18px;height:18px;margin-left:6px;padding:0 5px;border-radius:99px;background:#e11d48;color:#fff;font-size:11px;font-weight:900;
}
@media(max-width:980px){
  .topbar .catalog-btn,.topbar a.catalog-btn,.topbar button.catalog-btn{max-width:112px !important;min-width:112px !important;height:44px !important;padding:0 14px !important}
  .as-notify-dropdown{right:12px !important;top:118px !important;width:calc(100vw - 24px) !important}
}
@media(max-width:560px){
  .topbar .catalog-btn,.topbar a.catalog-btn,.topbar button.catalog-btn{display:inline-flex !important;min-width:104px !important;max-width:104px !important;height:42px !important;font-size:14px !important}
}