/* Complete the tablet drawer layout inherited from the mobile navigation. */
@media (max-width: 1100px) {
  .store-shell .navbar .mobile-nav-drawer {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 4px !important;
    padding: 18px !important;
    color: var(--ink) !important;
    background: var(--surface) !important;
    border-top: 1px solid color-mix(in srgb, var(--ink) 12%, transparent) !important;
    box-shadow: 0 22px 45px rgb(0 0 0 / 20%) !important;
  }

  .store-shell .navbar .mobile-nav-drawer > .search-box,
  .store-shell .navbar .mobile-nav-drawer > .search-box form {
    display: flex !important;
    width: 100% !important;
  }

  .store-shell .navbar .mobile-nav-drawer > .search-box {
    margin-bottom: 10px !important;
  }

  .store-shell .navbar .mobile-nav-drawer > a,
  .store-shell .navbar .mobile-category-menu,
  .store-shell .navbar .mobile-category-menu > a,
  .store-shell .navbar .mobile-category-menu > details,
  .store-shell .navbar .mobile-category-menu summary,
  .store-shell .navbar .mobile-category-menu details > a {
    box-sizing: border-box !important;
    width: 100% !important;
  }

  .store-shell .navbar .mobile-nav-drawer > a,
  .store-shell .navbar .mobile-category-menu > a,
  .store-shell .navbar .mobile-category-menu summary,
  .store-shell .navbar .mobile-category-menu details > a {
    display: block !important;
    border-radius: 7px !important;
    padding: 11px !important;
  }

  .store-shell .navbar .mobile-category-menu details > a {
    padding-left: 28px !important;
  }
}