/* G-App Mega Category Menu */
.gapp-mega-menu-trigger{position:relative!important}
.gapp-mega-menu{
  position:absolute;left:0;top:100%;z-index:99999;
  width:min(1180px,calc(100vw - 40px));
  background:#fff;color:#111;border:1px solid rgba(0,0,0,.08);
  box-shadow:0 18px 45px rgba(0,0,0,.16);
  opacity:0;visibility:hidden;transform:translateY(8px);
  transition:opacity .16s ease,transform .16s ease,visibility .16s ease;
}
.gapp-mega-menu-trigger.gapp-mm-open>.gapp-mega-menu,
.gapp-mega-menu-trigger:hover>.gapp-mega-menu{
  opacity:1;visibility:visible;transform:translateY(0)
}
.gapp-mm-inner{display:grid;grid-template-columns:280px 1fr;min-height:430px}
.gapp-mm-left{border-right:1px solid #eee;padding:14px 0;background:#fff}
.gapp-mm-root{display:flex!important;align-items:center;justify-content:space-between;gap:15px;padding:13px 18px!important;text-decoration:none!important;color:#111!important;font-weight:600;line-height:1.25}
.gapp-mm-root:hover,.gapp-mm-root.is-active{background:#f5f5f5;color:#111!important}
.gapp-mm-chevron{font-size:22px;line-height:1}
.gapp-mm-right{padding:24px 28px;overflow:auto;max-height:70vh}
.gapp-mm-panel{display:none}
.gapp-mm-panel.is-active{display:block}
.gapp-mm-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:20px}
.gapp-mm-panel-head h3{margin:0;font-size:22px;line-height:1.2}
.gapp-mm-viewall{text-decoration:none;font-weight:600;white-space:nowrap}
.gapp-mm-columns>.gapp-mm-sublist{columns:3;column-gap:36px;margin:0;padding:0;list-style:none}
.gapp-mm-sublist{list-style:none;margin:0;padding:0}
.gapp-mm-sublist>li{break-inside:avoid;margin:0 0 11px}
.gapp-mm-sublist a{display:flex!important;justify-content:space-between;gap:12px;text-decoration:none!important;line-height:1.35}
.gapp-mm-level-1>li>a{font-weight:700;color:#111!important;margin-bottom:7px}
.gapp-mm-level-2{margin:0 0 16px!important}
.gapp-mm-level-2>li{margin:0 0 7px}
.gapp-mm-level-2 a{font-weight:400;color:#444!important}
.gapp-mm-level-3{margin:6px 0 10px 14px!important}
.gapp-mm-level-3 a{font-size:.94em;color:#666!important}
.gapp-mm-count{opacity:.55;font-size:.85em}

@media (max-width: 900px){
  .gapp-mega-menu{
    position:absolute;left:0;right:0;top:100%;
    width:min(94vw,430px);max-width:430px;
    max-height:76vh;overflow:hidden;
    box-shadow:0 14px 35px rgba(0,0,0,.18);
    border:1px solid rgba(0,0,0,.08);
    transform:none;display:none;opacity:1;visibility:visible;
    background:#fff;
  }
  .gapp-mega-menu-trigger.gapp-mm-open>.gapp-mega-menu{display:block}
  .gapp-mm-inner{display:block;min-height:0;max-height:76vh;overflow:hidden}
  .gapp-mm-left{display:block;border-right:0;border-bottom:0;padding:6px 0;max-height:76vh;overflow-y:auto}
  .gapp-mm-right{display:none;padding:0 16px 18px;max-height:76vh;overflow-y:auto;background:#fff}
  .gapp-mm-mobile-panel-open .gapp-mm-left{display:none}
  .gapp-mm-mobile-panel-open .gapp-mm-right{display:block}
  .gapp-mm-root{padding:14px 16px!important;border-bottom:1px solid #f0f0f0;font-size:15px}
  .gapp-mm-root:last-child{border-bottom:0}
  .gapp-mm-root:hover,.gapp-mm-root.is-active{background:#fff;color:#111!important}
  .gapp-mm-chevron{font-size:24px}
  .gapp-mm-mobile-back{
    display:flex;width:100%;align-items:center;gap:8px;
    border:0;border-bottom:1px solid #eee;background:#fff;
    padding:13px 0;margin:0 0 14px;cursor:pointer;
    font:inherit;font-weight:700;color:#111;text-align:left;
  }
  .gapp-mm-mobile-back span{font-size:26px;line-height:18px}
  .gapp-mm-panel{display:none}
  .gapp-mm-panel.is-active{display:block}
  .gapp-mm-panel-head{margin-bottom:14px;align-items:flex-start}
  .gapp-mm-panel-head h3{font-size:20px}
  .gapp-mm-viewall{font-size:13px}
  .gapp-mm-columns>.gapp-mm-sublist{columns:1}
  .gapp-mm-sublist>li{margin-bottom:10px}
  .gapp-mm-level-1>li>a{padding:6px 0}
  .gapp-mm-level-2{margin-left:12px!important}
  .gapp-mm-level-2 a{padding:4px 0}
}

/* Inline preview / shortcode mode */
.gapp-mm-shortcode-wrap{position:relative;width:100%}
.gapp-mm-shortcode-wrap .gapp-mega-menu.gapp-mm-inline{position:relative!important;left:auto!important;top:auto!important;width:100%!important;max-width:1180px;margin:0 auto;opacity:1!important;visibility:visible!important;transform:none!important}