.paylix-menu-container {
  width: 100%;
  margin: 0 auto;
}

.paylix-menu {
  max-width: 1140px;
  margin: 0 auto 1.5rem;
  padding: 0 1rem;
  position: relative;
}

.paylix-menu:before { display: none; }

.paylix-menu-pill {
  background: #ffffff; /* exact preview */
  border: 1px solid #e5e7eb; /* exact preview */
  box-shadow: 0 1px 2px rgba(16,24,40,.06);
  border-radius: 14px; /* exact preview */
  padding: 6px; /* exact preview */
  display: inline-flex;
  gap: 6px;
  overflow: auto;
  width: -moz-fit-content;
  width: fit-content; /* end after last tab */
}

.menu-tab {
  padding: 10px 14px; /* exact preview */
  border-radius: 10px; /* exact preview */
  font-weight: 500;
  font-size: 14px; /* exact preview */
  color: #334155; /* exact preview */
  transition: background-color 0.2s ease, color 0.2s ease;
  white-space: nowrap;
  display: inline-flex;
}
.menu-tab:hover { background: #f1f5f9; /* exact preview */ }
.menu-tab.active {
  background: rgba(124,58,237,.10); /* exact preview */
  border: 1px solid rgba(124,58,237,.25); /* exact preview */
  color: #7c3aed; /* exact preview */
}

.menu-tab:last-child {
  margin-right: 0;
}

@media (max-width: 768px) {
  .paylix-menu { margin-bottom: 1rem; }
  .paylix-menu-pill { width: 100%; }
  .menu-tab { padding: 10px 12px; }
}