/* Price size overrides for shop items */
.shop-item .text-\[6px\],
.shop-item .text-\[8px\] {
  font-size: 13px !important;
}

/* Price container flex adjustments */
.shop-item .text-left.flex.items-baseline {
  gap: 1px !important; /* Reduced gap between prices for tighter spacing */
}

/* Ensure before price (strikethrough) has the same size and red color */
.shop-item .text-gray-400.line-through,
.shop-item .text-red-500.line-through {
  font-size: 10px !important;
  display: inline-flex !important; /* Ensure consistent spacing */
  align-items: baseline !important;
  color: #ef4444 !important; /* Red color for strikethrough price */
}

/* Ensure the regular price has the same size */
.shop-item .text-white.font-medium {
  font-size: 13px !important;
  display: inline-flex !important; /* Ensure consistent spacing */
  align-items: baseline !important;
}

/* Sale badge glow animation - Ultra smooth with 7 keyframes */
@keyframes saleGlow {
  0% {
    box-shadow: 0 2px 8px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.2), 0 0 15px rgba(255, 215, 0, 0.6) !important;
    transform: scale(1);
    filter: brightness(1) saturate(1.1);
  }
  16.67% {
    box-shadow: 0 2px 8px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.2), 0 0 18px rgba(255, 215, 0, 0.65), 0 0 22px rgba(255, 102, 0, 0.25) !important;
    transform: scale(1.02);
    filter: brightness(1.05) saturate(1.15);
  }
  33.33% {
    box-shadow: 0 2px 8px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.2), 0 0 22px rgba(255, 215, 0, 0.7), 0 0 28px rgba(255, 102, 0, 0.3) !important;
    transform: scale(1.04);
    filter: brightness(1.1) saturate(1.2);
  }
  50% {
    box-shadow: 0 2px 8px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.2), 0 0 25px rgba(255, 215, 0, 0.8), 0 0 32px rgba(255, 102, 0, 0.4) !important;
    transform: scale(1.06);
    filter: brightness(1.15) saturate(1.25);
  }
  66.67% {
    box-shadow: 0 2px 8px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.2), 0 0 27px rgba(255, 215, 0, 0.85), 0 0 36px rgba(255, 102, 0, 0.45) !important;
    transform: scale(1.07);
    filter: brightness(1.18) saturate(1.3);
  }
  83.33% {
    box-shadow: 0 2px 8px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.2), 0 0 29px rgba(255, 215, 0, 0.92), 0 0 40px rgba(255, 102, 0, 0.52) !important;
    transform: scale(1.075);
    filter: brightness(1.21) saturate(1.33);
  }
  100% {
    box-shadow: 0 2px 8px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.2), 0 0 30px rgba(255, 215, 0, 1), 0 0 45px rgba(255, 102, 0, 0.6) !important;
    transform: scale(1.08);
    filter: brightness(1.25) saturate(1.4);
  }
}

.sale-badge-glow {
  animation: saleGlow 2s cubic-bezier(0.4, 0, 0.6, 1) infinite alternate !important;
}