/* ============================================================
   齐鲁农超 · 移动端 H5 电商基础样式
   与 PC 端 assets/tech.css 同一套配色：
   品牌绿 #16a34a + 红色价格 #e4393c + 橙色按钮 #ff6a00
   覆盖 shop.php / product5-detail.php / logistics.php / pay-order.php
   等移动/弹窗页面，统一视觉，不改动 HTML 与 PHP 逻辑。
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700;900&display=swap');

:root{
  --primary:#16a34a; --primary-deep:#15803d; --primary-2:#22c55e;
  --price:#e4393c; --accent:#ff6a00; --accent-2:#ff8c1a;
  --text-main:#222222; --text-light:#666666; --text-muted:#999999;
  --border:#ededed; --bg:#f5f5f5; --surface:#ffffff;
}

/* 统一无衬线字体；用 :not() 排除 Font Awesome 图标类，避免覆盖其自带字体（FA4/FA6 通吃） */
*:not(.fa):not(.fas):not(.fa-solid):not(.far):not(.fa-regular):not(.fal):not(.fa-light):not(.fab):not(.fa-brands){
  font-family:'Noto Sans SC', system-ui, -apple-system, 'Microsoft YaHei', sans-serif !important;
}
*{box-sizing:border-box;}
body{ background:var(--bg) !important; color:var(--text-main) !important; }

/* ===================== shop.php ===================== */
/* 品牌标签：原 #1daf23 -> 品牌绿 */
.tag{ background:#e8f5e9 !important; color:var(--primary) !important; }

/* ===================== product5-detail.php ===================== */
/* 激活态 / 选中态统一品牌绿（覆盖原 var(--green-deep)） */
.m-tab-item.active{ color:var(--primary) !important; }
.m-tab-item.active::after{ background:var(--primary) !important; }
.tag-origin{ color:var(--primary) !important; }
.m-sku-btn.active{ border-color:var(--primary) !important; background:var(--primary) !important; color:#fff !important; }
/* 主购买按钮统一橙色 CTA（与 PC 端一致） */
.m-btn-buy,
.m-popup-submit{ background:linear-gradient(135deg, var(--accent), var(--accent-2)) !important; color:#fff !important; border:none !important; }
/* 加入购物车：保留琥珀色作为次级按钮 */
.m-btn-cart{ background:linear-gradient(135deg, #FFE082, #FFD54F) !important; color:#7a5b00 !important; }

/* ===================== 弹窗页 logistics / pay-order ===================== */
/* 微信绿 #07C160 -> 品牌绿，统一视觉 */
.modal-header{ background:linear-gradient(135deg, var(--primary), var(--primary-deep)) !important; color:#fff !important; }
.btn,
.btn-close{ background:var(--primary) !important; color:#fff !important; border:none !important; }
.btn:hover,
.btn-close:hover{ background:var(--primary-deep) !important; }