.elementor-243 .elementor-element.elementor-element-4c1205f{--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-243 .elementor-element.elementor-element-4c1205f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-243 .elementor-element.elementor-element-f7267f6.elementor-widget-woolentor-product-archive-addons ul.products li.product span.onsale{display:block;}.elementor-243 .elementor-element.elementor-element-f7267f6.elementor-widget-woolentor-product-archive-addons span.onsale{display:block !important;}.elementor-243 .elementor-element.elementor-element-f7267f6.elementor-widget-woolentor-product-archive-addons ul.products li.product .woocommerce-loop-product__title,.elementor-243 .elementor-element.elementor-element-f7267f6.elementor-widget-woolentor-product-archive-addons .woocommerce-loop-product__title,.elementor-243 .elementor-element.elementor-element-f7267f6.elementor-widget-woolentor-product-archive-addons ul.products li.product .title a{font-family:"Roboto", Sans-serif;}@media(min-width:768px){.elementor-243 .elementor-element.elementor-element-4c1205f{--width:100%;}}/* Start custom CSS for woolentor-product-archive-addons, class: .elementor-element-f7267f6 *//* 1. Card Container Style - Glassmorphism & Neon Border */
.elementor-243 .elementor-element.elementor-element-f7267f6 .wpr-grid-item-inner, /* Common Royal Addons class */
.elementor-243 .elementor-element.elementor-element-f7267f6 .swiper-slide-inner,  /* Alternative class */
.elementor-243 .elementor-element.elementor-element-f7267f6 ul.products li.product { /* Standard Woo class */
    background: rgba(13, 2, 33, 0.8) !important; /* Dark semi-transparent purple */
    border: 1px solid #bc13fe; /* Neon Purple Border */
    backdrop-filter: blur(5px); /* Blurs the grid behind it */
    padding: 15px;
    border-radius: 4px; /* Slight roundness */
    box-shadow: 0 0 5px rgba(188, 19, 254, 0.2); /* Faint glow */
    transition: all 0.3s ease;
}

/* 2. Hover Effect - Brighten & Lift */
.elementor-243 .elementor-element.elementor-element-f7267f6 .wpr-grid-item-inner:hover,
.elementor-243 .elementor-element.elementor-element-f7267f6 .swiper-slide-inner:hover,
.elementor-243 .elementor-element.elementor-element-f7267f6 ul.products li.product:hover {
    border-color: #00fbff; /* Changes to Cyan on hover */
    box-shadow: 0 0 20px rgba(0, 251, 255, 0.4); /* Stronger glow */
    transform: translateY(-5px); /* Moves up slightly */
}

/* 3. Product Title Text */
.elementor-243 .elementor-element.elementor-element-f7267f6 h2, 
.elementor-243 .elementor-element.elementor-element-f7267f6 .woocommerce-loop-product__title,
.elementor-243 .elementor-element.elementor-element-f7267f6 .wpr-product-title {
    color: #ffffff !important; /* Force White Text */
    font-family: 'Courier New', monospace; /* Tech/Code look */
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 10px;
    text-shadow: 0 0 5px rgba(0,0,0,0.8); /* Better readability */
}

/* 4. Price Styling */
.elementor-243 .elementor-element.elementor-element-f7267f6 .price {
    font-size: 1.1em;
}

/* Sale Price (The cheaper one) */
.elementor-243 .elementor-element.elementor-element-f7267f6 .price ins span, .elementor-243 .elementor-element.elementor-element-f7267f6 .price .amount {
    color: #00fbff !important; /* Neon Cyan for price */
    font-weight: bold;
    text-shadow: 0 0 5px #00fbff;
}

/* Original Price (The crossed out one) */
.elementor-243 .elementor-element.elementor-element-f7267f6 .price del span {
    color: #888 !important; /* Dimmed Grey */
    opacity: 0.7;
}

/* 5. "View Products" Button */
.elementor-243 .elementor-element.elementor-element-f7267f6 .button, 
.elementor-243 .elementor-element.elementor-element-f7267f6 .wpr-button {
    background: transparent !important;
    color: #bc13fe !important; /* Purple Text */
    border: 1px solid #bc13fe !important; /* Purple Border */
    border-radius: 0px !important; /* Sharp corners for cyberpunk look */
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 10px;
    transition: 0.3s;
}

/* Button Hover */
.elementor-243 .elementor-element.elementor-element-f7267f6 .button:hover, 
.elementor-243 .elementor-element.elementor-element-f7267f6 .wpr-button:hover {
    background: #bc13fe !important; /* Fills with Purple */
    color: white !important;
    box-shadow: 0 0 15px #bc13fe;
}

.elementor-243 .elementor-element.elementor-element-f7267f6 .wpr-grid-item-inner, 
.elementor-243 .elementor-element.elementor-element-f7267f6 .swiper-slide-inner,/* End custom CSS */