.nat-mobile-menu-bar{position:fixed;bottom:0;left:0;width:100%;z-index:3000;background-color:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgba(0,0,0,.1);padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -4px 12px #0000000d}.nat-mobile-menu-wrap{display:flex;justify-content:space-around;align-items:center;height:60px}.nat-mobile-menu-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#666;font-size:11px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.nat-mobile-menu-item img{height:21px;width:auto;margin-bottom:4px;transition:transform var(--transition-fast),filter var(--transition-fast)}.nat-mobile-menu-item.active{color:var(--color-accent)}.nat-mobile-menu-item.active img{filter:invert(33%) sepia(87%) saturate(5412%) hue-rotate(349deg) brightness(96%) contrast(92%)}.mobile-category-overlay{position:fixed;top:0;left:0;right:0;bottom:calc(60px + env(safe-area-inset-bottom));background-color:#fff;z-index:2000;overflow-y:auto;padding:0 20px 40px;box-sizing:border-box;transition:transform .3s cubic-bezier(.4,0,.2,1),visibility .3s;transform:translateY(100%);box-shadow:0 -4px 12px #0000001a;visibility:hidden}.mobile-category-overlay.show{transform:translateY(0);visibility:visible}.m-category-title-header{position:sticky;top:0;background-color:#fff;font-size:18px;font-weight:700;padding:20px 0;margin-bottom:24px;color:#333;display:flex;align-items:center;justify-content:space-between;z-index:10;border-bottom:1px solid #f0f0f0}.m-category-close{cursor:pointer;color:#999}.m-category-list{display:flex;flex-direction:column;gap:30px}.m-category-item{border-bottom:1px solid #f0f0f0;padding-bottom:16px}.m-category-main{display:flex;align-items:center;text-decoration:none;color:#333;font-size:16px;font-weight:600;margin-bottom:15px}.m-category-main img{width:20px;height:20px;margin-right:12px}.m-subcategory-grid{display:flex;flex-wrap:wrap;gap:12px 8px}.m-subcategory-link{background-color:#f6f6f6;padding:10px 16px;border-radius:24px;text-decoration:none;color:#555;font-size:14px;transition:all .2s}.m-subcategory-link:active{background-color:#e0e0e0;color:var(--color-accent)}@media screen and (min-width:769px){.nat-mobile-menu-bar{display:none}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/nat-mobile-bottom-menu.css.map */