.alert-bar{background:#ddaa06}.alert-bar__text{color:var(--color-white);text-align:center;font-size:10px}.header{background:var(--primary-color)}.header__search--show{display:flex}.search__label{transition:transform .5s ease-in-out}.search__input{border:1px solid var(--color-black)}:is(.search__input:focus,.search__input:valid)+.search__label{transform:translate(-150%, -50%)}.navigation{background:var(--color-black)}.navigation__link,.categories__link{color:var(--color-white);transition:text-shadow 150ms ease-in-out}.navigation__link:hover{color:var(--primary-color)}.categories__link:hover{text-shadow:-0.3px -0.3px 0 currentColor,.3px -0.3px 0 currentColor,-0.3px .3px 0 currentColor,.3px .3px 0 currentColor}.categories__navigation{position:fixed;contain:layout;visibility:hidden;opacity:0;left:0;top:0;z-index:2000;height:100%;width:100%;background:rgba(0,0,0,.5);transition:opacity .1s ease-in-out .5s,visibility .1s ease-in-out .5s}.categories__container{width:300px;height:100%;background-color:var(--tertiary-color);transition:transform .5s ease-in-out;transform:translate(-100%, 0%)}.categories__navigation--show{visibility:visible;opacity:1;transform:translate(0%, 0%);transition:opacity .1s ease-in-out}.categories__navigation--show .categories__container{transform:translate(0%, 0%);transition:transform .5s ease-in-out .2s}.sub-menu{font-family:var(--text-font);font-size:16px;width:300px;background-color:var(--primary-color);position:absolute;left:0px;z-index:9;top:39px;transition:all 500ms linear}.sub-menu.active{display:block;min-height:auto}.sub-menu li{padding:10px}.sub-menu li:hover{background-color:#ddaa06;width:300px}.sub-menu li a{color:var(--color-black)}.sub-menu li a:hover{color:var(--color-white)}