.purchase-panel{position:relative;height:100%;border-radius:1.65vw;background:#fff;color:#426139;font-family:Harmony,sans-serif;overflow:hidden}
.purchase-panel p,.purchase-panel h2{margin:0}
.purchase-header{position:absolute;left:3.6%;right:3.6%;top:3%;display:flex;align-items:center;justify-content:space-between}
.purchase-product{font-size:1.42vw;line-height:1.5;font-weight:500;border:1px solid #718766;border-radius:99px;padding:.15vw .75vw}
.purchase-symbol{display:block;width:3.65vw;height:3.65vw;background:currentColor;mask:url('assets/favicon-symbol-v23.png') center/contain no-repeat;-webkit-mask:url('assets/favicon-symbol-v23.png') center/contain no-repeat}
.purchase-description{position:absolute;left:3.6%;right:3.6%;top:13%}
.purchase-description .purchase-zh{font-size:1.39vw;font-weight:500;line-height:1.45;letter-spacing:.04em}
.purchase-description .purchase-en{font-size:1.2vw;font-weight:300;line-height:1.2;margin-top:.6vw;letter-spacing:.025em}
.purchase-price{position:absolute;left:4.6%;right:3.6%;top:33.2%;display:flex;gap:.7vw;align-items:center;flex-wrap:wrap}
.purchase-price strong{font-size:2.2vw;font-weight:600;line-height:1.2;white-space:nowrap}
.purchase-price-note{display:flex;flex-direction:column;background:#83c660;color:#fff;border-radius:99px;padding:.2vw .65vw;text-align:center;font-size:.78vw;line-height:1.05;font-weight:300}
.purchase-directions{position:absolute;left:3.6%;right:3.6%;top:41.8%;font-size:1.56vw;line-height:1.4;font-weight:400}
.purchase-directions p+p{margin-top:.15vw}
.purchase-buy{position:absolute;left:5.2%;right:6.4%;top:53.5%;width:88.4%;height:9.7%;padding:0 1vw;border:0;border-radius:99px;background:#238d43;color:#fff;font:400 2vw/1.3 Harmony,sans-serif;cursor:pointer;transition:background .18s ease}
.purchase-buy:hover{background:#197535}.purchase-buy:focus-visible{outline:3px solid #426139;outline-offset:4px}
.purchase-divider{position:absolute;left:5.2%;right:5.2%;top:66.4%;margin:0;border:0;border-top:1px solid #426139}
.purchase-benefits{position:absolute;left:3.6%;right:3.6%;top:69.4%;font-size:1.18vw;line-height:1.3;font-weight:300}
.purchase-benefits h3{font-size:inherit;font-weight:300;margin:0 0 1.25vw}.purchase-benefit+.purchase-benefit{margin-top:1.1vw}
@media(max-width:760px){
 .purchase-panel{height:auto;overflow:visible;border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:24px}
 .purchase-header,.purchase-description,.purchase-price,.purchase-directions,.purchase-buy,.purchase-divider,.purchase-benefits{position:static;left:auto;right:auto;top:auto;width:auto}
 .purchase-product{font-size:18px;padding:2px 10px}.purchase-symbol{width:36px;height:36px}
 .purchase-description .purchase-zh{font-size:17px;line-height:1.65;letter-spacing:0}.purchase-description .purchase-en{font-size:14px;line-height:1.5;letter-spacing:0;margin-top:10px}
 .purchase-price{gap:10px}.purchase-price strong{font-size:26px}.purchase-price-note{font-size:10px;padding:4px 10px}
 .purchase-directions{font-size:17px;line-height:1.5}.purchase-directions p+p{margin-top:7px}
 .purchase-buy{width:100%;height:auto;min-height:56px;padding:12px 16px;font-size:20px}
 .purchase-divider{width:100%;margin:0}.purchase-benefits{font-size:14px;line-height:1.6}.purchase-benefits h3{margin:0 0 17px}.purchase-benefit+.purchase-benefit{margin-top:20px}
}