.r23-hotspot-available { background: #059669; }
.r23-hotspot-unavailable { background: #dc2626; cursor: not-allowed; }
.r23-hotspot-verify { background: #d97706; cursor: not-allowed; }
.r23-list-available:hover { border-color: #34d399; background: #ecfdf5; }
.r23-list-unavailable { border-color: #fecaca; background: #fff1f2; cursor: not-allowed; }
.r23-list-verify { border-color: #fde68a; background: #fffbeb; cursor: not-allowed; }
.r23-text-available { color: #047857; }
.r23-text-unavailable { color: #be123c; }
.r23-text-verify { color: #b45309; }
.r23-flyer-strip { scroll-snap-type: x mandatory; scrollbar-width: thin; }
.r23-flyer-card { scroll-snap-align: start; }

@media (max-width: 639px) {
  .r23-mobile-header {
    min-height: 68px !important;
    gap: 4px !important;
    padding: 4px 8px !important;
  }
  .r23-mobile-logo {
    width: 128px !important;
    height: 56px !important;
    border-radius: 8px !important;
  }
  .r23-mobile-logo-image { transform: scale(1.35) !important; }
  .r23-header-actions { gap: 4px !important; }
  .r23-header-icon { width: 36px !important; height: 36px !important; }
  .r23-new-order {
    width: 36px !important;
    height: 36px !important;
    padding: 0 !important;
    display: grid !important;
    place-items: center !important;
  }
  .r23-new-order-label { display: none !important; }
  .r23-main-content { padding: 12px 12px 112px !important; }
  .r23-offers-hero { padding: 16px !important; border-radius: 16px !important; }
  .r23-offers-title { font-size: 1.25rem !important; line-height: 1.75rem !important; }
  .r23-offers-copy { font-size: 13px !important; line-height: 1.25rem !important; }
  .r23-flyer-card {
    min-width: calc(100vw - 48px) !important;
    max-width: calc(100vw - 48px) !important;
  }
}

@media (min-width: 640px) {
  .r23-flyer-card { min-width: 220px !important; max-width: 280px !important; }
}