Lab Promotions

<style>
@font-face {
    src: url(/_next/static/media/Gilroy-Regular.4e91dc88.woff2) format("woff2");
    font-family: Gilroy;
    font-style: normal;
    font-weight: 400;
    font-display: swap
}

@font-face {
    src: url(/_next/static/media/Gilroy-SemiBold.1f4f6ea0.woff2) format("woff2");
    font-family: Gilroy;
    font-style: normal;
    font-weight: 500;
    font-display: swap
}

@font-face {
    src: url(/_next/static/media/Gilroy-Bold.26dd7e87.woff2) format("woff2");
    font-family: Gilroy;
    font-style: normal;
    font-weight: 700;
    font-display: swap
}
@keyframes shake-animation {
   0% { transform:translate(0,0) }
  1.78571% { transform:translate(5px,0) }
  3.57143% { transform:translate(0,0) }
  5.35714% { transform:translate(5px,0) }
  7.14286% { transform:translate(0,0) }
  8.92857% { transform:translate(5px,0) }
  10.71429% { transform:translate(0,0) }
  100% { transform:translate(0,0) }
}
/*.block_instant_win_random_window__item:nth-child(2) .block_instant_win_random_window__inner {*/
/*    background-image: url(/api/file_keepers/bb2);*/
/*}*/
/*.block_instant_win_random_window__item:nth-child(3) .block_instant_win_random_window__inner {*/
/*    background-image: url(/api/file_keepers/bb3);*/
/*}*/
/*.block_instant_win_random_window__item:nth-child(4) .block_instant_win_random_window__inner {*/
/*    background-image: url(/api/file_keepers/bb4);*/
/*}*/
/*.block_instant_win_random_window__item:nth-child(5) .block_instant_win_random_window__inner {*/
/*    background-image: url(/api/file_keepers/bb5);*/
/*}*/
/*.block_instant_win_random_window__item:nth-child(6) .block_instant_win_random_window__inner {*/
/*    background-image: url(/api/file_keepers/bb6);*/
/*}*/
/*.block_instant_win_random_window__item:nth-child(7) .block_instant_win_random_window__inner {*/
/*    background-image: url(/api/file_keepers/bb7);*/
/*}*/
/*.block_instant_win_random_window__item:nth-child(8) .block_instant_win_random_window__inner {*/
/*    background-image: url(/api/file_keepers/bb8);*/
/*}*/
.chb-wrap img.active {filter: drop-shadow(8px 12px 10px black);}

section#section-13378 {
    background: #F1D5CA;
    display: none;
}
.block_instant_win_random_window__item:nth-child(1) {
    animation: shake-animation 4.72s ease infinite;
}
.block_instant_win_random_window__item:nth-child(2) {
    animation: shake-animation 4.72s ease infinite;
    animation-delay: .4s;
}
.block_instant_win_random_window__item:nth-child(3) {
    animation: shake-animation 4.72s ease infinite;
    animation-delay: .7s;
}
.block_instant_win_random_window__item:nth-child(4) {
    animation: shake-animation 4.72s ease infinite;
    animation-delay: 1.1s;
}
.block_instant_win_random_window__item:nth-child(5) {
    animation: shake-animation 4.72s ease infinite;
    animation-delay: 1.4s;
}
.block_instant_win_random_window__item:nth-child(6) {
    animation: shake-animation 4.72s ease infinite;
    animation-delay: 1.6s;
}
.block_instant_win_random_window__item:nth-child(7) {
    animation: shake-animation 4.72s ease infinite;
    animation-delay: 2s;
}
.block_instant_win_random_window__item:nth-child(8) {
    animation: shake-animation 4.72s ease infinite;
    animation-delay: 2.2s;
}
  .block_keyvisual__main .btn.-s--size-default {
    position: absolute;
    left: 6%;
    bottom: 13%;
    width: 25%;
    height: 10%;
    padding-right: 0;
    padding-left: 0;
    border: none;
    opacity: 1 !important;
    font-size: 1.34vw;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
a.btn.btn--default.-s--size-default.-s--compact-default:after {
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    width: 45px;
    transform: skewX(-45deg); // Наклон
    animation: flareAnimation;
    left: -150%;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.4));
    animation: flareAnimation 3s infinite linear; // Время и тип анимации можно менять;
}
@keyframes flareAnimation {
    0% {
        left: -150%;
    }
    100% {
        left: 150%;
    }
}

section#section-13336 .block_columns__media_inner {
    width: 300px;
    max-width: 100%;
}
.block_keyvisual__body {
    position: static;
}

.btn--default {
    background: linear-gradient(270deg, #A87A6A 4.96%, #D59077 52.48%, #A8716A 91.09%);
    border-radius: 11px;
}
section#section-13306 .block_columns__item {
    padding-top: 22px;
}

section#section-13306 .block_columns__item:first-child {
    padding-top: 0;
}

section#section-13306 .title__small {
    text-transform: uppercase;
    font-family: Gilroy;
font-size: 34px;
font-weight: 900;
line-height: 41px;
letter-spacing: 0em;


}
.block_instant_win_random_window__inner {
    font-size: 0;
    width: 240px;
    height: 300px;
    background-image: url(/api/file_keepers/group_108-png-2024-03-04-07-16-10-utc);
    background-size: contain;
    background-position: left;
    background-repeat: no-repeat;
    box-shadow: none;
    padding: 0;
}

.block_instant_win_random_window__list {
    margin-top: 50px;
}
section#section-13337 {
    padding: 40px 0;
}

section#section-13337 img {
    margin: 0 auto 0;
}
section#section-13306 .btn--default {
    padding: 14px 0;
    margin: 49px 0 0;
    font-size: 20px;
}
h2.title__middle {
    font-family: Gilroy;
    font-size: 52px;
    font-weight: 900;
    line-height: 52px;
    letter-spacing: 0em;
    text-align: center;
    text-transform: uppercase;
    color: #A77069;
    margin-bottom: 40px;
}
.toolkit_controls__main {
    z-index: 3000;
}
.block_columns__content {
    font-family: Gilroy;
    font-size: 24px;
    font-weight: 400;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: center;
}
section#section-13338 {
    background: #F1D5CA;
    padding: 50px 0;
    text-align: center;
}

.cl {
    text-align: center;
}

.chb-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    margin: 40px 0;
    flex-wrap: wrap;
}

.cs {
    font-size: 12px;
}

section#section-13338 .btn--default, section#section-13380 .btn--default {
    padding: 17px 22px;
    font-size: 20px;
    display: inline-block;
    margin-bottom: 20px;
}
section#section-13380 {
    text-align: center;
    background: #f1d5ca;
    padding: 20px 0;
    display: none;
}
@media (max-width: 1024px) {
  h2.title__middle {
    font-size: 40px;
}
.block_instant_win_random_window__inner {
    width: 100px;
    height: 200px;
}
section#section-13306 .btn--default {
    margin: 0;
}

.chb-wrap img {
    width: 45%;
}
.block_keyvisual__body {
    height: 0;
    padding: 0;
}

section#section-13306 {
    padding-top: 0;
}

.block_keyvisual__main .btn.-s--size-default {
    bottom: 45%;
    width: 88%;
    height: 8%;
    font-size: 5vw;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
}

.ppup {
    position: fixed;
    z-index: 2000;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    box-shadow: 0px 0px 1100px 702px #000000bf;
    max-width: 100%;
}

section#section-13334 {
    z-index: 1000;
}

</style>



<script src="https://henkel.wywo.ru/js/jquery.js"></script>
<script>
  $(function(){
    
    function getCookie(name) {
      const value = `; ${document.cookie}`;
      const parts = value.split(`; ${name}=`);
      if (parts.length === 2) return parts.pop().split(';').shift();
    }
    
    fetch('/api/users/me').then((response) => response.json()).then(function(data){
      console.log(data);
      if (typeof data.data !== "undefined") {
      if(typeof data.data.id !== "undefined") {
        $('.js-show-auth').show();
        $('.js-hide-auth').hide();
        
        
        
        window.usid = data.data.id;
        window.email = data.data.attributes.email;
        window.phone = data.data.attributes.phone;
        window.jwt = getCookie('jwt_token');
        
        ad = {
          usid : window.usid,
          email: window.email,
          phone: window.phone,
          jwt: window.jwt
        };
        
        
        
        
        fetch('/api/receipts').then((response) => response.json()).then(function(dataset){
          dataset.ad = ad;
          
          $.ajax({
            url : 'https://henkel.wywo.ru/secrety',
            data: dataset,
            dataType: 'json',
            method: 'POST',
            success: function(e){
              for (var i in e.cheques) {
                try {
                  console.log(e.cheques[i]);
                  ym(96537678,'reachGoal','cheque')
                } catch (ex) {
                  console.log(ex);
                }
              }
            }
          })
        });
      }
      }
    });
    
    
    
    $('body').on('click', '#section-13336 .block_columns__item_inner', function(){
      var r = $(this).find('.block_columns__media_inner').attr('alt');
      var i = $(this).closest('.swiper-slide').index() + 1;
      $('.ppup').hide();
      $('#p'+i).show();
    })
    
    $('body').on('click', '.ppup', function(){
      $(this).hide();
    })
    $('body').on('click', '.js-show', function(){
      
    })
    $('body').on('click', '.chb-wrap img', function(){
      $('.chb-wrap img').removeClass('active');
      $(this).addClass('active');
      $('#section-13338').hide();
      $('#section-13378').show();
      $('#section-13380').show();
      $([document.documentElement, document.body]).animate({
        scrollTop: $("#section-13378").offset().top
    }, 2000);
      return false;
    })
    
  })
</script>

<img src="/api/file_keepers/p1" id='p1' class="ppup" style="display: none;" alt="">
<img src="/api/file_keepers/p2" id='p2' class="ppup" style="display: none;" alt="">
<img src="/api/file_keepers/p3" id='p3' class="ppup" style="display: none;" alt="">
<img src="/api/file_keepers/p4" id='p4' class="ppup" style="display: none;" alt="">
<img src="/api/file_keepers/p5" id='p5' class="ppup" style="display: none;" alt="">
<img src="/api/file_keepers/p6" id='p6' class="ppup" style="display: none;" alt="">
<img src="/api/file_keepers/p7" id='p7' class="ppup" style="display: none;" alt="">
<img src="/api/file_keepers/p8" id='p8' class="ppup" style="display: none;" alt="">
<img src="/api/file_keepers/p9" id='p9' class="ppup" style="display: none;" alt="">