/* BELIEVE Account — sidebar refinement layer
   Load after account-sidebar-polish.css on /account. */

.account-sidebar-menu {
  max-width: 268px !important;
  padding: 20px 18px !important;
  border-radius: 24px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.78), 0 22px 62px rgba(17,24,39,.05) !important;
}

.account-sidebar-menu a,
.account-sidebar-menu .nav-link,
.account-sidebar-menu .menu-accordion-title,
.account-sidebar-menu .accordion-sub-link {
  font-size: 13px !important;
  line-height: 1.16 !important;
}

.account-sidebar-menu > .nav-link,
.account-sidebar-menu .menu-accordion-head {
  min-height: 29px !important;
  padding: 5px 7px !important;
  border-radius: 11px !important;
}

.account-sidebar-menu .menu-accordion-head {
  gap: 8px !important;
}

.account-sidebar-menu .menu-accordion-icon {
  width: 16px !important;
  height: 16px !important;
  font-size: 12px !important;
}

.account-sidebar-menu .menu-accordion-content {
  padding-left: 6px !important;
}

.account-sidebar-menu .accordion-sub-link {
  padding: 4px 0 4px 14px !important;
  font-size: 12px !important;
  line-height: 1.18 !important;
}

.account-sidebar-recent,
#recent-purchase-link {
  min-height: 210px !important;
  margin-top: 16px !important;
  padding: 0 !important;
  background: rgba(255,255,255,.42) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.78), 0 14px 34px rgba(17,24,39,.04) !important;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, opacity .9s cubic-bezier(.22,1,.36,1) !important;
}

#recent-purchase-link > div,
#recent-purchase-link > .div-block-570,
#recent-purchase-link > .div-block-571,
.account-sidebar-recent > div {
  width: 100% !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
}

.account-sidebar-recent-title,
#recent-purchase-link > div:first-child,
#recent-purchase-link [class*="text"]:first-child {
  margin-bottom: 9px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}

#rp-img {
  width: 145px !important;
  height: 120px !important;
  margin: 0 auto 9px !important;
  filter: drop-shadow(0 15px 18px rgba(17,24,39,.09)) !important;
  transition: opacity .55s cubic-bezier(.22,1,.36,1), transform .55s cubic-bezier(.22,1,.36,1), filter .55s ease !important;
}

#rp-name {
  font-size: 13px !important;
  line-height: 1.05 !important;
  font-weight: 500 !important;
  transition: opacity .55s cubic-bezier(.22,1,.36,1), transform .55s cubic-bezier(.22,1,.36,1) !important;
}

#recent-purchase-link.is-recent-changing #rp-img,
#recent-purchase-link.is-recent-changing #rp-name {
  opacity: 0 !important;
  transform: translateY(6px) scale(.985) !important;
  filter: blur(3px) drop-shadow(0 15px 18px rgba(17,24,39,.07)) !important;
}

.account-sidebar-help-card {
  margin-top: 16px !important;
  padding: 15px !important;
  background: rgba(255,255,255,.42) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.78), 0 16px 38px rgba(17,24,39,.04) !important;
}

.account-sidebar-help-head {
  margin-bottom: 9px !important;
  font-size: 12px !important;
  line-height: 1.1 !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
}

.account-sidebar-help-icon {
  width: 22px !important;
  height: 22px !important;
  font-size: 12px !important;
  flex: 0 0 auto !important;
}

.account-sidebar-help-text {
  margin: 0 0 12px !important;
  font-size: 11px !important;
  line-height: 1.32 !important;
  font-weight: 400 !important;
}

.account-sidebar-help-button {
  min-height: 39px !important;
  font-size: 12px !important;
  font-weight: 400 !important;
}

@media screen and (max-width: 991px) {
  .account-sidebar-menu {
    max-width: 100% !important;
    padding: 18px !important;
  }

  #recent-purchase-link {
    min-height: 190px !important;
  }

  #rp-img {
    height: 112px !important;
  }
}