.category-menu *::-webkit-scrollbar-track{border-radius:10px}.category-menu *::-webkit-scrollbar{width:8px;background-color:#f5f5f5}.category-menu *::-webkit-scrollbar-thumb{border-radius:10px;background-color:#555}.category-menu .menu-icon{width:50px;height:50px;object-fit:contain;margin-right:8px;vertical-align:middle;border-radius:100%}.category-menu .overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:none;z-index:1000}.category-menu .offcanvas-container{position:fixed;top:0;left:0;height:100%;background-color:#fff;z-index:1001;overflow:hidden;transition:transform .3s ease;box-shadow:2px 0 5px #0000004d;transform:translate(-100%);width:100%}.category-menu .offcanvas-container.open{transform:translate(0)}.category-menu .offcanvas-panels{display:flex;height:100%;transition:transform .3s ease;width:300%}.category-menu .menu-panel{width:100vw;height:100%;overflow:hidden;flex-shrink:0;background-color:#fff;border-right:1px solid #ccc;display:flex;flex-direction:column}.category-menu .offcanvas-header{padding:16px;font-size:18px;font-weight:700;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:#fff;z-index:1;flex-shrink:0}.category-menu .menu-panel ul{flex-grow:1;overflow-y:auto;padding-bottom:20px;margin:0;height:calc(100vh - 60px)}.category-menu li{padding:12px 16px;border-bottom:1px solid #eee}.category-menu li a{text-decoration:none;color:#333;display:flex;align-items:center;justify-content:space-between}.category-menu .parent-item{display:flex;align-items:center}.category-menu .has-children>a:after{content:"\279c";float:right}.category-menu .featured-products .view-more:after{content:"\279c";float:right;border:1px solid;border-radius:100px;height:25px;width:25px;margin-top:2px}.toggle-button{padding-left:14px;display:inline-flex;align-items:center;column-gap:6px}li.m-menu-mobile__item.toggle-button-item{border-bottom:1px solid #cfcfcf;padding:14px 0}.category-menu .close-button{background:none;border:none;font-size:24px;cursor:pointer}@media (min-width: 768px){.category-menu .offcanvas-container{width:auto}.category-menu .offcanvas-panels{position:relative;width:auto;transform:none!important}.category-menu .menu-panel{width:300px;transform:translate(100%);opacity:0;transition:transform .3s ease,opacity .3s ease;display:none;height:auto;max-height:100vh}.category-menu .menu-panel ul{max-height:calc(100vh - 60px)}.category-menu .featured-products .product-grid{max-height:calc(100vh - 108px)}.category-menu .featured-products .product-info{margin-top:6px}.category-menu .featured-products .view-more{margin:auto;text-align:center;padding:10px 0;display:flex;justify-content:center;align-items:center;column-gap:5px}.category-menu .menu-panel.visible{display:block;transform:translate(0);opacity:1}.toggle-button{padding-left:44px}}.category-menu .product-panel{width:320px;border-left:1px solid #ccc;background:#fafafa;display:none;flex-direction:column;overflow-y:auto;max-height:calc(100vh - 60px);position:absolute;right:0;top:0;z-index:1002}.category-menu .product-panel .product-list{overflow-y:auto;max-height:calc(100vh - 100px)}.category-menu .product-item{display:flex;align-items:center;padding:10px;text-decoration:none;color:#333;border-bottom:1px solid #ddd}.category-menu .product-item:hover{background-color:#eee}.category-menu .product-image{width:40px;height:40px;object-fit:contain;margin-right:8px}.category-menu .product-title{font-size:14px}@media (max-width: 767px){.category-menu .menu-panel ul li.has-children.submenu-open>ul{display:block!important}.category-menu .menu-panel ul li.has-children>ul{display:none}.category-menu .menu-panel ul{height:calc(100vh - 170px)}}.product-grid-loader{text-align:center;padding:20px}.product-grid-loader{display:none;align-items:center;justify-content:center;height:calc(100vh - 60px)}.loader-spinner{margin:0 auto 10px}.loader-wapper{display:flex;justify-content:center;align-items:center;text-align:center}.loader-spinner{width:30px;height:30px;border:3px solid #ccc;border-top:3px solid #222;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width: 768px){.menu-panel.intial-hide{display:black!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/category-menu.css.map */