/* ============================================================================
   sll_pages.css — 购物链路 + 账户中心 共用样式（2026-09-05 前台翻新, 桌面 mytpl）
   规矩：
   · 全部规则挂在 .sll-pg 容器下，不碰站点级 stylesheet.css；
   · 老表里用 ID 写死的规则（#loginDefault input / #createAcctDefault LABEL.inputLabel …）
     只能靠 !important 压，这些地方都标了 [override]；
   · 颜色/字体/宽度全部走 :root 的 --sll-* 令牌，与 index.css / product_info.css 同一套。
   ========================================================================== */
:root{
  --sll-ink:#0d1b2a; --sll-text:#4b5563; --sll-muted:#6b7280; --sll-line:#e5e7eb; --sll-line-2:#f1f3f6;
  --sll-paper:#ffffff; --sll-wash:#f3f6fa; --sll-brand:#1b5fa8; --sll-brand-deep:#164e8a; --sll-brand-tint:#e9f1fb;
  --sll-amber:#f59e0b; --sll-amber-tint:#fff7ed; --sll-amber-deep:#7c2d12;
  --sll-danger:#dc2626; --sll-danger-tint:#fef2f2; --sll-ok:#16a34a; --sll-ok-tint:#f0fdf4;
  --sll-link:#1b5fa8; --sll-price:#16a34a;
  --sll-font-head:"Radio Canada Big",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  --sll-font-body:"Radio Canada Big",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  --sll-font-mono:"SFMono-Regular",Menlo,Consolas,"Courier New",monospace;
  --sll-max:1360px; --sll-gutter:24px; --sll-radius:12px; --sll-radius-s:8px;
}

/* ---------- 容器 ---------- */
.sll-pg{font-family:var(--sll-font-body);color:var(--sll-text);font-size:15px;line-height:1.6;background:var(--sll-paper);text-align:left;
  max-width:var(--sll-max);margin:0 auto;padding:0 0 40px;float:none !important;width:auto !important}   /* 2026-09-07 业主: 去掉容器两侧 24px 留白, 与面包屑对齐 */
.sll-pg *,.sll-pg *::before,.sll-pg *::after{box-sizing:border-box}
.sll-pg img{max-width:100%;height:auto}
.sll-pg a{color:var(--sll-link);text-decoration:none}
.sll-pg a:hover{color:var(--sll-brand-deep);text-decoration:underline}
.sll-pg p{margin:0 0 12px}
.sll-pg address{font-style:normal;line-height:1.6;color:var(--sll-ink)}
.sll-pg hr{border:0;border-top:1px solid var(--sll-line);margin:16px 0}
.sll-pg fieldset{border:0;padding:0;margin:0;min-width:0}
.sll-pg fieldset.sll-card{padding:22px 24px;border:1px solid var(--sll-line);border-radius:var(--sll-radius)}
.sll-pg fieldset.sll-card--wash{border-color:transparent}   /* 2026-09-07: 上一条把 .sll-card 的内边距压成 0, 登录页标题贴边就是这个 */
.sll-pg legend{padding:0}
.sll-pg br.clearBoth{display:none}
.sll-pg .clearBoth,.sll-pg .clear{clear:both}
.sll-pg .back,.sll-pg .forward{float:none !important;margin:0;font-size:inherit;font-weight:inherit}   /* [override] 老表的 float 布局全部失效 */

/* ---------- 页头 ---------- */
.sll-pg-head{padding:18px 0 16px;border-bottom:1px solid var(--sll-line);margin-bottom:22px}
.sll-pg-head .sll-kicker{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--sll-brand);font-weight:600;margin-bottom:6px}
.sll-pg .sll-h1,.sll-pg h1.sll-h1{font-family:var(--sll-font-head);font-weight:700;font-size:30px;line-height:1.2;letter-spacing:-.01em;color:var(--sll-ink);
  margin:0;padding:0;border:0;background:none;text-align:left;text-wrap:balance}   /* [override] .centerColumn h1 的下划线/内边距 */
.sll-pg-head .sll-lead{margin:8px 0 0;max-width:70ch;color:var(--sll-muted);font-size:15px}
.sll-pg-head--row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 24px}
.sll-pg-head--row>div{min-width:0}
.sll-pg h2.sll-h2{font-family:var(--sll-font-head);font-size:20px;font-weight:700;color:var(--sll-ink);margin:0 0 12px;line-height:1.3}
.sll-pg h3.sll-h3{font-family:var(--sll-font-head);font-size:16px;font-weight:700;color:var(--sll-ink);margin:0 0 8px;line-height:1.3}

/* ---------- 栅格 ---------- */
.sll-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
.sll-grid-7-5{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:28px;align-items:start}
.sll-grid-8-4{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:28px;align-items:start}
.sll-stack{display:flex;flex-direction:column;gap:20px}
.sll-narrow{max-width:none}
.sll-narrow .sll-form--1{max-width:520px}
.sll-narrow .sll-actions--between{justify-content:flex-start;gap:14px}   /* 通栏后按钮不再一左一右 */   /* 2026-09-07 业主: 忘记密码/退出页要通栏, 输入框本身仍限宽 */
.sll-mid{max-width:none}   /* 2026-09-07 业主: 账户中心右栏要通栏, 原 820px 取消 */

/* ---------- 卡片 ---------- */
.sll-card{background:var(--sll-paper);border:1px solid var(--sll-line);border-radius:var(--sll-radius);padding:22px 24px}
.sll-card--wash{background:var(--sll-wash);border-color:transparent}
.sll-card--tint{background:var(--sll-brand-tint);border-color:#cfe0f5}
.sll-card__h{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-4px 0 14px;padding-bottom:12px;border-bottom:1px solid var(--sll-line)}
.sll-card__h h2,.sll-card__h h3,.sll-card__h legend{font-family:var(--sll-font-head);font-size:18px;font-weight:700;color:var(--sll-ink);margin:0;line-height:1.3}
.sll-card__h .sll-card__act{font-size:14px;white-space:nowrap}
.sll-card__note{font-size:14px;color:var(--sll-muted);margin:0 0 14px}
.sll-card+.sll-card{margin-top:20px}

/* ---------- 表单 ---------- */
.sll-form{display:grid;grid-template-columns:1fr 1fr;gap:14px 20px}
.sll-form--1{grid-template-columns:1fr}
.sll-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.sll-field--full{grid-column:1 / -1}
.sll-field label,.sll-pg label.inputLabel,.sll-pg .sll-lbl{display:block;float:none !important;width:auto !important;padding:0 !important;margin:0 !important;
  font-size:13px;font-weight:600;color:var(--sll-ink);line-height:1.3}   /* [override] LABEL.inputLabel 的 float/width/padding */
.sll-field .alert,.sll-pg .sll-req{color:var(--sll-danger);font-size:13px;margin-left:3px;font-weight:600}
.sll-pg .alert{color:var(--sll-danger);font-size:13px;margin:0}
.sll-pg .sll-required-note{font-size:13px;color:var(--sll-muted);margin:0 0 14px}
.sll-pg .sll-required-note .alert{margin:0}
.sll-hint{font-size:13px;color:var(--sll-muted);line-height:1.5}
.sll-hint--warn{color:var(--sll-amber-deep)}
.sll-pg input[type="text"],.sll-pg input[type="password"],.sll-pg input[type="email"],.sll-pg input[type="tel"],.sll-pg input[type="number"],
.sll-pg select,.sll-pg textarea{
  display:block;width:100% !important;max-width:100%;height:44px;padding:0 12px !important;margin:0;
  border:1px solid #cfd6df !important;border-radius:var(--sll-radius-s);background:#fff;color:var(--sll-ink);
  font-family:var(--sll-font-body);font-size:15px;line-height:42px !important;outline:none;transition:border-color .15s,box-shadow .15s}   /* [override] #loginDefault input / #createAcctDefault input */
.sll-pg textarea{height:auto;min-height:110px;line-height:1.5 !important;padding:10px 12px !important;resize:vertical}
.sll-pg select{appearance:none;-webkit-appearance:none;padding-right:36px !important;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%236b7280' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 13px center}
.sll-pg input:focus,.sll-pg select:focus,.sll-pg textarea:focus{border-color:var(--sll-brand) !important;box-shadow:0 0 0 3px rgba(27,95,168,.15)}
.sll-pg input::placeholder,.sll-pg textarea::placeholder{color:#9aa3ae}
.sll-pg input[type="checkbox"],.sll-pg input[type="radio"]{width:18px !important;height:18px;margin:0;accent-color:var(--sll-brand);flex:0 0 auto;vertical-align:middle;padding:0 !important;border:0 !important;line-height:normal !important}
.sll-check{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--sll-text);line-height:1.5}
.sll-check input{margin-top:2px}
.sll-check label,.sll-pg label.checkboxLabel,.sll-pg label.radioButtonLabel{display:inline;float:none !important;width:auto !important;padding:0 !important;margin:0 !important;font-weight:400;font-size:14px;color:var(--sll-text);cursor:pointer}
.sll-pg .sll-inline-radios{display:flex;flex-wrap:wrap;gap:8px 22px;align-items:center}
.sll-pg .sll-inline-radios label{margin-left:6px !important}
.sll-pg #CAAS,.sll-pg #RAS{display:none !important}   /* honeypot 隐藏字段 */

/* ---------- 按钮 ---------- */
.sll-btn,.sll-pg .cssButton,.sll-pg .cssButtonHover,.sll-pg input[type="submit"].cssButton{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  height:44px;padding:0 22px !important;border-radius:var(--sll-radius-s);border:1px solid var(--sll-brand) !important;
  background:var(--sll-brand) !important;color:#fff !important;font-family:var(--sll-font-body);font-size:15px;font-weight:600;line-height:1 !important;
  cursor:pointer;text-decoration:none !important;white-space:nowrap;width:auto !important;min-width:120px;margin:0;
  background-image:none !important;box-shadow:none !important;text-shadow:none !important;transition:background .15s,border-color .15s}   /* [override] stylesheet_css_buttons.css + 行内 width */
.sll-btn:hover,.sll-pg .cssButtonHover,.sll-pg .cssButton:hover{background:var(--sll-brand-deep) !important;border-color:var(--sll-brand-deep) !important;color:#fff !important;text-decoration:none !important}
.sll-btn--ghost,.sll-pg .sll-btn--ghost.cssButton,.sll-pg .sll-btn--ghost.cssButtonHover,.sll-pg a.sll-btn--ghost{background:#fff !important;color:var(--sll-brand) !important;border-color:#b9cbe3 !important}
.sll-btn--ghost:hover,.sll-pg a.sll-btn--ghost:hover{background:var(--sll-brand-tint) !important;color:var(--sll-brand-deep) !important;border-color:var(--sll-brand) !important}
.sll-btn--quiet{background:transparent !important;color:var(--sll-text) !important;border-color:var(--sll-line) !important}
.sll-btn--quiet:hover{background:var(--sll-wash) !important;color:var(--sll-ink) !important}
.sll-btn--danger{background:var(--sll-danger) !important;border-color:var(--sll-danger) !important}
.sll-btn--danger:hover{background:#b91c1c !important;border-color:#b91c1c !important}
.sll-btn--sm,.sll-pg .sll-btn--sm.cssButton,.sll-pg .sll-btn--sm.cssButtonHover{height:36px;padding:0 14px !important;font-size:14px;min-width:0}
.sll-btn--lg{height:50px;font-size:16px;padding:0 30px !important}
.sll-btn--block{width:100% !important;display:flex}
.sll-pg input[type="image"]{height:auto !important;width:auto !important;border:0 !important;padding:0 !important;line-height:normal !important;display:inline-block;cursor:pointer}
.sll-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px}
.sll-actions--between{justify-content:space-between}
.sll-actions--end{justify-content:flex-end}
.sll-actions .sll-link{font-size:14px}
.sll-pg .buttonRow{margin:0;float:none !important}   /* [override] */

/* ---------- 提示 / messageStack ---------- */
.sll-pg .messageStackError,.sll-pg .messageStackWarning,.sll-pg .messageStackSuccess,.sll-pg .messageStackCaution,.sll-alert{
  display:block;margin:0 0 16px !important;padding:12px 14px 12px 42px !important;border-radius:var(--sll-radius-s);border:1px solid var(--sll-line) !important;
  background-color:var(--sll-wash) !important;background-image:none !important;color:var(--sll-ink) !important;font-size:14px;line-height:1.55;position:relative}   /* [override] messageStack 背景图标 */
.sll-pg .messageStackError::before,.sll-pg .messageStackWarning::before,.sll-pg .messageStackSuccess::before,.sll-pg .messageStackCaution::before,.sll-alert::before{
  content:"";position:absolute;left:14px;top:13px;width:18px;height:18px;border-radius:50%;background-repeat:no-repeat;background-position:center}
.sll-pg .messageStackError,.sll-alert--error{background-color:var(--sll-danger-tint) !important;border-color:#fecaca !important;color:#7f1d1d !important}
.sll-pg .messageStackError::before,.sll-alert--error::before{background-color:var(--sll-danger);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='M9 4.5v5M9 12.5v.5' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}
.sll-pg .messageStackWarning,.sll-pg .messageStackCaution,.sll-alert--warn{background-color:var(--sll-amber-tint) !important;border-color:#fed7aa !important;color:var(--sll-amber-deep) !important}
.sll-pg .messageStackWarning::before,.sll-pg .messageStackCaution::before,.sll-alert--warn::before{background-color:var(--sll-amber);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='M9 4.5v5M9 12.5v.5' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}
.sll-pg .messageStackSuccess,.sll-alert--ok{background-color:var(--sll-ok-tint) !important;border-color:#bbf7d0 !important;color:#14532d !important}
.sll-pg .messageStackSuccess::before,.sll-alert--ok::before{background-color:var(--sll-ok);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='M4.5 9.5l3 3 6-6' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.sll-alert--info{background-color:var(--sll-brand-tint) !important;border-color:#cfe0f5 !important;color:#1a365d !important}
.sll-alert--info::before{background-color:var(--sll-brand);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='M9 8v5M9 5v.5' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}
.sll-alert b,.sll-alert strong{font-weight:700}
.sll-alert ul{margin:6px 0 0 18px;padding:0}
.sll-alert a{color:inherit;text-decoration:underline}
.sll-pg .messageStackError img,.sll-pg .messageStackSuccess img{display:none}
.sll-note{font-size:13px;color:var(--sll-muted);line-height:1.5}
.sll-pg .information,.sll-pg .content{font-size:15px;color:var(--sll-text);line-height:1.65;margin:0 0 14px}
.sll-pg .information strong{color:var(--sll-ink)}

/* ---------- 标签 / 数字 ---------- */
.sll-pill{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap;background:var(--sll-wash);color:var(--sll-text)}
.sll-pill--ok{background:var(--sll-ok-tint);color:#166534}
.sll-pill--warn{background:var(--sll-amber-tint);color:var(--sll-amber-deep)}
.sll-pill--bad{background:var(--sll-danger-tint);color:#991b1b}
.sll-pill--brand{background:var(--sll-brand-tint);color:var(--sll-brand-deep)}
.sll-mono{font-family:var(--sll-font-mono);font-size:.93em;letter-spacing:.01em}
.sll-num{font-variant-numeric:tabular-nums}
.sll-price{color:var(--sll-price);font-weight:700}

/* ---------- 通用表格 ---------- */
.sll-tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.sll-table{width:100%;border-collapse:collapse;font-size:14px}
.sll-table th{background:var(--sll-wash);color:var(--sll-muted);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;text-align:left;padding:10px 12px;border-bottom:1px solid var(--sll-line);white-space:nowrap}
.sll-table td{padding:14px 12px;border-bottom:1px solid var(--sll-line-2);vertical-align:middle;color:var(--sll-text)}
.sll-table tr:last-child td{border-bottom:0}
.sll-table .sll-r,.sll-table th.sll-r{text-align:right}
.sll-table .sll-c,.sll-table th.sll-c{text-align:center}
.sll-pg .tableHeading th,.sll-pg .cartTableHeading th{background:var(--sll-wash) !important;color:var(--sll-muted) !important}   /* [override] */

/* ---------- 地址块 ---------- */
.sll-addr{display:flex;flex-direction:column;gap:6px}
.sll-addr__name{font-weight:700;color:var(--sll-ink);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.sll-addr address{color:var(--sll-text);font-size:14px}
.sll-addr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.sll-addr-card{border:1px solid var(--sll-line);border-radius:var(--sll-radius-s);padding:16px 18px;display:flex;flex-direction:column;gap:10px;background:#fff}
.sll-addr-card--primary{border-color:#b9cbe3;background:var(--sll-brand-tint)}
.sll-addr-card .sll-actions{margin-top:auto;padding-top:6px;gap:8px}

/* ---------- 空态 ---------- */
.sll-empty{padding:48px 24px;text-align:center;border:1px solid var(--sll-line);background:var(--sll-wash);border-radius:var(--sll-radius);color:var(--sll-muted)}
.sll-pg #cartEmptyText{border:0 !important;background:none !important;padding:0 !important;box-shadow:none !important;width:auto !important}
.sll-empty h2{font-family:var(--sll-font-head);font-size:20px;color:var(--sll-ink);margin:0 0 8px;border:0;padding:0}
.sll-empty .sll-actions{justify-content:center}

/* ---------- 结帐进度 ---------- */
.sll-steps{display:flex;gap:0;margin:0 0 22px;padding:0;list-style:none;counter-reset:step}
.sll-steps li{flex:1;display:flex;align-items:center;gap:10px;padding:10px 12px;font-size:13px;font-weight:600;color:var(--sll-muted);border-bottom:2px solid var(--sll-line);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sll-steps li::before{counter-increment:step;content:counter(step);width:24px;height:24px;border-radius:50%;background:var(--sll-line);color:var(--sll-muted);display:inline-flex;align-items:center;justify-content:center;font-size:12px;flex:0 0 auto}
.sll-steps li.is-done{color:var(--sll-ink);border-color:var(--sll-brand)}
.sll-steps li.is-done::before{background:var(--sll-brand);color:#fff;content:"✓"}
.sll-steps li.is-here{color:var(--sll-brand);border-color:var(--sll-brand)}
.sll-steps li.is-here::before{background:var(--sll-brand);color:#fff}

/* ============================================================================
   登录 / 注册 / 找回密码 / 超时 / 登出
   ========================================================================== */
.sll-auth{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}
.sll-auth .sll-card{display:block}   /* 2026-09-07: fieldset 设 flex 时 legend 的 float 失效, 标题会挂在边框上 */
.sll-auth .sll-card .sll-actions{margin-top:auto;padding-top:6px}
.sll-auth .sll-card--wash{background:var(--sll-wash)}
.sll-auth ul.sll-perks{margin:0 0 18px;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;font-size:14px}
.sll-auth ul.sll-perks li{position:relative;padding-left:24px}
.sll-auth ul.sll-perks li::before{content:"";position:absolute;left:0;top:5px;width:14px;height:14px;border-radius:50%;background:var(--sll-ok) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M3.5 7.2l2.3 2.3 4.7-4.7' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center no-repeat}
.sll-auth .sll-ec{padding:12px 0 6px;border-bottom:1px solid var(--sll-line);margin-bottom:14px;text-align:center}
.sll-auth .sll-ec .sll-or{display:block;font-size:12px;color:var(--sll-muted);text-transform:uppercase;letter-spacing:.1em;margin-top:10px}
.sll-auth .sll-form--1 .sll-field+.sll-field{margin-top:2px}
.sll-pg .sll-login-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:18px}
.sll-pg .sll-login-foot a{font-size:14px}

/* fieldset 卡片：legend 必须是 fieldset 的第一个子元素（HTML 规范），画成卡片标题 */
.sll-pg fieldset.sll-card>legend{float:left;width:100%;margin:-4px 0 14px !important;padding:0 0 12px !important;border:0;border-bottom:1px solid var(--sll-line);background:none !important;font:700 18px/1.3 var(--sll-font-head) !important;color:var(--sll-ink) !important;display:block}   /* [override] 老表 LEGEND 灰底白字 */
.sll-pg fieldset.sll-card>legend+*{clear:both}
.sll-pg fieldset.sll-card>legend~*{clear:both}
.sll-reg .sll-form{margin-top:4px}
.sll-reg .sll-reg-sidenote{position:sticky;top:20px}
.sll-reg .sll-reg-sidenote ul{margin:0;padding:0 0 0 18px;font-size:14px;color:var(--sll-text);display:flex;flex-direction:column;gap:8px}
.sll-reg .g-recaptcha,.sll-reg #recaptcha_widget_div,.sll-reg iframe{max-width:100%}
.sll-reg .sll-captcha{grid-column:1 / -1;overflow-x:auto}
.sll-pg #createAcctDefaultLoginLink{font-size:14px;font-weight:400;color:var(--sll-muted);margin:0}
.sll-pg #createAcctDefaultLoginLink a{font-weight:600}
.sll-pg .sll-taxid-row{grid-column:1 / -1}

/* ============================================================================
   购物车
   ========================================================================== */
.sll-cart .sll-pg-head{margin-bottom:16px}
.sll-cart .cartTotalsDisplay{display:flex;flex-wrap:wrap;gap:6px 22px;font-size:14px;color:var(--sll-muted);margin:0 0 14px;padding:10px 14px;background:var(--sll-wash);border-radius:var(--sll-radius-s);float:none !important;width:auto !important;font-weight:400 !important}   /* [override] .important */
.sll-cart .cartTotalsDisplay strong,.sll-cart .cartTotalsDisplay b{color:var(--sll-ink)}
.sll-cart-layout{display:grid;grid-template-columns:1fr;gap:18px;align-items:start}   /* 2026-09-07 业主: 一行一个产品通栏, 属性要有地方显示; 合计放下面 */
.sll-cart-summary{position:static}
.sll-cart-bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px}
.sll-cart-bar__l{flex:1 1 320px;min-width:0}
.sll-cart-bar__l .sll-h2{margin:0 0 4px}
.sll-cart-bar__r{display:flex;flex-direction:column;align-items:flex-end;gap:10px;min-width:280px}
.sll-cart-bar .sll-sum-row--total{border:0 !important;margin:0 !important;padding:0 !important;gap:16px}
.sll-cart-bar .sll-sum-links{flex-direction:row;flex-wrap:wrap;gap:8px 20px;border:0;padding:0;margin-top:8px}
.sll-cart-bar .sll-sum-help{margin:0}
.sll-cart-bar .sll-btn--block{width:auto !important;min-width:280px;margin:0}
.sll-cart-bar .sll-actions{margin:0}
.sll-cart-summary .sll-sum-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:8px 0;font-size:14px}
.sll-cart-summary .sll-sum-row--total{border-top:1px solid var(--sll-line);margin-top:6px;padding-top:14px;font-size:16px;color:var(--sll-ink);font-weight:700}
.sll-pg #cartSubTotal{background:none !important;border-top:1px solid var(--sll-line) !important;line-height:1.4 !important;padding-right:0 !important;height:auto !important;text-align:left !important;font-size:16px !important}   /* [override] #cartSubTotal 老表灰底 */
.sll-pg .sll-qty-upd{position:relative;display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 12px;border:1px solid #b9cbe3;border-radius:var(--sll-radius-s);background:#fff;color:var(--sll-brand);font-size:13px;font-weight:600;cursor:pointer;overflow:hidden}
.sll-pg .sll-qty-upd:hover{background:var(--sll-brand-tint)}
.sll-pg .sll-qty-upd::before{content:"Update"}
.sll-pg .sll-qty-upd input[type="image"]{position:absolute;left:0;top:0;width:100% !important;height:100% !important;opacity:0;cursor:pointer;margin:0}
.sll-cart-summary .sll-sum-row--total #ceSubtotalValue{font-size:22px;color:var(--sll-ink)}
.sll-cart-summary .sll-btn--block{margin-top:14px}
.sll-cart-summary .sll-sum-help{font-size:13px;color:var(--sll-muted);margin:12px 0 0;line-height:1.5}
.sll-cart-summary .sll-sum-links{display:flex;flex-direction:column;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid var(--sll-line);font-size:14px}
.sll-cart .sll-cart-msg{margin-bottom:14px}
/* 表格 */
.sll-pg #cartContentsDisplay{width:100% !important;border-collapse:collapse;table-layout:auto !important;font-size:14px}
.sll-pg #cartContentsDisplay th{background:var(--sll-wash) !important;color:var(--sll-muted) !important;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;text-align:left;padding:10px 12px !important;border-bottom:1px solid var(--sll-line);white-space:nowrap}
.sll-pg #cartContentsDisplay td{padding:16px 12px !important;border-bottom:1px solid var(--sll-line-2);vertical-align:top !important;background:#fff !important;text-align:left !important}
.sll-pg #cartContentsDisplay tr:last-child td{border-bottom:0}
.sll-pg #cartContentsDisplay .rowEven td,.sll-pg #cartContentsDisplay .rowOdd td{background:#fff !important}
.sll-pg #cartContentsDisplay th#scSelectHeading,.sll-pg #cartContentsDisplay td.cartSelect{text-align:center !important;width:56px}
.sll-pg #cartContentsDisplay th#scRemoveHeading,.sll-pg #cartContentsDisplay td.cartRemoveItemDisplay{width:44px;text-align:center !important}
.sll-pg #cartContentsDisplay th#scUnitHeading,.sll-pg #cartContentsDisplay th#scTotalHeading,.sll-pg #cartContentsDisplay td.cartUnitDisplay,.sll-pg #cartContentsDisplay td.cartTotalDisplay{text-align:right !important;white-space:nowrap;font-variant-numeric:tabular-nums}
.sll-pg #cartContentsDisplay td.cartTotalDisplay{font-weight:700;color:var(--sll-ink);font-size:15px}
.sll-pg #cartContentsDisplay td.cartUnitDisplay{color:var(--sll-text)}
.sll-pg #cartContentsDisplay td.cartModelDisplay{font-family:var(--sll-font-mono);font-size:12px !important;color:var(--sll-muted) !important;text-align:left !important;word-break:break-all}
.sll-pg #cartContentsDisplay td.cartQuantity{text-align:center !important;width:96px}
.sll-pg #cartContentsDisplay .sll-qty{display:flex;flex-direction:column;align-items:center;gap:6px}
.sll-pg #cartContentsDisplay input[name="cart_quantity[]"]{width:72px !important;height:38px;text-align:center;padding:0 6px !important;line-height:36px !important;font-weight:600}
.sll-pg #cartContentsDisplay .sll-qty .cssButton,.sll-pg #cartContentsDisplay .sll-qty .cssButtonHover{height:32px;min-width:0;padding:0 12px !important;font-size:13px;background:#fff !important;color:var(--sll-brand) !important;border-color:#b9cbe3 !important}
.sll-pg #cartContentsDisplay .sll-qty .cssButton:hover{background:var(--sll-brand-tint) !important}
.sll-pg #cartContentsDisplay .sll-qty .alert{font-size:12px}
.sll-pg #cartContentsDisplay .sll-qty .sll-minunits{font-size:12px;color:var(--sll-muted)}
.sll-pg col.sll-col-qty{width:100px}.sll-pg col.sll-col-model{width:170px}.sll-pg col.sll-col-unit{width:90px}.sll-pg col.sll-col-total{width:100px}.sll-pg col.sll-col-del{width:44px}.sll-pg col.sll-col-sel{width:56px}.sll-pg col.sll-col-tax{width:60px}
.sll-co .sll-ship-opt:has(input:checked){background:var(--sll-brand-tint)}
.sll-co .sll-pay-opt:has(input:checked){border-color:var(--sll-brand);background:var(--sll-brand-tint);box-shadow:0 0 0 1px var(--sll-brand) inset}
.sll-cart-item{display:flex;gap:16px;align-items:flex-start}
.sll-cart-item__img{flex:0 0 84px;width:84px;height:84px;border:1px solid var(--sll-line);border-radius:var(--sll-radius-s);overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center}
.sll-cart-item__img img{width:100% !important;height:100% !important;object-fit:contain;display:block;margin:0 !important;padding:0 !important}
.sll-cart-item__body{flex:1;min-width:0}
.sll-cart-item__name{font-size:15px;font-weight:600;color:var(--sll-ink);line-height:1.4;display:block}
.sll-cart-item__name:hover{color:var(--sll-brand)}
.sll-cart-item__name .alert{font-weight:600;margin-left:6px}
.sll-pg .ceAttrLabels{margin-top:6px;font-size:13px;color:var(--sll-muted);line-height:1.6;display:flex;flex-direction:column;gap:2px}   /* 业主 2026-09-07: 属性一行一条, 两列会堆叠混乱 */
.sll-pg .ceAttrLabels>div{min-width:0}
.sll-pg .ceEditBtn{display:inline-flex;align-items:center;gap:5px;margin-top:8px;font-size:13px;color:var(--sll-brand);cursor:pointer;background:none;border:0;padding:2px 0;font-family:inherit;font-weight:600}
.sll-pg .ceEditBtn:hover{text-decoration:underline}
.sll-pg .ceEditBtn svg{width:13px;height:13px}
.sll-pg .cePanel{margin-top:10px;padding:14px 16px;border:1px solid #cfe0f5;background:var(--sll-brand-tint);border-radius:var(--sll-radius-s);display:grid;grid-template-columns:minmax(0,1fr);gap:8px;max-width:800px;position:relative;z-index:1}   /* 实际宽度由购物车 JS sizePanel() 按本行可用宽度设 (<=800). 面板宽度受产品格限制, 两列会把下拉挤到 70px, 所以单列、下拉拉满. [2026-09-11 业主] 560 太窄 -> 800 自适应; 1fr 改 minmax(0,1fr): 1fr 的最小值=下拉最长选项的宽度, 长选项(+$10.00)(+300g)会把下拉顶出面板右边 */
.sll-pg .cePanel .ceNote,.sll-pg .cePanel .ceActions{grid-column:1 / -1}
.sll-pg .ceRowOpt{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.sll-pg .ceRowOpt{margin-bottom:0}
.sll-pg .ceRowOpt label{font-size:13px;color:var(--sll-ink);flex:0 0 190px;min-width:0;font-weight:600;line-height:1.35}   /* [2026-09-11] 固定 190px 让所有下拉左边对齐(原 min-width:150 时长标题会把那一行下拉往右推) */
.sll-pg .ceRowOpt select{flex:1;min-width:0;width:auto !important;height:38px;line-height:36px !important;font-size:14px}
.sll-pg .ceNote{font-size:13px;color:var(--sll-amber-deep);margin:4px 0 10px;min-height:1em}
.sll-pg .ceActions{display:flex;gap:8px;margin-top:6px}
.sll-pg .ceBtn{height:36px;padding:0 16px;font-size:14px;font-weight:600;border-radius:var(--sll-radius-s);cursor:pointer;border:1px solid transparent;font-family:inherit}
.sll-pg .ceConfirm{background:var(--sll-ok);color:#fff}
.sll-pg .ceConfirm:disabled{background:#9bc2ab;cursor:default}
.sll-pg .ceCancel{background:#fff;color:var(--sll-text);border-color:#cfd6df}
.sll-pg .ceBusy{opacity:.6;pointer-events:none}
.sll-pg tr.cart-row-editing .cartUnitDisplay,.sll-pg tr.cart-row-editing .cartTotalDisplay{color:var(--sll-brand) !important}
.sll-pg .ceRemoveLink{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;border-radius:50%;color:var(--sll-muted);border:1px solid transparent}
.sll-pg .ceRemoveLink:hover{background:var(--sll-danger-tint);color:var(--sll-danger);border-color:#fecaca}
.sll-pg #cartContentsDisplay td.cartRemoveItemDisplay a img,.sll-pg .ceRemoveLink img{display:none !important}
.sll-pg .ceRemoveLink::before{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18M8 6V4h8v2M6 6l1 14h10l1-14M10 11v6M14 11v6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18M8 6V4h8v2M6 6l1 14h10l1-14M10 11v6M14 11v6'/%3E%3C/svg%3E") center/contain no-repeat}
#ceToast{position:fixed;left:50%;top:24px;transform:translateX(-50%);background:var(--sll-ink);color:#fff;padding:10px 18px;border-radius:8px;font-size:14px;z-index:99999;opacity:0;transition:opacity .25s;pointer-events:none;font-family:var(--sll-font-body)}
#ceToast.show{opacity:.95}
.sll-cart-foot{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-top:16px}
.sll-cart .sll-moq{margin-bottom:16px}
.sll-cart .sll-moq ul{margin:8px 0;padding-left:18px}
.sll-pg #PPECbutton,.sll-cart .sll-ppec{margin-top:16px;text-align:center;float:none !important}
.sll-cart-empty-boxes{margin-top:28px}

/* ============================================================================
   一页结帐 checkout_one
   ========================================================================== */
.sll-co .sll-pg-head{margin-bottom:14px}
.sll-co .sll-co-notices{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}
.sll-co .sll-co-notices>div,.sll-co .sll-co-notices>p{margin:0 !important}
.sll-co-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}
.sll-co-col{display:flex;flex-direction:column;gap:20px;min-width:0}
.sll-co .sll-card address{font-size:14px;color:var(--sll-text)}
/* ===== 结帐链路(结帐/确认/完成)统一的功能标题带：整行浅底 + 18px 粗标题，2026-09-07 业主要求 ===== */
.sll-co .sll-card>.sll-card__h,.sll-co .sll-card>fieldset>.sll-card__h,.sll-cf .sll-card>.sll-card__h,.sll-ok .sll-card>.sll-card__h,
.sll-co .sll-card>fieldset>legend,.sll-co fieldset.sll-card>legend{display:flex;align-items:center;justify-content:space-between;gap:12px;float:none;width:auto;box-sizing:border-box;
  margin:-22px -24px 18px !important;padding:13px 24px !important;background:var(--sll-wash) !important;border:0;border-bottom:1px solid var(--sll-line) !important;border-radius:var(--sll-radius) var(--sll-radius) 0 0;
  font:700 18px/1.3 var(--sll-font-head) !important;color:var(--sll-ink) !important;letter-spacing:0;text-transform:none;text-shadow:none}
.sll-co .sll-card>fieldset>legend,.sll-co fieldset.sll-card>legend{float:left;width:calc(100% + 48px)}   /* legend 必须脱离原生渲染才能当标题带用 */
.sll-co .sll-card>fieldset>legend~*,.sll-co fieldset.sll-card>legend~*{clear:both}
.sll-co .sll-card__h h2,.sll-co .sll-card__h h3,.sll-cf .sll-card__h h2,.sll-cf .sll-card__h h3,.sll-ok .sll-card__h h2{font-size:18px}
.sll-co .sll-ship-group legend{float:left;width:100%;margin:0 !important;padding:10px 14px !important;background:var(--sll-wash);border:0 !important;border-radius:0;font:700 13px/1.4 var(--sll-font-body) !important;color:var(--sll-ink) !important}   /* 运费组小标题保持原样, 不吃上面的带 */
.sll-co .sll-addr-edit{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600}
.sll-pg .sll-addr-edit .cssButton,.sll-pg .sll-addr-edit .cssButtonHover{height:32px;min-width:0;padding:0 12px !important;font-size:13px;background:#fff !important;color:var(--sll-brand) !important;border-color:#b9cbe3 !important}
.sll-pg .sll-addr-edit:hover .cssButton{background:var(--sll-brand-tint) !important}
.sll-co #checkoutOneBillingFlag{display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid var(--sll-line);border-radius:var(--sll-radius-s);background:var(--sll-wash);font-size:14px}
.sll-co #checkoutOneBillingFlag label{font-weight:500;color:var(--sll-ink)}
.sll-co #checkoutComments p{font-size:14px;color:var(--sll-muted);margin:0 0 10px}
.sll-co .checkoutOneCoupon,.sll-co .checkoutOneGv{margin:0}
.sll-co .sll-coupon-row{display:flex;gap:10px;align-items:stretch}
.sll-co .sll-coupon-row input[type="text"]{flex:1;min-width:0}
.sll-co .sll-coupon-row .cssButton,.sll-co .sll-coupon-row .cssButtonHover{height:44px;min-width:100px}
.sll-co #couponMessage{font-size:13px;margin-top:8px}
.sll-co .gvBal{float:none !important;font-size:14px;margin-bottom:8px}
/* 运费 */
.sll-co #checkoutShippingContentChoose{font-size:14px;color:var(--sll-muted);margin:0 0 12px;font-weight:400 !important}
.sll-co .sll-ship-group{border:1px solid var(--sll-line);border-radius:var(--sll-radius-s);overflow:hidden}
.sll-co .sll-ship-group+.sll-ship-group{margin-top:12px}
.sll-co .sll-ship-group legend,.sll-co .sll-ship-group .sll-ship-group__h{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;background:var(--sll-wash);font-size:13px;font-weight:700;color:var(--sll-ink);letter-spacing:.02em;float:left}
.sll-co .sll-ship-group legend+*{clear:both}
.sll-co .sll-ship-group legend img,.sll-co .sll-ship-group .sll-ship-group__h img{max-height:22px;width:auto}
.sll-co .sll-ship-group legend .sll-badge{margin-left:auto}
.sll-pg .sll-badge{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:5px;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;line-height:1;white-space:nowrap;font-family:var(--sll-font-body)}   /* 2026-09-07 业主: DUTY FREE / IMPORT DUTY 图片改成绿/深红文字标 */
.sll-pg .sll-badge--ok{background:#dcfce7;color:#15803d;border:1px solid #86efac}
.sll-pg .sll-badge--danger{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}
.sll-pg .sll-badge--warn{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}
.sll-co .sll-ship-opt{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px 14px;border-top:1px solid var(--sll-line-2);cursor:pointer;clear:both}
.sll-co .sll-ship-opt:hover{background:#fafbfd}
.sll-co .sll-ship-opt.is-on{background:var(--sll-brand-tint)}
.sll-co .sll-ship-opt input[type="radio"]{margin:0}
.sll-co .sll-ship-opt label{font-size:14px;color:var(--sll-ink);line-height:1.45;cursor:pointer;display:block}
.sll-co .sll-ship-opt .methedValue{margin:0 !important;font-size:15px;font-weight:700;color:var(--sll-ink);white-space:nowrap;font-variant-numeric:tabular-nums;float:none !important;order:3}
.sll-co .sll-ship-single{padding:12px 14px;display:flex;justify-content:space-between;gap:12px;font-size:14px;color:var(--sll-ink);border-top:1px solid var(--sll-line-2);clear:both}
.sll-co .sll-ship-single .methedValue{margin:0 !important;font-weight:700;float:none !important}
.sll-co .sll-ship-err{padding:12px 14px;font-size:14px;color:var(--sll-danger);clear:both}
.sll-co .sll-ship-html{padding:0 14px 12px;clear:both;font-size:13px}
.sll-co #freeShip{font-weight:700;color:var(--sll-ok);margin:0 0 4px}
.sll-co #defaultSelected{font-size:14px;color:var(--sll-text)}
.sll-co #checkoutShippingHeadingMethod{font-size:16px;color:var(--sll-danger);margin:0 0 6px}
/* 支付 */
.sll-co .sll-pay-opt{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;padding:12px 14px;border:1px solid var(--sll-line);border-radius:var(--sll-radius-s);cursor:pointer}
.sll-co .sll-pay-opt+.sll-pay-opt{margin-top:10px}
.sll-co .sll-pay-opt.is-on{border-color:var(--sll-brand);background:var(--sll-brand-tint);box-shadow:0 0 0 1px var(--sll-brand) inset}
.sll-co .sll-pay-opt input[type="radio"]{margin:0}
.sll-co .sll-pay-opt label.radioButtonLabel{flex:1;font-size:15px;font-weight:600;color:var(--sll-ink);display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.sll-co .sll-pay-opt label.radioButtonLabel img{max-height:28px;width:auto;vertical-align:middle}
.sll-co .sll-pay-opt label.radioButtonLabel span{display:block;flex:1 0 100%;font-size:13px !important;font-weight:400;color:var(--sll-muted);margin:0 !important}
.sll-co .sll-pay-opt .ccinfo{flex:1 0 100%;padding-top:8px;display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}
.sll-co .sll-pay-opt .ccinfo label.inputLabelPayment{width:auto !important;float:none !important;padding:0 !important;font-size:13px;font-weight:600;color:var(--sll-ink);display:block}
.sll-co .sll-pay-opt .alert{flex:1 0 100%}
.sll-co #checkoutPaymentMethod p.important{font-size:14px;color:var(--sll-muted);margin:0 0 12px;font-weight:400 !important}
.sll-co .sll-cc-logos{margin:0 0 12px;font-size:13px;color:var(--sll-muted)}
.sll-co .sll-cc-logos img{max-height:24px;margin-right:6px;vertical-align:middle}
/* 结帐页购物车摘要 */
.sll-co #checkoutOneShoppingCart{grid-column:1 / -1}
.sll-co #checkoutOneShoppingCart #cartContentsDisplay{width:100% !important;border-collapse:collapse;table-layout:auto !important;font-size:14px}
.sll-co #checkoutOneShoppingCart #cartContentsDisplay th{background:var(--sll-wash) !important;color:var(--sll-muted) !important;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;text-align:left !important;padding:10px 12px !important;border-bottom:1px solid var(--sll-line);white-space:nowrap}
.sll-co #checkoutOneShoppingCart #cartContentsDisplay td{padding:12px !important;border-bottom:1px solid var(--sll-line-2);vertical-align:middle !important;background:#fff !important;text-align:left !important;display:table-cell !important}
.sll-co #checkoutOneShoppingCart #cartContentsDisplay td.cartQuantity{white-space:nowrap;color:var(--sll-ink);font-weight:600;width:70px;text-align:center !important;display:table-cell !important}
.sll-co #checkoutOneShoppingCart #cartContentsDisplay td.cartModelDisplay{font-family:var(--sll-font-mono);font-size:12px !important;color:var(--sll-muted) !important;word-break:break-all}
.sll-co #checkoutOneShoppingCart #cartContentsDisplay th#ccTotalHeading,.sll-co #checkoutOneShoppingCart #cartContentsDisplay td.cartTotalDisplay{text-align:right !important;white-space:nowrap;font-weight:700;color:var(--sll-ink);font-variant-numeric:tabular-nums}
.sll-co #checkoutOneShoppingCart #cartContentsDisplay td.cartProductDisplay{display:table-cell !important;overflow:visible !important}
.sll-co #cartOrderTotals td{background:var(--sll-wash) !important;border-top:1px solid var(--sll-line) !important;border-bottom:0 !important;padding:14px 12px !important}
/* 2026-09-07: 合计行脱离表格列布局 —— 老 checkout_one.css 给 td 做了 all:unset, 加上 colspan 在被改成 flex 的单元格表里算不准, 合计只占了约 1/3 宽 */
.sll-co #checkoutOneShoppingCart #cartContentsDisplay tr#cartOrderTotals{display:block !important;width:100% !important;border:0}
.sll-co #checkoutOneShoppingCart #cartContentsDisplay td#orderTotalDivs{display:block !important;width:100% !important;box-sizing:border-box;max-width:none !important}
.sll-co .sll-co-totals{margin-top:14px;padding:14px 16px;background:var(--sll-wash);border-radius:var(--sll-radius-s)}
.sll-co #orderTotalDivs{display:flex;flex-direction:column;gap:6px;width:100%}
.sll-co #orderTotalDivs div{border:0 !important;box-shadow:none !important;background:none !important}
.sll-co #orderTotalDivs>div{display:flex;justify-content:space-between;gap:12px;float:none !important;width:auto !important;font-size:14px}
.sll-co #orderTotalDivs .lineTitle{order:1;flex:1;text-align:left !important;color:var(--sll-muted);float:none !important;width:auto !important;padding:0 !important}   /* 模块先输出金额再输出标题, 用 order 换位: 名称左, 金额右 */
.sll-co #orderTotalDivs .totalBox,.sll-co #orderTotalDivs .amount{order:2;text-align:right !important;width:auto !important;float:none !important;padding:0 !important;margin:0;border:0;font-weight:600;color:var(--sll-ink);font-variant-numeric:tabular-nums}
.sll-co #orderTotalDivs>#ottotal{font-size:17px;font-weight:700;border-top:1px solid var(--sll-line) !important;padding-top:10px;margin-top:6px}
.sll-co #orderTotalDivs>#ottotal .lineTitle{color:var(--sll-ink)}
.sll-co #orderTotalDivs br{display:none}
/* 2026-09-07 业主: 运费标题在 420px 的窄框里折行、左边一大片空着. 老的那段 max-width:420px 重复规则已删;
   汇总框靠右、最宽 680px, 标题左对齐单行, 金额不折行 */
.sll-co .sll-co-totals{margin-left:0;max-width:none}   /* 2026-09-07 业主: 标题左对齐、金额右对齐、框通栏, 再长的运费名也不折行 */
.sll-co #orderTotalDivs>div{margin:0 !important}
.sll-co #orderTotalDivs .totalBox,.sll-co #orderTotalDivs .amount{white-space:nowrap;min-width:110px}
/* 提交区 */
.sll-co-submit{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;padding:18px 22px;border:1px solid var(--sll-line);border-radius:var(--sll-radius);background:var(--sll-wash)}
.sll-co-submit #checkoutOneEmail{font-size:13px;color:var(--sll-muted);float:none !important;margin:0}
.sll-co-submit .sll-co-submit__btns{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.sll-co-submit #ceBackToCart{background:#fff !important;color:var(--sll-brand) !important;border-color:#b9cbe3 !important;margin:0 !important}
.sll-co-submit #confirm-order{height:50px;font-size:16px;padding:0 30px !important;min-width:200px}
.sll-co #sllPhoneAsk{grid-column:1 / -1;margin:0 !important}
.sll-co #instructions{grid-column:1 / -1}
.sll-co #co1-top-message p{margin:0}

/* ============================================================================
   结帐确认 / 结帐成功
   ========================================================================== */
.sll-cf .sll-cf-layout{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:28px;align-items:start}
.sll-cf #orderTotals{display:flex;flex-direction:column;gap:6px}
.sll-cf #orderTotals>div{display:flex;justify-content:space-between;gap:12px;float:none !important;width:auto !important;font-size:14px}
.sll-cf #orderTotals .lineTitle{color:var(--sll-muted);float:none !important;width:auto !important;text-align:left !important;order:1;flex:1;padding:0 !important}   /* 2026-09-07: tpl_modules_order_totals 先输出金额再输出标题, 用 order 把标题放左、金额放右 */
.sll-cf #orderTotals .totalBox,.sll-cf #orderTotals .amount{color:var(--sll-ink);font-weight:600;float:none !important;width:auto !important;text-align:right !important;order:2;padding:0 !important;font-variant-numeric:tabular-nums;border:0;margin:0}
.sll-cf #orderTotals>#ottotal{font-size:17px;font-weight:700;color:var(--sll-ink);border-top:1px solid var(--sll-line);padding-top:10px;margin-top:6px}
.sll-cf #orderTotals>#ottotal .lineTitle{color:var(--sll-ink)}
.sll-cf .sll-cf-pay{margin-top:24px}
.sll-cf #orderTotals br{display:none}
.sll-cf .sll-pay-title{font-size:15px;font-weight:700;color:var(--sll-ink);margin:0 0 6px}
.sll-cf .sll-pay-fields{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:14px;margin-top:8px}
.sll-cf .sll-pay-fields>div{float:none !important}
.sll-cf .sll-cf-submit{margin-top:18px;padding-top:18px;border-top:1px solid var(--sll-line)}
.sll-cf .sll-cf-submit #btn_submit{height:52px;font-size:17px;padding:0 34px !important;width:100% !important;display:flex}
.sll-cf .sll-cf-submit .sll-note{margin-top:10px;text-align:center}
/* 2026-09-08 业主: 银行转账确认页的 Confirm Order 移到银行账户信息【下方右下角】(原来在右上角合计卡里, 客户不下拉就点)。 只有 westernunion 走这个分支。--bottom 修饰符里要把上面 .sll-cf-submit 的 width:100%/居中/上边框都覆盖掉。 */
.sll-cf .sll-cf-submit.sll-cf-submit--bottom{margin-top:20px;padding-top:0;border-top:0;display:flex;flex-direction:column;align-items:flex-end;text-align:right}
.sll-cf .sll-cf-submit.sll-cf-submit--bottom .sll-cf-remind{margin:0 0 12px;max-width:660px;text-align:right}
.sll-cf .sll-cf-submit.sll-cf-submit--bottom #btn_submit{width:auto !important;min-width:260px;justify-content:center}
.sll-cf .sll-cf-submit.sll-cf-submit--bottom .sll-note{text-align:right}
@media (max-width:640px){.sll-cf .sll-cf-submit.sll-cf-submit--bottom{align-items:stretch;text-align:left}.sll-cf .sll-cf-submit.sll-cf-submit--bottom .sll-cf-remind,.sll-cf .sll-cf-submit.sll-cf-submit--bottom .sll-note{text-align:left}.sll-cf .sll-cf-submit.sll-cf-submit--bottom #btn_submit{width:100% !important}}
.sll-cf #checkoutOneConfirmationLoading{position:static !important;text-align:center;padding:40px 0}
.sll-cf .sll-cf-auto{padding:48px 24px;text-align:center}
.sll-cf .sll-cf-auto p{font-size:16px;color:var(--sll-ink)}
/* 成功页 */
.sll-ok .sll-ok-hero{display:flex;gap:18px;align-items:flex-start;padding:24px 26px;border:1px solid #bbf7d0;background:var(--sll-ok-tint);border-radius:var(--sll-radius);margin-bottom:22px}
.sll-ok .sll-ok-hero__icon{flex:0 0 46px;width:46px;height:46px;border-radius:50%;background:var(--sll-ok);display:flex;align-items:center;justify-content:center}
.sll-ok .sll-ok-hero h1{font-size:26px;margin:0 0 4px}
.sll-ok .sll-ok-hero p{margin:0;color:#14532d;font-size:15px}
.sll-ok .sll-ok-hero .sll-ok-hero__meta{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:10px;font-size:14px;color:#166534}
.sll-ok .sll-ok-hero .sll-ok-hero__meta b{color:var(--sll-ink)}
.sll-ok .sll-ok-hero .sll-actions{margin-top:12px}
.sll-ok .sll-ok-layout{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:28px;align-items:start}
.sll-ok .sll-ok-items .sll-item{display:grid;grid-template-columns:64px 1fr auto;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--sll-line-2)}
.sll-ok .sll-ok-items .sll-item:last-child{border-bottom:0}
.sll-ok .sll-ok-items .sll-item img{width:64px;height:64px;object-fit:contain;border:1px solid var(--sll-line);border-radius:var(--sll-radius-s);background:#fff}
.sll-ok .sll-ok-items .sll-item__name{font-weight:600;color:var(--sll-ink);font-size:14px;line-height:1.4}
.sll-ok .sll-ok-items .sll-item__qty{font-size:13px;color:var(--sll-muted);margin-top:3px}
.sll-ok .sll-ok-items ul#orderAttribsList{margin:4px 0 0;padding:0;list-style:none;font-size:12px;color:var(--sll-muted);line-height:1.5}
.sll-ok .sll-ok-items .sll-item__total{font-weight:700;color:var(--sll-ink);white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}
.sll-ok .sll-ok-items .sll-item__total small{display:block;font-weight:400;color:var(--sll-muted)}
.sll-ok #orderTotals{display:flex;flex-direction:column;gap:6px;margin-top:14px;padding-top:14px;border-top:1px solid var(--sll-line)}
.sll-ok #orderTotals>div{display:flex;justify-content:space-between;gap:12px;float:none !important;width:auto !important;font-size:14px}
.sll-ok #orderTotals .lineTitle{color:var(--sll-muted);float:none !important;width:auto !important;text-align:left;order:1}
.sll-ok #orderTotals .amount{color:var(--sll-ink);font-weight:600;float:none !important;width:auto !important;font-variant-numeric:tabular-nums;order:2}
.sll-ok #orderTotals .sll-tot{display:flex;justify-content:space-between;gap:12px;font-size:14px}
.sll-ok #orderTotals .sll-tot:last-child{font-size:17px;font-weight:700;color:var(--sll-ink);border-top:1px solid var(--sll-line);padding-top:10px;margin-top:6px}
.sll-ok #orderTotals br{display:none}
.sll-ok .sll-ok-define{margin-top:24px;font-size:14px;line-height:1.7;padding:0;border:0;background:none}   /* 2026-09-07 业主: 三块提示通栏, 不挤在左栏 */
.sll-ok .sll-ok-define h2,.sll-ok .sll-ok-define h3{font-family:var(--sll-font-head);font-size:17px;color:var(--sll-ink);border:0;padding:0;margin:14px 0 6px}
.sll-ok #csNotifications{margin-top:20px}
.sll-ok #csNotifications legend{float:left;width:100%;font-family:var(--sll-font-head);font-size:16px;font-weight:700;color:var(--sll-ink);margin-bottom:10px}
.sll-ok #csNotifications .sll-check{margin:6px 0;clear:both}
.sll-ok #csNotifications .sll-actions{margin-top:12px}
.sll-ok .sll-ok-links{display:flex;flex-direction:column;gap:8px;font-size:14px;margin-top:16px}
.sll-ok #checkoutSuccessLogoff{font-size:14px;color:var(--sll-muted)}
.sll-ok #checkoutSuccessLogoff .sll-actions{margin-top:10px}
.sll-ok .sll-ok-kv{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:14px}
.sll-ok .sll-ok-kv dt{color:var(--sll-muted);margin:0}
.sll-ok .sll-ok-kv dd{color:var(--sll-ink);margin:0;font-weight:500}
.sll-ok .sll-ok-links-bar{margin-top:18px;display:flex;flex-wrap:wrap;gap:8px 40px;font-size:14px;color:var(--sll-text);padding:16px 22px}
.sll-ok .sll-ok-links-bar>div{margin:0}
.sll-ok #checkoutSuccessThanks{font-family:var(--sll-font-head);font-size:18px;color:var(--sll-ink);text-align:center;margin:30px 0 0}

/* ============================================================================
   运费测算弹窗
   ========================================================================== */
body#popupShippingEstimator{margin:0;background:#fff}
.sll-se{padding:18px 22px 24px;max-width:960px;margin:0 auto}
.sll-se .sll-pg-head{padding-top:0;margin-bottom:14px}
.sll-se .sll-se-close{display:inline-flex;align-items:center;gap:6px;font-size:14px}
.sll-se .cartTotalsDisplay{display:flex;flex-wrap:wrap;gap:6px 22px;font-size:14px;color:var(--sll-muted);margin:0 0 14px;padding:10px 14px;background:var(--sll-wash);border-radius:var(--sll-radius-s);float:none !important;font-weight:400 !important}
.sll-se .sll-se-form{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:12px;align-items:end;margin-bottom:16px}
.sll-se .sll-se-form .cssButton,.sll-se .sll-se-form .cssButtonHover{height:44px}
.sll-se .se-table{width:100%;border-collapse:collapse;font-size:14px}
.sll-se .se-table thead th{background:var(--sll-wash);color:var(--sll-muted);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;text-align:left;padding:10px 12px;border-bottom:1px solid var(--sll-line)}
.sll-se .se-table thead th:last-child{text-align:right}
.sll-se .se-table tbody td{padding:12px;border-bottom:1px solid var(--sll-line-2);color:var(--sll-text);vertical-align:middle}
.sll-se .se-table tbody td:last-child{text-align:right;font-weight:700;color:var(--sll-ink);white-space:nowrap;font-variant-numeric:tabular-nums}
.sll-se .se-table tbody tr:hover{background:#fafbfd}
.sll-se .se-table tbody tr.se-selected{background:var(--sll-brand-tint)}
.sll-se .se-table tbody tr.se-selected td:first-child::before{content:"✓ ";color:var(--sll-brand)}
.sll-se .se-table td.se-error{color:var(--sll-danger);font-style:normal}
.sll-se .se-address-bar{background:var(--sll-brand-tint) !important;color:#1a365d;font-size:13px;padding:10px 12px !important;text-transform:none !important;letter-spacing:0 !important;font-weight:400 !important}
.sll-se .se-address-bar .seDisplayedAddressInfo{font-weight:700}
.sll-se #seShipTo{font-weight:700;color:var(--sll-ink);font-size:14px}
.sll-se .sll-se-foot{margin-top:18px;text-align:center}

/* ============================================================================
   账户中心
   ========================================================================== */
.sll-acct-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:28px;align-items:start}
.sll-pg nav.sll-acct-nav{position:sticky;top:16px;display:flex;flex-direction:column;gap:2px;padding:8px !important;border:1px solid var(--sll-line);border-radius:var(--sll-radius);background:#fff !important;height:auto !important;line-height:1.45 !important;min-width:0}   /* [override] stylesheet.css 全局 nav{height:53px;line-height:53px;background:url(navli_bg.jpg)} —— 2026-09-07 业主截图「Signed in as 框只有一半高、菜单间距巨大」就是它 */
.sll-acct-nav a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--sll-radius-s);font-size:14px;color:var(--sll-text);font-weight:500;line-height:1.35}
.sll-acct-nav a:hover{background:var(--sll-wash);color:var(--sll-ink);text-decoration:none}
.sll-acct-nav a.is-here{background:var(--sll-brand-tint);color:var(--sll-brand-deep);font-weight:600}
.sll-acct-nav .sll-acct-nav__sep{height:1px;background:var(--sll-line);margin:6px 4px}
.sll-acct-nav .sll-acct-nav__who{display:block;padding:12px 12px 14px;margin:0 0 4px;font-size:12px;color:var(--sll-muted);line-height:1.4;letter-spacing:.04em;text-transform:uppercase;background:var(--sll-wash);border-radius:var(--sll-radius-s)}
.sll-acct-nav .sll-acct-nav__who b{display:block;margin-top:4px;color:var(--sll-ink);font-size:15px;font-weight:700;letter-spacing:0;text-transform:none;line-height:1.35;white-space:normal;overflow-wrap:anywhere;word-break:break-word}   /* 中东客户三四个单词的名字: 允许换行, 绝不截断 */
.sll-acct-nav a.sll-acct-nav__off{color:var(--sll-muted)}
.sll-acct-nav svg{width:16px;height:16px;flex:0 0 16px;color:var(--sll-muted)}
.sll-acct-nav a.is-here svg{color:var(--sll-brand)}
.sll-acct-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-bottom:24px}
.sll-acct-tiles a{display:flex;flex-direction:column;gap:6px;padding:18px;border:1px solid var(--sll-line);border-radius:var(--sll-radius);background:#fff;color:var(--sll-text);transition:border-color .15s,box-shadow .15s}
.sll-acct-tiles a:hover{border-color:#b9cbe3;box-shadow:0 6px 16px rgba(13,27,42,.06);text-decoration:none}
.sll-acct-tiles a b{font-size:15px;color:var(--sll-ink);font-family:var(--sll-font-head)}
.sll-acct-tiles a span{font-size:13px;color:var(--sll-muted);line-height:1.45}
.sll-pg #prevOrders caption{display:none}
.sll-orders .sll-order-row td{vertical-align:middle}
.sll-orders .sll-order-no{font-family:var(--sll-font-mono);font-weight:600;color:var(--sll-ink);white-space:nowrap}
.sll-orders .sll-order-no a{color:inherit}
.sll-orders td address{font-size:13px;color:var(--sll-text)}
.sll-orders .sll-order-total{font-weight:700;color:var(--sll-ink);white-space:nowrap;text-align:right}
.sll-orders .sll-order-acts{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
.sll-orders .sll-order-acts .cssButton,.sll-orders .sll-order-acts .cssButtonHover,.sll-orders .sll-order-acts .sll-btn,.sll-order-card .sll-order-acts .cssButton,.sll-order-card .sll-order-acts .cssButtonHover,.sll-order-card .sll-order-acts .sll-btn{height:36px;min-width:96px;width:96px !important;padding:0 10px !important;font-size:14px;transition:background .15s,border-color .15s,box-shadow .15s,transform .15s}   /* 2026-09-07 业主: View / Invoice 两个按钮要一样大 */
/* [2026-09-11 业主] View 鼠标移上去会放大、把前面几列挤窄。根因: ZenCart 老 CSS 按钮悬停时把类名换成 cssButtonHover，
   上面这条尺寸规则原来只写了 .cssButton，悬停时不再命中，回落到通用按钮的 120x44 / 15px（实测 96x36 → 120x44，金额列左移 18px）。
   现在尺寸规则同时认 cssButtonHover；悬停只给轻微上浮 + 阴影（transform 不改布局，不会再挤别的列）。
   通用按钮写了 box-shadow:none !important，所以这里的阴影也必须 !important。 */
.sll-orders .sll-order-acts .cssButtonHover,.sll-orders .sll-order-acts .sll-btn:hover,.sll-order-card .sll-order-acts .cssButtonHover,.sll-order-card .sll-order-acts .sll-btn:hover{transform:translateY(-1px);box-shadow:0 3px 8px rgba(27,95,168,.22) !important}
.sll-order-cards{display:flex;flex-direction:column;gap:14px}
.sll-order-card{border:1px solid var(--sll-line);border-radius:var(--sll-radius);padding:16px 20px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 24px;align-items:center}
.sll-order-card__h{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;grid-column:1 / -1}
.sll-order-card__h .sll-order-no{font-size:16px}
.sll-order-card__meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:6px 20px;font-size:14px}
.sll-order-card__meta dt{color:var(--sll-muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em;margin:0}
.sll-order-card__meta dd{margin:0;color:var(--sll-ink)}
.sll-order-card .sll-order-acts{align-self:end}
.sll-pg .navSplitPagesLinks,.sll-pg .navSplitPagesResult{float:none !important;font-size:14px;color:var(--sll-muted);margin:16px 0 0;text-align:left}
.sll-pg .navSplitPagesLinks a,.sll-pg .navSplitPagesLinks strong{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 8px;border:1px solid var(--sll-line);border-radius:6px;margin:0 2px;font-size:13px}
.sll-pg .navSplitPagesLinks strong{background:var(--sll-brand);color:#fff;border-color:var(--sll-brand)}
.sll-pg .sll-review-star{display:inline-flex;gap:2px}
.sll-pg .sll-review-star img{height:16px;width:auto}
.sll-pg .rev-star-selector{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.sll-pg .rev-star-selector input[type="radio"]{display:none}
.sll-pg .rev-star-selector .star-img-label{display:inline-flex;padding:6px 10px;border:1px solid var(--sll-line);border-radius:8px;cursor:pointer;background:#fff}
.sll-pg .rev-star-selector input[type="radio"]:checked+.star-img-label{border-color:var(--sll-brand);background:var(--sll-brand-tint)}
.sll-pg .rev-star-selector img{height:18px;width:auto}
.sll-pg .rev-main-wrapper{display:block}
.sll-pg .rev-sidebar-info{flex:none;width:auto;text-align:left;padding:22px 24px;background:var(--sll-wash);border:1px solid transparent}
.sll-pg input[type="file"]{font-size:14px}
.sll-pg #reviewWriteMainImage img,.sll-pg #productReviewsDefaultProductImage img,.sll-pg #reviewsInfoDefaultProductImage img{max-width:100%;height:auto;border-radius:8px;background:#fff}

/* ---------- 响应式 ---------- */
@media (max-width:1100px){
  .sll-cart-layout{grid-template-columns:minmax(0,1fr) 300px}
  .sll-acct-layout{grid-template-columns:210px minmax(0,1fr)}
}
@media (max-width:980px){
  .sll-grid-7-5,.sll-grid-8-4,.sll-co-layout,.sll-cf .sll-cf-layout,.sll-ok .sll-ok-layout{grid-template-columns:1fr}
  .sll-cart-layout{grid-template-columns:1fr}
  .sll-cart-summary{position:static}
  .sll-acct-layout{grid-template-columns:1fr}
  .sll-pg nav.sll-acct-nav{position:static;flex-direction:row;flex-wrap:wrap;gap:4px}
  .sll-acct-nav .sll-acct-nav__sep,.sll-acct-nav .sll-acct-nav__who{display:none}
  .sll-acct-nav a{padding:8px 12px;font-size:13px}
  .sll-reg .sll-reg-sidenote{position:static}
  .sll-steps li{font-size:12px;padding:8px}
  .sll-steps li span{display:none}
  .sll-steps li.is-here span{display:inline}
}
@media (max-width:860px){
  .sll-auth{grid-template-columns:1fr}
  .sll-auth .sll-card--wash{order:2}
}
@media (max-width:760px){
  .sll-pg{padding-left:12px;padding-right:12px}
  :root{--sll-gutter:14px}
  .sll-pg{font-size:14px}
  .sll-pg .sll-h1,.sll-pg h1.sll-h1{font-size:24px}
  .sll-card{padding:16px}
  .sll-form,.sll-co .sll-pay-opt .ccinfo{grid-template-columns:1fr}
  .sll-actions .sll-btn,.sll-actions .cssButton,.sll-actions .cssButtonHover{flex:1 1 auto}   /* ☠ 必须带 Hover：老按钮悬停时 JS 把 cssButton 换成 cssButtonHover，漏了就「宽→窄→鼠标移出→宽」无限闪（09-16 登录页 Sign Up） */
  .sll-se .sll-se-form{grid-template-columns:1fr 1fr}
  .sll-se .sll-se-form .sll-field:last-child,.sll-se .sll-se-form .sll-se-btn{grid-column:1 / -1}
  .sll-order-card{grid-template-columns:1fr}
  /* 购物车表格 -> 卡片 (tr 变 flex 行, td 按 order 排) */
  .sll-pg #cartContentsDisplay,.sll-pg #cartContentsDisplay tbody{display:block !important;width:100% !important}
  .sll-pg #cartContentsDisplay thead,.sll-pg #cartContentsDisplay tr.tableHeading,.sll-pg #cartContentsDisplay tr.cartTableHeading,.sll-pg #cartContentsDisplay colgroup{display:none !important}
  .sll-pg #cartContentsDisplay tr{display:flex !important;flex-wrap:wrap;align-items:center;gap:8px 14px;position:relative;border:1px solid var(--sll-line);border-radius:var(--sll-radius);padding:14px;margin-bottom:12px;background:#fff;height:auto !important}
  .sll-pg #cartContentsDisplay td{display:block !important;width:auto !important;height:auto !important;padding:0 !important;border:0 !important;text-align:left !important;position:static;float:none !important;flex:0 0 auto}
  .sll-pg #cartContentsDisplay td.cartProductDisplay{order:1;flex:1 1 100%;padding-right:44px !important}
  .sll-pg #cartContentsDisplay td.cartModelDisplay{order:2;flex:1 1 100%}
  .sll-pg #cartContentsDisplay td.cartQuantity{order:3}
  .sll-pg #cartContentsDisplay td.cartUnitDisplay{order:4;white-space:nowrap}
  .sll-pg #cartContentsDisplay td.cartTotalDisplay{order:5;margin-left:auto;white-space:nowrap}
  .sll-pg #cartContentsDisplay td.cartSelect{position:absolute !important;top:14px;right:14px}
  .sll-pg #cartContentsDisplay td.cartRemoveItemDisplay{position:absolute !important;top:48px;right:8px}
  .sll-pg #cartContentsDisplay .sll-qty{flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px}
  .sll-pg #cartContentsDisplay td.cartUnitDisplay::before{content:"Unit ";color:var(--sll-muted);font-weight:400}
  .sll-pg #cartContentsDisplay td.cartTotalDisplay::before{content:"Total ";color:var(--sll-muted);font-weight:400;font-size:13px}
  .sll-cart-foot{flex-direction:column;align-items:stretch}
  .sll-pg .cePanel{grid-template-columns:minmax(0,1fr)}
  .sll-pg .ceRowOpt{flex-direction:column;align-items:stretch;gap:4px}
  .sll-pg .ceRowOpt label{flex-basis:auto}
  .sll-cart-bar__r{align-items:stretch;width:100%;min-width:0}
  .sll-cart-bar .sll-btn--block{width:100% !important;min-width:0}
  .sll-cart-bar .sll-sum-row--total{justify-content:space-between}
  .sll-cart-foot .sll-btn,.sll-cart-foot .cssButton,.sll-cart-foot .cssButtonHover,.sll-cart-foot input[type="submit"].cssButton,.sll-cart-foot input[type="submit"].cssButtonHover{width:100% !important}   /* input 版本特异度要追平通用 .sll-pg input[type=submit].cssButton{width:auto!important} */
  /* 结帐页购物车摘要 -> 卡片 */
  .sll-co #checkoutOneShoppingCart #cartContentsDisplay tr{display:flex !important;flex-wrap:wrap;gap:8px 14px;align-items:center;border:1px solid var(--sll-line);border-radius:var(--sll-radius-s);padding:12px;margin-bottom:10px}
  .sll-co #checkoutOneShoppingCart #cartContentsDisplay td{display:block !important;padding:0 !important;border:0 !important;width:auto !important;flex:0 0 auto}
  .sll-co #checkoutOneShoppingCart #cartContentsDisplay td.cartProductDisplay{order:1;flex:1 1 100%}
  .sll-co #checkoutOneShoppingCart #cartContentsDisplay td.cartModelDisplay{order:2;flex:1 1 100%}
  .sll-co #checkoutOneShoppingCart #cartContentsDisplay td.cartQuantity{order:3;width:auto !important;text-align:left !important}
  .sll-co #checkoutOneShoppingCart #cartContentsDisplay td.cartTotalDisplay{order:5;margin-left:auto;text-align:right !important}
  .sll-co #checkoutOneShoppingCart #cartContentsDisplay tr#cartOrderTotals{border:0;padding:0;background:var(--sll-wash);border-radius:var(--sll-radius-s);display:block !important}
  .sll-co #checkoutOneShoppingCart #cartContentsDisplay tr#cartOrderTotals td{display:block !important;width:100% !important}
  .sll-co #checkoutOneShoppingCart #cartContentsDisplay td.cartTotalDisplay::before{content:"Total ";color:var(--sll-muted);font-weight:400}
  .sll-co #cartOrderTotals td{padding:12px !important}
  .sll-co #orderTotalDivs>div{max-width:none}
  .sll-co-submit{flex-direction:column;align-items:stretch}
  .sll-co-submit .sll-co-submit__btns{flex-direction:column-reverse}
  /* ☠ 必须带 #confirm-order：通用按钮规则里有 .sll-pg input[type="submit"].cssButton{width:auto!important}，特异度 (0,3,1) 高于下面 (0,3,0)，
     平时被它压窄、悬停换成 cssButtonHover 后它不再命中又变宽 -> 随鼠标宽窄来回闪（09-16 业主反馈，和登录页 Sign Up 同一类）。用 ID 一次压死。 */
  .sll-co-submit .sll-co-submit__btns .sll-btn,.sll-co-submit .sll-co-submit__btns .cssButton,.sll-co-submit .sll-co-submit__btns .cssButtonHover,.sll-co-submit #ceBackToCart,.sll-co-submit #confirm-order{width:100% !important;display:flex}
  .sll-co .sll-ship-opt{grid-template-columns:auto 1fr;}
  .sll-co .sll-ship-opt .methedValue{grid-column:2}
  .sll-ok .sll-ok-hero{flex-direction:column}
  .sll-ok .sll-ok-items .sll-item{grid-template-columns:56px 1fr;}
  .sll-ok .sll-ok-items .sll-item__total{grid-column:2;text-align:left}
  .sll-pg-head--row{flex-direction:column;align-items:flex-start}
}
@media (max-width:640px){
  .sll-pg .sll-rev-row{grid-template-columns:1fr !important}
}
@media (max-width:480px){
  .sll-acct-tiles{grid-template-columns:1fr}
  .sll-se .sll-se-form{grid-template-columns:1fr}
  .sll-orders .sll-order-acts{flex-direction:column}
}
@media (prefers-reduced-motion:reduce){.sll-pg *{transition:none !important}}
@media print{.sll-acct-nav,.sll-actions,.sll-steps{display:none !important}}

/* ---------- 注册页州/省联动 (create_account/jscript_addr_pulldowns 用 className 切换) ---------- */
.sll-pg .hiddenField,.sll-pg #stateLabel.hiddenField,.sll-pg #stText.hiddenField,.sll-pg #state.hiddenField{display:none !important}
.sll-pg #state.visibleField,.sll-pg #stateLabel.visibleField{display:block !important}
.sll-pg #stText.visibleField{display:inline !important}
.sll-pg .sll-field--state{gap:8px}
.sll-pg .sll-field--state #stateLabel{margin-top:4px !important}
.sll-pg .sll-latin-hint{margin:2px 0 0 !important;padding:8px 12px !important;font-size:12px !important;color:var(--sll-muted) !important;background:var(--sll-wash) !important;border-left:3px solid #b9cbe3 !important;border-radius:6px !important;grid-column:1 / -1;clear:none !important}
.sll-pg #sllTaxIdRow{grid-column:1 / -1;display:flex;flex-direction:column;gap:6px}
.sll-pg #sllTaxIdRow label{display:block;font-size:13px;font-weight:600;color:var(--sll-ink)}
.sll-pg #sllTaxIdRow #sllTaxIdHint{margin:0 !important;padding:8px 12px !important;font-size:12px !important;color:var(--sll-muted) !important;background:var(--sll-wash) !important;border-left:3px solid #b9cbe3 !important;border-radius:6px !important}
.sll-pg #sllTaxIdRow input#tax-id{max-width:420px}

/* ============================================================================
   2026-09-07 第四批：特价页(.sll-sp) / 全部产品页(.sll-pa) / 站点地图(.sll-sm) + 通用分页/芯片/pill
   （设计稿 /design_preview/pages/ 的 preview.css 并入；搜索页与联系我们那段等那两页上线时再并）
   ========================================================================== */
.sll-pg .sll-pill--brand{background:var(--sll-brand-tint);color:var(--sll-brand)}
.sll-pg .sll-pill--ok{background:var(--sll-ok-tint);color:#166534}
.sll-pg .sll-pill--warn{background:var(--sll-amber-tint);color:var(--sll-amber-deep)}

/* ---------- 分页(通用) ---------- */
.sll-pager{display:inline-flex;gap:4px;align-items:center;font-size:13.5px;font-variant-numeric:tabular-nums}
.sll-pager a,.sll-pager span{min-width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--sll-line);border-radius:6px;padding:0 9px;background:#fff;color:var(--sll-ink);text-decoration:none}
.sll-pager a:hover{border-color:var(--sll-brand);color:var(--sll-brand);text-decoration:none}
.sll-pager .cur{background:var(--sll-brand);color:#fff;border-color:var(--sll-brand);font-weight:700}
.sll-pager .gap{border:0;background:none;min-width:20px;color:var(--sll-muted)}
.sll-pg .sll-listbar .navSplitPagesLinks{display:flex;align-items:center}
.sll-pg .sll-listbar .navSplitPagesLinks a,.sll-pg .sll-listbar .navSplitPagesLinks strong.current{min-width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--sll-line);border-radius:6px;padding:0 8px;background:#fff;margin:0 2px;color:var(--sll-ink);font-weight:500}
.sll-pg .sll-listbar .navSplitPagesLinks strong.current{background:var(--sll-brand);border-color:var(--sll-brand);color:#fff}
.sll-pg .sll-listbar .navSplitPagesLinks a:hover{border-color:var(--sll-brand);color:var(--sll-brand);text-decoration:none}

/* ---------- 芯片 ---------- */
.sll-chips{display:flex;flex-wrap:wrap;gap:8px}
.sll-chips--center{justify-content:center;margin:14px 0}
.sll-pg a.sll-chip{display:inline-flex;align-items:center;height:32px;padding:0 13px;border:1px solid var(--sll-line);border-radius:999px;font-size:13.5px;color:var(--sll-ink);background:#fff;text-decoration:none;white-space:nowrap}
.sll-pg a.sll-chip:hover{border-color:var(--sll-brand);color:var(--sll-brand);background:var(--sll-brand-tint)}
.sll-pg a.sll-chip--more{border-style:dashed;color:var(--sll-brand)}

/* ---------- 特价页 ---------- */
.sll-sp .plg-price-section .normalprice{text-decoration:line-through;color:var(--sll-muted);font-weight:400;margin-right:6px;font-size:13px}
.sll-sp .plg-price-section .productSpecialPrice{color:var(--sll-price);font-weight:700}

/* ---------- 全部产品页 ---------- */
.sll-pa .sll-pa-tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;padding:10px 14px;background:var(--sll-wash);border:1px solid var(--sll-line);border-radius:var(--sll-radius-s);margin:0 0 14px;font-size:13.5px;color:var(--sll-text)}
.sll-pa .sll-pa-tools label{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.sll-pg.sll-pa .sll-pa-tools select{display:inline-block;width:auto !important;height:34px;line-height:32px !important;padding:0 32px 0 10px !important;font-size:13.5px;border-radius:6px}
.sll-pg.sll-pa .sll-pa-tools select.sll-pa-jump{max-width:260px}
.sll-pa .sll-pa-count{margin-left:auto;color:var(--sll-muted);white-space:nowrap}
.sll-pa .sll-pa-count strong{color:var(--sll-ink)}
.sll-pa .sll-tablewrap{overflow-x:auto;border:1px solid var(--sll-line);border-radius:var(--sll-radius);background:#fff}
.sll-pa .sll-pa-table th{position:sticky;top:0;z-index:1}
.sll-pa .sll-pa-table td{padding:9px 12px}
.sll-pa .sll-pa-table td.sll-pa-img{width:68px;padding-right:0}
.sll-pa .sll-pa-thumb{width:54px;height:54px;object-fit:contain;border:1px solid var(--sll-line-2);border-radius:6px;background:#fff;display:block}
.sll-pa .sll-pa-name a{font-weight:600;color:var(--sll-ink)}
.sll-pa .sll-pa-name a:hover{color:var(--sll-brand)}
.sll-pa .sll-pa-model{font-family:var(--sll-font-mono);font-size:12px;color:var(--sll-muted);margin-top:2px}
.sll-pa .sll-pa-cat{font-size:13.5px;max-width:260px}
.sll-pa .sll-pa-cat a{color:var(--sll-text)}
.sll-pa .sll-pa-cat a:hover{color:var(--sll-brand)}
.sll-pa td.sll-pa-price{text-align:right;font-weight:700;color:var(--sll-price);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:15px}
.sll-pa .sll-pa-stock{white-space:nowrap}
.sll-pa .sll-pa-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;font-size:13.5px;color:var(--sll-muted)}

/* ---------- 站点地图 ---------- */
.sll-sm .sll-sm-cols{column-count:3;column-gap:24px;margin-top:6px}
.sll-sm .sll-sm-block{break-inside:avoid;-webkit-column-break-inside:avoid;padding:14px 16px 10px;border:1px solid var(--sll-line);border-radius:10px;margin:0 0 18px;background:#fff;display:inline-block;width:100%}
.sll-sm .sll-sm-block>h2{font-size:15px;margin:0 0 8px;display:flex;align-items:baseline;gap:8px}
.sll-sm .sll-sm-block>h2 a{color:var(--sll-ink)}
.sll-sm .sll-sm-block ul{list-style:none;margin:0;padding:0;font-size:13.5px;line-height:1.5}
.sll-sm .sll-sm-block li{padding:3px 0}
.sll-sm .sll-sm-block ul ul{padding-left:12px;border-left:2px solid var(--sll-line-2);margin:2px 0 4px 4px;font-size:13px}
.sll-sm .sll-sm-block ul ul li{padding:2px 0}
.sll-sm .sll-sm-block ul ul a{color:var(--sll-text)}
.sll-sm .sll-sm-block a:hover{color:var(--sll-brand)}
.sll-sm .n{color:var(--sll-muted);font-size:11.5px;margin-left:5px;font-variant-numeric:tabular-nums;font-weight:400}
.sll-sm .sll-sm-links{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:10px}
.sll-sm .sll-sm-links__ul{list-style:none;margin:0;padding:0;font-size:14px;display:flex;flex-direction:column;gap:7px}

.sll-pa td.sll-pa-price .normalprice{display:block;font-size:12px;color:var(--sll-muted);text-decoration:line-through;font-weight:400}
.sll-pa td.sll-pa-price .productSpecialPrice,.sll-pa td.sll-pa-price .productBasePrice,.sll-pa td.sll-pa-price .productSalePrice{color:var(--sll-price);font-weight:700}
.sll-pa td.sll-pa-price .productPriceDiscount{display:block;font-size:11px;color:var(--sll-brand);font-weight:600}
.sll-pa td.sll-pa-price .productPriceDiscount br{display:none}
.sll-pa .sll-pa-tools .navSplitPagesLinks,.sll-pa .sll-pa-foot .navSplitPagesLinks{display:flex;align-items:center;flex-wrap:wrap;gap:4px}
.sll-pa .navSplitPagesLinks a,.sll-pa .navSplitPagesLinks strong.current{min-width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--sll-line);border-radius:6px;padding:0 8px;background:#fff;color:var(--sll-ink);font-weight:500;text-decoration:none}
.sll-pa .navSplitPagesLinks strong.current{background:var(--sll-brand);border-color:var(--sll-brand);color:#fff}
.sll-pa .navSplitPagesLinks a:hover{border-color:var(--sll-brand);color:var(--sll-brand)}
.sll-pg.sll-pa .sll-pa-tools{margin-bottom:14px}
.sll-sp .sll-listbar .navSplitPagesResult{font-size:13.5px;color:var(--sll-text)}
.sll-pg .sll-pill{display:inline-block;padding:3px 9px;border-radius:999px;background:var(--sll-wash);color:var(--sll-muted);font-size:12px;font-weight:600;line-height:1.4;white-space:nowrap}
@media (max-width:980px){
  .sll-sm .sll-sm-cols{column-count:2}
  .sll-pa .sll-pa-tools{gap:10px 14px}
}
@media (max-width:640px){
  .sll-sm .sll-sm-cols{column-count:1}
  .sll-pa .sll-pa-count{margin-left:0}
}

/* ============================================================================
   2026-09-07 第五批：搜索页(.sll-search) / 搜索结果页(.sll-sr) / 联系我们(.sll-cu)（preview.css 并入）
   ========================================================================== */
/* ---------- 搜索页 ---------- */
.sll-search .sll-search-form{margin-top:4px}
.sll-search .sll-search-bar{display:flex;gap:10px;align-items:stretch}
.sll-pg.sll-search .sll-search-bar input[type="text"]{flex:1;height:54px;font-size:17px;padding:0 18px !important;border:1.5px solid #cfd6df !important;border-radius:10px;line-height:52px !important}
.sll-pg.sll-search .sll-search-bar select{width:260px !important;height:54px;border-radius:10px;font-size:15px;line-height:52px !important;flex:0 0 260px}
.sll-pg.sll-search .sll-search-bar .sll-btn{height:54px;padding:0 30px !important;font-size:16px;border-radius:10px;flex:0 0 auto}
/* [2026-09-11 业主] 搜索表单页也换成可折叠分类选择器 .sll-catpick(默认按结果页 200px/44px 写的), 这里按本页 54px 大搜索条放大 */
.sll-search .sll-search-bar .sll-catpick{flex:0 0 260px;width:260px}
.sll-pg.sll-search .sll-search-bar .sll-catpick select{width:100% !important;flex:none}
.sll-search .sll-search-bar .sll-catpick__btn{height:54px;border-radius:10px;font-size:15px;padding:0 14px}
.sll-search .sll-search-bar .sll-catpick__panel{width:360px}
.sll-search .sll-search-bar .sll-catpick__list{max-height:420px}
.sll-search .sll-search-opts{display:flex;flex-wrap:wrap;gap:8px 26px;margin-top:12px}
.sll-search .sll-search-opts .sll-check{align-items:center}
.sll-search details.sll-adv{margin-top:18px;border:1px solid var(--sll-line);border-radius:var(--sll-radius);background:#fff}
.sll-search details.sll-adv summary{padding:12px 18px;cursor:pointer;font-weight:600;color:var(--sll-ink);list-style:none;display:flex;align-items:center;gap:10px}
.sll-search details.sll-adv summary::-webkit-details-marker{display:none}
.sll-search details.sll-adv summary::before{content:"";width:8px;height:8px;border-right:2px solid var(--sll-brand);border-bottom:2px solid var(--sll-brand);transform:rotate(-45deg);transition:transform .15s;margin-left:2px}
.sll-search details.sll-adv[open] summary::before{transform:rotate(45deg)}
.sll-search details.sll-adv .sll-adv__hint{font-weight:400;color:var(--sll-muted);font-size:13px}
.sll-search details.sll-adv .sll-form{grid-template-columns:repeat(3,1fr);padding:4px 18px 20px}
.sll-search .sll-range{display:flex;align-items:center;gap:8px}
.sll-search .sll-range span{color:var(--sll-muted)}
.sll-search .sll-search-help{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:28px;margin-top:30px;align-items:start}
.sll-search .sll-tips{margin:0;padding-left:18px;font-size:14px;line-height:1.55;display:flex;flex-direction:column;gap:8px}
.sll-search .sll-tips b{color:var(--sll-ink)}

/* ---------- 搜索结果页 ---------- */
.sll-sr .sll-sr-q{color:var(--sll-brand)}
.sll-sr .sll-pg-head--row>div:last-child{flex:0 1 560px;min-width:320px}
.sll-sr .sll-sr-refine{display:flex;gap:8px;align-items:stretch}
.sll-pg.sll-sr .sll-sr-refine input[type="text"]{flex:1;height:44px}
.sll-pg.sll-sr .sll-sr-refine select{width:200px !important;flex:0 0 200px;height:44px}
.sll-pg.sll-sr .sll-sr-refine .sll-btn{min-width:0;padding:0 18px !important}
.sll-sr .sll-sr-list{margin-top:6px}
/* [2026-09-11 业主] 搜索结果一行 5 个（原 4 个太占空间；模糊搜索动辄几百条结果）。
   只作用于搜索结果页 .sll-sr —— 共用的 product_grid_view.css 那条 .plg-grid{repeat(4,1fr)} 分类页/特价页也在用，不动它。
   每页 20 条 = 4 行整。窄窗口回落 4 / 3 / 2（900、650 两档与 product_grid_view.css 对齐；间距仍由它给）。
   用 minmax(0,1fr)：长标题不会把某一列撑宽。 */
.sll-sr .sll-sr-list .plg-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:1180px){.sll-sr .sll-sr-list .plg-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:900px){.sll-sr .sll-sr-list .plg-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:650px){.sll-sr .sll-sr-list .plg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* ---- 分类选择器 .sll-catpick（2026-09-10 业主：只显示一级分类，其它折叠）------------------
   .sll-catpick__native 是无 JS 兜底（只含一级分类）；JS 就绪后容器加 .is-ready 才换成按钮+面板。 */
.sll-catpick{position:relative;flex:0 0 200px;width:200px}
.sll-catpick__btn,.sll-catpick__panel{display:none}
.sll-catpick.is-ready .sll-catpick__native{display:none}
.sll-catpick.is-ready .sll-catpick__btn{display:flex}
.sll-catpick.is-ready .sll-catpick__panel:not([hidden]){display:block}
.sll-catpick__btn{width:100%;height:44px;align-items:center;justify-content:space-between;gap:8px;padding:0 12px;border:1px solid var(--sll-line);border-radius:var(--sll-radius-s);background:#fff;font:inherit;font-size:14px;color:var(--sll-ink);cursor:pointer;text-align:left}
.sll-catpick__btn:hover{border-color:#b9cbe3}
.sll-catpick.is-open .sll-catpick__btn{border-color:var(--sll-brand);box-shadow:0 0 0 3px rgba(27,95,168,.12)}
.sll-catpick__lbl{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sll-catpick__caret{flex:0 0 auto;color:var(--sll-muted)}
.sll-catpick.is-open .sll-catpick__caret{transform:rotate(180deg)}
.sll-catpick__panel{position:absolute;z-index:60;top:calc(100% + 6px);right:0;width:340px;max-width:92vw;/* [2026-09-10] 右对齐: 选择器只有 200px 宽, 面板 340px 若从 left:0 展开会顶出容器右边 -> 整页出现横向滚动条 */background:#fff;border:1px solid var(--sll-line);border-radius:var(--sll-radius-s);box-shadow:0 12px 32px rgba(13,27,42,.16);overflow:hidden}
.sll-catpick__search{padding:8px;border-bottom:1px solid var(--sll-line-2)}
.sll-catpick__q{width:100%;height:34px;padding:0 10px;border:1px solid var(--sll-line);border-radius:6px;font:inherit;font-size:13px}
.sll-catpick__q:focus{outline:none;border-color:var(--sll-brand)}
.sll-catpick__list{list-style:none;margin:0;padding:6px 0;max-height:340px;overflow-y:auto}
.sll-catpick__row{display:flex;align-items:center;gap:6px;padding:5px 10px 5px 0;font-size:13.5px;line-height:1.35;color:var(--sll-text)}
.sll-catpick__row:hover{background:var(--sll-wash)}
.sll-catpick__row.is-sel{background:var(--sll-brand-tint)}
.sll-catpick__row.is-sel>.sll-catpick__name{color:var(--sll-brand);font-weight:600}
.sll-catpick__tw{flex:0 0 18px;width:18px;text-align:center;color:var(--sll-muted);cursor:pointer;font-size:11px;user-select:none;-webkit-user-select:none}
.sll-catpick__tw:hover{color:var(--sll-brand)}
.sll-catpick__tw.is-leaf{cursor:default}
.sll-catpick__name{flex:1;min-width:0;cursor:pointer;overflow:hidden;text-overflow:ellipsis}
.sll-catpick__n{flex:0 0 auto;font-size:11px;color:var(--sll-muted);font-variant-numeric:tabular-nums}
.sll-catpick__row.is-flat{padding-left:10px;align-items:flex-start}
.sll-catpick__path{display:block;font-style:normal;font-size:11px;color:var(--sll-muted);margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sll-catpick__none{padding:14px 12px;font-size:13px;color:var(--sll-muted);text-align:center}
@media (max-width:640px){.sll-catpick,.sll-catpick__panel{width:100%;flex-basis:100%}.sll-catpick__panel{right:auto;left:0}}

.sll-sr .sll-sr-list h1,.sll-sr .sll-sr-list .buttonRow{display:none}   /* 线上模块自带的 h1 与老返回按钮 */
.sll-sr .sll-sr-foot{margin-top:22px;padding:14px 18px;background:var(--sll-wash);border-radius:var(--sll-radius-s);font-size:14px;color:var(--sll-muted)}
.sll-sr .sll-sr-empty{padding:44px 24px 36px}
.sll-sr .sll-sr-empty p{max-width:60ch;margin:6px auto 12px}
.sll-sr .sll-sr-empty__cta{display:flex;gap:10px;justify-content:center;margin:18px 0 10px}

/* ---------- 联系我们（沿用 tpl_contact_us 的类名，只换皮） ---------- */
/* 页头：与知识地图页同款（深蓝渐变 + 胶囊 kicker + 居中白 H1 + 玻璃统计卡 + 章节芯片） */
.sll-cu .sll-cu-hero{background:linear-gradient(135deg,#0d1b2a 0%,#164e8a 55%,#1b5fa8 100%);border-radius:16px;padding:30px 28px 26px;margin:8px 0 26px;text-align:center;color:#c6daf0}   /* 2026-09-07 业主: 边距再小点 */
.sll-cu .sll-cu-hero__kicker{display:inline-block;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.22);color:#dce8f7;font-size:12px;font-weight:600;letter-spacing:.10em;text-transform:uppercase;padding:6px 16px;border-radius:100px;margin-bottom:14px}
.sll-cu .sll-cu-hero__h1{font-family:var(--sll-font-head);font-size:38px;line-height:1.18;font-weight:700;color:#fff;letter-spacing:-.01em;margin:0 auto 12px;max-width:none;border:0;padding:0;text-wrap:balance}   /* 业主: 两行足够, 不要挤成三行 */
.sll-cu .sll-cu-hero__h1 em{font-style:normal;color:#8cc63f}
.sll-cu .sll-cu-hero__lead{font-size:16px;line-height:1.7;color:#c6daf0;max-width:1000px;margin:0 auto 22px}
.sll-cu .sll-cu-hero__lead a{color:#fff;text-decoration:underline;text-decoration-color:rgba(255,255,255,.45);text-underline-offset:3px}
.sll-cu .sll-cu-hero__lead a:hover{color:#fff;text-decoration-color:#fff}
.sll-cu .sll-cu-hero__lead strong{color:#fff}
.sll-cu .sll-cu-hero__stats{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;max-width:1240px;margin:0 auto 18px;text-align:left}
.sll-cu .sll-cu-hero__stats>div{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:13px 15px}
.sll-cu .sll-cu-hero__stats b{display:block;font-family:var(--sll-font-head);font-size:24px;font-weight:700;color:#fff;line-height:1.15;font-variant-numeric:tabular-nums}
.sll-cu .sll-cu-hero__stats span{display:block;font-size:12.5px;color:#a9c6e6;margin-top:6px;line-height:1.45}
.sll-cu .sll-cu-hero__chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.sll-cu .sll-cu-hero__chips a{display:inline-flex;align-items:center;height:34px;padding:0 15px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.22);color:#fff;font-size:13.5px;font-weight:500;text-decoration:none}
.sll-cu .sll-cu-hero__chips a:hover{background:#fff;color:var(--sll-brand);text-decoration:none}
/* 图文两栏：文字 7 / 图 5，隔段左右交替；图来自 /images/applications 与 /images/factory */
.sll-cu .sll-cu-sec__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:36px;align-items:center}
.sll-cu .sll-cu-sec__grid--flip .sll-cu-sec__text{order:2}
.sll-cu .sll-cu-sec__grid--flip .sll-cu-fig{order:1}
.sll-cu .sll-cu-fig{margin:0}
.sll-cu .sll-cu-fig img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--sll-radius);border:1px solid var(--sll-line)}
.sll-cu .sll-cu-fig--wide img{aspect-ratio:auto}   /* 2026-09-07 业主换的铝槽横幅图 1440×529, 不裁 */
.sll-cu .sll-cu-fig--bottom img{object-position:center bottom}   /* 方形产品图铺满 4:3 框, 只裁上面（业主 2026-09-07） */
.sll-cu .sll-cu-intro{border-top:0;padding-top:6px}
.sll-cu .sll-cu-intro p{font-size:16px}
.sll-cu .sll-cu-sec__text .sub{margin-bottom:0}
.sll-cu .sll-cu-sec__grid+.grid3,.sll-cu .sll-cu-sec__grid+.flow{margin-top:26px}
.sll-cu .sll-cu-top{margin-bottom:34px}
.sll-cu .sll-card__h .sll-kicker{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--sll-brand);font-weight:600;margin-bottom:4px}
.sll-cu .sll-card__h h2{margin:0}
.sll-cu .sll-cu-sub{color:var(--sll-muted);font-size:14.5px;margin:0 0 18px}
.sll-cu .fld{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}
.sll-cu .fld label{font-size:13px;font-weight:600;color:var(--sll-ink)}
.sll-cu .fld label .req{color:var(--sll-danger);margin-left:2px}
.sll-cu .row2{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.sll-cu .hint{font-size:13px;color:var(--sll-muted);line-height:1.5}
.sll-cu .drop{border:1.5px dashed #b9cbe3;border-radius:var(--sll-radius-s);padding:18px;text-align:center;background:var(--sll-brand-tint);cursor:pointer;color:var(--sll-ink)}
.sll-cu .drop .t1{font-weight:600;margin-top:6px}
.sll-cu .drop .t2{font-size:12.5px;color:var(--sll-muted);margin-top:2px}
.sll-cu .sll-cu-captcha{border:1px dashed var(--sll-line);color:var(--sll-muted);font-size:13px;padding:14px;border-radius:6px;width:304px;text-align:center;background:#fafafa}
.sll-cu .sll-btn--lg{height:50px;padding:0 30px !important;font-size:16px}
.sll-cu .sll-cu-reach .eyebrow,.sll-cu .sll-cu-people .sll-kicker,.sll-cu .sll-cu-sec .eyebrow,.sll-cu .sll-cu-blog .eyebrow{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--sll-brand);font-weight:600;margin-bottom:8px}
.sll-cu .sll-cu-reach .ct{padding:10px 0;border-bottom:1px solid var(--sll-line-2)}
.sll-cu .sll-cu-reach .ct:last-of-type{border-bottom:0}
.sll-cu .sll-cu-reach .k{font-size:12px;color:var(--sll-muted);letter-spacing:.04em;text-transform:uppercase}
.sll-cu .sll-cu-reach .v{font-size:16px;font-weight:700;color:var(--sll-ink);margin-top:2px;overflow-wrap:anywhere}
.sll-cu .sll-cu-reach .badge{display:inline-block;margin-top:12px;padding:6px 10px;border-radius:6px;background:var(--sll-ok-tint);color:#166534;font-size:12.5px;font-weight:600}
.sll-cu .sll-cu-people .who{display:flex;flex-direction:column;gap:14px;margin-top:6px}
.sll-cu .sll-cu-people .who>div{display:grid;grid-template-columns:44px 1fr;gap:4px 12px;align-items:start}
.sll-cu .sll-cu-people .av{width:44px;height:44px;border-radius:50%;background:var(--sll-brand);color:#fff;font-weight:700;font-size:18px;display:flex;align-items:center;justify-content:center;grid-row:span 4}
.sll-cu .sll-cu-people h3{font-family:var(--sll-font-head);font-size:16px;font-weight:700;margin:0;color:var(--sll-ink)}
.sll-cu .sll-cu-people .role{font-size:12.5px;color:var(--sll-brand);font-weight:600}
.sll-cu .sll-cu-people p{font-size:13.5px;color:var(--sll-text);margin:4px 0 0;line-height:1.5}
.sll-cu .sll-cu-people .tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}
.sll-cu .sll-cu-people .tag{font-size:11.5px;padding:3px 8px;border-radius:999px;background:#fff;border:1px solid #b9cbe3;color:var(--sll-brand)}
.sll-cu .sll-cu-sec{padding:30px 0;border-top:1px solid var(--sll-line)}
.sll-cu .sll-cu-sec h2{font-family:var(--sll-font-head);font-size:24px;font-weight:700;color:var(--sll-ink);margin:0 0 10px;line-height:1.25;text-wrap:balance}
.sll-cu .sll-cu-sec h3{font-family:var(--sll-font-head);font-size:15.5px;font-weight:700;color:var(--sll-ink);margin:0 0 6px}
.sll-cu .sll-cu-sec p{font-size:15px;color:var(--sll-text)}
.sll-cu .sll-cu-sec .sub{color:var(--sll-muted);margin-bottom:18px}
.sll-cu .sll-cu-sec .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 22px;margin-top:16px}
.sll-cu .sll-cu-sec .grid3>div{padding:16px 18px;border:1px solid var(--sll-line);border-radius:var(--sll-radius-s);background:#fff;font-size:14px}
.sll-cu .sll-cu-sec .grid3>div p,.sll-cu .sll-cu-sec .grid3>div .d{font-size:13.5px;margin:0}
.sll-cu .sll-cu-sec .mono{font-family:var(--sll-font-mono);font-size:13px;color:var(--sll-muted);margin-top:14px}
.sll-cu .sll-cu-flow .flow{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:18px}
.sll-cu .sll-cu-flow .s{font-size:12px;letter-spacing:.12em;color:var(--sll-brand);font-weight:700;margin-bottom:6px}
.sll-cu .sll-cu-qa .qa{display:grid;grid-template-columns:1fr 1fr;gap:6px 36px;margin-top:10px}
.sll-cu .sll-cu-qa .qa>div{padding:14px 0;border-bottom:1px solid var(--sll-line-2)}
.sll-cu .sll-cu-qa .qa p{font-size:14.5px}
.sll-cu .sll-cu-blog .blog{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;padding:24px 28px;border-radius:var(--sll-radius);background:var(--sll-brand-tint);border:1px solid #cfe0f5}
.sll-cu .sll-cu-blog .blog p{margin:6px 0 0}
.sll-cu .sll-cu-blog h2{margin:0}

/* 联系我们：上传区（原 .slled-cu 那套规则原样搬过来，JS 可用时隐藏原生 input 显示拖拽区） */
.sll-cu .drop.over{border-color:var(--sll-brand);background:#e3edf9}
.sll-cu input[type=file].slfin{width:100%;padding:12px 14px;border:1px solid var(--sll-line);border-radius:var(--sll-radius-s);font-size:14px;background:#fff}
.sll-cu input[type=file].slfin.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.sll-cu .files{margin-top:11px;display:flex;flex-direction:column;gap:8px}
.sll-cu .fi{display:flex;align-items:center;gap:10px;padding:10px 13px;border:1px solid var(--sll-line);border-radius:8px;font-size:13.5px;background:#fff}
.sll-cu .fi .nm{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sll-cu .fi .sz{font-size:11px;color:var(--sll-muted);font-variant-numeric:tabular-nums}
.sll-cu .fi button{background:none;border:0;cursor:pointer;font-size:18px;line-height:1;color:var(--sll-muted);padding:0 4px}
.sll-cu .fi.bad{border-color:#f3c0c0;background:#fff6f6}
.sll-cu .fi.bad .nm{color:#b42318}
.sll-cu .sll-cu-msg{margin:0 0 16px}
.sll-cu .sll-cu-ok{margin:10px 0 30px}
.sll-cu .okbox{border:1px solid #bbd9f5;background:var(--sll-brand-tint);border-radius:var(--sll-radius-s);padding:16px 18px;margin-top:14px}
.sll-cu .sll-cu-also{font-size:14.5px;line-height:2}
.sll-cu .sll-cu-also .eyebrow{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--sll-muted);font-weight:600;margin-bottom:2px}
.sll-cu .sll-cu-sec .grid3 .n{font-family:var(--sll-font-head);font-size:22px;font-weight:700;color:var(--sll-brand)}
.sll-cu .sll-cu-sec .grid3 .n.mono{font-family:var(--sll-font-mono);font-size:11px;font-weight:600}
.sll-cu .sll-cu-sec .grid3 .h{font-size:15.5px;font-weight:700;color:var(--sll-ink);margin:6px 0 4px}
.sll-cu .sll-cu-sec .grid3 .d{font-size:13.5px;color:var(--sll-text);line-height:1.55}
.sll-cu .sll-cu-flow .flow>div{border-left:3px solid var(--sll-brand);padding:4px 0 4px 18px}
.sll-cu .sll-cu-flow .flow p{font-size:14.5px;margin:0}
.sll-cu .sll-cu-people .who>div{position:relative}
.sll-cu .sll-cu-blog .blog .sll-btn{white-space:nowrap}
.sll-pa .sll-pa-gate{padding:32px 34px;margin-top:6px}
.sll-pa .sll-pa-gate p{max-width:none}
.sll-pa .sll-pa-gate__btns{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 0}
@media (max-width:980px){
  .sll-search .sll-search-bar,.sll-sr .sll-sr-refine{flex-wrap:wrap}
  .sll-pg.sll-search .sll-search-bar select{flex:1 1 200px;width:auto !important}
  .sll-search .sll-search-bar .sll-catpick{flex:1 1 200px;width:auto}
  .sll-search .sll-search-help,.sll-cu .sll-cu-top,.sll-cu .sll-cu-qa .qa,.sll-sm .sll-sm-links{grid-template-columns:1fr}
  .sll-search details.sll-adv .sll-form{grid-template-columns:1fr}
  .sll-cu .sll-cu-hero__stats{grid-template-columns:repeat(3,1fr)}
  .sll-cu .sll-cu-hero{padding:36px 22px 30px}
  .sll-cu .sll-cu-hero__h1{font-size:30px}
  .sll-cu .sll-cu-sec__grid{grid-template-columns:1fr}
  .sll-cu .sll-cu-sec__grid--flip .sll-cu-sec__text{order:1}
  .sll-cu .sll-cu-sec__grid--flip .sll-cu-fig{order:2}
  .sll-cu .sll-cu-sec .grid3,.sll-cu .sll-cu-flow .flow{grid-template-columns:1fr}
  .sll-cu .sll-cu-blog .blog{grid-template-columns:1fr}
}
@media (max-width:640px){
  .sll-cu .sll-cu-hero__stats{grid-template-columns:repeat(2,1fr)}
  .sll-cu .row2{grid-template-columns:1fr}
}

/* ===== 2026-09-08 batch-6: 账户中心补丁 ===== */
/* 4) Sign Out 做成带底色的按钮(业主: 不够明显) */
.sll-acct-nav a.sll-acct-nav__off{margin:4px 4px 2px;justify-content:center;background:#fff2f2;color:#b42318;border:1px solid #f3c7c2;font-weight:600}
.sll-acct-nav a.sll-acct-nav__off:hover{background:#b42318;border-color:#b42318;color:#fff}
.sll-acct-nav a.sll-acct-nav__off svg,.sll-acct-nav a.sll-acct-nav__off:hover svg{color:inherit}
/* 3) 没有订单时的说明卡 */
.sll-acct-welcome__lead{font-size:15px;line-height:1.6;color:var(--sll-text);margin:0 0 18px}
.sll-acct-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:0 0 20px;padding:14px 16px;background:var(--sll-wash);border-radius:var(--sll-radius-s)}
.sll-acct-facts div{display:flex;flex-direction:column;gap:3px;min-width:0}
.sll-acct-facts dt{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--sll-muted);font-weight:700}
.sll-acct-facts dd{margin:0;font-size:15px;color:var(--sll-ink);font-weight:600;overflow-wrap:anywhere}
.sll-acct-next{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.sll-acct-next a{display:flex;flex-direction:column;gap:6px;padding:16px 18px;border:1px solid var(--sll-line);border-radius:var(--sll-radius);background:#fff;color:var(--sll-text);text-decoration:none;transition:border-color .15s,box-shadow .15s}
.sll-acct-next a:hover{border-color:#b9cbe3;box-shadow:0 6px 16px rgba(13,27,42,.06)}
.sll-acct-next a b{font-size:15px;color:var(--sll-ink);font-family:var(--sll-font-head)}
.sll-acct-next a span{font-size:13px;line-height:1.45;color:var(--sll-muted)}
/* 1) 结帐「更改收货地址」页: 与账户中心同一套左导航 + 右内容 */
.sll-ship-addr address.back{display:block;font-style:normal;font-size:15px;line-height:1.6;color:var(--sll-ink);padding:14px 16px;background:var(--sll-wash);border-radius:var(--sll-radius-s);margin:0 0 10px}
.sll-ship-addr .instructions{font-size:13.5px;color:var(--sll-muted);line-height:1.5}
.sll-ship-addr .sll-card__h p{margin:6px 0 0;font-size:13.5px;color:var(--sll-muted)}
.sll-ship-addr fieldset legend{font-size:15px;font-weight:700;color:var(--sll-ink);margin:0 0 10px;padding:8px 12px;background:var(--sll-wash);border-radius:6px;line-height:1.3}   /* 2026-09-08 业主: 只在本页压掉全局 LEGEND 的 #d9d9d9 灰底, 文字与边框拉开; 全局 LEGEND 另有 5 个模板在用, 不动它 */
/* 共用模块 tpl_modules_checkout_address_book.php 的结构是 div.moduleRow(radio + label) + address, 按它来排成可点的地址卡 */
.sll-ship-addr .sll-addr-pick .moduleRow,.sll-ship-addr .sll-addr-pick .moduleRowSelected{display:flex;align-items:center;gap:10px;margin:10px 0 0;padding:10px 14px 4px;border:1px solid var(--sll-line);border-top-left-radius:var(--sll-radius-s);border-top-right-radius:var(--sll-radius-s);border-bottom:0;background:#fff;width:auto !important;float:none !important}
.sll-ship-addr .sll-addr-pick .moduleRowSelected{border-color:#b9cbe3;background:var(--sll-brand-tint)}
.sll-ship-addr .sll-addr-pick .moduleRow .back,.sll-ship-addr .sll-addr-pick .moduleRowSelected .back{float:none !important;width:auto !important;margin:0;padding:0}
.sll-ship-addr .sll-addr-pick .moduleRow label,.sll-ship-addr .sll-addr-pick .moduleRowSelected label{font-weight:700;color:var(--sll-ink);cursor:pointer;font-size:14px}
.sll-ship-addr .sll-addr-pick br.clearBoth{display:none}
.sll-ship-addr .sll-addr-pick address{display:block;font-style:normal;font-size:14px;line-height:1.5;color:var(--sll-text);margin:0;padding:2px 14px 12px 38px;border:1px solid var(--sll-line);border-top:0;border-bottom-left-radius:var(--sll-radius-s);border-bottom-right-radius:var(--sll-radius-s);background:#fff}
.sll-ship-addr .sll-addr-pick .moduleRowSelected+br+address,.sll-ship-addr .sll-addr-pick .moduleRowSelected+address{border-color:#b9cbe3;background:var(--sll-brand-tint)}
.sll-ship-addr .sll-actions.forward{margin-top:22px}
/* [2026-09-11 业主] 已存地址改为本页自出的 .sll-addr-item: 左边单选+地址, 右边「Ship to this address」一键切换回结帐页 */
.sll-ship-addr .sll-addr-item{display:flex;align-items:center;gap:14px;margin:10px 0 0;padding:12px 14px;border:1px solid var(--sll-line);border-radius:var(--sll-radius-s);background:#fff;transition:border-color .15s}
.sll-ship-addr .sll-addr-item:hover{border-color:#b9cbe3}
.sll-ship-addr .sll-addr-item.is-current{border-color:#b9cbe3;background:var(--sll-brand-tint)}
.sll-ship-addr .sll-addr-item__main{flex:1 1 auto;min-width:0;display:flex;align-items:flex-start;gap:10px;cursor:pointer;margin:0;font-weight:400}
.sll-ship-addr .sll-addr-item__main input[type="radio"]{flex:0 0 auto;margin:3px 0 0}
.sll-ship-addr .sll-addr-item__txt{display:block;min-width:0;font-size:14px;line-height:1.5;color:var(--sll-text);overflow-wrap:anywhere}
.sll-ship-addr .sll-addr-item__txt b{display:block;font-size:14px;color:var(--sll-ink)}
.sll-ship-addr .sll-addr-item__addr{display:block}
.sll-ship-addr .sll-addr-item__act{flex:0 0 auto;display:flex;align-items:center;gap:10px}
.sll-ship-addr .sll-addr-item__tag{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--sll-brand);background:#fff;border:1px solid #b9cbe3;border-radius:999px;padding:3px 9px}
@media (max-width:640px){.sll-ship-addr .sll-addr-item{flex-direction:column;align-items:stretch}.sll-ship-addr .sll-addr-item__act{justify-content:flex-end}}
/* 2026-09-08 业主: 必填星号掉到输入框下面一行看不懂. 共用模块的 HTML 是 label -> input/select -> span.alert(星号), 不改共用模块,
   用 :has() 把星号画到标题后面并隐藏原来那个. 不支持 :has 的老浏览器退回今天的样子(星号仍在下一行), 不会一个星号都没有. */
@supports selector(label:has(+ input)) {
  .sll-ship-addr #checkoutNewAddress label.inputLabel:has(+ input + span.alert)::after,
  .sll-ship-addr #checkoutNewAddress label.inputLabel:has(+ select + span.alert)::after{content:" *";color:var(--sll-danger);font-weight:700}
  .sll-ship-addr #checkoutNewAddress input + span.alert,
  .sll-ship-addr #checkoutNewAddress select + span.alert{display:none}
}
@media (max-width:640px){.sll-acct-facts,.sll-acct-next{grid-template-columns:1fr}}

/* ---------- 老 .listreviews 与全局 border-box 的冲突（2026-09-09 补，同 index.css 里 .sll-cat 那条） ----------
   stylesheet.css 的 .productslistdk .listreviews 是 height:18px + padding:10px 0，
   在本容器的全局 border-box 下，内容高被算成 18-20 = 负数 -> 0，星星溢出压到下面的型号行上。
   .sll-cat 2026-09-04 已修过一次；这里是同一个洞的另一个容器，写 3 段选择器压过老表的 2 段，与加载顺序无关。
   目前本容器下实测 listreviews 出现 0 次（搜索页/specials/产品页都已改用 plg-card），这条是防复发。 */
.sll-pg .productslistdk .listreviews{box-sizing:content-box;height:18px}
.sll-pg .productslistdk .promodelli{margin-top:2px}

/* ☠ 2026-09-16 搜索结果页手机端空出一大片（业主反馈「这里怎么空了这么大」）
   根因：.sll-sr .sll-pg-head--row>div:last-child 写的是 flex:0 1 560px，
   而 @media(max-width:640px) 把 .sll-pg-head--row 改成了 flex-direction:column
   —— 主轴一转成竖向，560px 就从【宽度】变成了【高度】，于是撑出 560px 空白。
   规矩：凡是给 flex 子项写 flex-basis 的，都要检查父级在窄屏会不会转成 column。 */
@media (max-width:992px){
  .sll-sr .sll-pg-head--row>div:last-child{flex:0 0 auto;width:100%;min-width:0}
  .sll-search .sll-search-bar .sll-catpick,.sll-sr .sll-catpick{flex:0 0 auto;width:100%}
}

/* ============================================================================
   购物车清单 · 手机版三栏卡片（2026-09-16 第三稿，按业主画的结构图）
     左栏 图片 + 数量 + Update ｜ 中栏 标题 + 属性(一行一个, 放不下左右滑) ｜ 右栏 勾选/删除/单价/小计
   DOM 由 jscript_sll_hf.js ⑫ 段按屏宽重排（tr 上会加 .sll-m-card）。
   ☠ 前两稿都被业主否了：①老卡片(型号甩在旁边、挤) ②整表横滑(更乱、右边空白)。
   ★本段放文件最后★，压过上面 ≤760px 的老卡片规则。
   ============================================================================ */
@media (max-width:760px){
  .sll-cart-main,#checkoutOneShoppingCart,.sll-co .sll-co-cart{max-width:100% !important;min-width:0 !important;overflow-x:visible !important}
  .sll-pg #cartContentsDisplay{display:block !important;width:100% !important;min-width:0 !important}
  .sll-pg #cartContentsDisplay tbody{display:block !important}
  .sll-pg #cartContentsDisplay thead,.sll-pg #cartContentsDisplay colgroup,
  .sll-pg #cartContentsDisplay tr.tableHeading,.sll-pg #cartContentsDisplay tr.cartTableHeading{display:none !important}
  .sll-pg #cartContentsDisplay tr{display:block !important;border:1px solid var(--sll-line) !important;border-radius:12px !important;padding:12px !important;margin:0 0 12px !important;position:static !important}
  .sll-pg #cartContentsDisplay td{display:block !important;width:auto !important;height:auto !important;padding:0 !important;border:0 !important;text-align:left !important;position:static !important;float:none !important}
  /* ☠ 老卡片规则 td.cartProductDisplay{padding-right:44px !important} 选择器更具体, 通配 td 压不住 -> 同选择器再写一遍 */
  .sll-pg #cartContentsDisplay td.cartProductDisplay{margin:0 !important;padding:0 !important}

  .sll-pg #cartContentsDisplay .sll-cart-item{display:flex !important;gap:10px;align-items:flex-start}
  /* 左栏 */
  .sll-m-left{flex:0 0 64px;display:flex;flex-direction:column;gap:8px}
  .sll-m-left{min-width:0}
  .sll-m-left .sll-cart-item__img{display:block;flex:none;width:64px !important;min-width:0 !important}   /* ☠ 老样式写死 84px */
  .sll-m-left .sll-cart-item__img img{width:64px !important;height:auto !important;border-radius:8px}
  /* 中栏：标题正常换行；属性一行一个、不折行, 放不下整块左右滑 */
  .sll-pg #cartContentsDisplay .sll-cart-item__body{flex:1 1 auto;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .sll-pg #cartContentsDisplay .sll-cart-item__body::-webkit-scrollbar{display:none}
  .sll-pg #cartContentsDisplay .sll-cart-item__name{display:block;font-size:14.5px;line-height:1.45}
  .sll-pg #cartContentsDisplay .ceAttrLabels{margin-top:6px;font-size:13px;line-height:1.6;color:var(--sll-muted)}
  .sll-pg #cartContentsDisplay .ceAttrLabels>div,.sll-pg #cartContentsDisplay .ceAttrLabels>span,.sll-pg #cartContentsDisplay .ceAttrLabels>p{display:block;white-space:nowrap}
  .sll-pg #cartContentsDisplay td.cartModelDisplay{margin:8px 0 0 !important;font-family:var(--sll-font-mono);font-size:12px !important;color:var(--sll-muted) !important;white-space:nowrap}
  .sll-pg #cartContentsDisplay td.cartModelDisplay:empty{display:none !important}
  .sll-pg #cartContentsDisplay td.cartModelDisplay::before{content:"Model: ";font-family:var(--sll-font)}
  /* 右栏 */
  .sll-m-right{flex:0 0 32px;display:flex;flex-direction:column;align-items:flex-end;gap:10px;text-align:right}
  /* 单价/小计：卡片底部独立一行, 右对齐（放右栏会把中栏标题挤成竖条） */
  .sll-m-price{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px 12px;margin-top:10px;padding-top:10px;border-top:1px dashed var(--sll-line)}
  .sll-m-price .cartQuantity{display:flex !important;align-items:center;gap:8px;margin-right:auto}
  .sll-m-price .cartQuantity input,.sll-m-price input[type="text"]{width:56px !important;box-sizing:border-box;text-align:center}
  .sll-m-price .sll-qty{display:flex !important;flex-direction:row;align-items:center;gap:8px}
  .sll-m-price .sll-btn,.sll-m-price button,.sll-m-price input[type="submit"]{padding:6px 10px !important;font-size:13px !important;min-width:0 !important;width:auto !important}
  .sll-m-right .cartSelect,.sll-m-right .cartRemoveItemDisplay{text-align:right !important}
  /* ☠ 2026-09-17 业主：手机购物车有商品时，页头右上角冒出一个打勾框。那是商品卡片的勾选框：
     老版卡片规则 td.cartSelect{position:absolute;top:14px;right:14px}（605 行）是相对 tr 定位的，
     改成三栏卡片后 JS ⑫ 把它搬进 .sll-m-right，而卡片 tr 已不是定位容器 -> 绝对定位一路找到页面，飞到页面右上角。
     搬进右栏后就按正常流排，两个都改回 static。 */
  .sll-pg #cartContentsDisplay .sll-m-right td.cartSelect,.sll-pg #cartContentsDisplay .sll-m-right td.cartRemoveItemDisplay{position:static !important;top:auto;right:auto}
  .sll-m-price .cartUnitDisplay,.sll-m-price .cartTotalDisplay{white-space:nowrap;text-align:right !important}
  .sll-m-price .cartUnitDisplay{font-size:12.5px;color:var(--sll-muted)}
  .sll-m-price .cartUnitDisplay::before{content:"Unit ";color:var(--sll-muted)}
  .sll-m-price .cartTotalDisplay{font-weight:700;font-size:15px}
  .sll-m-price .cartTotalDisplay::before{content:"Total ";font-weight:400;font-size:12px;color:var(--sll-muted)}
  /* 编辑弹窗跟着自适应 */
  .sll-pg .cePanel{grid-template-columns:minmax(0,1fr) !important;max-width:100% !important;width:auto !important;margin:10px 0 0}
  .sll-pg .cePanel select,.sll-pg .cePanel input{max-width:100% !important;width:100% !important;box-sizing:border-box}
  .sll-pg .ceRowOpt{flex-direction:column;align-items:stretch;gap:4px}
  .sll-pg .ceRowOpt label{flex-basis:auto}
}

/* ---- 一页结帐清单套用购物车卡片（2026-09-16 业主：按购物车的样式来）--------------------
   ☠ 结帐页那批老规则写的是 .sll-co #checkoutOneShoppingCart #cartContentsDisplay …（两个 id），
     比购物车卡片的 .sll-pg #cartContentsDisplay …（一个 id）更具体 —— 不同前缀再写一遍才压得住。
     业主截图里表头变成一排色块，就是老规则 tr{display:flex} 把表头行也拉成了 flex。 */
@media (max-width:760px){
  .sll-co #checkoutOneShoppingCart #cartContentsDisplay tr.cartTableHeading,
  .sll-co #checkoutOneShoppingCart #cartContentsDisplay tr.tableHeading{display:none !important}
  .sll-co #checkoutOneShoppingCart #cartContentsDisplay tr[data-mcard]{display:block !important;padding:12px !important;margin:0 0 12px !important;border:1px solid var(--sll-line) !important;border-radius:12px !important;gap:0 !important;background:#fff}
  .sll-co #checkoutOneShoppingCart #cartContentsDisplay tr[data-mcard] td{display:block !important;padding:0 !important;border:0 !important;width:auto !important;background:transparent !important;text-align:left !important;flex:none}
  .sll-co #checkoutOneShoppingCart #cartContentsDisplay tr[data-mcard] td.cartModelDisplay{margin:8px 0 0 !important}
  .sll-co #checkoutOneShoppingCart #cartContentsDisplay .sll-m-price td.cartQuantity{margin-right:auto;font-weight:600;color:var(--sll-ink)}
  .sll-co #checkoutOneShoppingCart #cartContentsDisplay .sll-m-price td.cartQuantity::before{content:"Qty ";font-weight:400;color:var(--sll-muted)}
  .sll-co #checkoutOneShoppingCart #cartContentsDisplay .sll-m-price td.cartTotalDisplay{text-align:right !important;font-weight:700}
  .sll-co #checkoutOneShoppingCart #cartContentsDisplay .sll-m-price td.cartTotalDisplay:not(:last-child)::before{content:"Tax "}
  .sll-m-right:empty{display:none}
}

/* 结帐清单数量格里的单价：桌面端表格有独立 Total 列、窄列放不下，隐藏；手机卡片显示成「Qty 108 × $0.94」 */
#checkoutOneShoppingCart .sll-unit{display:none}
@media (max-width:760px){
  #checkoutOneShoppingCart .sll-m-price .sll-unit{display:inline;font-weight:400;color:var(--sll-muted)}
}

/* 购物车标题下「Sign in or create an account to keep your cart saved.」小字（2026-09-17，原来在 H1 括号里） */
.sll-cart-save-hint{margin:6px 0 0;font-size:13px;line-height:1.5;color:var(--sll-muted)}
.sll-cart-save-hint a{color:var(--sll-brand);text-decoration:underline}