.nat-nav-pc{background:#fff;border-top:1px solid #eee;border-bottom:1px solid #eee}.nat-nav-inner{max-width:1080px;margin:0 auto;display:flex;align-items:center;padding:0 10px}.nat-category-trigger{padding:15px 0;background:transparent;color:#333;display:flex;align-items:center;gap:8px;font-weight:700;cursor:pointer;text-decoration:none;font-size:15px}.nat-category-trigger img{width:14px;height:auto;margin-right:5px;vertical-align:unset;filter:brightness(0);transition:filter .2s ease}.nat-category-trigger:hover img{filter:none}.nat-nav-list{display:flex;list-style:none;margin:0;padding:0;flex:1;justify-content:space-evenly}.nat-nav-item a{padding:15px 5px;display:block;text-decoration:none;color:#333;font-weight:500;font-size:16px}.nat-nav-item a:hover{color:var(--primary-color)}@media(max-width:768px){.nat-nav-pc{display:none}}.nat-m-nav-wrapper{display:none}@media(max-width:768px){.nat-m-nav-wrapper{display:block}.nat-m-nav{overflow-x:auto;white-space:nowrap;padding:10px 15px;-webkit-overflow-scrolling:touch;border-bottom:1px solid var(--border-color);background:#fff}.nat-m-nav::-webkit-scrollbar{display:none}.nat-m-nav-link{display:inline-block;padding:5px 12px;text-decoration:none;color:var(--color-primary);font-size:15px;font-weight:500}.nat-m-nav-link.active{color:#ef3e3d;font-weight:700;border-bottom:none}}.nat-category-trigger-wrap{position:relative}.nat-category-dropdown{position:absolute;top:100%;left:0;width:500px;background:#fff;border:1px solid var(--border-color);box-shadow:0 4px 10px #0000001a;display:flex;z-index:100}.dropdown-inner{display:flex;width:100%}.ca1-list{width:180px;background:var(--bg-light);list-style:none;margin:0;padding:0;border-right:1px solid var(--border-color)}.ca1-list li{padding:5px 10px 5px 20px;cursor:pointer;font-size:14px}.ca1-list li.active{background:#fff;font-weight:700;color:var(--primary-color)}.ca2-grid{flex:1;padding:10px}.ca2-row{display:flex;margin-bottom:0}.ca2-col{width:50%}.ca2-col a{text-decoration:none;color:var(--text-dark);font-size:14px}.ca2-col a:hover{color:var(--primary-color)}[v-cloak]{display:none}
/*# sourceMappingURL=/cdn/shop/t/30/assets/nat-navigation.css.map */