/* Banner 容器 */
#hero-slider {
    width: 100%;
    overflow: hidden;
    z-index: -1;
}

/* 讓圖片高度在手機版自動適應，避免被 Header 擋住 */
.carousel-item img {
    object-fit: cover;
    width: 100%;
}

/* 自定義指示圓點樣式 (配合你的品牌色) */
.carousel-indicators [button] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #B4E800; /* 你的品牌綠 */
}

.carousel-indicators .active {
    background-color: #E80C7B; /* 你的品牌粉 */
}

/* 調整左右箭頭大小 (手機版可以縮小一點) */
@media (max-width: 767.98px) {
    .carousel-control-prev-icon,
    .carousel-control-next-icon {
        width: 25px;
        height: 25px;
    }
}