.elementor-99 .elementor-element.elementor-element-158f42b{--display:flex;--min-height:290px;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:-36px;--padding-bottom:-36px;--padding-left:-36px;--padding-right:-36px;}.elementor-99 .elementor-element.elementor-element-158f42b > .elementor-shape-top .elementor-shape-fill, .elementor-99 .elementor-element.elementor-element-158f42b > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#FBECEC;}.elementor-99 .elementor-element.elementor-element-158f42b > .elementor-shape-top svg, .elementor-99 .elementor-element.elementor-element-158f42b > .e-con-inner > .elementor-shape-top svg{width:calc(100% + 1.3px);height:26px;}.elementor-99 .elementor-element.elementor-element-afb44ed{--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-99 .elementor-element.elementor-element-41787b72{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-99 .elementor-element.elementor-element-507e4655{--display:flex;--min-height:210px;--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;--justify-content:center;--border-radius:10px 10px 10px 10px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-99 .elementor-element.elementor-element-507e4655:not(.elementor-motion-effects-element-type-background), .elementor-99 .elementor-element.elementor-element-507e4655 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://trishaktigreennaturals.com/wp-content/uploads/2026/02/ChatGPT-Image-Feb-20-2026-12_53_51-PM.png");background-size:cover;}.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 );}.elementor-99 .elementor-element.elementor-element-1105ba58{margin:0% 040% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.elementor-99 .elementor-element.elementor-element-1105ba58 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:600;line-height:1.2em;}.elementor-widget-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-99 .elementor-element.elementor-element-6e05c616 .elementor-button{background-color:#2D6A4F;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#E5E7EB;padding:10px 15px 10px 15px;}.elementor-99 .elementor-element.elementor-element-6e05c616 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-99 .elementor-element.elementor-element-2d7e5d6e{--display:flex;--min-height:210px;--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;--justify-content:center;--border-radius:10px 10px 10px 10px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-99 .elementor-element.elementor-element-2d7e5d6e:not(.elementor-motion-effects-element-type-background), .elementor-99 .elementor-element.elementor-element-2d7e5d6e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://trishaktigreennaturals.com/wp-content/uploads/2026/02/ChatGPT-Image-Feb-20-2026-01_09_00-PM.png");background-size:cover;}.elementor-99 .elementor-element.elementor-element-8108823{margin:0% 20% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.elementor-99 .elementor-element.elementor-element-8108823 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:600;line-height:1.2em;word-spacing:0px;}.elementor-99 .elementor-element.elementor-element-1f5bbb52 .elementor-button{background-color:#2D6A4F;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#E5E7EB;padding:10px 15px 10px 15px;}.elementor-99 .elementor-element.elementor-element-1f5bbb52 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-99 .elementor-element.elementor-element-c06cf7c{--display:flex;--min-height:210px;--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;--justify-content:center;--border-radius:10px 10px 10px 10px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-99 .elementor-element.elementor-element-c06cf7c:not(.elementor-motion-effects-element-type-background), .elementor-99 .elementor-element.elementor-element-c06cf7c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://trishaktigreennaturals.com/wp-content/uploads/2026/02/ChatGPT-Image-Feb-20-2026-01_08_48-PM.png");background-size:cover;}.elementor-99 .elementor-element.elementor-element-2670157a{margin:0% 30% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.elementor-99 .elementor-element.elementor-element-2670157a .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:19px;font-weight:600;line-height:1.2em;}.elementor-99 .elementor-element.elementor-element-6495f3d4 .elementor-button{background-color:#2D6A4F;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#E5E7EB;padding:10px 15px 10px 15px;}.elementor-99 .elementor-element.elementor-element-6495f3d4 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-99 .elementor-element.elementor-element-211b2c0{--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:15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-99 .elementor-element.elementor-element-58714c8{--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-99 .elementor-element.elementor-element-e4a14fa{--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-99 .elementor-element.elementor-element-4ccc8b8 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:21px;font-weight:600;-webkit-text-stroke-color:#000;stroke:#000;}.elementor-99 .elementor-element.elementor-element-17b2f76{--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-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-99 .elementor-element.elementor-element-cb2191f{text-align:end;font-family:"Roboto", Sans-serif;font-weight:400;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#0843BC;}.elementor-99 .elementor-element.elementor-element-722b1b2{--display:flex;--min-height:0.1em;--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:-10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-99 .elementor-element.elementor-element-e716330{--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-99 .elementor-element.elementor-element-9bda4fb{padding:0px 0px -3px 0px;}@media(max-width:1024px){.elementor-99 .elementor-element.elementor-element-41787b72{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-99 .elementor-element.elementor-element-507e4655:not(.elementor-motion-effects-element-type-background), .elementor-99 .elementor-element.elementor-element-507e4655 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-99 .elementor-element.elementor-element-507e4655{--padding-top:50px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}.elementor-99 .elementor-element.elementor-element-1105ba58{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:0px 0px 0px 0px;}.elementor-99 .elementor-element.elementor-element-2d7e5d6e:not(.elementor-motion-effects-element-type-background), .elementor-99 .elementor-element.elementor-element-2d7e5d6e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-99 .elementor-element.elementor-element-2d7e5d6e{--padding-top:50px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}.elementor-99 .elementor-element.elementor-element-8108823{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:0px 0px 0px 0px;}.elementor-99 .elementor-element.elementor-element-8108823 .elementor-heading-title{font-size:19px;}.elementor-99 .elementor-element.elementor-element-c06cf7c:not(.elementor-motion-effects-element-type-background), .elementor-99 .elementor-element.elementor-element-c06cf7c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-99 .elementor-element.elementor-element-c06cf7c{--padding-top:50px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}.elementor-99 .elementor-element.elementor-element-2670157a{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:0px 0px 0px 0px;}.elementor-99 .elementor-element.elementor-element-2670157a .elementor-heading-title{font-size:20px;}}@media(min-width:768px){.elementor-99 .elementor-element.elementor-element-158f42b{--width:1900%;}.elementor-99 .elementor-element.elementor-element-41787b72{--content-width:1356px;}.elementor-99 .elementor-element.elementor-element-507e4655{--width:33.33%;}.elementor-99 .elementor-element.elementor-element-2d7e5d6e{--width:33.33%;}.elementor-99 .elementor-element.elementor-element-c06cf7c{--width:33.33%;}.elementor-99 .elementor-element.elementor-element-e4a14fa{--width:50%;}.elementor-99 .elementor-element.elementor-element-17b2f76{--width:50%;}.elementor-99 .elementor-element.elementor-element-722b1b2{--content-width:1362px;}.elementor-99 .elementor-element.elementor-element-e716330{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-41787b72 */<style>
  @import url('https://fonts.googleapis.com/css2?family=Inter:wght@500;600;700;800&display=swap');

  /* मेन कंटेनर */
  .category-banners-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
    padding: 40px 5%;
    max-width: 1400px;
    margin: 0 auto;
    font-family: 'Inter', sans-serif;
    overflow: hidden;
  }

  /* हर एक बैनर कार्ड का डिज़ाइन */
  .cat-banner-card {
    background: linear-gradient(135deg, #F8F5F0 0%, #EFEBE1 100%);
    border-radius: 16px;
    padding: 30px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #e2ddce;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    text-decoration: none !important;
    position: relative;
    overflow: hidden;
    height: 100%;
    box-sizing: border-box;
    
    /* 🔴 Scroll Animation के लिए शुरुआत में छुपा हुआ */
    opacity: 0;
    transform: translateY(50px);
    transition: all 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
  }

  /* जब JS इसे 'animate-in' क्लास देगा तब यह दिखेगा */
  .cat-banner-card.animate-in {
    opacity: 1;
    transform: translateY(0);
  }

  /* तीनों डिब्बों को एक-एक करके (Staggered) लाने के लिए डिले (Delay) */
  .cat-banner-card:nth-child(1).animate-in { transition-delay: 0.1s; }
  .cat-banner-card:nth-child(2).animate-in { transition-delay: 0.3s; }
  .cat-banner-card:nth-child(3).animate-in { transition-delay: 0.5s; }

  /* 🔴 Shine Effect (शीशे की चमक) */
  .cat-banner-card::before {
    content: '';
    position: absolute;
    top: 0; left: -100%;
    width: 50%; height: 100%;
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 50%, rgba(255,255,255,0) 100%);
    transform: skewX(-25deg);
    transition: 0.8s ease;
    z-index: 5;
    pointer-events: none;
  }

  /* होवर करने पर चमक गुज़रेगी और कार्ड उठेगा */
  .cat-banner-card:hover {
    transform: translateY(-8px) scale(1.02);
    box-shadow: 0 20px 40px rgba(26, 61, 46, 0.15);
    border-color: #82C49C;
  }
  .cat-banner-card:hover::before {
    left: 200%; /* चमक लेफ्ट से राइट जाएगी */
  }

  /* टेक्स्ट वाला हिस्सा */
  .cat-content {
    flex: 1;
    max-width: 55%;
    z-index: 2;
  }

  .cat-title {
    color: #1A3D2E;
    font-size: 19px;
    font-weight: 800;
    line-height: 1.3;
    margin: 0 0 15px 0;
  }

  /* Shop Now बटन */
  .cat-btn {
    display: inline-flex;
    align-items: center;
    background: #2A7055;
    color: #ffffff !important;
    font-size: 14px;
    font-weight: 700;
    padding: 10px 20px;
    border-radius: 6px; 
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 4px 10px rgba(42, 112, 85, 0.3);
  }

  .cat-btn i {
    margin-left: 6px;
    font-style: normal;
    transition: transform 0.3s;
  }

  .cat-banner-card:hover .cat-btn {
    background: #1A3D2E;
    box-shadow: 0 6px 15px rgba(26, 61, 46, 0.4);
  }
  .cat-banner-card:hover .cat-btn i {
    transform: translateX(6px); /* तीर आगे जाएगा */
  }

  /* 🔴 फोटो वाला हिस्सा (लगातार तैरने वाला एनिमेशन) */
  .cat-image {
    flex: 1;
    max-width: 45%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    z-index: 1;
  }

  @keyframes floating {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
    100% { transform: translateY(0px); }
  }

  .cat-image img {
    width: 100%;
    height: auto;
    max-height: 140px;
    object-fit: contain;
    /* लगातार हवा में तैरने का इफ़ेक्ट */
    animation: floating 3s ease-in-out infinite; 
    transition: transform 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
  }

  /* होवर पर फोटो बाहर की तरफ ज़ूम होगी और घूम जाएगी */
  .cat-banner-card:hover .cat-image img {
    animation-play-state: paused; /* तैरना रुकेगा */
    transform: scale(1.2) rotate(-5deg) translateX(-5px); /* ज़ूम इफ़ेक्ट */
  }

  /* Responsive */
  @media (max-width: 1024px) {
    .category-banners-wrapper { grid-template-columns: repeat(2, 1fr); }
  }
  @media (max-width: 768px) {
    .category-banners-wrapper { grid-template-columns: 1fr; padding: 20px; gap: 20px; }
    .cat-title { font-size: 18px; }
    .cat-banner-card { padding: 25px 20px; }
  }
</style>

<div class="category-banners-wrapper" id="animated-banners">
  
  <a href="https://trishaktigreennaturals.com/shop/" class="cat-banner-card banner-anim">
    <div class="cat-content">
      <h3 class="cat-title">Trishakti Gold Aata<br>Har niwala, Shaktiwala.</h3>
      <span class="cat-btn">Shop Now <i>➔</i></span>
    </div>
    <div class="cat-image">
      <img src="https://png.pngtree.com/png-clipart/20231015/original/pngtree-wheat-flour-in-a-bowl-with-ears-of-wheat-png-image_13303644.png" alt="Flours">
    </div>
  </a>

  <a href="https://trishaktigreennaturals.com/shop/" class="cat-banner-card banner-anim">
    <div class="cat-content">
      <h3 class="cat-title">Trishakti Aarogya Amrit<br>Dil ki shuddhata.<br>Kachi Ghani Oils.</h3>
      <span class="cat-btn">Shop Now <i>➔</i></span>
    </div>
    <div class="cat-image">
      <img src="https://png.pngtree.com/png-clipart/20231017/original/pngtree-a-bottle-of-mustard-oil-with-mustard-seeds-png-image_13328229.png" alt="Oils">
    </div>
  </a>

  <a href="https://trishaktigreennaturals.com/shop/" class="cat-banner-card banner-anim">
    <div class="cat-content">
      <h3 class="cat-title">Trishakti Swaad Sutra<br>Prakriti ka Vedic,<br>Asli Swaad.</h3>
      <span class="cat-btn">Shop Now <i>➔</i></span>
    </div>
    <div class="cat-image">
      <img src="https://png.pngtree.com/png-clipart/20230918/original/pngtree-indian-spices-png-image_12351230.png" alt="Spices">
    </div>
  </a>

</div>

<script>
  document.addEventListener("DOMContentLoaded", function() {
    const observer = new IntersectionObserver((entries) => {
      entries.forEach(entry => {
        if (entry.isIntersecting) {
          // जैसे ही डिब्बा स्क्रीन पर दिखेगा, उसमें 'animate-in' क्लास जुड़ जाएगी
          entry.target.classList.add('animate-in');
          observer.unobserve(entry.target); // एक बार चलने के बाद रुक जाएगा
        }
      });
    }, { threshold: 0.15 }); // जब 15% डिब्बा स्क्रीन पर दिखेगा तब चालू होगा

    // सभी 3 बैनर्स को ऑब्ज़र्व करना शुरू करें
    document.querySelectorAll('.banner-anim').forEach(card => {
      observer.observe(card);
    });
  });
</script>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-722b1b2 *//* --- THE ULTIMATE RESPONSIVE GRID (DESKTOP + MOBILE) --- */

/* 1. थीम की कैंची को बंद करना ताकि बटन न कटे */
.elementor-99 .elementor-element.elementor-element-722b1b2 ul.products li.product,
.elementor-99 .elementor-element.elementor-element-722b1b2 ul.products li.product * {
    overflow: visible !important;
    clip: auto !important;
}

/* 2. मेन कार्ड (Strict Column Layout) */
.elementor-99 .elementor-element.elementor-element-722b1b2 ul.products li.product {
    background: #ffffff !important;
    border-radius: 12px !important;
    border: 1px solid #eaeaea !important;
    padding: 15px 15px 25px 15px !important; 
    
    /* 🔴 यह कोड फोटो को ऊपर और बटन को नीचे फिक्स करेगा */
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important; /* हर चीज़ को ऊपर धकेलेगा */
    align-items: center !important; /* बीच में (Center) रखेगा */
    
    height: 100% !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.03) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    box-sizing: border-box !important;
    margin-bottom: 20px !important;
}

/* होवर इफ़ेक्ट (डिब्बा नहीं खिंचेगा, बस हल्का सा उठेगा) */
.elementor-99 .elementor-element.elementor-element-722b1b2 ul.products li.product:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 15px 30px rgba(42, 112, 85, 0.15) !important;
    border-color: #82C49C !important;
    padding: 15px 15px 25px 15px !important; /* पैडिंग को लॉक किया */
}

/* 3. 🔴 फोटो (ऊपर से खाली जगह को खत्म करने के लिए) */
.elementor-99 .elementor-element.elementor-element-722b1b2 ul.products li.product img {
    width: 100% !important;
    height: auto !important;
    border-radius: 8px !important;
    margin: 0 0 15px 0 !important; /* ऊपर का मार्जिन 0 कर दिया */
    object-fit: contain !important;
}

/* 4. टाइटल और प्राइस */
.elementor-99 .elementor-element.elementor-element-722b1b2 ul.products li.product .woocommerce-loop-product__title {
    color: #1A3D2E !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    font-family: 'Inter', sans-serif !important;
    text-align: center !important;
    margin: 0 0 10px 0 !important;
    line-height: 1.4 !important;
    width: 100% !important;
    /* लंबे टेक्स्ट को नीचे वाली लाइन में भेजेगा */
    white-space: normal !important;
    word-wrap: break-word !important;
}

.elementor-99 .elementor-element.elementor-element-722b1b2 ul.products li.product .price {
    color: #2A7055 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-align: center !important;
    margin: 0 0 20px 0 !important;
    width: 100% !important;
}

/* 5. 🔴 बटन (हमेशा एकदम नीचे फिक्स रहेगा) */
.elementor-99 .elementor-element.elementor-element-722b1b2 ul.products li.product a.button,
.elementor-99 .elementor-element.elementor-element-722b1b2 ul.products li.product .add_to_cart_button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    /* यह जादुई कोड बटन को धकेल कर डिब्बे के एकदम नीचे भेज देगा */
    margin: auto 0 0 0 !important; 
    
    width: 100% !important; 
    max-width: 250px !important;
    min-height: 40px !important; /* मोबाइल पर पिचकने से रोकेगा */
    
    background: #ffffff !important;
    color: #2A7055 !important;
    border: 1px solid #2A7055 !important;
    border-radius: 50px !important; /* गोल कैप्सूल */
    padding: 8px 15px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    white-space: normal !important; 
    line-height: 1.2 !important;
    text-transform: capitalize !important;
    
    position: static !important;
    transform: none !important;
    transition: all 0.3s ease !important;
}

.elementor-99 .elementor-element.elementor-element-722b1b2 ul.products li.product a.button:hover {
    background: #2A7055 !important;
    color: #ffffff !important;
}

/* थीम के एक्स्ट्रा डिज़ाइन ब्लॉक */
.elementor-99 .elementor-element.elementor-element-722b1b2 ul.products li.product a.button::after,
.elementor-99 .elementor-element.elementor-element-722b1b2 ul.products li.product a.button::before {
    display: none !important;
}

/* 6. सेल और आउट ऑफ़ स्टॉक बैज */
.elementor-99 .elementor-element.elementor-element-722b1b2 ul.products li.product .onsale,
.elementor-99 .elementor-element.elementor-element-722b1b2 ul.products li.product .outofstock-badge {
    background-color: #F4C724 !important; 
    color: #1a1a1a !important;
    border-radius: 30px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    padding: 5px 12px !important;
    position: absolute !important;
    top: 15px !important;
    left: 15px !important;
    z-index: 20 !important;
}/* End custom CSS */