/* PATCH_ID: b2c_phase5e18e_product_name_strong_visible_stage_safe_20260522 */

/*
  Stronger product-name hover emphasis.
  E18d was too subtle and some product title nodes were not matched.
  This patch force-marks detected product-name nodes and makes the hover state visibly stronger.
*/

.b2c-product-hover-ready .b2c-product-name-strong,
.b2c-product-hover-card .b2c-product-name-strong,
.b2c-product-hover-ready .b2c-product-hover-name,
.b2c-product-hover-card .b2c-product-hover-name,
.b2c-product-hover-ready .product-name,
.b2c-product-hover-card .product-name{
  position:relative !important;
  z-index:4 !important;
  display:inline-block !important;
  transform-origin:left center !important;
  transition:
    transform .30s cubic-bezier(.2,.8,.2,1),
    color .24s ease,
    text-shadow .24s ease,
    letter-spacing .24s ease,
    background .24s ease,
    padding .24s ease !important;
  will-change:transform;
}

/* Visible state: stronger than E18d. */
.b2c-product-hover-ready:hover .b2c-product-name-strong,
.b2c-product-hover-card:hover .b2c-product-name-strong,
.b2c-product-hover-ready:hover .b2c-product-hover-name,
.b2c-product-hover-card:hover .b2c-product-hover-name,
.b2c-product-hover-ready:hover .product-name,
.b2c-product-hover-card:hover .product-name{
  transform:translateX(7px) scale(1.16) !important;
  color:#1b1023 !important;
  letter-spacing:-.045em !important;
  text-shadow:
    0 2px 8px rgba(255,255,255,.95),
    0 7px 18px rgba(60,25,78,.24),
    0 16px 34px rgba(220,135,190,.18) !important;
}

/* Soft highlight behind the enlarged name, without changing layout height. */
.b2c-product-hover-ready .b2c-product-name-strong::after,
.b2c-product-hover-card .b2c-product-name-strong::after,
.b2c-product-hover-ready .b2c-product-hover-name::after,
.b2c-product-hover-card .b2c-product-hover-name::after,
.b2c-product-hover-ready .product-name::after,
.b2c-product-hover-card .product-name::after{
  content:"";
  position:absolute;
  left:-5px;
  right:-8px;
  bottom:-4px;
  height:9px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(255,207,232,.0), rgba(255,207,232,.72), rgba(245,220,255,.0));
  opacity:0;
  transform:scaleX(.2);
  transform-origin:left center;
  transition:opacity .25s ease, transform .34s cubic-bezier(.2,.8,.2,1);
  z-index:-1;
}

.b2c-product-hover-ready:hover .b2c-product-name-strong::after,
.b2c-product-hover-card:hover .b2c-product-name-strong::after,
.b2c-product-hover-ready:hover .b2c-product-hover-name::after,
.b2c-product-hover-card:hover .b2c-product-hover-name::after,
.b2c-product-hover-ready:hover .product-name::after,
.b2c-product-hover-card:hover .product-name::after{
  opacity:1;
  transform:scaleX(1);
}

/* Keep price less dominant than product name. */
.b2c-product-hover-ready:hover .price,
.b2c-product-hover-card:hover .price{
  transform:translateX(3px) scale(1.02) !important;
}

/* Stop text from being visually clipped by the pink panel area where possible. */
.b2c-product-hover-ready .b2c-product-hover-body,
.b2c-product-hover-card .b2c-product-hover-body{
  overflow:hidden !important;
}

@media (hover:none){
  .b2c-product-hover-ready:hover .b2c-product-name-strong,
  .b2c-product-hover-card:hover .b2c-product-name-strong,
  .b2c-product-hover-ready:hover .b2c-product-hover-name,
  .b2c-product-hover-card:hover .b2c-product-hover-name,
  .b2c-product-hover-ready:hover .product-name,
  .b2c-product-hover-card:hover .product-name{
    transform:none !important;
    text-shadow:none !important;
  }
}

@media (prefers-reduced-motion: reduce){
  .b2c-product-hover-ready .b2c-product-name-strong,
  .b2c-product-hover-card .b2c-product-name-strong,
  .b2c-product-hover-ready .b2c-product-hover-name,
  .b2c-product-hover-card .b2c-product-hover-name,
  .b2c-product-hover-ready .product-name,
  .b2c-product-hover-card .product-name{
    transition:none !important;
  }
}