/* Компактная шапка на телефонах: бургер встаёт в строку с логотипом, соцсети и подписи скрыты, вкладки рынков в одну прокручиваемую строку. */
@media(max-width:600px){
 .test-note{padding:5px 12px!important;font-size:11px!important;line-height:1.3}
 .site-header{position:sticky}
 .header-top{min-height:56px;padding:6px 12px 6px 56px;gap:10px}
 .new-brand img{width:66px;height:auto}
 .brand-description,.header-mail,.messengers,.header-contact a small{display:none}
 .header-contact{flex:1;justify-content:center;gap:6px;font-size:14px;font-weight:700;white-space:nowrap}
 .header-contact .contact-icon{display:inline-flex;font-size:0}
 .header-contact .contact-icon svg{width:18px;height:18px}
 .header-account{width:36px;height:36px;padding:6px;border:1px solid #41484e;border-radius:50%;display:grid;place-items:center;margin-left:0}
 .header-account span{display:none}
 .header-bottom{position:absolute;left:0;right:0;top:0;height:56px;min-height:0;padding:0 10px;border:0;pointer-events:none}
 .header-bottom>*{pointer-events:auto}
 .header-bottom #topNav{top:56px}
 .countries{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:6px;padding:8px 12px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 .countries::-webkit-scrollbar{display:none}
 .countries button,.countries>button{flex:0 0 auto;padding:7px 12px!important;min-height:0;font-size:13px!important;white-space:nowrap}
 .test-note{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}

/* Панель «Связаться» (2026-10-07): на телефоне нажатие на номер в шапке открывает снизу все контакты. */
@media(max-width:600px){
 .header-contact.contact-sheet-ready{cursor:pointer;-webkit-tap-highlight-color:transparent}
 .header-contact.contact-sheet-ready>a[href^="tel:"]{pointer-events:none}
 .header-contact.contact-sheet-ready::after{content:"";width:7px;height:7px;border-right:2px solid #ed2027;border-bottom:2px solid #ed2027;transform:rotate(45deg) translateY(-3px);flex:none;margin-left:2px}
 .header-contact:focus-visible{outline:2px solid #fff;outline-offset:3px;border-radius:20px}
}
.contact-sheet{position:fixed;inset:auto 0 0 0;width:100%;max-width:520px;max-height:88vh;max-height:88dvh;margin:0 auto;padding:10px 16px calc(18px + env(safe-area-inset-bottom));border:1px solid #354047;border-bottom:0;border-radius:18px 18px 0 0;background:#161d21;color:#f5f7f8;overflow-y:auto;box-shadow:0 -18px 50px rgba(0,0,0,.55)}
.contact-sheet::backdrop{background:rgba(5,8,10,.62)}
.contact-sheet[open]{animation:contact-sheet-in .22s ease-out}
@keyframes contact-sheet-in{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
@media(prefers-reduced-motion:reduce){.contact-sheet[open]{animation:none}}
.contact-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 2px 10px}
.contact-sheet-head h2{margin:0;font-size:18px;line-height:1.3;color:#fff}
.contact-sheet-close{width:40px;height:40px;border:1px solid #41484e;border-radius:50%;background:transparent;color:#fff;font-size:24px;line-height:1;cursor:pointer}
.contact-sheet-list{display:grid;gap:8px}
.contact-sheet-row{display:flex;align-items:center;gap:14px;min-height:60px;padding:9px 12px;border:1px solid #2f3a40;border-radius:14px;background:#1c2529;color:inherit;text-decoration:none}
.contact-sheet-row:active{background:#243036}
.contact-sheet-row:focus-visible,.contact-sheet-close:focus-visible{outline:2px solid #fff;outline-offset:2px}
.contact-sheet-row strong{display:block;font-size:16px;line-height:1.3;color:#fff;overflow-wrap:anywhere}
.contact-sheet-row small{display:block;font-size:13px;line-height:1.3;color:#a9b6bd}
.contact-sheet-icon{flex:none;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#2a353b;color:#fff}
.contact-sheet-icon svg{width:22px!important;height:22px!important;color:#fff!important;stroke:currentColor;border:0!important;background:none!important;box-shadow:none!important;filter:none!important;padding:0!important;border-radius:0!important}.contact-sheet-icon svg[fill="none"]{fill:none}.contact-sheet-telegram svg,.contact-sheet-max svg,.contact-sheet-youtube svg,.contact-sheet-vk svg{stroke:none}
.contact-sheet-phone{background:#ed2027}.contact-sheet-telegram{background:#2aa5e0}.contact-sheet-whatsapp{background:#27b862}.contact-sheet-max{background:#5b5ef7}.contact-sheet-mail{background:#51616a}.contact-sheet-youtube{background:#e23030}.contact-sheet-vk{background:#2d77d6}

.contact-sheet-label{margin:16px 2px 8px;font-size:13px;color:#a9b6bd}
.contact-sheet-social{grid-template-columns:1fr 1fr}
