[data-plan-switcher] [data-plan-panel][hidden] { display: none !important; }
.alfares-plan-tabs {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-block: 12px 18px;
  padding: 6px;
  border: 1px solid var(--my-shell-line, #d8e4f2);
  border-radius: 14px;
  background: var(--my-shell-surface-soft, #f8fbff);
}
.alfares-plan-tabs [role="tab"] {
  flex: 1 1 115px;
  min-height: 40px;
  border: 1px solid transparent;
  border-radius: 10px;
  padding: 8px 16px;
  font-family: inherit;
  font-size: .95rem;
  font-weight: 700;
  line-height: 1.3;
  color: var(--my-shell-ink, #19324a);
  background: transparent;
  cursor: pointer;
}
.alfares-plan-tabs [aria-selected="true"] {
  color: #fff;
  border-color: var(--my-shell-primary, #2563eb);
  background: var(--my-shell-primary, #2563eb);
}
.alfares-plan-tabs [role="tab"]:focus-visible {
  outline: 2px solid var(--my-shell-primary, #2563eb);
  outline-offset: 3px;
}
[data-plan-switcher] .alfares-plan-panels {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  max-inline-size: 780px;
  margin-inline: auto;
}
[data-plan-switcher] .alfares-plan-panels > [data-plan-panel] {
  min-inline-size: 0;
  inline-size: 100%;
  margin-block: 0;
}

/* Catalog surfaces keep the compact selector as a visual locator while all
   plans stay visible for direct comparison. Registration does not opt in. */
[data-plan-switcher][data-plan-display="catalog"] .alfares-plan-panels {
  max-inline-size: none;
  margin-inline: 0;
}

[data-plan-switcher][data-plan-display="catalog"] [data-plan-panel] {
  display: flex;
}