.footer{border-top:1px solid var(--accent-grey);color:#fff;height:100%;padding-block:2rem;position:relative;width:100%}.footer_wrapper{display:grid;grid-template-columns:2fr 1fr}.footer_wrapper h3{font-size:.9rem;font-weight:600;text-transform:uppercase}.footer_wrapper ul{align-items:flex-start;display:flex;flex-direction:column;gap:.7rem;justify-content:flex-start;margin-top:1rem}.footer_wrapper ul li{color:var(--dark-text);cursor:pointer;font-size:.8rem;transition:all .3s ease}@media screen and (min-width:1024px){.footer_wrapper ul li:hover{color:var(--accent-color);transition:all .3s ease}}.footer_content{display:grid;grid-template-columns:1fr 2fr}.footer_content_main{display:flex;flex-direction:column;gap:1rem;justify-content:flex-start}.footer_content_main h1{font-size:1.7rem;font-weight:600;transform:translateY(-30%)}.footer_content_main a{transition:all .3s ease}@media screen and (min-width:1024px){.footer_content_main a:hover{color:var(--accent-color);transition:all .3s ease}}.footer_content_main .socials{align-items:center;display:flex;gap:1rem;justify-content:flex-start}.footer_content_main .socials button{align-items:center;background:var(--accent-color);border-radius:5px;cursor:pointer;display:flex;height:25px;justify-content:center;width:25px}.footer_content_main .socials svg{height:100%;padding:6px;width:100%}.footer_content_links{gap:3rem}.footer_content_links,.footer_subscribe{align-items:flex-start;display:flex;justify-content:flex-start}.footer_subscribe{flex-direction:column;gap:.8rem}.footer_subscribe input{background:var(--accent-grey);border-radius:5px;color:var(--text-color);font-size:.9rem;height:auto;padding:5px;width:80%}.footer_subscribe input::-moz-placeholder{color:#c5c3c3;font-size:.9rem}.footer_subscribe input::placeholder{color:#c5c3c3;font-size:.9rem}.footer_subscribe p{color:var(--dark-text);font-size:.75rem}.header{background:transparent;height:auto;position:relative;width:100%;z-index:10}.top_header{background:var(--bg-color);border-bottom:1px solid var(--accent-grey);position:relative;transition:all .3s ease;z-index:15}.top_header_active{border-bottom:1px solid transparent;transition:all .3s ease}.main_header{align-items:center;display:flex;gap:20px;justify-content:space-between;min-height:55px;position:sticky;top:0;width:100%;z-index:100}@media screen and (max-width:764px){.main_header{display:none}}.main_header_logo{color:var(--text-color);font-size:1.5rem;font-weight:700}.main_header_content,.main_header_content nav{align-items:center;display:flex;gap:2rem;justify-content:center}.main_header_content .nav_element{align-items:center;color:var(--text-color);cursor:pointer;display:flex;font-size:1.1rem;font-weight:500;gap:10px;justify-content:center;transition:all .3s ease}.main_header_content .nav_element svg{transition:all .3s ease}@media screen and (min-width:1024px){.main_header_content .nav_element:hover{color:var(--accent-color);transition:all .3s ease}.main_header_content .nav_element:hover svg{fill:var(--accent-color);transition:all .3s ease}}.main_header_content .search_block{align-items:center;display:flex;gap:.7rem;justify-content:center}.main_header_content .search_block input{background:var(--accent-grey);border-radius:5px;color:#fff;padding:5px 7px}.main_header_content .search_block input::-moz-placeholder{color:var(--text-color)}.main_header_content .search_block input::placeholder{color:var(--text-color)}.main_header_content .search_block button{align-items:center;cursor:pointer;display:flex;height:100%;justify-content:center;width:100%}.main_header_content .search_block button svg{transition:all .3s ease}@media screen and (min-width:1024px){.main_header_content .search_block button:hover svg{fill:var(--accent-color);transition:all .3s ease}}.main_header_buttons{align-items:center;display:flex;gap:1rem;justify-content:center}.main_header_buttons button{cursor:pointer;position:relative}.main_header_buttons button svg{transition:all .3s ease}@media screen and (min-width:1024px){.main_header_buttons button:hover svg{fill:var(--accent-color);transition:all .3s ease}}.main_header_buttons .quantity_label{background:var(--accent-color);border-radius:50%;color:#fff;height:20px;position:absolute;right:0;top:0;transform:translate(60%,-40%);width:20px}.header_catalog{align-items:center;background:var(--bg-color);border-bottom:1px solid transparent;display:flex;justify-content:center;min-height:50px;position:absolute;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.header_catalog .loader_wrapper{align-items:center;color:var(--text-color);display:flex;font-size:1.2rem;gap:1rem;height:auto;justify-content:flex-start;padding-left:20%;width:100%}.header_catalog nav{align-items:center;display:flex;flex-direction:row;gap:2vw;justify-content:center}.header_catalog nav a{color:#fff;cursor:pointer;font-weight:500}.header_catalog_active{border-bottom:1px solid var(--accent-grey);top:100%;transition:all .3s cubic-bezier(.4,0,.2,1)}
