.footer{background-color:var(--color-primary);padding:8px 20px}.footer-grid{display:grid;gap:48px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.footer-col{max-width:100%}.footer-col svg{font-size:16px;margin-right:12px}.footer a{color:var(--color-white);z-index:997}.footer a,.footer button{width:fit-content}.footer .separator{opacity:.2}.footer button{border:none;background:transparent;font-size:16px;color:var(--color-white);cursor:pointer}.footer a:hover{text-decoration:underline}.footer div,.footer p{color:var(--color-white)}.footer a:hover{opacity:1}.social-links{display:flex;gap:1rem}.social-links a{cursor:pointer;opacity:.7;transition:opacity .2s ease-out}.social-links a:hover{opacity:1}.navbar{width:100%;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;left:0;z-index:999;height:64px;background-color:var(--background-color);border-bottom:1px solid transparent;padding:0 20px;transition:.3s ease-in}.navbar.scrolled{border-bottom:1px solid var(--color-gray)}.nav-container{align-items:center;width:100%;max-width:1200px;margin:0 auto}.hamburger,.nav-container{display:flex;justify-content:space-between}.hamburger{flex-direction:column;width:24px;height:18px;cursor:pointer;z-index:999}.hamburger.spin{animation:spin .4s ease-in-out forwards}.hamburger.change .bar:nth-child(2){opacity:0;width:0;transition:width opacity .2s ease-out ease .3s;animation-delay:.1s}.bar{width:100%;height:2px;background-color:var(--color-black);transition:.4s}.change.bar:first-child{transform:rotate(-45deg) translate(-4px,7px)}.change.bar:nth-child(2){opacity:0;width:0;transition:width opacity .2s ease-out ease .3s}.change.bar:nth-child(3){transform:rotate(45deg) translate(-4px,-7px)}.menu{background-color:var(--background-color);display:flex;flex-direction:column;position:fixed;top:0;right:-300px;width:0;height:100vh;z-index:998}.menuOpen{transform:translateX(-100%);width:300px;opacity:1;box-shadow:var(--shadow-medium)}.menuOpen div{padding-left:40px}.menu div a{opacity:.7;color:var(--color-black);text-decoration:none;border-radius:5px;white-space:nowrap;padding:1rem 1.6rem;transition:.4s ease}.menu div a.active{font-weight:700;color:var(--color-primary);opacity:1}.menu div a:hover{opacity:1}.nav-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:hsla(0,0%,100%,.5);z-index:997;transition:opacity .3s ease;opacity:1}.menuOpen~.nav-overlay{display:block}.cart-link{position:relative;margin:0}.cart-amount{position:absolute;top:8px;right:8px;background-color:#ff4545;color:var(--color-white);border-radius:50%;padding:2px 6px;font-size:12px;font-weight:700}.loader-wrapper{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:transparent;display:flex;align-items:center;justify-content:center;z-index:10000;opacity:1;transition:opacity 1s ease,transform 1s ease}.loader{border:4px solid #f3f3f3;border-top:4px solid var(--color-primary);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}.loader-wrapper.loader-hidden{opacity:0;transform:translateY(-100%);pointer-events:none}@keyframes spin{0%{transform:rotate(0deg);opacity:.7}to{transform:rotate(1turn);opacity:1}}button{border:none;background-color:transparent}@media (min-width:1024px){.hamburger{display:none}.menu{display:flex;flex-direction:row;align-items:flex-start;position:static;width:auto;height:auto;transform:none}}