Untitled

mail@pastecode.io avatar
unknown
plain_text
7 months ago
32 kB
1
Indexable
Never
(function () {
  try {
    var debug = 1;
    var variation_name = "";
    var testData = {
      "loadingSpinner": '<div class="loading-overlay__spinner"> <svg aria-hidden="true" focusable="false" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg"> <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> </svg> </div>',
      "crossSellItems": [
        {
          "img": "https://sweetplaid.com/cdn/shop/products/IMG_3345v-min_460x.jpg?v=1622215161",
          "link": "https://sweetplaid.com/products/sac-de-lavage-premium",
          "name": "Sac de Protection au Lavage SweetPlaid",
          "price": {
            "sale": "",
            "ori": "7,99€"
          },
          "tag": "Choisi par 86% de nos clients",
          "options": "",
          "atcData": {
            "id": "33016073617443"
          },
          deal: ''
        },
        {
          "img": "https://svgshare.com/i/zFq.svg",
          "link": "https://sweetplaid.com/products/sweetplaid",
          "name": "SweetPlaid™ - Choisissez votre couleur",
          "price": {
            "sale": "",
            "ori": "49,99€"
          },
          "tag": "",
          "options": {
            "patchs": [
              {
                "name": "Gris",
                "id": "32921718095907"
              },
              {
                "name": "Rouge",
                "id": "31039423053859"
              },
              {
                "name": "Rose",
                "id": "31039422988323"
              }, {
                "name": "Bleu",
                "id": "31039423021091"
              }, {
                "name": "Noir",
                "id": "33002728226851"
              }
            ]
          },
          "atcData": {
            "id": "32921718095907"
          },
          deal: '-30%'
        },
        {
          "img": "https://sweetplaid.com/cdn/shop/products/Untitleddesign_460x.png?v=1677086173",
          "link": "https://sweetplaid.com/products/sweetleggings",
          "name": "SweetLeggings - Le Legging Ultra Doux SweetPlaid™",
          "price": {
            "sale": "",
            "ori": "29,90€"
          },
          "tag": "",
          "options": {
            "patchs": [
              {
                "name": "S",
                "id": "33031466352675"
              },
              {
                "name": "M",
                "id": "33031466319907"
              },
              {
                "name": "L",
                "id": "33031465238563"
              }
            ]
          },
          "atcData": {
            "id": "33031466352675"
          },
          deal: '-28%'
        }
      ]
    }
    var $;
    // wait for jquery
    var waitForjQuery = function (trigger) {
      var interval = setInterval(function () {
        if (window.jQuery != undefined) {
          clearInterval(interval);
          trigger();
        }
      }, 50);
      setTimeout(function () {
        clearInterval(interval);
      }, 15000)
    }
    var waitForSlick = function (trigger) {
      var interval = setInterval(function () {
        if (window.jQuery.fn.slick != undefined) {
          clearInterval(interval);
          trigger();
        }
      }, 50);
      setTimeout(function () {
        clearInterval(interval);
      }, 15000)
    }

    // slick script and css cdn
    var addScript = function () {
      var cssScript = '' +
        "<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.css'/>";
      var themeCssScript = `<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css'/>`;
      document.querySelector('head').insertAdjacentHTML('beforeend', cssScript);
      document.querySelector('head').insertAdjacentHTML('beforeend', themeCssScript);

      var swiperScript = document.createElement('script');
      swiperScript.src = 'https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js';
      document.getElementsByTagName('head')[0].appendChild(swiperScript);
    }

    var waitForElement = function (selector, trigger, delayInterval, delayTimeout) {
      var interval = setInterval(function () {
        if (
          document &&
          document.querySelector(selector) &&
          document.querySelectorAll(selector).length > 0
        ) {
          clearInterval(interval);
          trigger();
        }
      }, delayInterval);
      setTimeout(function () {
        clearInterval(interval);
      }, delayTimeout);
    }

    var progressBarSection = '' +
      '  <div class="eg-progress-section">' +
      '      <div class="eg-inner"> <span class="eg-heading">BLACK FRIDAY !</span>' +
      '          <div class="eg-progressBar-container">' +
      '              <div class="eg-progressBar">' +
      '                  <div id="eg-bar" style="width: 0%;">' +
      '                      <div class="eg-checkpoint eg-checkpoint-1">' +
      '                          <span class="eg-checkpoint-img">' +
      '                              <img src="https://cdn.shopify.com/s/files/1/0270/5480/0931/files/livraison.svg?v=1699005136">' +
      '                          </span> Livraison <br> Offerte' +
      '                      </div>' +
      '                      <div class="eg-checkpoint eg-checkpoint-2">' +
      '                          <span class="eg-checkpoint-img">' +
      '                              <img src="https://cdn.shopify.com/s/files/1/0270/5480/0931/files/sweetsocks.svg?v=1699005136">' +
      '                          </span>SweetSocks<br>Offert' +
      '                      </div>' +
      '                      <div class="eg-checkpoint eg-checkpoint-3">' +
      '                          <span class="eg-checkpoint-img">' +
      '                              <img src="https://cdn.shopify.com/s/files/1/0270/5480/0931/files/cadeau.svg?v=1699005136">' +
      '                          </span>Cadeau<br>Mystère' +
      '                      </div>' +
      '                  </div>' +
      '              </div>' +
      '          </div> <span class="eg-para">Plus que 0.01€ pour profiter de la Livraison Offerte</span>' +
      '      </div>' +
      '  </div>';
    var live = function (selector, event, callback, context) {
      /****Helper Functions****/
      // helper for enabling IE 8 event bindings
      addEvent = function (el, type, handler) {
        if (el.attachEvent) el.attachEvent("on" + type, handler);
        else el.addEventListener(type, handler);
      }
      // matches polyfill
      this.Element &&
        (function (ElementPrototype) {
          ElementPrototype.matches =
            ElementPrototype.matches ||
            ElementPrototype.matchesSelector ||
            ElementPrototype.webkitMatchesSelector ||
            ElementPrototype.msMatchesSelector ||
            function (selector) {
              var node = this,
                nodes = (node.parentNode || node.document).querySelectorAll(selector),
                i = -1;
              while (nodes[++i] && nodes[i] != node);
              return !!nodes[i];
            };
        })(Element.prototype);
      // live binding helper using matchesSelector
      live = function (selector, event, callback, context) {
        addEvent(context || document, event, function (e) {
          var found,
            el = e.target || e.srcElement;
          while (el && el.matches && el !== context && !(found = el.matches(selector))) el = el.parentElement;
          if (el && found) callback.call(el, e);
        });
      }
      live(selector, event, callback, context);
    }
    // progress bar
    var init = function () {
      waitForjQuery(function () {
        addScript();
        $ = window.jQuery;
        addProgressBar();
        initCrossSellItems();
        eventsTrigger();
      });
    }
    var TotalCarprice = '';
    var addProgressBar = function () {
      waitForElement("html body #cartForm .subtotal_price", function () {
        TotalCarprice = document.querySelector("html body #cartForm .subtotal_price").innerText.trim();
        initCrossSellItems();
        // extracting amount
        var amountString = document.querySelector("html body #cartForm .subtotal_price").innerText;
        // Use a regular expression to capture both the integer and decimal parts
        var regex = /(\d{1,3}(?:[.,]\d{3})*(?:[.,]\d+)?)/;
        var matches = amountString.match(regex);
        if (matches) {
          var numericValue = matches[0].replaceAll(".", "").replaceAll(",", ".");;
          if (numericValue !== "0.00") {
            if (!document.querySelector(".eg-progress-section")) {
              document.querySelector("html body #cartForm > .button-group").insertAdjacentHTML("beforebegin", progressBarSection);
              calculatePercentage(numericValue);
            } else {
              calculatePercentage(numericValue);
            }
          } else {
            document.querySelector(".eg-progress-section") && document.querySelector(".eg-progress-section").remove();
          }
        }
      }, 50, 15000);
    }
    var calculatePercentage = function (amount) {
      waitForElement('html body #cartForm .cv_drawer_price', function () {
        var progressBar = document.querySelector('#eg-bar');
        var progressBarMsg = document.querySelector(".eg-progress-section .eg-para");
        if (progressBarMsg) {
          var maxAmount = 150;
          var remainAmount = formatAmountToEuro(Math.abs(maxAmount - amount));
          if (amount < maxAmount) {
            var percentage = (amount / maxAmount) * 100;
            if (percentage > 90 && percentage < 100) {
              percentage = 84;
            }
            if (percentage < 50)
              progressBarMsg.innerHTML = 'Buy 2 and get a Free Wallet + Free Shipping';
            else
              progressBarMsg.innerHTML = 'Spend ' + remainAmount + ' more and get 20%OFF with code ';
            progressBar.style.width = '' + percentage + '%';

          } else {
            progressBar.style.width = '' + 100 + '%';
            progressBarMsg.innerHTML = 'Congrats! You are qualified for 20% off. Use code:  at checkout';
          }
        }

        // logic when progress based on pds
        // var Products = Array.from(document.querySelectorAll('html body .CartItemWrapper .cart__price'));
        // var freeProducts = Products.filter(function (pd) {
        //   if (pd.innerText.trim() == "$0.00") {
        //     return true;
        //   }
        // });
        // var totalFreePds = parseInt(freeProducts.length);
        // var totalPds = parseInt(document.querySelector('html body .Cart__ItemList[data-count]').getAttribute("data-count")) - totalFreePds;
        // var percentage = "100";
        // if (totalPds == 1) {
        //   percentage = "57";
        //   progressBarMsg.innerHTML = 'Buy 2 and get a Free Wallet + Free Shipping';
        // } else if (totalPds == 2) {
        //   percentage = "85";
        //   progressBarMsg.innerHTML = 'Spend ' + remainAmount + ' more and get 20%OFF with code TRIPLE20';
        // } else if (totalPds > 2) {
        //   progressBarMsg.innerHTML = 'Congrats! You are qualified for 20% off. Use code: TRIPLE20 at checkout';
        // }
        // progressBar.style.width = '' + percentage + '%';
      }, 500, 15000);

    }

    var formatAmountToEuro = function (amount) {
      var formattedAmount = new Intl.NumberFormat('de-DE', {
        style: 'currency',
        currency: 'EUR',
        currencyDisplay: 'symbol'
      }).format(amount);
      return formattedAmount;
    }
    // cross sell items
    var initCrossSellItems = function () {
      var crossSellItemsHTML = genCrossSellItem();
      if (!document.querySelector(".eg-crossSell_wrapper")) {
        document.querySelector(".cv_cart_subtotal").insertAdjacentHTML("beforebegin", crossSellItemsHTML);
      } else {
        var divEl = document.createElement("div");
        divEl.innerHTML = crossSellItemsHTML;
        var crossSellItems = divEl.querySelector(".eg-crossSell_items").outerHTML;
        divEl && divEl.remove();
        document.querySelector(".eg-crossSell_items").outerHTML = crossSellItems;
      }
      slickItems();
    }

    var genCrossSellItem = function () {
      var cartItemsName = Array.from(document.querySelectorAll("html body .list-view-item__title")).map(function (itmEl) {
        if (itmEl) {
          var text = itmEl.innerText.trim().toUpperCase();
          if (text === 'SAC DE PROTECTION AU LAVAGE SWEETPLAID™') {
            text = "SAC DE PROTECTION AU LAVAGE SWEETPLAID";
          }
          return text;
        } else {
          return "09809809"
        }
      });
      var items = testData.crossSellItems;
      var crossSellItemsHTML = items.reduce(function (t, crr) {
        var itemHTML = "";
        var tag = '';
        if (crr.tag !== "") {
          tag = '<span class="eg-tag"><img src="https://cdn.shopify.com/s/files/1/0270/5480/0931/files/badge.svg?v=1699005136">' + crr.tag + '</span>';
        }
        if (!cartItemsName.includes(crr.name.toUpperCase())) {
          var options = crr.options;
          var isDeal = crr.deal;
          var dealClass = '';
          var dealAttr = '';
          if (isDeal) {
            dealClass = "eg-deal";
            dealAttr = "data-deal=" + isDeal;
          }
          var optionsHTML = "<div></div>";
          if (options !== "") {
            var patchs = options.patchs;
            if (patchs) {
              var patchOptions = patchs.reduce(function (totalOpts, crrOpt) {
                return totalOpts += '<option value="' + crrOpt.id + '">' + crrOpt.name + '</option>';
              }, "");
              optionsHTML = '<select class="eg-option-select-patch">' + patchOptions + '</select>';
            }
          }
          itemHTML = '' +
            '  <div class="eg-crossSell_item" data-id="' + crr.atcData.id + '">' + tag +
            '      <a class="eg-crossSell_item-img-wrapper ' + dealClass + '" ' + dealAttr + ' href="' + crr.link + '">' +
            '          <img src="' + crr.img + '" />' +
            '      </a>' +
            '      <div class="eg-crossSell_item-content">' +
            '          <div class="eg-crossSell_item-content_header">' +
            '              <div class="eg-crossSell_item-content_header_title">' +
            '                  <span data-name="">' + crr.name + '</span>' +
            '              </div>' +
            '          </div>' +
            '          <div class="eg-crossSell_item-content_footer">' + optionsHTML +
            '              <button class="eg-crossSell_add-item" type="button" data-id="' + crr.atcData.id + '">AJOUTER ' + crr.price.ori + testData.loadingSpinner +
            '</button>' +
            '          </div>' +
            '      </div>' +
            '  </div>';
        }
        return t += itemHTML
      }, "");
      var crossSellWrapper = "";
      if (crossSellItemsHTML !== "") {
        crossSellWrapper = '' +
          '  <div class="eg-crossSell_wrapper">' +
          '      <span class="eg-crossSell_title">Offre Spéciale:</span>' +
          '      <ul class="eg-crossSell_items">' + crossSellItemsHTML + '</ul>' +
          '  </div>';
      }

      return crossSellWrapper;
    }

    // test events
    var eventsTrigger = function () {
      live(".eg-option-select-patch", "change", function () {
        var id = this.value;
        var parent = this.closest(".eg-crossSell_item");
        var atc = parent.querySelector(".eg-crossSell_add-item");
        atc.setAttribute("data-id", id);
      });
      live(".eg-crossSell_add-item", "click", function () {
        var upsellID = this.getAttribute("data-id");
        addToCart(upsellID);
      });
    }
    var slickItems = function () {
      if (document.querySelector(".eg-crossSell_items:not(.slick-slider):not(.slick-initialized) .eg-crossSell_item")) {
        waitForSlick(function () {
          $('.eg-crossSell_items:not(.slick-slider):not(.slick-initialized)').slick({
            dots: false,
            arrows: true,
            infinite: false,
            speed: 300,
            slidesToShow: 1,
            slidesToScroll: 1
          });
        });
      }
    }
    var addToCart = function (upsellID) {
      $.ajax({
        url: '/cart/add.js',
        type: 'POST',
        dataType: 'JSON',
        data: {
          id: upsellID,
          quantity: 1,
        },
        success: function (response) {
          $.ajax({
            type: 'GET',
            url: '/cart',
            dataType: 'html',
            success: function (response) {
              $('#cartForm').load(' #cartForm');
              $('.cvv_header_cart_outer').html($(response).find('.cvv_header_cart_outer').html())
              $('.cart_drawer').html($(response).filter('.cart_drawer').html()).addClass('cart_drawer_open');
              $('body').addClass('drawer_open');
              setTimeout(function () {
                var fiveMinutes = 60 * 10,
                  display = document.querySelector('#time');

                if (window.startTimer) {
                  if (window.existingIntervalId) {
                    clearInterval(window.existingIntervalId);
                  }
                  window.startTimer(fiveMinutes, display);
                }

              }, 1000);
            }
          });
        }
      })
    }
    // listen changes and recalling
    const send = XMLHttpRequest.prototype.send
    XMLHttpRequest.prototype.send = function () {
      this.addEventListener('load', function () {
        if (this.responseURL.indexOf("cart") !== -1) {
          if (document.querySelector("html body #cartForm .subtotal_price").innerText.trim() !== TotalCarprice) {
            waitForElement('html body #cartForm .subtotal_price', addProgressBar, 60, 15000);
          }
        }
      })
      return send.apply(this, arguments)
    }

    waitForElement('html body #cartForm .subtotal_price', init, 50, 15000);
  } catch (e) {
    if (debug) console.log(e, "error in Test" + variation_name);
  }
})();


















/* progress bar */
.eg-progress-section {
    padding: 6px 16.5px 17px;
    border-bottom: 1px solid !important;
    border-bottom-color: #e8e8e1 !important;
}

html body .drawer__fixed-header>div {
    border-bottom: 0 !important;
}

html body .custom-cart-upsell {
    display: none !important;
}

.eg-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.eg-heading {
    color: #282828;
    text-align: center;
    font-family: Harmonia Sans, sans-serif;
    font-size: 21px;
    font-style: normal;
    font-weight: 700;
    line-height: 31.4px;
    /* 149.524% */
    margin-bottom: 16px !important;
}

.eg-heading::after {
    content: "Cadeaux OFFERTS avec ta commande:";
    display: block;
    color: #282828;

    text-align: center;
    font-family: Harmonia Sans, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.4px;
    /* 160% */
}

.eg-para {
    color: #282828;
    text-align: center;
    font-family: Harmonia Sans, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 22.4px;
    /* 160% */
    margin-top: 39px !important;
}

.eg-progressBar-container {
    height: 32px;
    display: flex;
    align-items: center;
}

.eg-progressBar {
    height: 8px;
    width: 296px;
    border: 0.5px solid #2B2262;
    background: #FFF;
    border-radius: 5.5px;
    transition: width 0.5s;
    position: relative;
}

#eg-bar {
    border-radius: inherit;
    height: 100%;
    width: 0%;
    background-color: rgb(43, 34, 98);
    transition: width 0.3s linear;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.3) 25%, transparent 0, transparent 50%, rgba(255, 255, 255, .3) 0, rgba(255, 255, 255, .3) 75%, transparent 0, transparent);
    background-size: 1rem 1rem;
    animation: slide 4s linear infinite;
}

@keyframes slide {
    from {
        background-position-x: 0;
    }

    to {
        background-position-x: 113px;
    }
}


.eg-checkpoint-3 {
    --transform: 96%;
    left: var(--transform);
    transform: translateX(calc(-1 * var(--transform)));
}

#eg-off {
    left: 92%;
    transform: translateX(-50%);
}

html body .eg-checkpoint {
    width: 54px !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    grid-gap: 4.79px;
    color: #000;
    text-align: center;
    font-family: Harmonia Sans, sans-serif;
    font-size: 8px;
    font-style: normal;
    font-weight: 400;
    line-height: 10.4px;
    /* 130% */
    letter-spacing: 0.682px;
    position: absolute;
    top: -14px;
}

html body .eg-checkpoint-img {
    border-width: 1px;
    border-style: dashed;
    border-color: #2B2262;
    border-radius: 100vmax;
    width: 32px;
    height: 32px;
    display: block;
    position: relative;
    isolation: isolate;
    min-width: 32px;
    min-height: 32px;
    max-width: 32px;
    max-height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
}

html body .eg-checkpoint-img::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: inherit;
    z-index: -1;
    background: linear-gradient(207deg, #FAF3D9 8.85%, #FFFDF4 92.19%);
}

html body .eg-checkpoint-2 {
    --transform: 70%;
    left: var(--transform);
    transform: translateX(calc(-1 * var(--transform)));
}

html body .eg-checkpoint-1 {
    --transform: 42%;
    left: var(--transform);
    transform: translateX(calc(-1 * var(--transform)));
}

html body .eg-checkpoint-img img {
    width: 69%;
    object-fit: contain;
    display: block;
}

/* progress bar end */

/* cross sell */
html body .eg-crossSell_wrapper {
    display: flex;
    flex-direction: column;
    padding: 60px 34px 10px;
    flex: 1;
    align-items: center !important;
    justify-content: flex-end !important;
    border-top: 1px solid #d2d2d2;
}

html body .eg-crossSell_item-img-wrapper {
    width: 103px;
    display: flex !important;
    height: auto;
    max-height: 100px;
    text-decoration: none !important;
}

html body .eg-crossSell_item-img-wrapper img {
    width: auto;
    display: block;
    object-fit: contain;
}

html body .eg-crossSell_title {
    color: #282828;
    text-align: center;
    font-family: Harmonia Sans, sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 22.4px;
    /* 131.765% */
    margin-bottom: 5px !important;
}

html body .eg-crossSell_items {
    list-style: none !important;
    padding: 0 !important;
    width: 100%;
    margin: 0 !important;
}

html body .eg-crossSell_item {
    display: flex !important;
    grid-gap: 9px !important;
    border: 1px dashed #2B2262;
    padding: 12px 13px 11px !important;
    border-radius: 10px;
    align-items: center;
    margin-right: 3px !important;
}

html body .eg-crossSell_item-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center !important;
}

html body .eg-crossSell_item-content_footer {
    display: flex;
    justify-content: space-between;
    margin-top: 7px !important;
    flex-direction: column;
    grid-gap: 5px !important;
}

html body .eg-crossSell_add-item {
    background: #2B2262;
    border-radius: 100vmax;
    cursor: pointer;
    width: max-content;
    color: #FFF;
    text-align: center;
    font-family: Harmonia Sans, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 20.4px;
    /* 170% */
    padding: 4px 20px 4px;
    border: none;
    outline: none;
    min-width: 136px;
}

html body .eg-crossSell_add-item:hover {
    background: white;
    box-shadow: 0 0 0 1px #2B2262 inset;
    color: #2B2262;
}

html body .eg-crossSell_item-content_header_title>[data-name] {
    color: #000;
    font-family: Harmonia Sans, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 15.4px;
    /* 118.462% */
}

html body .eg-crossSell_item-content_header_title .loox-rating-label {
    color: #000;
    font-family: Assistant !important;
    font-size: 8px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-top: 2px;
}

html body .eg-crossSell_item-content_header_title .loox-icon {
    width: 11px !important;
    height: 11px !important;
}

html body .eg-crossSell_item-content_header_title .loox-rating {
    font-size: 0 !important;
    height: max-content !important;
}

html body .eg-crossSell_item-content_header {
    display: flex !important;
    justify-content: space-between;
    grid-gap: 10px !important;
}

html body .eg-crossSell_item-content_header_price {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding-top: 7px;
}

html body .eg-crossSell_item-content_header_price [data-sale] {
    color: #E494AA;
    font-family: Glacial Indifference;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

html body .eg-crossSell_item-content_header_price [data-original] {
    color: #8D8F92;
    font-family: Glacial Indifference;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration: line-through;
}

html body .eg-crossSell_add-item.eg-adding {
    cursor: not-allowed !important;
    opacity: 0.5 !important;
    color: transparent !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
}



html body .eg-crossSell_add-item.eg-adding svg {
    width: 10px !important;
    height: 10px !important;
}

html body .eg-crossSell_add-item:not(.eg-adding) .loading-overlay__spinner {
    display: none !important;
}

html body .eg-crossSell_wrapper~.cart-notification__links {
    flex: unset !important;
}

html body .eg-crossSell_wrapper~.cart-notification__links {
    flex: unset !important;
}

html body .eg-crossSell_item {
    position: relative;
}

html body .eg-crossSell_items .eg-tag {
    border-radius: 100vmax;
    background: #2B2262;
    color: #FFF;
    font-family: Harmonia Sans, sans-serif;
    font-size: 9px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 4.28px 21px 5.72px !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-gap: 8px;
    height: max-content;
    position: absolute;
    top: 0;
    transform: translate(-50%, -50%);
    left: 50%;
    width: max-content;
}

html body .eg-crossSell_items .eg-tag img {
    min-width: 12px !important;
}

html body.eg-mini-show #tidio-chat {
    display: none !important;
}

html body .eg-option-select-patch {
    border: 1px solid rgba(0, 0, 0, 0.17);
    padding: 4px 30px 4px 6px !important;
    cursor: pointer;
    -moz-appearance: none;
    /* Firefox */
    -webkit-appearance: none;
    /* Safari and Chrome */
    appearance: none;
    background: transparent;
    background-image: url("https://svgshare.com/i/yob.svg");
    background-repeat: no-repeat;
    background-position-x: 90%;
    background-position-y: 45%;
    color: #000;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    outline: none !important;
    box-shadow: none !important;
    width: max-content !important;
    min-width: 73px;
    font-family: Harmonia Sans, sans-serif;
}

html body .eg-crossSell_item-content_footer>div {
    flex: 1;
    display: flex;
}

html body .eg-crossSell_item-content_footer>div:empty {
    display: none !important;
}

html body .eg-crossSell-colors {
    flex-direction: column;
}

html body .eg-crossSell-colors_legend {
    color: rgba(0, 0, 0, 0.70);
    font-family: Assistant !important;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

html body .eg-crossSell-colors_legend[data-clr]::after {
    content: " " attr(data-clr);
}

html body .eg-crossSell-colors_options {
    display: flex;
    grid-gap: 5px !important;
    margin-top: 5px;
    list-style: none !important;
    padding: 0 !important;
}

html body .eg-crossSell-colors_options>span {
    width: 15px;
    height: 15px;
    min-width: 15px;
    min-height: 15px;
    border-radius: 100vmax;
    background: red;
    cursor: pointer;
    display: block;
    aspect-ratio: 1/1;
    cursor: pointer;
}

html body .eg-crossSell-colors_options>span.eg-selected {
    border: 1px solid black;
}

html body .eg-crossSell_item-img-wrapper.eg-deal {
    position: relative;
}

html body .eg-crossSell_item-img-wrapper.eg-deal::before {
    content: attr(data-deal);
    width: 35px;
    height: 35px;
    display: block;
    border-radius: 100vmax;
    background: #F57154;
    color: #FFF;
    text-align: center;
    font-family: Harmonia Sans, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 20.4px;
    /* 170% */
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 4px;
    left: 0;
}

html body #cartForm .button-group.top {
    display: none !important;
}

html body .eg-crossSell_item-content_header_title {
    line-height: normal !important;
}

html body .eg-crossSell_wrapper .slick-arrow {
    width: 34px !important;
    height: 34px !important;
    max-width: 34px !important;
    max-height: 34px !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    min-width: unset !important;
}

html body .eg-crossSell_wrapper .slick-arrow::before {
    content: "" !important;
    width: 9.521px !important;
    height: 17.008px !important;
}

html body .eg-crossSell_wrapper .slick-arrow.slick-next::before {
    background: url("https://cdn.shopify.com/s/files/1/0270/5480/0931/files/arrow.svg?v=1699005136");
}

html body .eg-crossSell_wrapper .slick-arrow.slick-prev::before {
    background: url("https://cdn.shopify.com/s/files/1/0270/5480/0931/files/arrow.svg?v=1699005136");
    transform: rotate(180deg);
}

html body .eg-crossSell_wrapper .slick-arrow.slick-prev {
    left: -34px !important;
}

html body .eg-crossSell_wrapper .slick-arrow.slick-next {
    right: -34px !important;
}

html body .CV_upsell_cart_product {
    display: none !important;
}

@media(max-width:767px) {

    html body .eg-crossSell_items .eg-tag {
        font-size: 8px;
        grid-gap: 3px;
    }

    html body .eg-crossSell_items .eg-tag img {
        min-width: 8px !important;
    }

    html body li:last-child .eg-crossSell_item-content_footer {
        margin-top: 10px !important;
    }
}

/* cross sell */

@media only screen and (min-width:767px) and (max-width:1024px) {
    html body .eg-crossSell_items .eg-tag {
        font-size: 10px !important;
    }
}