.bjpdp{background:var(--paper);color:var(--ink);font-family:var(--bf),sans-serif;font-weight:var(--bw);padding:24px 0 72px;line-height:1.5;font-size:14px;--muted:#6b6b6e;--line:#eadfe5;--ok:#005745;overflow-x:clip}
.bjpdp *{box-sizing:border-box}
.bjpdp h1,.bjpdp h2,.bjpdp .price{font-family:var(--hf),sans-serif;font-weight:var(--hw)}
.bjpdp .wrap{max-width:1240px;margin:0 auto;padding:0 24px;transition:opacity .15s}
.bjpdp.is-loading .wrap{opacity:.55;pointer-events:none}
.bjpdp .top{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:48px;align-items:start}
.bjpdp .gal{position:sticky;top:16px;min-width:0}
.bjpdp .stage{background:var(--soft);aspect-ratio:1/1;display:grid;place-items:center;border-radius:var(--r);overflow:hidden}
.bjpdp .stage img{width:100%;height:100%;object-fit:contain;display:block}
.bjpdp .thumbs{display:flex;gap:10px;margin-top:12px;overflow-x:auto;padding-bottom:4px}
.bjpdp .thumbs button{flex:none;padding:0;border:2px solid transparent;background:var(--soft);width:72px;height:72px;cursor:pointer;border-radius:14px;overflow:hidden}
.bjpdp .thumbs button[aria-current="true"]{border-color:var(--btn)}
.bjpdp .thumbs img{width:100%;height:100%;object-fit:cover;display:block}
.bjpdp h1{font-size:32px;line-height:1.1;margin:8px 0 4px;text-transform:var(--tc)}
.bjpdp .price{font-size:48px;line-height:1;color:var(--accent);margin:12px 0 18px}
.bjpdp .promise{font-weight:700;font-size:14px;margin:0 0 8px}
.bjpdp .desc{font-size:13px;margin:0 0 16px}
.bjpdp hr{border:0;border-top:1px solid var(--line);margin:0 0 20px}
.bjpdp .fmt{margin:0 0 16px}
.bjpdp .lbl{display:block;font-size:12.8px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;margin:0 0 12px}
.bjpdp .row{display:flex;gap:9px;flex-wrap:wrap}
.bjpdp .it{position:relative;flex:1 1 0;min-width:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 14px;border:2px solid var(--soft);border-radius:var(--r);background:var(--soft);color:var(--ink);text-decoration:none;text-align:center}
.bjpdp .it:hover{border-color:var(--btn)}
.bjpdp .it.on{background:var(--btn);border-color:var(--btn);color:#fff}
.bjpdp .it:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.bjpdp .it .d{font-weight:700;font-size:14px}
.bjpdp .it .pr{font-size:13px}
.bjpdp .it .u{font-size:11px;opacity:.75}
.bjpdp .it .sv{position:absolute;top:-10px;right:10px;background:var(--hl);color:var(--ink);font-size:10.5px;font-weight:700;padding:2px 9px;border-radius:999px;line-height:1.3;white-space:nowrap;box-shadow:0 0 0 2px var(--paper)}
.bjpdp .ship{margin:10px 0 2px;font-size:13px}
.bjpdp .ship .sl{margin:0;font-weight:700;font-size:13.5px}
.bjpdp .ship .bar{position:relative;height:8px;background:var(--soft);margin:12px 8px 30px 8px;border-radius:99px}
.bjpdp .ship .bar i{display:block;height:100%;background:var(--ok);width:0;border-radius:99px;transition:width .25s}
.bjpdp .ship .ms{position:absolute;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:#fff;border:2px solid #d9cfd5;display:grid;place-items:center;font-size:10px;color:#fff;line-height:1;transition:background .25s,border-color .25s}
.bjpdp .ship .ms.ok{background:var(--ok);border-color:var(--ok)}
.bjpdp .ship .ms.ok:after{content:"✓"}
.bjpdp .ship .ms em{position:absolute;top:24px;left:50%;transform:translateX(-50%);font-style:normal;font-size:11.5px;color:var(--muted);white-space:nowrap;font-weight:400}
.bjpdp .ship .ms.ok em{color:var(--ok);font-weight:700}
.bjpdp .ship .ms.last em{left:auto;right:-8px;transform:none}
.bjpdp .buy{display:flex;gap:10px;margin-top:16px}
.bjpdp .qty{display:flex;align-items:center;border:2px solid var(--soft);border-radius:var(--rb);background:#fff}
.bjpdp .qty button{width:44px;height:48px;border:0;background:none;font-size:20px;cursor:pointer;color:var(--ink)}
.bjpdp .qty output{min-width:30px;text-align:center}
.bjpdp .btn{height:52px;border:0;border-radius:var(--rb);font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;background:var(--btn);color:#fff}
.bjpdp .btn.main{flex:1}
.bjpdp .btn.alt{width:100%;margin-top:10px;background:transparent;color:var(--btn);border:2px solid var(--btn)}
.bjpdp .checks{list-style:none;padding:0;margin:24px 0 0}
.bjpdp .checks li{display:flex;gap:10px;align-items:flex-start;margin:0 0 12px;font-size:14px}
.bjpdp .checks li:before{content:"✓";flex:none;width:22px;height:22px;border-radius:50%;background:var(--hl);color:var(--ink);display:grid;place-items:center;font-size:12px;font-weight:700;line-height:1}
.bjpdp .legal{font-size:12px;color:var(--muted);margin-top:14px}
.bjpdp section{margin-top:64px}
.bjpdp h2{font-size:26px;line-height:1.2;margin:0 0 14px}
.bjpdp details{border-top:1px solid var(--line);padding:14px 0}
.bjpdp details:last-of-type{border-bottom:1px solid var(--line)}
.bjpdp summary{cursor:pointer;font-weight:700}
.bjpdp details p{margin:10px 0 0;color:var(--muted)}
.bjpdp .sticky{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--line);padding:10px 16px;display:none;gap:12px;align-items:center;z-index:10}
.bjpdp .sticky.show{display:flex}
.bjpdp .sticky .t{flex:1;font-weight:700;font-size:14px}
.bjpdp .sticky .btn{flex:none;height:46px;padding:0 22px}
@media(max-width:880px){.bjpdp .top{grid-template-columns:minmax(0,1fr);gap:24px}.bjpdp .gal{position:static}.bjpdp .price{font-size:40px}.bjpdp .wrap{padding:0 16px}}