/** Shopify CDN: Minification failed

Line 16:0 Unexpected "{"
Line 16:1 Expected identifier but found "%"
Line 17:0 Unexpected "{"
Line 18:2 Expected identifier but found "\"name\""
Line 160:0 Unexpected "{"
Line 160:1 Expected identifier but found "%"
Line 163:0 Unexpected "<"
Line 169:13 Expected identifier but found whitespace
Line 169:15 Unexpected "{"
Line 169:24 Expected ":"
... and 58 more hidden warnings

**/
{% schema %}
{
  "name": "Gift Slider Pro Advanced",
  "settings": [
    {
      "type": "text",
      "id": "heading",
      "label": "Heading",
      "default": "Shop Gifts"
    },
    {
      "type": "color",
      "id": "heading_color",
      "label": "Heading Color",
      "default": "#000000"
    },
    {
      "type": "range",
      "id": "heading_size_desktop",
      "label": "Heading Size Desktop",
      "min": 16,
      "max": 48,
      "step": 2,
      "default": 28
    },
    {
      "type": "range",
      "id": "heading_size_mobile",
      "label": "Heading Size Mobile",
      "min": 14,
      "max": 36,
      "step": 2,
      "default": 22
    },
    {
      "type": "color",
      "id": "bg_color",
      "label": "Background Color",
      "default": "#ffffff"
    },
    {
      "type": "range",
      "id": "section_width_desktop",
      "label": "Section Width Desktop",
      "min": 1000,
      "max": 1600,
      "step": 50,
      "default": 1400
    },
    {
      "type": "range",
      "id": "section_width_mobile",
      "label": "Section Width Mobile (%)",
      "min": 90,
      "max": 100,
      "step": 1,
      "default": 100
    },
    {
      "type": "range",
      "id": "padding_top",
      "label": "Padding Top Desktop",
      "min": 0,
      "max": 120,
      "step": 5,
      "default": 0
    },
    {
      "type": "range",
      "id": "padding_bottom",
      "label": "Padding Bottom Desktop",
      "min": 0,
      "max": 120,
      "step": 5,
      "default": 20
    },
    {
      "type": "range",
      "id": "padding_top_mobile",
      "label": "Padding Top Mobile",
      "min": 0,
      "max": 100,
      "step": 5,
      "default": 0
    },
    {
      "type": "range",
      "id": "padding_bottom_mobile",
      "label": "Padding Bottom Mobile",
      "min": 0,
      "max": 100,
      "step": 5,
      "default": 15
    },
    {
      "type": "range",
      "id": "desktop_columns",
      "label": "Desktop Columns",
      "min": 2,
      "max": 6,
      "step": 1,
      "default": 5
    },
    {
      "type": "range",
      "id": "mobile_columns",
      "label": "Mobile Columns",
      "min": 1,
      "max": 3,
      "step": 1,
      "default": 2
    },
    {
      "type": "checkbox",
      "id": "show_arrows",
      "label": "Show Arrows",
      "default": true
    }
  ],
  "blocks": [
    {
      "type": "item",
      "name": "Gift Item",
      "settings": [
        {
          "type": "image_picker",
          "id": "image",
          "label": "Card Image"
        },
        {
          "type": "collection",
          "id": "collection",
          "label": "Select Collection"
        }
      ]
    }
  ],
  "max_blocks": 12,
  "presets": [
    {
      "name": "Gift Slider Pro Advanced"
    }
  ]
}
{% endschema %}


<style>
/* =========================
   GIFT SECTION
========================= */

.gift-section {
  background: {{ section.settings.bg_color }};
  padding-top: {{ section.settings.padding_top }}px;
  padding-bottom: {{ section.settings.padding_bottom }}px;

  /* REMOVE EXTRA TOP LINE / GAP */
  margin-top: 0 !important;
  border-top: none !important;
  box-shadow: none !important;
}


/* =========================
   MAIN WRAPPER
========================= */

.gift-section-inner {
  max-width: {{ section.settings.section_width_desktop }}px;
  margin: 0 auto !important;
  padding: 0 50px;
  box-sizing: border-box;
}


/* =========================
   HEADING
========================= */

.gift-heading {
  text-align: center;
  color: {{ section.settings.heading_color }};
  font-size: {{ section.settings.heading_size_desktop }}px;
  font-weight: 600;
  line-height: 1.2;
  margin: 0 0 30px 0 !important;
  padding: 0 !important;
}


/* =========================
   SLIDER WRAPPER
========================= */

.gift-arrow-wrap {
  position: relative;
}

.gift-container {
  position: relative;
  overflow: hidden;
  width: 100%;
}


/* =========================
   SLIDER TRACK
========================= */

.gift-track {
  display: flex;
  gap: 20px;
  transition: transform 0.4s ease;
  will-change: transform;
}


/* =========================
   CARD
========================= */

.gift-card {
  flex: 0 0 calc(100% / {{ section.settings.desktop_columns }} - 17px);
  border-radius: 12px;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.gift-card a {
  display: block;
  margin: 0;
  padding: 0;
}

.gift-image {
  width: 100%;
  margin: 0;
  padding: 0;
}

.gift-image img {
  width: 100%;
  height: auto;
  display: block;
  margin: 0;
  padding: 0;
  border-radius: 12px;
}


/* =========================
   ARROWS
========================= */

.gift-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);

  background: #04305a;
  border-radius: 50%;

  width: 42px;
  height: 42px;

  display: flex;
  align-items: center;
  justify-content: center;

  cursor: pointer;
  z-index: 50;

  box-shadow: 0 4px 10px rgba(0,0,0,0.3);

  border: 2px solid rgba(255,255,255,0.3);
}

.gift-arrow svg {
  fill: none;
  stroke: #ffffff;
  stroke-width: 2.5;
  width: 18px;
  height: 18px;
}

.gift-prev {
  left: 0;
}

.gift-next {
  right: 0;
}


/* =========================
   MOBILE
========================= */

@media (max-width: 768px) {

  .gift-section {
    padding-top: 0 !important;
    margin-top: 0 !important;
    border-top: none !important;
    box-shadow: none !important;
  }

  .gift-section-inner {
    width: {{ section.settings.section_width_mobile }}%;
    max-width: none;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  .gift-heading {
    font-size: {{ section.settings.heading_size_mobile }}px;
    margin: 0 0 25px 0 !important;
    padding: 0 !important;
  }

  .gift-container {
    overflow: hidden;
  }

  .gift-track {
    gap: 20px;
  }

  .gift-card {
    flex: 0 0 calc(100% / {{ section.settings.mobile_columns }} - 12px);
    border-radius: 12px;
  }

  .gift-image img {
    border-radius: 12px !important;
  }

  .gift-arrow {
    width: 36px;
    height: 36px;
  }

  .gift-arrow svg {
    width: 16px;
    height: 16px;
  }

  .gift-prev {
    left: 5px;
  }

  .gift-next {
    right: 5px;
  }
}
</style>


<div class="gift-section">

  <div class="gift-section-inner">

    {% if section.settings.heading != blank %}
      <h2 class="gift-heading">
        {{ section.settings.heading }}
      </h2>
    {% endif %}

    <div class="gift-arrow-wrap">

      {% if section.settings.show_arrows %}

        <div class="gift-arrow gift-prev">
          <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
            <polyline points="15 18 9 12 15 6"></polyline>
          </svg>
        </div>

        <div class="gift-arrow gift-next">
          <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
            <polyline points="9 6 15 12 9 18"></polyline>
          </svg>
        </div>

      {% endif %}


      <div class="gift-container">

        <div class="gift-track">

          {% for block in section.blocks %}

            <div class="gift-card" {{ block.shopify_attributes }}>

              {% if block.settings.collection != blank %}
                <a href="{{ block.settings.collection.url }}">
              {% else %}
                <a href="#">
              {% endif %}

                {% if block.settings.image != blank %}
                  <div class="gift-image">
                    <img
                      src="{{ block.settings.image | image_url: width: 800 }}"
                      alt="{{ block.settings.image.alt | escape }}"
                      loading="lazy"
                    >
                  </div>
                {% endif %}

              </a>

            </div>

          {% endfor %}

        </div>

      </div>

    </div>

  </div>

</div>


<script>
document.querySelectorAll('.gift-arrow-wrap').forEach(function(wrap) {

  const track = wrap.querySelector('.gift-track');

  if (!track) return;

  const originalCards = Array.from(track.children);

  if (originalCards.length === 0) return;

  const gap = 20;

  function getCardWidth() {
    return originalCards[0].offsetWidth + gap;
  }

  /* CREATE LOOP CLONES */

  originalCards.forEach(function(card) {
    track.appendChild(card.cloneNode(true));
  });

  originalCards.slice().reverse().forEach(function(card) {
    track.insertBefore(card.cloneNode(true), track.firstChild);
  });


  let position = getCardWidth() * originalCards.length;


  /* INITIAL POSITION */

  track.style.transition = 'none';
  track.style.transform = 'translateX(-' + position + 'px)';


  /* NEXT */

  function moveNext() {

    position += getCardWidth();

    track.style.transition = 'transform 0.4s ease';
    track.style.transform = 'translateX(-' + position + 'px)';


    if (position >= getCardWidth() * (originalCards.length * 2)) {

      setTimeout(function() {

        track.style.transition = 'none';

        position = getCardWidth() * originalCards.length;

        track.style.transform =
          'translateX(-' + position + 'px)';

      }, 400);
    }
  }


  /* PREVIOUS */

  function movePrev() {

    position -= getCardWidth();

    track.style.transition = 'transform 0.4s ease';
    track.style.transform = 'translateX(-' + position + 'px)';


    if (position <= 0) {

      setTimeout(function() {

        track.style.transition = 'none';

        position = getCardWidth() * originalCards.length;

        track.style.transform =
          'translateX(-' + position + 'px)';

      }, 400);
    }
  }


  const nextButton = wrap.querySelector('.gift-next');
  const prevButton = wrap.querySelector('.gift-prev');


  if (nextButton) {
    nextButton.addEventListener('click', moveNext);
  }

  if (prevButton) {
    prevButton.addEventListener('click', movePrev);
  }


  /* RECALCULATE ON RESIZE */

  window.addEventListener('resize', function() {

    position = getCardWidth() * originalCards.length;

    track.style.transition = 'none';

    track.style.transform =
      'translateX(-' + position + 'px)';
  });

});
</script>


/* BUY NOW BUTTON - ROUNDED */
.sr-headless-checkout {
  border-radius: 999px !important;
  overflow: hidden !important;
  border: none !important;
}
.mk-cart-view {
  display: none !important;
}/* ================================
   CART DRAWER - BUY NOW FULL WIDTH
   ================================ */

.mk-cart-actions {
  width: 100% !important;
  display: block !important;
}

.mk-cart-actions .shiprocket-headless {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
}

.mk-cart-actions .shiprocket-headless .sr-headless-checkout {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  display: flex !important;
  box-sizing: border-box !important;
  margin: 0 !important;
}

.mk-cart-actions .shiprocket-headless .sr-headless-checkout .sr-d-flex {
  width: 100% !important;
  max-width: 100% !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}

/* Desktop / Laptop */
@media (min-width: 768px) {
  .mk-cart-actions .shiprocket-headless {
    width: 100% !important;
  }

  .mk-cart-actions .shiprocket-headless .sr-headless-checkout {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .mk-cart-actions .shiprocket-headless {
    width: 100% !important;
  }

  .mk-cart-actions .shiprocket-headless .sr-headless-checkout {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* CARD - 2px BLACK BORDER */
.gift-card {
  border: 2px solid #000 !important;
  box-sizing: border-box !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}

/* TITLE - MAX 2 LINES */
.gift-card .card-title,
.gift-card .product-title,
.gift-card h3,
.gift-card h4 {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}.product-item__name {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}


.back-to-top {
  display: none !important;
}@media (max-width: 767px) {
  .back-to-top {
    display: none !important;
  }
}




@media (max-width: 767px){
  .sec__products-carousel .view-product-direct{
    display:none!important;
  }
}

/* ===== CART DRAWER ALWAYS ON TOP ===== */

html body {
  isolation: isolate !important;
}

/* Cart drawer + its complete layer */
cart-drawer,
.cart-drawer,
#CartDrawer,
[id="CartDrawer"],
[data-cart-drawer],
.drawer,
.drawer__inner,
.drawer__content {
  z-index: 2147483647 !important;
}

/* Drawer overlay/backdrop */
cart-drawer::before,
.cart-drawer::before,
#CartDrawer::before,
.drawer::before {
  z-index: 2147483646 !important;
}

/* ===== ALL PRODUCT CARD ICONS BELOW DRAWER ===== */

.sec__related-product,
.sec__related-product *,
.product-item,
.product-item *,
.product-card,
.product-card *,
.product__card,
.product__card *,
.product-item__actions,
.product-card__actions,
.product-actions,
button-wishlist,
button-compare {
  z-index: 1 !important;
}

/* Specifically the black circular icons */
.sec__related-product button-wishlist,
.sec__related-product button-compare,
.sec__related-product .wishlist-button,
.sec__related-product .compare-button,
.sec__related-product [class*="wishlist"],
.sec__related-product [class*="compare"] {
  position: relative !important;
  z-index: 1 !important;
}

/* ===== MOBILE CART DRAWER ===== */

@media (max-width: 767px) {

  /* Drawer is the highest layer */
  cart-drawer,
  .cart-drawer,
  #CartDrawer,
  [id="CartDrawer"],
  [data-cart-drawer],
  .drawer {
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147483647 !important;
    isolation: isolate !important;
  }

  /* Drawer actual white panel */
  cart-drawer > *,
  .cart-drawer > *,
  #CartDrawer > *,
  [id="CartDrawer"] > *,
  .drawer > *,
  .drawer__inner,
  .drawer__content {
    position: relative !important;
    z-index: 2147483647 !important;
    background: #fff !important;
  }

  /* Product recommendation icons can NEVER cross drawer */
  .sec__related-product,
  .sec__related-product button-wishlist,
  .sec__related-product button-compare,
  .sec__related-product .wishlist-button,
  .sec__related-product .compare-button {
    z-index: 0 !important;
  }
}body:has([data-mk-cart-trigger][aria-expanded="true"]) .sec__related-product,
body:has([data-mk-cart-trigger][aria-expanded="true"]) .sec__related-product * {
  z-index: 0 !important;
}

body:has([data-mk-cart-trigger][aria-expanded="true"]) .sec__related-product button-wishlist,
body:has([data-mk-cart-trigger][aria-expanded="true"]) .sec__related-product button-compare {
  visibility: hidden !important;
}

/* BUY NOW - TOP/BOTTOM CUT FIX */
.product-detail__buy-buttons .custom-buy-now{
  height:52px!important;
  min-height:52px!important;
  overflow:visible!important;
  display:flex!important;
  align-items:center!important;
  box-sizing:border-box!important;
}

.product-detail__buy-buttons .custom-buy-now .btn-checkout-dynamic{
  height:52px!important;
  min-height:52px!important;
  padding:0!important;
  margin:0!important;
  overflow:visible!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  line-height:1!important;
}

.product-detail__buy-buttons .custom-buy-now .shiprocket-headless,
.product-detail__buy-buttons .custom-buy-now .sr-headless-checkout{
  height:100%!important;
  min-height:52px!important;
  max-height:none!important;
  padding:0!important;
  margin:0!important;
  overflow:visible!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
}

/* View Product button - Mobile पर पूरा Hide */
@media screen and (max-width: 767px) {
  .sec__related-product .view-product-direct {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
}/* Related Products - Mobile View Product Button पूरी तरह Hide */
@media screen and (max-width: 767px) {
  .sec__related-product
  product-recommendations
  .view-product-direct,
  .sec__related-product
  product-recommendations
  button.view-product-direct,
  .sec__related-product
  product-recommendations
  a.view-product-direct {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }
}



/* VIEW PRODUCT + ZOOM BUTTON HIDE - MOBILE & DESKTOP */
.sec__collection-main .view-product-direct,
.sec__collection-main [data-view-product-button="true"],
.sec__collection-main .quick-view,
.sec__collection-main .quick-view-button,
.sec__collection-main .quick-view-btn,
.sec__collection-main .product-quick-view,
.sec__collection-main .product__quick-view,
.sec__collection-main [data-quick-view],
.sec__collection-main [aria-label*="Quick View" i],
.sec__collection-main [aria-label*="Zoom" i],
.sec__collection-main [title*="Zoom" i] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

.sec__collection-main .view-product-direct::before,
.sec__collection-main .view-product-direct::after,
.sec__collection-main .quick-view::before,
.sec__collection-main .quick-view::after {
  display: none !important;
  content: none !important;
}


sticky-add-cart,
.sticky-add-cart,
.sticky_desktop--show,
.sticky_mobile--show {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.pdc-feature{
  font-size:18px!important;
  line-height:1.2!important;
  color:#3f424b!important;
}
.pdc-feature svg{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  min-height:18px!important;
}
.pdc-feature svg{
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  min-height:24px!important;
}


[data-ph-fieldname="1 PHOTO UPLOAD"] p {
  font-family: "DM Sans", sans-serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  color: #3F424B !important;
  letter-spacing: inherit !important;
  margin-bottom: 0.3em !important;
  text-transform: inherit !important;
  text-align: left !important;
}

.po-productPageOptions-root > div label,
.po-productPageOptions-root > div p {
  font-family:"DM Sans",sans-serif!important;
  font-size:18px!important;
  font-weight:600!important;
  color:#3F424B!important;
}

#selBtn_5oq5aatv1 > p {
  font-weight: 600 !important;
}/* =====================================================
   MOBILE ONLY — CART FOOTER UP FIX
   .mk-cart-footer
   ===================================================== */

@media screen and (max-width: 767px) {

  /* Cart footer को ऊपर उठाओ */
  .mk-cart-drawer.is-open .mk-cart-footer,
  .mk-cart-drawer-{{ section.id }}.is-open .mk-cart-footer {

    position: absolute !important;

    left: 0 !important;
    right: 0 !important;

    /*
      Bottom navigation के ऊपर footer
    */
    bottom: 86px !important;

    width: 100% !important;

    height: auto !important;

    min-height: 151px !important;

    padding: 15px 18px 18px !important;

    background: #ffffff !important;

    z-index: 999999 !important;

    box-sizing: border-box !important;

    transform: none !important;

    overflow: visible !important;
  }


  /* Subtotal */
  .mk-cart-drawer.is-open .mk-cart-footer .subtotal,
  .mk-cart-drawer.is-open .mk-cart-footer [class*="subtotal"] {

    margin-top: 0 !important;

    margin-bottom: 10px !important;

    position: relative !important;

    z-index: 1000000 !important;
  }


  /* Buy Now */
  .mk-cart-drawer.is-open .mk-cart-footer button,
  .mk-cart-drawer.is-open .mk-cart-footer .btn,
  .mk-cart-drawer.is-open .mk-cart-footer .button,
  .mk-cart-drawer.is-open .mk-cart-footer [name="checkout"] {

    position: relative !important;

    z-index: 1000001 !important;

    width: 100% !important;

    min-height: 50px !important;

    height: 50px !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    margin-top: 0 !important;

    box-sizing: border-box !important;
  }


  /* View Cart hide */
  .mk-cart-drawer.is-open .mk-cart-footer a[href*="/cart"],
  .mk-cart-drawer.is-open .mk-cart-footer .view-cart {

    display: none !important;
  }


  /* Bottom mobile menu footer के पीछे रहे */
  .mobile-bottom-nav,
  .mobile-bottom-navigation,
  .bottom-navigation,
  .mobile-nav,
  .mk-mobile-bottom-nav {

    z-index: 1000 !important;
  }

}


@media(max-width:768px){
body.mk-mobile-menu-open #shopify-section-header,
body.mk-mobile-menu-open .shopify-section-header,
body.mk-mobile-menu-open .shopify-section-group-header-group,
body.mk-mobile-menu-open .header-wrapper,
body.mk-mobile-menu-open [data-mk-header]{
position:relative!important;
z-index:2147483647!important;
isolation:isolate!important;
}
body.mk-mobile-menu-open .mk-mobile-overlay{
z-index:2147483646!important;
}
body.mk-mobile-menu-open .mk-mobile-drawer{
z-index:2147483647!important;
}
}