Untitled

html body #content-container div.description button>h4 {
    font-weight: 100 !important;
    font-size: 22px !important;
    font-family: 'Mallory Thin' !important;
}

html body .product-details-main+.product-details-secondary {
    padding-top: 0 !important;
}

.details-specification__item .collapse-toggle.collapsed {
    border-bottom: 1px solid !important;
    border-top: 1px solid !important;
}

html body .icon-links-row {
    margin-top: 6px !important;
}

.details-specification__item {
    float: none;
}

.details-specification__item:not(.eg_specs) {
    display: none;
}

.details-specification__item.eg_specs {
    margin-top: 40px;
}

.eg_specs .collapse-toggle.collapsed:after {
    content: "";
    font-family: "Vita-iconfont";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    letter-spacing: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.eg_specs .collapse-toggle:after {
    content: "";
    font-family: "Vita-iconfont";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    letter-spacing: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 24px;
    position: absolute;
    right: 0;
    color: inherit;
}

.details-specification__item .collapse-toggle:not(.collapsed) {
    border-top: 1px solid;
    border-top-color: #000;
}

@media screen and (min-width: 991px) {

    html body .button-row {
        margin-bottom: 40px !important;
    }

    /* sticky css */
    .product-details-main .product-details {
        display: flex;
    }

    .product-details-main .product-details .details {
        position: sticky;
        position: -webkit-sticky;
        top: 0;
    }

    .MagicToolboxSelectorsContainer.eg-items-less>div {
        display: flex;
        flex-direction: column;
    }

    .MagicToolboxSelectorsContainer.eg-items-less>div {
        display: flex;
        flex-direction: column;
    }

    html body div.MagicToolboxSelectorsContainer>div {
        display: flex !important;
        flex-wrap: wrap;
    }

    html body .product-details-main .MagicToolboxSelectorsContainer>div>a {
        margin: 16px 16px !important;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    html body .product-details .image .image-box img {
        width: 285px;
        height: auto;
        object-fit: cover;
    }

    div.MagicToolboxContainer.selectorsBottom .MagicToolboxSelectorsContainer {
        width: 650px !important;
    }

    .details-specification {
        width: 100%;
        margin-top: 40px;
        min-width: 1440px !important;
    }

    .details-specification__item {
        padding: 0 !important;
    }

    #content-container>div.dialog {
        margin-bottom: 0;
    }

    .recommended-products.products-five-block.dialog.container {
        margin-top: 0 !important;
    }

    #content-container>div.recommended-products.container>h2 {
        margin-top: 0;
        padding-top: 0;
    }
}

@media (min-width:991px) and (max-width:1124px) {
    html body .product-details .image .image-box img {
        width: 200px !important;
    }
}


@media (min-width:1300px) and (max-width:1520px) {
    .details-specification {
        min-width: 1230px !important;
    }
}

@media (min-width:1194px) and (max-width:1329px) {
    .details-specification {
        min-width: 1160px !important;
    }
}

@media (min-width:994px) and (max-width:1193px) {
    .details-specification {
        min-width: 960px !important;
    }
}

@media screen and (max-width: 991px) {
    .product-details .image .image-box img {
        margin: auto !important;
    }

    html body .details-specification {
        margin-top: 45px;
    }

    .product-details .image .image-box img {
        margin: auto !important;
        width: 300px !important;
        object-fit: cover;
        height: 200px !important;
        object-fit: cover;
    }

    html body .product-details-main+.product-details-secondary {
        padding-top: 0 !important;
    }

    html body .recommended-products.products-five-block.dialog.container {
        margin-top: 0 !important;
    }

    html body .product-details-secondary.container {
        display: none;
    }

    html body #content-container>div.dialog.noborder {
        margin-bottom: 0 !important;
    }

    .eg_specs .collapse-toggle:after {
        font-size: 20px !important;
    }

    html body #content-container div.description button>h4 {
        font-size: 18px !important;
    }
}

/******* Slick CSS ******/

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

    html body .products-five-block.dialog h2 {
        padding-top: 0 !important;
    }

    html body .product-details .slick-arrow {
        display: none !important;
    }

    html body .product-details .slick-dots li button {
        display: none;
    }

    html body .product-details .slick-dots li {
        background: #000;
        list-style: none;
        /* border: 3px solid #728287; */
        width: 100%;
        height: 8px;
        margin: 0px 2px;
        border-radius: 0;
    }

    html body .product-details .slick-dots {
        padding: 0px;
        display: flex !important;
        align-items: center;
        justify-content: center;
        margin-top: 20px;
    }

    html body .product-details .slick-dots li.slick-active {
        background: #728287;
    }

    html body .mt-selector {
        opacity: 0 !important;
    }

    html body .mt-selector.slick-current {
        opacity: 1 !important;
    }

    html body .mt-selector ul.slick-dots {
        display: flex !important;
        justify-content: center;
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

/** color changed **/

.product-details .details>*,
.icon-links-row div span,
span.stock-in,
span#save_percent,
span#save_percent>*,
.labels .label.market-price,
.mobile-product-header h1 {
    color: #000 !important;
}


.afterpay svg,
.zippay svg {
    stroke: #000 !important;
}

.buttons-row-wl .add-to-wl-button .wl-icon svg path {
    fill: #000 !important;
}

.product-price-payments__payments svg path:not(.background),
.product-price-payments__payments svg polygon:not(.background) {
    fill: #000 !important;
}

.product-price-payments .afterpay+div {
    border-color: #000 !important;
}

.product-details-main .container,
.product-details-main {
    background: #fff !important;
}


























(function () {
  try {
    /* main variables */
    var debug = 0;
    var variation_name = "";

    function waitForElement(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);
    }

    function waitForSlick(trigger) {
      var interval = setInterval(function () {
        if (window.jQuery.fn.slick != undefined) {
          clearInterval(interval);
          trigger();
        }
      }, 50);
      setTimeout(function () {
        clearInterval(interval);
      }, 15000)
    }

    function waitForjQuery(trigger) {
      var interval = setInterval(function () {
        if (window.jQuery != undefined) {
          clearInterval(interval);
          trigger();
        }
      }, 50);
      setTimeout(function () {
        clearInterval(interval);
      }, 15000)
    }

    function addScript() {
      var cssScript = '' +
        "<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.css'/>";
      document.querySelector('head').insertAdjacentHTML('beforeend', cssScript);

      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);
    }

    /* Variation Init */
    function init() {
      let lhs = document.querySelector("#content-container > div.dialog  div.product-details-main div.product-details > div:nth-child(3) .description");
      var getSpecs = document.querySelector('.details-specification__item .product-properties').innerHTML;

      var eg_specification = '' +
        '<div class="details-specification__item specifications eg_specs col-xs-12">' +
        '   <button class="collapse-toggle collapsed" data-toggle="collapse" data-parent="#details-specification-accordion" aria-expanded="false" data-target="#details-specification__item_specifications">' +
        '     <h4 class="collapse-toggle-title">Specifications</h4>' +
        '   </button>' +
        '   <div class="product-properties collapse-content collapse" id="details-specification__item_specifications" aria-expanded="false">' +
        getSpecs +
        '   </div>' +
        '</div>';

      lhs.insertAdjacentHTML("beforeend", eg_specification);
    }

    function imageLoad() {

      if (document.querySelector(".mt-selector")) {
        document.querySelector(".product-details-main .MagicZoom").style.display = "none"
      } else {
        document.querySelector(".product-details-main .MagicZoom").style.display = "block";
      }

      if (window.innerWidth > 991) {
        document.querySelectorAll('.MagicToolboxSelectorsContainer a').forEach(function (val) {
          val.querySelector('img').src = val.getAttribute('data-image');
          val.addEventListener('click', function () {
            setTimeout(function () {
              MagicZoom.expand(document.querySelector('.MagicZoom'));
            }, 1000);
          });
        });

        if (document.querySelectorAll(".MagicToolboxSelectorsContainer > div >a").length < 4) {
          document.querySelector(".MagicToolboxSelectorsContainer").classList.add("eg-items-less");
        }

        // make the right side sticky
        setTimeout(function () {
          document.querySelector('div.product-details .details').style.top = 0;
          window.addEventListener('scroll', function () {
            if (scrollY > 178) {
              document.querySelector('div.product-details .details').style.top = (scrollY - 178) + 'px';
            } else {
              document.querySelector('div.product-details .details').style.top = 0;
            }
          })
        }, 1000)
      }
    }

    function slide() {
      document.querySelectorAll('.MagicToolboxSelectorsContainer a').forEach(function (val) {
        val.querySelector('img').src = val.getAttribute('data-image');
      });

      if (window.innerWidth < 991) {
        waitForSlick(function () {
          var $ = window.jQuery;
          $('html body div.MagicToolboxSelectorsContainer > div').slick({
            autoplay: true,
            autoplaySpeed: 3000,
            dots: true,
            infinite: true,
            speed: 300,
            slidesToShow: 1,
            centerMode: true,
          });
        });
      }
    }

    waitForElement('#content-container > div.dialog  div.product-details-secondary > div.details-specification', init, 50, 15000);
    waitForElement('.MagicToolboxSelectorsContainer a img', imageLoad, 50, 15000);
    if (window.innerWidth < 991) {
      waitForElement('div.MagicToolboxSelectorsContainer > div a img', slide, 50, 15000);
    }
    waitForjQuery(function () {
      addScript();
    });
  } catch (e) {
    if (debug) console.log(e, "error in Test" + variation_name);
  }
})();