.elementor-25022 .elementor-element.elementor-element-9d6a7de{--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-25022 .elementor-element.elementor-element-1a02636.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-25022 .elementor-element.elementor-element-1a02636.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:991px){.elementor-25022 .elementor-element.elementor-element-1a02636.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:768px){.elementor-25022 .elementor-element.elementor-element-9d6a7de{--content-width:95%;--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;--flex-wrap:wrap;}.elementor-25022 .elementor-element.elementor-element-1a02636.elementor-wc-products  ul.products{grid-column-gap:0px;grid-row-gap:40px;}}/* Start custom CSS for ar-woocommerce-products, class: .elementor-element-1a02636 *//* Force single-column layout on mobile */
@media (max-width: 768px) {
    /* Target the product grid container */
    .elementor-widget-woocommerce-products .around.products {
        display: flex !important;
        flex-direction: column !important; /* Stack products vertically */
        gap: 1.5rem !important; /* Add space between products */
    }

    /* Make each product full-width */
    .elementor-widget-woocommerce-products .product {
        width: 100% !important; /* Ensure each product takes full width */
        max-width: none !important; /* Remove any max-width limits */
        margin: 0 auto !important; /* Center align the product card */
    }

    /* Ensure the product card layout adapts to mobile */
    .elementor-widget-woocommerce-products .card {
        max-width: 100% !important; /* Stretch the card to full width */
        margin: 0 auto !important; /* Align cards to center */
        padding: 1rem !important; /* Add padding for better spacing */
    }

    /* Adjust product images for responsiveness */
    .elementor-widget-woocommerce-products .card img {
        width: 100% !important; /* Ensure image fills the container */
        max-width: 100px !important; /* Limit maximum width */
        height: auto !important; /* Maintain aspect ratio */
        margin: 0 auto !important; /* Center-align the image */
    }

    /* Adjust card footer content */
    .elementor-widget-woocommerce-products .card-footer {
        text-align: left !important; /* Align footer content to the left */
    }

    /* Ensure badges/tags are mobile-friendly */
    .elementor-widget-woocommerce-products .card .badge {
        font-size: 0.8rem !important; /* Adjust badge size */
        padding: 0.25rem 0.5rem !important; /* Add padding to badges */
    }
}

/* Adjust grid layout on tablets (optional, for medium screens) */
@media (max-width: 992px) {
    .elementor-widget-woocommerce-products .around.products {
        gap: 2rem !important; /* Increase spacing for better readability */
    }
}/* End custom CSS */
/* Start custom CSS *//* Add an external link icon to indicate the link opens in a new tab */
a[target="_blank"]::after {
  content: " ↗";  /* Unicode arrow symbol */
  font-size: 0.9em;
  color: #0073e6;  /* Adjust color to match your brand */
  margin-left: 5px;
  display: inline-block;
}/* End custom CSS */