/* Z613 (Костя #40387): на телефоне при прокрутке шапка главной сворачивается, как в разделе кондиционеров на new:
   логотип до знака «МК», отступы меньше. Класс is-svernuto ставит shapka-svorot.js (порт components/HeaderSvorot.jsx). */
header.header .logo .logo-znak{display:none}
@media(max-width:560px){
 header.header .logo{position:relative;display:block;width:192px;height:34px;overflow:hidden;transition:width .24s}
 header.header .logo img{position:absolute;left:0;top:0;height:34px;width:auto;transition:opacity .2s}
 header.header .logo .logo-znak{display:block;opacity:0}
 header.header.is-svernuto .logo{width:47px}
 header.header.is-svernuto .logo .logo-full{opacity:0}
 header.header.is-svernuto .logo .logo-znak{opacity:1}
 header.header.is-svernuto .header-main{padding:8px 0;min-height:0}
}
@media(max-width:560px) and (prefers-reduced-motion:reduce){
 header.header .logo,header.header .logo img{transition:none}
}
/* margin-top первого блока не схлопывается сквозь main с отступом шапки — иначе сумма «высота + отступ» в анимации нелинейна и контент проседает (ревьюер Z613) */
@media(max-width:560px){header.header+main{display:flow-root}}