/* Section controls share the theme's existing purple palette and product grid. */
[data-swiftly-sections] [hidden] {
  display: none !important;
}

[data-swiftly-sections] [data-section-tabs] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 24px;
}

[data-swiftly-sections] [data-section-choice] {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 10px 19px;
  border: 1px solid var(--sw-border, rgba(255, 255, 255, .09));
  border-radius: 999px;
  background: rgba(255, 255, 255, .035);
  color: var(--sw-muted, #aaa0b6);
  font: inherit;
  font-size: .9rem;
  font-weight: 650;
  line-height: 1.35;
  cursor: pointer;
  transition: background .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease;
}

[data-swiftly-sections] [data-section-choice]:hover {
  border-color: rgba(217, 70, 239, .35);
  background: rgba(217, 70, 239, .09);
  color: var(--sw-text, #fbf8ff);
}

[data-swiftly-sections] [data-section-choice][aria-pressed="true"] {
  border-color: rgba(217, 70, 239, .5);
  background: linear-gradient(135deg, rgba(236, 72, 153, .2), rgba(168, 85, 247, .22));
  color: #fff;
  box-shadow: inset 0 0 0 1px rgba(217, 70, 239, .08);
}

[data-swiftly-sections] [data-section-choice]:focus-visible {
  outline: 2px solid #e5b5ff;
  outline-offset: 3px;
}

[data-swiftly-sections] [data-section-title] {
  margin: 0 0 6px;
  color: var(--sw-text, #fbf8ff);
  font-size: clamp(1.25rem, 2vw, 1.6rem);
  font-weight: 750;
}

[data-swiftly-sections] [data-section-status] {
  margin: 0 0 22px;
  color: var(--sw-muted, #aaa0b6);
  font-size: .9rem;
}

[data-swiftly-sections] [data-section-empty] {
  padding: 36px 22px;
  margin: 0;
  border: 1px solid var(--sw-border, rgba(255, 255, 255, .09));
  border-radius: var(--sw-radius, 18px);
  background: rgba(255, 255, 255, .025);
  color: var(--sw-muted, #aaa0b6);
  text-align: center;
}

@media (max-width: 575.98px) {
  [data-swiftly-sections] [data-section-tabs] {
    gap: 7px;
    margin-bottom: 20px;
  }

  [data-swiftly-sections] [data-section-choice] {
    padding: 10px 15px;
    font-size: .85rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-swiftly-sections] [data-section-choice] {
    transition: none;
  }
}