/* =========================================

   全站手机端专属适配 (H5 Only)

   ========================================= */



@media (max-width: 768px) {

    /* 隐藏 PC 端的金刚区白岛，手机端单独做 */

    .ff-island-wrap {

        display: none !important;

    }

    

    /* 手机端专属横向导航 */

    .ff-mobile-nav {

        display: flex !important;

        overflow-x: auto;

        background: #fff;

        padding: 12px 16px;

        gap: 20px;

        white-space: nowrap;

        scrollbar-width: none; /* 隐藏滚动条 */

        border-bottom: 1px solid var(--border);

    }

    .ff-mobile-nav::-webkit-scrollbar {

        display: none;

    }

    .ff-mobile-nav a {

        font-size: 15px;

        color: #333;

        font-weight: 600;

        text-decoration: none;

    }

    .ff-mobile-nav a.active {

        color: var(--brand);

        position: relative;

    }

    .ff-mobile-nav a.active::after {

        content: '';

        position: absolute;

        bottom: -6px;

        left: 50%;

        transform: translateX(-50%);

        width: 20px;

        height: 2px;

        background: var(--brand);

        border-radius: 2px;

    }



    /* 手机端商品卡片的紧凑排版 */

    .ff-product-body {

        padding: 10px !important;

    }

    .ff-product-title {

        font-size: 13px !important;

        height: 38px !important;

        line-height: 1.4 !important;

    }

    .ff-product-price-row {

        flex-wrap: wrap;

        gap: 4px !important;

        margin-bottom: 6px !important;

    }

    .ff-product-price {

        font-size: 18px !important;

    }

    .ff-coupon-tag {

        font-size: 11px !important;

        padding: 1px 4px !important;

    }

    .ff-product-original {

        display: none; /* 手机端隐藏划线价，太挤了 */

    }

    .ff-product-rebate {

        padding: 4px 8px !important;

        border-radius: 4px !important;

    }

    .ff-product-rebate .label {

        font-size: 11px !important;

    }

    .ff-product-rebate .value {

        font-size: 12px !important;

    }

}