.elementor-373 .elementor-element.elementor-element-03c35aa{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-373 .elementor-element.elementor-element-bbc2104{--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-373 .elementor-element.elementor-element-ace7688{--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-373 .elementor-element.elementor-element-7ee6fe0{--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-373 .elementor-element.elementor-element-9e56f84{--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-373 .elementor-element.elementor-element-dcd231a{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-373 .elementor-element.elementor-element-57e5fd3{--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-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-373 .elementor-element.elementor-element-1939c2d{text-align:center;}.elementor-373 .elementor-element.elementor-element-1939c2d .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:36px;font-weight:600;color:#000000;}.elementor-373 .elementor-element.elementor-element-7dc6d71{--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;--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}@media(max-width:1024px){.elementor-373 .elementor-element.elementor-element-dcd231a{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-373 .elementor-element.elementor-element-bbc2104{--width:25%;}.elementor-373 .elementor-element.elementor-element-ace7688{--width:25%;}.elementor-373 .elementor-element.elementor-element-7ee6fe0{--width:25%;}.elementor-373 .elementor-element.elementor-element-9e56f84{--width:25%;}}@media(max-width:767px){.elementor-373 .elementor-element.elementor-element-dcd231a{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for container, class: .elementor-element-7dc6d71 */add_shortcode('ld_inventory_grid', function() {
    ob_start();
    
    $paged = (get_query_var('paged')) ? get_query_var('paged') : 1;
    $args = array('post_type' => 'product', 'posts_per_page' => 24, 'paged' => $paged, 'status' => 'publish');
    $loop = new WP_Query($args);

    echo '<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-10 mb-20">';

    if ($loop->have_posts()) :
        while ($loop->have_posts()) : $loop->the_post();
            global $product;
            $price = $product->get_price_html();
            $image = get_the_post_thumbnail_url(get_the_ID(), 'full');
            $title = get_the_title();
            ?>
            <div class="flex flex-col items-center text-center group">
                <div class="w-full overflow-hidden mb-4">
                    <img src="<?php echo $image; ?>" class="w-full aspect-square object-cover" alt="<?php echo $title; ?>">
                </div>
                <h3 class="text-zinc-600 text-sm font-medium mb-1"><?php echo $title; ?></h3>
                <div class="text-black text-lg font-bold mb-3"><?php echo $price; ?></div>
                <!-- Buy Now Button -->
                <button onclick="ldAddToCart('<?php echo addslashes($title); ?>', '<?php echo strip_tags($price); ?>')" 
                        class="bg-[#FF0000] text-white text-[11px] px-8 py-2.5 uppercase font-black tracking-widest border-none cursor-pointer hover:bg-black transition-colors">
                    Buy Now
                </button>
            </div>
            <?php
        endwhile;
    endif;
    echo '</div>';
    
    echo '<div class="flex justify-center gap-6 py-12 border-t border-zinc-100">';
    echo paginate_links(array('total' => $loop->max_num_pages, 'current' => $paged));
    echo '</div>';

    wp_reset_postdata();
    return ob_get_clean();
});/* End custom CSS */