header{border-bottom:1px solid #eaeaea;position:-webkit-sticky;position:sticky;background:#fff;top:0;display:flex;gap:32px;z-index:100}header .logo{flex:0 0 auto;font-weight:900;padding:2px 16px;display:flex;align-items:center;justify-content:center}header .burger{display:none}header .menu{display:flex;align-items:center;gap:16px}header .menu button{cursor:pointer;background:none;border:none;font-size:1em;border-radius:0;padding:16px}header .menu button.hover .sub-menu{display:flex}header .menu button .sub-menu{display:none;z-index:999;position:absolute;top:100%;left:0;width:100%;min-height:120px;background:#fff;border-top:1px solid #eaeaea;box-shadow:0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3);min-height:320px}header .menu button .sub-menu .wrapper{max-width:1120px;width:100%;margin:0 auto;padding:32px 0;display:flex;gap:32px}header .menu button .sub-menu .wrapper .links{display:flex;flex-direction:column;gap:0;text-align:left;flex:1 1}header .menu button .sub-menu .wrapper .links a{padding:16px;cursor:pointer;border-radius:8px}header .menu button .sub-menu .wrapper .links a:hover{background-color:#ebe1ce}footer{background:#f6f2eb;border-top:1px solid #dcdedd;padding:32px 16px;flex:0 0 auto;position:relative;z-index:50}footer .wrapper{max-width:1120px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:32px;text-align:left}footer .wrapper .top{display:flex;color:#000}footer .wrapper .top .column{flex:1 1;display:flex;flex-direction:column;gap:8px}footer .wrapper .top .company{flex:1 1}footer .wrapper .top .company .logo{font-size:1.4em;padding-bottom:16px}footer .wrapper .top .links{flex:3 1;display:flex}footer .wrapper .bottom{text-align:center;color:#000;border-top:1px solid #dcdedd;padding-top:32px}@media screen and (max-width:768px){header{align-items:center}header .menu{display:none;position:absolute;top:100%;height:calc(100dvh - 56px - 50.5px);overflow:auto;left:0;width:100%;background-color:#fff;flex-direction:column;box-shadow:0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3)}header .menu.open{display:flex}header .menu button{width:100%;font-weight:600;text-align:left}header .menu button .sub-menu{margin-top:16px;font-weight:400;display:flex;position:relative;box-shadow:none;min-height:inherit;top:0}header .menu button .sub-menu .wrapper{padding:0;flex-direction:column;gap:0}header .burger{flex:1 1;display:flex;align-items:center;justify-content:flex-end;padding:16px}footer .wrapper .top{flex-direction:column-reverse;gap:32px}footer .wrapper .top .company .logo{padding-bottom:8px}footer .wrapper .top .links{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px}}