.navbar-container-home{position:absolute;top:0;left:0}.navbar-container{z-index:1000;flex-direction:column;justify-content:space-between;align-items:center;gap:2rem;width:100%;height:auto;margin-bottom:2rem;display:flex}.navbar-container *{color:var(--navbar-color)}.navbar-container .navbar-top{grid-template-areas:"info logo cart";justify-content:space-between;align-items:center;gap:15%;width:100%;padding:2rem 7rem;display:grid}.navbar-container .navbar-top .info{flex-direction:column;grid-area:info;justify-content:center;align-items:center;min-width:200px;display:flex}.navbar-container .navbar-top .info h4{text-wrap:nowrap}.navbar-container .navbar-top .info a{text-align:center;text-wrap:nowrap;color:#bbb}.navbar-container .navbar-top .info .social{gap:1rem;display:flex}.navbar-container .navbar-top .info .social i{color:var(--text-secondary-color)}.navbar-container .navbar-top .info .social i:hover{color:var(--text-hover-color)}.navbar-container .navbar-top .logo{grid-area:logo;justify-content:center;align-items:center;display:flex}.navbar-container .navbar-top .logo img{width:150px;transition:filter .3s}.navbar-container .navbar-top .cart{flex-direction:column;grid-area:cart;justify-content:center;align-items:center;min-width:200px;display:flex}.navbar-container .navbar-top .cart h4{text-wrap:nowrap}.navbar-container .navbar-top .cart p{text-wrap:nowrap;color:var(--text-secondary-color)}.navbar-container .navbar-top .cart i{padding-bottom:15px;font-size:.75rem}.navbar-container .navbar-top .cart i:before{border:1px solid var(--text-secondary-color);border-radius:50%;padding:10px}.navbar-container .navbar-top .cart i:hover{color:var(--text-hover-color)}.navbar{z-index:1000;justify-content:center;align-items:center;width:100%;height:auto;padding:10px 20px;transition:box-shadow .3s;display:flex}.navbar.active{background-color:#23262ce6;height:80px;position:fixed}.navbar.active .burger span{background-color:#fff}.navbar.active *{color:#fff}.navbar .navbar-items{gap:1.5rem;transition:transform .3s;display:flex}.navbar .navbar-items .fa-x{cursor:pointer;font-size:1.5rem;font-weight:700}.navbar .navbar-items .show{display:none}.navbar .navbar-items .cartItem{gap:.5rem;display:flex}.navbar .navbar-items a,.navbar .navbar-items i,.navbar .navbar-items button{text-transform:uppercase;cursor:pointer;background:0 0;border:none;font-size:1rem;position:relative}.navbar .navbar-items a:hover,.navbar .navbar-items i:hover,.navbar .navbar-items button:hover{color:var(--text-hover-color)}.navbar .burger{cursor:pointer;z-index:101;flex-direction:column;justify-content:space-between;width:24px;height:18px;display:none}.navbar .burger span{background:var(--navbar-color);width:100%;height:3px;transition:all .3s;display:block}.navbar .burger.open span:first-child{opacity:0;transform:rotate(45deg)translate(5px,5px)}.navbar .burger.open span:nth-child(2){opacity:0}.navbar .burger.open span:nth-child(3){opacity:0;transform:rotate(-45deg)translate(5px,-5px)}.navbar .navbar-items.active{transform:translate(0)}@media (max-width:1000px){.navbar .burger{justify-self:start;display:flex}.navbar .navbar-items{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#0006;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:250px;height:100vh;padding:20px;display:none;position:fixed;top:0;right:0;box-shadow:-10px 0 10px #0000001a}.navbar .navbar-items a{filter:drop-shadow(0 0 10px #0000004d);position:sticky}.navbar .navbar-items.active{display:flex}.navbar-container .navbar-top{grid-template-areas:".logo."".cart.";padding:2rem 0}.navbar-container .navbar-top .info{display:none}.navbar-container .navbar-top .logo img{width:100px}}
.footer{background-color:#23262c}.footer .content{grid-gap:15%;grid-template-columns:repeat(3,1fr);grid-template-areas:"logo info contact";min-height:300px;padding:5% 2rem 0;display:grid}.footer .content .logo{grid-area:logo;justify-content:center;align-items:center;margin:0 10px;display:flex}.footer .content .logo a img{width:150px}.footer .content .info{text-wrap:nowrap;flex-direction:column;grid-area:info;margin:0 10px;line-height:2.5em;display:flex}.footer .content .info h4{margin-bottom:2rem;font-size:2rem}.footer .content .info a{color:var(--text-secondary-color)}.footer .content .info a:hover{color:var(--text-hover-color)}.footer .content .contact{text-wrap:nowrap;flex-direction:column;grid-area:contact;margin:0 10px;line-height:2.5em;display:flex}.footer .content .contact h4{margin-bottom:2rem;font-size:2rem}.footer .content .contact a{color:var(--text-secondary-color)}.footer .content .contact a:hover{color:var(--text-hover-color)}.footer .content .contact a b{color:var(--text-secondary-color)}.footer .content .contact a i{color:var(--text-secondary-color);margin-right:10px;font-size:.75rem}.footer .content .contact a i:before{border:1px solid var(--text-secondary-color);border-radius:50%;padding:10px}.footer .copyright{text-align:center;background-color:#1f2126;flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;margin-top:3rem;padding:1rem min(10rem,8%);display:flex}.footer .copyright p{color:var(--text-secondary-color);font-size:.8rem}.footer .copyright p a:hover{color:var(--text-hover-color)}.footer .copyright .social{gap:1rem;display:flex}.footer .copyright .social a i{color:#a48d82;cursor:pointer}.footer .copyright .social a i:hover{color:var(--text-hover-color)}@media (max-width:1000px){.footer .content{text-align:center;grid-template-columns:repeat(1,1fr);grid-template-areas:"info""contact""logo""copyright";gap:5rem}}