/* V28.2 Compact override for V28.1 */
@media (min-width:1024px){
  body .main-header .main-menu .navigation > li.vhmm281-host > ul.vhmm281-panel,
  body .sticky-header .main-menu .navigation > li.vhmm281-host > ul.vhmm281-panel{
    width:min(920px,52vw)!important;
    min-width:700px!important;
    max-width:calc(100vw - 40px)!important;
    padding:14px 16px!important;
    gap:10px 18px!important;
    grid-auto-rows:minmax(78px,auto)!important;
    border-radius:0 0 20px 20px!important;
    box-shadow:0 18px 42px rgba(34,28,22,.14)!important;
  }

  body .main-header .main-menu .navigation > li.vhmm281-host > ul.vhmm281-panel > li,
  body .sticky-header .main-menu .navigation > li.vhmm281-host > ul.vhmm281-panel > li{
    min-height:78px!important;
  }

  body .main-header .main-menu .navigation > li.vhmm281-host > ul.vhmm281-panel > li > a.vhmm281-card,
  body .sticky-header .main-menu .navigation > li.vhmm281-host > ul.vhmm281-panel > li > a.vhmm281-card{
    grid-template-columns:64px minmax(0,1fr)!important;
    gap:12px!important;
    min-height:78px!important;
    padding:5px!important;
    border-radius:14px!important;
  }

  body .vhmm281-icon{
    width:64px!important;
    min-width:64px!important;
    height:64px!important;
    border-radius:14px!important;
  }

  body .vhmm281-icon .dashicons{
    width:28px!important;
    height:28px!important;
    font-size:28px!important;
  }

  body .vhmm281-text{
    gap:4px!important;
  }

  body .vhmm281-title{
    font-size:19px!important;
    line-height:1.1!important;
  }

  body .vhmm281-desc{
    max-width:320px!important;
    font-size:11.5px!important;
    line-height:1.35!important;
  }

  body .vhmm281-panel > li > ul{
    margin:2px 0 0 78px!important;
    padding:0 5px 4px!important;
    gap:3px!important;
  }

  body .vhmm281-panel > li > ul > li > a{
    font-size:11px!important;
    line-height:1.25!important;
    padding:2px 0!important;
  }
}

@media (min-width:1024px) and (max-width:1400px){
  body .main-header .main-menu .navigation > li.vhmm281-host > ul.vhmm281-panel,
  body .sticky-header .main-menu .navigation > li.vhmm281-host > ul.vhmm281-panel{
    width:min(800px,62vw)!important;
    min-width:660px!important;
    padding:12px 14px!important;
    gap:8px 14px!important;
  }

  body .main-header .main-menu .navigation > li.vhmm281-host > ul.vhmm281-panel > li > a.vhmm281-card,
  body .sticky-header .main-menu .navigation > li.vhmm281-host > ul.vhmm281-panel > li > a.vhmm281-card{
    grid-template-columns:56px minmax(0,1fr)!important;
    min-height:70px!important;
    gap:10px!important;
  }

  body .vhmm281-icon{
    width:56px!important;
    min-width:56px!important;
    height:56px!important;
  }

  body .vhmm281-icon .dashicons{
    width:24px!important;
    height:24px!important;
    font-size:24px!important;
  }

  body .vhmm281-title{font-size:17px!important;}
  body .vhmm281-desc{font-size:11px!important;}
}