.sa-mainnav { display: flex; gap: 8px; align-items: center; flex: 1 1 auto; margin: 0 16px; position: relative; }
.sa-mainnav__item { position: relative; }
.sa-mainnav__top {
  display: flex; align-items: center; gap: 4px;
  color: #1a1a1a; font-weight: 600; font-size: 14px;
  text-decoration: none; padding: 18px 14px;
  white-space: nowrap; cursor: pointer;
  background: none; border: 0;
  font-family: inherit;
}
.sa-mainnav__top:hover { color: #0018a8; }
.sa-mainnav__caret { font-size: 10px; transition: transform .15s ease; }
.sa-mainnav__item--open .sa-mainnav__caret { transform: rotate(180deg); }
.sa-mainnav__item--open .sa-mainnav__top { color: #0018a8; }

.sa-mainnav__dropdown {
  position: absolute; top: 100%; left: 0;
  background: #fff; min-width: 280px;
  border-radius: 12px;
  box-shadow: 0 12px 36px rgba(0,0,0,.18);
  padding: 8px;
  opacity: 0; visibility: hidden;
  transform: translateY(-8px);
  transition: opacity .15s ease, transform .15s ease, visibility 0s linear .15s;
  z-index: 100;
  max-height: 70vh; overflow-y: auto;
}
.sa-mainnav__item--open .sa-mainnav__dropdown {
  opacity: 1; visibility: visible; transform: translateY(0);
  transition-delay: 0s;
}
.sa-mainnav__dropdown a {
  display: block; padding: 10px 14px;
  font-size: 14px; color: #1a1a1a; text-decoration: none;
  border-radius: 8px; line-height: 1.3;
}
.sa-mainnav__dropdown a:hover { background: #f0f4ff; color: #0018a8; }
.sa-mainnav__dropdown a:last-child { font-weight: 700; color: #ff6a00; border-top: 1px solid #eee; margin-top: 4px; padding-top: 12px; }
@media (max-width: 1000px) { .sa-mainnav { display: none; } }