/* ==========================================================================
   手機版專用優化樣式
   只針對手機設備生效，不影響電腦版顯示
   ========================================================================== */

/* 手機版媒體查詢 - 只在螢幕寬度小於768px時生效 */
@media only screen and (max-width: 767px) {

    /* ==========================================================================
       最新商品區域手機版優化 (latest_products.lbi)
       ========================================================================== */
    
    .new_container {
        padding: 10px !important;
        margin: 5px 0 !important;
    }
    
    #show_new {
        height: auto !important;
        max-height: 500px !important;
        padding: 5px !important;
        margin: 5px !important;
    }
    
    .bs-new-goods .shop-pd {
        padding: 5px !important;
        margin-bottom: 15px !important;
    }
    
    .bs-new-goods .thumbnail {
        border-radius: 12px !important;
        margin-bottom: 0 !important;
    }
    
    .bs-new-goods .thumbnail img {
        height: 150px !important;
        object-fit: cover !important;
    }
    
    .bs-new-goods .caption h3 {
        font-size: 14px !important;
        line-height: 1.3 !important;
        height: 40px !important;
        overflow: hidden !important;
        margin-bottom: 8px !important;
    }
    
    .bs-new-goods .index-btn {
        padding: 8px !important;
    }
    
    .sp-title {
        font-size: 18px !important;
        padding: 8px 12px !important;
        margin-bottom: 15px !important;
    }

    /* ==========================================================================
       首頁內容區域手機版優化 (oc_index.lbi)
       ========================================================================== */
    
    .hero-wrap {
        padding: 40px 0 !important;
        min-height: 300px !important;
    }
    
    .MainTitle h1 {
        font-size: 20px !important;
        line-height: 1.3 !important;
        margin-bottom: 10px !important;
    }
    
    .MainTitleEN {
        font-size: 14px !important;
        margin-bottom: 15px !important;
    }
    
    .MainTitleIcon {
        flex-direction: column !important;
        gap: 10px !important;
    }
    
    .MainTitleIcon .icon1 {
        width: 30px !important;
        height: 30px !important;
    }
    
    .icontitle {
        font-size: 12px !important;
    }
    
    .sectionNew .NewContainer {
        grid-template-columns: 1fr 1fr !important;
        gap: 10px !important;
        padding: 10px !important;
    }
    
    .sectionNew .imageNew,
    .sectionNew .imageNew2 {
        height: 120px !important;
    }
    
    .sectionNew .textNew,
    .sectionNew .textNew2 {
        font-size: 14px !important;
    }

    /* ==========================================================================
       限時優惠區域手機版優化 (recommend_promotion.lbi)
       ========================================================================== */
    
    #owlSlide {
        padding: 15px !important;
        margin: 15px 5px !important;
        border-radius: 15px !important;
    }
    
    .h_title {
        font-size: 18px !important;
    }
    
    .txt_center a {
        padding: 6px 12px !important;
        font-size: 12px !important;
        margin-left: 10px !important;
    }
    
    #owl-goods2 .row.promo {
        margin: 0 5px !important;
        padding: 10px !important;
    }
    
    .promo img {
        margin-top: 10px !important;
        max-height: 120px !important;
        object-fit: cover !important;
    }
    
    .pomo-info h3 {
        font-size: 13px !important;
        height: 40px !important;
    }
    
    .end_time em {
        width: 28px !important;
        height: 28px !important;
        line-height: 24px !important;
        font-size: 12px !important;
    }

    /* ==========================================================================
       促銷資訊區域手機版優化 (promotion_info.lbi)
       ========================================================================== */
    
    .box.promotion_info {
        margin: 15px 5px !important;
        border-radius: 15px !important;
    }
    
    .promotion_info .hd {
        padding: 15px !important;
    }
    
    .promotion_info .hd h3 {
        font-size: 16px !important;
    }
    
    .promotion_info .bd {
        padding: 15px !important;
    }
    
    .promotion_info .text_list li {
        padding: 12px !important;
        margin-bottom: 10px !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 8px !important;
    }
    
    .promotion_info .text_list li a.type {
        font-size: 11px !important;
        padding: 4px 8px !important;
    }

    /* ==========================================================================
       廣告區域手機版優化 (full_ad.lbi, index_ad.lbi)
       ========================================================================== */
    
    .full_screem,
    .full_screem2 {
        padding: 20px 0 !important;
        margin: 20px 5px !important;
    }
    
    .full_screem .full_Ad {
        margin: 0 10px !important;
        padding: 20px !important;
        border-radius: 15px !important;
    }
    
    .index_ad {
        margin: 15px 5px !important;
        padding: 5px !important;
        border-radius: 12px !important;
    }
    
    .index_ad img {
        max-height: 120px !important;
        border-radius: 8px !important;
    }
    
    .nova-button {
        padding: 10px 20px !important;
        font-size: 14px !important;
        margin: 20px 0 !important;
    }

    /* ==========================================================================
       最新消息區域手機版優化 (news.lbi)
       ========================================================================== */
    
    .news-section {
        padding: 15px !important;
        margin: 15px 5px !important;
        border-radius: 15px !important;
    }
    
    .h_title.s1 {
        font-size: 18px !important;
        padding: 0 15px !important;
    }
    
    .h_title.s1::before,
    .h_title.s1::after {
        width: 30px !important;
    }
    
    .h_title.s1::before {
        left: -35px !important;
    }
    
    .h_title.s1::after {
        right: -35px !important;
    }
    
    .owl_news {
        padding: 15px !important;
        border-radius: 12px !important;
    }
    
    .owl_news h4 {
        font-size: 14px !important;
        margin-bottom: 8px !important;
    }
    
    .owl_news h4 img {
        max-width: 50px !important;
        margin-right: 8px !important;
    }
    
    .owl_news p {
        font-size: 12px !important;
    }

    /* ==========================================================================
       輪播橫幅手機版優化 (sr_slider_banner.lbi)
       ========================================================================== */
    
    #bs-Carousel {
        margin: 15px 5px !important;
        border-radius: 15px !important;
    }
    
    .carousel.carousel-fade .item img {
        border-radius: 12px !important;
        height: 200px !important;
        object-fit: cover !important;
    }
    
    .carousel.carousel-fade .carousel-control {
        width: 40px !important;
        height: 40px !important;
    }
    
    .carousel.carousel-fade .carousel-control .glyphicon {
        font-size: 14px !important;
    }
    
    .carousel-indicators li {
        width: 10px !important;
        height: 10px !important;
        margin: 0 3px !important;
    }

    /* ==========================================================================
       用戶消息列表手機版優化 (user_message_list.lbi)
       ========================================================================== */
    
    .message-list-container {
        padding: 15px !important;
        border-radius: 12px !important;
    }
    
    .message-list-container li {
        padding: 15px !important;
        margin-bottom: 12px !important;
        border-radius: 10px !important;
    }
    
    .message-list-container .title {
        padding: 8px 12px !important;
        margin-bottom: 8px !important;
        border-radius: 6px !important;
        font-size: 14px !important;
    }
    
    .message-list-container .text {
        padding: 12px !important;
        border-radius: 6px !important;
        font-size: 13px !important;
    }
    
    .message-list-container blockquote.reply {
        padding: 12px !important;
        border-radius: 6px !important;
        margin: 10px 0 !important;
    }

    /* ==========================================================================
       用戶訂單詳情手機版優化 (user_order_detail.lbi)
       ========================================================================== */
    
    .order-detail-container {
        padding: 15px !important;
        border-radius: 12px !important;
        margin-bottom: 15px !important;
    }
    
    .order-detail-container table {
        border-radius: 10px !important;
        font-size: 13px !important;
    }
    
    .order-detail-container input[type="text"],
    .order-detail-container input[type="file"],
    .order-detail-container textarea {
        border-radius: 8px !important;
        padding: 8px 12px !important;
        font-size: 14px !important;
    }
    
    .order-detail-container .submit,
    .order-detail-container .btn {
        border-radius: 10px !important;
        padding: 10px 20px !important;
        font-size: 14px !important;
    }

    /* ==========================================================================
       會員頁面手機版優化 (member.lbi)
       ========================================================================== */
    
    #ECS_MEMBERZONE {
        padding: 15px !important;
        border-radius: 12px !important;
    }
    
    #ECS_MEMBERZONE table {
        border-radius: 10px !important;
    }
    
    #ECS_MEMBERZONE input[type="text"],
    #ECS_MEMBERZONE input[type="password"],
    #ECS_MEMBERZONE input[type="email"] {
        border-radius: 8px !important;
        padding: 8px 12px !important;
        font-size: 14px !important;
    }
    
    #ECS_MEMBERZONE input[type="submit"],
    #ECS_MEMBERZONE button {
        border-radius: 10px !important;
        padding: 10px 20px !important;
        font-size: 14px !important;
    }
    
    .member-links a {
        border-radius: 6px !important;
        padding: 6px 10px !important;
        margin: 3px !important;
        font-size: 13px !important;
    }

    /* ==========================================================================
       購物流程完成頁面手機版優化 (flow_done.lbi)
       ========================================================================== */
    
    .new_container {
        width: 95% !important;
        padding: 0 10px !important;
    }

    
    /* ==========================================================================
       結帳頁面手機版優化 (flow_checkout.lbi)
       ========================================================================== */
    
    .checkout_wrapper {
        padding: 10px !important;
        margin: 0 5px !important;
    }
    
    .checkout_wrapper .option_outer {
        margin-bottom: 20px !important;
        border-radius: 12px !important;
        overflow: hidden !important;
        box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
    }
    
    .checkout_wrapper .option_title {
        padding: 15px !important;
        background: #f8f9fa !important;
        border-bottom: 1px solid #e9ecef !important;
    }
    
    .checkout_wrapper .option_title h2 {
        font-size: 16px !important;
        margin: 0 !important;
        color: #495057 !important;
    }
    
    .checkout_wrapper .option_inner {
        padding: 15px !important;
        background: #fff !important;
    }
    
    /* 修正手機版 option_item 寬度問題 */
    .checkout_wrapper .option_item {
        width: 100% !important;
        margin-bottom: 15px !important;
        padding: 12px !important;
        border: 2px solid #e9ecef !important;
        border-radius: 8px !important;
        background: #fff !important;
        transition: all 0.3s ease !important;
    }
    
    .checkout_wrapper .option_item:hover {
        border-color: #007bff !important;
        box-shadow: 0 2px 8px rgba(0,123,255,0.15) !important;
    }
    
    .checkout_wrapper .option_item label {
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        margin: 0 !important;
        cursor: pointer !important;
    }
    
    .checkout_wrapper .option_item input[type="radio"] {
        margin-right: 10px !important;
        transform: scale(1.2) !important;
    }
    
    .checkout_wrapper .option_item .name {
        font-size: 14px !important;
        font-weight: 500 !important;
        color: #495057 !important;
        flex: 1 !important;
    }
    
    .checkout_wrapper .option_item .intro {
        font-size: 12px !important;
        color: #6c757d !important;
        margin-top: 5px !important;
        display: block !important;
    }
    
    /* 商品清單優化 */
    .checkout_wrapper .cart_list {
        border-radius: 12px !important;
        overflow: hidden !important;
        margin-bottom: 20px !important;
    }
    
    .checkout_wrapper .cart_list ul {
        margin: 0 !important;
        padding: 0 !important;
    }
    
    .checkout_wrapper .cart_list li {
        padding: 15px !important;
        border-bottom: 1px solid #e9ecef !important;
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
    }
    
    .checkout_wrapper .cart_list li:last-child {
        border-bottom: none !important;
    }
    
    .checkout_wrapper .cart_list .photo {
        width: 60px !important;
        height: 60px !important;
        flex-shrink: 0 !important;
    }
    
    .checkout_wrapper .cart_list .photo img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        border-radius: 6px !important;
    }
    
    .checkout_wrapper .cart_list .name {
        flex: 1 !important;
        font-size: 14px !important;
        line-height: 1.4 !important;
        color: #495057 !important;
        text-decoration: none !important;
    }
    
    .checkout_wrapper .cart_list .price {
        font-size: 14px !important;
        font-weight: 600 !important;
        color: #007bff !important;
    }
    
    /* 表單元素優化 */
    .checkout_wrapper input[type="text"],
    .checkout_wrapper input[type="email"],
    .checkout_wrapper select,
    .checkout_wrapper textarea {
        width: 100% !important;
        max-width: 100% !important;
        padding: 12px !important;
        border: 2px solid #e9ecef !important;
        border-radius: 8px !important;
        font-size: 14px !important;
        margin-bottom: 10px !important;
    }
    
    .checkout_wrapper textarea {
        min-height: 80px !important;
        resize: vertical !important;
        margin-left: 0 !important;
    }
    
    /* 提交按鈕優化 */
    .flow_action {
        padding: 20px 15px !important;
        text-align: center !important;
    }
    
    .flow_action .btn {
        width: 100% !important;
        max-width: 300px !important;
        padding: 15px 20px !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        border-radius: 10px !important;
        border: none !important;
        background: #007bff !important;
        color: #fff !important;
        transition: all 0.3s ease !important;
    }
    
    .flow_action .btn:hover {
        background: #0056b3 !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 4px 12px rgba(0,123,255,0.3) !important;
    }
    
    /* 詳細資訊區域優化 */
    .checkout_wrapper .details {
        border-radius: 12px !important;
        padding: 15px !important;
        margin-top: 20px !important;
        background: #f8f9fa !important;
        border: 1px solid #e9ecef !important;
    }
    
    .checkout_wrapper .detail_inner {
        padding: 15px !important;
        border-radius: 8px !important;
        background: #fff !important;
        border: 2px dashed #dee2e6 !important;
        max-width: 100% !important;
        margin-top: 10px !important;
    }
    
    /* 滾動容器優化 */
    scroll-container {
        display: block !important;
        margin: 15px 0 !important;
        border-radius: 12px !important;
        overflow: hidden !important;
        box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
    }
    
    scroll-container .s1,
    scroll-container .s2 {
        padding: 15px !important;
        background: #fff !important;
        max-height: 200px !important;
        overflow-y: auto !important;
        font-size: 13px !important;
        line-height: 1.5 !important;
    }
    
    scroll-container .s1 {
         width: 100% !important;
     }
     
     .shopping-step {
        padding: 15px 10px !important;
        border-radius: 12px !important;
        margin-bottom: 15px !important;
    }
    
    .shop-step {
        width: 50px !important;
        height: 50px !important;
        border-radius: 50% !important;
    }
    
    .table {
        font-size: 13px !important;
    }
    
    .table th,
    .table td {
        padding: 8px !important;
        vertical-align: middle !important;
    }
    
    .table tr {
        height: auto !important;
        min-height: 40px !important;
    }

    /* ==========================================================================
       商品搜尋列表手機版優化 (search_goods_list.lbi)
       ========================================================================== */
    
    .tab_able_box {
        margin: 10px 5px !important;
        border-radius: 12px !important;
    }
    
    .tab_wrapper {
        border-radius: 12px 12px 0 0 !important;
    }
    
    .tabs.order {
        padding: 10px !important;
        flex-wrap: wrap !important;
    }
    
    .tabs.order a {
        padding: 6px 10px !important;
        margin: 2px !important;
        border-radius: 6px !important;
        font-size: 12px !important;
    }
    
    .goods_list {
        padding: 10px !important;
    }
    
    .goods_list .thumbnail {
        border-radius: 10px !important;
        margin-bottom: 15px !important;
    }
    
    .goods_list .thumbnail img {
        height: 150px !important;
        object-fit: cover !important;
        border-radius: 8px 8px 0 0 !important;
    }
    
    .goods_list .caption {
        padding: 10px !important;
    }
    
    .goods_list .caption h3 {
        font-size: 13px !important;
        line-height: 1.3 !important;
        height: 35px !important;
        overflow: hidden !important;
    }

    /* ==========================================================================
       最新消息區域手機版優化 (new_articles.lbi)
       ========================================================================== */
    
    .new_container {
        padding: 0 5px !important;
        margin: 15px 0 !important;
    }
    
    .new_articles {
        height: 400px !important;
        margin: 10px 0 !important;
        padding: 15px !important;
        border-radius: 15px !important;
        box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
    }
    
    .new_articles .hd h3 {
        font-size: 16px !important;
        margin-bottom: 15px !important;
    }
    
    .new_articles .text_list li {
        padding: 8px 0 !important;
        margin: 8px 0 !important;
        border-bottom: 1px solid #f0f0f0 !important;
    }
    
    .new_articles .text_list li a {
        font-size: 14px !important;
        line-height: 1.4 !important;
        display: block !important;
        padding: 5px 0 !important;
    }
    
    .new_articles .text_list li:last-child {
        border-bottom: none !important;
    }

    /* ==========================================================================
       通用手機版優化
       ========================================================================== */
    
    /* 通用按鈕優化 */
    .btn,
    .button,
    .submit {
        border-radius: 10px !important;
        padding: 10px 16px !important;
        font-size: 14px !important;
        transition: all 0.3s ease !important;
    }
    
    /* 通用輸入框優化 */
    input[type="text"],
    input[type="email"],
    input[type="password"],
    textarea,
    select {
        border-radius: 8px !important;
        padding: 10px 12px !important;
        font-size: 14px !important;
        border: 2px solid #e5e7eb !important;
        transition: all 0.3s ease !important;
    }
    
    input[type="text"]:focus,
    input[type="email"]:focus,
    input[type="password"]:focus,
    textarea:focus,
    select:focus {
        border-color: #3b82f6 !important;
        box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1) !important;
    }
    
    /* 通用容器優化 */
    .box,
    .container,
    .wrapper {
        border-radius: 12px !important;
    }
    
    /* 通用圖片優化 */
    img {
        border-radius: 8px !important;
    }
    
    /* 通用連結優化 */
    a {
        transition: all 0.3s ease !important;
    }
    
    /* 通用表格優化 */
    table {
        border-radius: 10px !important;
        overflow: hidden !important;
    }
    
    /* 通用卡片優化 */
    .thumbnail,
    .card,
    .panel {
        border-radius: 12px !important;
        box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
        transition: all 0.3s ease !important;
    }
    
    .thumbnail:hover,
    .card:hover,
    .panel:hover {
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 15px rgba(0,0,0,0.15) !important;
    }
    
    /* 響應式文字大小 */
    h1 { font-size: 24px !important; }
    h2 { font-size: 20px !important; }
    h3 { font-size: 18px !important; }
    h4 { font-size: 16px !important; }
    h5 { font-size: 14px !important; }
    h6 { font-size: 12px !important; }
    
    /* 響應式間距 */
    .container {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    
    /* 隱藏不必要的元素 */
    .desktop-only {
        display: none !important;
    }
    
    /* 手機版專用顯示 */
    .mobile-only {
        display: block !important;
    }
    
    /* ==========================================================================
       手機版底部導航選單優化 (mQuick_menu)
       ========================================================================== */
    
    #bottom-header {
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 1000 !important;
        background: #fff !important;
        border-top: 1px solid #e0e0e0 !important;
        box-shadow: 0 -2px 10px rgba(0,0,0,0.1) !important;
        height: 58px !important;
    }
    
    .cart-row {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    .mQuick_menu {
        display: flex !important;
        justify-content: space-around !important;
        align-items: center !important;
        width: 100% !important;
        height: 58px !important;
        margin: 0 !important;
        padding: 4px 0 !important;
        background: #fff !important;
    }
    
    .mQuick_menu .ibtn {
        flex: 1 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        padding: 4px 2px !important;
        margin: 0 !important;
        border: none !important;
        background: transparent !important;
        min-height: 50px !important;
        height: 50px !important;
        cursor: pointer !important;
        transition: all 0.2s ease !important;
    }
    
    .mQuick_menu .ibtn:hover,
    .mQuick_menu .ibtn:active {
        background: rgba(0,123,255,0.1) !important;
        /* 移除 transform 以防止頁面跳動 */
    }
    
    .mQuick_menu .ibtn a {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-decoration: none !important;
        color: #666 !important;
        width: 100% !important;
        height: 100% !important;
        padding: 2px 1px !important;
        gap: 2px !important;
    }
    
    .mQuick_menu .ibtn a:hover {
        color: #007bff !important;
        text-decoration: none !important;
    }
    
    .mQuick_menu .ibtn i {
        font-size: 18px !important;
        margin-bottom: 0px !important;
        color: #666 !important;
        line-height: 1 !important;
        display: block !important;
        height: 18px !important;
    }
    
    .mQuick_menu .ibtn:hover i,
    .mQuick_menu .ibtn a:hover i {
        color: #007bff !important;
    }
    
    .mQuick_menu .ibtn span {
        font-size: 10px !important;
        line-height: 1.2 !important;
        color: #666 !important;
        margin-top: 0px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        max-width: 100% !important;
        display: block !important;
        padding: 0 1px !important;
        height: 12px !important;
    }
    
    .mQuick_menu .ibtn:hover span,
    .mQuick_menu .ibtn a:hover span {
        color: #007bff !important;
    }
    
    /* 為底部導航留出空間 */
    body {
        padding-bottom: 65px !important;
    }
    
    /* 確保內容不被底部導航遮擋 */
    .container {
        margin-bottom: 65px !important;
    }
    
    /* ==========================================================================
       防止手機版頁面跳動的額外優化
       ========================================================================== */
    
    /* 禁用所有 hover 效果的 transform */
    * {
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -o-transform: none !important;
        transform: none !important;
    }
    
    /* 禁用可能導致跳動的 transition */
    *:hover {
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -o-transform: none !important;
        transform: none !important;
    }
    
    /* 確保圖片不會因載入而改變佈局 */
    img {
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
    }
    
    /* 防止動態內容載入造成跳動 */
    .dynamic-content,
    .ajax-content,
    .lazy-load {
        min-height: 50px !important;
        transition: none !important;
    }
    
    /* 固定容器高度 */
    .thumbnail,
    .goods_list .photo,
    .banner {
        overflow: hidden !important;
    }
    
    /* 禁用平滑滾動可能造成的問題 */
    html {
        scroll-behavior: auto !important;
    }
    
    /* 確保所有動畫都被禁用 */
    *,
    *::before,
    *::after {
        animation-duration: 0s !important;
        animation-delay: 0s !important;
        transition-duration: 0s !important;
        transition-delay: 0s !important;
    }
}

/* 超小螢幕優化 (小於480px) */
@media only screen and (max-width: 479px) {
    
    /* 更小的間距和字體 */
    .container {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    
    h1 { font-size: 20px !important; }
    h2 { font-size: 18px !important; }
    h3 { font-size: 16px !important; }
    h4 { font-size: 14px !important; }
    
    /* 更緊湊的佈局 */
    .bs-new-goods .shop-pd {
        padding: 3px !important;
    }
    
    .bs-new-goods .thumbnail img {
        height: 120px !important;
    }
    
    .shopping-step {
        padding: 10px 5px !important;
    }
    
    .shop-step {
        width: 40px !important;
        height: 40px !important;
    }
    
    /* 單欄佈局 */
    .sectionNew .NewContainer {
        grid-template-columns: 1fr !important;
    }
}

/* 平板直向優化 (768px - 991px) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    
    /* 平板專用的中等尺寸優化 */
    .bs-new-goods .thumbnail img {
        height: 180px !important;
    }
    
    .carousel.carousel-fade .item img {
        height: 250px !important;
    }
    
    .sectionNew .NewContainer {
        grid-template-columns: 1fr 1fr 1fr !important;
    }
}

/* 觸控設備優化 */
@media (hover: none) and (pointer: coarse) {
    
    /* 增大觸控目標 */
    a, button, .btn, input[type="submit"] {
        min-height: 44px !important;
        min-width: 44px !important;
        padding: 12px 16px !important;
    }
    
    /* 移除hover效果 */
    .thumbnail:hover,
    .card:hover,
    .panel:hover {
        transform: none !important;
    }
    
    /* 增強點擊反饋 - 移除 transform 以防止頁面跳動 */
    a:active,
    button:active,
    .btn:active {
        opacity: 0.8 !important;
        transition: opacity 0.1s ease !important;
    }
}