.main-menu{text-align:center;padding:10px 0 20px}.main-menu .menu-items{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0}.main-menu .menu-items>li+li:before{content:"|";color:rgba(0,0,0,.3);margin:0 10px;font-weight:300}.main-menu .menu-items a{display:inline-block;color:#222;text-decoration:none;font-weight:500;padding:8px 14px;border-radius:8px;transition:color .25s ease,background .25s ease,transform .25s ease,box-shadow .25s ease}.main-menu .menu-items>li>a:hover,.main-menu .menu-items>li>a:focus{color:var(--accent-color);background:rgba(0,0,0,.05);border-radius:8px}box-shadow:{0 2px 6px rgba(0,0,0,.29),2px 2px 8px rgba(0,0,0,.13),inset 0 1px 2px rgba(255,255,255,.6),inset 0 -1px 2px rgba(0,0,0,.15);transform:translateY(-1px)}.main-menu .menu-items li{position:relative}.main-menu .menu-items .sub-menu{position:absolute;top:100%;left:0;min-width:180px;padding:0;margin:0;list-style:none;background:0 0;border-radius:0;box-shadow:none;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease;z-index:999}.main-menu .menu-items .sub-menu .sub-menu{top:0;left:calc(100% + 1px);transform:none}.main-menu .menu-items li:hover>.sub-menu,.main-menu .menu-items li:focus-within>.sub-menu{opacity:1;visibility:visible;pointer-events:auto}.main-menu .menu-items .sub-menu li{width:100%}.main-menu .menu-items .sub-menu a{display:block;padding:10px 18px;font-size:14px;color:#222;text-align:left;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:8px;margin-bottom:6px;box-shadow:0 4px 12px rgba(0,0,0,.06);transition:all .2s ease}.main-menu .menu-items .sub-menu a:hover{background:#fff;color:var(--accent-color);border:1px solid rgba(0,0,0,.18);box-shadow:0 8px 18px rgba(0,0,0,.12);transform:translateY(-1px)}.menu-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;width:30px;height:24px;margin-left:auto;background:0 0;border:none;padding:0;cursor:pointer}.menu-toggle span{width:100%;height:3px;background:#333;margin:3px 0;border-radius:2px;transition:all .3s ease}.menu-toggle.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.menu-toggle:focus-visible{outline:2px solid var(--accent-color);outline-offset:4px}.main-menu a:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}