.elementor-2696 .elementor-element.elementor-element-7f3b8dc > .elementor-container{max-width:500px;}.elementor-2696 .elementor-element.elementor-element-7f3b8dc{margin-top:-11px;margin-bottom:0px;}.elementor-2696 .elementor-element.elementor-element-3052a88 > .elementor-container{max-width:1450px;}.elementor-2696 .elementor-element.elementor-element-3052a88, .elementor-2696 .elementor-element.elementor-element-3052a88 > .elementor-background-overlay{border-radius:21px 21px 21px 21px;}.elementor-2696 .elementor-element.elementor-element-3052a88{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-2696 .elementor-element.elementor-element-3052a88 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2696 .elementor-element.elementor-element-697a284 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2696 .elementor-element.elementor-element-697a284{text-align:center;}.elementor-2696 .elementor-element.elementor-element-697a284 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:33px;font-weight:600;color:#000000;}.elementor-2696 .elementor-element.elementor-element-2422389 > .elementor-container{max-width:1450px;}.elementor-2696 .elementor-element.elementor-element-2422389{margin-top:11px;margin-bottom:0px;}.elementor-2696 .elementor-element.elementor-element-69eb656 > .elementor-widget-container{margin:-14px -14px -14px -14px;}.elementor-2696 .elementor-element.elementor-element-e938c8f > .elementor-container{max-width:1450px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-2696 .elementor-element.elementor-element-6ca8472{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;color:#000000;}@media(max-width:767px){.elementor-2696 .elementor-element.elementor-element-697a284 .elementor-heading-title{font-size:25px;}.elementor-2696 .elementor-element.elementor-element-2422389{margin-top:-5px;margin-bottom:0px;}}/* Start custom CSS for shortcode, class: .elementor-element-69eb656 */.woocommerce-result-count,
.woocommerce-ordering {
    display: none !important;
}

/* ------------------------------
   FLOOR PLAN PRODUCT GRID CUSTOM DESIGN
--------------------------------*/

/* Main grid wrapper */
.fp-products ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 35px !important;
    padding: 20px !important;
}

/* Individual product card */
.fp-products ul.products li.product {
    background: #ffffff !important;
    border-radius: 14px !important;
    padding: 20px !important;
    box-shadow: 0 6px 18px rgba(0,0,0,0.08) !important;
    transition: 0.3s ease-in-out !important;
}

/* Hover effect */
.fp-products ul.products li.product:hover {
    transform: translateY(-6px);
    box-shadow: 0 10px 24px rgba(0,0,0,0.15) !important;
}

/* Product image */
.fp-products ul.products li.product img {
    width: 100% !important;
    height: 260px !important;
    object-fit: contain !important;
    padding: 0px !important;
}

/* Title */
.fp-products ul.products li.product .woocommerce-loop-product__title {
    font-size: 17px !important;
    font-weight: 700 !important;
    text-align: center !important;
    color: #0C0D0E !important;
    min-height: 55px;
}

/* Price styling */
.fp-products ul.products li.product .price {
    text-align: center !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    margin-bottom: 12px !important;
    color: #0C0D0E !important;
}

/* Add to cart button */
.fp-products ul.products li.product .button {
    width: 100% !important;
    background: #00796B !important;
    color: #fff !important;
    padding: 12px !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    text-align: center !important;
    transition: 0.25s;
}

.fp-products ul.products li.product .button:hover {
    background: #005f52 !important;
}





/* Product name & price gap reduce */
.elementor-2696 .elementor-element.elementor-element-69eb656 .woocommerce-loop-product__title {
    margin-bottom: -25px !important;
}

/* Price & Add to Cart button gap reduce */
.elementor-2696 .elementor-element.elementor-element-69eb656 .price {
    margin-bottom: 6px !important;
}

/* Add to cart button shrink top spacing */
.elementor-2696 .elementor-element.elementor-element-69eb656 .button {
    margin-top: 2px !important;
}


/* Image aur Product Title ke beech gap reduce */
.elementor-2696 .elementor-element.elementor-element-69eb656 .woocommerce ul.products li.product a img {
    margin-bottom: -12px !important;
}


/* Product image ko bada karna */
.elementor-2696 .elementor-element.elementor-element-69eb656 .woocommerce ul.products li.product a img {
    width: 100% !important;
    height: auto !important;
    max-height: 320px !important; /* yaha height adjust kar sakte ho */
    object-fit: contain !important;
    margin-bottom: 8px !important;
}


/* Product Card Box Shadow & Border Radius */
.elementor-2696 .elementor-element.elementor-element-69eb656 .woocommerce ul.products li.product {
    background: #ffffff !important;
    border-radius: 14px !important;
    padding: 18px !important;
    box-shadow: 0 4px 18px rgba(0,0,0,0.10) !important;
    transition: 0.2s ease-in-out;
}

/* Hover par thoda aur elevation */
.elementor-2696 .elementor-element.elementor-element-69eb656 .woocommerce ul.products li.product:hover {
    box-shadow: 0 6px 22px rgba(0,0,0,0.16) !important;
    transform: translateY(-3px);
}

/* Strong Premium Shadow on Product Cards */
.elementor-2696 .elementor-element.elementor-element-69eb656 .woocommerce ul.products li.product {
    background: #ffffff !important;
    border-radius: 16px !important;
    padding: 20px !important;

    /* Strong multi-layer shadow */
    box-shadow:
        0 6px 12px rgba(0,0,0,0.12),
        0 12px 28px rgba(0,0,0,0.18),
        0 18px 40px rgba(0,0,0,0.10) !important;

    transition: 0.25s ease-in-out;
}

/* Hover effect: even stronger */
.elementor-2696 .elementor-element.elementor-element-69eb656 .woocommerce ul.products li.product:hover {
    box-shadow:
        0 10px 18px rgba(0,0,0,0.16),
        0 18px 45px rgba(0,0,0,0.22),
        0 25px 60px rgba(0,0,0,0.14) !important;

    transform: translateY(-4px);
}



/* Desktop – 4 column */
.fp-products ul.products {
    gap: 50px !important;
}

/* Tablet */
@media (max-width: 1024px) {
    .fp-products ul.products {
        gap: 24px !important;
    }
}

/* Mobile – 2 column (BEECH KA GAP YAHI HAI) */
@media (max-width: 767px) {
    .fp-products ul.products {
        gap: 20px !important;   /* 👈 isko 16 / 18 / 20 try karo */
    }
}






/* Pagination buttons (1,2,3,4...) normal state */
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
    border: 2px solid #1C4645 !important;     /* border color */
    color: #1C4645 !important;                /* text color */
    background: transparent !important;       /* no background */
    padding: 8px 12px !important;
    border-radius: 4px;
    transition: 0.3s;
}

/* Hover effect */
.woocommerce nav.woocommerce-pagination ul li a:hover {
    background: #1C4645 !important;           /* hover background */
    color: #ffffff !important;                /* hover text white */
}

/* Current active page (highlighted) */
.woocommerce nav.woocommerce-pagination ul li span.current {
    background: #1C4645 !important;
    color: white !important;
    border-color: #1C4645 !important;
}

/* Directly target WooCommerce pagination and center it */
.woocommerce nav.woocommerce-pagination {
    width: 100% !important;
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
}

/* Align the pagination buttons properly */
.woocommerce nav.woocommerce-pagination ul {
    display: flex !important;
    justify-content: center !important;
    gap: 12px !important;
    padding: 0 !important;
    margin: 0 auto !important;
}




/* WooCommerce product rows gap reduce */
.woocommerce ul.products li.product {
    margin-bottom: 10px !important;  /* default ~60px होता है */
}









/* ===============================
   MOBILE GRID FIX (ONLY MOBILE)
   Desktop = 4
   Mobile = 2
================================ */

/* Tablet */
@media (max-width: 1024px) {
    .fp-products ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 25px !important;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .fp-products ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px !important;
        padding: 15px !important;
    }

    /* Image height thoda kam for mobile */
    .fp-products ul.products li.product img {
        height: 200px !important;
    }

    /* Title font adjust */
    .fp-products ul.products li.product .woocommerce-loop-product__title {
        font-size: 15px !important;
        min-height: 45px;
    }

    /* Button compact */
    .fp-products ul.products li.product .button {
        padding: 10px !important;
        font-size: 14px !important;
    }
}








/* =================================================
   MOBILE ONLY – PRICE & VIEW DETAILS ADJUSTMENT
================================================= */
@media (max-width: 767px) {

  /* 🔹 PRICE BLOCK – thoda upar */
  .elementor-2696 .elementor-element.elementor-element-69eb656 ul.products li.product .price {
    margin-top: -6px !important;   /* 👈 price upar */
    margin-bottom: 6px !important;
  }

  /* 🔹 SALE PRICE (₹999 etc) – mobile size */
  .elementor-2696 .elementor-element.elementor-element-69eb656 ul.products li.product .price ins bdi {
    font-size: 15px !important;    /* 👈 mobile ke liye perfect */
  }

  /* 🔹 REGULAR PRICE (cut price) – mobile size */
  .elementor-2696 .elementor-element.elementor-element-69eb656 ul.products li.product .price del bdi {
    font-size: 14px !important;
  }

  /* 🔹 VIEW DETAILS BUTTON – thoda upar */
  .elementor-2696 .elementor-element.elementor-element-69eb656 ul.products li.product a.button {
    margin-top: 2px !important;    /* 👈 pehle 14px tha, ab upar */
  }

}


/* =========================================
   MOBILE ONLY – PRODUCT CARD PADDING FIX
========================================= */
@media (max-width: 767px) {

  /* 🔹 Product card inner padding */
  .elementor-2696 .elementor-element.elementor-element-69eb656 ul.products li.product {
    padding: 5px 5px 4px !important;
    /* top | left-right | bottom */
  }

}



/* =========================================
   MOBILE – VIEW DETAILS BUTTON FIX
========================================= */
@media (max-width: 767px) {

  /* View Details button */
  .elementor-2696 .elementor-element.elementor-element-69eb656 ul.products li.product a.button {
    white-space: nowrap;          /* text ek line me */
    font-size: 16px !important;   /* 👈 text size (15–17 try kar sakte ho) */
    line-height: 1.1 !important;  /* 👈 text height kam */
    
    padding: 8px 18px !important; /* 👈 top-bottom | left-right */
    
    min-height: auto !important;
  }

}/* End custom CSS */