@media screen and (hover: hover) {
	/* Hover css */

  .button:hover {
    color: #fff;
    background: var(--dark);
  }

  .button.-dark:hover {
    opacity: 0.8;
  }

  .button.-has-arrow:hover svg path:not(.stroke-hover),
  .button.-has-icon-left:hover svg path:not(.stroke-hover) {
    fill: #ffffff;
  }

  .button.-has-arrow:hover svg path.stroke-hover,
  .button.-has-icon-left:hover svg path.stroke-hover {
    stroke: #ffffff;
  }

  .header.-active .header__mobile-wrapper .button:hover {
    opacity: 0.8;
  }

  .header.-filled .button:hover {
    opacity: 0.8;
  }

  .product-card:hover .product-card__img-container img {
    transform: translateZ(0) scale(1.15);
  }

  .product-card:hover .title:after {
    opacity: 1;
  }

  .link:not(.-has-line):hover {
    color: var(--dark-grey);
  }

  .link.-has-arrow-to-bot:hover svg path {
    fill: var(--dark-grey);
  }

  .link.-has-border-line.-has-line:hover {
    color: var(--dark);
  }

  .link.-has-line:hover {
  color: var(--dark-grey);
}

  .link.-has-line:hover:before {
    width: 100%;
  }

  .link.-has-arrow:hover:after {
    opacity: 1;
  }

  .header__menu a:hover {
    color: var(--dark-grey);
  }

  .footer .footer__single-menu a:hover {
    color: var(--dark-grey);
  }

  .header__menu a:hover sup {
    color: var(--dark-grey);
  }

  .header .mobile-menu-opener:hover {
    color: var(--dark-grey);
  }

  .header .mobile-menu-opener:hover .burger {
    opacity: 0.8;
  }

  .social-list a:hover {
    background: var(--dark);
  }

  .social-list a:hover svg path {
    fill: #fff;
  }

  .main .swiper-pagination .swiper-pagination-bullet:hover {
    background: var(--dark);
  }

  .animation-line-block:hover .animation-line {
    opacity: 0.5;
    animation-play-state: paused !important;
  }

  .consultation-modal .form .agreement a:hover:after {
    background-color: var(--dark);
  }

  .consultation-modal .phone-box .phone:hover {
    color: var(--dark-grey);
  }

  .consultation-modal .phone-box .phone:hover path {
    fill: var(--dark-grey);
  }

  .input-box:hover:before {
    width: 100%;
  }

  .burger.-active:hover {
    transform: rotate(90deg);
  }

  .burger.-active-forever:hover {
    transform: rotate(90deg);
  }

}

• [D] lib
• [F] adaptive.css
  Delete
• [F] hovers.css
  Delete
• [F] styles.css
  Delete
• [F] ui-blocks.css
  Delete
• [F] ui-kit.css
  Delete