/* Floating and promotional sticker styles */

.sticker {
  position: fixed;
  top: 17rem;
  z-index: 993;
  left: -80px;
  transition: all ease 0.5s;
  /*временно скрываем все стикеры */
  display: none !important;
}

.sticker.active.closed {
  left: -80px !important;
}

.sticker .close {
  position: absolute;
  display: block;
  width: 35px;
  height: 35px;
  font-size: 25px;
  top: -35px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
  color: var(--grey);
  cursor: pointer;
  z-index: 995;
  transition: all ease 0.2s;
  opacity: 1;
}

.sticker.active {
  left: 0;
}

.sticker:hover a {
  transform: scale(1.02);
}

.sticker:hover .close {
  transform: translate(0, -15px);
}

.sticker a {
  display: block;
  width: 70px;
  height: 271px;
  cursor: pointer;
  transition: all 0.2s ease;
  -webkit-box-shadow: 4px 1px 8px 0px rgba(34, 60, 80, 0.2);
  -moz-box-shadow: 4px 1px 8px 0px rgba(34, 60, 80, 0.2);
  box-shadow: 4px 1px 8px 0px rgba(34, 60, 80, 0.2);
  border-radius: 0 19px 19px 0;
}

.sticker.online26 a {
  background: url(../i/2025/sticker-online-2025-d.png) left center no-repeat;
  background-size: cover;
  width: 70px;
  height: 271px;
}

.sticker.fabrika26 a {
  background: url(../i/2025/sticker-fab-2025-d.png) left center no-repeat;
  background-size: cover;
  width: 70px;
  height: 271px;
}

.sticker.concurs a {
  background-image: url(/local/templates/bcf_2021/i/2025/sticker-fab-2025-d.png);
  border: 2px solid var(--grey);
  border-left: none;
  width: 75px;
  height: 318px;
}

.en .sticker.concurs a {
  background-image: url(/local/templates/bcf_2021/i/2025/concurs-sticker-en.svg);
}

.online-sticker {
  display: block;
  transition: all .2s ease;
}

.online-sticker:hover {
  transform: scale(1.05);
}

@media all and (max-width: 768px) {

  .sticker {
    position: fixed;
    left: 0;
    top: auto;
    bottom: -42px;
    z-index: 993;
    width: 100%;
    height: 41px;
  }

  .sticker .close {
    top: 5px;
    right: 20px;
  }

  .sticker.active {
    bottom: -2px;
  }

  .sticker.active.closed {
    bottom: -60px !important;
    left: 0 !important;
  }

  .sticker a {
    display: block;
    width: 100%;
    height: 41px;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }

  .sticker.online26 a {
    background: url(../i/2025/sticker-online-2025-m.png) center no-repeat;
    background-size: contain;
    width: 100%;
    height: 41px;
  }

  .sticker.concurs a {
    background-image: url(../i/2025/concurs-sticker-m.svg);
    width: 100%;
    height: 100%;
    border: none;
    background-position: center bottom;
  }

  .sticker.fabrika26 a {
    background: url(../i/2025/sticker-fab-2025-m.png) center no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
    border: none;
  }

  .en .sticker.concurs a {
    background-image: url(../i/2025/concurs-sticker-en-m.svg);
  }

  .sticker a:hover {
    transform: none;
  }

}

@media screen and (max-width: 768px) {
  #top_box .online-sticker {
    display: none;
  }
}