html { overflow-x: hidden; }

@media (max-width: 560px) {
  .hero h1 br { display: block; }
}

.faq-icon svg {
  width: 20px;
  height: 20px;
  stroke-width: 1.7;
}

.rating > span svg {
  width: 22px;
  height: 22px;
  stroke-width: 1.8;
}

.social {
  color: #fff !important;
  transition: transform .2s ease, box-shadow .2s ease;
}

.social:hover {
  transform: translateY(-2px);
  box-shadow: 0 7px 16px rgba(24, 61, 42, .17);
}

.social svg {
  width: 21px;
  height: 21px;
}

.social.telegram { background: #2aabee !important; }
.social.whatsapp { background: #25d366 !important; }
.social.vk { background: #0077ff !important; }
.social.instagram { background: linear-gradient(135deg, #833ab4 5%, #fd1d1d 55%, #fcb045 100%) !important; }

.messengers .social {
  width: 40px;
  height: 40px;
}

.footer-social .social {
  width: 34px;
  height: 34px;
}

img.contact-toys {
  width: 205px;
  height: 175px;
  right: 5px;
  bottom: 2px;
  object-fit: contain;
  object-position: right bottom;
}

@media (max-width: 560px) {
  img.contact-toys {
    position: relative;
    right: auto;
    bottom: auto;
    display: block;
    width: 185px;
    height: auto;
    margin: 14px -8px -20px auto;
    opacity: 1;
  }
}