/* LifeDNA physical shop mobile tuning
   Loaded after shop.css to normalize mobile hero and button scale.
*/

/* Mobile hero common scale */
@media (max-width: 768px) {
    .shop-wrap {
        padding-top: 14px;
    }

    .shop-hero,
    .shop-list-hero,
    .shop-cart-hero,
    .shop-detail-hero {
        margin: 14px 0 26px !important;
        padding: 24px 20px 26px !important;
        border-radius: 20px !important;
    }

    .shop-kicker,
    .shop-hero .shop-kicker,
    .shop-list-hero .shop-kicker,
    .shop-cart-hero .shop-kicker,
    .shop-detail-hero .shop-kicker {
        margin: 0 0 9px !important;
        font-size: 13px !important;
        line-height: 1.3 !important;
        letter-spacing: 0.17em !important;
    }

    /* 首頁入口：略大，但不要和內頁落差太多 */
    .shop-hero h1 {
        margin: 0 0 12px !important;
        font-size: clamp(36px, 8.6vw, 46px) !important;
        line-height: 1.18 !important;
        letter-spacing: 0.02em !important;
    }

    /* 分類頁、購物車、購買紀錄：統一內頁標題 */
    .shop-list-hero h1,
    .shop-cart-hero h1 {
        margin: 0 0 12px !important;
        font-size: clamp(34px, 8vw, 42px) !important;
        line-height: 1.18 !important;
        letter-spacing: 0.02em !important;
    }

    /* 商品詳細頁：品名可能很長，獨立縮小 */
    .shop-detail-hero h1 {
        margin: 0 0 12px !important;
        font-size: clamp(28px, 6.8vw, 36px) !important;
        line-height: 1.22 !important;
        letter-spacing: 0.01em !important;
        word-break: keep-all;
        overflow-wrap: break-word;
    }

    .shop-hero p,
    .shop-list-hero p,
    .shop-cart-hero p,
    .shop-detail-hero p {
        max-width: none !important;
        margin: 0 !important;
        font-size: 17px !important;
        line-height: 1.72 !important;
    }

    .shop-actions {
        gap: 10px !important;
        margin-top: 22px !important;
        align-items: center;
    }

    .shop-btn {
        min-height: 46px !important;
        padding: 9px 16px !important;
        font-size: 16px !important;
        line-height: 1.25 !important;
        border-radius: 999px !important;
        white-space: nowrap;
    }

    .shop-cart-count {
        min-width: 20px !important;
        padding: 2px 7px !important;
        font-size: 12px !important;
    }

    /* 讓購買紀錄頁也跟其他 shop hero 對齊 */
    .shop-wrap .lifedna-order-page > .shop-list-hero {
        margin: 14px 0 26px !important;
    }
}

/* Small mobile refinement */
@media (max-width: 420px) {
    .shop-hero,
    .shop-list-hero,
    .shop-cart-hero,
    .shop-detail-hero {
        padding: 22px 18px 24px !important;
    }

    .shop-hero h1 {
        font-size: clamp(34px, 8.6vw, 42px) !important;
    }

    .shop-list-hero h1,
    .shop-cart-hero h1 {
        font-size: clamp(32px, 7.8vw, 40px) !important;
    }

    .shop-detail-hero h1 {
        font-size: clamp(27px, 6.6vw, 34px) !important;
    }

    .shop-hero p,
    .shop-list-hero p,
    .shop-cart-hero p,
    .shop-detail-hero p {
        font-size: 16px !important;
        line-height: 1.7 !important;
    }

    .shop-btn {
        min-height: 44px !important;
        padding: 9px 14px !important;
        font-size: 15px !important;
    }
}