nav{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:1rem 2rem;border-bottom:2px solid #f3f3f3;background-color:#fff;position:sticky;top:0;z-index:1000;width:100%}.nav-container{display:flex;align-items:center;width:100%;justify-content:space-between;flex-wrap:wrap;gap:1rem}.search-input{padding:.8rem 1.2rem;border:none;background:#f7f6f6;outline:none;border-radius:5px;font-size:1rem;transition:all .3s ease;min-width:250px}.search-input:focus{box-shadow:0 0 0 2px #2563eb33}.profile-container{display:flex;align-items:center;gap:1.5rem}.nav-icons{width:1.5rem;height:1.5rem;color:#4b5563;transition:all .3s ease}.nav-icons:hover{color:#2563eb;transform:scale(1.1)}@media (max-width: 768px){nav{padding:1rem;flex-direction:column;gap:1rem}.nav-container{flex-direction:column;gap:1rem}.search-input{width:100%;min-width:auto}.profile-container{justify-content:center;width:100%;gap:1.5rem}}@media (min-width: 769px) and (max-width: 1024px){nav{padding:1rem 1.5rem}.search-input{min-width:200px}}.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;transition:var(--transition);border-radius:8px;background:#fff;box-shadow:0 2px 5px #0000001a}.card-img{width:13rem;margin-bottom:1rem}.card-title{margin-bottom:1rem}.card-reviews{margin-bottom:1rem;display:flex}.rating-star{color:#d5ab55}.total-reviews{font-size:.9rem;margin-left:10px}.card-price{display:flex;justify-content:space-between;align-items:center}.bag-icon{color:#535353}.card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a;border-color:var(--primary-color)}.card-img{width:13rem;margin-bottom:1rem;transition:var(--transition)}.card:hover .card-img{transform:scale(1.05)}.card-title{margin-bottom:1rem;transition:var(--transition)}.card:hover .card-title{color:var(--primary-color)}.bag-icon{color:#535353;transition:var(--transition)}.card:hover .bag-icon{color:var(--primary-color);transform:scale(1.2)}:root{--primary-color: #2563eb}.recommended-title{margin:1.5rem 0;font-size:1.5rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#2d3748;text-align:center}.recommended-flex{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem;margin-bottom:2rem}.btns{padding:.6rem 1.2rem;background:transparent;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .3s ease;text-transform:capitalize}.btns:hover{background:#2563eb;color:#fff;border-color:#2563eb;transform:translateY(-2px);box-shadow:0 4px 6px #2563eb1a}.btns:active{transform:translateY(0)}.btns.active{background:#2563eb;color:#fff;border-color:#2563eb}@media (max-width: 640px){.recommended-title{font-size:1.3rem;margin:1rem 0}.recommended-flex{gap:.6rem}.btns{padding:.5rem 1rem;font-size:.85rem}}@media (min-width: 641px) and (max-width: 1024px){.recommended-title{font-size:1.4rem}.btns{padding:.7rem 1.1rem}}.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:#2196f3}.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}.price-title{margin-top:20px}.ml{margin-left:20px}.color-title{margin-top:2rem}.sidebar-title{font-size:22px;font-weight:400;margin-bottom:20px}.sidebar{width:15%;position:fixed;height:100%;border-right:2px solid #e5e5e5;z-index:3;display:flex;flex-direction:column;align-items:center;padding:1rem;overflow-y:auto;background:#fff}.logo-container{margin-bottom:4rem}.logo-container h1{margin-top:1.3rem}@media (max-width: 768px){.sidebar{width:100%;position:relative;height:auto;padding:1rem;border-right:none;border-bottom:2px solid #e5e5e5}}*{padding:0;margin:0;box-sizing:border-box;font-family:sans-serif}a{text-decoration:none;color:#616161}li{list-style:none}.btns{padding:10px 20px;margin-right:6px;background:transparent;border:none;border:.6px solid #ccc;border-radius:5px;color:#323232;cursor:pointer}:root{--primary-color: #2563eb;--secondary-color: #1e40af;--text-color: #333;--light-gray: #f3f4f6;--transition: all .3s ease}@media (max-width: 1200px){.sidebar{width:25%}.card-container{margin-left:26rem}}@media (max-width: 992px){.sidebar{width:30%}.card-container{margin-left:31rem}}@media (max-width: 768px){.sidebar{width:100%;position:relative;height:auto;padding:1rem;border-right:none;border-bottom:2px solid #e5e5e5}.card-container{margin-left:0;justify-content:center}.recommended-flex,.recommended-title{margin-left:0;justify-content:center;flex-wrap:wrap}nav{margin-left:0;flex-direction:column;gap:1rem}.profile-container{margin-top:1rem}}@media (max-width: 576px){.card{width:100%;margin:10px 0}.card-img{width:100%}.recommended-flex{gap:.5rem}.btns{padding:8px 12px;margin-right:4px}}