.navigation{display:none;inset:0;position:fixed;z-index:var(--z-index-nav-block)}.navigation--show{display:block}.navigation__backdrop{background-color:#0f181f99;inset:0;position:absolute;z-index:10}.navigation__main{background-color:#fff;bottom:0;box-shadow:0 4px 6px #0026411f,0 1px 14px #00264114;display:flex;flex-direction:column;left:0;position:absolute;top:0;width:319px;z-index:11}.navigation__header{align-items:center;display:flex;flex:0 1 calc(var(--height-header) + 1px);min-height:calc(var(--height-header) + 1px);padding:0 16px}.navigation__close{height:40px;position:relative;width:40px}.navigation__body{display:flex;flex:1;flex-direction:column;max-height:calc(100vh - var(--height-header) - 1px)}.navigation__list{display:flex;flex:1;flex-direction:column;list-style:none;max-height:calc(100% - 116px);overflow-y:auto;padding:12px 16px}.navigation__item{display:flex;gap:10px;padding:8px 8px 8px 12px}.navigation__link{color:inherit;display:block;flex:1;font-size:18px;font-weight:700;letter-spacing:0;line-height:24px;text-decoration:none}.navigation__contacts{align-items:center;display:flex;flex:0 1 116px;flex-direction:column;gap:20px;justify-content:center;padding:0 16px}.navigation__phone a{color:#004373;font-size:18px;font-weight:700;letter-spacing:0;line-height:24px;text-decoration:none}.navigation__phone a:hover{text-decoration:underline}@media (min-width:768px){.navigation__header{padding:0 32px}.navigation__list{padding:12px 36px}.navigation__contacts{padding:0 32px}}