body.menu-open{ overflow:hidden; }

.navbar_2026{height: 45px;position: relative;font-size: var(--font16);font-weight: var(--font600);border-bottom: 1px solid var(--clr-grey);border-top: 1px solid var(--clr-grey);background: var(--header-grey);z-index: 1234567891;}
.hamburger-btn{ display:none; background:none; border:0; cursor:pointer; flex-direction:column; justify-content:center; gap:5px; }
.hamburger-btn span{ width:26px; height:3px; background:#0d9b4d; border-radius:2px; }

/* ==========================
   NAV WRAPPER — plain wrapper on desktop, slide panel on mobile
========================== */
.nav-wrapper ul{display:flex; align-items:center;}
.nav-wrapper ul li{position: relative;}
.nav-wrapper ul li span{background:none; border:none; color:#333; cursor:pointer; padding:0 15px; transition:.3s;height: 43px; display: flex; align-items: center;position: relative;}
.nav-wrapper ul li span.dropdown{display:flex !important;padding:0 35px 0 15px; }
.nav-wrapper ul li span.dropdown::after{content: "";cursor: pointer;width:10px;height:10px;border-bottom:3px solid #333;border-right:3px solid #333;position:absolute;top:34%;right:15px;transform: rotate(45deg); transition: 0.3s;}
.nav-wrapper ul li span.dropdown::after{content: "";cursor: pointer;width:10px;height:10px;border-bottom:3px solid #333;border-right:3px solid #333;position:absolute;top:34%;right:15px;transform: rotate(45deg); transition: 0.3s;}
.nav-wrapper ul li:hover span{background:#0d9b4d !important; color: #fff;}
.nav-wrapper ul li:hover span.dropdown::after,
.nav-wrapper ul li span.active.dropdown::after{border-color: #fff;}
.nav-wrapper ul li span.active{background:#0d9b4d !important; color: #fff; }

.mobile-menu-header,
.submenu-mobile-header,
.mob-back-btn-nav,
.submenu-title,
.shop-title,
.Mobile_menu_content{ display:none; }

/* ==========================
   SUPER DEALS SUBMENU — desktop hover dropdown / mobile slide panel (same markup)
========================== */
.superdeal_menu{opacity: 0; visibility: hidden;position: absolute; top: 43px; left: 0; width: 200px; background: #fff; box-shadow: 0 0 10px #33333330; transition: 0.3s;}
.superdeal_menu.show{opacity: 1; visibility: visible;}
.superdeal_menu a{line-height: 45px; color: #5d5d5d !important; display: inline-block; border-bottom: 1px solid #e3e3e3; width: 100%; padding: 0 10px; transition: 0.3s;}
.superdeal_menu a:hover{padding-left: 20px; color: #0d9b4d !important;}
.super-deal-menu{box-shadow:0 15px 40px rgba(0,0,0,.15);}

.menu-overlay{position:fixed; inset:0; /*background:rgba(0,0,0,.10);*/ display:none; z-index:123456789; }
.mega-menu{ position:absolute; top:158px; left:0; width:100%; height:100%; display:none; z-index:123456789; box-shadow:0 15px 40px rgba(0,0,0,.15); }

.left-menu{ width:400px; height:calc(100% - 160px);overflow-y: auto; background:var(--top-green); float:left; padding: 10px 0 10px 20px;}
.left-menu li{ color:#fff; height: 45px; padding: 0 10px; cursor:pointer; font-size:18px; border-left:4px solid transparent; transition:.3s; display:flex; justify-content:space-between; align-items:center; margin-bottom: 2px; position: relative;}
.left-menu li::after{content: "";cursor: pointer;width:10px;height:10px;border-bottom:3px solid #fff;border-right:3px solid #fff;position:absolute;top:35%;right:20px;transform: rotate(-45deg);}
.left-menu li:hover{ background:#067634; border-radius: 10px 0 0 10px;}
.left-menu li.active{ background:#fff; color:#0d9b4d; font-weight:bold;border-radius: 10px 0 0 10px;}
.left-menu li.active::after{border-color: #0d9b4d;}

.left-menu::-webkit-scrollbar{ width:7px; }
.left-menu::-webkit-scrollbar-thumb{ background:#1f6f63; }
.right-menu::-webkit-scrollbar{ width:8px; }
.right-menu::-webkit-scrollbar-thumb{ background:var(--clr-grey); }

.right-panel{margin-left:0;height:calc(100% - 160px);background:rgba(0,0,0,.45);}
.right-menu{height:100%;width: 68%;overflow:auto;padding:30px 40px;opacity:0;visibility:hidden;transition:.25s; background: #fff;}
.right-menu.show{opacity:1;visibility:visible;}

.right-menu .menu_title{margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid var(--clr-grey); position: relative;display: flex; align-items: center; justify-content: space-between;}
.right-menu .menu_title span a{font-size:20px;font-weight: 600;}
.right-menu .menu_title a{font-size: 14px; display: flex; align-items: center; font-weight: 500;}
.right-menu .menu_title a svg{margin-left: 5px; transition: 0.3s;}
.right-menu .menu_title a:hover svg{margin-left: 10px;}

.tab-content{ display:none; }
.tab-content.active{ display:block; }

.columns{column-count: 4;}
.column{break-inside: avoid; padding-bottom: 20px;}
.column h4{ margin-bottom:10px; font-size:16px; color:#333; }
.column ul li{width: 100%; display: inline-block; padding: 5px 0;}
.column a{ display:block; color:#5d5d5d; transition:.3s; }
.column a:hover{text-decoration: underline;}

.view-all-category{}
.view-all-category a{color: var(--top-green);font-weight: 600;text-decoration: underline;}



@media(max-width:1100px), (max-width:1199px){ 
.right-menu{width: 63%;}
.columns {column-count: 3;}

}


@media(max-width:1024px){ 
.left-menu{ width:330px; padding-left: 10px;}
.left-menu li{font-size: 16px;}
.left-menu li::after{right: 15px;}
.right-menu{width: 65%;}
.columns{column-count: 3;}
}

@media (max-width:900px){
.view-all-category{display:none;}

.navbar_2026{height: auto;border: 0;background: none;position: absolute;}

.nav-wrapper,
.mega-menu,
.superdeal_menu,
.left-menu,
.right-menu,
.column,
.accordion-content{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:pan-y;}

.nav-wrapper,
.superdeal_menu,
.left-menu,
.right-menu,
.accordion-content{overscroll-behavior:contain;}

.nav-wrapper,
.superdeal_menu,
.left-menu,
.right-menu,
.accordion-content{scrollbar-width:none;-ms-overflow-style:none;}

.nav-wrapper::-webkit-scrollbar,
.superdeal_menu::-webkit-scrollbar,
.left-menu::-webkit-scrollbar,
.right-menu::-webkit-scrollbar,
.accordion-content::-webkit-scrollbar{display:none;width:0;height:0;}

.menu-overlay{background: rgba(0, 0, 0, .50);}
.hamburger-btn{ display:flex; }

.nav-wrapper{ position:fixed; top:0; width:90%; left: -90%; max-width:90%; height:100%; background:#ffffff; transition:left .1s ease; z-index:9999; overflow-y:auto; border-radius: 0 15px 0 0;}
.nav-wrapper.show{ left:0; }
.nav-wrapper ul li:hover span{background: #0d9b4d !important;}
.nav-wrapper ul{ display:block; height:auto; }
.nav-wrapper ul li span{ height:auto; padding:0 15px; height: 49px; border-bottom:1px solid #ffffff; background: var(--top-green); font-size:16px; justify-content:space-between; color: #fff;}
.nav-wrapper ul li span.active{background: var(--top-green) !important;}
.nav-wrapper ul li[data-menu] > span::after{content: "";cursor: pointer;width: 10px;height: 10px;border-bottom: 3px solid #fff;border-right: 3px solid #fff;position: absolute;top: 35%;right: 20px;transform: rotate(-45deg);}

.mobile-menu-header,
.submenu-mobile-header{display:flex !important;justify-content:space-between;align-items:center;height:55px;padding:0 15px;background:#fff; gap: 10px}
.mobile-menu-header span,
.submenu-mobile-header span{padding: 0 !important;font-size: 18px !important; font-weight: 600 !important;justify-content: space-between !important; color: #111 !important; flex: 1;}
.mobile-menu-header{position: sticky;top: 0; z-index: 1; width: 100%;}
.mega-menu.show .mobile-menu-header{width: 90%; border-radius: 0 15px 0 0;}
.mobile-menu-close{background:none;border:0;color:#5d5d5d;font-size:34px;cursor:pointer;line-height:1;padding:0; width: auto;}
.mob-back-btn-nav{ display:flex !important; align-items: center; background:none; border:0; cursor:pointer; line-height:1;width: auto;color: #5d5d5d;font-size: 16px; font-weight: 600; gap: 5px; padding: 0; text-align:left;}

.shop-title,
.right-menu .menu_title span a,
.submenu-title span{font-size: 16px;padding: 0 15px;margin-bottom: 15px;background: var(--top-green); color: #fff;height: 50px;display:flex;align-items: center;gap: 10px; font-weight: 600;}
.shop-title{font-weight: 600;position: sticky;top: 0;z-index: 1;}
.submenu-title{display:flex;flex-wrap:wrap;}
.submenu-title span{padding: 0 15px;}
.submenu-title svg{stroke: #5d5d5d; margin-left: 5px;}
.submenu-title a{font-weight: 400 !important; font-size:14px;}

.right-menu .menu_title,
.submenu-title{flex-wrap: wrap;padding: 0;border: 0; margin: 0;position: sticky;top: 0;background: #fff;z-index: 1;}
.right-menu .menu_title span a,
.submenu-title span{width: 100%; margin: 0;}
.right-menu .menu_title a,
.submenu-title a{width: 100%; box-shadow: 0 4px 6px rgba(0,0,0,.1); display: flex !important; height: 50px; align-items: center; padding: 0 15px !important; color:#5d5d5d;}
.right-menu .menu_title a svg,
.right-menu .menu_title a:hover svg{margin-left: 5px;stroke: #5d5d5d;}

.right-menu .menu_title span{display:inline-block; width:100%;}

.superdeal_menu{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;transform:translateX(100%);opacity:1;visibility:visible;transition:transform .1s ease;z-index:10000;overflow-y:auto;box-shadow:none;}
.superdeal_menu.show{ transform:translateX(0); }
.superdeal_menu a{padding:0 15px;background:#fff;border-bottom:0px solid var(--brd-grey); color: #6d7073 !important;}
.superdeal_menu a::after{display: none;}
.superdeal_menu a:hover{padding-left: 15px;color: #6d7073 !important;}
.superdeal_menu .shop-title span{height: 50px;border: none; margin: 0;}
.super-deal-menu{box-shadow:none;}

.mega-menu{position:fixed;top:0;left:0;width:100%;height:100%;transform:translateX(100%);transition:transform .1s ease;overflow:hidden;display:block;z-index:123456789; border-radius: 0 15px 0 0;}
.mega-menu.show{transform:translateX(0);}
.left-menu,
.right-menu{position:absolute;top:0;left:0;width:90%;height:100%;overflow-y:auto;transition:transform .1s ease;top:55px;height:calc(100% - 55px);padding: 0;}

.left-menu{background:#fff;transform:translateX(0);z-index:2;}
.left-menu li::after{border-color: #6d7073;}
.left-menu.hide{transform:translateX(-100%);}
.left-menu li{display:flex;justify-content:space-between;align-items:center;padding:0 15px;color:#6d7073;border-bottom:0px solid var(--brd-grey);border-left:none;font-size:16px; height: 40px;font-weight: 600;}
.left-menu li:hover,
.left-menu li.active{ background:transparent; border-radius: unset; color: #6d7073;}
.left-menu li.active::after{border-color: #fff;}

.right-menu{background:#fff;padding:0;transform:translateX(100%);z-index:3;margin:0;}
.right-menu.show{transform:translateX(0);}

.columns{column-count: 1; padding: 15px;}
.column{margin-bottom:0;border-bottom:0px solid #eee; padding: 0;}
.column ul li{padding: 0; height: 40px;display: flex;align-items: center; font-size: 16px;}
.column h4{margin:0;padding:0 30px 0 0;cursor:pointer;position:relative;font-size:16px;font-weight:600;transition:color .25s ease; line-height: 40px;}
.column h4:after{content:"";position:absolute;right:5px;top:50%;width:8px;height:8px;border-bottom:2px solid #999;border-right:2px solid #999;transform:translateY(-50%) rotate(-45deg);transition:border-color .25s ease;}
.column.active h4{font-weight: 600; color: var(--top-green);}
.column.active h4:after{border-color:var(--top-green);}
.column .accordion-content{position:fixed;inset:0;background:#fff;z-index:20;transform:translateX(100%);transition:transform .1s ease;overflow-y:auto;max-height:none;opacity:1;padding:0;font-size: 15px;}
.column .accordion-content ul{padding: 15px;}
.column.active .accordion-content{transform:translateX(0);}
.accordion-content a{display:block;padding:10px 0;border-bottom:0px solid #eee;color:#555;transition:padding-left .25s ease,color .25s ease; font-weight: 600;}

.Mobile_menu_content{display: block;}
.Mobile_menu_content .banner_img{padding: 15px;}
.Mobile_menu_content .banner_img a{width: 100%;}
.Mobile_menu_content .banner_img img{border-radius: 10px;}
.Mobile_menu_content .extra_link{padding: 15px; border-top: 1px solid #ccc; font-size: 16px;}
.Mobile_menu_content .extra_link ul li{padding-bottom: 15px;}
.Mobile_menu_content .extra_link ul li:last-child{padding: 0;}
.Mobile_menu_content .extra_link ul li a{display: flex; align-items: center; gap: 8px; color: #5d5d5d; font-weight: 600; }
.Mobile_menu_content .extra_link svg{width: 22px; height: 22px;}
.Mobile_menu_content .login_btn{padding: 15px; padding-top: 0;}
.Mobile_menu_content .login_btn button{cursor: pointer; width: 100%; height: 45px; color: #fff; border-radius: 10px; background: var(--top-green); font-weight: 600; font-size: 16px;}

}

@media(max-width:480px){ 
}