@media (max-width: 600px) {
  .wikichem-facts {
    width: 100%;
    min-width: 0;
    overflow: hidden;
  }

  .facts-hero {
    min-width: 0;
    gap: 18px;
    padding: 20px 18px;
  }

  .facts-hero > div {
    min-width: 0;
  }

  .facts-kicker {
    display: block;
    font-size: 11px;
    line-height: 1.4;
    letter-spacing: .08em;
    overflow-wrap: anywhere;
  }

  .facts-hero h1 {
    max-width: 100%;
    margin: 7px 0 11px;
    font-size: clamp(28px, 9vw, 36px);
    line-height: 1.06;
    overflow-wrap: anywhere;
  }

  .facts-hero p {
    font-size: 15px;
    line-height: 1.5;
  }

  .facts-hero__aside {
    min-width: 0;
    padding: 15px;
    border-radius: 16px;
  }

  .facts-hero__aside strong {
    font-size: 17px;
  }

  .facts-hero__aside span {
    display: block;
    font-size: 13px;
    line-height: 1.45;
  }
}

@media (max-width: 360px) {
  .facts-hero {
    padding: 18px 15px;
  }

  .facts-hero h1 {
    font-size: 28px;
  }
}

/* The Bitrix footer mixes sprite and inline-SVG social icons. Keep one white tone. */
.footer__social .social__item .social__link {
  opacity: 1 !important;
}

.footer__social .social__item .social__link {
  display: grid !important;
  place-items: center;
  background-image: none !important;
  filter: none !important;
  transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease !important;
}

.footer__social .social__item .social__link svg {
  display: none !important;
}

.footer__social .social__item .social__link::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: #fff;
  opacity: .68;
  -webkit-mask: var(--easy-social-icon) center / contain no-repeat;
  mask: var(--easy-social-icon) center / contain no-repeat;
  transition: opacity .2s ease, transform .2s ease, filter .2s ease;
}

.footer__social .social__item .social__link:hover,
.footer__social .social__item .social__link:focus-visible {
  background-color: rgba(255, 255, 255, .13) !important;
  border-color: rgba(255, 255, 255, .28) !important;
  box-shadow: 0 6px 16px rgba(0, 0, 0, .16);
  transform: translateY(-2px);
}

.footer__social .social__item .social__link:hover::before,
.footer__social .social__item .social__link:focus-visible::before {
  opacity: 1;
  filter: drop-shadow(0 0 4px rgba(255, 255, 255, .32));
  transform: scale(1.08);
}

@media (prefers-reduced-motion: reduce) {
  .footer__social .social__item .social__link,
  .footer__social .social__item .social__link::before {
    transition: none !important;
  }
}

.footer__social .inst { --easy-social-icon: url('/wikichem/assets/social/simpleicons-instagram.svg'); }
.footer__social .tel { --easy-social-icon: url('/wikichem/assets/social/simpleicons-telegram.svg'); }
.footer__social .wh { --easy-social-icon: url('/wikichem/assets/social/simpleicons-whatsapp.svg'); }
.footer__social .li { --easy-social-icon: url('/wikichem/assets/social/simpleicons-linkedin.svg'); }
.footer__social .easy-social-added--threads { --easy-social-icon: url('/wikichem/assets/social/simpleicons-threads.svg'); }
.footer__social .easy-social-added--x { --easy-social-icon: url('/wikichem/assets/social/simpleicons-x.svg'); }
.footer__social .easy-social-added--bluesky { --easy-social-icon: url('/wikichem/assets/social/simpleicons-bluesky.svg'); }
.footer__social .fb { --easy-social-icon: url('/wikichem/assets/social/simpleicons-facebook.svg'); }
