@import "../../shared/variables.css";
@import "../../shared/reset.css";
@import "../../shared/layout.css";
@import "../../shared/typography.css";
@import "../../shared/buttons.css";
@import "../../shared/modal.css";
@import "../../shared/animations.css";
@import "./blocks/header.css";
@import "./blocks/hero.css";
@import "./blocks/advantages.css";
@import "./blocks/catalog-sheet.css";
@import "./blocks/workflow.css";
@import "./blocks/cta-request.css";
@import "./blocks/footer.css";

[data-admin-preview-field] {
  white-space: pre-line;
}

@media (max-width: 1180px) {
  .button,
  .header__nav-link,
  .header__phone,
  .header__language-current,
  .header__language-link,
  .catalog-sheet__all-link,
  .catalog-sheet__arrow,
  .hero__button-icon,
  .cta-request__button-icon,
  .footer__button-icon,
  .footer__link,
  .footer__email,
  .footer__phone {
    transition: none;
  }

  .button--primary:hover {
    background: var(--color-red);
  }

  .header__nav-link:hover {
    color: rgb(255 255 255 / 90%);
  }

  .header__nav-link:hover::after {
    transform: scaleX(0);
  }

  .header__language-current:hover {
    border-color: rgb(255 255 255 / 22%);
    background-color: transparent;
  }

  .header__language-link:hover {
    background: transparent;
    color: rgb(255 255 255 / 66%);
  }

  .header__phone:hover {
    color: var(--color-paper);
  }

  .hero .button--ghost:hover {
    border-color: rgb(255 255 255 / 40%);
    background: transparent;
    color: var(--color-paper);
  }

  .hero__button:hover .hero__button-icon,
  .cta-request__button:hover .cta-request__button-icon,
  .footer__catalog-button:hover .footer__button-icon {
    transform: none;
  }

  .catalog-sheet__all-link:hover {
    color: var(--color-red);
  }

  .catalog-sheet__row:hover {
    background: var(--color-paper);
  }

  .catalog-sheet__row:hover .catalog-sheet__arrow {
    color: var(--color-ink-40);
    transform: none;
  }

  .footer__link:hover,
  .footer__email:hover,
  .footer__phone:hover {
    color: inherit;
  }
}