.shop-container{min-height:100vh;overflow-x:hidden;padding-inline:100px}.menu-sidebar,.shop-container{display:flex;background-color:#fff}.menu-sidebar{position:absolute;height:80vh;width:15rem;border:1px solid #f1f1f1;margin-top:10px;border-radius:8px;z-index:20;flex-direction:column;overflow:hidden}.main-content{flex:1;margin-left:15rem;background-color:#fff;margin-top:1.5rem;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}@media (min-width:1024px){html[dir=rtl] .main-content{margin-left:0;margin-right:18rem}}.main-content-scrollable::-webkit-scrollbar{display:none}.main-content-scrollable{height:100vh;overflow-y:auto}.main-content-scrollable.scrolled-to-bottom+.menu-sidebar{position:relative;height:auto}@media (max-width:1024px){.shop-container{padding-inline:50px}.menu-sidebar{width:18rem}.main-content{margin-left:18rem}}@media (max-width:768px){.shop-container{flex-direction:column;padding-inline:20px}.menu-sidebar{position:relative;width:100%;height:auto;max-height:60vh;border-right:none;border-bottom:1px solid #e5e7eb}.main-content{margin-left:0;width:100%}.main-content-scrollable{height:auto;max-height:50vh}}@media (max-width:480px){.shop-container{padding-inline:10px}}.menu-sidebar::-webkit-scrollbar{width:4px}.menu-sidebar::-webkit-scrollbar-track{background:#f1f5f9}.menu-sidebar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.menu-sidebar::-webkit-scrollbar-thumb:hover{background:#94a3b8}.menu-sidebar-header{flex-shrink:0;background-color:#fff}.menu-sidebar-categories{flex:1;overflow-y:auto;padding-bottom:1rem}.menu-sidebar-categories::-webkit-scrollbar{width:4px}.menu-sidebar-categories::-webkit-scrollbar-track{background:#f1f5f9}.menu-sidebar-categories::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.menu-sidebar-categories::-webkit-scrollbar-thumb:hover{background:#94a3b8}