/** Shopify CDN: Minification failed

Line 23:2748 Unexpected "{"
Line 23:2756 Expected ":"
Line 23:2842 Unexpected "{"
Line 23:2850 Expected ":"
Line 23:2978 Unexpected "{"
Line 23:2986 Expected ":"
Line 23:3072 Unexpected "{"
Line 23:3080 Expected ":"

**/
@media (min-width:1024px){.lg\:w-1\/7{width:14.2857%;}.lg\:w-1\/8{width:12.5%;}}.collection-description h1{font-size:36px;}.collection-description h2{font-size:28px;}.collection-description h3{font-size:24px;}.collection-description ul{margin:0px;padding:0px 0px 0px 20px;}.collection-description ul>li{list-style:square outside;margin-bottom:10px;}
.promotion-overlay{position:absolute;}.promotion-overlay--bottom{bottom:0;height:50%;background:linear-gradient(
        to top,
        var(--overlay-start) 0%,
        var(--overlay-end) 100%);}.promotion-overlay--top{top:0;height:50%;background:linear-gradient(
        to bottom,
        var(--overlay-start) 0%,
        var(--overlay-end) 100%);}.promotion-overlay--center{top:50%;transform:translateY(-50%);height:40%;background:linear-gradient(
        to bottom,
        var(--overlay-start) 0%,
        var(--overlay-end) 100%);}h2.font-27{font-size:18px;margin:0 0 10px;padding:0;}.benefits_span{font-size:20px;margin-bottom:0px;display:block;color:#2D5016;}.bullet_point{margin-bottom:10px;display:grid;grid-template-columns:repeat(3, 1fr);row-gap:5px;column-gap:20px;}.bullet_point p{flex:0 0 48%;margin:0;display:flex;justify-content:flex-start;align-items:flex-start;font-size:13px;}.bottom-block__text p{margin-bottom:0px !important;}.rte a.bullet_point_more{position:relative;display:inline-block;margin:0px 0 auto;color:#fff;font-weight:400;text-decoration:none;text-align:center;font-size:12px;float:right;background-color:#606B57;top:-30px;padding:1px 10px;border-radius:3px;}.rte a.bullet_point_more:hover{border-bottom:none;background-size:0 .1em, 100% .1em;background-position:0% 0%, 0% 0%;}.rte a.bullet_point_more:hover::after{}@media(max-width:767px){.bullet_point p{flex:0 0 100%;}}.breadcrum{font-size:12px;}.pbpoint{position:relative;}.pbpoint-h{font-size:18px;margin-bottom:10px;color:#2D5016;}ul.pbpoint-list{display:grid;grid-template-columns:repeat(3, 1fr);row-gap:5px;column-gap:15px;list-style:none;margin:0px;padding:0px 0px 10px;}ul.pbpoint-list li{margin:0px;font-size:13px;position:relative;padding-left:22px;}ul.pbpoint-list li::before{content:"";position:absolute;left:0;top:0px;width:18px;height:18px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%232D5016' viewBox='0 0 20 20'%3E%3Cpath d='M16.704 5.29a1 1 0 010 1.42l-7.2 7.2a1 1 0 01-1.42 0l-3.2-3.2a1 1 0 111.42-1.42l2.49 2.49 6.49-6.49a1 1 0 011.42 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;}.footer-keyword-outer{margin:0px;padding:0px;}ul.footer_keyword{display:flex;flex-wrap:wrap;column-gap:10px;row-gap:0px;padding:0;margin:0;list-style:none;}ul.footer_keyword li{margin:0px;padding:0px;}ul.footer_keyword li a{font-size:12px;text-decoration:none;}ul.footer_keyword li:not(:last-child):after{content:"|";position:relative;margin-left:5px;}.other-websites-outer{margin:0px;padding:0px;}ul.other-websites{display:flex;flex-wrap:wrap;column-gap:3px;row-gap:0px;padding:0;margin:0;list-style:none;}ul.other-websites a{display:block;}ul.other-websites a img{max-height:30px;margin-bottom:0;background-color:#f3f3f3;padding:2px;border-radius:1px;}.additional-footer{font-size:12px;}#section-footer{padding-bottom:5px;}#section-footer p{font-size:14px;color:#fff;}.blog-rep{position:relative;display:block;text-align:center;box-shadow:0 .125rem .25rem rgba(0, 0, 0, .075);background:#f3f3f3;margin-bottom:20px;border-radius:0px;padding:0px 0px 20px 0px;overflow:hidden;}p.text-review-count{margin-top:3px !important;}.additional-footer p{font-size:inherit !important;}.custom-section-{{section.id}}.h-funder .x-testimonial-image{border-radius:15px 0px 0px 15px;}.custom-section-{{section.id}}.h-funder .x-testimonial-content{border-radius:0px 15px 15px 0px;overflow:hidden;}@media(max-width:767px){.custom-section-{{section.id}}.h-funder .x-testimonial-image{border-radius:15px 15px 0px 0px;}.custom-section-{{section.id}}.h-funder .x-testimonial-content{border-radius:0px 0px 15px 15px;overflow:hidden;}.top-benefit-list,.product-sub-title{display:none;}}.lok-cart-upsell-drawer{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}#CartDrawer-CartItems .product-info-column-1>div>a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
        .dt-sc-divider{margin-top:20px; text-align:left;} .dt-sc-divider .heading{font-size:18px;}
/* =============================================
   Jagat Pharma - Collection Page CSS
   (Sabhi classes aapke diye gaye HTML se hi liye gaye hain)
   ============================================= */

.collections-page {
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 20px;
    font-family: 'Segoe UI', Arial, sans-serif;
    color: #333333;
    line-height: 1.7;
}

/* ---------- Heading Tags (h1 - h5) ---------- */
.collections-page h1 {
    font-size: 34px;
    font-weight: 700;
    color: #1a3c34;
    margin-bottom: 20px;
    text-align: center;
}

.collections-page h2 {
    font-size: 26px;
    font-weight: 600;
    color: #1a3c34;
    margin: 35px 0 20px;
    border-bottom: 2px solid #4caf50;
    display: inline-block;
    padding-bottom: 6px;
}

.collections-page h3 {
    font-size: 24px;
    font-weight: 600;
    color: #1a3c34;
    margin: 30px 0 15px;
}

.collections-page h4 {
    font-size: 20px;
    font-weight: 600;
    color: #2e7d32;
    margin: 20px 0 10px;
}

.collections-page h5 {
    font-size: 17px;
    font-weight: 600;
    color: #1a3c34;
    margin: 0 0 6px;
}

.collections-page p {
    font-size: 16px;
    color: #444444;
    margin-bottom: 16px;
}

.collections-page strong {
    color: #2e7d32;
}

.collections-page a {
    color: #2e7d32;
    text-decoration: underline;
}

.collections-page a:hover {
    color: #1a3c34;
}

/* ---------- Benefits Ordered List ---------- */
.collections-page ol {
    list-style: none;
    counter-reset: benefit-counter;
    padding: 0;
    margin: 20px 0 40px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.collections-page ol li {
    counter-increment: benefit-counter;
    background: #f4faf4;
    border: 1px solid #d9ecd9;
    border-radius: 10px;
    padding: 20px 20px 20px 55px;
    position: relative;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
}

.collections-page ol li::before {
    content: counter(benefit-counter);
    position: absolute;
    left: 15px;
    top: 18px;
    width: 28px;
    height: 28px;
    background: #4caf50;
    color: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 700;
}
/* =============================================
   FAQ Section - Improved UI/UX
   (Compatible with jQuery .toggle() JS - no .active class used)
   ============================================= */

/* ---------- FAQ Heading ---------- */
.faq-head {
  margin-bottom: 30px;
}

.faq-head > h2.font-27,
.faq-head > h3 {
  font-size:24px;
  font-weight: 700;
  text-align: left;
  color: #1a3c34;
  line-height: 1.3;
  position: relative;
  padding-bottom: 14px;
}

.faq-head > h2.font-27::after,
.faq-head > h3::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 60px;
  height: 4px;
  background: #f05223;
  border-radius: 4px;
}

/* ---------- FAQ Content Grid ---------- */
.faq-content {
  margin: 0 auto;
}

.faq-content #load_more {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px 24px;
  text-align: left;
}

/* ---------- Individual FAQ Card ---------- */
.faq-inner {
  border: 1px solid #eaeaea;
  border-radius: 12px;
  padding: 18px 22px;
  position: relative;
  cursor: pointer;
  background: #ffffff;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.05);
  transition: box-shadow 0.3s ease, border-color 0.3s ease, transform 0.2s ease;
}

.faq-inner:first-child {
  padding-top: 18px !important;
}

.faq-inner:last-child {
  border-bottom: 1px solid #eaeaea;
}

.faq-inner:hover {
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.09);
  transform: translateY(-2px);
  border-color: #f0522333;
}

/* ---------- FAQ Question ---------- */
.faq-question {
  font-size: 18px;
  font-weight: 600;
  color: #2c7744;
  position: relative;
  padding-right: 36px;
  line-height: 1.5;
  margin: 0;
  transition: color 0.3s ease;
}

.faq-inner:hover .faq-question {
  color: #f05223;
}

/* Toggle icon - circular button style (static +, JS se change nahi hota) */
.faq-question::after {
  content: '+';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  background: #2c7744;
  border-radius: 50%;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  transition: background 0.3s ease;
}

.faq-inner:hover .faq-question::after {
  background: #f05223;
}

/* ---------- FAQ Answer ---------- */
/* Note: initial display:none HTML mein pehle se hai (style="display: none;")
   JS sirf toggle() se display block/none karta hai - koi height/opacity animation
   is JS ke sath possible nahi hai (toggle() abrupt show/hide karta hai) */
.faq-answer {
  margin-top: 14px;
  font-size: 14.5px;
  font-weight: 400;
  color: #555555;
  line-height: 1.7;
}

.faq-answer [itemprop="text"] {
  padding-top: 2px;
}

/* ---------- Responsive (Mobile) ---------- */
@media only screen and (max-width: 767px) {
  .faq-content #load_more {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 14px;
    text-align: left;
  }

  .faq-inner {
    padding: 14px 18px;
  }

  .faq-question {
    font-size: 15px;
    padding-right: 30px;
  }

  .faq-answer {
    font-size: 14px;
  }

  .faq-content {
    margin: 0 auto;
  }

  .faq-head > h2.font-27,
  .faq-head > h3 {
    font-size: 24px;
  }
}