.elementor-141 .elementor-element.elementor-element-2c2996d{--display:flex;}.elementor-141 .elementor-element.elementor-element-3fe0163 > .elementor-widget-container{background-image:url("https://creatorsvault.in/wp-content/uploads/2024/09/3d-rendering-dark-earth-space-scaled.webp");padding:28px 28px 28px 28px;}.elementor-141 .elementor-element.elementor-element-3fe0163 .woostify-products-widget .products{grid-column-gap:40px;grid-row-gap:40px;}.elementor-141 .elementor-element.elementor-element-3fe0163 .woostify-products-widget .product-loop-image-wrapper{margin-bottom:0px;}.elementor-141 .elementor-element.elementor-element-3fe0163 .woostify-products-widget .woocommerce-loop-product__title{margin-bottom:0px;}.elementor-141 .elementor-element.elementor-element-3fe0163 .woocommerce-loop-product__title a {color:#FFFFFF;}.elementor-141 .elementor-element.elementor-element-3fe0163 .woostify-products-widget .products .product{border-style:solid;border-radius:0px 0px 0px 0px;}.elementor-141 .elementor-element.elementor-element-3fe0163 .woostify-products-widget .button{margin-top:0px;}.elementor-141 .elementor-element.elementor-element-df15a0d{--display:flex;}@media(max-width:1024px){.elementor-141 .elementor-element.elementor-element-3fe0163 .woostify-products-widget .products{grid-column-gap:20px;grid-row-gap:30px;}.elementor-141 .elementor-element.elementor-element-3fe0163 .woostify-products-widget .product-loop-image-wrapper{margin-bottom:0px;}.elementor-141 .elementor-element.elementor-element-3fe0163 .woostify-products-widget .woocommerce-loop-product__title{margin-bottom:0px;}.elementor-141 .elementor-element.elementor-element-3fe0163 .woostify-products-widget .button{margin-top:0px;}}@media(max-width:767px){.elementor-141 .elementor-element.elementor-element-3fe0163 .woostify-products-widget .products{grid-column-gap:20px;grid-row-gap:30px;}.elementor-141 .elementor-element.elementor-element-3fe0163 .woostify-products-widget .product-loop-image-wrapper{margin-bottom:0px;}.elementor-141 .elementor-element.elementor-element-3fe0163 .woostify-products-widget .woocommerce-loop-product__title{margin-bottom:0px;}.elementor-141 .elementor-element.elementor-element-3fe0163 .woostify-products-widget .button{margin-top:0px;}body.elementor-page-141:not(.elementor-motion-effects-element-type-background), body.elementor-page-141 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://creatorsvault.in/wp-content/uploads/2023/11/shape-1.png");}}/* Start custom CSS for woostify-new-products, class: .elementor-element-3fe0163 *//* ----------------------------------------------------------------
   1. Glass base + blur + subtle neon-blue shine (as before)
------------------------------------------------------------------*/

/* 1.1 Target each product card */
.elementor-141 .elementor-element.elementor-element-3fe0163 .woocommerce ul.products li.product {
  /* Existing glassmorphism styles */
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  transition: transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
  
  /* NEW: initialize CSS vars for mouse-glow */
  --mouse-x: 50%;
  --mouse-y: 50%;
}

/* 1.2 Ensure the card’s content (image, title, price, button, etc.) sits above the glow overlay */
.elementor-141 .elementor-element.elementor-element-3fe0163 .woocommerce ul.products li.product > * {
  position: relative;
  z-index: 2; /* bump content above the glow and behind layers */
}

/* 1.3 Hover lift + blue glow (unchanged) */
.elementor-141 .elementor-element.elementor-element-3fe0163 .woocommerce ul.products li.product:hover {
  transform: translateY(-8px) scale(1.02);
  box-shadow: 0 0 40px rgba(0, 183, 255, 0.3);
}

/* 1.4 Neon-blue “shine” overlay behind everything (as before) */
.elementor-141 .elementor-element.elementor-element-3fe0163 .woocommerce ul.products li.product::after {
  content: "";
  pointer-events: none;
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0.05) 0%,
    rgba(0, 255, 255, 0.03) 100%
  );
  transform: rotate(25deg);
  animation: pop-shine 5s linear infinite;
  z-index: 0;
}

@keyframes pop-shine {
  0% {
    transform: rotate(25deg) translate(-100%, -100%);
  }
  100% {
    transform: rotate(25deg) translate(100%, 100%);
  }
}

/* ----------------------------------------------------------------
   2. Inner “golden glow” that follows the cursor
------------------------------------------------------------------*/

/* 2.1 Create a pseudo-element beneath the card’s content but above the blue-shine */
.elementor-141 .elementor-element.elementor-element-3fe0163 .woocommerce ul.products li.product::before {
  content: "";
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* Radial‐gradient for the golden glow, center at CSS vars */
  background: radial-gradient(
    circle at var(--mouse-x) var(--mouse-y),
    rgba(255, 215, 0, 0.25),   /* light golden center */
    transparent 60%
  );
  /* Transition to soften movement a bit */
  transition: background 0.08s ease-out;
  z-index: 1; /* between the blue-shine (::after z-index:0) and content (::> * z-index:2) */
}/* End custom CSS */