/* Cache-busting position update for the quantity reminder. */
@media (min-width: 561px) {
  .flpa-quantity-reminder {
    top: 50%;
    right: 1.25rem;
    bottom: auto;
    transform: translateY(calc(-50% + 18px)) scale(.97);
  }

  .flpa-quantity-reminder.is-visible {
    transform: translateY(-50%) scale(1);
  }
}

@media (max-width: 560px) {
  .flpa-quantity-reminder {
    top: auto;
    right: 1rem;
    bottom: 1rem;
    left: 1rem;
    width: auto;
    transform: translateY(18px) scale(.97);
  }

  .flpa-quantity-reminder.is-visible {
    transform: translateY(0) scale(1);
  }
}