/** Shopify CDN: Minification failed

Line 195:1 Unexpected "/"

**/
.badge-price-wrapper{
display:flex;
margin: 1.5em 0em !important;
}
.badge-wrapper {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.badge-wrapper-page-product {
  position: relative;
  top: 0px;
  left: 0px;
  z-index: 10;
  display: flex;  
  align-items: flex-start;
  gap: 4px;
}

.badge-wrapper svg{
  filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.2));
}
.badge-wrapper-bubble {
  position: absolute;
  top: -2px;
  left: 77px;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.badge-wrapper-bubble svg{
  filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.2));
}
.custom-badge {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 0.75rem;
  font-weight: bold;
  padding: 0.68rem 1.27rem;  
  color: #fff;
  text-transform: uppercase;
  /*box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);*/
  width: auto;
  min-width: 119px;
  white-space: nowrap;
  gap: 0.35em;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
   border-radius: 0px 0px 0px 0px;
   transform: skew(-23deg, 0deg)
}

.custom-badge-bubble {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: bold;
  padding: 0.8rem;
  border-radius: 20px;
  color: #fff;
  text-transform: uppercase;
  /*box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);*/
  width: auto;
  max-width: 120px;
  white-space: nowrap;
  gap: 0.35em;
  /*filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.2));*/
}

.custom-badge svg {
  display: inline-block;
  height: 1.5rem;
  width: auto;
  vertical-align: middle;
  margin: 0 !important;
  flex-shrink: 0;
}

.custom-badge.gift,
.custom-badge.discount {
  position: relative;
  /*left:-25px;*/
  min-width: 110px;
  max-width: 200px;
  font-size: 1.15rem;
  font-weight: bold;
  padding: 0.68rem 1.27rem;
  border-radius: 0px 0px 0px 0px;
  color: #fff;
  text-transform: uppercase;
  overflow: hidden;
  z-index: 1;
  transform: skew(-18deg, 0deg)
}
@media (max-width: 749px){
  .custom-badge.gift,
.custom-badge.discount {
  font-size: 1.0rem;
}
.badge-price-wrapper{
}
}
.custom-badge.gift {
  background:rgba(55, 212, 183)
  /*background: linear-gradient(
    to right,
    rgba(55, 212, 183, 0.60) 0%,
    rgba(55, 212, 183, 0.30) 40%,
    rgba(55, 212, 183, 0.12) 60%,
    rgba(55, 212, 183, 0.06) 80%,
    rgba(55, 212, 183, 0.00) 100%);*/
}
.custom-badge.discount {
  background:rgba(169, 86, 179)
  /*background: linear-gradient(
    to right,
    rgba(169, 86, 179, 0.60) 0%,
    rgba(169, 86, 179, 0.30) 40%,
    rgba(169, 86, 179, 0.12) 60%,
    rgba(169, 86, 179, 0.06) 80%,
    rgba(169, 86, 179, 0.00) 100%);*/
    
}
/*.custom-badge.gift::before,
.custom-badge.discount::before {
  will-change: backdrop-filter;
  transform: translateZ(0);
  isolation: isolate;
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  backdrop-filter: blur(1px);
  -webkit-backdrop-filter: blur(1px);
  -webkit-mask-image: linear-gradient(
    to right,
    rgba(0,0,0,1) 0%,
    rgba(0,0,0,0.8) 60%,
    rgba(0,0,0,0.05) 85%,
    rgba(0,0,0,0) 100%
  );
  mask-image: linear-gradient(
    to right,
    rgba(0,0,0,1) 0%,
    rgba(0,0,0,0.8) 60%,
    rgba(0,0,0,0.05) 85%,
    rgba(0,0,0,0) 100%
  );
  border-radius: 0px 0px 0px 0px;
  pointer-events: none;
  transform: skew(-23deg, 0deg)
}*/
@media (max-width: 750px) {
  .badge-wrapper .custom-badge:not(:first-child)::before {
    display: none !important;
  }
}

.custom-badge.free {
  background-color: #28a745; /* verde */
}
.custom-badge-bubble.gift {
  background-color: #37d4b7;
}
.custom-badge-bubble.discount {
  background-color: #a956b3;
}
.custom-badge-bubble.free {
  background-color: #28a745;
}
.custom-badge-bubble.promo-enabled {
  background-color: #69ec88;
  color:rgb(56, 190, 88) !important;
}

@media screen and (min-width: 750px) {
  .custom-badge {
    font-size: 0.875rem;
    padding: 6px 10px;
  }
}
*/ .card-wrapper,
.card__inner {
  position: relative;
}

.badge--sale,
.card__badge {
  display: none !important;
}
@media (max-width: 749px) {
  .badge-wrapper {
    top: 9px;
    left: 5px;
    transform: none;
    align-items: flex-start;
    width: auto;
  }
  .badge-wrapper-bubble {
    left: 46px;
    transform: scale(0.7);
    transform-origin: center;
  }
}
