.china-price{background:#1d1d1e;color:#edede9;padding:35px}.china-price .button{width:100%}
/* Each expense joins the total once, when the card enters the viewport. */
.china-price .cost-parts{margin:26px 0 0}
.cost-parts>div{position:relative;padding:0 0 19px 34px;margin-bottom:18px;border-bottom:1px solid #393939}
.cost-parts>div:before{content:'+';position:absolute;left:0;top:-3px;color:#f03b29;font-size:24px;font-weight:500}
.cost-parts>div:first-child:before{content:'01';font-size:12px;top:5px}
.cost-parts dt{font-size:17px;font-weight:600;line-height:1.35}
.cost-parts dd{margin:7px 0 0;color:#aaa;font-size:14px;line-height:1.5}
.cost-note{color:#999;font-size:12px;line-height:1.6;margin:0 0 24px 34px}
.cost-total{position:relative;display:flex;align-items:center;gap:17px;padding:22px 0;margin:0 0 22px;border-top:2px solid #f03b29}
.cost-equals{color:#f03b29;font-size:29px}
.cost-total strong{font-size:22px;font-weight:600}
.cost-total p{font-size:13px;color:#bbb;margin:6px 0 0}
.cost-total:before{content:'';position:absolute;inset:0;background:#f03b2910;pointer-events:none;opacity:0}
@media(prefers-reduced-motion:no-preference){
.cost-animate.is-visible .cost-parts>div{animation:cost-join .5s both cubic-bezier(.2,.7,.25,1)}
.cost-animate.is-visible .cost-parts>div:nth-child(2){animation-delay:.18s}
.cost-animate.is-visible .cost-parts>div:nth-child(3){animation-delay:.36s}
.cost-animate.is-visible .cost-parts>div:nth-child(4){animation-delay:.54s}
.cost-animate.is-visible .cost-total{animation:cost-join .5s .8s both}
.cost-animate.is-visible .cost-total:before{animation:cost-glow .9s 1s both}
@keyframes cost-join{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}
@keyframes cost-glow{0%,100%{opacity:0}40%{opacity:1}}
}
@media(max-width:767px){.cost-parts dt{font-size:15px}.cost-parts dd{font-size:13px}.cost-total strong{font-size:20px}.cost-parts>div{padding-left:28px}.cost-note{margin-left:28px}}

@media(max-width:767px){.china-price{padding:22px}}