/* Tablet category card styling; original hamburger and panel geometry unchanged. */
@media (min-width:769px) and (max-width:1024px){.navigation-in .menu-level-1{margin-top:0!important;padding:12px!important}.navigation-in .menu-level-1>li{width:100%;padding:0 5px;margin-bottom:10px}.navigation-in .menu-level-1>li>a{min-height:52.5px;padding-right:calc(25px + 15px)!important}.navigation-in .menu-level-1>li>a{display:flex!important;align-items:center;flex-wrap:wrap;padding:15px 40px 15px 15px!important;width:100%;border-radius:10px;font-size:16px;box-shadow:0 1px 4px 0 rgb(0 0 0 / 25%);background-color:#fff;position:relative}.navigation-in .menu-level-2{padding-left:10px!important;margin-top:10px!important;margin-bottom:10px!important}.navigation-in .menu-level-1>li>a .submenu-arrow{position:absolute;right:15px;padding:0;width:25px;height:100%;display:flex;justify-content:center;align-items:center}.navigation-in .menu-level-1>li>a .submenu-arrow:after{font-size:16px}#navigation .navigation-in,#navigation .menu-level-1{background-color:#F9FBFD!important}}@media (min-width:769px) and (max-width:1024px){.navigation-in .menu-level-1>li>a{min-height:52.5px}}

/* Tablet submenu cards: match the mobile category styling without changing panel layout. */
@media (min-width:769px) and (max-width:1024px) {
  .navigation-in .menu-level-1 > li > .menu-level-2 {
    box-sizing: border-box;
    width: 100% !important;
    max-width: 100% !important;
    columns: auto !important;
    column-count: 1 !important;
    padding: 0 5px 0 15px !important;
    margin: 10px 0 !important;
    background: transparent !important;
  }
  .navigation-in .menu-level-1 > li > .menu-level-2 > li {
    display: block;
    width: 100% !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
    break-inside: avoid;
  }
  .navigation-in .menu-level-1 > li > .menu-level-2 > li > a {
    box-sizing: border-box;
    display: flex !important;
    align-items: center;
    width: 100% !important;
    min-height: 45px;
    padding: 12px 15px !important;
    border-radius: 10px !important;
    background: #fff !important;
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 25%) !important;
    font-size: 16px;
    line-height: 1.4;
    white-space: normal;
  }
}