/*
 * Мобильная типографика.
 * Базовый размер шрифта сайта (13px) на телефонах распознаётся Google и Яндексом
 * как «слишком мелкий текст», поэтому на узких экранах читаемый текст
 * увеличивается до 16px, а служебные подписи — минимум до 14px.
 * Десктопная вёрстка (> 768px) не затрагивается.
 */

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

  body {
    font-size: 16px;
  }

  /* Заголовки должны оставаться крупнее основного текста */
  h1, .h1 {
    font-size: 24px;
    line-height: 1.25;
  }

  h2, .h2 {
    font-size: 19px;
    line-height: 1.3;
  }

  h3 {
    font-size: 17px;
    line-height: 1.35;
  }

  /* Основные текстовые блоки страниц */
  .txt,
  .single-page,
  .goods-description,
  .goods-description-txt,
  .viki-tabs-frames .viki-tab,
  .home-container p,
  .home-container li,
  .m-count > div > p,
  .m-count > div > ul > li {
    font-size: 16px;
    line-height: 1.5;
  }

  .txt p,
  .txt li,
  .single-page p,
  .single-page li,
  .viki-tabs-frames .viki-tab p,
  .viki-tabs-frames .viki-tab li {
    font-size: inherit;
    line-height: inherit;
  }

  /* Хлебные крошки: читаемая строка и достаточный интервал между ссылками */
  ul.breadcrumbs {
    font-size: 14px;
    line-height: 20px;
  }

  ul.breadcrumbs li:after {
    padding: 0 8px;
  }

  /* Карточки товаров и списки брендов */
  .TovBgWr .TovInfo,
  .m-count > ul.subs > li > a {
    font-size: 14px;
    line-height: 1.4;
  }

  /* Блок товара */
  .goods-top-info,
  .goods-top-info > div > span,
  .goods-top-info > div > a,
  .goods-advantages > div > span,
  .goods-delivery > div > div {
    font-size: 15px;
    line-height: 1.4;
  }

  /* Подвал */
  .footer-text-box,
  .footer-text-box a,
  .footer-text-right {
    font-size: 14px;
    line-height: 1.4;
  }

  .footer-item a,
  .footer-time-box p {
    font-size: 15px;
    line-height: 1.4;
  }

  /* Широкие таблицы из контента прокручиваются внутри блока,
     а не растягивают страницу за границы экрана */
  .single-page table,
  .txt table,
  .viki-tabs-frames .viki-tab table {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  /* Формы: 16px не даёт iOS Safari масштабировать страницу при фокусе */
  input[type="text"],
  input[type="tel"],
  input[type="email"],
  input[type="number"],
  input[type="search"],
  input[type="password"],
  select,
  textarea {
    font-size: 16px;
  }
}

@media screen and (max-width: 480px) {

  h1, .h1 {
    font-size: 22px;
    line-height: 1.25;
  }

  .home-categories .home-text {
    font-size: 14px;
    line-height: 18px;
  }
}

/* Юридическая сноска в подвале: x-small (10px) нечитаем на любом экране */
.footer-legal-note {
  font-size: 13px;
  line-height: 1.5;
  text-align: center;
}

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

  .footer-legal-note {
    font-size: 14px;
  }
}