/* Smart Refill toggle — sits above the checkout bundle selectors. */

.smart-refill-toggle {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0;
  margin-bottom: 0.5rem;
  cursor: pointer;
  border: none;
  background: transparent;
}

.smart-refill-toggle input[type="checkbox"] {
  width: 16px;
  height: 16px;
  margin: 0;
  cursor: pointer;
  flex-shrink: 0;
  accent-color: var(--brand--color--cta-primary, #5A262C);
}

.smart-refill-toggle__body {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.smart-refill-toggle__title {
  font-weight: 500;
  font-size: 0.875rem;
  color: var(--brand--color--foreground, #5A262C);
}

.smart-refill-toggle__note {
  font-size: 0.875rem;
  color: var(--brand--color--complementary-, #6b6b6b);
}

.os-card.next-selected {
  background-color: var(--brand--color--surface, #F7E7EB);
}

.os-card__title-badge[data-next-discounts="offer"] {
  display: none !important;
}

.os-card__title-badge.pb--bestseller {
  background-color: #d8f3df;
  color: #260e10;
}

/* Both tier sets live in one selector; only the active three are shown. Hidden with
   display:none so the inactive cards cannot be clicked, focused, or take up space.
   Defaults to hiding the one-time cards, matching the checkbox's checked state, so
   there is no flash of six cards before the script runs. */
[data-refill-mode="refill"] [data-next-bundle-id$="-onetime"] {
  display: none;
}

[data-refill-mode="onetime"] [data-next-bundle-card]:not([data-next-bundle-id$="-onetime"]) {
  display: none;
}