/**
 * Product Widget Styles
 * 
 * This CSS works with WooCommerce's default product templates
 * The widget uses WooCommerce's native product rendering functions
 */

.czar-product-widget-wrapper {
    width: 100%;
}

.czar-product-widget-wrapper ul.products {
    display: grid !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.czar-product-widget-wrapper ul.products li.product {
    margin: 0 !important;
    width: 100% !important;
    float: none !important;
}