nav{display:flex;border-bottom:2px solid #f3f3f3;justify-content:space-around;align-items:center;padding:20px;z-index:999;margin-left:2rem}input{padding:12px 20px;border:none;background:#f7f6f6;outline:none;margin-right:20px;border-radius:5px;position:relative;width:14rem}.nav-icons{width:1.5rem;height:1.5rem;margin-left:2rem;color:red}@media (max-width: 768px){nav{flex-direction:column;margin-left:0;padding:10px}input{width:100%;margin-right:0;margin-bottom:10px}.nav-icons{margin-left:0;margin-top:10px}}.card-container{display:flex;flex-wrap:wrap;margin-left:20rem;margin-top:2rem;z-index:-2}.card{margin:20px;border:2px solid #ededed;padding:20px;cursor:pointer}.card-img{width:13rem;margin-bottom:1rem}.card-title{margin-bottom:1rem}.card-reviews{margin-bottom:1rem;display:flex}.rating-star{color:#f0d655}.total-reviews{font-size:.9rem;margin-left:10px;color:#eb1010;font-weight:700}.card-price{display:flex;justify-content:space-between;align-items:center}.bag-icon{color:#4c9b74}@media (max-width: 768px){.card-container{margin-left:0;justify-content:center}.card{margin:10px;width:100%}.card-img{width:100%}}.recommended-flex{display:flex;margin-left:20rem}.recommended-title{margin-left:20rem;margin-bottom:20px;margin-top:20px;font-size:20px;font-family:sans-serif;font-weight:700;color:#c42f06}.btns{padding:10px 20px;margin-right:6px;background:transparent;border:none;border:.6px solid #f61111;border-radius:5px;color:#4c765a;cursor:pointer}@media (max-width: 768px){.recommended-flex{margin-left:0;flex-direction:column;align-items:center}.recommended-title{margin-left:0;text-align:center}.btns{margin-right:0;margin-bottom:10px;width:100%}}.sidebar{width:15%;position:fixed;height:100%;border-right:2px solid #e5e5e5;z-index:3;display:flex;flex-direction:column;align-items:center}.logo-container{margin-bottom:4rem}.logo-container h1{margin-top:1.3rem}.sidebar.visible{left:0}.sidebar-content{padding:20px}.sidebar-toggle{display:none;position:fixed;top:20px;left:20px;background:#dac1c1;border:none;cursor:pointer;z-index:1001}@media (max-width: 768px){.sidebar-toggle{display:block}.sidebar{width:50%;left:-100%;background-color:#ea7878}.sidebar.visible{left:0}}.sidebar-title{font-size:22px;font-weight:400;margin-bottom:20px}.sidebar-items{margin-top:20px}.sidebar-label-container{display:block;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sidebar-label-container input{position:absolute;opacity:0;cursor:pointer}.checkmark{position:absolute;top:0;left:0;height:20px;width:20px;background-color:#eee;border-radius:50%}.all{background:linear-gradient(#00f,#dc143c)}.sidebar-label-container:hover input~.checkmark{background-color:#ccc}.sidebar-label-container input:checked~.checkmark{background-color:#39a2f9}.checkmark:after{content:"";position:absolute;display:none}.sidebar-label-container input:checked~.checkmark:after{display:block}.sidebar-label-container .checkmark:after{top:6.4px;left:6.4px;width:7px;height:7px;border-radius:50%;background:#fff}.line{margin-top:3rem;border-color:#f7f7f7}@media (max-width: 768px){.sidebar-title{font-size:18px}}.color-title{margin-top:2rem}@media (max-width: 768px){.color-title{margin-top:1rem}}.price-title{margin-top:20px}.ml{margin-left:20px}@media (max-width: 768px){.price-title{margin-top:1rem}.ml{margin-left:10px}}*{padding:0;margin:0;box-sizing:border-box}a{text-decoration:none;color:#616161}li{list-style:none}body{transition:background-color .3s ease,color .3s ease}@media (max-width: 768px){body{font-size:14px}}