.elementor-214 .elementor-element.elementor-element-da5e566{--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;}/* Start custom CSS for shortcode, class: .elementor-element-c2911d5 *//* Grid Wrapper */
.elementor-214 .elementor-element.elementor-element-c2911d5 .my-custom-loop-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 columns like a standard store */
    gap: 20px;
    padding: 20px 0;
}

/* Ensure the Elementor Loop Item takes full width of the grid cell */
.elementor-214 .elementor-element.elementor-element-c2911d5  .my-custom-loop-grid .elementor-section-wrap, 
.elementor-214 .elementor-element.elementor-element-c2911d5  .my-custom-loop-grid .elementor-element {
    width: 100%;
}

/* Empty State Styling */
.elementor-214 .elementor-element.elementor-element-c2911d5  .no-results {
    grid-column: 1 / -1;
    text-align: center;
    padding: 50px;
    background: #f9f9f9;
    border-radius: 10px;
    font-size: 18px;
    color: #666;
}

/* Mobile Responsiveness */
@media (max-width: 1024px) {
    .my-custom-loop-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 767px) {
    .my-custom-loop-grid { grid-template-columns: 1fr; }
}/* End custom CSS */