/* Трубокомплект — мобильное меню (только <992px)
   Файл: /bitrix/templates/main/css/tk-mobile-menu.css, работает вместе с js/tk-mobile-menu.js.
   Подключён в header.php только для www.trubocomplekt.ru (02.11.2026). Десктоп не затрагивает. */
.tk-mm-head,.tk-mm-overlay,#main-menu>li.tk-mm-contacts{display:none}
@media (max-width: 991px){
html.tk-mm-lock,html.tk-mm-lock body{overflow:hidden}
.tk-mm-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(10,30,20,.55);z-index:99990;opacity:0;visibility:hidden;transition:opacity .28s,visibility 0s .28s}
html.tk-mm-lock .tk-mm-overlay{opacity:1;visibility:visible;transition:opacity .28s}
.tk-mm-head{display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;width:86vw;max-width:340px;height:56px;padding:0 6px 0 16px;background:#008242;z-index:99992;transform:translateX(-105%);visibility:hidden;transition:transform .28s ease,visibility 0s .28s}
html.tk-mm-lock .tk-mm-head{transform:none;visibility:visible;transition:transform .28s ease}
.tk-mm-head__title{color:#fff;font-weight:700;font-size:16px;letter-spacing:.03em;text-transform:uppercase}
.tk-mm-close{position:relative;width:44px;height:44px;padding:0;border:0;background:transparent;cursor:pointer}
.tk-mm-close:before,.tk-mm-close:after{content:"";position:absolute;left:11px;top:21px;width:22px;height:2px;background:#fff;border-radius:2px;transform:rotate(45deg)}
.tk-mm-close:after{transform:rotate(-45deg)}
.site-header .navbar #main-menu{display:block !important;position:fixed !important;top:0 !important;left:0 !important;bottom:0;height:100% !important;width:86vw !important;max-width:340px;margin:0 !important;padding:56px 0 24px !important;background:#fff !important;border:0 !important;box-shadow:none !important;z-index:99991 !important;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;text-align:left;transform:translateX(-105%);visibility:hidden;transition:transform .28s ease,visibility 0s .28s}
html.tk-mm-lock .site-header .navbar #main-menu{transform:none;visibility:visible;transition:transform .28s ease;box-shadow:6px 0 30px rgba(0,0,0,.25) !important}
.site-header .navbar #main-menu>li{display:block;float:none;width:auto;margin:0;position:relative;border-bottom:1px solid #e6ebe8}
.site-header .navbar #main-menu>li>a{display:flex !important;align-items:center;min-height:52px;padding:0 60px 0 16px !important;background:none !important;color:#222 !important;font-size:15px;font-weight:700;line-height:1.3 !important;text-transform:none;text-decoration:none;text-align:left}
.site-header .navbar #main-menu li.is-parent>a .menu__item-show,.site-header .navbar #main-menu li.parent>a .menu__item-show{display:flex !important;align-items:center;justify-content:center;position:absolute !important;top:0 !important;right:0 !important;bottom:0 !important;width:52px !important;height:auto !important;border-left:1px solid #e6ebe8}
.site-header .navbar #main-menu li>a .menu__item-show::after{content:"" !important;display:block;width:9px;height:9px;border-right:2px solid #27ae61;border-bottom:2px solid #27ae61;transform:translateY(-2px) rotate(45deg);transition:transform .2s;font-size:0 !important;line-height:0 !important}
.site-header .navbar #main-menu li.tk-sub-open>a .menu__item-show::after{transform:translateY(2px) rotate(-135deg)}
.site-header .navbar #main-menu li>ul{display:none !important;position:static !important;width:auto !important;margin:0;padding:0 !important;border:0;box-shadow:none !important;background:#f4f8f5 !important;column-count:auto}
.site-header .navbar #main-menu li.tk-sub-open>ul{display:block !important}
.site-header .navbar #main-menu>li>ul>li{display:block;float:none;width:auto;margin:0;position:relative;border-top:1px solid #e3ebe6}
.site-header .navbar #main-menu>li>ul>li>a{display:flex !important;align-items:center;min-height:48px;padding:8px 60px 8px 22px !important;background:none !important;color:#2b2b2b !important;font-size:14.5px;font-weight:600;line-height:1.3 !important;border:0;text-transform:none;letter-spacing:0;white-space:normal;margin:0}
.site-header .navbar #main-menu>li>ul>li>ul{background:#fff !important}
.site-header .navbar #main-menu>li>ul>li>ul>li{display:block;float:none;width:auto;border-top:1px solid #eef2ef}
.site-header .navbar #main-menu>li>ul>li>ul>li>a{display:block !important;position:relative;padding:12px 16px 12px 42px !important;background:none !important;color:#555 !important;font-size:14px;font-weight:400;line-height:1.35 !important;white-space:normal}
.site-header .navbar #main-menu>li>ul>li>ul>li>a::before{content:"";position:absolute;left:26px;top:50%;width:6px;height:6px;margin-top:-3px;border-top:2px solid #27ae61;border-right:2px solid #27ae61;transform:rotate(45deg)}
.site-header .navbar #main-menu a:active{background:#e8f4ec !important}
.site-header .navbar #main-menu a.tk-current{color:#008242 !important;box-shadow:inset 4px 0 0 #27ae61}
.site-header .navbar #main-menu>li>ul>li.tk-all{display:block !important;margin:0 !important;padding:0;border-top:1px solid #e3ebe6}
.site-header .navbar #main-menu>li>ul>li.tk-all>a{display:flex !important;align-items:center;min-height:48px;margin:0;padding:0 22px !important;background:none !important;border-radius:0;color:#008242 !important;font-size:14.5px;font-weight:700}
.site-header .navbar #main-menu>li.tk-mm-contacts{display:block;border:0;padding:20px 16px 8px}
.site-header .navbar #main-menu>li.tk-mm-contacts>a{display:block !important;min-height:0;margin-top:12px;padding:0 !important;background:none !important;color:#555 !important;font-size:13.5px;font-weight:400;line-height:1.4 !important;white-space:normal;text-align:left}
.site-header .navbar #main-menu>li.tk-mm-contacts>a.tk-mm-phone{display:flex !important;align-items:center;justify-content:center;min-height:48px;margin:0;border-radius:4px;background:#27ae61 !important;color:#fff !important;font-size:17px;font-weight:700}
.site-header .navbar #main-menu>li.tk-mm-contacts>a.tk-mm-phone:active{background:#008242 !important}
.site-header .navbar #main-menu>li.tk-mm-contacts>a.tk-mm-mail{color:#008242 !important}
.site-header .navbar #main-menu a,.site-header .navbar #main-menu a:hover,.site-header .navbar #main-menu a:focus{text-decoration:none !important;outline:none}
.site-header .navbar #main-menu a:focus-visible{outline:2px solid #27ae61;outline-offset:-2px}
.tk-mm-close:focus{outline:none}
.tk-mm-close:focus-visible{outline:2px solid #fff;outline-offset:-4px}
html.tk-mm-lock .fast-link-wiget{visibility:hidden}
}