.elementor-2314 .elementor-element.elementor-element-22a2071{--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:45px 45px;--row-gap:45px;--column-gap:45px;}.elementor-2314 .elementor-element.elementor-element-904ca72{--display:flex;}.elementor-2314 .elementor-element.elementor-element-32a0b37{--display:flex;}.elementor-2314 .elementor-element.elementor-element-786842c{font-size:18px;}.elementor-2314 .elementor-element.elementor-element-f3bb398{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 40px;padding:0px 0px 0px 0px;}.elementor-2314 .elementor-element.elementor-element-f3bb398 .btn{font-weight:700;background-color:#D10B05;padding:1.125rem 1rem 1.125rem 1.5rem;}.elementor-2314 .elementor-element.elementor-element-2121fc4 .btn{background-color:#D10B05;}.elementor-2314 .elementor-element.elementor-element-2b87a4d{--display:flex;--margin-top:50px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;}.elementor-2314 .elementor-element.elementor-element-4357f60.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-2314 .elementor-element.elementor-element-4357f60.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:991px){.elementor-2314 .elementor-element.elementor-element-4357f60.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-2314 .elementor-element.elementor-element-2121fc4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 26px;border-radius:0px 5px 0px 0px;}.elementor-2314 .elementor-element.elementor-element-2121fc4 .btn{padding:-10px -10px -10px -10px;}.elementor-2314 .elementor-element.elementor-element-4357f60.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for porto_button, class: .elementor-element-2121fc4 *//* Main button wrapper ko clip karne ke liye */
.elementor-2314 .elementor-element.elementor-element-2121fc4 .porto-btn,
.elementor-2314 .elementor-element.elementor-element-2121fc4 a,
.elementor-2314 .elementor-element.elementor-element-2121fc4 button {
    position: relative;
    padding-right: 45px !important; /* Arrow ke liye right side me space */
    clip-path: polygon(0% 0%, 88% 0%, 100% 50%, 88% 100%, 0% 100%) !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-related, class: .elementor-element-4357f60 *//* Pura outer related container full-width */
.woocommerce .related.products,
.porto-products-cols,
.related-products-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    clear: both !important;
}

/* Products parent list setup */
.woocommerce .related.products ul.products,
ul.products.porto-products-cols {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

/* 4 columns fix: Har product li ko precise size dena */
.woocommerce .related.products ul.products li.product,
ul.products.porto-products-cols li.product {
    width: calc(25% - 15px) !important;
    max-width: calc(25% - 15px) !important;
    flex: 0 0 calc(25% - 15px) !important;
    margin: 0 0 30px 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    float: none !important;
}

/* Sabse important: Product ke andar ki image ko responsive aur badha karne ke liye */
.woocommerce .related.products ul.products li.product img,
ul.products.porto-products-cols li.product img,
.woocommerce .related.products ul.products li.product .product-image img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
}

/* Responsive: Tablet par 2 columns */
@media (max-width: 991px) {
    .woocommerce .related.products ul.products li.product,
    ul.products.porto-products-cols li.product {
        width: calc(50% - 10px) !important;
        max-width: calc(50% - 10px) !important;
        flex: 0 0 calc(50% - 10px) !important;
    }
}

/* Responsive: Mobile par 1 column */
@media (max-width: 480px) {
    .woocommerce .related.products ul.products li.product,
    ul.products.porto-products-cols li.product {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }
}/* End custom CSS */