/* PATCH_ID: b2c_phase5e18b_product_card_selector_runtime_fix_stage_safe_20260522 */

/* Runtime marked product cards. Works on home product modules and product listing page. */
.b2c-product-hover-card{
  position:relative !important;
  overflow:hidden !important;
  transform:translateZ(0);
  transition:
    transform .30s cubic-bezier(.2,.8,.2,1),
    box-shadow .30s cubic-bezier(.2,.8,.2,1),
    border-color .30s ease !important;
  will-change:transform;
}

.b2c-product-hover-card:hover,
.b2c-product-hover-card:focus-within{
  transform:translateY(-5px);
  border-color:rgba(232,177,214,.42) !important;
  box-shadow:
    0 24px 58px rgba(127,82,143,.14),
    0 0 0 1px rgba(255,255,255,.72) inset !important;
}

/* Image zoom: covers background-image nodes and img nodes. */
.b2c-product-hover-card .b2c-product-hover-img,
.b2c-product-hover-card .product-image{
  position:relative;
  overflow:hidden;
  transform-origin:center;
  transition:
    transform .42s cubic-bezier(.2,.8,.2,1),
    filter .36s ease !important;
  will-change:transform,filter;
}

.b2c-product-hover-card:hover .b2c-product-hover-img,
.b2c-product-hover-card:focus-within .b2c-product-hover-img,
.b2c-product-hover-card:hover .product-image,
.b2c-product-hover-card:focus-within .product-image{
  transform:scale(1.045);
  filter:saturate(1.04) brightness(1.015);
}

.b2c-product-hover-card .b2c-product-hover-img::after,
.b2c-product-hover-card .product-image::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 72% 18%,rgba(255,255,255,.28),transparent 32%),
    linear-gradient(180deg,rgba(255,255,255,0),rgba(255,242,250,.12));
  opacity:0;
  transition:opacity .30s ease;
  pointer-events:none;
}

.b2c-product-hover-card:hover .b2c-product-hover-img::after,
.b2c-product-hover-card:focus-within .b2c-product-hover-img::after,
.b2c-product-hover-card:hover .product-image::after,
.b2c-product-hover-card:focus-within .product-image::after{
  opacity:1;
}

/* Info area pink panel. */
.b2c-product-hover-card .b2c-product-hover-body,
.b2c-product-hover-card .product-body,
.b2c-product-hover-card .product-info,
.b2c-product-hover-card .card-body{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate;
}

.b2c-product-hover-card .b2c-product-hover-body::before,
.b2c-product-hover-card .product-body::before,
.b2c-product-hover-card .product-info::before,
.b2c-product-hover-card .card-body::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:
    radial-gradient(circle at 100% 18%,rgba(255,205,232,.82),transparent 42%),
    linear-gradient(270deg,rgba(255,219,238,.96),rgba(255,240,248,.84) 48%,rgba(255,255,255,0) 100%);
  transform:translateX(104%);
  opacity:0;
  transition:
    transform .46s cubic-bezier(.22,.61,.36,1),
    opacity .28s ease;
  pointer-events:none;
}

.b2c-product-hover-card:hover .b2c-product-hover-body::before,
.b2c-product-hover-card:focus-within .b2c-product-hover-body::before,
.b2c-product-hover-card:hover .product-body::before,
.b2c-product-hover-card:focus-within .product-body::before,
.b2c-product-hover-card:hover .product-info::before,
.b2c-product-hover-card:focus-within .product-info::before,
.b2c-product-hover-card:hover .card-body::before,
.b2c-product-hover-card:focus-within .card-body::before{
  transform:translateX(0);
  opacity:1;
}

.b2c-product-hover-card .b2c-product-hover-body > *,
.b2c-product-hover-card .product-body > *,
.b2c-product-hover-card .product-info > *,
.b2c-product-hover-card .card-body > *{
  position:relative;
  z-index:1;
}

/* Text motion. */
.b2c-product-hover-card .product-status,
.b2c-product-hover-card .product-name,
.b2c-product-hover-card .price{
  transition:
    transform .28s cubic-bezier(.2,.8,.2,1),
    color .24s ease,
    background .24s ease,
    box-shadow .24s ease !important;
}

.b2c-product-hover-card:hover .product-status,
.b2c-product-hover-card:focus-within .product-status{
  transform:translateX(3px);
  background:rgba(255,255,255,.78);
  box-shadow:0 8px 18px rgba(170,96,150,.10);
}

.b2c-product-hover-card:hover .product-name,
.b2c-product-hover-card:focus-within .product-name,
.b2c-product-hover-card:hover .price,
.b2c-product-hover-card:focus-within .price{
  transform:translateX(4px);
}

/* Add-cart breathing edge glow. */
.b2c-product-hover-card .b2c-product-hover-add,
.b2c-product-hover-card .product-actions button:not(:disabled){
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate;
  transition:
    transform .22s cubic-bezier(.2,.8,.2,1),
    box-shadow .26s ease,
    border-color .24s ease,
    background .24s ease !important;
}

.b2c-product-hover-card .b2c-product-hover-add::before,
.b2c-product-hover-card .product-actions button:not(:disabled)::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  pointer-events:none;
  z-index:-1;
  background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(255,255,255,0) 38%,rgba(255,255,255,.88) 72%,rgba(255,255,255,0));
  opacity:0;
  filter:blur(1px);
}

.b2c-product-hover-card:hover .b2c-product-hover-add,
.b2c-product-hover-card:focus-within .b2c-product-hover-add,
.b2c-product-hover-card:hover .product-actions button:not(:disabled),
.b2c-product-hover-card:focus-within .product-actions button:not(:disabled){
  transform:translateY(-1px);
  box-shadow:
    0 12px 26px rgba(25,23,31,.20),
    0 0 0 1px rgba(255,255,255,.42) inset;
}

.b2c-product-hover-card:hover .b2c-product-hover-add::before,
.b2c-product-hover-card:focus-within .b2c-product-hover-add::before,
.b2c-product-hover-card:hover .product-actions button:not(:disabled)::before,
.b2c-product-hover-card:focus-within .product-actions button:not(:disabled)::before{
  animation:b2cProductButtonBreathFix 1.55s ease-in-out infinite;
}

.b2c-product-hover-card .b2c-product-hover-add::after,
.b2c-product-hover-card .product-actions button:not(:disabled)::after{
  content:"";
  position:absolute;
  top:-30%;
  bottom:-30%;
  width:36px;
  left:-52px;
  transform:skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.76),transparent);
  opacity:0;
  pointer-events:none;
  transition:left .62s ease, opacity .22s ease;
}

.b2c-product-hover-card:hover .b2c-product-hover-add::after,
.b2c-product-hover-card:focus-within .b2c-product-hover-add::after,
.b2c-product-hover-card:hover .product-actions button:not(:disabled)::after,
.b2c-product-hover-card:focus-within .product-actions button:not(:disabled)::after{
  left:calc(100% + 28px);
  opacity:.85;
}

@keyframes b2cProductButtonBreathFix{
  0%,100%{
    opacity:.12;
    box-shadow:0 0 0 0 rgba(255,255,255,.12),0 0 8px rgba(255,255,255,.10);
  }
  50%{
    opacity:.74;
    box-shadow:0 0 0 2px rgba(255,255,255,.26),0 0 22px rgba(255,255,255,.42);
  }
}

@media (prefers-reduced-motion: reduce){
  .b2c-product-hover-card,
  .b2c-product-hover-card *,
  .b2c-product-hover-card *::before,
  .b2c-product-hover-card *::after{
    transition:none !important;
    animation:none !important;
  }
}

@media (hover:none){
  .b2c-product-hover-card:hover{
    transform:none;
  }
  .b2c-product-hover-card:hover .b2c-product-hover-img,
  .b2c-product-hover-card:hover .product-image{
    transform:none;
    filter:none;
  }
}