
header-drawer {
  justify-self: start;
  margin-left: -1.2rem;
}

@media screen and (min-width: 990px) {
  header-drawer {
    display: none;
  }
}

.menu-drawer-container {
  display: flex;
}

.list-menu {
  list-style: none;
  padding-left: 20px;
  margin: 0;
}

.list-menu--inline {
  display: inline-flex;
  flex-wrap: wrap;
}

summary.list-menu__item {
  padding-right: 2.7rem;
}

.list-menu__item {
  display: flex;
  align-items: center;
  line-height: 1.3;
}

.list-menu__item--link {
  text-decoration: none;
  padding-bottom: 1rem;
  padding-top: 1rem;
  line-height: 1.8;
}

@media screen and (min-width: 750px) {
  .list-menu__item--link {
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
  }
}

summary.menu-drawer__menu-item > a.list-menu__item {
  padding: 0;
}

/* ==========================================
   🎯 終極對決：用妳測試成功的路徑，徹底逼所有商品靠左！
   ========================================= */
@media screen and (max-width: 749px) {
  
  /* 1. 妳測試有效的最強路徑，我們把各種狀態通通補齊、全部鎖死！ */
  summary.menu-drawer__menu-item > a.list-menu__item,
  details[open] > summary.menu-drawer__menu-item > a.list-menu__item,
  details > summary.menu-drawer__menu-item > a.list-menu__item,
  .menu-drawer__menu-item > .list-menu__item {
    
    /* 🛠️ 既然有反應，我們直接在這裡調數值！
       妳可以直接微調 2rem（或 1.5rem / 0），直到它跟首頁一模一樣 */
    padding-left: 0rem !important; 
    padding-right: 0 !important;
    margin-left: 0 !important;
  }

  /* 2. 順便把 summary 外箱的所有可能干擾全部清空 */
  details[open] > summary.menu-drawer__menu-item,
  details > summary.menu-drawer__menu-item {
    padding-left: 0 !important;
  }
}