.language-switch{display:flex;flex:none;align-items:center;border:1px solid #aaa;border-radius:24px;overflow:hidden;margin-left:12px;background:#fff}
.language-switch button{appearance:none;border:0;background:transparent;color:#35312b;font:700 14px/1.4 Nunito,Arial,sans-serif;padding:8px 11px;cursor:pointer;min-height:38px}
.language-switch button[aria-pressed=true]{background:#f6cb03}
.language-switch button:focus-visible{outline:2px solid #35312b;outline-offset:-4px}
.language-switch button:disabled{cursor:wait}
#language-status{position:fixed;left:50%;top:20px;transform:translateX(-50%);z-index:100000;padding:12px 20px;border-radius:22px;background:#fff;color:#35312b;box-shadow:0 4px 25px #0003;font:700 15px/1.4 Nunito,Arial,sans-serif;opacity:0;pointer-events:none}
.language-loading #language-status,.language-error #language-status{opacity:1}
.language-loading #language-status:before{content:"";display:inline-block;width:14px;height:14px;border:2px solid #ccc;border-top-color:#6a61cd;border-radius:50%;margin-right:10px;vertical-align:-2px;animation:language-spin .7s linear infinite}
.page{transition:opacity .18s ease}
.language-loading .page{opacity:.55}
.header__phones-select>img{height:auto!important;width:313px;max-width:100%}
.header__phones .header__phones-select{width:333px;max-width:calc(100vw - 32px);padding:10px;box-sizing:border-box;background:#fff;border-radius:18px;box-shadow:0 8px 30px #0002;right:0;left:auto}
.header__phones-select>.button{position:static;width:100%;margin:6px 0 0;box-sizing:border-box}
.header__container{gap:12px}
@keyframes language-spin{to{transform:rotate(360deg)}}
@media(max-width:1200px){.language-switch{margin-left:0}.header__menu-body{gap:12px}}
@media(max-width:480px){.header__container{gap:8px}.language-switch button{padding:7px 8px;min-height:36px}.header__phones header{gap:5px}.header__phones header img{width:22px;height:auto}}
@media(prefers-reduced-motion:reduce){.page{transition:none}.language-loading #language-status:before{animation:none}}

/* Растровый значок 3x вместо SVG со встроенным изображением 3200x3200. */
.packages .packages-list .packages-list_item .packages-list_item_attention::before{background-image:url("img/3d_caution.png")}

/* Карточка контактов удерживается внутри узкого экрана. */
@media(max-width:767px){.header .header__phones .header__phones-select{position:fixed;top:64px;right:16px;left:auto}}

/* Контакты отдельным элементом сразу после логотипа подвала. */
.footer .footer__contacts{flex-shrink:0}
.footer .footer__contacts .header__phones header{background:transparent;border:0;border-radius:0;padding:0;justify-content:flex-start}
.footer .footer__contacts .header__phones header h4{font-size:16px!important;line-height:1.36;text-decoration:underline}
.footer .footer__contacts .header__phones-select{left:0;right:auto;width:333px;max-width:calc(100vw - 80px)}
.footer .footer__contacts .header__phones-select>img{object-fit:contain}

/* Прямоугольные изображения контактов без рамок и теней. */
.header__phones .header__phones-select{border-radius:0}
.header__phones .header__phones-select>img{border:0;border-radius:0;box-shadow:none;object-fit:contain}
@media(min-width:1181px){.footer__container>.footer__item{flex:0 1 auto}}

/* Переключатель и меню помещаются на экранах шириной 320px. */
@media(max-width:360px){.header__container{gap:6px}.header__logo{max-width:90px}.language-switch button{padding:7px 6px}}

/* Иконка меню из экспорта макета, без сжатия внутри шапки. */
.header__container>.burger{flex:0 0 44px;box-sizing:border-box;width:44px;padding:7px}
.header .burger__icon{width:30px;height:26px;background:url("img/charm_menu-hamburger.svg") center/30px 26px no-repeat}
.header .burger__icon:not(.burger__icon_close) .burger__line{visibility:hidden}
.header .burger__icon_close{background:none}
.header .burger__icon_close .burger__line{height:2.0625px;border-radius:2px;width:24px;margin:0;left:3px}

/* Векторный логотип: русская версия и английская строка для UA. */
.header__logo .site-logo,.footer__logo .site-logo{display:block;width:170px;max-width:100%;height:auto}
@media(max-width:480px){.header__logo .site-logo{width:110px}.header__logo{max-width:110px}}
@media(max-width:360px){.header__logo .site-logo{width:90px}.header__logo{max-width:90px}}