/* ============================================
   頁首「車款介紹」下拉選單 - 車款大小固定修正
   ============================================
   問題：_CarType.cshtml 裡每個車款 <li> 都有 Bootstrap 的
   .col-lg class，而 .col-lg 在 >=992px 時的定義是：
     flex-basis: 0; flex-grow: 1; max-width: 100%;
   也就是「自動平分剩餘空間」——車款數量越少，每個平分到的
   寬度就越大，導致 5 款車顯示時比 6 款車還大。

   修法跟首頁全車系一樣：不管實際有幾款車，永遠假設有 6 格，
   固定每格寬度為 100%/6，不再讓 Bootstrap 自動平分。

   選擇器刻意寫得比 .col-lg 更精確（更多層 class），
   確保優先權比 Bootstrap 原本的 .col-lg 規則高，
   不需要用 !important 就能覆蓋成功。
   ============================================ */

@media (min-width: 992px) {
  .subMenu-cars .subMenu-list.row .carsList.col-lg {
    flex: 0 0 calc(100% / 6);
    max-width: calc(100% / 6);
  }
}