.elementor-2608 .elementor-element.elementor-element-67a4fbc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2608 .elementor-element.elementor-element-b543205{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2608 .elementor-element.elementor-element-dff40e5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2608 .elementor-element.elementor-element-94870e2.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-2608 .elementor-element.elementor-element-94870e2.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-2608 .elementor-element.elementor-element-94870e2.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-2608 .elementor-element.elementor-element-94870e2.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for woocommerce-products, class: .elementor-element-94870e2 *//* Shop page layout */
.woocommerce ul.products {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px;
    padding: 40px 0;
}

/* Cupcake product card */
.woocommerce ul.products li.product {
    background: linear-gradient(to top, #ffe4ec 0%, #fff0f5 60%);
    border-radius: 50% 50% 20% 20%; /* Rounded top for frosting dome */
    box-shadow: 0 8px 20px rgba(0,0,0,0.1);
    width: 260px;
    text-align: center;
    padding: 20px 15px 30px;
    position: relative;
    transition: all 0.3s ease;
    overflow: visible;
}

/* Frosting dome look */
.woocommerce ul.products li.product::before {
    content: "";
    position: absolute;
    top: -40px;
    left: 50%;
    transform: translateX(-50%);
    width: 180px;
    height: 90px;
    background: radial-gradient(circle at 50% 100%, #fff5f9, #ffc7d4);
    border-radius: 100px 100px 0 0;
    box-shadow: inset 0 -4px 6px rgba(0,0,0,0.05);
    z-index: 1;
}

/* Product image */
.woocommerce ul.products li.product img {
    width: 100%;
    border-radius: 50%;
    margin-top: 50px;
    z-index: 2;
    position: relative;
    transition: transform 0.3s ease;
}

.woocommerce ul.products li.product:hover img {
    transform: scale(1.05);
}

/* Product title */
.woocommerce ul.products li.product h2.woocommerce-loop-product__title {
    font-size: 1.1rem;
    color: #333;
    margin-top: 15px;
    margin-bottom: 5px;
    z-index: 2;
    position: relative;
}

/* Product price */
.woocommerce ul.products li.product .price {
    font-size: 1rem;
    color: #ff2e63;
    font-weight: 600;
    margin-bottom: 10px;
    z-index: 2;
    position: relative;
}

/* Add to cart / Select options button */
.woocommerce ul.products li.product a.button {
    display: inline-block;
    background: #ff9ac1;
    color: white !important;
    font-weight: 600;
    border-radius: 50px;
    padding: 10px 20px;
    transition: all 0.3s ease;
    z-index: 2;
    position: relative;
}

.woocommerce ul.products li.product a.button:hover {
    background: #ff70a6;
    transform: scale(1.05);
}

/* Sprinkle animation */
.woocommerce ul.products li.product::after {
    content: "✨";
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 1.2rem;
    animation: sparkle 3s infinite;
}

@keyframes sparkle {
    0%, 100% { opacity: 0.3; transform: rotate(0deg); }
    50% { opacity: 1; transform: rotate(20deg); }
}

/* Hover lift */
.woocommerce ul.products li.product:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 25px rgba(0,0,0,0.15);
}

/* Responsive */
@media(max-width:768px){
    .woocommerce ul.products li.product {
        width: 80%;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dff40e5 */<!-- Balloon and Confetti Animation -->
<div id="party-background" style="position:absolute; width:100%; height:100%; top:0; left:0; z-index:-1;"></div>

<!-- Include tsParticles library -->
<script src="https://cdn.jsdelivr.net/npm/tsparticles@2/tsparticles.bundle.min.js"></script>

<script>
tsParticles.load("party-background", {
  fpsLimit: 60,
  particles: {
    number: { value: 40, density: { enable: true, area: 800 } },
    shape: {
      type: ["circle", "triangle", "square"],
      options: {
        circle: { stroke: { width: 2, color: "#ff6f61" } },
        triangle: { stroke: { width: 2, color: "#fcd34d" } },
        square: { stroke: { width: 2, color: "#3b82f6" } }
      }
    },
    size: { value: { min: 10, max: 20 } },
    color: { value: ["#ff6f61", "#fcd34d", "#3b82f6", "#10b981", "#ec4899"] },
    opacity: { value: 0.8 },
    move: {
      enable: true,
      speed: 2,
      direction: "bottom",
      straight: false,
      outModes: { default: "out" },
      random: true
    }
  },
  interactivity: {
    events: {
      onHover: { enable: false },
      onClick: { enable: false }
    }
  },
  detectRetina: true,
  background: { color: "transparent" }
});
</script>/* End custom CSS */