.zbpsc{display:block;max-width:1180px;margin:12px auto 0;padding:28px 24px 22px;color:#1f3e5a;border-top:1px solid #d7eaf2;border-bottom:1px solid #d7eaf2;background:#fff}
.zbpsc [hidden]{display:none!important}
.zbpsc__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}
.zbpsc__header h2{margin:0 0 7px;font:inherit;font-size:28px;font-weight:700;letter-spacing:-.025em;line-height:1.2}
.zbpsc__header p{margin:0;color:#536779;font-size:14px;line-height:1.5}
.zbpsc__header .zbpsc__design{color:#226db4;font-size:13px;font-weight:650;max-width:220px;text-align:right}
.zbpsc__viewport{min-width:0}
.zbpsc__rail{display:flex;align-items:stretch;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#aacce5 #f0f6fa;padding:2px 2px 8px}
.zbpsc__rail:focus-visible,.zbpsc button:focus-visible,.zbpsc a:focus-visible{outline:2px solid #226db4;outline-offset:3px}
.zbpsc__card{flex:1 0 170px;max-width:225px;min-width:0;padding:12px 10px 8px;border:1px solid #e1ecf3;border-radius:12px;scroll-snap-align:start;text-align:center;background:#fff}
.zbpsc__card.is-selected{border-color:#226db4;box-shadow:inset 0 0 0 1px #226db4}
.zbpsc__image-space{height:178px;display:flex;align-items:flex-end;justify-content:center;margin-bottom:12px}
.zbpsc__image{width:calc(180px * var(--size-ratio));height:calc(178px * var(--size-ratio));max-width:100%}
.zbpsc__photo{display:flex;align-items:flex-end;justify-content:center;width:100%;height:100%;gap:4px;background:#fff}
.zbpsc__photo img{display:block;width:100%;height:100%;min-width:0;object-fit:contain;object-position:center bottom}
.zbpsc__photo--pair img{width:calc(50% - 2px)}
.zbpsc__label{margin:0;font-size:13px;font-weight:650;line-height:1.4}
.zbpsc__weight{min-height:19px;margin:4px 0 0;font-size:12px;line-height:1.5;color:#536779}
.zbpsc__status{min-height:19px;margin:4px 0 0;font-size:11px;line-height:1.5;color:#226db4}
.zbpsc__status [data-size-sold-out]{color:#6b5e51}
.zbpsc__status [data-size-selected]:not([hidden])+[data-size-sold-out]:not([hidden])::before{content:' · '}
.zbpsc__navigation{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:8px;color:#536779;font-size:12px}
.zbpsc__navigation button{display:inline-flex;width:44px;height:40px;justify-content:center;align-items:center;padding:0;background:#fff;border:1px solid #c5dce9;border-radius:50%;color:#226db4;font-size:20px;cursor:pointer}
.zbpsc__navigation button:disabled{opacity:.35;cursor:default}
.zbpsc__reference{margin:12px 0 0;font-size:12px;line-height:1.5;color:#536779}
.zbpsc__note{margin:14px 0 0;font-size:12px;line-height:1.7;color:#536779}
.zbpsc__note a{display:inline-block;padding:4px;color:#226db4;text-underline-offset:3px;font-weight:650}
#zb-product-size-chart{scroll-margin-top:120px}
@media(max-width:749px){.zbpsc{margin:8px 14px 0;padding:24px 0 16px}.zbpsc__header{display:block;margin-bottom:12px;padding:0 4px}.zbpsc__header h2{font-size:23px}.zbpsc__header p{font-size:13px}.zbpsc__header .zbpsc__design{max-width:none;text-align:left;margin-top:8px}.zbpsc__rail{gap:8px}.zbpsc__card{flex:0 0 138px;padding:10px 7px 6px}.zbpsc__image-space{height:150px}.zbpsc__image{width:calc(130px * var(--size-ratio));height:calc(150px * var(--size-ratio))}.zbpsc__label{font-size:12px}.zbpsc__weight{font-size:11px}.zbpsc__note,.zbpsc__reference{padding:0 4px}}
@media(prefers-reduced-motion:reduce){.zbpsc__rail{scroll-behavior:auto}}