.vvs-menu-drawer *,.vvs-menu-overlay *{box-sizing:border-box;margin:0;padding:0}.vvs-menu-drawer{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.vvs-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;z-index:9998}.vvs-menu-drawer{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#fff;z-index:9999;display:flex;flex-direction:column;transform:translate(-100%);transition:transform .3s ease-in-out}.vvs-menu-drawer.open{transform:translate(0)}.vvs-menu-header{display:flex;align-items:center;justify-content:space-between;padding-left:16px;padding-right:16px;height:56px;flex-shrink:0;background-color:#0173b6}.vvs-menu-logo{height:28px;width:auto}.vvs-menu-back-btn{display:flex;align-items:center;gap:8px;background:none;border:none;color:#fff;font-family:inherit;font-size:16px;line-height:1.5;font-weight:500;cursor:pointer;padding:0}.vvs-menu-back-btn svg{width:20px;height:20px}.vvs-menu-close-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;color:#fffc;cursor:pointer;padding:6px;transition:color .15s}.vvs-menu-close-btn:hover{color:#fff}.vvs-menu-close-btn svg{width:24px;height:24px}.vvs-menu-content{flex:1;overflow:hidden;position:relative;height:calc(100% - 56px)}.vvs-menu-panel{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;background-color:#fff;transition:transform .3s ease-in-out;-webkit-overflow-scrolling:touch}.vvs-menu-panel.level-0{transform:translate(0)}.vvs-menu-panel.level-0.hidden{transform:translate(-100%)}.vvs-menu-panel.level-1{transform:translate(100%)}.vvs-menu-panel.level-1.active{transform:translate(0)}.vvs-menu-panel.level-1.hidden{transform:translate(-100%)}.vvs-menu-panel.level-2{transform:translate(100%)}.vvs-menu-panel.level-2.active{transform:translate(0)}.vvs-menu-panel.level-2.hidden{transform:translate(-100%)}.vvs-menu-panel.level-3{transform:translate(100%)}.vvs-menu-panel.level-3.active{transform:translate(0)}.vvs-menu-panel.level-3.hidden{transform:translate(-100%)}.vvs-menu-panel.level-4{transform:translate(100%)}.vvs-menu-panel.level-4.active{transform:translate(0)}.vvs-menu-panel.level-4.hidden{transform:translate(-100%)}.vvs-menu-panel.level-5{transform:translate(100%)}.vvs-menu-panel.level-5.active{transform:translate(0)}.vvs-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #e5e7eb;background-color:#fff;position:sticky;top:0;z-index:1}.vvs-panel-title{font-size:20px;line-height:1.75;font-weight:700;color:#111827;margin:0}.vvs-panel-view-all{font-size:14px;line-height:1.25;font-weight:500;color:#0173b6;text-decoration:underline;cursor:pointer}.vvs-panel-view-all:hover{color:#015a91}.vvs-view-all-item{display:flex;align-items:center;justify-content:space-between;margin:12px 16px;padding:14px 16px;background-color:#0173b6;cursor:pointer;transition:background-color .15s,transform .1s;border-radius:8px;text-decoration:none}.vvs-view-all-item:hover{background-color:#015a91}.vvs-view-all-item:active{background-color:#014a75;transform:scale(.98)}.vvs-view-all-text{font-size:15px;font-weight:600;color:#fff}.vvs-view-all-item svg{width:20px;height:20px;color:#fffc}.vvs-category-list{list-style:none;margin:0;padding:0}.vvs-category-item{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background-color .15s}.vvs-category-item:hover{background-color:#f9fafb}.vvs-category-item:active{background-color:#f3f4f6}.vvs-category-item-left{display:flex;align-items:center;gap:16px;flex:1;min-width:0}.vvs-category-icon{width:24px;text-align:center;font-size:18px;line-height:1;flex-shrink:0}.vvs-category-info{display:flex;flex-direction:column;gap:2px;min-width:0}.vvs-category-name{font-size:16px;line-height:1.4;color:#111827;font-weight:500}.vvs-category-meta{font-size:13px;line-height:1.3;color:#6b7280;font-weight:400}.vvs-category-count{color:#9ca3af;font-weight:400;margin-left:8px}.vvs-category-parent{background-color:#f9fafb}.vvs-category-parent .vvs-category-name{color:#0173b6;font-weight:600}.vvs-category-arrow{color:#9ca3af}.vvs-category-arrow svg{width:20px;height:20px}.vvs-skeleton{padding-top:12px;padding-bottom:12px}.vvs-skeleton-item{display:flex;align-items:center;gap:16px;padding:16px 20px}.vvs-skeleton-icon{width:32px;height:32px;background-color:#0173b633;border-radius:4px;animation:vvs-pulse 2s cubic-bezier(.4,0,.6,1) infinite}.vvs-skeleton-text{height:20px;background-color:#e5e7eb;border-radius:4px;animation:vvs-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes vvs-pulse{0%,to{opacity:1}50%{opacity:.5}}.vvs-empty-message{padding:32px;text-align:center;color:#6b7280}@supports (padding: env(safe-area-inset-top)){.vvs-menu-header{padding-top:calc(16px + env(safe-area-inset-top));height:calc(56px + env(safe-area-inset-top))}.vvs-menu-content{height:calc(100% - 56px - env(safe-area-inset-top))}.vvs-menu-panel{padding-bottom:env(safe-area-inset-bottom)}}.vvs-mega-menu{display:none}@media(min-width:1024px){.vvs-mega-menu{display:block;position:relative;width:100%;background-color:#313e4e;border-bottom:none;z-index:100}}.vvs-mega-menu-bar{background-color:#313e4e}.vvs-mega-menu-bar-inner{display:flex;align-items:center;justify-content:flex-start;padding:0 16px;gap:4px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.vvs-mega-menu-bar-inner::-webkit-scrollbar{display:none}.vvs-mega-menu-trigger{display:flex;align-items:center;gap:8px;padding:12px 14px;color:#fff;text-decoration:none;font-size:13px;font-weight:500;white-space:nowrap;border-radius:6px;transition:background-color .15s,color .15s}.vvs-mega-menu-trigger:hover,.vvs-mega-menu-trigger.active{background-color:#ffffff26;color:#fff}.vvs-mega-menu-trigger i{font-size:18px;width:20px;text-align:center}.vvs-mega-menu-dropdown{position:absolute;top:100%;left:0;right:0;background-color:#fff;border-top:1px solid #e5e7eb;box-shadow:0 10px 50px #00000026;z-index:1000;animation:megaMenuSlideDown .2s ease-out;max-height:calc(100vh - 180px);display:flex;flex-direction:column}@keyframes megaMenuSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.vvs-mega-menu-header{background-color:#f8fafc;border-bottom:1px solid #e5e7eb;padding:0;flex-shrink:0}.vvs-mega-menu-category-link{display:flex;align-items:center;gap:12px;max-width:1280px;margin:0 auto;padding:16px 32px;color:#0173b6;text-decoration:none;font-size:16px;font-weight:600;transition:color .15s}.vvs-mega-menu-category-link:hover{color:#015a91}.vvs-mega-menu-category-link i:first-child{font-size:20px;width:24px;text-align:center}.vvs-mega-menu-category-link svg{margin-left:4px;opacity:.7}.vvs-mega-menu-content{flex:1;overflow:hidden;display:flex;justify-content:center;padding:0 24px}.vvs-mega-menu-flyout{display:flex;width:100%;max-width:1800px;height:100%}.vvs-mega-menu-column{flex:1;min-width:220px;max-width:450px;display:flex;flex-direction:column;background-color:#fff;border-right:1px solid #e5e7eb;overflow:hidden}.vvs-mega-menu-column:last-child{border-right:none}.vvs-mega-menu-column:nth-child(1){background-color:#f9fafb}.vvs-mega-menu-column:nth-child(2){background-color:#fff}.vvs-mega-menu-column:nth-child(3){background-color:#fafbfc}.vvs-mega-menu-column:nth-child(4){background-color:#fff}.vvs-mega-menu-column-header{display:flex;align-items:center;gap:8px;padding:14px 20px;color:#0173b6;text-decoration:none;font-size:14px;font-weight:600;background-color:#0173b60d;border-bottom:1px solid #e5e7eb;transition:background-color .15s,color .15s;flex-shrink:0}.vvs-mega-menu-column-header span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vvs-mega-menu-column-header:hover{background-color:#0173b61a;color:#015a91}.vvs-mega-menu-column-header svg{opacity:.7;flex-shrink:0}.vvs-mega-menu-column-items{flex:1;overflow-y:auto;padding:8px 0}.vvs-mega-menu-column-item{display:flex;align-items:flex-start;gap:8px;padding:10px 20px;color:#374151;text-decoration:none;font-size:14px;font-weight:500;transition:background-color .1s,color .1s;cursor:pointer;min-height:40px}.vvs-mega-menu-column-item:hover{background-color:#f0f7fb;color:#0173b6}.vvs-mega-menu-column-item.active{background-color:#e0f0f9;color:#0173b6;border-left:3px solid #0173B6;padding-left:17px}.vvs-mega-menu-item-content{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.vvs-mega-menu-item-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;word-break:break-word}.vvs-mega-menu-item-meta{font-size:11px;font-weight:400;color:#9ca3af;opacity:0;max-height:0;overflow:hidden;transition:opacity .15s,max-height .15s}.vvs-mega-menu-column-item:hover .vvs-mega-menu-item-meta,.vvs-mega-menu-column-item.active .vvs-mega-menu-item-meta{opacity:1;max-height:20px}.vvs-mega-menu-item-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.vvs-mega-menu-direct-link{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background-color:transparent;border:1px solid transparent;border-radius:4px;color:#9ca3af;cursor:pointer;opacity:0;transition:opacity .15s,background-color .1s,border-color .1s,color .1s}.vvs-mega-menu-column-item:hover .vvs-mega-menu-direct-link{opacity:1}.vvs-mega-menu-direct-link:hover{background-color:#0173b6;border-color:#0173b6;color:#fff}.vvs-mega-menu-direct-link:active{background-color:#015a91}.vvs-mega-menu-arrow{color:#9ca3af;flex-shrink:0;transition:color .1s}.vvs-mega-menu-column-item:hover .vvs-mega-menu-arrow,.vvs-mega-menu-column-item.active .vvs-mega-menu-arrow{color:#0173b6}.vvs-mega-menu-trigger:focus-visible,.vvs-mega-menu-category-link:focus-visible,.vvs-mega-menu-column-header:focus-visible,.vvs-mega-menu-column-item:focus-visible{outline:2px solid #0173B6;outline-offset:-2px}@media(min-width:1024px)and (max-width:1440px){.vvs-mega-menu-flyout{max-width:1400px}.vvs-mega-menu-column{min-width:200px;max-width:380px}.vvs-mega-menu-column-item{padding:9px 16px;font-size:13px}.vvs-mega-menu-column-header{padding:12px 16px;font-size:13px}}.vvs-mega-menu-column-items::-webkit-scrollbar{width:6px}.vvs-mega-menu-column-items::-webkit-scrollbar-track{background:transparent}.vvs-mega-menu-column-items::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:3px}.vvs-mega-menu-column-items::-webkit-scrollbar-thumb:hover{background-color:#9ca3af}