.products{display:flex;align-items:flex-start;justify-content:flex-start;height:100vh;overflow:hidden}@media screen and (max-width:768px){.products{padding-top:75px}}.products .close-categories{animation:bg-slide-left .5s ease}.products .open-categories{animation:bg-slide-right .5s ease}.products .categories{width:max-content;min-height:calc(100vh - 100px);height:100%;padding-block:2rem;border-right:1px solid #c8c8c8;background-color:#fff}@media screen and (max-width:768px){.products .categories{margin-top:3.5rem;position:absolute;z-index:1;border:none;box-shadow:0 10px 15px -3px gray;padding-block:1rem;min-height:unset;height:calc(100% - 3.5rem - 75px)}}.products .categories ul.group{margin:0;padding:0;height:100%;overflow:auto}.products .categories ul.group li{height:-moz-fit-content;height:fit-content;list-style:none;margin:0;cursor:pointer;padding:0;text-align:left;transition:transform .2s ease;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.products .categories ul.group li span{padding-inline:1rem;width:100%;font-size:1rem;padding-block:.3rem;color:#015aaa;text-wrap:nowrap;text-transform:capitalize}.products .categories ul.group li span:hover{border-bottom:1px solid #dcdcdc}.products .categories ul.group li .open{animation:slide-nav-down .25s ease-out}.products .categories ul.group li .close{animation:slide-nav-up .25s ease-out}.products .categories ul.group li ul.subGroup{display:none;height:100%;width:100%;margin:0;padding:0 0 1rem 1.5rem;transform-origin:top}.products .categories ul.group li ul.subGroup li{list-style:none;margin:0;cursor:pointer;text-align:left;font-size:.9rem;transition:transform .2s ease;padding-block:.3rem;padding:0 .5rem 0 0;color:#015aaa;text-wrap:nowrap;text-transform:capitalize}.products .categories ul.group li ul.subGroup li:hover{transform:translateX(8px);transition:transform .2s ease}.products .categories ul.group .bg-slide{background-color:#dcdcdc}.products .listContainer{margin:0;padding-top:2rem;flex:1 1;animation:bg-slide-right .25s ease-out;height:100%}@media screen and (max-width:768px){.products .listContainer{padding-top:0;display:flex;flex-direction:column;justify-content:flex-start}}.products .listContainer .headerContainer{display:flex;align-items:center;justify-content:center;width:100%}@media screen and (max-width:768px){.products .listContainer .headerContainer{justify-content:space-between;padding-block:1rem}}.products .listContainer .headerContainer .filter-icon{height:100%;width:-moz-fit-content;width:fit-content;display:grid;justify-items:center;cursor:pointer;padding-left:1rem}.products .listContainer .headerContainer h1,.products .listContainer .headerContainer h3{padding:0;margin:0;text-transform:capitalize}.products .listContainer .productList{padding:2rem;display:flex;flex:1 1;flex-wrap:wrap;align-items:flex-start;justify-content:center;animation:bg-slide-right .25s ease-out;overflow:auto;height:100%}@media screen and (max-width:768px){.products .listContainer .productList{padding-inline:1rem;padding-bottom:4rem;padding-top:0;display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}}.products .listContainer .productRowList{display:flex;flex-direction:column;justify-content:flex-start;animation:bg-slide-right .25s ease-out;height:100%;padding-inline:1rem;padding-bottom:1rem;padding-top:0;overflow:auto}@keyframes slide-nav-down{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@keyframes slide-nav-up{0%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(0)}}@keyframes bg-slide-right{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes bg-slide-left{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.productCard{position:relative;width:200px;height:250px;display:block;margin-bottom:4rem;margin-inline:1rem;overflow:hidden;box-shadow:0 0 10px -4px #c8c8c8;background-color:#fff;transition:all .3s ease;border-radius:3px}@media screen and (max-width:768px){.productCard{width:100%;height:max-content;margin:0}}.productCard:hover{box-shadow:0 0 15px -5px #969696;cursor:pointer;transition:all .3s ease}.productCard-imgContainer{width:100%;height:200px;padding:.5rem}.productCard-imgContainer img{width:100%;height:100%;object-fit:cover}@media screen and (max-width:768px){.productCard-imgContainer{padding:0}}.productCard-textContainer{width:100%;height:50px;display:flex;align-items:center;justify-content:center}.productCard-textContainer p{padding:0;margin:0;font-size:.85rem;font-weight:600}@media screen and (max-width:768px){.productCard-textContainer p{font-size:.85rem}}.productRowCard{position:relative;width:100%;height:200px;display:block;margin-bottom:1rem;box-shadow:0 0 10px -4px #c8c8c8;background-color:#fff;transition:all .3s ease;border-radius:3px}.productRowCard-imgContainer{width:100%;height:100%;padding:.5rem}.productRowCard-imgContainer img{width:100%;height:100%;object-fit:cover}@media screen and (max-width:768px){.productRowCard-imgContainer{padding:0}}.productRowCard-textContainer{width:100%;height:50px;display:flex;align-items:center;justify-content:center;position:absolute;bottom:0}.productRowCard-textContainer p{padding:0;margin:0;font-size:1.2rem;font-weight:600;color:#fff;filter:drop-shadow(0 0 5px black)}