:root{--header-height:8rem;--is-stuck:0}.menu-mango-container{position:relative;z-index:1002;padding:10px 20px;display:flex;align-items:center;height:auto}.menu-mango-departments{list-style:none;padding:0;margin:0;display:flex;gap:20px;position:relative}.menu-mango-department-item{font-size:16px;cursor:pointer;font-weight:700;color:var(--item-color,#333);position:relative;padding:8px 12px;transition:all .3s ease-in-out}.menu-mango-department-item:after{content:"";position:absolute;bottom:-2px;left:50%;width:0;height:2px;background-color:var(--item-color,#000);transition:all .3s ease-in-out;transform:translateX(-50%)}.menu-mango-department-item:hover{color:var(--item-color,#000)}.menu-mango-department-item a,.menu-mango-department-item span,.menu-mango-department-link{color:inherit;text-decoration:none}.menu-mango-department-link{cursor:pointer}.menu-mango-drawer.open~.menu-mango-container .menu-mango-department-item{color:#999;z-index:1002}.menu-mango-department-item.active,.menu-mango-drawer.open~.menu-mango-container .menu-mango-department-item:hover{color:var(--item-color,#000)}.menu-mango-department-item.active:after{width:100%}.menu-mango-drawer{position:fixed;top:0;left:-100%;width:320px;height:100vh;background-color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.12);transition:all .3s ease-in-out;z-index:1001;overflow-y:hidden;opacity:0;visibility:hidden;transform:translateX(-10px)}.sticky-header{position:relative;--header-height:auto}.sticky-header.is-sticky .menu-mango-drawer-content{position:fixed;top:var(--header-height,8rem)}.menu-mango-drawer.open{min-width:340px!important;left:0;opacity:1;visibility:visible;transform:translateX(0);transition:left .2s ease-out,opacity .2s ease-out,transform .2s ease-out,visibility 0s}.menu-mango-drawer.open .menu-mango-drawer-content{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .3s ease-in-out .2s,transform .3s ease-in-out .2s,visibility 0s .2s}.menu-mango-drawer-content{width:auto;min-width:340px;position:absolute;padding:20px;top:var(--header-height,8rem);left:0;transition:opacity .2s ease-in-out,transform .3s ease-in-out;will-change:transform,opacity;opacity:0;transform:translateY(-10px);border-radius:8px;max-height:calc(100vh - var(--header-height, 8rem));overflow:hidden;z-index:1000;visibility:hidden;transition:none}.menu-mango-columns{display:grid;grid-template-columns:50% 50%;width:100%;height:100%}.menu-mango-categories{list-style:none;margin:0;max-height:calc(100vh - 10rem);overflow-y:auto;padding:0 16px;width:100%;min-width:0}.menu-mango-category-item{padding:8px 0;margin-bottom:4px;position:relative}.menu-mango-category-item:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:1px;background-color:var(--item-color,#000);transition:all .3s ease-in-out;transform:translateX(-50%)}.menu-mango-category-item.active:after,.menu-mango-category-item:hover:after{width:100%}.menu-mango-category-link{text-decoration:none;color:var(--item-color,#666);font-size:14px;display:block;transition:color .3s ease-in-out;padding:4px 0;word-break:break-word;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:2.8em}.menu-mango-category-link:hover{color:var(--item-color,#000)}.menu-mango-subcategories{list-style:none;padding-left:16px;margin-top:5px;position:relative;min-height:200px;opacity:0;-webkit-animation:fadeIn .2s ease-in-out forwards;animation:fadeIn .2s ease-in-out forwards;max-height:calc(100vh - 10rem);overflow-y:auto;padding-right:10px}.menu-mango-subcategory-item{padding:5px 0;opacity:0;transform:translateX(-10px);margin:2px 0;word-wrap:break-word;white-space:normal;position:relative}.menu-mango-subcategory-item:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:1px;background-color:var(--item-color,#000);transition:all .3s ease-in-out;transform:translateX(-50%)}.menu-mango-subcategory-item:hover:after{width:100%}.menu-mango-subcategory-item:hover{transform:translateX(8px)}.menu-mango-subcategories:not(:empty) .menu-mango-subcategory-item{-webkit-animation:fadeInRight .3s ease-in-out forwards;animation:fadeInRight .3s ease-in-out forwards}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeInRight{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.menu-mango-subcategory-item:first-child{-webkit-animation-delay:.05s;animation-delay:.05s}.menu-mango-subcategory-item:nth-child(2){-webkit-animation-delay:.1s;animation-delay:.1s}.menu-mango-subcategory-item:nth-child(3){-webkit-animation-delay:.15s;animation-delay:.15s}.menu-mango-subcategory-item:nth-child(4){-webkit-animation-delay:.2s;animation-delay:.2s}.menu-mango-subcategory-item:nth-child(5){-webkit-animation-delay:.25s;animation-delay:.25s}.menu-mango-subcategory-item:nth-child(6){-webkit-animation-delay:.3s;animation-delay:.3s}.menu-mango-subcategory-item:nth-child(7){-webkit-animation-delay:.35s;animation-delay:.35s}.menu-mango-subcategory-item:nth-child(8){-webkit-animation-delay:.4s;animation-delay:.4s}.menu-mango-subcategory-item:nth-child(9){-webkit-animation-delay:.45s;animation-delay:.45s}.menu-mango-subcategory-item:nth-child(10){-webkit-animation-delay:.5s;animation-delay:.5s}.menu-mango-subcategory-item:nth-child(11){-webkit-animation-delay:.55s;animation-delay:.55s}.menu-mango-subcategory-item:nth-child(12){-webkit-animation-delay:.6s;animation-delay:.6s}.menu-mango-subcategory-item:nth-child(13){-webkit-animation-delay:.65s;animation-delay:.65s}.menu-mango-subcategory-item:nth-child(14){-webkit-animation-delay:.7s;animation-delay:.7s}.menu-mango-subcategory-item:nth-child(15){-webkit-animation-delay:.75s;animation-delay:.75s}.menu-mango-subcategory-item:nth-child(16){-webkit-animation-delay:.8s;animation-delay:.8s}.menu-mango-subcategory-item:nth-child(17){-webkit-animation-delay:.85s;animation-delay:.85s}.menu-mango-subcategory-item:nth-child(18){-webkit-animation-delay:.9s;animation-delay:.9s}.menu-mango-subcategory-item:nth-child(19){-webkit-animation-delay:.95s;animation-delay:.95s}.menu-mango-subcategory-item:nth-child(20){-webkit-animation-delay:1s;animation-delay:1s}.menu-mango-subcategory-item:nth-child(21){-webkit-animation-delay:1.05s;animation-delay:1.05s}.menu-mango-subcategory-item:nth-child(22){-webkit-animation-delay:1.1s;animation-delay:1.1s}.menu-mango-subcategory-item:nth-child(23){-webkit-animation-delay:1.15s;animation-delay:1.15s}.menu-mango-subcategory-item:nth-child(24){-webkit-animation-delay:1.2s;animation-delay:1.2s}.menu-mango-subcategory-item:nth-child(25){-webkit-animation-delay:1.25s;animation-delay:1.25s}.menu-mango-subcategory-item:nth-child(26){-webkit-animation-delay:1.3s;animation-delay:1.3s}.menu-mango-subcategory-item:nth-child(27){-webkit-animation-delay:1.35s;animation-delay:1.35s}.menu-mango-subcategory-item:nth-child(28){-webkit-animation-delay:1.4s;animation-delay:1.4s}.menu-mango-subcategory-item:nth-child(29){-webkit-animation-delay:1.45s;animation-delay:1.45s}.menu-mango-subcategory-item:nth-child(30){-webkit-animation-delay:1.5s;animation-delay:1.5s}.menu-mango-subcategory-link{text-decoration:none;color:var(--item-color,#666);font-size:14px;display:block;transition:color .3s ease-in-out;border-radius:4px;word-break:break-word;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:2.8em}.menu-mango-subcategory-link:hover{background-color:transparent;color:var(--item-color,#000)}.menu-mango-categories,.menu-mango-subcategories{width:100%;min-width:0}.menu-mango-categories::-webkit-scrollbar,.menu-mango-subcategories::-webkit-scrollbar{width:6px}.menu-mango-categories::-webkit-scrollbar-track,.menu-mango-subcategories::-webkit-scrollbar-track{background:rgba(0,0,0,.05);border-radius:3px}.menu-mango-categories::-webkit-scrollbar-thumb,.menu-mango-subcategories::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:3px}.menu-mango-categories::-webkit-scrollbar-thumb:hover,.menu-mango-subcategories::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.3)}.vtex-sticky-layout-0-x-wrapper--sticky-header--stuck .menu-mango-drawer-content{position:fixed;top:var(--header-height,8rem)}