.gstore-mega-menu{
position:fixed;top:0;left:0;transform:translateY(15px) scale(.95);
transform-origin:top center;width:var(--menu-width,825px);height:var(--menu-height,485px);background:var(--menu-bg, #fff);
border-radius:12px;padding:25px;box-shadow:0 10px 40px rgba(0,0,0,.08),0 2px 10px rgba(0,0,0,.04);
display:flex;gap:25px;opacity:0;visibility:hidden;z-index:99999;
font-family:inherit;color:var(--menu-text,#333);
transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1),visibility .4s cubic-bezier(.16,1,.3,1)}
.gstore-mega-menu::before{content:'';position:absolute;top:-15px;left:0;right:0;height:15px;background:transparent}
.gstore-mega-menu.active{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.mega-menu-left{width:220px;flex-shrink:0;border-right:1px solid #f0f0f0;padding-right:25px}
.sidebar-nav{list-style:none;margin:0;padding:0}
.sidebar-nav .nav-item{border-left:3px solid transparent;padding:14px 16px;font-size:14px;cursor:pointer;
transition:background-color .25s cubic-bezier(.16,1,.3,1),border-color .25s cubic-bezier(.16,1,.3,1),color .25s cubic-bezier(.16,1,.3,1);
user-select:none;color:var(--menu-text,#333);border-radius:0 8px 8px 0;margin-bottom:2px;text-align:left;
display:flex;justify-content:space-between;align-items:center}
.sidebar-nav .nav-item:hover{background-color:#f8f9fa;border-left-color:var(--menu-hover,#1a73e8);color:var(--menu-hover,#1a73e8)}
.sidebar-nav .nav-item.active{border-left-color:var(--menu-hover,#1a73e8);background-color:var(--menu-active,#e8f0fe);color:var(--menu-hover,#1a73e8)}
.sidebar-nav .nav-item.has-submenu::after{content:'›';font-size:18px;font-weight:300;opacity:.4;margin-left:8px}
.mega-menu-right{flex:1;height:100%;overflow-y:auto;overflow-x:hidden;padding-right:10px;position:relative}
.mega-menu-right::-webkit-scrollbar{width:6px}
.mega-menu-right::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}
.mega-menu-right::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}
.mega-menu-right::-webkit-scrollbar-thumb:hover{background:#aaa}
.category-content{opacity:0;transform:translateX(10px);animation:gstoreContentFadeIn .35s cubic-bezier(.16,1,.3,1) forwards}
@keyframes gstoreContentFadeIn{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}
.child-section{margin-bottom:30px}
.child-section:last-child{margin-bottom:0}
.child-section-title{font-size:16px;font-weight:600;color:var(--menu-text,#333);margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #eee;text-align:left}
.child-section-title a{color:inherit;text-decoration:none;transition:color .2s ease}
.child-section-title a:hover{color:var(--menu-hover,#1a73e8)}
.grandchild-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.grandchild-item{position:relative;border-radius:8px;overflow:hidden;cursor:pointer;background:var(--card-bg,#f5f7fa);
text-decoration:none;display:block;aspect-ratio:6/4;color:var(--menu-text,#333)}
.grandchild-item img{position:absolute;bottom:var(--card-img-offset-y,6px);right:var(--card-img-offset-x,6px);width:var(--card-img-size,25%);height:var(--card-img-size,25%);object-fit:contain;transition:transform .4s cubic-bezier(.16,1,.3,1);background:transparent;padding:2px;box-sizing:border-box}
.grandchild-item:hover img{transform:scale(1.01)}
.grandchild-item.is-brand img{position:static;width:100%;height:100%;padding:8px}
.grandchild-item.is-brand .grandchild-title{display:none}
.grandchild-title{position:absolute;top:10px;left:10px;max-width:60%;color:var(--menu-text,#333);font-size:14px;
font-weight:600;line-height:1.4;text-align:left;word-wrap:break-word;overflow-wrap:break-word}
.no-data,.no-grandchildren{color:#999;font-size:14px;text-align:left;padding:40px 20px}
.no-grandchildren{padding:20px}
.mega-menu-loading{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.9);
display:flex;align-items:center;justify-content:center;z-index:10;display:none}
.loading-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid var(--menu-hover,#1a73e8);
border-radius:50%;animation:gstoreSpin .8s linear infinite}
@keyframes gstoreSpin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
@media(max-width:850px){.gstore-mega-menu{width:95%;max-width:800px}}
@media(max-width:768px){
.gstore-mega-menu{width:100%;height:auto;max-height:80vh;flex-direction:column;padding:20px;border-radius:0;left:0;transform:translateX(0) translateY(15px)}
.gstore-mega-menu.active{transform:translateX(0) translateY(0)}
.mega-menu-left{width:100%;border-right:none;border-bottom:1px solid #f0f0f0;padding-right:0;padding-bottom:15px;margin-bottom:15px}
.sidebar-nav{display:flex;flex-wrap:wrap;gap:8px}
.sidebar-nav .nav-item{border-left:none;border-bottom:2px solid transparent;border-radius:8px;padding:10px 14px;font-size:13px}
.sidebar-nav .nav-item.active,.sidebar-nav .nav-item:hover{border-left:none;border-bottom-color:var(--menu-hover,#1a73e8)}
.mega-menu-right{height:auto;max-height:50vh}
.grandchild-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:480px){.grandchild-grid{grid-template-columns:1fr}}