/* ══ PD V2 · cart page (SPEC-cart-voices-twoways-mobile.md §A) ══
   Left = classic item list, right = .keep brand-panel order summary (same
   component as the account page, already fixed for light/dark mode). */
.cart{max-width:1240px;margin:0 auto;padding:calc(var(--navh) + clamp(32px,6vh,72px)) var(--gut) clamp(56px,10vh,110px)}
.cart__head .cap{color:var(--act2)} html[data-mode="dark"] .cart__head .cap{color:var(--main1)}
.cart__head h1{margin:8px 0 0;font-family:var(--disp);font-variation-settings:var(--fr-display);font-weight:650;font-size:clamp(38px,5vw,56px);line-height:1}
.cart__n{margin:8px 0 0;color:var(--tx-dim)}
.cart__grid{margin-top:clamp(22px,4vh,36px);display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:clamp(20px,4vw,56px);align-items:start}
@media (max-width:920px){.cart__grid{grid-template-columns:1fr}}
.cart__ship{padding:4px 0 18px;border-bottom:1px solid var(--line)}
.cart__ship p{margin:0 0 10px;font-size:14.5px;color:var(--tx)}
.cart__ship b{color:var(--act)} html[data-mode="dark"] .cart__ship b{color:var(--main2)}
.cart__bar{height:6px;border-radius:var(--pill);background:var(--raise);overflow:hidden}
.cart__bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--act),var(--act2));transition:width .4s var(--e-out)}
.cart__list{list-style:none;margin:0;padding:0}
.cart__row{display:grid;grid-template-columns:96px minmax(0,1fr) auto 104px auto;gap:18px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}
.cart__th{width:96px;aspect-ratio:1;border-radius:10px;background:var(--raise);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}
.cart__th img{width:100%;height:100%;object-fit:cover;display:block}
.cart__nm{margin:0;font-family:var(--disp);font-variation-settings:"SOFT" 0,"WONK" 0;font-weight:600;font-size:17px;letter-spacing:.02em}
.cart__nm a{color:var(--tx);text-decoration:none}
@media (hover:hover) and (pointer:fine){.cart__nm a:hover{color:var(--act)} html[data-mode="dark"] .cart__nm a:hover{color:var(--main2)}}
.cart__sd{margin:6px 0 0;font:800 11px/1 var(--ui);letter-spacing:.16em;text-transform:uppercase;color:var(--tx-dim)}
.cart__unit{margin:8px 0 0;font-size:14px;color:var(--tx-dim)}
.cart__qty{display:inline-flex;align-items:center;border:1px solid var(--tx-faint);border-radius:var(--pill)}
.cart__qty button{width:40px;height:40px;border:0;background:none;color:var(--tx);font:700 18px/1 var(--ui);border-radius:50%;cursor:pointer;display:grid;place-items:center}
@media (hover:hover) and (pointer:fine){.cart__qty button:hover{background:var(--raise)}}
.cart__qty button:disabled{opacity:.35;cursor:default}
.cart__qty span{min-width:26px;text-align:center;font:700 15px/1 var(--ui)}
.cart__lt{margin:0;text-align:right;font-family:var(--disp);font-variation-settings:"SOFT" 0,"WONK" 0;font-weight:600;font-size:17px;letter-spacing:.02em}
.cart__rm{padding:8px 0;border:0;background:none;color:var(--tx-dim);font:700 13.5px/1 var(--ui);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
@media (hover:hover) and (pointer:fine){.cart__rm:hover{color:var(--act)} html[data-mode="dark"] .cart__rm:hover{color:var(--main2)}}
@media (max-width:640px){.cart__row{grid-template-columns:76px 1fr auto;grid-template-areas:"t i i" "t q p" "t . r";row-gap:10px}
  .cart__th{width:76px;grid-area:t}.cart__info{grid-area:i}.cart__qty{grid-area:q;justify-self:start}.cart__lt{grid-area:p}.cart__rm{grid-area:r;justify-self:end}}
.cart__empty{padding:40px 0;display:grid;justify-items:start;gap:8px;color:var(--tx-dim)}
.cart__empty[hidden]{display:none}
.cart__empty p{margin:0}
.cart__emh{font-family:var(--disp);font-variation-settings:var(--fr-display);font-weight:650;font-size:32px;color:var(--tx)!important}
.cart__empty .pd-v2-action{margin-top:12px}
.cart__back{display:inline-block;margin-top:18px;padding:10px 0;font-weight:700;font-size:14.5px;color:var(--tx);text-underline-offset:3px}
/* 右侧栏:安全支付徽章(新)+ .keep 汇总面板,纵向堆叠在同一个 grid 列里 */
.cart__side{display:grid;gap:18px}
.pd-v2-cart-trust{border:1px solid var(--line);border-radius:14px;padding:22px;text-align:center}
.pd-v2-cart-trust .cap{display:block;margin-bottom:16px;color:var(--tx-dim)}
.pd-v2-cart-trust .pinky-payment-icons{max-width:360px;margin:0 auto}
/* 右侧汇总 = 账户页同款品牌面板(.keep),已经按明暗模式修好——这里不重新定义
   .keep 本身,只加购物车页专属的内部排版。 */
.cart__sum{position:sticky;top:calc(var(--navh) + 20px);padding:26px 26px 0;overflow:hidden}
.cart__sum h2{margin:10px 0 12px;font-size:26px}
.cart__sum dl{margin:0}
.cart__sum dl div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;font-size:15px;color:rgba(255,247,241,.76)}
.cart__sum dd{margin:0;color:#FFF7F1;text-align:right}
.cart__m{font-family:var(--disp);font-variation-settings:"SOFT" 0,"WONK" 0;font-weight:600;letter-spacing:.02em}
.cart__tot{margin-top:6px;padding-top:16px!important;border-top:1px solid rgba(255,247,241,.16);color:#FFF7F1!important;font-weight:700;align-items:baseline}
.cart__tot dd{font-family:var(--disp);font-variation-settings:var(--fr-display);font-weight:650;font-size:28px;letter-spacing:.02em}
.cart__go{width:100%;margin-top:16px;height:52px}
.cart__trust{list-style:none;margin:18px 0 0;padding:16px 0 0;border-top:1px solid rgba(255,247,241,.16);display:grid;gap:10px;font-size:13.5px;color:rgba(255,247,241,.78)}
.cart__trust li{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.cart__trust .ic{width:18px;height:18px;max-width:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;flex:none}
.cart__art{display:flex;justify-content:center;gap:4px;margin:18px -16px 0;height:210px;overflow:hidden}
.cart__art img{height:310px;width:auto;object-fit:contain;object-position:top;filter:drop-shadow(0 10px 22px rgba(0,0,0,.35))}
@media (max-width:920px){.cart__sum{position:static}}
html[data-mode="light"] .cart__sum dl div{color:var(--tx-dim)}
html[data-mode="light"] .cart__sum dd,html[data-mode="light"] .cart__tot{color:var(--tx)!important}
html[data-mode="light"] .cart__tot,html[data-mode="light"] .cart__trust{border-color:var(--line)}
html[data-mode="light"] .cart__trust{color:var(--tx-dim)}
html[data-mode="light"] .cart__art img{filter:drop-shadow(0 10px 22px rgba(38,32,38,.18))}
