/* 車両販売 (stockcars) ページ専用スタイル
 * 共通の #wrapper は使わず、.stockcars-page を独自コンテナとする。
 * メーカータブは #mainNav li a と同じ縦 padding 15px を採用してナビと揃える。
 */

.stockcars-page {
    width: 960px;
    margin: 0 auto;
    clear: both;
    position: relative;
}

.maker-tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 0;
    padding: 1px 0px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 32px;
    list-style: none;
}

.maker-tabs a {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding: 15px 22px;
    margin-bottom: -1px;
    color: #555;
    text-decoration: none;
    font-size: 14px;
    line-height: 1.2;
    letter-spacing: 0.05em;
    border-bottom: 2px solid transparent;
    transition: color 0.15s, border-color 0.15s;
}

.maker-tabs a .maker-en {
    font-size: 11px;
    letter-spacing: 0.08em;
    color: #bababa;
    font-weight: normal;
}

.maker-tabs a:hover,
.maker-tabs a:hover .maker-en {
    color: #333;
}

.maker-tabs a.active {
    color: #999;
    border-bottom-color: #555;
    font-weight: bold;
}

.maker-tabs a.active .maker-en {
    color: #999;
}

.car-wrapper[hidden] {
    display: none;
}