.site-header .wrap{gap:22px}
.site-header .brand{flex:0 1 360px;min-width:230px}
.site-header .nav{margin-left:auto;gap:20px;white-space:nowrap}
.header-contacts{display:flex;align-items:center;gap:9px;white-space:nowrap}
.header-phone{color:#10243c;font-weight:800;text-decoration:none}
body.top-strip-visible .header-phone{opacity:0;visibility:hidden;pointer-events:none}
.messenger{display:inline-grid;width:38px;height:38px;place-items:center;border-radius:50%;color:#fff;text-decoration:none;font-size:12px;font-weight:900;box-shadow:0 7px 18px rgba(18,71,150,.17);transition:transform .18s ease,box-shadow .18s ease}
.messenger svg{width:21px;height:21px}
.messenger:hover,.messenger:focus-visible{transform:translateY(-2px);box-shadow:0 10px 22px rgba(18,71,150,.28)}
.messenger-tg{background:#1675d1}.messenger-wa{background:#21a66b}
.menu-toggle{display:none;align-items:center;gap:8px;border:1px solid #bed0e4;border-radius:12px;background:#fff;color:#10243c;padding:10px 13px;font:800 14px/1 inherit;cursor:pointer}
.menu-toggle-icon{font-size:20px;line-height:1}
.nav-mobile-contacts{display:none}
.nav-dropdown{position:relative}.nav-dropdown-head{display:flex;align-items:center}.nav-dropdown-head>a{padding-right:4px}.nav-dropdown-toggle{border:0;background:transparent;color:#10243c;padding:7px 4px;font:900 17px/1 inherit;cursor:pointer}.nav-submenu{position:absolute;top:calc(100% + 14px);left:50%;z-index:80;display:grid;min-width:285px;padding:10px;opacity:0;visibility:hidden;transform:translate(-50%,-8px);border:1px solid #dce5ee;border-radius:12px;background:#fff;box-shadow:0 18px 42px rgba(10,35,61,.2);transition:.18s ease}.nav-submenu::before{content:'';position:absolute;top:-15px;left:0;width:100%;height:16px}.nav-submenu a{padding:13px 15px!important;border-radius:8px;color:#10243c;text-decoration:none}.nav-submenu a:hover,.nav-submenu a:focus-visible{background:#edf6ff}.nav-dropdown:hover .nav-submenu,.nav-dropdown:focus-within .nav-submenu,.nav-dropdown.is-open .nav-submenu{opacity:1;visibility:visible;transform:translate(-50%,0)}
.footer-messengers{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}
.footer-messengers a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:7px 12px;border:1px solid rgba(255,255,255,.28);border-radius:999px;color:#fff;text-decoration:none;font-weight:750}
.footer-messengers a:hover,.footer-messengers a:focus-visible{border-color:#5ec8ff;background:rgba(94,200,255,.12)}
.contact-dock{position:fixed;right:24px;bottom:24px;z-index:60;display:flex;flex-direction:column;align-items:center;gap:10px}
.contact-dock-actions{display:flex;flex-direction:column-reverse;align-items:center;gap:10px;opacity:0;visibility:hidden;transform:translateY(16px);transition:.22s ease}
.contact-dock.is-open .contact-dock-actions{opacity:1;visibility:visible;transform:none}
.contact-dock a,.contact-dock-toggle{display:grid;width:50px;height:50px;place-items:center;border:0;border-radius:50%;color:#fff;text-decoration:none;box-shadow:0 10px 28px rgba(3,24,48,.25);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}
.contact-dock a:hover,.contact-dock a:focus-visible,.contact-dock-toggle:hover,.contact-dock-toggle:focus-visible{transform:translateY(-2px) scale(1.04);box-shadow:0 14px 32px rgba(3,24,48,.32)}
.contact-dock svg{width:25px;height:25px}.contact-dock-toggle{background:#1475ed}.contact-dock.is-open .contact-dock-toggle{background:#fff;color:#10243c}
.contact-dock .dock-whatsapp{background:#20c66b}.contact-dock .dock-phone{background:#111}.contact-dock .dock-mail{background:#17202b}.contact-dock .dock-skype{background:#00aff0}.contact-dock .dock-vk{background:#1677d2}.contact-dock .dock-telegram{background:#229ed9}
.contact-dock-toggle .icon-close{display:none}.contact-dock.is-open .contact-dock-toggle .icon-chat{display:none}.contact-dock.is-open .contact-dock-toggle .icon-close{display:block}
.back-to-top{position:fixed;left:24px;bottom:24px;z-index:55;display:grid;width:50px;height:50px;place-items:center;border:0;border-radius:50%;background:#1475ed;color:#fff;font-size:25px;font-weight:900;box-shadow:0 10px 28px rgba(3,24,48,.25);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(14px);transition:.2s ease}
.back-to-top.is-visible{opacity:1;visibility:visible;transform:none}.back-to-top:hover,.back-to-top:focus-visible{background:#0c5fc7;transform:translateY(-2px)}
@media(max-width:700px){.contact-dock{right:14px;bottom:76px}.contact-dock a,.contact-dock-toggle{width:46px;height:46px}.contact-dock:not(.is-open) .contact-dock-actions{display:none}.back-to-top{left:14px;bottom:76px;width:46px;height:46px}}
@media(max-width:1180px){.site-header .wrap{flex-wrap:wrap}.site-header .brand{flex:1 1 320px}.site-header .nav{order:3;width:100%;justify-content:center;margin:0;padding-top:12px;border-top:1px solid #e0e8f1}.header-contacts{margin-left:auto}}
@media(max-width:900px){.site-header .wrap{position:relative;flex-wrap:wrap;gap:12px}.site-header .brand{flex:1 1 220px;min-width:190px}.header-phone{display:none}.menu-toggle{display:inline-flex;order:2}.header-contacts{display:none}.site-header .nav{display:none;order:4;width:100%;flex-direction:column;align-items:stretch;gap:0;padding:8px;border:1px solid #d9e4ef;border-radius:14px;background:#fff;box-shadow:0 18px 45px rgba(16,36,60,.14)}.site-header .nav.is-open{display:flex}.site-header .nav a{padding:12px 13px;border-radius:9px}.site-header .nav a:hover,.site-header .nav a:focus-visible{background:#edf6ff}.nav-mobile-contacts{display:flex;flex-wrap:wrap;gap:8px;padding:8px;border-top:1px solid #d9e4ef}.nav-mobile-contacts a{display:inline-flex;flex:1 1 auto;align-items:center;justify-content:center;border:1px solid #cbd9e8}.top .wrap{justify-content:center}.top .wrap span{display:none}}
@media(max-width:620px){.site-header .wrap{height:auto;min-height:70px;padding:10px 0}.site-header .brand{width:225px;min-width:0}.site-header .brand span:last-child{font-size:0}.site-header .brand small{display:none}.site-header .brand span:last-child::after{content:'Техснабэлектрикс';font-size:15px}.messenger{width:36px;height:36px}.menu-toggle{position:absolute;right:0;top:22px;display:inline-flex;padding:9px 11px}.menu-toggle span:last-child{display:none}}
@media(max-width:900px){.nav-dropdown-head>a{flex:1}.nav-dropdown-toggle{width:46px;height:43px;border-radius:9px}.nav-submenu{position:static;display:none;min-width:0;margin:0 8px 8px;padding:6px;opacity:1;visibility:visible;transform:none!important;box-shadow:none;background:#f1f6fa}.nav-dropdown:hover .nav-submenu,.nav-dropdown:focus-within .nav-submenu{display:none}.nav-dropdown.is-open .nav-submenu{display:grid}}