.pdpx-st .page-width{max-width:1000px;margin-inline:auto;padding-inline:18px}
.pdpx-st__title{text-align:center;font-size:clamp(24px,5vw,32px);line-height:1.18;letter-spacing:var(--letter-spacing-heading,normal);font-weight:var(--font-weight-bold,700);margin:0 0 8px}
.pdpx-st__sub{text-align:center;font-size:15px;line-height:1.55;opacity:.85;margin:0 auto 8px;max-width:560px}
.pdpx-st__grid{display:grid;grid-template-columns:1fr;gap:26px;margin-top:22px;max-width:360px;margin-inline:auto}
.pdpx-st__item{text-align:center}
.pdpx-st__ringwrap{position:relative;width:140px;max-width:62%;margin:0 auto 14px;aspect-ratio:1/1}
.pdpx-st__ring{width:100%;height:100%;transform:rotate(-90deg);display:block}
.pdpx-st__track{fill:none;stroke:rgba(0,0,0,.08);stroke-width:8}
.pdpx-st__bar{fill:none;stroke:var(--pdpx-st-accent,#ec8d83);stroke-width:8;stroke-linecap:round;stroke-dasharray:326.726;stroke-dashoffset:326.726;transition:stroke-dashoffset 1.2s ease}
.pdpx-st__num{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:clamp(26px,7vw,34px);font-weight:var(--font-weight-bold,700);line-height:1}
.pdpx-st__label{font-weight:var(--font-weight-semibold,600);font-size:14px;line-height:1.35;margin:0 0 6px}
.pdpx-st__note{font-size:11px;font-style:italic;opacity:.7;margin:0;line-height:1.4}
@media screen and (min-width:750px){
 .pdpx-st__grid{grid-template-columns:repeat(3,1fr);gap:30px;max-width:none}
 .pdpx-st__ringwrap{width:150px}
}
@media (prefers-reduced-motion: reduce){.pdpx-st__bar{transition:none}}