#top-menu .sub-menu{position:fixed;top:auto;left:0;right:0;width:100vw;background-color:#fff;border:none;box-shadow:0 8px 16px rgba(0,0,0,0.1);opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease;z-index:1000;display:block;margin:0;padding:0 0 0 60px;margin-left:calc(-50vw + 50%)}#top-menu .sub-menu-inner{padding:20px 30px;max-width:1200px;margin:0 auto}#top-menu li.menu-item-has-children:hover>.sub-menu{opacity:1;visibility:visible}#top-menu .sub-menu li{padding:10px 0;border-bottom:none;display:block;white-space:normal}#top-menu .sub-menu li a{display:block;color:#666;text-decoration:none;font-size:14px;transition:color 0.3s ease}#top-menu .sub-menu li a:hover{color:#333;font-weight:600}#top-menu>li>a{display:block;padding:10px 15px;color:#000;text-decoration:none;transition:color 0.3s ease}#top-menu>li>a:hover{color:#333}#top-menu li.menu-item-has-children>a::after{content:' ▼';font-size:12px;margin-left:5px}@media (max-width:768px){#top-menu .sub-menu{position:static;width:100%;opacity:0;max-height:0;overflow:hidden;margin-left:0;padding:0 0 0 30px}#top-menu .sub-menu-inner{padding:15px 30px}#top-menu li.menu-item-has-children:hover>.sub-menu{opacity:1;max-height:500px}#top-menu li.menu-item-has-children>a::after{content:' ▾'}}