.product-card{
  --product-content-inset:0.7em;
  --product-card-background:var(--section-bg-color, var(--color-base-white));
  --product-card-foreground:var(--section-text-color, var(--color-base-black));
  --product-card-border-color:transparent;
  --product-card-border:none;
  border-radius:12px;
  transition:all var(--transition-duration-normal);
  position:relative;
  background:transparent;
}
.product-card .badge{
  position:relative;
  inset:auto;
  background-color:var(--badge-bg-color);
  color:var(--badge-text-color);
  border-radius:calc(var(--product-card-border-radius) * 0.66);
  padding:0.3em 0.8em;
  font-size:var(--text-xs);
  z-index:2;
}
.product-card__badges{
  position:absolute;
  inset-block-start:var(--product-content-inset);
  display:flex;
  flex-direction:column;
  gap:6px;
  z-index:3;
  pointer-events:none;
}
.product-card__badges--left{
  inset-inline-start:var(--product-content-inset);
  inset-block-start:var(--product-content-inset);
  align-items:flex-start;
}
.home-products__item:has(> .flash-timer) .badge--flash,
.product-card:has(.flash-timer) .badge--flash{
  display:none !important;
}
.product-card__badges--right{
  inset-inline-end:var(--product-content-inset);
  inset-block-start:var(--product-content-inset);
  align-items:flex-end;
  max-width:48%;
}
.product-card .badge--sale{
  background-color:#e11d48;
  color:#ffffff;
  font-weight:700;
  letter-spacing:0.02em;
  border-radius:999px;
  padding:0.25em 0.6em;
  font-size:calc(var(--text-xs) * 0.7);
  box-shadow:0 2px 8px rgba(225, 29, 72, 0.28);
}
.product-card .badge--new{
  background-color:#2563eb;
  color:#ffffff;
  font-weight:700;
  letter-spacing:0.01em;
  border-radius:8px;
  padding:0.25em 0.52em;
  font-size:calc(var(--text-xs) * 0.7);
  box-shadow:0 2px 8px rgba(37, 99, 235, 0.28);
}
.product-card .badge--flash{
  background-color:#6d28d9;
  color:#ffffff;
  font-weight:800;
  letter-spacing:0.04em;
  text-transform:uppercase;
  border-radius:8px;
  padding:0.35em 0.75em;
  box-shadow:0 2px 8px rgba(109, 40, 217, 0.3);
}
.product-card .badge[data-position$=left],
.product-card .badge[data-position$=right]{
  inset-inline-start:auto;
  inset-inline-end:auto;
}
.product-card .badge span{
  max-width:32ch;
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.product-card__visual{
  position:relative;
}
.product-card .img-link{
  overflow:hidden;
  outline-offset:-1px;
  aspect-ratio:1 / 1;
  display:block;
  position:relative;
}
.product-card .img-link .product-card__hover-photo{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  z-index:2;
  pointer-events:none;
  opacity:0;
  border-radius:inherit;
  transition:opacity 0.25s ease;
}
.product-card .img-link .product-card__hover-photo.is-on{
  opacity:1;
}
.product-card .img-link img{
  height:100%;
  width:100%;
  -o-object-fit:cover;
     object-fit:cover;
  object-position:center;
  border-radius:var(--product-card-border-radius);
  pointer-events:none;
  -webkit-user-drag:none;
  user-select:none;
}
.product-card .img-link .card-placeholder{
  height:100%;
  width:100%;
  background-color:rgba(var(--product-card-foreground), 0.05);
  border-radius:var(--product-card-border-radius);
}
.product-card .img-link .card-placeholder svg{
  color:rgba(var(--product-card-foreground), 0.6);
}
.product-card .product-card__plus{
  position:absolute;
  inset-inline-end:10px;
  inset-block-end:10px;
  width:38px;
  height:38px;
  border-radius:999px;
  background:#6d28d9;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:26px;
  font-weight:600;
  line-height:1;
  z-index:3;
  box-shadow:0 4px 12px rgba(109, 40, 217, 0.28);
}
.home-products__item{
  container-type:inline-size;
}
.product-card .flash-timer,
.home-products__item > .flash-timer,
.flash-timer.is-visible{
  position:absolute;
  inset-block-start:auto;
  inset-inline-start:10px;
  inset-block-end:10px;
  z-index:8;
  margin:0;
  height:38px;
  min-height:38px;
  max-width:calc(100% - 60px);
  padding:0 12px;
  border-radius:999px;
  background:#6d28d9;
  color:#fff;
  font-size:12px;
  font-weight:800;
  line-height:38px;
  letter-spacing:0;
  box-shadow:0 4px 12px rgba(109, 40, 217, 0.28);
  pointer-events:none;
  display:flex !important;
  align-items:center;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.home-products__item > .flash-timer{
  inset-block-end:auto;
  inset-block-start:calc(100cqi - 48px);
}
.product-card .flash-timer[hidden]:not(.is-visible){
  display:none !important;
}
.product-card .info{
  padding:0.7em 0.15em 0;
  display:grid;
  grid-gap:4px;
  gap:4px;
  border-radius:0;
  background-color:transparent;
  color:rgb(var(--product-card-foreground));
}
.product-card .info .title,
.product-card .info .price{
  justify-self:var(--product-card-text-alignment);
}
.product-card .info .title{
  max-width:100%;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  color:currentColor;
  font-size:1.2em;
}
.product-card .info .price{
  display:flex;
  align-items:center;
  gap:var(--gap-md);
  font-size:calc(var(--text-md) * 1.2);
}
.product-card .info .price .current{
  font-size:calc(var(--text-md) * 1.2);
  font-weight:650;
}
.product-card .info .price .compare-at{
  color:currentColor;
  font-weight:400;
  -webkit-text-decoration:line-through;
  text-decoration:line-through;
}
.product-card .info button.secondary,
.product-card .info .yc-btn.secondary,
.product-card .info yc-product-form,
.product-card .info .product-quick-view{
  display:none;
}
.product-card .info button.secondary:hover,
.product-card .info .yc-btn.secondary:hover{
  color:var(--product-card-background);
}
.product-card[data-style$=standard]{
  --product-img-height:auto;
  border:none;
}
.product-card[data-style$=standard] .img-link{
  display:block;
  border-bottom:var(--product-card-border);
  aspect-ratio:1 / 1;
  overflow:hidden;
}
.product-card[data-style$=standard] .img-link,
.product-card[data-style$=standard] img{
  height:100%;
  width:100%;
}
.product-card[data-style$=standard] img{
  object-fit:cover;
  object-position:center;
}
.product-card[data-style$=standard] img,
.product-card[data-style$=standard] .card-placeholder{
  border-end-end-radius:0;
  border-end-start-radius:0;
}
.product-card[data-style$=standard] .info{
  position:static;
  border-start-end-radius:0;
  border-start-start-radius:0;
}
.product-card[data-style$=standard] .info button{
  width:100%;
}
.product-card[data-style$=compact]{
  --product-img-height:auto;
}
.product-card[data-style$=compact]::before{
  content:"";
  position:absolute;
  width:100%;
  height:100%;
  border-radius:var(--product-card-border-radius);
  -webkit-backdrop-filter:var(--overlay-blur);
          backdrop-filter:var(--overlay-blur);
  background-color:var(--overlay-background);
  opacity:0;
  transition:var(--transition-duration-normal);
  pointer-events:none;
}
.product-card[data-style$=compact]:hover::before{
  opacity:1;
}
.product-card[data-style$=compact] .img-link{
  display:block;
  aspect-ratio:1 / 1;
  overflow:hidden;
}
.product-card[data-style$=compact] .img-link,
.product-card[data-style$=compact] img{
  height:100%;
  width:100%;
}
.product-card[data-style$=compact] img{
  object-fit:cover;
  object-position:center;
}
.product-card[data-style$=compact] .info{
  position:absolute;
  inset-block-end:0;
  margin:var(--product-content-inset);
  padding:var(--product-content-inset);
  width:-webkit-fill-available;
  width:-moz-available;
  width:stretch;
}

@media (min-width: 769px){
  .product-card .badge{
    font-size:calc(var(--text-xs) * 1.5);
    padding:0.45em 1.2em;
  }
  .product-card .badge--flash{
    font-size:calc(var(--text-xs) * 1.5);
    padding:0.52em 1.15em;
  }
  .product-card .badge--sale,
  .product-card .badge--new{
    font-size:calc(var(--text-xs) * 1.05);
    padding:0.36em 0.8em;
  }
}

/* picat-mobile-scale */
@media (max-width: 768px){
  .product-card[data-style$=standard] .img-link,
  .product-card[data-style$=compact] .img-link{
    aspect-ratio:1 / 1;
  }
  .product-card .badge{
    font-size:10px;
    padding:0.22em 0.5em;
    max-width:100%;
  }
  .product-card .badge span{
    max-width:11ch;
  }
  .product-card .flash-timer,
  .home-products__item > .flash-timer,
  .flash-timer.is-visible{
    height:27px;
    min-height:27px;
    font-size:10px;
    padding:0 8px;
    line-height:27px;
    max-width:calc(100% - 54px);
    inset-block-end:10px;
  }
  .home-products__item > .flash-timer{
    inset-block-start:calc(100cqi - 37px);
    inset-block-end:auto;
  }
  .product-card__badges{
    gap:4px;
  }
  .product-card__badges--right{
    max-width:42%;
  }
}
yc-product-media img,
.card-plus__thumb img,
.product-card .img-link img{
  -webkit-user-drag:none;
  user-select:none;
}