@media (max-width: 480px) {
    /* 1. Hero Banner 圖片滿版 */
    .bannerArea img,
    .bannerBox img {
        width: 100% !important;
        height: auto !important;
        display: block;
    }

    /* 2. Hero 文字縮小 */
    .bannerBox .title {
        font-size: 18px !important;
        line-height: 1.4 !important;
    }

    .bannerBox .Txt {
        padding: 15px !important;
        top: 20% !important;
    }

    .bannerBox .Txt p {
        font-size: 13px !important;
    }

    /* 3. Slick 輪播防止軌道溢出 */
    .slick-slider {
        max-width: 100vw !important;
    }

    .slick-list {
        max-width: 100% !important;
        overflow: hidden !important;
    }

    .slick-track {
        width: auto !important;
    }

    .slick-slide {
        max-width: 100vw !important;
    }

    /* 4. 大標題文字縮小 */
    .processArea .title,
    .popularArea .title,
    .charitableArea .title,
    .stepArea .title {
        font-size: 20px !important;
    }

    /* 5. 過程文字縮小 */
    .processTxt,
    .stepTxt,
    .slick-slide .text,
    .slick-slide .desc {
        font-size: 14px !important;
        padding: 0 15px !important;
    }

    /* 6. 確保輪播容器可見 */
    .featureList,
    .newsList,
    .popularList,
    .charitableList,
    .stepList {
        visibility: visible !important;
        opacity: 1 !important;
    }

    /* 7. 垂直輪播在 mobile 改水平 */
    .newsList .slick-slide {
        width: 100% !important;
    }

    /* 8. 防止 body 橫向滾動 */
    body {
        overflow-x: hidden !important;
    }

    /* 9. 底部導航文字縮小 */
    .bottomNav a,
    .footerNav a {
        font-size: 12px !important;
    }

    /* 10. 按鈕縮小 */
    .btnBox a {
        width: 120px !important;
        height: 30px !important;
        font-size: 12px !important;
    }

    /* 11. 步驟輪播圖片縮小 */
    .stepList .slick-slide img,
    .processList .slick-slide img {
        max-width: 100% !important;
        height: auto !important;
    }

    /* 12. 飲品圖片縮小 */
    .popularList .slick-slide img {
        max-width: 80% !important;
        margin: 0 auto !important;
    }
}
