/* 家百 M1 手機 UX(僅 <=768px;桌機不受影響;回滾=刪 bj-mobile.css+bj-mobile.php) */
@media (max-width: 768px) {
  /* 1) 精簡 header / logo,首屏不浪費 */
  .site-header { padding-top: 6px !important; padding-bottom: 6px !important; }
  .site-header .col-full { padding-top: 0 !important; padding-bottom: 0 !important; }
  .site-branding { padding: 2px 0 !important; margin: 0 !important; }
  .custom-logo, .site-header img.custom-logo { max-height: 34px !important; width: auto !important; height: auto !important; }
  .beta .site-title, .site-title { font-size: 22px !important; }
  /* 選單按鈕:好按、置中 */
  .site-header .menu-toggle, button.menu-toggle {
    margin: 2px 0 !important; padding: 9px 16px !important; min-height: 42px !important;
    font-size: 14px !important; border-radius: 8px !important; line-height: 1 !important;
  }
  /* 手機:主導覽收進選單,不直接露出(僅 toggled 時展開) */
  .main-navigation ul.nav-menu, .main-navigation div > ul.menu, #site-navigation ul.menu { display: none !important; }
  .main-navigation.toggled ul.nav-menu, .main-navigation.toggled div > ul.menu, #site-navigation.toggled ul.menu,
  .main-navigation .toggled, nav.toggled ul { display: block !important; }

  /* 2) 商店頁:壓縮麵包屑/結果數/排序,商品更快露出 */
  .site-main { padding-top: 8px !important; }
  .woocommerce-breadcrumb, .storefront-breadcrumb {
    font-size: 11.5px !important; margin: 0 0 6px !important; padding: 0 !important; color: #b3ac9f !important;
  }
  .woocommerce-result-count { font-size: 11.5px !important; margin: 0 0 4px !important; color: #9a948a !important; }
  .woocommerce-ordering { margin: 0 0 8px !important; }
  .woocommerce-ordering select { min-height: 42px !important; font-size: 14px !important; }

  /* 3) 商品卡:更緊湊、商城感 */
  body.home ul.products, .storefront-sorting + ul.products, ul.products { margin-bottom: 0 !important; }
  ul.products li.product { margin: 0 0 12px !important; padding-bottom: 10px !important; border-radius: 6px !important; }
  ul.products li.product img { border-radius: 6px 6px 0 0 !important; }
  ul.products li.product .woocommerce-loop-product__title { font-size: 13px !important; line-height: 1.45 !important; margin: 8px 9px 2px !important; min-height: 2.7em !important; }
  ul.products li.product .bj-loop-store { margin: 0 9px !important; font-size: 11px !important; }
  ul.products li.product .price { margin: 4px 9px 0 !important; font-size: 14.5px !important; font-weight: 700 !important; }
  ul.products li.product .price .woocommerce-Price-currencySymbol { font-size: 10.5px !important; }
  /* 商店頁兩欄間距收緊 */
  .columns-3 ul.products li.product, .columns-4 ul.products li.product, ul.products li.product { width: 48% !important; }

  /* 4) 表單/CTA:防 iOS 縮放 + 觸控目標 >=44px + 一致主按鈕 */
  input[type=text], input[type=email], input[type=tel], input[type=password], input[type=search],
  input[type=number], input[type=url], select, textarea,
  .wc-block-components-text-input input, .input-text {
    font-size: 16px !important; min-height: 44px !important;
  }
  button, .button, a.button, .wp-block-button__link, .wc-block-components-button,
  .single_add_to_cart_button, .checkout-button, #place_order, .dokan-btn {
    min-height: 48px !important; font-size: 15px !important; border-radius: 8px !important;
    display: inline-flex !important; align-items: center !important; justify-content: center !important;
  }
  /* 主要結帳/下單/加入購物車鈕:滿版好按 */
  .single_add_to_cart_button, .checkout-button, #place_order,
  .wc-block-cart__submit-button, .wc-block-components-checkout-place-order-button,
  .woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    width: 100% !important;
  }
  /* 購物車/結帳 區塊間距 */
  .woocommerce-cart-form, .wc-block-cart, .wc-block-checkout, .woocommerce-checkout { margin-top: 6px !important; }
  .cart_totals, .wc-block-components-totals-wrapper { font-size: 15px !important; }
  /* 我的帳戶導覽列做成可橫滑的標籤 */
  .woocommerce-MyAccount-navigation ul { display: flex !important; flex-wrap: wrap !important; gap: 6px !important; padding: 0 !important; }
  .woocommerce-MyAccount-navigation li { width: auto !important; border: 1px solid #e8e2d7 !important; border-radius: 999px !important; }
  .woocommerce-MyAccount-navigation li a { padding: 8px 14px !important; display: block !important; font-size: 13px !important; }

  /* 5) 底部固定導覽:安全留白(含 iPhone home indicator),不遮內容 */
  body { padding-bottom: calc(64px + env(safe-area-inset-bottom, 0px)) !important; }
  .storefront-handheld-footer-bar { padding-bottom: env(safe-area-inset-bottom, 0px) !important; box-shadow: 0 -2px 10px rgba(0,0,0,.06) !important; z-index: 999 !important; }
  .storefront-handheld-footer-bar ul li > a { min-height: 44px !important; }

  /* 6) 首頁搜尋區順勢收緊(header 變矮後) */
  .bj-v7 .bj-search-hero { padding-top: 18px !important; }
}