/* Nested cards continue the native mobile menu's rounded white accordion. */
#mobilemenu .istore-mobile-branch__toggle,
#mobilemenu .istore-mobile-submenu { display: none; }
@media (max-width: 991px) {
  #mobilemenu li.istore-mobile-branch { position: relative; }
  #mobilemenu li.istore-mobile-branch > a.top-mobile-menu__link { padding-right: 62px !important; }
  /* A 2px visual stroke without changing card dimensions. */
  #mobilemenu .top-mobile-menu > ul.top > li.ist-downdrop--open > a.top-mobile-menu__link,
  #mobilemenu li.istore-mobile-branch--open > a.top-mobile-menu__link {
    border-color: #222 !important;
    box-shadow: inset 0 0 0 1px #222;
  }
  #mobilemenu .istore-mobile-branch__toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 36px;
    height: 36px;
    margin: 0;
    padding: 0;
    color: #555;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    background: #f7f7f8;
    box-shadow: none;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }
  #mobilemenu .istore-mobile-branch__toggle > span {
    display: block;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    border: solid currentColor;
    border-width: 0 1.5px 1.5px 0;
    transform: rotate(45deg);
    transition: transform 180ms ease;
    pointer-events: none;
  }
  #mobilemenu .istore-mobile-branch__toggle[aria-expanded="true"] > span { transform: translateY(3px) rotate(225deg); }
  #mobilemenu .istore-mobile-branch__toggle:active { background: #ececee; }
  #mobilemenu .istore-mobile-branch__toggle[aria-expanded="true"] {
    color: #fff;
    border-color: #222;
    background: #222;
  }
  #mobilemenu .istore-mobile-branch__toggle:focus-visible { outline: 2px solid #777; outline-offset: 2px; }
  #mobilemenu .istore-mobile-submenu {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 200ms cubic-bezier(.2,.7,.2,1);
  }
  #mobilemenu .istore-mobile-branch--open > .istore-mobile-submenu { grid-template-rows: 1fr; }
  #mobilemenu .istore-mobile-submenu__inner { min-height: 0; overflow: hidden; }
  #mobilemenu ul.istore-mobile-submenu__list {
    display: block;
    position: static;
    width: auto;
    margin: 0;
    padding: 0;
    transform: none;
    list-style: none;
    background: transparent;
  }
  #mobilemenu ul.istore-mobile-submenu__list > li {
    display: block;
    margin: 6px 0 0;
    padding: 0;
    border: 0;
    list-style: none;
    background: transparent;
  }
  #mobilemenu ul.istore-mobile-submenu__list > li::before { display: none; }
  #mobilemenu ul.istore-mobile-submenu__list > li > a.top-mobile-menu__link {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    min-height: 56px;
    padding: 12px 14px;
    margin: 0;
    border: 1px solid #ececec;
    border-radius: 16px;
    color: #333;
    background: #fff;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
  }
  #mobilemenu .istore-mobile-submenu__image {
    display: flex;
    flex: 0 0 36px;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    margin-right: 14px;
  }
  #mobilemenu .istore-mobile-submenu__image > img {
    display: block;
    width: 36px;
    height: 36px;
    max-width: 100%;
    object-fit: contain;
  }
  #mobilemenu ul.istore-mobile-submenu__list .top-mobile-menu__title { margin: 0; min-width: 0; }
}
@media (prefers-reduced-motion: reduce) {
  #mobilemenu .istore-mobile-submenu,
  #mobilemenu .istore-mobile-branch__toggle > span { transition: none; }
}