.elementor-105 .elementor-element.elementor-element-f24803b{--display:flex;--min-height:630px;--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-105 .elementor-element.elementor-element-f24803b:not(.elementor-motion-effects-element-type-background), .elementor-105 .elementor-element.elementor-element-f24803b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://primenestcommercellc.com/wp-content/uploads/2026/08/pc.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-105 .elementor-element.elementor-element-22247be{--spacer-size:449px;}.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-105 .elementor-element.elementor-element-45831c3 .elementor-button{background-color:#000000;fill:#FFFFFF;color:#FFFFFF;}.elementor-105 .elementor-element.elementor-element-45831c3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 139px;}.elementor-105 .elementor-element.elementor-element-17cbbed{--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-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-105 .elementor-element.elementor-element-a77d4af{text-align:center;}.elementor-105 .elementor-element.elementor-element-a77d4af .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:28px;font-weight:600;text-transform:uppercase;color:#000000;}.elementor-105 .elementor-element.elementor-element-cb0e6a0{--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-105 .elementor-element.elementor-element-a48cb7f{--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-105 .elementor-element.elementor-element-e48ac68{text-align:center;}.elementor-105 .elementor-element.elementor-element-e48ac68 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:600;color:#000000;}.elementor-105 .elementor-element.elementor-element-e631d71{--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:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-105 .elementor-element.elementor-element-c242dd8{--display:flex;--min-height:550px;--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;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:10px;}.elementor-105 .elementor-element.elementor-element-c242dd8:not(.elementor-motion-effects-element-type-background), .elementor-105 .elementor-element.elementor-element-c242dd8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://primenestcommercellc.com/wp-content/uploads/2026/08/The-Artisan.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-105 .elementor-element.elementor-element-9184ab3{--spacer-size:462px;}.elementor-105 .elementor-element.elementor-element-a7c02f3 .elementor-button{background-color:#000000;fill:#FFFFFF;color:#FFFFFF;}.elementor-105 .elementor-element.elementor-element-a7c02f3 .elementor-button:hover, .elementor-105 .elementor-element.elementor-element-a7c02f3 .elementor-button:focus{background-color:#FFFFFF;color:#000000;}.elementor-105 .elementor-element.elementor-element-a7c02f3 .elementor-button:hover svg, .elementor-105 .elementor-element.elementor-element-a7c02f3 .elementor-button:focus svg{fill:#000000;}.elementor-105 .elementor-element.elementor-element-0b623f0{--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;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:10px;--margin-right:0px;}.elementor-105 .elementor-element.elementor-element-0b623f0:not(.elementor-motion-effects-element-type-background), .elementor-105 .elementor-element.elementor-element-0b623f0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://primenestcommercellc.com/wp-content/uploads/2026/08/The-Reserve.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-105 .elementor-element.elementor-element-2709f38{--spacer-size:462px;}.elementor-105 .elementor-element.elementor-element-7848aff .elementor-button{background-color:#000000;fill:#FFFFFF;color:#FFFFFF;}.elementor-105 .elementor-element.elementor-element-7848aff .elementor-button:hover, .elementor-105 .elementor-element.elementor-element-7848aff .elementor-button:focus{background-color:#FFFFFF;color:#000000;}.elementor-105 .elementor-element.elementor-element-7848aff .elementor-button:hover svg, .elementor-105 .elementor-element.elementor-element-7848aff .elementor-button:focus svg{fill:#000000;}.elementor-105 .elementor-element.elementor-element-386f35c{--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-105 .elementor-element.elementor-element-14d063d .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-105 .elementor-element.elementor-element-ccf1330{--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-105 .elementor-element.elementor-element-2406c87{text-align:center;}.elementor-105 .elementor-element.elementor-element-2406c87 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:600;color:#000000;}.elementor-105 .elementor-element.elementor-element-0e20d42{--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-105 .elementor-element.elementor-element-e927043{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-105 .elementor-element.elementor-element-b1479ec{--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-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-105 .elementor-element.elementor-element-8fba69b{--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-105 .elementor-element.elementor-element-4e69971{text-align:center;}.elementor-105 .elementor-element.elementor-element-4e69971 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:600;color:#000000;}.elementor-105 .elementor-element.elementor-element-29ca487{--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-105 .elementor-element.elementor-element-0caa832{--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;--border-radius:0px 0px 0px 0px;--margin-top:20px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-105 .elementor-element.elementor-element-236223d{border-radius:0px 0px 0px 0px;}.elementor-105 .elementor-element.elementor-element-06961a9{--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-105 .elementor-element.elementor-element-35c8510{text-align:center;}.elementor-105 .elementor-element.elementor-element-35c8510 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:600;color:#020202;}.elementor-105 .elementor-element.elementor-element-2129f59{--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-105 .elementor-element.elementor-element-f69d6a9{--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-105 .elementor-element.elementor-element-c242dd8{--width:50%;}.elementor-105 .elementor-element.elementor-element-0b623f0{--width:50%;}}@media(max-width:1024px){.elementor-105 .elementor-element.elementor-element-f24803b:not(.elementor-motion-effects-element-type-background), .elementor-105 .elementor-element.elementor-element-f24803b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://primenestcommercellc.com/wp-content/uploads/2026/08/tab.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-105 .elementor-element.elementor-element-f24803b{--min-height:450px;}.elementor-105 .elementor-element.elementor-element-22247be{--spacer-size:315px;}.elementor-105 .elementor-element.elementor-element-45831c3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 50px;}}@media(max-width:767px){.elementor-105 .elementor-element.elementor-element-f24803b:not(.elementor-motion-effects-element-type-background), .elementor-105 .elementor-element.elementor-element-f24803b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://primenestcommercellc.com/wp-content/uploads/2026/08/mobile-1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-105 .elementor-element.elementor-element-f24803b{--width:500px;--min-height:410px;}.elementor-105 .elementor-element.elementor-element-45831c3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}/* Start custom CSS for html, class: .elementor-element-d62370f */@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 ----------
   If this heading/list is wrapped in its own tag with a class or ID (check by
   right-click > Inspect on the live page), target it directly, e.g.:
   .woocommerce-product-details__short-description .key-features { display:none !important; }

   Since WooCommerce short descriptions are usually plain paragraphs/lists with
   no unique class, CSS can only reliably hide a heading if it's the LAST
   heading + list in that block. This targets that common pattern —
   if it doesn't disappear, the safest fix is removing that part directly
   from: WP Admin > Products > [your product] > Product 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 ---------- */
.woocommerce div.product form.cart .single_add_to_cart_button,
.woocommerce div.product form.cart button.single_add_to_cart_button{
  background:#046bd2 !important;
  color:#fff !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:none !important;
  transition:all .25s ease;
}
.woocommerce div.product form.cart .single_add_to_cart_button:hover{
  background:#2f8ff0 !important;
  transform:translateY(-2px);
  box-shadow:0 8px 24px rgba(4,107,210,0.4);
}

/* ---------- 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;
}/* End custom CSS */
/* Start custom CSS for video, class: .elementor-element-14d063d *//* Video controls hide karne ke liye */
.elementor-105 .elementor-element.elementor-element-14d063d video::-webkit-media-controls {
    display: none !important;
}

/* User interaction khatam karne ke liye (taki koi click na kar sake) */
.elementor-105 .elementor-element.elementor-element-14d063d video {
    pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e927043 *//* 1. Category / Collection text hide karne ke liye */
.woocommerce ul.products li.product .meta,
.woocommerce ul.products li.product .ast-woo-product-category,
.woocommerce ul.products li.product .loop-product-category,
.woocommerce ul.products li.product span,
.woocommerce-loop-product__category {
    display: none !important;
}

/* 2. Product Card Styling: Border, Border-radius, Flexbox aur Smooth Transition */
.woocommerce ul.products li.product {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    height: 100% !important;
    text-align: center !important;
    border: 2px solid #e0e0e0 !important; /* Border thickness 2px */
    border-radius: 10px !important;       /* Rounded corners 10px */
    padding: 15px !important;             /* Inner spacing */
    box-sizing: border-box !important;
    background-color: #ffffff !important;
    transition: all 0.3s ease-in-out !important; /* Hover effect ko smooth banane ke liye */
}

/* 3. Hover Effect: Mouse le jane par card halka sa upar uthega aur shadow ayegi */
.woocommerce ul.products li.product:hover {
    transform: translateY(-5px) !important;       /* Card thoda sa upar uthega */
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08) !important; /* Light aur clean shadow */
    border-color: #000000 !important;             /* Optional: Hover pe border dark black ho jayega (chahein toh hata sakte hain) */
}

/* Inner link/content wrapper ko flex banana taake spacing barabar ho */
.woocommerce ul.products li.product .ast-loop-product__link,
.woocommerce ul.products li.product > a {
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
    text-align: center !important;
}

/* Product Title ki styling aur spacing fix */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    text-align: center !important;
    flex-grow: 1 !important; 
    margin-bottom: 10px !important;
    font-size: 16px !important;
}

/* Price ke number aur currency ki proper center alignment */
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .price .amount {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #000000 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-align: center !important;
    margin-top: auto !important;
    margin-bottom: 10px !important;
}

/* Button ka background black, text white aur bottom mein exact ek line mein center karne ke liye */
.woocommerce ul.products li.product .button {
    background-color: #000000 !important;
    color: #ffffff !important;
    display: block !important;
    margin: 0 auto !important;
    text-align: center !important;
    width: 100% !important;
    max-width: 180px !important;
    border-radius: 5px !important;
    transition: background-color 0.2s ease !important;
}

.woocommerce ul.products li.product .button:hover {
    background-color: #333333 !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83b5942 *//* 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 {
    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 {
    background-color: #333333 !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e2c4ee7 *//* 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 {
    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 {
    background-color: #333333 !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5a659d9 */.ecosellers-features {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 25px;
    padding: 80px 20px;
    background: #090b0d; /* Aapka naya Dark Background */
}

/* ---------- Entrance animation: cards fade + rise in, one after another ---------- */
@keyframes ecoFadeUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.feature-card {
    /* Card background ko bohot dark rakha gaya hai */
    background: rgba(255, 255, 255, 0.02);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    /* Border ko bohot halka rakha hai taake "White" na dikhe */
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 20px;
    padding: 40px 25px;
    text-align: center;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);

    /* entrance animation */
    opacity: 0;
    animation: ecoFadeUp 0.8s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

/* stagger each card so they animate in one-by-one instead of all at once */
.feature-card:nth-child(1) { animation-delay: 0.05s; }
.feature-card:nth-child(2) { animation-delay: 0.2s; }
.feature-card:nth-child(3) { animation-delay: 0.35s; }
.feature-card:nth-child(4) { animation-delay: 0.5s; }

/* Headings - Soft Off-White */
.feature-card h3 {
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 12px;
    color: #d1d1d1; /* Pure white nahi hai, aankhon ko nahi chubhega */
    letter-spacing: 0.5px;
}

/* ---------- Icons - Dark Green Accent + gentle floating motion ---------- */
@keyframes ecoFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-6px); }
}

.icon-svg {
    display: inline-block;
    animation: ecoFloat 3.5s ease-in-out infinite;
}
/* stagger the float so all 4 icons don't bob in perfect sync */
.feature-card:nth-child(1) .icon-svg { animation-delay: 0s; }
.feature-card:nth-child(2) .icon-svg { animation-delay: 0.4s; }
.feature-card:nth-child(3) .icon-svg { animation-delay: 0.8s; }
.feature-card:nth-child(4) .icon-svg { animation-delay: 1.2s; }

.icon-svg svg {
    width: 45px;
    height: 45px;
    margin-bottom: 25px;
    /* Icon ka color aapke theme green par rakha hai */
    color: #304231;
    transition: all 0.4s ease;
}

/* pause the floating motion on hover so scale/rotate reads clearly */
.feature-card:hover .icon-svg {
    animation-play-state: paused;
}

/* Hover Effect - Subtle & Deep */
.feature-card:hover {
    background: rgba(48, 66, 49, 0.1); /* Halka sa green tint hover par */
    border-color: #304231; /* Border green ho jayega */
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.6);
}
.feature-card:hover .icon-svg svg {
    color: #ffffff; /* Hover par icon bright hoga */
    transform: scale(1.15) rotate(8deg);
}

/* Paragraph - Dimmed/Muted Text */
.feature-card p {
    font-size: 0.9rem;
    color: #808080; /* Dark grey text */
    line-height: 1.6;
    margin: 0;
}

/* Highlighted Card */
.feature-card.highlighted {
    background: rgba(48, 66, 49, 0.05);
    border-color: rgba(48, 66, 49, 0.3);
}

/* respect users who don't want motion */
@media (prefers-reduced-motion: reduce) {
    .feature-card {
        opacity: 1;
        animation: none;
    }
    .icon-svg {
        animation: none;
    }
}

/* Mobile responsive fix */
@media (max-width: 768px) {
    .ecosellers-features {
        padding: 40px 15px;
        gap: 15px;
    }
}/* End custom CSS */