@media screen and (min-width: 769px){.mobile-menu-container{display:none!important}}@media screen and (max-width: 768px){.mobile-menu-container{display:none}.menu-sheet-overlay{position:fixed;top:0;right:0;bottom:56px;left:0;background:#0009;opacity:0;visibility:hidden;transition:opacity .3s ease;z-index:800}.menu-sheet-overlay.active{opacity:1;visibility:visible}.menu-sheet{position:fixed;bottom:56px;left:0;right:0;background:var(--color-surface-light, #ffffff);border-radius:24px 24px 0 0;max-height:calc(100vh - 116px);height:auto;transform:translateY(calc(100% + 56px));transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:850;display:flex;flex-direction:column;overflow:hidden}.menu-sheet.active{transform:translateY(0)}.menu-sheet-handle{padding:12px;display:flex;justify-content:center;background:var(--color-primary, #356859);border-top-left-radius:16px;border-top-right-radius:16px}.handle-bar{width:40px;height:4px;background:#ffffff80;border-radius:2px}.menu-sheet-header{padding:0 20px 16px;background:var(--color-primary, #356859);display:flex;align-items:center;justify-content:space-between}.menu-sheet-title{font-size:20px;font-weight:600;color:#fff}.close-menu-btn{background:none;border:none;padding:4px;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center}.close-menu-btn svg{width:24px;height:24px}.menu-sheet-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative;background:--color-surface-light;padding:16px}.menu-level{position:absolute;top:0;left:0;right:0;bottom:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:20px;display:none;background:#f5f5f5}.menu-level.active{display:block}.menu-level.slide-in-right{animation:slideInRight .3s ease-out}.menu-level.slide-out-left{animation:slideOutLeft .3s ease-out}.menu-level.slide-in-left{animation:slideInLeft .3s ease-out}.menu-level.slide-out-right{animation:slideOutRight .3s ease-out}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOutLeft{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideOutRight{0%{transform:translate(0)}to{transform:translate(100%)}}.menu-back-btn{display:flex;align-items:center;gap:8px;background:#fff;border:none;padding:12px 16px;margin-bottom:16px;border-radius:12px;font-size:15px;font-weight:600;color:var(--color-primary, #356859);cursor:pointer;width:100%;box-shadow:0 2px 4px #0000001a;-webkit-tap-highlight-color:transparent}.menu-back-btn:active{transform:scale(.98)}.menu-back-btn svg{width:20px;height:20px}.menu-level-title{font-size:18px;font-weight:700;color:var(--color-primary, #356859);margin-bottom:16px;padding:0 4px;text-transform:uppercase;letter-spacing:.5px}.menu-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.menu-item{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #00000014}.menu-link{display:flex;align-items:center;justify-content:space-between;padding:16px;width:100%;background:none;border:none;text-align:left;font-size:15px;font-weight:500;color:#333;cursor:pointer;text-decoration:none;transition:background .2s ease;-webkit-tap-highlight-color:transparent}.menu-link:active{background:#35685914}.menu-link span{flex:1}.menu-arrow{width:20px;height:20px;color:#999;flex-shrink:0}.menu-item.has-children .menu-link{font-weight:600}.menu-level::-webkit-scrollbar{width:6px}.menu-level::-webkit-scrollbar-track{background:#0000000d}.menu-level::-webkit-scrollbar-thumb{background:#3568594d;border-radius:3px}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/mobile-menu-modal.css.map */