.elementor-31 .elementor-element.elementor-element-079fbbe{width:100%;max-width:100%;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-079fbbe *//* Elementor Full Stretch Container Fix */
.elementor-31 .elementor-element.elementor-element-079fbbe {
    width: 100vw !important;
    max-width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.elementor-31 .elementor-element.elementor-element-079fbbe .elementor-container {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0a3c1fb *//* ================================================= */
/* 1. POORI PRODUCT LIST KO GRID MEIN BADLNA (10 COL)*/
/* ================================================= */
.woocommerce ul.products {
    display: grid !important;
    grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
    gap: 12px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ================================================= */
/* 2. HAR PRODUCT KA PROFESSIONAL BOX DESIGN         */
/* ================================================= */
.woocommerce ul.products li.product {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    background: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 8px !important;
    padding: 10px !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.03) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    box-sizing: border-box !important;
    transition: all 0.3s ease !important;
}

/* ================================================= */
/* 3. HOVER EFFECT ON PRODUCT CARD                   */
/* ================================================= */
.woocommerce ul.products li.product:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 20px rgba(45, 90, 39, 0.12) !important;
    border-color: #2D5A27 !important;
}

/* ================================================= */
/* 4. PRODUCT IMAGE STYLING                          */
/* ================================================= */
.woocommerce ul.products li.product img {
    width: 100% !important;
    height: 100px !important;
    object-fit: contain !important;
    margin-bottom: 8px !important;
}

/* ================================================= */
/* 5. PRODUCT TITLE STYLING                          */
/* ================================================= */
.woocommerce ul.products li.product h2.woocommerce-loop-product__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #1b4332 !important;
    line-height: 1.3 !important;
    margin: 0 0 5px 0 !important;
    height: 28px !important;
    overflow: hidden !important;
}

/* ================================================= */
/* 6. PRICE STYLING                                  */
/* ================================================= */
.woocommerce ul.products li.product .price {
    font-size: 11px !important;
    color: #2d5a27 !important;
    font-weight: 700 !important;
    margin-bottom: 8px !important;
}

.woocommerce ul.products li.product .price ins {
    background: none !important;
    color: #2D5A27 !important;
}

.woocommerce ul.products li.product .price del {
    color: #999999 !important;
    font-size: 9.5px !important;
    font-weight: normal !important;
}

/* ================================================= */
/* 7. BUTTONS FIX & STACKING (OVERLAP PREVENTION)    */
/* ================================================= */

/* Container for buttons inside product card if multiple exist */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .added_to_cart {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    text-align: center !important;
    text-decoration: none !important;
    border-radius: 5px !important;
    font-size: 10.5px !important;
    font-weight: 600 !important;
    padding: 7px 6px !important;
    margin-top: 6px !important; /* Buttons ke darmiyan proper gap taake overlap na ho */
    transition: all 0.3s ease !important;
}

/* Main Add to Cart Button Style */
.woocommerce ul.products li.product .button {
    background: #2D5A27 !important;
    color: #ffffff !important;
    box-shadow: 0 3px 8px rgba(45, 90, 39, 0.2) !important;
    border: none !important;
}

.woocommerce ul.products li.product .button:hover {
    background: #52b788 !important;
    transform: translateY(-1px) !important;
}

/* WooCommerce 'View Cart' / Success Link After Adding */
.woocommerce ul.products li.product .added_to_cart {
    background: #1b4332 !important;
    color: #ffffff !important;
    box-shadow: 0 3px 8px rgba(27, 67, 50, 0.2) !important;
}

.woocommerce ul.products li.product .added_to_cart:hover {
    background: #2D5A27 !important;
}


/* ================================================= */
/* 8. RESPONSIVE (TABLETS & MOBILES)                 */
/* ================================================= */
@media (max-width: 1400px) {
    .woocommerce ul.products {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important; /* Tablets par 5 columns */
    }
}

@media (max-width: 768px) {
    .woocommerce ul.products {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important; /* Mobile par 2 columns */
    }
}/* End custom CSS */