.product-container{display:flex}.sidebar-container{display:none;width:20rem;height:calc(100vh - 8rem);background-color:#fff}@media screen and (min-width: 768px){.sidebar-container{display:block;width:30rem}}.products-list-container{display:flex;height:calc(100vh - 8rem);padding:4rem;overflow:auto;background-color:#f0f0f0;flex:1;flex-direction:column;gap:1rem}.products-list-container .head{display:flex;margin-bottom:1rem;justify-content:space-between;flex-direction:column;gap:1rem}@media screen and (min-width: 768px){.products-list-container .head{flex-direction:row}}.sidebar{display:flex;flex-direction:column;max-height:calc(100vh - 8rem);gap:2rem;padding:4rem;overflow:auto}.sidebar .filter-block{display:flex;flex-direction:column;gap:1rem}.sidebar .btn-apply{background-color:var(--primary)}.filter-block .heading{font-size:1.6rem;font-weight:700;text-align:start}.options{display:flex;flex-direction:column;gap:.4rem}.option{display:flex;align-items:center;cursor:pointer;gap:1rem}.option label{cursor:pointer}.option .checkbox{width:2rem;height:2rem;border:1px solid #9c9c9c;display:flex;justify-content:center}.option .checkbox.checked{background-color:var(--primary);border-color:var(--primary)}.option .radio{display:flex;width:2rem;height:2rem;padding:.4rem;border:1px solid #9c9c9c;border-radius:50%}.option .radio.checked .circle{width:100%;height:100%;background-color:var(--primary);border-radius:50%}.sized-box{height:2rem;width:2rem;background-color:red}.search-container{position:relative}.search-product{width:100%;padding:1rem 2rem 1rem 3rem;border:2px solid transparent;outline:none;transition:all .2s ease}.search-product:hover,.search-product:focus{border:2px solid var(--primary)}.btn-search-clear{position:absolute;top:0;right:0;bottom:0;display:flex;width:4rem;height:4rem;margin:auto;justify-content:center;align-items:center}.search-icon{position:absolute;left:0;top:0;bottom:0;margin:auto;display:flex;justify-content:center;align-items:center;width:3.2rem}.selected-brands{display:flex;gap:1rem}.selected-brand{display:flex;padding:2px 6px 2px 8px;font-size:1.2rem;border:1px solid var(--primary);gap:1rem}.selected-brand svg{color:var(--primary);cursor:pointer}.product-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.product-card{display:flex;align-items:center;background-color:#fff;flex-direction:column;gap:1rem}.product-card .img{display:flex;width:100%;justify-content:center;align-items:center;overflow:hidden;flex:1;max-height:24rem}.product-card .img img{max-width:100%;max-height:100%;transition:all .2s ease;transform:scale(.9);object-fit:cover}.product-card .img img:hover{transform:scale(1.1)}.product-card .title{padding:1rem;padding-top:0;font-size:1.6rem;text-align:center}