/** Shopify CDN: Minification failed

Line 131:15 Expected "}" to go with "{"

**/
/* ==== PRODUCT PAGE: lock the two panels  ==== */
@media screen and (min-width: 992px) {
  /* 1) center both panels inside their wrapper */
  .full-width-section .product-info-panels {
    display: flex !important;
    justify-content: center !important;
    align-items: flex-start !important;
    gap: 20px !important;
    max-width: 980px !important;    /* 600 + 20 + 360 = 980 */
    margin: 0 auto !important;
  }

  /* 2) fix slider panel to exactly 600px */
  .full-width-section .left-panel {
    flex: 0 0 600px !important;
    max-width: 600px !important;
  }

  /* 3) fix details panel to exactly 360px */
  .full-width-section .right-panel {
    flex: 0 0 360px !important;
    max-width: 360px !important;
  }
}
/* ---------------------------------------
   COMPARE (crossed-out) price text
   Applies to ALL cards including Shop All
-----------------------------------------*/
.find-product__card .compare,
.cc-product-card__price .cc-price--compare {
  font-size: 20px !important;
  font-weight: 700 !important;
  color:rgb(0, 0, 0) !important;
  position: relative;
  text-decoration: none !important; /* remove default line-through */
}

/* Custom bar behind compare price */
.find-product__card .compare::after,
.cc-product-card__price .cc-price--compare::after {
  content: "";
  position: absolute;
  left: 50%;
  width: 80px;
  height: 2.3px;
  background:rgb(255, 79, 26);
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 3px;
  z-index: 0;
}

/* ---------------------------------------
   MAIN SALE PRICE (big bold price)
   Applies to ALL card types
-----------------------------------------*/
.find-product__card .find-product__price,
.cc-product-card__price .cc-price--sale,
.product-card .price,
.product-item .price,
.card-product .price,
.grid-product .price,
.collection-product-card .price {
  font-size: 28px !important;
  font-weight: 900 !important;
  color: #000 !important;
}

/* ---------------------------------------
   "from:" LABEL
   Applies to all layouts that use a prefix
-----------------------------------------*/
.find-product__card .find-product__price-from,
.cc-product-card__price .cc-price-prefix,
.product-card .from-label,
.product-item .from-label,
.card-product .from-label,
.grid-product .from-label,
.collection-product-card .from-label {
  font-size: 12px !important;
  font-weight: 600;
  color: #777 !important;
  margin-right: 3px;
  position: relative;
  top: -4px;
  letter-spacing: 0.2px;
}

/* PDP — MAIN SALE PRICE */
.yv-product-price {
  font-size: 32px !important;
  font-weight: 900 !important;
  color: #000 !important;
}

/* PDP — COMPARE PRICE (old price) */
.yv-product-compare-price {
  font-size: 28px !important;   /* larger */
  font-weight: 800 !important;  /* bolder */
  color: #000 !important;       /* pure black text */
  position: relative;
  text-decoration: none !important; /* remove default strike */
  margin-left: 8px;
}

/* PDP — CUSTOM ORANGE BAR BEHIND COMPARE PRICE */
.yv-product-compare-price::after {
  content: "";
  position: absolute;
  left: 50%;
  width: 110px;                 /* longer + matches new large font */
  height: 2.px;                 /* thicker for readability */
  background:rgb(255, 99, 51);         /* Rival orange */
  top: 50%;                    /* adjust vertical alignment */
  transform: translate(-50%, -50%);
  border-radius: 3px;
  z-index: 0;
}
.yv-product-compare-price {
  opacity: 1 !important;
}
.ai-media-banner__image-aqy81ztgxmtvjmjhpoaigenblocka17031cmhjjln {
  object-fit: cover;       /* ensures the image fills the div */
  object-position: center 30%; /* shift the image down */
  width: 100%;
  height: 100%;