/* Header from src/blocks/shared/header.html, matching the original site. */
.header{position:absolute;top:0;left:0;width:100%;z-index:6;padding:20px 0}
.header--inner{position:relative;top:auto;bottom:auto;left:auto;right:auto;width:auto;padding:20px 0 40px}
.header .wrap{display:flex;flex-wrap:wrap;justify-content:space-between}
.header__logo{width:170px;height:52px;background:#fff;border-radius:6px;position:relative}
.header__logo img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.header__menu{height:52px;box-sizing:border-box;padding:4px;background:#fff;border-radius:6px;font-size:0}
.header__menu li{display:inline-block}
.header__menu li:not(:last-child){margin-right:16px}
.header__menu li:hover .header__catalog-link{background:green}
.header__menu li:hover ul{display:block}
.header__menu li a{display:block;text-decoration:none;width:124px;padding:12px 0;font-weight:500;font-size:16px;line-height:20px;text-align:center;transition-duration:0.3s}
.header__menu li a:hover{color:#1ABC1A}
.header__catalog-link:hover{color:#fff!important}
.header__menu li a.header__catalog-link{width:115px;border-radius:4px}
.header__menu li ul{position:absolute;left:50%;transform:translateX(-50%);top:70px;margin-top:-8px;background:#fff;white-space:nowrap;z-index:3;border-radius:6px;padding:4px;display:none}
.header__menu li ul:before{content:"";position:absolute;left:0;bottom:100%;width:100%;height:16px}
.header__menu li ul li a{width:349px}
.header__menu li ul li a:hover{background:#F0F1F5;color:#1ABC1A}
.header__catalog-link{background:#1ABC1A;border-radius:2px;color:#fff}
.header__catalog-link span{display:inline-block;vertical-align:middle;width:20px;height:20px;background:url("/assets/5bb50f94-catalog.svg");margin:-2px 4px 0 0}
.header__contacts{font-size:0;background:#101410;border-radius:6px;height:52px;box-sizing:border-box;padding:4px}
.header__phone{display:inline-block;vertical-align:middle;text-decoration:none;color:#fff;font-weight:500;font-size:14px;line-height:18px;padding:13px 12px;background:rgb(255 255 255 / .12);border-radius:2px;margin-right:4px}
.header__mail{font-weight:500;font-size:14px;line-height:18px;color:#fff;display:inline-block;vertical-align:middle;text-decoration:none;padding:13px 12px;border-radius:2px;margin-right:4px;transition-duration:0.2s}
.header__mail:hover{color:#1ABC1A}
.header__mess{display:inline-block;vertical-align:middle}
.header__mess a:hover{background-color:#1ABC1A}
.header__mess a{display:inline-block;text-decoration:none;width:36px;height:44px;line-height:44px;text-align:center;background:rgb(255 255 255 / .12);border-radius:2px}
.header__mess a:not(:last-child){margin-right:4px}
.header__mess a img{vertical-align:middle}
.header__burger{width:52px;height:52px;background:#1ABC1A url("/assets/fbdc898b-burger.svg") no-repeat center;border-radius:6px;display:none}
.header--active .header__burger{background:#1ABC1A url("/assets/e195e4ad-close.svg") no-repeat center}
.header .wrap{position:relative}
.header__phone:hover{background-color:#1ABC1A}
.mobile-menu{position:absolute;left:0;top:100%;width:100%;margin-top:4px;z-index:10;opacity:0;visibility:hidden;pointer-events:none;transition-duration:0.25s}
.mobile-menu ul{background:#fff;border-radius:6px;padding:20px;text-align:center}
.mobile-menu ul li:not(:last-child){margin-bottom:16px}
.mobile-menu ul li a{display:block;text-decoration:none;font-weight:500;font-size:16px;line-height:20px}
.mobile-menu ul li ul{padding:12px 0 16px 0;margin-bottom:16px;border-bottom:1px solid rgb(11 13 11 / .12);display:none;border-radius:0}
.mobile-menu ul li ul.opened{display:block}
.mobile-menu ul li ul li:not(:last-child){margin-bottom:12px}
.mobile-menu__catalog-link span{display:inline-block;vertical-align:middle;width:20px;height:20px;background:url("/assets/9a2eb076-arrow.svg")}
.mobile-menu__catalog-link--active{color:#1ABC1A}
.mobile-menu__catalog-link--active span{background:url("/assets/e4636aac-arrow2.svg")}
.mobile-menu .header__mess{display:block;margin-top:4px;background:#101410;border-radius:6px;padding:4px;display:flex;flex-wrap:wrap;justify-content:space-between}
.mobile-menu .header__mess a{margin:0!important;width:calc(33.3333% - 2px)}

.header{font-family:Onest,Arial,sans-serif;color:#0b0d0b;line-height:normal}
.header .wrap{width:1280px;margin:0 auto;padding:0}
.header ul{margin:0;list-style:none}
.header img{display:inline-block;height:auto}
.header__logo img{max-width:calc(100% - 20px)}
.header__menu li:hover .header__catalog-link{background:var(--brand)}
.header .mobile-menu ul{list-style:none}
.header .mobile-menu .header__mess a{width:calc(50% - 2px)}
@media(max-width:1310px){.header .wrap{width:970px}.header__mail{display:none}.header__menu li a{width:auto}.header__menu{padding:4px 36px 4px 4px}.header__menu li:not(:last-child){margin-right:32px}}
@media(max-width:991px){.header .wrap{width:747px}.header__menu{display:none}.header__burger{display:block}.header__mess{display:none}.header__phone{margin-right:0;background:none;text-align:center;display:block}.header__contacts{width:calc(100% - 310px)}.header__logo{width:240px}.header.header--active .mobile-menu{opacity:1;visibility:visible;pointer-events:all}}
@media(max-width:767px){.header .wrap{width:556px}}
@media(max-width:575px){.header .wrap{width:auto;padding:0 16px}.header{padding:16px 0}.header--inner{padding:16px 0 32px}.header__logo{width:140px;height:44px}.header__logo img{width:110px}.header__burger{width:44px;height:44px}.header__contacts{height:44px;width:calc(100% - 192px)}.header__phone{padding:9px 0}.mobile-menu{left:16px;width:calc(100% - 32px)}}
@media(max-width:374px){.header .wrap{padding:0 10px}.header__phone{font-size:12px}.header__logo{width:120px}.header__logo img{width:100px}.header__contacts{width:calc(100% - 176px)}}