@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap);nav{align-items:center;border-bottom:0 solid #181616;display:flex;justify-content:end;margin-left:2rem;padding:20px;z-index:999}input{background:#f8f7f7;border:1px solid #000;border-radius:5px;font-size:medium;margin-right:24px;outline:none;padding:12px 20px;position:relative;width:32rem}.search-icon{color:#181616;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.nav-icons{color:#181616;height:1.5rem;margin-left:3rem;width:1.5rem}@media (max-width:768px){nav{align-items:stretch;flex-direction:column;margin-left:0;padding:1rem}input{margin-bottom:1rem;margin-right:0;width:100%}.nav-icons{align-self:center;margin-left:0;margin-top:1rem}}.products-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(5,minmax(10px,1fr));padding:2rem 2rem 2rem 20em}@media (max-width:768px){.products-container{padding:1rem}}.recommended-flex{display:flex;margin-left:20rem}.recommended-title{font-size:24px;margin-bottom:20px;margin-left:20rem}.recommended-flex button{background-color:initial;border:.5 solid #000;border-radius:5px;cursor:pointer;font-size:12px;margin-right:10px;padding:8px 16px}.recommended-flex button:hover{background-color:#030000;color:#f9f5f2}.sidebar-title{font-weight:bolder;margin-bottom:20px}.sidebar-items{margin-top:12x}.sidebar-label-container{cursor:pointer;display:block;margin-bottom:12px;padding-left:35px;position:relative;-webkit-user-select:none;user-select:none}.sidebar-label-container input{cursor:pointer;opacity:0;position:absolute}.checkmark{background-color:#f6c3a2;border-radius:50%;height:20px;left:0;position:absolute;top:0;width:20px}.all{background:linear-gradient(blue,crimson)}.sidebar-label-container:hover input~.checkmark{background-color:#ccc}.sidebar-label-container input:checked~.checkmark{background-color:#2196f3}.checkmark:after{content:"";display:none;position:absolute}.sidebar-label-container input:checked~.checkmark:after{display:block}.sidebar-label-container .checkmark:after{background:#fff;border-radius:50%;height:7px;left:6.4px;top:6.4px;width:7px}.line{border-color:#f7f7f7;margin-top:3rem}.price-title{margin-top:20px}.ml{margin-left:20px}.color-title{margin-top:2rem}.sidebar{align-items:center;border-right:1px solid #e1dada;display:flex;flex-direction:column;font-size:12px;height:100%;position:fixed;width:15%;z-index:3}.logo-container{margin-bottom:2rem}.logo-container h1{align-items:center;color:#f60;display:flex;font-size:28px;font-weight:600;gap:10px;margin-top:1.3rem}.logo-icon{font-size:28px}.card{background-color:#fff;border:2px solid #ededed;border-radius:12px;box-shadow:0 4px 12px #0000000d;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.card:hover{box-shadow:0 12px 24px #0000001a;transform:translateY(-8px)}.card-img-container{border-radius:8px;margin-bottom:15px;overflow:hidden;width:100%}.card-img{height:200px;object-fit:cover;transition:transform .4s ease;width:100%}.card:hover .card-img{transform:scale(1.08)}.card-details{display:flex;flex-direction:column;flex-grow:1}.card-title{color:#333;font-family:Poppins,sans-serif;font-size:18px;font-weight:600;margin-bottom:10px}.card-reviews{align-items:center;color:#f5a623;display:flex;font-size:18px;margin-bottom:15px}.total-reviews{color:#757575;font-size:14px;margin-left:10px}.card-price{align-items:center;display:flex;justify-content:space-between}.price{color:#333;font-size:18px;font-weight:600}.price del{color:#9e9e9e;font-weight:400;margin-right:8px}.bag{align-items:center;background-color:#f3f3f3;border-radius:50%;display:flex;justify-content:center;padding:10px;transition:background-color .3s ease,transform .3s ease}.bag-icon{color:#555;font-size:20px}.bag:hover{background-color:#f60;transform:scale(1.1)}.bag:hover .bag-icon{color:#fff}@media (max-width:768px){.card{padding:15px}.card-img{height:160px}.card-reviews,.card-title,.price{font-size:16px}.total-reviews{font-size:12px}.bag{padding:8px}.bag-icon{font-size:18px}}*{box-sizing:border-box;font-family:sans-serif;margin:0;padding:0}a{color:#616161;text-decoration:none}li{list-style:none}.btns{background:#0000;border:.6px solid #ccc;border-radius:5px;color:#323232;cursor:pointer;margin-right:6px;padding:10px 20px}
/*# sourceMappingURL=main.76efc6fc.css.map*/