/** Shopify CDN: Minification failed

Line 46:0 Expected "}" to go with "{"

**/
/* 1) Make ALL these small nav spans white by default 
   (this makes the SAVE 33% badge white again) */
span.type--smaller.type__nav.flex.items-center.gap-1 {
  color: #ffffff !important;
}

/* 2) But inside the rating pill, put them back to green */
.color__bg-overlay-2 .type--smaller.type__nav.flex.items-center.gap-1 {
  color: #20ab5d !important;
}

.product-card {
  border-radius: 0.75rem;
  border: 1px solid rgba(15, 23, 42, 0.06); /* very light border */
  background-color: #ffffff;
  padding: 0.75rem 0.75rem 1rem;
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.04);
  transition: box-shadow 150ms ease, transform 150ms ease;
}

.product-card:hover {
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.10);
  transform: translateY(-1px);
}

@media (max-width: 767px) {
  .product-card {
    padding-bottom: 0.2rem;
  }

  .product-card .btn--small {
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
  }

  /* override mt-0 and pull button closer to price */
  .product-card-mobile-cta {
    margin-top: -0.2rem !important;