/** Shopify CDN: Minification failed

Line 18:0 Unexpected "{"
Line 18:1 Expected identifier but found "%"
Line 20:0 Unexpected "<"
Line 28:5 Expected identifier but found "%"
Line 29:6 Unexpected "<"
Line 32:9 Expected identifier but found "%"
Line 33:10 Unexpected "<"
Line 33:64 Unexpected "{"
Line 33:80 Expected ":"
Line 33:107 Unexpected "<"
... and 432 more hidden warnings

**/


{%- assign bundle_product = section.settings.product | default: product -%}

<section
  id="AyurvedicProduct-{{ section.id }}"
  class="apb"
  data-section-id="{{ section.id }}"
  data-product-id="{{ bundle_product.id }}"
>
  <div class="apb__container">

    {% if section.settings.show_breadcrumb %}
      <nav class="apb__breadcrumb" aria-label="Breadcrumb">
        <a href="{{ routes.root_url }}">Home</a>
        <span>/</span>
        {% if bundle_product.collections.first %}
          <a href="{{ bundle_product.collections.first.url }}">{{ bundle_product.collections.first.title }}</a>
          <span>/</span>
        {% endif %}
        <strong>{{ bundle_product.title }}</strong>
      </nav>
    {% endif %}
    <div class="apb__layout">
      <div class="apb__media-col">
        <div class="apb__gallery" data-gallery>

          <div class="apb__main-media" data-gallery-stage>
            {% if bundle_product.media.size > 0 %}
              {% for media in bundle_product.media %}
                <div
                  class="apb__media-slide{% if forloop.first %} is-active{% endif %}"
                  data-media-slide="{{ media.id }}"
                >
                  {% case media.media_type %}
                    {% when 'image' %}
                      {% if forloop.first %}
                        {{
                          media
                          | image_url: width: 1800
                          | image_tag:
                            class: 'apb__product-image',
                            widths: '480, 640, 800, 1000, 1400, 1800',
                            sizes: '(min-width: 990px) 54vw, 100vw',
                            loading: 'eager',
                            alt: media.alt | default: bundle_product.title
                        }}
                      {% else %}
                        {{
                          media
                          | image_url: width: 1800
                          | image_tag:
                            class: 'apb__product-image',
                            widths: '480, 640, 800, 1000, 1400, 1800',
                            sizes: '(min-width: 990px) 54vw, 100vw',
                            loading: 'lazy',
                            alt: media.alt | default: bundle_product.title
                        }}
                      {% endif %}
                    {% else %}
                      {{ media | media_tag: image_size: '1800x', controls: true, class: 'apb__product-media' }}
                  {% endcase %}
                </div>
              {% endfor %}
            {% else %}
              <div class="apb__media-empty">
                {{ 'product-1' | placeholder_svg_tag }}
              </div>
            {% endif %}
          </div>
          {% if bundle_product.media.size > 1 %}
            <div class="apb__thumb-wrap">
              <button type="button" class="apb__gallery-arrow" data-gallery-prev aria-label="Previous image">
                <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M15 5 8 12l7 7"/></svg>
              </button>
              <div class="apb__thumbs" data-thumbs>
                {% for media in bundle_product.media %}
                  <button
                    type="button"
                    class="apb__thumb{% if forloop.first %} is-active{% endif %}"
                    data-media-id="{{ media.id }}"
                    aria-label="View media {{ forloop.index }}"
                  >
                    {% if media.preview_image %}
                      {{ media.preview_image | image_url: width: 180 | image_tag: loading: 'lazy', alt: media.alt | default: bundle_product.title }}
                    {% endif %}
                  </button>
                {% endfor %}
              </div>
              <button type="button" class="apb__gallery-arrow" data-gallery-next aria-label="Next image">
                <svg viewBox="0 0 24 24" aria-hidden="true"><path d="m9 5 7 7-7 7"/></svg>
              </button>
            </div>
          {% endif %}
        </div>
      </div>
      <div class="apb__details">
        <div class="apb__heading-area">
          {% if section.settings.kicker != blank %}
            <div class="apb__kicker">
              <span></span>{{ section.settings.kicker }}
            </div>
          {% endif %}
           <a href="#customer-reviews" class="cpb__rating-link" aria-label="Read customer reviews">
              <div class="cpb__rating-line">
                <div class="jdgm-widget jdgm-preview-badge" data-product-id="{{ bundle_product.id }}"></div>
              </div>
            </a>
          {% if section.settings.show_rating %}
            <div class="apb__rating-slot">
              {% for block in section.blocks %}
                {% if block.type == '@app' and block.settings.position == 'rating' %}
                  <div {{ block.shopify_attributes }}>{% render block %}</div>
                {% endif %}
              {% endfor %}
            </div>
          {% endif %}

            
          <h1 class="apb__title">{{ bundle_product.title }}</h1>
        </div>

        {% if section.settings.show_purchase %}
          <form class="apb__form" action="{{ routes.cart_add_url }}" method="post" data-product-form>
            <input type="hidden" name="id" value="{{ bundle_product.selected_or_first_available_variant.id }}" data-variant-id>

            {% if bundle_product.has_only_default_variant == false %}
              <div class="apb__purchase-label">{{ section.settings.variant_label }}</div>

              <div class="apb__variants" data-variants>
                {% for variant in bundle_product.variants %}
                  {% assign saving = 0 %}
                  {% assign discount_percent = 0 %}
                  {% if variant.compare_at_price > variant.price %}
                    {% assign saving = variant.compare_at_price | minus: variant.price %}
                    {% assign discount_percent = saving | times: 100 | divided_by: variant.compare_at_price %}
                  {% endif %}

                  <label
                    class="apb__variant{% if variant.id == bundle_product.selected_or_first_available_variant.id %} is-selected{% endif %}{% unless variant.available %} is-soldout{% endunless %}"
                    data-variant-card
                    data-variant-id="{{ variant.id }}"
                    data-price="{{ variant.price | money }}"
                    data-discount="{{ discount_percent }}"
                    data-available="{{ variant.available }}"
                    data-image-id="{{ variant.featured_media.id }}"
                  >
                    <input
                      type="radio"
                      name="variant_choice"
                      value="{{ variant.id }}"
                      {% if variant.id == bundle_product.selected_or_first_available_variant.id %}checked{% endif %}
                      {% unless variant.available %}disabled{% endunless %}
                    >
                    <span class="apb__radio"></span>

                    {% if forloop.last %}
                      <span class="apb__best-seller">BEST SELLER</span>
                    {% endif %}
                    <span class="apb__variant-copy">
                      <strong>{{ variant.title }}</strong>
                      {% if variant.available %}
                        <small>{{ section.settings.available_text }}</small>
                      {% else %}
                        <small>{{ section.settings.soldout_text }}</small>
                      {% endif %}
                    </span>

                    <span class="apb__variant-price">
                      <b>{{ variant.price | money }}</b>
                      {% if variant.compare_at_price > variant.price %}
                        <s>{{ variant.compare_at_price | money }}</s>
                        <em class="apb__discount-pill" data-variant-discount>{{ discount_percent }}% OFF</em>
                      {% endif %}
                    </span>
                  </label>
                {% endfor %}
              </div>
            {% endif %}

            {% if section.settings.delivery_title != blank %}
              <div class="apb__delivery">
                <span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                <path d="M3 5H15V17H3V5Z" stroke="#ff6b6b" stroke-width="1.8" stroke-linejoin="round"/>
                <path d="M15 9H19L22 12V17H15V9Z" stroke="#ff6b6b" stroke-width="1.8" stroke-linejoin="round"/>
                <path d="M3 17H5" stroke="#ff6b6b" stroke-width="1.8" stroke-linecap="round"/>
                <path d="M19 17H22" stroke="#ff6b6b" stroke-width="1.8" stroke-linecap="round"/>
                <circle cx="7" cy="17" r="2" stroke="#ff6b6b" stroke-width="1.8"/>
                <circle cx="17" cy="17" r="2" stroke="#ff6b6b" stroke-width="1.8"/>
              </svg></span>
                <div>
                  <strong>{{ section.settings.delivery_title }}</strong>
                  {% if section.settings.delivery_text != blank %}<small>{{ section.settings.delivery_text }}</small>{% endif %}
                </div>
              </div>
            {% endif %}

            <button
              type="submit"
              class="apb__add"
              data-add-to-cart
              {% unless bundle_product.selected_or_first_available_variant.available %}disabled{% endunless %}
            >
              <span>{{ section.settings.add_to_cart_text }}</span>
              <b data-add-price>{{ bundle_product.selected_or_first_available_variant.price | money }}</b>
            </button>

            {% if section.settings.secure_text != blank %}
              <p class="apb__secure">{{ section.settings.secure_text }}</p>
            {% endif %}
          </form>
        {% endif %}
<div class="apb__blocks">
          {% for block in section.blocks %}
            {% unless block.type == '@app' and block.settings.position == 'rating' %}
              <div
                class="apb__block apb__block--{{ block.type }}"
                {{ block.shopify_attributes }}
              >
                {% case block.type %}

                  {% when '@app' %}
                    {% render block %}

                  {% when 'eyebrow' %}
                    {% if block.settings.text != blank %}
                      <div class="apb__editor-eyebrow">{{ block.settings.text }}</div>
                    {% endif %}

                  {% when 'text' %}
                    {% if block.settings.text != blank %}
                      <div class="apb__editor-text">{{ block.settings.text }}</div>
                    {% endif %}

                  {% when 'richtext' %}
                    {% if block.settings.heading != blank %}
                      <h2 class="apb__editor-heading">{{ block.settings.heading }}</h2>
                    {% endif %}
                    {% if block.settings.content != blank %}
                      <div class="apb__editor-richtext">{{ block.settings.content }}</div>
                    {% endif %}

                  {% when 'image' %}
                    {% if block.settings.image != blank %}
                      <div class="apb__editor-image" style="max-width: {{ block.settings.width }}px;">
                        {% if block.settings.link != blank %}<a href="{{ block.settings.link }}">{% endif %}
                        {{
                          block.settings.image
                          | image_url: width: 1600
                          | image_tag:
                            widths: '360, 540, 720, 1000, 1400, 1600',
                            sizes: '100vw',
                            loading: 'lazy',
                            alt: block.settings.image.alt
                        }}
                        {% if block.settings.link != blank %}</a>{% endif %}
                      </div>
                    {% endif %}

                  {% when 'icon_text' %}
                    <div class="apb__icon-text">
                      {% if block.settings.icon != blank %}<span class="apb__icon">{{ block.settings.icon }}</span>{% endif %}
                      <div>
                        {% if block.settings.title != blank %}<strong>{{ block.settings.title }}</strong>{% endif %}
                        {% if block.settings.text != blank %}<span>{{ block.settings.text }}</span>{% endif %}
                      </div>
                    </div>

                  {% when 'trust' %}
                    <div class="apb__trust-item">
                      <span class="apb__trust-icon">{{ block.settings.icon }}</span>
                      <div>
                        <strong>{{ block.settings.title }}</strong>
                        {% if block.settings.text != blank %}<span>{{ block.settings.text }}</span>{% endif %}
                      </div>
                    </div>

                  {% when 'divider' %}
                    <div class="apb__divider"></div>

                  {% when 'spacer' %}
                    <div style="height: {{ block.settings.height }}px"></div>

                  {% when 'accordion' %}
                    <details class="apb__accordion" {% if block.settings.open %}open{% endif %}>
                      <summary>
                        <span>
                          {% if block.settings.icon != blank %}<i>{{ block.settings.icon }}</i>{% endif %}
                          {{ block.settings.title }}
                        </span>
                        <svg viewBox="0 0 24 24" aria-hidden="true"><path d="m6 9 6 6 6-6"/></svg>
                      </summary>
                      <div class="apb__accordion-content">{{ block.settings.content }}</div>
                    </details>

                  {% when 'custom_liquid' %}
                    {{ block.settings.custom_liquid }}

                {% endcase %}
              </div>
            {% endunless %}
          {% endfor %}
        </div>
      </div>
    </div>
  </div>
</section>

{% if section.settings.show_description and bundle_product.description != blank %}
  <section class="apb-description">
    <div class="apb-description__inner">
      {% if section.settings.description_kicker != blank %}
        <span>{{ section.settings.description_kicker }}</span>
      {% endif %}
      <div>{{ bundle_product.description }}</div>
    </div>
  </section>
{% endif %}

<script>
(function() {
  const section = document.getElementById('AyurvedicProduct-{{ section.id }}');
  if (!section) return;

  const thumbs = section.querySelectorAll('[data-media-id]');
  const slides = section.querySelectorAll('[data-media-slide]');
  const thumbWrap = section.querySelector('[data-thumbs]');

  function showMedia(id) {
    if (!id) return;
    slides.forEach(slide => slide.classList.toggle('is-active', slide.dataset.mediaSlide === String(id)));
    thumbs.forEach(thumb => {
      const active = thumb.dataset.mediaId === String(id);
      thumb.classList.toggle('is-active', active);
      if (active && thumbWrap) thumbWrap.scrollTo({ left: Math.max(0, thumb.offsetLeft - (thumbWrap.clientWidth - thumb.clientWidth) / 2), behavior: 'smooth' });
    });
  }

  thumbs.forEach(thumb => thumb.addEventListener('click', () => showMedia(thumb.dataset.mediaId)));

  const getActiveIndex = () => Array.from(thumbs).findIndex(t => t.classList.contains('is-active'));
  section.querySelector('[data-gallery-prev]')?.addEventListener('click', () => {
    const i = getActiveIndex();
    const next = i <= 0 ? thumbs.length - 1 : i - 1;
    if (thumbs[next]) showMedia(thumbs[next].dataset.mediaId);
  });
  section.querySelector('[data-gallery-next]')?.addEventListener('click', () => {
    const i = getActiveIndex();
    const next = i >= thumbs.length - 1 ? 0 : i + 1;
    if (thumbs[next]) showMedia(thumbs[next].dataset.mediaId);
  });

  const hiddenVariant = section.querySelector('[data-variant-id]');
  const addButton = section.querySelector('[data-add-to-cart]');
  const addPrice = section.querySelector('[data-add-price]');
  const variantDiscounts = section.querySelectorAll('[data-variant-discount]');

  section.querySelectorAll('[data-variant-card]').forEach(card => {
    card.addEventListener('click', () => {
      if (card.classList.contains('is-soldout')) return;
      section.querySelectorAll('[data-variant-card]').forEach(item => item.classList.remove('is-selected'));
      card.classList.add('is-selected');
      const input = card.querySelector('input');
      if (input) input.checked = true;
      if (hiddenVariant) hiddenVariant.value = card.dataset.variantId;
      if (addPrice) addPrice.textContent = card.dataset.price;
      if (addButton) addButton.disabled = card.dataset.available !== 'true';
      card.classList.remove('apb-selected-pop');
      void card.offsetWidth;
      card.classList.add('apb-selected-pop');
      if (card.dataset.imageId) showMedia(card.dataset.imageId);
    });
  });
})();
</script>

{% schema %}
{
  "name": "Premium product",
  "tag": "section",
  "class": "section-premium-product",
  "settings": [
    {
      "type": "product",
      "id": "product",
      "label": "Product",
      "info": "Leave blank to automatically use the current product."
    },
    {
      "type": "checkbox",
      "id": "show_breadcrumb",
      "label": "Show breadcrumb",
      "default": true
    },
    {
      "type": "text",
      "id": "kicker",
      "label": "Top label",
      "default": "Ayurvedic wellness"
    },
    {
      "type": "checkbox",
      "id": "show_rating",
      "label": "Show rating area",
      "default": true
    },
    {
      "type": "checkbox",
      "id": "show_subtitle",
      "label": "Show short description",
      "default": true
    },
    {
      "type": "range",
      "id": "subtitle_length",
      "label": "Short description length",
      "min": 80,
      "max": 300,
      "step": 10,
      "default": 180
    },
    {
      "type": "checkbox",
      "id": "show_purchase",
      "label": "Show purchase area",
      "default": true
    },
    {
      "type": "text",
      "id": "variant_label",
      "label": "Variant heading",
      "default": "Choose your supply"
    },
    {
      "type": "text",
      "id": "available_text",
      "label": "Available text",
      "default": "In stock · Ready to dispatch"
    },
    {
      "type": "text",
      "id": "soldout_text",
      "label": "Sold out text",
      "default": "Currently unavailable"
    },
    {
      "type": "text",
      "id": "save_prefix",
      "label": "Saving text prefix",
      "default": "Save "
    },
    {
      "type": "text",
      "id": "delivery_icon",
      "label": "Delivery icon",
      "default": "✦"
    },
    {
      "type": "text",
      "id": "delivery_title",
      "label": "Delivery title",
      "default": "Fast, secure delivery"
    },
    {
      "type": "text",
      "id": "delivery_text",
      "label": "Delivery text",
      "default": "Your order is carefully packed and dispatched quickly."
    },
    {
      "type": "text",
      "id": "add_to_cart_text",
      "label": "Add to cart text",
      "default": "Buy Now"
    },
    {
      "type": "text",
      "id": "secure_text",
      "label": "Secure checkout text",
      "default": "Secure checkout · Easy support"
    },
    {
      "type": "checkbox",
      "id": "show_description",
      "label": "Show full product description below",
      "default": true
    },
    {
      "type": "text",
      "id": "description_kicker",
      "label": "Description label",
      "default": "Product information"
    }
  ],
  "blocks": [
    {
      "type": "@app"
    },
    {
      "type": "eyebrow",
      "name": "Small label",
      "settings": [
        {
          "type": "text",
          "id": "text",
          "label": "Text",
          "default": "WHY YOU'LL LOVE IT"
        }
      ]
    },
    {
      "type": "text",
      "name": "Text",
      "settings": [
        {
          "type": "inline_richtext",
          "id": "text",
          "label": "Text",
          "default": "A simple piece of product information."
        }
      ]
    },
    {
      "type": "richtext",
      "name": "Rich text",
      "settings": [
        {
          "type": "text",
          "id": "heading",
          "label": "Heading",
          "default": "Product benefits"
        },
        {
          "type": "richtext",
          "id": "content",
          "label": "Content",
          "default": "<p>Add your detailed product content here.</p>"
        }
      ]
    },
    {
      "type": "image",
      "name": "Image",
      "settings": [
        {
          "type": "image_picker",
          "id": "image",
          "label": "Image"
        },
        {
          "type": "range",
          "id": "width",
          "label": "Maximum width",
          "min": 100,
          "max": 1200,
          "step": 20,
          "unit": "px",
          "default": 800
        },
        {
          "type": "url",
          "id": "link",
          "label": "Optional link"
        }
      ]
    },
    {
      "type": "icon_text",
      "name": "Icon with text",
      "settings": [
        {
          "type": "text",
          "id": "icon",
          "label": "Icon",
          "default": "✦"
        },
        {
          "type": "text",
          "id": "title",
          "label": "Title",
          "default": "Ayurvedic inspired"
        },
        {
          "type": "inline_richtext",
          "id": "text",
          "label": "Text",
          "default": "Add a short supporting message."
        }
      ]
    },
    {
      "type": "trust",
      "name": "Trust point",
      "settings": [
        {
          "type": "text",
          "id": "icon",
          "label": "Icon",
          "default": "✓"
        },
        {
          "type": "text",
          "id": "title",
          "label": "Title",
          "default": "Quality checked"
        },
        {
          "type": "inline_richtext",
          "id": "text",
          "label": "Supporting text",
          "default": "Made with attention to quality."
        }
      ]
    },
    {
      "type": "accordion",
      "name": "Accordion",
      "settings": [
        {
          "type": "text",
          "id": "icon",
          "label": "Icon",
          "default": "✦"
        },
        {
          "type": "text",
          "id": "title",
          "label": "Title",
          "default": "Ingredients & details"
        },
        {
          "type": "richtext",
          "id": "content",
          "label": "Content",
          "default": "<p>Add your detailed information here.</p>"
        },
        {
          "type": "checkbox",
          "id": "open",
          "label": "Open by default",
          "default": false
        }
      ]
    },
    {
      "type": "divider",
      "name": "Divider",
      "settings": []
    },
    {
      "type": "spacer",
      "name": "Spacer",
      "settings": [
        {
          "type": "range",
          "id": "height",
          "label": "Height",
          "min": 4,
          "max": 100,
          "step": 4,
          "unit": "px",
          "default": 24
        }
      ]
    },
    {
      "type": "custom_liquid",
      "name": "Custom Liquid / embed",
      "settings": [
        {
          "type": "liquid",
          "id": "custom_liquid",
          "label": "Custom Liquid"
        }
      ]
    }
  ],
  "presets": [
    {
      "name": "Premium product",
      "blocks": [
        { "type": "trust" },
        { "type": "trust" },
        { "type": "accordion" }
      ]
    }
  ]
}
{% endschema %}


<section
  id="ProductDescription-{{ section.id }}"
  class="cpb-description-section"
>
  <div class="cpb-description-container">
    {% if bundle_product.description != blank %}
      <div class="cpb-description-content">
        <div class="cpb-description-heading">
          <span class="cpb-description-eyebrow">
            Product Information
          </span>
          <h2>
            {{ bundle_product.title }}
          </h2>
        </div>
        <div class="cpb-description-text">
          {{ bundle_product.description }}
        </div>
      </div>
    {% endif %}
  </div>
</section>

<style>
  #PremiumStickyATC-{{ section.id }} {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999999;
    width: 100%;
    background: rgba(255,255,255,0.96);
    border-top: 1px solid rgba(0,0,0,0.08);
    box-shadow:
      0 -10px 35px rgba(0,0,0,0.10);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    transform: translateY(110%);
    opacity: 0;
    visibility: hidden;
    transition:
      transform .35s cubic-bezier(.22,1,.36,1),
      opacity .25s ease,
      visibility .35s ease;
  }
  #PremiumStickyATC-{{ section.id }}.is-visible {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
  }
  #PremiumStickyATC-{{ section.id }} .premium-sticky-atc__inner {
    width: 100%;
    max-width: 1440px;
    min-height: 82px;
    margin: 0 auto;
    padding: 10px 24px;
    display: grid;
    grid-template-columns:
      minmax(250px, 1fr)
      minmax(180px, 240px)
      auto
      minmax(170px, 200px);
    align-items: center;
    gap: 18px;
  }
  .premium-sticky-atc__product {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 13px;
  }
  .premium-sticky-atc__image {
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #f7f7f7;
    border: 1px solid rgba(0,0,0,.07);
    border-radius: 10px;
  }
  .premium-sticky-atc__image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
  }
  .premium-sticky-atc__details {
    min-width: 0;
  }
  .premium-sticky-atc__title {
    margin: 0;
    color: #151515;
    font-size: 15px;
    line-height: 1.35;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .premium-sticky-atc__price {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 5px;
  }
  .premium-sticky-atc__current-price {
    color: #111;
    font-size: 14px;
    line-height: 1;
    font-weight: 700;
  }
  .premium-sticky-atc__compare-price {
    color: #999;
    font-size: 12px;
    text-decoration: line-through;
  }
  .premium-sticky-atc__variant {
    width: 100%;
    min-width: 0;
  }
  .premium-sticky-atc__select-wrapper {
    position: relative;
    width: 100%;
  }
  .premium-sticky-atc__select {
    width: 100%;
    min-width: 0;
    height: 46px;
    padding: 0 40px 0 14px;
    appearance: none;
    -webkit-appearance: none;
    border: 1px solid #d8d8d8;
    border-radius: 9px;
    background: #fff;
    color: #151515;
    outline: none;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition:
      border-color .2s ease,
      box-shadow .2s ease;
  }
  .premium-sticky-atc__select:hover {
    border-color: #999;
  }
  .premium-sticky-atc__select:focus {
    border-color: #222;
    box-shadow:
      0 0 0 3px rgba(0,0,0,.06);
  }
  .premium-sticky-atc__select-wrapper::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    width: 7px;
    height: 7px;
    border-right: 1.5px solid #222;
    border-bottom: 1.5px solid #222;
    transform:
      translateY(-65%)
      rotate(45deg);
    pointer-events: none;
  }
  .premium-sticky-atc__quantity {
    height: 46px;
    display: flex;
    align-items: center;
    border: 1px solid #d8d8d8;
    border-radius: 9px;
    overflow: hidden;
    background: #fff;
  }
  .premium-sticky-atc__qty-btn {
    width: 38px;
    height: 46px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #222;
    font-size: 18px;
    cursor: pointer;
    transition:
      background .2s ease;
  }
  .premium-sticky-atc__qty-btn:hover {
    background: #f5f5f5;
  }
  .premium-sticky-atc__qty-value {
    width: 35px;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;

    text-align: center;
    color: #111;
    font-size: 13px;
    font-weight: 600;
  }

  .premium-sticky-atc__button {
    width: 100%;
    min-width: 170px;
    height: 48px;
    padding: 0 22px;
    border: 0;
    border-radius: 9px;
    background: #1b7a43;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .1px;
    cursor: pointer;
    transition:
      transform .2s ease,
      background .2s ease,
      box-shadow .2s ease;
  }
  .premium-sticky-atc__button:hover {
    background: #164f35;
    transform: translateY(-1px);
    box-shadow:
      0 8px 22px rgba(0,0,0,.16);
  }
  .premium-sticky-atc__button:active {
    transform: translateY(0);
  }
  .premium-sticky-atc__button:disabled {
    opacity: .55;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
  }
  .premium-sticky-atc__button.is-sold-out {
    background: #777;
  }
  .premium-sticky-atc__button-loader {
    display: none;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255,255,255,.35);
    border-top-color: #fff;
    border-radius: 50%;
    animation:
      premiumStickySpin .7s linear infinite;
  }

  .premium-sticky-atc__button.is-loading
  .premium-sticky-atc__button-loader {
    display: inline-block;
  }
  .premium-sticky-atc__button.is-loading
  .premium-sticky-atc__button-text-label {
    display: none;
  }
  @keyframes premiumStickySpin {
    to {
      transform: rotate(360deg);
    }
  }
html {
  scroll-behavior: smooth;
}
.cpb__rating-link {
  display: inline-block;
  width: fit-content;
  color: inherit !important;
  text-decoration: none !important;
  border: 0 !important;
  cursor: pointer;
}

.cpb__rating-link:hover,
.cpb__rating-link:focus,
.cpb__rating-link:active,
.cpb__rating-link:visited {
  color: inherit !important;
  text-decoration: none !important;
  border: 0 !important;
}

.cpb__rating-line {
  display: flex;
  align-items: center;
}
.jdgm-prev-badge__text {
    font-weight: 500;
    font-size: smaller;
}
.cpb__rating-link * {
  text-decoration: none !important;
}
#customer-reviews {
  scroll-margin-top: 100px !important;
}
  @media screen and (max-width: 1100px) {
    #PremiumStickyATC-{{ section.id }}
    .premium-sticky-atc__inner {
      grid-template-columns:
        minmax(210px, 1fr)
        minmax(150px, 200px)
        auto
        minmax(150px, 175px);
      gap: 10px;
      padding-left: 16px;
      padding-right: 16px;
    }
    .premium-sticky-atc__button {
      min-width: 150px;
    }
    .premium-sticky-atc__qty-btn {
      width: 32px;
    }
    .premium-sticky-atc__qty-value {
      width: 28px;
    }
  }

  @media screen and (max-width: 749px) {
    #PremiumStickyATC-{{ section.id }} {
      box-shadow:
        0 -8px 28px rgba(0,0,0,.13);
    }
    #PremiumStickyATC-{{ section.id }}
    .premium-sticky-atc__inner {
      display: flex;
      flex-direction: row;
      align-items: center;
      gap: 8px;
      min-height: auto;
      padding:
        9px
        10px
        calc(9px + env(safe-area-inset-bottom));
    }
    #PremiumStickyATC-{{ section.id }}
    .premium-sticky-atc__product {
      display: none;
    }
    #PremiumStickyATC-{{ section.id }}
    .premium-sticky-atc__quantity {
      display: none;
    }
    #PremiumStickyATC-{{ section.id }}
    .premium-sticky-atc__variant {
      flex: 1 1 50%;
      width: auto;
      min-width: 0;
    }
    #PremiumStickyATC-{{ section.id }}
    .premium-sticky-atc__select {
      width: 100%;
      height: 46px;
      padding-left: 12px;
      padding-right: 35px;
      border-radius: 9px;
      font-size: 12px;
    }
    #PremiumStickyATC-{{ section.id }}
    .premium-sticky-atc__select-wrapper::after {
      right: 13px;
    }
    #PremiumStickyATC-{{ section.id }}
    .premium-sticky-atc__button {
      flex: 1 1 50%;
      width: auto;
      min-width: 0;
      height: 46px;
      padding: 0 12px;
      border-radius: 9px;
      font-size: 12px;
    }
  }
  @media screen and (max-width: 360px) {
    #PremiumStickyATC-{{ section.id }}
    .premium-sticky-atc__inner {
      gap: 6px;
      padding-left: 7px;
      padding-right: 7px;
    }
    #PremiumStickyATC-{{ section.id }}
    .premium-sticky-atc__select,
    #PremiumStickyATC-{{ section.id }}
    .premium-sticky-atc__button {

      height: 44px;

      font-size: 11px;
    }
  }
</style>
<div
  id="PremiumStickyATC-{{ section.id }}"
  class="premium-sticky-atc"
  data-section-id="{{ section.id }}"
>
  <div class="premium-sticky-atc__inner">
    <div class="premium-sticky-atc__product">
      <div class="premium-sticky-atc__image">
        {% if product.featured_image %}
          {{
            product.featured_image
            | image_url: width: 120
            | image_tag:
              loading: 'lazy',
              alt: product.title
          }}
        {% endif %}
      </div>
      <div class="premium-sticky-atc__details">
        <h3 class="premium-sticky-atc__title">
          {{ product.title | escape }}
        </h3>
        <div class="premium-sticky-atc__price">
          <span
            id="PremiumStickyPrice-{{ section.id }}"
            class="premium-sticky-atc__current-price"
          >
            {{ product.selected_or_first_available_variant.price | money }}
          </span>
          {% if product.selected_or_first_available_variant.compare_at_price
            and product.selected_or_first_available_variant.compare_at_price
            > product.selected_or_first_available_variant.price
          %}
            <span
              id="PremiumStickyCompare-{{ section.id }}"
              class="premium-sticky-atc__compare-price"
            >
              {{ product.selected_or_first_available_variant.compare_at_price | money }}
            </span>
          {% endif %}
        </div>
      </div>
    </div>
    {% if product.has_only_default_variant == false %}
      <div class="premium-sticky-atc__variant">
        <div class="premium-sticky-atc__select-wrapper">
          <select
            id="PremiumStickyVariant-{{ section.id }}"
            class="premium-sticky-atc__select"
            aria-label="Select product option"
          >
            {% for variant in product.variants %}
              <option
                value="{{ variant.id }}"
                {% if variant.id ==
                  product.selected_or_first_available_variant.id
                %}
                  selected
                {% endif %}
                {% unless variant.available %}
                  disabled
                {% endunless %}
              >
                {{ variant.title }}
                {% unless variant.available %}
                  - Sold Out
                {% endunless %}
              </option>
            {% endfor %}
          </select>
        </div>
      </div>
    {% else %}
      <input
        type="hidden"
        id="PremiumStickyVariant-{{ section.id }}"
        value="{{ product.selected_or_first_available_variant.id }}"
      >
    {% endif %}
    <div class="premium-sticky-atc__quantity">
      <button
        type="button"
        class="premium-sticky-atc__qty-btn"
        data-qty-minus
        aria-label="Decrease quantity"
      >
        −
      </button>
      <input
        id="PremiumStickyQuantity-{{ section.id }}"
        class="premium-sticky-atc__qty-value"
        type="text"
        value="1"
        readonly
        aria-label="Quantity"
      >
      <button
        type="button"
        class="premium-sticky-atc__qty-btn"
        data-qty-plus
        aria-label="Increase quantity"
      >
        +
      </button>
    </div>
    <button
      type="button"
      id="PremiumStickyButton-{{ section.id }}"
      class="premium-sticky-atc__button"

      {% unless
        product.selected_or_first_available_variant.available
      %}
        disabled
      {% endunless %}
    >
      <span class="premium-sticky-atc__button-text">
        <span class="premium-sticky-atc__button-text-label">
          {% if product.selected_or_first_available_variant.available %}
            Buy Now
          {% else %}
            Sold Out
          {% endif %}
        </span>
        <span class="premium-sticky-atc__button-loader"></span>
      </span>
    </button>
  </div>
</div>
<script>
(function () {
  'use strict';

  const sectionId = '{{ section.id }}';

  const stickyBar = document.getElementById(
    'PremiumStickyATC-' + sectionId
  );

  if (!stickyBar) return;

  const stickyButton = document.getElementById(
    'PremiumStickyButton-' + sectionId
  );

  const variantSelect = document.getElementById(
    'PremiumStickyVariant-' + sectionId
  );

  const quantityInput = document.getElementById(
    'PremiumStickyQuantity-' + sectionId
  );

  const priceElement = document.getElementById(
    'PremiumStickyPrice-' + sectionId
  );

  const variants = {{ product.variants | json }};


  /* =========================
     GET CURRENT VARIANT
  ========================= */

  function getCurrentVariant() {
    if (!variantSelect) {
      return (
        variants.find(function (variant) {
          return variant.available;
        }) || variants[0]
      );
    }

    return variants.find(function (variant) {
      return String(variant.id) ===
        String(variantSelect.value);
    });
  }


  /* =========================
     FORMAT MONEY
  ========================= */

  function formatMoney(cents) {
    if (
      typeof Shopify !== 'undefined' &&
      typeof Shopify.formatMoney === 'function'
    ) {
      return Shopify.formatMoney(
        cents,
        {{ shop.money_format | json }}
      );
    }

    return '₹' + (cents / 100).toFixed(2);
  }


  /* =========================
     UPDATE VARIANT
  ========================= */

  function updateVariant(variant) {
    if (!variant) return;

    if (priceElement) {
      priceElement.innerHTML = formatMoney(
        variant.price
      );
    }


    let compareElement = document.getElementById(
      'PremiumStickyCompare-' + sectionId
    );


    if (
      variant.compare_at_price &&
      variant.compare_at_price > variant.price
    ) {
      if (!compareElement && priceElement) {
        compareElement =
          document.createElement('span');

        compareElement.id =
          'PremiumStickyCompare-' + sectionId;

        compareElement.className =
          'premium-sticky-atc__compare-price';

        priceElement.parentNode.appendChild(
          compareElement
        );
      }

      if (compareElement) {
        compareElement.innerHTML = formatMoney(
          variant.compare_at_price
        );
      }

    } else if (compareElement) {
      compareElement.remove();
    }


    if (!stickyButton) return;

    const label = stickyButton.querySelector(
      '.premium-sticky-atc__button-text-label'
    );


    if (!variant.available) {
      stickyButton.disabled = true;

      stickyButton.classList.add(
        'is-sold-out'
      );

      if (label) {
        label.textContent = 'Sold Out';
      }

    } else {
      stickyButton.disabled = false;

      stickyButton.classList.remove(
        'is-sold-out'
      );

      if (label) {
        label.textContent = 'Buy Now';
      }
    }
  }


  /* =========================
     VARIANT CHANGE
  ========================= */

  if (variantSelect) {
    variantSelect.addEventListener(
      'change',
      function () {
        updateVariant(
          getCurrentVariant()
        );
      }
    );
  }


  /* =========================
     QUANTITY
  ========================= */

  const minusButton = stickyBar.querySelector(
    '[data-qty-minus]'
  );

  const plusButton = stickyBar.querySelector(
    '[data-qty-plus]'
  );


  if (minusButton && quantityInput) {
    minusButton.addEventListener(
      'click',
      function () {
        let quantity =
          parseInt(quantityInput.value, 10) || 1;

        quantity = Math.max(
          1,
          quantity - 1
        );

        quantityInput.value = quantity;
      }
    );
  }


  if (plusButton && quantityInput) {
    plusButton.addEventListener(
      'click',
      function () {
        let quantity =
          parseInt(quantityInput.value, 10) || 1;

        quantity = Math.min(
          99,
          quantity + 1
        );

        quantityInput.value = quantity;
      }
    );
  }


  /* =========================
     UPDATE CART COUNT
  ========================= */

  function updateCartCount(cart) {
    document
      .querySelectorAll(
        '.cart-count-bubble'
      )
      .forEach(function (bubble) {

        const count =
          bubble.querySelector(
            'span[aria-hidden="true"]'
          );

        if (count) {
          count.textContent =
            cart.item_count;
        }

      });
  }


  /* =========================
     ADD TO CART
  ========================= */

  async function addToCart() {

    const variant = getCurrentVariant();

    if (
      !variant ||
      !variant.available ||
      !stickyButton
    ) {
      return;
    }


    const quantity = quantityInput
      ? Math.max(
          1,
          parseInt(
            quantityInput.value,
            10
          ) || 1
        )
      : 1;


    const originalLabel =
      stickyButton.querySelector(
        '.premium-sticky-atc__button-text-label'
      );

    const originalText = originalLabel
      ? originalLabel.textContent
      : 'Add to Cart';


    stickyButton.classList.add(
      'is-loading'
    );

    stickyButton.disabled = true;

    if (originalLabel) {
      originalLabel.textContent =
        'Adding...';
    }


    try {

      const response = await fetch(
        window.Shopify.routes.root +
          'cart/add.js',
        {
          method: 'POST',

          headers: {
            'Content-Type':
              'application/json',

            'Accept':
              'application/json'
          },

          body: JSON.stringify({
            items: [
              {
                id: variant.id,
                quantity: quantity
              }
            ]
          })
        }
      );


      if (!response.ok) {
        const error = await response.json();

        throw new Error(
          error.description ||
          'Unable to add product'
        );
      }


      const addedItem =
        await response.json();


      /* Get latest cart */

      const cartResponse = await fetch(
        window.Shopify.routes.root +
          'cart.js'
      );

      const cart =
        await cartResponse.json();


      updateCartCount(cart);


      /* Success state */

      stickyButton.classList.add(
        'is-added'
      );

      if (originalLabel) {
        originalLabel.textContent =
          'Added to Cart ✓';
      }


      /* Publish Shopify cart event */

      if (
        typeof publish === 'function' &&
        window.PUB_SUB_EVENTS &&
        PUB_SUB_EVENTS.cartUpdate
      ) {
        publish(
          PUB_SUB_EVENTS.cartUpdate,
          {
            source: 'premium-sticky-atc',
            productVariantId: variant.id,
            cartData: cart
          }
        );
      }


      /* Open cart drawer */

      const cartDrawer =
        document.querySelector(
          'cart-drawer'
        );


      if (
        cartDrawer &&
        typeof cartDrawer.open ===
          'function'
      ) {
        cartDrawer.open();

      } else {

        /* Fallback to cart page */

        setTimeout(function () {
          window.location.href =
            window.Shopify.routes.root +
            'cart';
        }, 500);
      }


      setTimeout(function () {

        stickyButton.classList.remove(
          'is-added'
        );

        stickyButton.disabled = false;

        if (originalLabel) {
          originalLabel.textContent =
            originalText;
        }

      }, 1500);


    } catch (error) {

      console.error(
        'Sticky Add To Cart Error:',
        error
      );


      if (originalLabel) {
        originalLabel.textContent =
          'Try Again';
      }


      stickyButton.disabled = false;


      setTimeout(function () {

        if (originalLabel) {
          originalLabel.textContent =
            originalText;
        }

      }, 1500);


    } finally {

      stickyButton.classList.remove(
        'is-loading'
      );

    }
  }


  /* =========================
     BUTTON CLICK
  ========================= */

  if (stickyButton) {
    stickyButton.addEventListener(
      'click',
      function (event) {
        event.preventDefault();

        addToCart();
      }
    );
  }


  /* =========================
     STICKY VISIBILITY
  ========================= */

  function handleStickyVisibility() {
    if (window.scrollY >= 50) {
      stickyBar.classList.add(
        'is-visible'
      );
    } else {
      stickyBar.classList.remove(
        'is-visible'
      );
    }
  }


  handleStickyVisibility();


  window.addEventListener(
    'scroll',
    handleStickyVisibility,
    {
      passive: true
    }
  );


  /* =========================
     INITIAL VARIANT
  ========================= */

  const initialVariant =
    getCurrentVariant();

  if (initialVariant) {
    updateVariant(
      initialVariant
    );
  }

})();
</script>

<style>
  /* FINAL PREMIUM AYURVEDIC PRODUCT CSS */
.section-premium-product,.section-premium-product *,.apb,.apb *{box-sizing:border-box}
.section-premium-product{width:100%;max-width:100%;overflow-x:hidden}
.apb{--ink:#26372f;--green:#345b45;--dark:#274a36;--soft:#eef4ef;--cream:#f8f7f1;--line:#dfe5df;--muted:#738078;--gold:#b88a45;width:100%;max-width:100%;padding:28px 0 56px;background:#fff;color:var(--ink);overflow-x:hidden}
.apb__container{width:min(1280px,calc(100% - 40px));margin:auto}
.apb__breadcrumb{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px;color:var(--muted);font-size:12px}.apb__breadcrumb a{color:inherit;text-decoration:none}.apb__breadcrumb strong{color:#738078;font-weight:400}
.apb__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.92fr);gap:clamp(44px,6vw,50px);align-items:start}
.apb__media-col,.apb__gallery{min-width:0}.apb__gallery{position:sticky;top:24px}
.apb__main-media{width:100%;height:clamp(440px,52vw,640px);min-height:440px;display:flex;align-items:center;justify-content:center;background:#hsl(300 27% 95% / 1);overflow:hidden}
.apb__media-slide{display:none;width:100%;height:100%;align-items:center;justify-content:center}.apb__media-slide.is-active{display:flex}
.apb__product-image,.apb__product-media,.apb__media-slide video,.apb__media-slide iframe,.apb__media-slide model-viewer{display:block;width:100%!important;height:100%!important;max-width:100%;max-height:100%;margin:0!important;padding:0!important;object-fit:contain!important;object-position:center!important;border:0!important;border-radius:0!important}
.apb__media-empty{width:100%;height:100%;display:grid;place-items:center}
.apb__thumb-wrap{display:flex;align-items:center;gap:8px;margin-top:12px}.apb__thumbs{display:flex;gap:8px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none;scroll-behavior:smooth}.apb__thumbs::-webkit-scrollbar{display:none}
.apb__thumb{flex:0 0 64px;width:64px;height:64px;padding:0;overflow:hidden;background:#f7f7f4;border:1px solid transparent;cursor:pointer;opacity:.62}.apb__thumb:hover,.apb__thumb.is-active{opacity:1;border-color:var(--green)}.apb__thumb img{display:block;width:100%;height:100%;object-fit:contain}
.apb__gallery-arrow{width:34px;height:34px;flex:0 0 34px;padding:0;display:grid;place-items:center;border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer}.apb__gallery-arrow svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2}
.apb__details{min-width:0;padding-top:0px}.apb__kicker{display:flex;align-items:center;gap:8px;margin-bottom:10px;color:var(--gold);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.apb__kicker span{width:20px;height:1px;background:currentColor}
.apb__rating-slot{margin-bottom:7px}.apb__title{max-width:760px;margin:0;color:var(--ink);font-size:30px;line-height:1.12;letter-spacing:-.035em;font-weight:650}.apb__intro{margin-top:14px;color:var(--muted);font-size:14px;line-height:1.7}
.apb__blocks{margin-top:22px}.apb__block+.apb__block{margin-top:15px}.apb__editor-eyebrow{color:var(--gold);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.apb__editor-heading{margin:0 0 8px;font-size:21px}.apb__editor-text,.apb__editor-richtext{color:var(--muted);font-size:14px;line-height:1.7}.apb__editor-image img{display:block;width:100%;height:auto}
.apb__icon-text,.apb__trust-item{display:flex;align-items:flex-start;gap:12px}.apb__icon,.apb__trust-icon{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;color:var(--gold)}.apb__icon-text strong,.apb__trust-item strong{display:block;font-size:13px}.apb__icon-text div,.apb__trust-item div{min-width:0}.apb__icon-text div span,.apb__trust-item div span{display:block;margin-top:3px;color:var(--muted);font-size:12px;line-height:1.5}.apb__divider{height:1px;background:var(--line)}
.apb__accordion{border-top:1px solid var(--line)}.apb__accordion:last-child{border-bottom:1px solid var(--line)}.apb__accordion summary{min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;cursor:pointer;font-size:14px;font-weight:650}.apb__accordion summary::-webkit-details-marker{display:none}.apb__accordion summary>span{display:flex;align-items:center;gap:10px;min-width:0}.apb__accordion summary i{width:27px;height:27px;flex:0 0 27px;display:grid;place-items:center;color:var(--gold);font-size:18px;font-style:normal}.apb__accordion summary svg{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:var(--green);stroke-width:2;transition:transform .2s}.apb__accordion[open] summary svg{transform:rotate(180deg)}.apb__accordion-content{padding:0;color:var(--muted);font-size:13px;line-height:1.7}
.apb__form{margin-top:15px;padding-top:15px;border-top:1px solid var(--line)}.apb__purchase-label{margin-bottom:10px;color:var(--ink);font-size:13px;font-weight:700}.apb__variants{display:grid;gap:10px}
.apb__variant{position:relative;width:100%;min-height:88px;display:flex;align-items:center;gap:14px;padding:13px 16px 13px 52px;background:#fff;border:1px solid var(--line);cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s}.apb__variant:hover{border-color:#aebdb2;background:#fcfdfb}.apb__variant.is-selected{border:2px solid var(--green);padding:12px 15px 12px 51px;background:linear-gradient(90deg,#eff5ef 0%,#fff 62%);box-shadow:0 6px 20px rgba(42,78,57,.07)}.apb__variant.is-soldout{opacity:.58;cursor:not-allowed}.apb__variant input{position:absolute;opacity:0;pointer-events:none}
.apb__radio{position::static;top:50%;left:17px;width:20px;height:20px;transform:translateY(-50%);border:1px solid #b5beb7;border-radius:50%;background:#fff}.apb__variant.is-selected .apb__radio{border:5px solid var(--green)}
.apb__variant-copy{min-width:0;flex:1 1 auto;display:flex;flex-direction:column;gap:4px}.apb__variant-copy strong{color:var(--ink);font-size:14px;line-height:1.3;overflow-wrap:anywhere}.apb__variant-copy small{color:var(--muted);font-size:11px;line-height:1.35}.apb__variant-copy em{width:fit-content;margin-top:2px;padding:3px 7px;background:#e9f2ea;color:var(--green);font-size:10px;font-style:normal;font-weight:700;line-height:1.25;letter-spacing:.02em}
.apb__variant-price{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:3px;white-space:nowrap}.apb__variant-price b{color:var(--green);font-size:18px;line-height:1.2}.apb__variant-price s{color:#929c95;font-size:10px}
.apb__delivery{display:flex;align-items:center;gap:12px;margin-top:14px;padding:14px 15px;background:#f8f7f2;border:1px solid #ece9df}.apb__delivery>span{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;color:var(--gold);font-size:20px}.apb__delivery>div{min-width:0}.apb__delivery strong{display:block;font-size:13px}.apb__delivery small{display:block;color:var(--muted);font-size:10px;line-height:1.45}
.apb__add{width:100%;min-height:62px;margin-top:14px;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:0;background:var(--green);color:#fff;cursor:pointer;transition:background .2s,transform .2s}.apb__add:hover{background:var(--dark)}.apb__add:active{transform:translateY(1px)}.apb__add:disabled{opacity:.55;cursor:not-allowed}.apb__add span{font-size:15px;font-weight:700}.apb__add b{padding-left:17px;border-left:1px solid rgba(255,255,255,.28);font-size:17px}.apb__secure{margin:10px 0 0;text-align:center;color:var(--muted);font-size:11px}
.apb-description{padding:60px 0;background:var(--cream)}.apb-description__inner{width:min(900px,calc(100% - 40px));margin:auto;color:var(--muted);font-size:15px;line-height:1.75}.apb-description__inner>span{display:block;margin-bottom:10px;color:var(--gold);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.apb-description__inner h1,.apb-description__inner h2,.apb-description__inner h3{color:var(--ink)}
@media(max-width:989px){.apb{padding:24px 0 44px}.apb__container{width:min(820px,calc(100% - 30px))}.apb__layout{grid-template-columns:minmax(0,1fr);gap:30px}.apb__gallery{position:static}.apb__main-media{height:min(62vh,580px);min-height:360px}}
@media(max-width:640px){.apb,.section-premium-product{width:100%;max-width:100%;overflow-x:hidden}.apb{padding:18px 0 38px}.apb__container{width:calc(100% - 20px)}.apb__breadcrumb{display:none}.apb__main-media{height:min(52vh,430px);min-height:260px}.apb__thumb-wrap{gap:6px;margin-top:9px}.apb__gallery-arrow{width:30px;height:30px;flex-basis:30px}.apb__thumb{flex-basis:52px;width:52px;height:52px}.apb__details{padding-top:0}.apb__kicker{margin-bottom:8px;font-size:9px}.apb__title{font-size:20px;line-height:1.16}.apb__intro{margin-top:10px;font-size:13px;line-height:1.62}.apb__form{margin-top:20px;padding-top:18px}.apb__purchase-label{margin-bottom:10px;font-size:12px}.apb__variants{gap:8px}.apb__variant{min-height:76px;gap:8px;padding:10px 10px 10px 42px}.apb__variant.is-selected{padding:9px 9px 9px 41px}.apb__radio{left:12px;width:18px;height:18px}.apb__variant.is-selected .apb__radio{border-width:4px}.apb__variant-copy{gap:2px}.apb__variant-copy strong{font-size:13px;font-weight:600;}.apb__variant-copy small,.apb__variant-copy em{font-size:9px; font-weight:600;}.apb__variant-copy em{padding:2px 5px}.apb__variant-price b{font-size:15px}.apb__variant-price s{font-size:9px}.apb__delivery{gap:9px;padding:11px}.apb__delivery>span{width:25px;height:25px;flex-basis:25px;font-size:17px}.apb__delivery strong{font-size:11px}.apb__delivery small{font-size:9px}.apb__add{min-height:56px;padding:10px 14px}.apb__add span{font-size:13px}.apb__add b{padding-left:12px;font-size:15px}.apb__secure{font-size:9px}.apb__accordion summary{min-height:55px;font-size:12px}.apb__accordion-content{padding:0;font-size:11px}.apb-description{padding:42px 0}.apb-description__inner{width:calc(100% - 28px);font-size:13px}}

.apb__add {
  width: 100%;
  min-height: 64px;
  margin-top: 16px;
  padding: 10px 20px;

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;

  border: 1px solid #315c42;
  border-radius: 12px;

  background: linear-gradient(
    135deg,
    #315c42 0%,
    #244b35 100%
  );

  color: #ffffff;
  cursor: pointer;

  box-shadow:
    0 8px 20px rgba(49, 92, 66, 0.18);

  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease;
}

.apb__add:hover {
  background:#164f35;
  );

  transform: translateY(-2px);

  box-shadow:
    0 12px 28px rgba(49, 92, 66, 0.28);
}

.apb__add:active {
  transform: translateY(0);
  box-shadow:
    0 5px 14px rgba(49, 92, 66, 0.18);
}

.apb__add:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}
.apb__add span {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.01em;
}
/* .apb__add span::before {
  content: "🛒";
  font-size: 17px;
} */
.apb__add b {
  display: flex;
  align-items: center;
  min-height: 38px;
  padding-left: 18px;

  border-left:
  1px solid rgba(255, 255, 255, 0.25);
  font-size: 18px;
  font-weight: 700;
}
@media screen and (max-width: 640px) {
  .apb__add {
    min-height: 58px;
    padding: 8px 14px;
    border-radius: 10px;
  }
  .apb__add span {
    font-size: 13px;
  }
  .apb__add span::before {
    font-size: 15px;
  }
  .apb__add b {
    min-height: 34px;
    padding-left: 12px;
    font-size: 15px;
  }
}
.premium-sticky-atc__button {
  position: relative;
  overflow: hidden;
}
.premium-sticky-atc__button.is-loading {
  pointer-events: none;
  cursor: wait;
}
.premium-sticky-atc__button.is-loading::before {
  content: "";
  position: absolute;
  inset: 0;
  background: inherit;
  z-index: 5;
}

.premium-sticky-atc__button.is-loading::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  top: 50%;
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top-color: #ffffff;
  border-radius: 50%;
  z-index: 6;
  animation: premiumStickySpin 0.7s linear infinite;
}

@keyframes premiumStickySpin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}
.premium-sticky-atc__button.is-loading
.premium-sticky-atc__button-text {
  opacity: 0;
}

.premium-sticky-atc__button.is-added {
  background: #2f6b4b;
}
.apb__add {
    border: 1px solid #1b7a43;
    background: #1b7a43;
}

.apb__variant-copy em {
  display: inline-flex !important;
  align-items: center;
  width: fit-content;
  margin-top: 7px !important;
  padding: 5px 9px !important;
  background: #eaf7ee !important;
  color: #14823d !important;
  border: 1px solid #b8e2c5 !important;
  border-radius: 5px !important;
  font-size: 11px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
}

.apb__variant.is-selected .apb__variant-copy em {
  background: #16803d !important;
  color: #ffffff !important;
  border-color: #16803d !important;
  box-shadow: 0 3px 10px rgba(22, 128, 61, 0.18) !important;
}

#AyurvedicProduct-{{ section.id }} .apb__breadcrumb strong{
  display:inline-block !important;
  max-width:300px !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  vertical-align:middle !important;
}

/* OFFER BADGES */
.apb__variant{position:relative}
.apb__best-seller{position:absolute;top:-10px;left:50%;transform:translateX(-50%);z-index:5;background:#d89100;color:#fff;padding:4px 11px;border-radius:20px;font-size:9px;font-weight:800;letter-spacing:.7px;white-space:nowrap;box-shadow:0 4px 12px rgba(216,145,0,.22);animation:apbBestSeller 2.4s ease-in-out infinite}
.apb__variant-price{display:flex;align-items:center;justify-content:flex-end;gap:0px;flex-wrap:wrap}
.apb__discount-pill{font-style:normal;background:#edf7ef;color:#16723a;border:1px solid #b9d9bf;border-radius:5px;padding:3px 6px;font-size:9px;font-weight:800;line-height:1;white-space:nowrap}
.apb-selected-pop{animation:apbSelectedPop .35s ease}
@keyframes apbBestSeller{50%{transform:translateX(-50%) translateY(-2px);box-shadow:0 7px 16px rgba(216,145,0,.32)}}
@keyframes apbSelectedPop{50%{transform:scale(1.008)}}
@media(max-width:640px){.apb__best-seller{font-size:8px;padding:3px 8px}.apb__variant-price{gap:4px}.apb__discount-pill{font-size:8px;padding:3px 5px}}

</style>