/* =====================================================================
   念康 · 页脚徽章修复  2026-10-25 (b)
   ---------------------------------------------------------------------
   只解决两件事，其余任何样式不动：
   1) 支付徽章行（We accept + 5 个 SVG）在窄屏溢出屏幕，Apple Pay 被切。
      实测 375 视口：容器可用 345px，原宽度 367.8px → 溢出 22.8px。
      ≤575px：5 个徽章缩到 44×24、间距 4px、文字 14px，合计 316px 一行放下。
      ≤359px：再窄会掉成两行且 Apple Pay 靠左不齐 → "We accept" 占满一行，
               5 个徽章居中排第二行，合计 240px。
   2) 本文件不处理 Google Play 徽章 —— 那个问题出在 SVG 内部用 <text>
      画字、字体随设备变，已改为模板内联 HTML 结构解决。
   ---------------------------------------------------------------------
   说明：.nk-pay-badges 内联了 display:inline-flex / white-space:nowrap /
         svg 的 margin-right:5px，所以覆盖一律加 !important。
   范围：PC（≥576px）零改动。
   ===================================================================== */
@media (max-width: 575px) {
    .nk-pay-badges {
        flex-wrap: wrap !important;
        row-gap: 0 !important;
        white-space: normal !important;
        max-width: 100% !important;
    }
    .nk-pay-badges > span {
        font-size: 14px !important;
        margin-right: 6px !important;
    }
    .nk-pay-badges > svg {
        width: 44px !important;
        height: 24px !important;
        margin-right: 4px !important;
        flex: 0 0 auto !important;
    }
}

/* 320 及更窄：一行放不下 5 个，让「We accept」独占一行，徽章居中成一行 */
@media (max-width: 359px) {
    .nk-pay-badges {
        justify-content: center !important;
    }
    .nk-pay-badges > span {
        width: 100% !important;
        margin: 0 0 4px 0 !important;
        text-align: center;
        font-size: 13px !important;
    }
}