/* selokids.ru — мобильная адаптация без изменения десктопа (15.09.2026).
   Главная — экспорт конструктора (Readymag-тип): 100+ элементов с абсолютными координатами в инлайн-стилях, макет 1280px.
   Перестроить такую раскладку CSS-ом нельзя (координаты зашиты в HTML) → на телефоне макет масштабируется целиком
   через zoom = ширина экрана / 1280: страница помещается в экран без горизонтальной прокрутки, пропорции сохранены,
   масштабирование пальцами не запрещено. /deti — обычная статья без CSS, ей хватает viewport.
   Все правила только внутри @media (max-width:768px). */
@media screen and (max-width:768px){
  body>.html{zoom:0.6;transform-origin:0 0}
  img,iframe,video{max-width:100%}
  .container{padding:0 8px;overflow-wrap:anywhere;word-wrap:break-word}
}
@media screen and (max-width:640px){body>.html{zoom:0.5}}
@media screen and (max-width:540px){body>.html{zoom:0.42}}
@media screen and (max-width:480px){body>.html{zoom:0.375}}
@media screen and (max-width:430px){body>.html{zoom:0.335}}
@media screen and (max-width:414px){body>.html{zoom:0.323}}
@media screen and (max-width:400px){body>.html{zoom:0.3125}}
@media screen and (max-width:390px){body>.html{zoom:0.304}}
@media screen and (max-width:375px){body>.html{zoom:0.292}}
@media screen and (max-width:360px){body>.html{zoom:0.281}}
@media screen and (max-width:320px){body>.html{zoom:0.25}}