.cat-menu-section{width:100%;max-width:1200px;margin:2% auto;padding:0 5px}.cat-menu-section h2{position:relative;display:inline-block;width:100%}.cat-menu-section h2:after{content:"";position:absolute;left:0;bottom:-10px;height:4px;width:100%;background:linear-gradient(to right,var(--mid-cat-underline),transparent)}.cat-menu-list{display:flex;gap:10px;flex-wrap:wrap;padding:0;list-style:none}.cat-menu-item{position:relative;background-color:#eff0f0;padding:3px 10px;display:flex;align-items:center;border-radius:3px;transition:background-color .3s ease;overflow:visible}.cat-menu-item:hover,.cat-menu-item.is-active{background-color:var(--mid-cat-hover-color)}.cat-menu-item>a{display:flex;align-items:center;text-decoration:none;color:#333;gap:10px;flex:1 1 auto;min-width:0}.cat-menu-item h3{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cat-menu-item:hover>a h3,.cat-menu-item.is-active>a h3{color:#fff}.cat-menu-item img{width:45px;height:45px;object-fit:cover;aspect-ratio:1 / 1;border-radius:4px}.caret-btn{margin-left:6px;display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;flex:0 0 auto}.caret-btn .caret{font-size:12px;line-height:1;opacity:.8;transform-origin:center;transition:transform .35s ease}.submenu-toggle{position:absolute;inline-size:1px;block-size:1px;margin:-1px;border:0;padding:0;clip:rect(0 0 0 0);overflow:hidden}.cat-submenu{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(-6px);width:100%;max-width:1000px;z-index:999;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:8px;box-shadow:0 8px 24px #0000001f;padding:16px;margin:0;list-style:none;display:grid;grid-template-columns:1fr;gap:10px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,transform .25s ease,visibility .25s}.cat-submenu.is-6cols{grid-template-columns:1fr;width:100%;max-width:1000px;white-space:normal}.cat-submenu li{margin:0;padding:0}.cat-submenu a{display:block;padding:10px 12px;text-decoration:none;color:#222;font-size:14px;border-radius:4px;text-align:left;transition:background .2s ease}.cat-submenu a:hover,.cat-submenu a:focus{background:#0000000d}@media (min-width: 1025px){.cat-menu-item:hover .cat-submenu,.cat-menu-item:focus-within .cat-submenu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(0)}.cat-menu-item.has-children:hover .caret-btn .caret,.cat-menu-item.has-children:focus-within .caret-btn .caret{transform:rotate(180deg)}}@media (max-width: 1024px){.cat-menu-item:hover .cat-submenu,.cat-menu-item:focus-within .cat-submenu{opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%) translateY(-6px)}.cat-menu-item{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.cat-menu-item>a{flex:1 1 auto;min-width:0}.cat-submenu{opacity:0;visibility:hidden;pointer-events:none;max-height:0;overflow:hidden;transition:opacity .3s ease,max-height .3s ease,visibility .3s ease,transform .3s ease}.submenu-toggle:checked~.cat-submenu{opacity:1;visibility:visible;pointer-events:auto;max-height:800px;transform:translate(-50%) translateY(0)}.submenu-toggle:checked~.caret-btn .caret{transform:rotate(180deg)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/mid-cat-menu.css.map */