/* Модуль «Питомцы» — служебная обвязка.
   Разметка/классы/размеры — classicbk (main.css, buttons.css): у страницы
   «Питомец» собственных стилей в classicbk нет. Здесь только мобильная
   адаптация (у classicbk на 430px горизонтальный скролл 980px) и защита от
   горизонтального скролла. Корень страницы помечен data-pet-root (служебный
   data-*, в DOM-diff нормализуется). */

[data-pet-root] {
  box-sizing: border-box;
  max-width: 100%;
}

[data-pet-root] img {
  max-width: 100%;
}

[data-pet-root] nobr {
  white-space: normal;
}

@media (max-width: 560px) {
  /* Две колонки страницы (карточка зверя | корм/кнопки) — в столбик */
  [data-pet-root] > table > tbody > tr {
    display: block;
  }
  [data-pet-root] > table > tbody > tr > td {
    display: block;
    width: auto !important;
    padding-right: 0 !important;
  }
  /* Внутренняя таблица карточки: имя и характеристики — в столбик */
  [data-pet-root] > table > tbody > tr > td > table > tbody > tr {
    display: block;
  }
  [data-pet-root] > table > tbody > tr > td > table > tbody > tr > td {
    display: block;
    width: auto !important;
    text-align: center;
  }
  [data-pet-root] > table > tbody > tr > td[width="50%"] {
    padding-top: 6px;
  }
}