:root{
  --ink:#141110; --ink-2:#1E1A18;
  --paper:#FFFDFB; --paper-2:#F8F2EB; --paper-3:#F0E7DC;
  --line:rgba(20,17,16,.10); --line-dark:rgba(255,255,255,.13);
  --coral:#FF4B2B; --coral-deep:#E23612; --sun:#FFC93C; --mint:#6FD3B8; --violet:#6C5CE7;
  --red:#FF3B30; --muted:#7A726C; --muted-dark:#A79E97;
  --radius:14px; --radius-lg:22px; --maxw:1120px;
  --ease:cubic-bezier(.22,.61,.36,1);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--paper);color:var(--ink);
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
  font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;
}
svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 20px}
.display{font-family:'Archivo Black','Arial Black',Impact,sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:-.02em;line-height:.94}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  height:56px;padding:0 30px;border-radius:999px;
  font-size:13.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  transition:transform .25s var(--ease),background .25s,color .25s,border-color .25s;white-space:nowrap;
}
.btn:active{transform:scale(.97)}
.btn-coral{background:var(--coral);color:#fff}
.btn-coral:hover{background:var(--ink)}
.btn-ink{background:var(--ink);color:#fff}
.btn-ink:hover{background:var(--coral)}
.btn-ghost{border:1.5px solid var(--ink);color:var(--ink)}
.btn-ghost:hover{background:var(--ink);color:#fff}
.btn-sm{height:46px;padding:0 22px;font-size:12px}
.btn-block{width:100%}

/* ---------- live bar ---------- */
.livebar{
  position:sticky;top:0;z-index:80;background:var(--ink);color:#fff;
  border-bottom:1px solid var(--line-dark);
}
.livebar .row{
  display:flex;align-items:center;gap:14px;height:52px;
  max-width:var(--maxw);margin:0 auto;padding:0 20px;font-size:12.5px;
}
.live-dot{
  width:9px;height:9px;border-radius:50%;background:var(--red);flex:none;
  box-shadow:0 0 0 0 rgba(255,59,48,.7);animation:pulse 1.7s infinite;
}
@keyframes pulse{70%{box-shadow:0 0 0 12px rgba(255,59,48,0)}100%{box-shadow:0 0 0 0 rgba(255,59,48,0)}}
.livebar b{color:var(--sun);font-weight:800;letter-spacing:.06em}
.livebar .cd{
  margin-left:auto;font-variant-numeric:tabular-nums;font-weight:800;
  background:rgba(255,255,255,.08);padding:5px 12px;border-radius:8px;letter-spacing:.05em;
}
@media(max-width:620px){.livebar .hide-s{display:none}.livebar .row{height:46px;font-size:11.5px}}

/* ---------- header ---------- */
.head{border-bottom:1px solid var(--line);background:rgba(255,253,251,.92);backdrop-filter:blur(12px)}
.head .row{display:flex;align-items:center;gap:18px;height:66px}
.logo{font-family:'Archivo Black',sans-serif;font-size:20px;text-transform:uppercase;display:flex;align-items:center;gap:9px}
.logo .mark{width:25px;height:25px;border-radius:50%;background:var(--coral);display:grid;place-items:center;flex:none}
.head .back{margin-left:auto;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.head .back:hover{color:var(--ink)}
.head .cart{
  width:42px;height:42px;border-radius:50%;display:grid;place-items:center;position:relative;border:1px solid var(--line);
}
.cart-dot{
  position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;border-radius:9px;
  background:var(--coral);color:#fff;font-size:10px;font-weight:800;display:grid;place-items:center;padding:0 5px;
}
/* 空购物车不显示徽标（WooCommerce 默认行为） */
.cart-dot:empty{display:none}

/* ---------- hero ---------- */
.hero{background:var(--ink);color:#fff;position:relative;overflow:hidden;padding:44px 0 46px}
.hero::after{
  content:'';position:absolute;top:-160px;right:-160px;width:560px;height:560px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,75,43,.26),transparent 66%);
}
.hero .wrap{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;gap:38px;align-items:center}
@media(max-width:900px){.hero .wrap{grid-template-columns:1fr;gap:26px}.hero{padding:30px 0 34px}}
.welcome{
  display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:999px;
  background:rgba(255,201,60,.12);border:1px solid rgba(255,201,60,.38);
  font-size:12px;font-weight:700;margin-bottom:20px;
}
.welcome b{color:var(--sun)}
.hero h1{font-size:clamp(34px,6.2vw,68px);margin:0 0 16px;color:#fff}
.hero h1 em{font-style:normal;color:var(--coral);display:block}
.hero p{margin:0 0 26px;color:var(--muted-dark);font-size:16px;max-width:460px}
@media(max-width:900px){.hero p{font-size:15px}}
.codecard{
  border:1.6px dashed rgba(255,201,60,.55);border-radius:var(--radius-lg);
  background:rgba(255,201,60,.07);padding:24px;text-align:center;
}
.codecard small{display:block;font-size:10.5px;letter-spacing:.17em;text-transform:uppercase;color:var(--muted-dark);margin-bottom:9px}
.codecard .code{
  font-family:'Archivo Black',sans-serif;font-size:clamp(34px,7vw,50px);letter-spacing:.08em;
  color:var(--sun);line-height:1;
}
.codecard .sub{font-size:12.5px;color:var(--muted-dark);margin-top:12px}
.copy{
  margin-top:16px;height:44px;padding:0 24px;border-radius:999px;background:var(--sun);color:var(--ink);
  font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;transition:background .25s;
}
.copy:hover{background:#fff}
.copy.ok{background:var(--mint)}
.timer{display:flex;gap:8px;justify-content:center;margin-top:18px}
.timer div{background:rgba(255,255,255,.07);border-radius:9px;padding:8px 12px;min-width:54px}
.timer b{display:block;font-size:19px;font-variant-numeric:tabular-nums;line-height:1.2}
.timer span{font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-dark)}

/* ---------- picks ---------- */
.sec{padding:56px 0}
@media(max-width:620px){.sec{padding:40px 0}}
.sec-head{margin-bottom:28px}
.sec-head h2{font-size:clamp(24px,4vw,40px);margin:10px 0 0}
.sec-head p{color:var(--muted);margin:10px 0 0;font-size:14.5px}
.eyebrow{font-size:11px;font-weight:800;letter-spacing:.19em;text-transform:uppercase;color:var(--muted)}
.picks{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:820px){.picks{grid-template-columns:1fr}}
.pick{
  border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;background:#fff;
  display:flex;flex-direction:column;transition:transform .3s var(--ease),box-shadow .3s;
}
.pick:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(20,17,16,.12)}
.pick .media{position:relative;aspect-ratio:1/.92;display:grid;place-items:center;overflow:hidden}
.pick .media svg{width:62%;transition:transform .45s var(--ease)}
.pick:hover .media svg{transform:scale(1.06) rotate(-3deg)}
.tag{
  position:absolute;top:12px;left:12px;background:var(--red);color:#fff;font-size:10px;font-weight:800;
  letter-spacing:.12em;text-transform:uppercase;padding:6px 11px;border-radius:6px;
}
.tag.sun{background:var(--sun);color:var(--ink)}
.pick .body{padding:18px;display:flex;flex-direction:column;gap:9px;flex:1}
.pick h3{margin:0;font-size:16px;font-weight:800}
.pick .sub{margin:0;font-size:12.5px;color:var(--muted)}
.prow{display:flex;align-items:baseline;gap:9px}
/* 直播定价规则（改动时必须三者联动）：
   .now = 档位实收价（$30 / $50 / $100，与首页档位一致，不让利）
   .was = .now ÷ 0.9 向上取到分（$33.33 / $55.56 / $111.11）
   —— 即 LIVE10 折后正好回到档位实收价，折扣不侵蚀售价，只做展示。 */
.now{font-size:19px;font-weight:800;font-variant-numeric:tabular-nums}
.was{font-size:13px;color:var(--muted);text-decoration:line-through}
.off{font-size:11px;font-weight:800;color:var(--coral);letter-spacing:.06em;text-transform:uppercase}
.pick .btn{margin-top:auto}
.pick-actions{display:flex;gap:8px;align-items:stretch;margin-top:auto}
.pick-actions .btn{margin-top:0;flex:1}
.pick-actions .add{border:0;cursor:pointer;font-family:inherit;padding:0}
.wa-mini{width:46px;flex:none;border-radius:999px;background:#25D366;color:#fff;display:grid;place-items:center;transition:background .22s,transform .22s}
.wa-mini:hover{background:#1FB457;transform:translateY(-2px)}

/* ---------- replay ---------- */
.replay{background:var(--paper-2)}
.replay .wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:center}
@media(max-width:900px){.replay .wrap{grid-template-columns:1fr;gap:24px}}
.player{
  position:relative;aspect-ratio:9/13;border-radius:var(--radius-lg);overflow:hidden;
  background:linear-gradient(160deg,#2A2422,#161211);border:1px solid var(--line);
  display:grid;place-items:center;
}
.player .glow{position:absolute;inset:0;background:radial-gradient(120% 55% at 50% 108%,rgba(255,75,43,.34),transparent 62%)}
.player .ply{
  position:relative;width:62px;height:62px;border-radius:50%;background:rgba(255,255,255,.95);
  display:grid;place-items:center;
}
.player .lbl{position:absolute;top:14px;left:14px;display:flex;align-items:center;gap:8px;background:var(--red);color:#fff;font-size:10.5px;font-weight:800;letter-spacing:.12em;padding:6px 11px;border-radius:6px}
.replay h2{font-size:clamp(24px,4vw,40px);margin:10px 0 14px}
.replay ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:13px}
.replay li{display:flex;gap:12px;font-size:14.5px;color:var(--muted);line-height:1.6}
.replay li svg{flex:none;margin-top:3px}

/* ---------- trust ---------- */
.trust{background:var(--paper-3)}
.trust .row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-width:var(--maxw);margin:0 auto;padding:20px}
.trust .item{display:flex;align-items:center;gap:12px;justify-content:center}
.trust strong{display:block;font-size:12.5px;font-weight:800}
.trust span{display:block;font-size:11.5px;color:var(--muted);line-height:1.35}
@media(max-width:820px){
  .trust .row{grid-template-columns:repeat(2,1fr);gap:15px 8px}
  .trust .item{justify-content:flex-start}
}

/* ---------- checkout ---------- */
.checkout{background:var(--ink);color:#fff}
.checkout .wrap{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:60px 20px}
@media(max-width:900px){.checkout .wrap{grid-template-columns:1fr;gap:26px;padding:44px 20px}}
.checkout h2{font-size:clamp(26px,4vw,44px);color:#fff;margin:0 0 14px}
.checkout p{color:var(--muted-dark);margin:0;font-size:15px}
.paybtn{
  width:100%;height:64px;border-radius:999px;background:#fff;color:#003087;
  display:flex;align-items:center;justify-content:center;gap:10px;
  font-size:17px;font-weight:800;letter-spacing:-.01em;transition:transform .25s var(--ease),background .25s;
}
.paybtn:hover{transform:translateY(-2px);background:#F3F7FF}
.paybtn .pp{color:#009cde}
.paynote{margin-top:14px;font-size:12px;color:var(--muted-dark);text-align:center}
.ship-note{
  margin-top:18px;display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:var(--radius);
  background:rgba(255,201,60,.08);border:1px solid rgba(255,201,60,.28);font-size:13px;
}
.ship-note b{color:var(--sun)}

/* ---------- faq ---------- */
.faq details{border-bottom:1px solid var(--line);padding:20px 0}
.faq summary{
  list-style:none;cursor:pointer;font-size:15.5px;font-weight:800;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';font-size:22px;color:var(--muted);line-height:1}
.faq details[open] summary::after{content:'−'}
.faq p{margin:12px 0 0;color:var(--muted);font-size:14.5px}

/* ---------- footer ---------- */
.footer{background:var(--ink);color:#fff;padding:44px 0 30px;border-top:1px solid var(--line-dark)}
.footer .top{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.footer .logo{color:#fff}
.footer .links{display:flex;gap:22px;flex-wrap:wrap;font-size:13px;color:var(--muted-dark)}
.footer .links a:hover{color:#fff}
.footer .pay{margin-top:26px;padding-top:22px;border-top:1px solid var(--line-dark);display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.chip{height:30px;border-radius:6px;background:rgba(255,255,255,.09);display:grid;place-items:center;padding:0 11px;font-size:10.5px;font-weight:800;color:#fff;letter-spacing:.05em}
/* PayPal 徽标含两个子元素（Pay + Pal），不能继承 .chip 的 display:grid
   —— grid 会把每个子元素各放一行，导致 "Pay/Pal" 上下堆叠破版。改用 flex 单行排列。 */
.chip.pp{background:#fff;color:#003087;font-size:12.5px;
  display:flex;align-items:center;justify-content:center;white-space:nowrap}
.footer .copyline{margin-top:20px;font-size:12px;color:#6B625C}

/* ---------- toast ---------- */
.toast{
  position:fixed;left:50%;bottom:24px;transform:translate(-50%,120%);
  background:var(--ink);color:#fff;padding:15px 24px;border-radius:999px;
  font-size:13.5px;font-weight:700;box-shadow:0 18px 40px rgba(0,0,0,.3);
  transition:transform .4s var(--ease);z-index:200;display:flex;align-items:center;gap:10px;
}
.toast.show{transform:translate(-50%,0)}
.toast b{color:var(--sun)}

/* ---------- sticky mobile cta ---------- */
.sticky-cta{
  position:fixed;left:0;right:0;bottom:0;z-index:90;background:rgba(255,253,251,.96);
  backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:12px 16px;
  display:none;align-items:center;gap:12px;
}
.sticky-cta .p{font-size:13px;font-weight:800;line-height:1.2}
.sticky-cta .p small{display:block;font-size:11px;color:var(--muted);font-weight:600}
.sticky-cta .btn{flex:1;height:50px}
@media(max-width:820px){
  .sticky-cta{display:flex}
  body{padding-bottom:80px}
}
/* =========================================================
   WHATSAPP PRIVATE CHANNEL
   Live-stream traffic is the most impatient traffic there is.
   Someone mid-stream will not open a contact form — they want
   a one-line answer now. This puts our reply one tap away and
   gives us a way to keep them after the stream ends.
   ========================================================= */
.btn-wa{background:#25D366;color:#fff}
.btn-wa:hover{background:#1FB457;color:#fff}
.hero-btns{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.code-help{display:block;margin-top:14px;font-size:12px;font-weight:700;text-decoration:underline;
  text-underline-offset:3px;color:var(--muted-dark);transition:color .2s}
.code-help:hover{color:#25D366}
.checkout-wa{
  margin-top:16px;display:flex;align-items:center;justify-content:center;gap:10px;height:52px;border-radius:999px;
  background:#25D366;color:#fff;font-size:12.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;
  transition:background .22s,transform .22s;
}
.checkout-wa:hover{background:#1FB457;transform:translateY(-1px)}
.sticky-cta .sticky-btns{flex:1;display:flex;gap:10px}
.sticky-cta .sticky-btns .btn{flex:1}
.sticky-cta .sticky-btns .btn.btn-wa{flex:0 0 56px;width:56px;padding:0;display:grid;place-items:center}
/* floating widget */
.wa-fab{position:fixed;right:20px;bottom:20px;z-index:220;display:flex;flex-direction:column;align-items:flex-end;gap:14px}
.wa-bubble{
  width:min(324px,calc(100vw - 36px));background:#fff;border:1px solid var(--line);border-radius:20px;
  padding:16px 16px 18px;box-shadow:0 26px 60px rgba(20,17,16,.20),0 3px 10px rgba(20,17,16,.07);
  opacity:0;transform:translateY(14px) scale(.96);transform-origin:100% 100%;
  transition:opacity .32s ease,transform .32s cubic-bezier(.2,.9,.3,1.25);
  pointer-events:none;position:relative;
}
.wa-bubble.show{opacity:1;transform:none;pointer-events:auto}
.wa-x{position:absolute;top:8px;right:10px;width:26px;height:26px;border:0;background:transparent;color:#9A908A;
  font-size:20px;line-height:1;cursor:pointer;border-radius:50%;transition:background .2s,color .2s;font-family:inherit}
.wa-x:hover{background:rgba(20,17,16,.06);color:var(--ink)}
.wa-head{display:flex;align-items:center;gap:11px;padding-right:26px}
.wa-av{width:38px;height:38px;border-radius:50%;background:#25D366;display:grid;place-items:center;flex:none}
.wa-head b{display:block;font-size:13.5px;font-weight:800;color:var(--ink)}
.wa-head small{display:flex;align-items:center;gap:6px;font-size:11.5px;color:#6B625C;font-weight:600;margin-top:3px}
.wa-on{width:7px;height:7px;border-radius:50%;background:#25D366;flex:none;animation:waPulse 2.1s infinite}
@keyframes waPulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.55)}70%{box-shadow:0 0 0 9px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
.wa-msg{margin:13px 0 0;font-size:13px;line-height:1.56;color:#4A423E}
.wa-perk{margin-top:11px;background:#F2FBF5;border:1px dashed rgba(37,211,102,.5);border-radius:12px;padding:9px 11px;
  font-size:11.5px;line-height:1.5;color:#1E6B3F;font-weight:600}
.wa-perk b{font-weight:800}
.wa-cta{margin-top:12px;display:flex;align-items:center;justify-content:center;gap:8px;height:47px;border-radius:12px;
  background:#25D366;color:#fff;font-size:12.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;
  transition:background .22s,transform .22s}
.wa-cta:hover{background:#1FB457;transform:translateY(-1px)}
.wa-hours{margin:9px 0 0;text-align:center;font-size:10.5px;color:#9A908A;font-weight:600}
.wa-btn{width:60px;height:60px;border-radius:50%;border:0;background:#25D366;color:#fff;cursor:pointer;
  display:grid;place-items:center;box-shadow:0 14px 32px rgba(37,211,102,.42);position:relative;
  transition:transform .24s cubic-bezier(.2,.9,.3,1.4),box-shadow .24s}
.wa-btn:hover{transform:scale(1.07);box-shadow:0 18px 40px rgba(37,211,102,.5)}
.wa-btn .ring{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(37,211,102,.6);animation:waRing 2.6s infinite}
@keyframes waRing{0%{transform:scale(1);opacity:.75}100%{transform:scale(1.55);opacity:0}}
.wa-btn .pip{position:absolute;top:1px;right:1px;width:14px;height:14px;border-radius:50%;background:var(--coral);border:2.5px solid #fff}
@media(max-width:820px){.wa-fab{right:14px;bottom:88px}.wa-btn{width:54px;height:54px}}
@media(max-width:620px){.wa-bubble{width:calc(100vw - 68px)}.hero-btns{width:100%}.hero-btns .btn{width:100%}}

/* =========================================================
   MOBILE PASS — 2026-09-20
   老板反馈原话：手机端太复杂、不够清爽；直播承接页要往下拉好几屏
   才显示商品，影响转化；WA 弹窗盖住商品。
   量化目标：390×844 首屏内必须出现「前两个档位卡 + 它们的加购按钮」。
   改前实测：首屏 844px 全是 hero+信任条，首个加购按钮在 1690px（第 2.0 屏）。
   本页 noindex，手机端可放心做信息降级，不影响 SEO。
   本段只追加、不改写既有规则 —— 桌面端（>820px）与已验收结果零影响。
   ========================================================= */
.lede-short{display:none}

@media (max-width:820px){
  /* ---- 1. hero：810px → ≈190px ----
     原 hero 把「欢迎胶囊 + 大标题 + 三行说明 + 两个大按钮 + 优惠码卡」
     六块全堆在首屏，把商品挤到第 1.26 屏。 */
  .hero{padding:16px 0 18px}
  .hero .wrap{gap:11px}
  .welcome{display:none}               /* livebar 已常驻显示 LIVE NOW，冗余 */
  .hero h1{font-size:29px;line-height:1.05;margin:0 0 6px}
  .hero h1 em{display:inline}          /* 原本换行的红字收回一行 */
  .hero p{margin:0 0 11px;font-size:13px;line-height:1.4;max-width:none}
  .lede-full{display:none}
  .lede-short{display:block}           /* 手机端只留一句：码已生效 + 免邮门槛 */
  .hero-btns{display:none}             /* 商品已进首屏，无需「跳去商品」按钮；
                                          WA 入口另有 3 处（气泡 / 卡内 / 底部条） */

  /* ---- 2. 优惠码卡：竖排 ≈330px → 横排 ≈44px ---- */
  .codecard{padding:10px 13px;display:flex;align-items:center;gap:9px;text-align:left}
  .codecard small,.codecard .sub,.codecard .code-help{display:none}
  .codecard .code{font-size:21px;letter-spacing:.05em}
  .codecard .copy{margin:0 0 0 auto;height:32px;padding:0 13px;font-size:10px;flex:none}
  /* COPY CODE 视觉上保持小胶囊（不撑高 codecard），但把命中区扩到 44px：
     这是直播页的核心转化动作，32px 高按不准等于优惠码传不出去。 */
  .codecard .copy{position:relative}
  .codecard .copy::after{content:'';position:absolute;left:0;right:0;top:50%;
    height:44px;transform:translateY(-50%)}
  .codecard .timer{margin:0 0 0 2px;gap:4px;flex:none}
  .timer div{padding:3px 6px;min-width:34px;border-radius:6px}
  .timer b{font-size:13px}
  .timer span{font-size:7.5px;letter-spacing:.06em}

  /* ---- 3. 信任条：2×2（142px）→ 单行横滑（≈38px） ---- */
  .trust .row{display:flex;gap:13px;padding:8px 16px;overflow-x:auto;scrollbar-width:none}
  .trust .row::-webkit-scrollbar{display:none}
  .trust .item{flex:0 0 auto;gap:6px;justify-content:flex-start}
  .trust .item span{display:none}      /* 去掉第二行小字，只留主句 */
  .trust strong{font-size:11px;white-space:nowrap}
  .trust svg{width:15px;height:15px;flex:none}

  /* ---- 4. 商品区抬头收紧 ---- */
  .sec{padding:14px 0 26px}
  .sec-head{margin-bottom:13px}
  .sec-head h2{font-size:22px;margin:4px 0 0}
  .sec-head p{display:none}            /* 说明不再占首屏位置 */

  /* ---- 5. 档位卡：竖排大卡 507px → 横排紧凑卡 ≈105px ----
     原卡顶部有 aspect-ratio 1:0.92 的图区（350 宽 → 322 高），
     是「加购按钮被推到第 2 屏」的直接原因。改为左图右文的横排卡。 */
  .picks{gap:9px}
  .pick{flex-direction:row;align-items:stretch}
  .pick:hover{transform:none;box-shadow:none}
  .pick .media{flex:0 0 88px;width:88px;aspect-ratio:auto}
  .pick .media svg{width:74%}
  .pick:hover .media svg{transform:none}
  .tag{top:5px;left:5px;font-size:8px;padding:2px 6px;letter-spacing:.06em;border-radius:5px}
  .pick .body{padding:10px 12px;gap:4px;justify-content:center;min-width:0}
  .pick h3{font-size:14.5px}
  .pick .sub{display:none}
  .prow{gap:6px}
  .now{font-size:16.5px}
  .was{font-size:11.5px}
  .off{font-size:10px}
  .pick-actions{gap:6px;margin-top:2px}
  .pick-actions .btn{height:44px;font-size:11px;letter-spacing:.06em}
  /* 商品卡上的 WA 圆钮：手机端隐藏（2026-09-20 老板反馈「每个商品右边都有，太密集」）。
     私域入口不丢 —— 浮动气泡常驻，本页另有 hero「Ask us live in chat」、
     底部条 WA、checkout 区「Ask us before you pay」三处。 */
  .wa-mini{display:none}

  /* ---- 6. WA 弹窗：不再盖住商品 ---- */
  .wa-bubble{width:auto;max-width:290px}
  .wa-fab{right:12px;bottom:74px}
  .wa-btn{width:48px;height:48px}

  /* ---- 7. 底部结账条：默认收起，滚过首屏才升起（JS 加 .show）---- */
  .sticky-cta{padding:9px 13px;gap:9px;transform:translateY(115%);transition:transform .3s var(--ease)}
  .sticky-cta.show{transform:none}
  .sticky-cta .btn{height:44px}
  .sticky-cta .p{font-size:12px}
  .sticky-cta .p small{font-size:10px}
  body{padding-bottom:64px}
}

/* 横排卡里长标题/长价格不得把行撑宽（grid/flex 子项必须显式 min-width:0） */
@media (max-width:820px){
  .pick h3,.pick .prow{overflow-wrap:anywhere}
}