/** Shopify CDN: Minification failed

Line 53:16 Expected identifier but found whitespace
Line 53:17 Unexpected "999px"

**/

/* ============================
   NEW IN BADGE STYLES
   (for products tagged 'new in')
   ============================ */

.badge-new-in {
  position: absolute;
  top: 10px;
  left: 10px;
  background: #ffffff;
  color: #000000;
  font-weight: 700;
  padding: 6px 10px;
  font-size: 12px;
  border-radius: 3px;
  text-transform: uppercase;
  box-shadow: 0 2px 6px rgba(0,0,0,0.12);
  z-index: 999;
  pointer-events: none;
  line-height: 1;
  letter-spacing: 0.5px;
}

/* Makes sure badge appears correctly on top of product image */
.product-image-wrapper {
  position: relative;
  display: block;
}

/* Responsive adjustment for small screens */
@media (max-width: 560px) {
  .badge-new-in {
    top: 8px;
    left: 8px;
    padding: 4px 8px;
    font-size: 11px;
  }
}

/* --- OPTIONAL: NatGeo theme color style --- */
/* Uncomment below if you prefer yellow-on-black look */
/*
.badge-new-in {
  background: #000000;
  color: #FFD400;    /* NatGeo yellow */
  border-radius: 999px;
  font-weight: 700;
}
*/
/* Maintain image clarity */
.card__media img,
.product-card__media img,
.product-image img {
  image-rendering: auto;
  -webkit-font-smoothing: antialiased;
  transform: none !important; /* prevent Shopify fade-in scaling */
  backface-visibility: hidden;
}

/* Keep badge high z-index without forcing reflow */
.badge-new-in {
  will-change: transform;
}