.elementor-357 .elementor-element.elementor-element-f414ecd{--display:flex;}.elementor-357 .elementor-element.elementor-element-e583134 .woolentor-archive-data-area{text-align:center;}.elementor-357 .elementor-element.elementor-element-af45b0a{--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-357 .elementor-element.elementor-element-cd728f5{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.woocommerce .elementor-357 .elementor-element.elementor-element-e88803d .woolentor_archive_catalog_ordering .woocommerce-ordering select{height:40px;}.elementor-357 .elementor-element.elementor-element-6868f10{--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-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-357 .elementor-element.elementor-element-fdc5eb7{--grid-columns:4;}.elementor-357 .elementor-element.elementor-element-af451bc{--display:flex;}.elementor-357 .elementor-element.elementor-element-28f7f07{--spacer-size:60px;}@media(max-width:1024px){.elementor-357 .elementor-element.elementor-element-cd728f5{--grid-auto-flow:row;}.elementor-357 .elementor-element.elementor-element-fdc5eb7{--grid-columns:2;}}@media(min-width:768px){.elementor-357 .elementor-element.elementor-element-f414ecd{--content-width:1500px;}.elementor-357 .elementor-element.elementor-element-af45b0a{--content-width:1600px;}.elementor-357 .elementor-element.elementor-element-6868f10{--content-width:1600px;}}@media(max-width:767px){.elementor-357 .elementor-element.elementor-element-cd728f5{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-357 .elementor-element.elementor-element-6868f10{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-357 .elementor-element.elementor-element-fdc5eb7{--grid-columns:2;--grid-column-gap:5px;}.elementor-357 .elementor-element.elementor-element-28f7f07{--spacer-size:50px;}}/* Start custom CSS for container, class: .elementor-element-6868f10 *//* ===============================
   Elementor WooCommerce Loop Grid Compact Styling
   =============================== */

/* Tight vertical stacking for all loop items */
.e-loop-item,
.e-loop-item .e-con-inner,
.e-loop-item .elementor-widget-container {
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important; /* spacing between elements, adjust if needed */
    margin: 0 !important;
    padding: 0 !important;
}

/* Remove extra spacing from product title and price */
.e-loop-item .elementor-widget-woocommerce-product-title,
.e-loop-item .elementor-widget-woocommerce-product-price {
    margin: 0 !important;
    padding: 0 !important;
}

/* Make Add to Cart wrapper containers full width */
.e-loop-item .elementor-add-to-cart,
.e-loop-item .elementor-add-to-cart .e-loop-add-to-cart-form-container,
.e-loop-item .elementor-add-to-cart form.cart {
    width: 100% !important;
    display: block !important;
}

/* Make Add to Cart button full width with padding */
.e-loop-item .add_to_cart_button {
    width: 100% !important;
    display: block !important;
    text-align: center !important;
    padding: 12px 0 !important; /* vertical padding */
    box-sizing: border-box !important;
    margin: 0 !important;
    font-size: 14px !important; /* adjust as needed */
    border-radius: 4px !important; /* optional: rounded corners */
}




/* Loox-style ratings adjustments */
.loox-rating {
    display: flex;
    align-items: center;
    flex-wrap: wrap; /* allow wrapping on small screens */
    font-size: 16px;
    margin: 5px 0; /* adjust spacing from title/price */
}

.loox-rating span {
    line-height: 1;
}

.loox-rating .loox-rating-label {
    margin-left: 8px;
    font-weight: 600;
    white-space: nowrap; /* keep label text on one line if possible */
}

/* Mobile responsive */
@media (max-width: 768px) {
    .loox-rating {
        justify-content: flex-start; /* align stars and label to left */
        font-size: 14px; /* slightly smaller stars on mobile */
    }
    .loox-rating span {
        font-size: 16px; /* stars slightly smaller than desktop */
    }
    .loox-rating .loox-rating-label {
        margin-left: 5px;
        font-size: 14px;
    }
}





/* Mobile responsive: show only 1 star with rating label */
@media (max-width: 768px) {
    .loox-rating {
        font-size: 14px;
        display: flex;
        align-items: center;
        flex-wrap: nowrap; /* prevent wrapping */
    }

    /* Hide all stars except the first one */
    .loox-rating span {
        font-size: 16px;
        line-height: 1;
    }
    .loox-rating span:not(:first-child):not(.loox-rating-label) {
        display: none;
    }

    /* Adjust rating label next to the single star */
    .loox-rating .loox-rating-label {
        margin-left: 5px;
        font-size: 14px;
        font-weight: 600;
        white-space: nowrap;
    }
}


















/* Reduce side spacing on product archive/shop page in mobile */
@media (max-width: 767px) {
  .ast-container,
  .elementor .e-con-boxed,
  .elementor .e-con {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  /* Make loop grid take full width */
  .elementor-loop-container.elementor-grid {
    margin-left: -5px !important;
    margin-right: -5px !important;
  }

  /* Ensure product cards don’t get squeezed */
  
}/* End custom CSS */