@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";*{padding:0;margin:0;box-sizing:border-box;border:0;vertical-align:baseline;list-style:none;text-decoration:none;font-family:Inter,sans-serif}a,a:visited{color:var(--dark-color)}:root{--jasmine-color: rgb(246, 226, 127);--tan-color: rgb(226, 195, 145);--ashGray-color: rgb(168, 183, 171);--lightBlue-color: rgb(155, 190, 199);--light-font: rgb(253, 255, 252);--dark-color: rgb(51, 51, 51);--error-color: rgb(206, 28, 28)}button{padding:.5rem 1rem;border-radius:.4rem;font-weight:600;background-color:var(--jasmine-color);cursor:pointer;height:fit-content;transition:all .3s ease}button:hover{box-shadow:0 0 5px var(--lightBlue-color)}.navbar,.footer{margin:1rem auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;max-width:min(100%,1200px);color:var(--dark-color)}.nav-links{display:flex;gap:2rem}p{cursor:default}.error-msg{color:var(--error-color)}.cart-icon{height:100%;display:flex;align-items:center;justify-content:center;position:relative}.cart-icon span{position:absolute;top:-.2rem;right:-.3rem;width:.8rem;height:.8rem;font-size:.7rem;border-radius:50%;background-color:var(--error-color);color:var(--light-font);display:flex;align-items:center;justify-content:center}.footer{font-size:.8rem}.footer-links{display:flex;gap:1rem;cursor:pointer}.login-link{cursor:pointer;position:relative}.login-modal{position:absolute;right:0;top:2.2rem;min-width:18rem;background-color:var(--light-font);box-shadow:1px 1px 10px var(--dark-color);border-radius:.4rem;padding:1.5rem 1rem;font-size:.8rem;cursor:auto;z-index:1}.login-modal form,.customer-modal{display:flex;flex-direction:column;gap:1rem}.customer-modal h3{text-align:center;padding:.4rem 0;border-radius:.4rem;cursor:pointer;box-shadow:0 0 0 transparent;border:1px solid rgba(120,120,120,.2);transition:all .3s ease}.customer-modal span{width:95%;margin:auto;border-top:1px solid var(--dark-color)}.customer-modal h3:hover{box-shadow:0 0 4px var(--dark-color)}.login-modal form>div{display:grid;grid-template-columns:1fr 2fr;gap:.5rem;align-items:center}.login-modal input{border:1px solid rgba(120,120,120,.4);border-radius:.3rem;padding:.2rem .5rem}.login-modal span{cursor:pointer;transition:all .2s ease}.login-modal span:hover{text-shadow:0 0 1px var(--dark-color)}@media (max-width: 768px){.navbar,.footer{padding:0 1rem}.nav-links{gap:1.5rem;font-size:.9rem}.footer{font-size:.7rem}}.hero{width:100%;background-color:var(--dark-color);color:var(--light-font);height:50vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:0 2rem;text-align:center}.hero h1{font-size:3rem}.hero p{font-size:1.3rem}.hero button{margin-top:1rem}.categories-section{width:100%;background-color:var(--ashGray-color);padding:2rem 0}.categories-container{max-width:min(95%,1200px);margin:1rem auto}.categories-container h2{margin-bottom:1rem;font-size:1.5rem}.categories-container ul{background-color:var(--light-font);width:100%;border-radius:.8rem;padding:1rem;display:flex;flex-wrap:wrap;gap:1rem;box-shadow:0 0 4px var(--dark-color)}.categories-container li{border:1px solid black;background-color:var(--light-font);padding:.5rem 1rem;border-radius:.4rem;cursor:pointer;transition:all .4s ease}.categories-container li:hover{background-color:var(--ashGray-color);border:none}.featured-section{width:100%;background-color:var(--lightBlue-color);color:var(--dark-color);padding:3rem 0}.featured-container{background-color:#fdfffc99;max-width:min(95%,1600px);margin:0 auto;padding:1rem 3.5rem;border-radius:.5rem;display:flex;flex-direction:column;position:relative}.arrow-back{left:1rem}.arrow-fw{right:1rem}.arrow-back,.arrow-fw{top:50%;transform:translateY(-50%);position:absolute;font-size:2rem;cursor:pointer;transition:all .3s ease}.arrow-back:hover,.arrow-fw:hover{font-size:2.4rem}.featured-container .disabled{color:var(--lightBlue-color);font-size:1.6rem;cursor:auto}.featured-container .disabled:hover{font-size:1.6rem}.featured-section h2{font-size:1.5rem}.featured-products-container{padding:1rem .5rem;display:flex;gap:2.5rem;overflow:hidden}@media (max-width: 1050px){.featured-products-container{width:100%;flex-wrap:wrap;justify-content:space-evenly}.featured-container{padding:1rem}.arrow-back,.arrow-fw{pointer-events:none;opacity:0}}@media (max-width: 640px){.categories-container li{font-size:.8rem}}.products-section{max-width:min(1800px,100%);margin:2rem auto;display:flex;padding:0 2rem;gap:1rem}.products-container{height:100%;flex-grow:1;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));justify-items:center}.products-container>.product-card{width:100%}@media (max-width: 900px){.products-section{flex-direction:column}}.product-card{transition:all .3s ease;max-width:250px;height:400px;background-color:var(--light-font);border-radius:.6rem;box-shadow:1px 5px 5px var(--dark-color)}.image-card{width:100%;height:280px;position:relative;display:flex;align-items:center;justify-content:center}.image-card img{width:auto;height:100%}.image-card span{position:absolute;top:0;right:0;margin:.5rem;padding:.1rem .5rem;font-size:.8rem;background-color:var(--jasmine-color);border-radius:1rem;box-shadow:1px 1px 1px var(--dark-color)}.product-card-content{height:120px;width:100%;padding:0 1rem;display:flex;flex-direction:column;justify-content:space-evenly}.product-card-content h3{font-weight:600;font-size:1.1rem}.product-card-content button{background-color:var(--dark-color);color:var(--light-font)}.product-card-content button:hover{background-color:var(--tan-color);color:var(--dark-color)}.product-value{display:flex;width:100%;justify-content:space-between;align-items:center}.product-price{font-weight:800;font-size:1.2rem}.icon{margin-right:.4rem}.image-slider{width:100%;height:100%;display:flex;overflow:hidden;position:relative}.image-slider>img{min-width:100%;object-fit:contain;transition:all 1s ease}.image-slider-dots{position:absolute;bottom:0;left:50%;transform:translate(-50%);cursor:pointer}.image-slider-dots>.active{color:var(--ashGray-color);cursor:auto}.product-filters{width:280px}.filter{margin:1rem 0;-webkit-user-select:none;user-select:none}.filter legend{font-weight:700}.filter div{margin:.5rem 1rem;display:flex;gap:.4rem}.filter input[type=checkbox]{accent-color:var(--lightBlue-color);width:18px;height:18px;cursor:pointer}.order-by{background-color:var(--lightBlue-color);font-size:.8rem;width:fit-content;margin:1rem 0;padding:.5rem;border-radius:.5rem;display:flex;align-items:center;gap:.5rem}.order-by select{font-size:.7rem;padding:.2rem;border-radius:.3rem}.filter-icon{font-size:1.4rem;cursor:pointer}.close-icon{font-size:1.4rem;cursor:pointer;color:var(--error-color);position:absolute;top:.5rem;right:.5rem}.filters-container{background-color:var(--light-font);height:100dvh;width:min(100%,500px);position:fixed;overflow:auto;top:0;right:0;z-index:1;transition:all .3s ease;display:flex;flex-direction:column;gap:1rem;padding:1rem}.mobile-filter{display:flex;gap:1rem}.reset-filters{cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--error-color)}.reset-filters .filter-icon{font-size:1rem}@media (max-width: 900px){.product-filters{width:100%;display:flex;justify-content:space-between;align-items:center}.order-by{font-size:.7rem;gap:.4rem}.order-by select{font-size:.6rem}}.product-navigation{display:flex;justify-content:center;gap:1rem;margin:1rem 0;grid-column:1 / -1;cursor:pointer}.product-navigation button{background-color:var(--lightBlue-color)}.product-navigation .active{cursor:default;opacity:.6}@media (max-width: 900px){.product-navigation{gap:.4rem}.product-navigation button{padding:.3rem .5rem}}.cart-section{display:flex;justify-content:space-between;align-items:start;gap:1rem;width:100%;min-height:90dvh;padding:1rem;background-color:var(--ashGray-color)}.cart-section img{max-width:100px;min-width:100px;height:100px;object-fit:contain}.cart-section h1{margin-bottom:1rem}.cart-container,.cart-checkout{background-color:var(--light-font);border-radius:.5rem;box-shadow:0 0 8px var(--dark-color)}.cart-container{flex-grow:1;padding:1rem}.cart-item{display:flex;gap:2rem;padding:.5rem 0;position:relative}.cart-item .separator{border:1px solid var(--dark-color);opacity:.4;width:95%;position:absolute;top:0;left:50%;transform:translate(-50%)}.cart-item div:nth-child(1){padding:.5rem;flex-grow:1;display:flex;gap:1rem;align-items:center}.cart-item div:nth-child(2){padding:1rem .5rem 1rem 0;max-width:13rem;text-align:center}.cart-item h2{font-size:1rem;font-weight:400}.cart-checkout{min-width:20rem;padding:1rem}.cart-checkout-container div{display:flex;justify-content:space-between;padding:.4rem 0}.cart-checkout-container button{width:100%;margin-top:1rem}.quantity-selector{display:flex;gap:.1rem;justify-content:space-evenly}.cart-item .quantity-selector{height:60px;max-width:100%}.cart-item .quantity-selector *{height:100%}.quantity-selector input{width:100%;border:1px solid rgba(0,0,0,.2);border-radius:.4rem;text-align:center}.quantity-selector label{position:absolute}@media (max-width: 900px){.cart-section{flex-direction:column;gap:1rem;justify-content:flex-start}.cart-container,.cart-checkout{flex-grow:0;width:100%}}@media (max-width: 640px){.cart-item{flex-direction:column;font-size:.8rem;align-items:center;gap:1rem}.cart-item div:nth-child(1){flex-direction:column;gap:.5rem;text-align:center}.cart-item div:nth-child(2){padding:1rem 0;max-width:100%}.cart-checkout{min-width:100%}}.product-detail{max-width:min(1500px,100%);margin:auto;display:flex;flex-direction:column}.product-info{display:flex;margin:0 4rem}.graphics{width:30%;display:flex;height:auto}.image-list{width:3rem}.image-list img{cursor:pointer;margin:.4rem 0;width:3rem;height:3rem;object-fit:contain;border:1px solid rgba(0,0,0,.2);border-radius:.2rem}.product-info .image-slider img{width:100%;height:auto}.summary{flex-grow:1;padding:1rem 2rem}.summary h2{font-size:2rem}.summary span{font-size:2.4rem;font-weight:700;margin-top:2rem;display:block}.summary p{font-size:.7rem}.rating-stars{display:flex;align-items:flex-end}.rating-stars>div{display:flex}.buy-box{width:20rem;border:1px solid rgba(0,0,0,.2);border-radius:.4rem;font-size:.9rem;padding:1rem;display:flex;flex-direction:column;gap:1rem}.shipping-info{background-color:#9bbec766;border-radius:.4rem;padding:1rem;display:flex;flex-direction:column;gap:.6rem;font-size:.8rem}.product-description{margin:2rem 4rem;border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1);padding:2rem 1rem;display:flex;flex-direction:column;gap:1rem}.product-reviews{margin:1rem 4rem;padding:1rem;display:flex;gap:2rem}.rating h2{font-size:1.5rem;margin-bottom:1.5rem}.rating div{font-size:2rem}.rating p{font-size:1rem}.reviews{display:flex;flex-direction:column;gap:1rem;flex-grow:1}.reviews span{font-size:.8rem}.reviews p{padding:1rem 0;border-bottom:1px solid rgba(0,0,0,.1)}@media (max-width: 900px){.product-info{flex-direction:column}.product-info>div{width:100%}}@media (max-width: 640px){.product-info{margin:0 1rem}.summary{padding:1rem}.product-description{margin:2rem 1rem}.product-reviews{margin:0 1rem;flex-direction:column}.rating>div{display:flex;align-items:center;gap:1rem}}.profile-section{max-width:min(1000px,100%);margin:auto;display:grid;grid-template:4.5rem 1fr / 14rem 1fr;gap:1rem 2rem;cursor:default}.profile-section p{font-size:.9rem;pointer-events:none}.profile-section header{grid-column:2 /3;align-self:center}.profile-section aside{grid-column:1 /2;grid-row:1 /3;box-shadow:0 0 2px var(--dark-color);border-radius:.5rem;padding:1rem}.profile-menu{display:flex;flex-direction:column;gap:1rem}.profile-menu>li{cursor:pointer;font-size:.9rem;transition:all .2s ease}.profile-menu>li:hover{color:var(--lightBlue-color)}.profile-info div{display:flex;flex-direction:column;gap:.8rem}.profile-payments{display:flex;flex-direction:column;align-items:center;gap:1rem;perspective:2500px}.card{height:200px;width:317px;border-radius:6%;position:relative;background-color:#4f5157;color:var(--light-font);animation:.7s rotate-card}@keyframes rotate-card{0%{opacity:0;transform:rotateX(90deg)}to{opacity:1;transform:rotateX(0)}}.card.visa{background-color:#0034c1;color:#e1e1e1}.card.mastercard{background-color:#e1e1e1;color:var(--dark-color)}.card div{display:flex;flex-direction:column}.owner-data{font-size:.9rem;position:absolute;bottom:30px;left:20px}.provider-info{font-size:.6rem;align-items:center;justify-content:center;position:absolute;right:20px;bottom:10px}.provider-logo{font-size:2rem}.bank{padding:1rem}.flag{position:absolute;right:0;top:15px;background-color:var(--jasmine-color);padding:.2rem 1rem;color:var(--dark-color);font-size:.6rem;border-radius:2px}.card-list{width:100%}.card-item{position:relative;border-bottom:1px solid rgba(0,0,0,.1);padding:1rem;display:flex;gap:1.5rem;align-items:center;transition:all .2s ease-in}.card-item.selected{background-color:#0000001a}.card-info{cursor:pointer;width:80%}.card-item .flag{top:50%;transform:translateY(-50%);background-color:transparent;opacity:.7;display:flex;gap:.6rem;align-items:center}.card-settings{font-size:1.2rem;opacity:0;transition:all .3s ease;cursor:pointer}.options-menu{position:absolute;top:0;right:50px;width:max-content;padding:.5rem;font-size:.7rem;background-color:var(--ashGray-color);border-radius:.4rem;transition:all .3s ease}.options-menu ul{display:flex;flex-direction:column;gap:.4rem}.delete-card{color:var(--error-color)}.options-menu li{cursor:pointer;transition:transform .2s ease;display:flex;align-items:center;gap:.3rem}.options-menu li:hover{transform:scale(1.05)}.card-item:hover .card-settings{opacity:1}.card-settings:hover{transform:rotate(20deg)}.card-item:hover{scale:1.01}.payment-logo{border:1px solid rgba(0,0,0,.1);border-radius:50%;padding:.5rem;font-size:1.5rem;display:flex;align-items:center;justify-content:center}.add-card{padding:1rem}.profile-payments button{background-color:#0000001a;display:flex;align-items:center;gap:.6rem;margin:auto;padding:.8rem 1.2rem}.profile-payments button>svg{font-size:1rem}.add-card-button{background-color:var(--jasmine-color)!important}.card-type-toggle{border:1px solid rgba(0,0,0,.1);font-size:.8rem;width:fit-content;border-radius:5px;display:grid;grid-template-columns:repeat(2,1fr);position:relative}.card-type-toggle input{display:none}.card-type-toggle label{cursor:pointer;padding:.3rem .5rem;z-index:1}.toggle-slider{transition:all .6s ease;background-color:var(--lightBlue-color);border-radius:5px;height:100%;width:50%;position:absolute}.new-card-form{display:flex;flex-direction:column;gap:1rem}.new-card-form input{border:1px solid rgba(0,0,0,.2);border-radius:5px;padding:.4rem .8rem;color:#000000b3;letter-spacing:1px;font-size:.8rem}.new-card-form div:nth-child(n+2){display:flex;justify-content:space-between;gap:1rem;position:relative}.form-buttons{justify-content:space-around!important}.error-msg{position:absolute;right:0;bottom:-21px;z-index:1;background-color:#0000001a;padding:.2rem .5rem;border-radius:4px;font-size:.8rem}