.elementor-3740 .elementor-element.elementor-element-923add3{--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-3740 .elementor-element.elementor-element-923add3:not(.elementor-motion-effects-element-type-background), .elementor-3740 .elementor-element.elementor-element-923add3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor5 );}.elementor-widget-html .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-html .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-3740 .elementor-element.elementor-element-9532824{--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-3740 .elementor-element.elementor-element-9532824:not(.elementor-motion-effects-element-type-background), .elementor-3740 .elementor-element.elementor-element-9532824 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor5 );}body.elementor-page-3740:not(.elementor-motion-effects-element-type-background), body.elementor-page-3740 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9E0E2;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-3b663cb */.products {
    list-style-type: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    margin: -10px; /* Adjust for spacing */
}

.products li {
    box-sizing: border-box;
    margin: 10px;
    padding: 10px;
    border: 1px solid #ddd;
    width: calc(25% - 20px); /* 4 items per row with spacing */
}

.in-stock-products h2, .out-of-stock-products h2 {
    width: 100%;
}

@media (max-width: 1200px) {
    .products li {
        width: calc(33.333% - 20px); /* 3 items per row */
    }
}

@media (max-width: 900px) {
    .products li {
        width: calc(50% - 20px); /* 2 items per row */
    }
}

@media (max-width: 600px) {
    .products li {
        width: 100%; /* 1 item per row */
    }
}/* End custom CSS */