.elementor-17 .elementor-element.elementor-element-1eb1b89{--display:flex;--min-height:660px;--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-17 .elementor-element.elementor-element-1eb1b89:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-1eb1b89 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://zenvoraenterprisesllc.com/wp-content/uploads/2026/08/pc.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-17 .elementor-element.elementor-element-b48acf6{--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:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:20px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-17 .elementor-element.elementor-element-7efb589{--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-17 .elementor-element.elementor-element-b189a44{--spacer-size:85px;}.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-17 .elementor-element.elementor-element-c03e2eb .elementor-heading-title{font-family:"Hepta Slab", Sans-serif;font-size:28px;font-weight:600;color:#000000;}.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-17 .elementor-element.elementor-element-f18ac8d{text-align:start;font-family:"Poppins", Sans-serif;font-weight:400;color:#000000;}.elementor-17 .elementor-element.elementor-element-f18ac8d p{margin-block-end:1px;}.elementor-17 .elementor-element.elementor-element-3d6fc1e{--display:flex;--min-height:0px;--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-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-17 .elementor-element.elementor-element-f4a6d65 img{width:100%;max-width:100%;height:500px;}.elementor-17 .elementor-element.elementor-element-9102929{--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;--margin-top:20px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-17 .elementor-element.elementor-element-32773cf{--divider-border-style:solid;--divider-color:#000000BD;--divider-border-width:1px;}.elementor-17 .elementor-element.elementor-element-32773cf .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-17 .elementor-element.elementor-element-32773cf .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-17 .elementor-element.elementor-element-743267d{--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-17 .elementor-element.elementor-element-1c3f1a4{text-align:center;}.elementor-17 .elementor-element.elementor-element-1c3f1a4 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;text-transform:uppercase;color:#000000;}.elementor-17 .elementor-element.elementor-element-bbcc742{--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-17 .elementor-element.elementor-element-e4b2eae{--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;--margin-top:20px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-17 .elementor-element.elementor-element-90f432e{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-17 .elementor-element.elementor-element-90f432e .elementor-divider-separator{width:100%;}.elementor-17 .elementor-element.elementor-element-90f432e .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-17 .elementor-element.elementor-element-067a7ef{--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;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-17 .elementor-element.elementor-element-cba4ebf{text-align:center;}.elementor-17 .elementor-element.elementor-element-cba4ebf .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:25px;font-weight:600;text-transform:uppercase;color:#000000;}.elementor-17 .elementor-element.elementor-element-087b2a0{--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;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-17 .elementor-element.elementor-element-3fa9cb6{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-17 .elementor-element.elementor-element-0b4afa3{--display:flex;--min-height:450px;--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;--overflow:hidden;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:10px;}.elementor-17 .elementor-element.elementor-element-0b4afa3:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-0b4afa3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://zenvoraenterprisesllc.com/wp-content/uploads/2026/08/7a1c3d55-d461-4e30-b71d-288f1e4b1736.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-17 .elementor-element.elementor-element-dddff3e{--spacer-size:312px;}.elementor-17 .elementor-element.elementor-element-ba16cc2{text-align:center;}.elementor-17 .elementor-element.elementor-element-ba16cc2 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-widget-button .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-17 .elementor-element.elementor-element-b0a3c5b .elementor-button{background-color:#FFFFFF;fill:#000000;color:#000000;}.elementor-17 .elementor-element.elementor-element-b0a3c5b .elementor-button:hover, .elementor-17 .elementor-element.elementor-element-b0a3c5b .elementor-button:focus{background-color:#000000;color:#F7F7F7;}.elementor-17 .elementor-element.elementor-element-b0a3c5b .elementor-button:hover svg, .elementor-17 .elementor-element.elementor-element-b0a3c5b .elementor-button:focus svg{fill:#F7F7F7;}.elementor-17 .elementor-element.elementor-element-1b686fe{--display:flex;--min-height:450px;--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;--overflow:hidden;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:10px;--margin-right:0px;}.elementor-17 .elementor-element.elementor-element-1b686fe:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-1b686fe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://zenvoraenterprisesllc.com/wp-content/uploads/2026/08/07d2c442-3962-4561-8756-36fd2248157a.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-17 .elementor-element.elementor-element-fffc9b4{--spacer-size:312px;}.elementor-17 .elementor-element.elementor-element-f37e3c7{text-align:center;}.elementor-17 .elementor-element.elementor-element-f37e3c7 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-17 .elementor-element.elementor-element-52c679e .elementor-button{background-color:#FFFFFF;fill:#000000;color:#000000;}.elementor-17 .elementor-element.elementor-element-52c679e .elementor-button:hover, .elementor-17 .elementor-element.elementor-element-52c679e .elementor-button:focus{background-color:#000000;color:#F7F7F7;}.elementor-17 .elementor-element.elementor-element-52c679e .elementor-button:hover svg, .elementor-17 .elementor-element.elementor-element-52c679e .elementor-button:focus svg{fill:#F7F7F7;}.elementor-17 .elementor-element.elementor-element-82d0566{--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;--margin-top:20px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-17 .elementor-element.elementor-element-3173662{text-align:center;}.elementor-17 .elementor-element.elementor-element-3173662 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;text-transform:uppercase;color:#000000;}.elementor-17 .elementor-element.elementor-element-25d5f65{--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-17 .elementor-element.elementor-element-37f787c{--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;--margin-top:20px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-17 .elementor-element.elementor-element-b3e3c62{--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;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-17 .elementor-element.elementor-element-7efb589{--width:50%;}.elementor-17 .elementor-element.elementor-element-3d6fc1e{--width:50%;}.elementor-17 .elementor-element.elementor-element-0b4afa3{--width:50%;}.elementor-17 .elementor-element.elementor-element-1b686fe{--width:50%;}}@media(max-width:1024px){.elementor-17 .elementor-element.elementor-element-1eb1b89:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-1eb1b89 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://zenvoraenterprisesllc.com/wp-content/uploads/2026/08/tab.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-17 .elementor-element.elementor-element-1eb1b89{--min-height:450px;}.elementor-17 .elementor-element.elementor-element-b189a44{--spacer-size:31px;}.elementor-17 .elementor-element.elementor-element-c03e2eb .elementor-heading-title{font-size:15px;}.elementor-17 .elementor-element.elementor-element-f18ac8d{font-size:15px;}.elementor-17 .elementor-element.elementor-element-f4a6d65 img{width:100%;max-width:100%;height:357px;}}@media(max-width:767px){.elementor-17 .elementor-element.elementor-element-1eb1b89:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-1eb1b89 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://zenvoraenterprisesllc.com/wp-content/uploads/2026/08/zenvora-2.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-17 .elementor-element.elementor-element-1eb1b89{--min-height:485px;}.elementor-17 .elementor-element.elementor-element-f4a6d65 img{height:320px;}.elementor-17 .elementor-element.elementor-element-0b4afa3{--margin-top:0px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;}.elementor-17 .elementor-element.elementor-element-1b686fe{--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for html, class: .elementor-element-c6ca871 *//* 1. Category/Collection text hide karne ke liye */
.woocommerce ul.products li.product .ast-woo-product-category,
.woocommerce ul.products li.product .loop-product-category,
.woocommerce ul.products li.product .meta,
.woocommerce ul.products li.product span,
.woocommerce-loop-product__category {
    display: none !important;
}

/* 2. Grid layout fix (Aik line mein 4 products aur equal height/width) */
.woocommerce ul.products.columns-4 li.product, 
.woocommerce-page ul.products.columns-4 li.product {
    float: left !important;
    clear: none !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    box-sizing: border-box !important;
}

/* 3. Product Title ki height fix karna taake alignment kharab na ho */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 15px !important;
    line-height: 1.4 !important;
    height: 42px !important; /* Title ke liye fix space taake upar neeche na ho */
    overflow: hidden !important;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Title sirf 2 lines tak show hoga */
    -webkit-box-orient: vertical;
}

/* 4. Price styling */
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .price .amount {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #000000 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    margin: 8px 0 !important;
}

/* 5. Add to Cart Button styling & bottom alignment (Ab button show aur styled rahega) */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.add_to_cart_button {
    background-color: #000000 !important;
    color: #ffffff !important;
    display: block !important;
    width: 100% !important;
    margin-top: auto !important; /* Button ko hamesha card ke neechay fix rakhega */
    text-align: center !important;
    box-sizing: border-box !important;
}

.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product a.add_to_cart_button:hover {
    background-color: #333333 !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2f3c240 */@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');
/* ==========================================================
    GrandGrid — Styling for WooCommerce [product_page id="37"]
    Paste this in: Appearance > Customize > Additional CSS
    (or Elementor > Site Settings > Custom CSS)
    ========================================================== */

/* ---------- Section wrapper ---------- */
.woocommerce div.product{
  background:#ffffff;
  color:#000000;                     /* fixed: was white-on-white, now dark text on white bg */
  font-family:'Montserrat', sans-serif;
  padding:3rem 6vw;
  max-width:100%;
  border-radius:20px;             /* outer card corners rounded */
  overflow:hidden;
}

/* ---------- Layout: image left, info right ---------- */
.woocommerce div.product div.images,
.woocommerce div.product div.summary{
  width:100%;
}
@media (min-width:768px){
  .woocommerce div.product div.images{
    width:44%;
    float:left;
  }
  .woocommerce div.product div.summary{
    width:50%;
    float:right;
  }
}

/* ---------- Product image / gallery ---------- */
.woocommerce div.product div.images img{
  border-radius:20px;
  border:1px solid rgba(0,0,0,0.09);
  background:#f4f4f5;
}
.woocommerce div.product div.images .flex-control-thumbs li img{
  border-radius:20px;
  opacity:0.6;
  transition:opacity .2s ease;
}
.woocommerce div.product div.images .flex-control-thumbs li img.flex-active,
.woocommerce div.product div.images .flex-control-thumbs li img:hover{
  opacity:1;
  outline:2px solid #046bd2;
}

/* ---------- HIDE: image gallery Next/Prev arrows ---------- */
.woocommerce div.product div.images .flex-direction-nav,
.woocommerce div.product div.images .flex-prev,
.woocommerce div.product div.images .flex-next,
.woocommerce div.product div.images a.flex-prev,
.woocommerce div.product div.images a.flex-next{
  display:none !important;
}

/* ---------- Title ---------- */
.woocommerce div.product .product_title{
  font-family:'Montserrat', sans-serif;
  font-weight:600;
  font-size:clamp(1.6rem,2.6vw,2.2rem);
  color:#000000;
  line-height:1.15;
  margin-bottom:0.8rem;
}

/* ---------- Price ---------- */
.woocommerce div.product p.price,
.woocommerce div.product span.price{
  font-size:1.4rem;
  font-weight:600;
  color:#000000;
  margin-bottom:1.2rem;
  display:block;
}
.woocommerce div.product p.price del{
  color:#000000;
  font-size:0.95rem;
  opacity:1;
  margin-right:8px;
}
.woocommerce div.product p.price ins{
  text-decoration:none;
  color:#046bd2;
}

/* ---------- Star rating ---------- */
.woocommerce div.product .woocommerce-product-rating{
  margin-bottom:1rem;
}
.woocommerce .star-rating span::before,
.woocommerce .star-rating::before{
  color:#046bd2;
}

/* ---------- Short description ---------- */
.woocommerce div.product .woocommerce-product-details__short-description{
  color:#000000;
  font-size:0.92rem;
  line-height:1.7;
  margin-bottom:1.6rem;
  max-width:52ch;
}
.woocommerce div.product .woocommerce-product-details__short-description p{
  color:#000000;
}

/* ---------- HIDE: "Key Features / Specifications" block inside short description ---------- */
.woocommerce-product-details__short-description h2:last-of-type,
.woocommerce-product-details__short-description h3:last-of-type,
.woocommerce-product-details__short-description h4:last-of-type,
.woocommerce-product-details__short-description ul:last-of-type,
.woocommerce-product-details__short-description ol:last-of-type{
  display:none !important;
}

/* ---------- HIDE: Additional Information / Specifications tab content ---------- */
.woocommerce div.product .woocommerce-tabs .additional_information_tab,
.woocommerce table.shop_attributes{
  display:none !important;
}

/* ---------- Quantity input ---------- */
.woocommerce div.product form.cart .quantity input.qty{
  background:#f4f4f5;
  border:1px solid rgba(0,0,0,0.15);
  color:#000000;
  border-radius:20px;
  height:52px;
  width:64px;
  text-align:center;
  margin-right:0.8rem;
}

/* ---------- Add to Cart button (Hover Animation Added) ---------- */
.woocommerce div.product form.cart .single_add_to_cart_button,
.woocommerce div.product form.cart button.single_add_to_cart_button{
  position: relative !important;
  overflow: hidden !important;
  background: #ffffff !important;
  color: #000000 !important;
  padding: 16px 38px !important;
  border-radius: 20px !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  border: 2px solid #000000 !important;
  transition: color 0.4s ease !important;
  z-index: 1;
}

/* Black background slide layer */
.woocommerce div.product form.cart .single_add_to_cart_button::before,
.woocommerce div.product form.cart button.single_add_to_cart_button::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background-color: #000000 !important;
  z-index: -1 !important;
  transform: translateX(100%) !important;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Hover state: slide from right to left */
.woocommerce div.product form.cart .single_add_to_cart_button:hover::before,
.woocommerce div.product form.cart button.single_add_to_cart_button:hover::before {
  transform: translateX(0) !important;
}

/* Hover state: text color becomes white */
.woocommerce div.product form.cart .single_add_to_cart_button:hover,
.woocommerce div.product form.cart button.single_add_to_cart_button:hover {
  color: #ffffff !important;
  background: #000000 !important;
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

/* ---------- Meta (SKU / Category) ---------- */
.woocommerce div.product .product_meta{
  border-top:1px solid rgba(0,0,0,0.09);
  margin-top:1.6rem;
  padding-top:1.2rem;
  font-size:0.8rem;
  color:#000000;
}
.woocommerce div.product .product_meta a{
  color:#046bd2;
}

/* ---------- Tabs (Description / Reviews) ---------- */
.woocommerce div.product .woocommerce-tabs{
  clear:both;
  margin-top:4rem;
  border-top:1px solid rgba(0,0,0,0.09);
  padding-top:2rem;
}
.woocommerce div.product .woocommerce-tabs ul.tabs{
  border:none;
  padding:0;
  margin-bottom:2rem;
  display:flex;
  gap:2rem;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li{
  background:none !important;
  border:none !important;
  padding:0 !important;
  margin:0 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{
  color:#000000;
  font-size:0.85rem;
  font-weight:600;
  letter-spacing:0.04em;
  text-transform:uppercase;
  padding-bottom:6px;
  border-bottom:2px solid transparent;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{
  color:#000000;
  border-bottom:2px solid #046bd2;
}
.woocommerce div.product .woocommerce-tabs .panel{
  background:none;
  color:#000000;
  font-size:0.92rem;
  line-height:1.8;
}
.woocommerce div.product .woocommerce-tabs .panel h2{
  font-family:'Montserrat', sans-serif;
  color:#000000;
  font-size:1.3rem;
  margin-bottom:1rem;
}

/* ---------- HIDE: Related products ---------- */
.woocommerce div.product .related.products{
  display:none !important;
}

/* ---------- Clearfix so footer doesn't overlap floats ---------- */
.woocommerce div.product::after{
  content:"";
  display:table;
  clear:both;
}




/* 1. Sirf main image ko rehne dein, baaki saari gallery thumbnails/images hide kar dein */
.elementor-17 .elementor-element.elementor-element-2f3c240 .woocommerce-product-gallery__wrapper .flex-control-nav,
.elementor-17 .elementor-element.elementor-element-2f3c240 .flex-control-thumbs,
.elementor-17 .elementor-element.elementor-element-2f3c240 div.images .woocommerce-product-gallery__image:not(:first-child) {
    display: none !important;
}

/* 2. Short description ko hide karne ke liye */
.elementor-17 .elementor-element.elementor-element-2f3c240 .woocommerce-product-details__short-description {
    display: none !important;
}

/* 3. Add to Cart Button - Right to Left Hover Animation */
.elementor-17 .elementor-element.elementor-element-2f3c240 form.cart .single_add_to_cart_button,
.elementor-17 .elementor-element.elementor-element-2f3c240 form.cart button.single_add_to_cart_button {
    position: relative !important;
    overflow: hidden !important;
    background: #ffffff !important;
    color: #000000 !important;
    padding: 16px 38px !important;
    border-radius: 20px !important;
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    border: 2px solid #000000 !important;
    transition: color 0.4s ease !important;
    z-index: 1;
}

/* Black background slide layer */
.elementor-17 .elementor-element.elementor-element-2f3c240 form.cart .single_add_to_cart_button::before,
.elementor-17 .elementor-element.elementor-element-2f3c240 form.cart button.single_add_to_cart_button::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-color: #000000 !important;
    z-index: -1 !important;
    transform: translateX(100%) !important;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Hover state: slide from right to left */
.elementor-17 .elementor-element.elementor-element-2f3c240 form.cart .single_add_to_cart_button:hover::before,
.elementor-17 .elementor-element.elementor-element-2f3c240 form.cart button.single_add_to_cart_button:hover::before {
    transform: translateX(0) !important;
}

/* Hover state: text color becomes white */
.elementor-17 .elementor-element.elementor-element-2f3c240 form.cart .single_add_to_cart_button:hover,
.elementor-17 .elementor-element.elementor-element-2f3c240 form.cart button.single_add_to_cart_button:hover {
    color: #ffffff !important;
    background: #000000 !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}




/* ==========================================================
   Product Detail Page Layout Customization (Order & Design)
   ========================================================== */

/* Summary box ke andar elements ki tartيب (Order) set karna */
.elementor-17 .elementor-element.elementor-element-2f3c240 .summary {
    display: flex !important;
    flex-direction: column !important;
}

/* 1. Product Title sabse upar */
.elementor-17 .elementor-element.elementor-element-2f3c240 .product_title {
    order: 1 !important;
    margin-bottom: 5px !important;
}

/* 2. Price title ke foran baad */
.elementor-17 .elementor-element.elementor-element-2f3c240 p.price, 
.elementor-17 .elementor-element.elementor-element-2f3c240 span.price {
    order: 2 !important;
    margin-bottom: 15px !important;
}

/* 3. Price ke niche patli si divider line */
.elementor-17 .elementor-element.elementor-element-2f3c240 p.price::after,
.elementor-17 .elementor-element.elementor-element-2f3c240 span.price::after {
    content: "" !important;
    display: block !important;
    width: 100% !important;
    height: 1px !important;
    background-color: rgba(0, 0, 0, 0.15) !important;
    margin-top: 15px !important;
}

/* 4. Add to Cart button (Divider ke bilkul niche) + Right to Left Animation */
.elementor-17 .elementor-element.elementor-element-2f3c240 form.cart {
    order: 3 !important;
    margin-top: 5px !important;
}

.elementor-17 .elementor-element.elementor-element-2f3c240 form.cart .single_add_to_cart_button,
.elementor-17 .elementor-element.elementor-element-2f3c240 form.cart button.single_add_to_cart_button {
    position: relative !important;
    overflow: hidden !important;
    background: #ffffff !important;
    color: #000000 !important;
    padding: 16px 38px !important;
    border-radius: 20px !important;
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    border: 2px solid #000000 !important;
    transition: color 0.4s ease !important;
    z-index: 1;
    width: 100% !important;
}

/* Black background slide layer */
.elementor-17 .elementor-element.elementor-element-2f3c240 form.cart .single_add_to_cart_button::before,
.elementor-17 .elementor-element.elementor-element-2f3c240 form.cart button.single_add_to_cart_button::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-color: #000000 !important;
    z-index: -1 !important;
    transform: translateX(100%) !important;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Hover state: slide from right to left */
.elementor-17 .elementor-element.elementor-element-2f3c240 form.cart .single_add_to_cart_button:hover::before,
.elementor-17 .elementor-element.elementor-element-2f3c240 form.cart button.single_add_to_cart_button:hover::before {
    transform: translateX(0) !important;
}

/* Hover state: text color becomes white */
.elementor-17 .elementor-element.elementor-element-2f3c240 form.cart .single_add_to_cart_button:hover,
.elementor-17 .elementor-element.elementor-element-2f3c240 form.cart button.single_add_to_cart_button:hover {
    color: #ffffff !important;
    background: #000000 !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

/* 5. Google Pay / Express checkout buttons (Agar mojood hon) */
.elementor-17 .elementor-element.elementor-element-2f3c240 .wc-block-express-payment-buttons,
.elementor-17 .elementor-element.elementor-element-2f3c240 .woo-express-checkout-wrapper,
.elementor-17 .elementor-element.elementor-element-2f3c240 .additional-checkout-buttons {
    order: 4 !important;
    margin-top: 15px !important;
}

/* 6. Product Details / Additional links sabse aakhir mein */
.elementor-17 .elementor-element.elementor-element-2f3c240 .product_meta,
.elementor-17 .elementor-element.elementor-element-2f3c240 .woocommerce-product-details__short-description,
.elementor-17 .elementor-element.elementor-element-2f3c240 .view-product-details {
    order: 5 !important;
    margin-top: 15px !important;
}

/* Sirf main image show ho aur baaki gallery thumbnails hide rahein */
.elementor-17 .elementor-element.elementor-element-2f3c240 .woocommerce-product-gallery__wrapper .flex-control-nav,
.elementor-17 .elementor-element.elementor-element-2f3c240 .flex-control-thumbs,
.elementor-17 .elementor-element.elementor-element-2f3c240 div.images .woocommerce-product-gallery__image:not(:first-child) {
    display: none !important;
}


/* Quantity input box ko hide karne ke liye */
.elementor-17 .elementor-element.elementor-element-2f3c240 form.cart .quantity {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0b4afa3 */.container {
overflow: hidden;
}
.container img { 
    transition: transform 0.5s ease; 
} 
.container img:hover { 
    transform: scale(1.1); }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1b686fe */.container {
overflow: hidden;
}
.container img { 
    transition: transform 0.5s ease; 
} 
.container img:hover { 
    transform: scale(1.1); }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0946cb5 *//* 1. Category/Collection text hide karne ke liye */
.woocommerce ul.products li.product .ast-woo-product-category,
.woocommerce ul.products li.product .loop-product-category,
.woocommerce ul.products li.product .meta,
.woocommerce ul.products li.product span,
.woocommerce-loop-product__category {
    display: none !important;
}

/* 2. Grid layout fix (Aik line mein 4 products aur equal height/width) */
.woocommerce ul.products.columns-4 li.product, 
.woocommerce-page ul.products.columns-4 li.product {
    float: left !important;
    clear: none !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    box-sizing: border-box !important;
}

/* 3. Product Title ki height fix karna taake alignment kharab na ho */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 15px !important;
    line-height: 1.4 !important;
    height: 42px !important; /* Title ke liye fix space taake upar neeche na ho */
    overflow: hidden !important;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Title sirf 2 lines tak show hoga */
    -webkit-box-orient: vertical;
}

/* 4. Price styling */
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .price .amount {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #000000 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    margin: 8px 0 !important;
}

/* 5. Add to Cart Button styling & bottom alignment */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.add_to_cart_button {
    background-color: #000000 !important;
    color: #ffffff !important;
    display: block !important;
    width: 100% !important;
    margin-top: auto !important; /* Button ko hamesha card ke neechay fix rakhega */
    text-align: center !important;
    box-sizing: border-box !important;
}

.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product a.add_to_cart_button:hover {
    background-color: #333333 !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a20cc84 *//* Container */
.features-container {
    display: flex;
    gap: 25px;
    justify-content: center;
    flex-wrap: wrap;
    font-family: serif;
    padding: 30px;
}

/* Har ek card ki styling - Light dark / off-white background with clear depth */
.feature-card {
    background: #f7f7f9; /* Thoda sa dark/off-white shade taaki background se alag dikhe */
    border-radius: 16px;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.1), 0 2px 10px rgba(0, 0, 0, 0.05); /* Zyada prominent shadow */
    padding: 45px 30px;
    text-align: center;
    flex: 1;
    min-width: 280px;
    max-width: 350px;
    border: 1px solid rgba(0, 0, 0, 0.06); /* Halka border taaki boundary clear ho */
    transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

/* Jab mouse card ke upar jaye (Hover effect) */
.feature-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 22px 45px rgba(0, 0, 0, 0.15), 0 4px 15px rgba(0, 0, 0, 0.08);
}

/* Icon styling */
.feature-icon {
    margin-bottom: 25px;
    color: #000000;
}

/* Heading styling */
.feature-card h3 {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    color: #000000;
    line-height: 1.4;
    margin-bottom: 15px;
    letter-spacing: 0.5px;
}

/* Paragraph text styling */
.feature-card p {
    font-size: 14px;
    color: #555555;
    line-height: 1.6;
    margin: 0;
}/* End custom CSS */