/** Shopify CDN: Minification failed

Line 23:37 Unexpected "{"
Line 23:48 Expected ":"
Line 23:52 Unexpected "{"
Line 31:37 Unexpected "{"
Line 31:48 Expected ":"
Line 85:37 Unexpected "{"
Line 85:48 Expected ":"
Line 87:37 Unexpected "{"
Line 87:48 Expected ":"

**/
/* assets/custom-product-badge.updated.css
   Custom product badge — stable positioning, responsive size only
   Added: 20 media-query steps to stabilize FIRST SECTION badge between 320px and 1007px
*/

/* allow wrapper overflow so badge can sit outside image without clipping */
.ProductItem__ImageWrapper,
.FeaturedProduct__Gallery,
.ai-product-carousel__image-wrapper,
.ai-product-carousel__image-wrapper-{{ ai_gen_id }} {
  overflow: visible;
}

/* make the real image box the positioning reference */
.ProductItem__ImageWrapper .AspectRatio,
.FeaturedProduct__Gallery .AspectRatio,
.ai-product-carousel__image-wrapper .AspectRatio,
.ai-product-carousel__image-wrapper-{{ ai_gen_id }} .AspectRatio {
  position: relative;
}

/* =========================================
   1) FIRST SECTION / PRODUCT GRID / FEATURED COLLECTIONS
   Needs: more DOWN + RIGHT (stable vertical position)
   Default (for outside the controlled breakpoint range)
   ========================================= */
.ProductItem__ImageWrapper .AspectRatio .CustomProductBadge {
  position: absolute;

  /* base fallback vertical position */
  top: 28px;

  /* push slightly more to the right (negative right moves beyond image edge) */
  right: clamp(-20px, -1.2vw, -8px);

  /* responsive size only */
  width: clamp(52px, 6.8vw, 88px);

  z-index: 1;
  pointer-events: none;
  display: block;
  line-height: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: right, width;
}

/* =========================================
   2) FEATURED PRODUCT (unchanged)
   Needs: more TOP + RIGHT
   ========================================= */
.FeaturedProduct__Gallery .AspectRatio .CustomProductBadge,
.FeaturedProduct__Gallery .CustomProductBadge {
  position: absolute;
  top: 6px;
  right: clamp(-16px, -1vw, -6px);
  width: clamp(60px, 5.8vw, 96px);
  z-index: 1;
  pointer-events: none;
  display: block;
  line-height: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: right, width;
}

/* =========================================
   3) PRODUCT CAROUSEL (unchanged)
   Needs: more TOP + RIGHT (carousel cells)
   ========================================= */
.ai-product-carousel__image-wrapper .AspectRatio .CustomProductBadge,
.ai-product-carousel__image-wrapper-{{ ai_gen_id }} .AspectRatio .CustomProductBadge,
.ai-product-carousel__image-wrapper .CustomProductBadge,
.ai-product-carousel__image-wrapper-{{ ai_gen_id }} .CustomProductBadge {
  position: absolute;
  top: 6px;
  right: clamp(-12px, -0.9vw, -5px);
  width: clamp(52px, 5.2vw, 82px);
  z-index: 1;
  pointer-events: none;
  display: block;
  line-height: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: right, width;
}

/* image inside badge */
.CustomProductBadge img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
}

/* ======================================================
   Fine-grained media queries for FIRST SECTION ONLY
   (20 ranges to stabilise top & right between 320px and 1007px)
   Each media block changes only .ProductItem__ImageWrapper .AspectRatio .CustomProductBadge
   ====================================================== */


   @media (min-width: 220px) and (max-width: 320px) {
  .ProductItem__ImageWrapper .AspectRatio .CustomProductBadge {
    top: 10px;
    right: -8px;
  }
}
/* 1: 320 - 354 */
@media (min-width: 320px) and (max-width: 354px) {
  .ProductItem__ImageWrapper .AspectRatio .CustomProductBadge {
    top: 14px;
    right: -8px;
  }
}

/* 2: 355 - 389 */
@media (min-width: 355px) and (max-width: 389px) {
  .ProductItem__ImageWrapper .AspectRatio .CustomProductBadge {
    top: 16px;
    right: -9px;
  }
}

/* 3: 390 - 424 */
@media (min-width: 390px) and (max-width: 424px) {
  .ProductItem__ImageWrapper .AspectRatio .CustomProductBadge {
    top: 16px;
    right: -10px;
  }
}

/* 4: 425 - 459 */
@media (min-width: 425px) and (max-width: 459px) {
  .ProductItem__ImageWrapper .AspectRatio .CustomProductBadge {
    top: 18px;
    right: -9px;
  }
}

/* 5: 460 - 494 */
@media (min-width: 460px) and (max-width: 494px) {
  .ProductItem__ImageWrapper .AspectRatio .CustomProductBadge {
    top: 18px;
    right: -9px;
  }
}

/* 6: 495 - 529 */
@media (min-width: 495px) and (max-width: 529px) {
  .ProductItem__ImageWrapper .AspectRatio .CustomProductBadge {
    top: 20px;
    right: -9px;
  }
}

/* 7: 530 - 564 */
@media (min-width: 530px) and (max-width: 564px) {
  .ProductItem__ImageWrapper .AspectRatio .CustomProductBadge {
    top: 20px;
    right: -10px;
  }
}

/* 8: 565 - 599 */
@media (min-width: 565px) and (max-width: 599px) {
  .ProductItem__ImageWrapper .AspectRatio .CustomProductBadge {
    top: 22px;
    right: -10px;
  }
}

/* 9: 600 - 634 */
@media (min-width: 600px) and (max-width: 634px) {
  .ProductItem__ImageWrapper .AspectRatio .CustomProductBadge {
    top: 24px;
    right: -10px;
  }
}

/* 10: 635 - 669 */
@media (min-width: 635px) and (max-width: 669px) {
  .ProductItem__ImageWrapper .AspectRatio .CustomProductBadge {
    top: 24px;
    right: -10px;
  }
}

/* 11: 670 - 704 */
@media (min-width: 670px) and (max-width: 704px) {
  .ProductItem__ImageWrapper .AspectRatio .CustomProductBadge {
    top: 26px;
    right: -10px;
  }
}

/* 12: 705 - 739 */
@media (min-width: 705px) and (max-width: 739px) {
  .ProductItem__ImageWrapper .AspectRatio .CustomProductBadge {
    top: 26px;
    right: -10px;
  }
}

/* 13: 740 - 774 */
@media (min-width: 740px) and (max-width: 774px) {
  .ProductItem__ImageWrapper .AspectRatio .CustomProductBadge {
    top: 28px;
    right: -10px;
  }
}

/* 14: 775 - 809 */
@media (min-width: 775px) and (max-width: 809px) {
  .ProductItem__ImageWrapper .AspectRatio .CustomProductBadge {
    top: 30px;
    right: -10px;
  }
}

/* 15: 810 - 844 */
@media (min-width: 810px) and (max-width: 844px) {
  .ProductItem__ImageWrapper .AspectRatio .CustomProductBadge {
    top: 32px;
    right: -11px;
  }
}

/* 16: 845 - 879 */
@media (min-width: 845px) and (max-width: 879px) {
  .ProductItem__ImageWrapper .AspectRatio .CustomProductBadge {
    top: 32px;
    right: -11px;
  }
}

/* 17: 880 - 914 */
@media (min-width: 880px) and (max-width: 914px) {
  .ProductItem__ImageWrapper .AspectRatio .CustomProductBadge {
    top: 34px;
    right: -11px;
  }
}

/* 18: 915 - 949 */
@media (min-width: 915px) and (max-width: 949px) {
  .ProductItem__ImageWrapper .AspectRatio .CustomProductBadge {
    top: 36px;
    right: -11px;
  }
}

/* 19: 950 - 984 */
@media (min-width: 950px) and (max-width: 984px) {
  .ProductItem__ImageWrapper .AspectRatio .CustomProductBadge {
    top: 36px;
    right: -12px;
  }
}

/* 20: 985 - 1007 */
@media (min-width: 985px) and (max-width: 1007px) {
  .ProductItem__ImageWrapper .AspectRatio .CustomProductBadge {
    top: 38px;
    right: -12px;
  }
}

@media (min-width: 1008px) and (max-width: 1199px) {
  .ProductItem__ImageWrapper .AspectRatio .CustomProductBadge {
    top: 20px;
    right: -13px;
  }
}

/* 22: 1200 - 1399 */
@media (min-width: 1200px) and (max-width: 1399px) {
  .ProductItem__ImageWrapper .AspectRatio .CustomProductBadge {
    top: 22px;
    right: -14px;
  }
}

/* 23: 1400 - 1599 */
@media (min-width: 1400px) and (max-width: 1599px) {
  .ProductItem__ImageWrapper .AspectRatio .CustomProductBadge {
    top: 24px;
    right: -15px;
  }
}

/* 24: 1600 - 1799 */
@media (min-width: 1600px) and (max-width: 1799px) {
  .ProductItem__ImageWrapper .AspectRatio .CustomProductBadge {
    top: 26px;
    right: -15px;
  }
}

/* 25: 1800 - 1920 */
@media (min-width: 1800px) and (max-width: 1920px) {
  .ProductItem__ImageWrapper .AspectRatio .CustomProductBadge {
    top: 30px;
    right: -15px;
  }
}


.ProductItem__ImageWrapper {
  position: relative;
  z-index: 1;
}

.CustomProductBadge,
.CustomProductBadge img {
  pointer-events: none !important;
}


/* PRODUCT PAGE: ensure aspect-ratio is positioning reference (we already set inline style but reinforce here) */
.Product__SlideItem .AspectRatio {
  position: relative;
}

/* Product page badge */
.Product__SlideItem .AspectRatio .CustomProductBadge,
.Product__SlideItem .CustomProductBadge {
  position: absolute;
  top: 10px;             /* tweak this value if you want it lower/higher */
  right: -10px;          /* negative to push slightly past image edge */
  width: clamp(70px, 6vw, 110px);
  height: auto;
  z-index: 1;
  pointer-events: none;  /* allow clicks to pass through to carousel controls / links */
  display: block;
  line-height: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* keep the image responsive inside the badge */
.Product__SlideItem .CustomProductBadge img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
}

/* ensure badge doesn't create any hover/click interception */
.CustomProductBadge,
.CustomProductBadge img {
  pointer-events: none !important;
}


/* ensure sale badge stays above product image */
.ProductItem__LabelList {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 20;
}

/* ensure product image sits below label */
.ProductItem__ImageWrapper {
  position: relative;
  z-index: 1;
}