.pcp-card {text-align:center}
.pcp-card .pcp-content,.pcp-card .pcp-title,.pcp-card .pcp-price,.pcp-card .pcp-actions {text-align:center}
.pcp-card .pcp-title {font-family:inherit;line-height:1.4;text-wrap:pretty}
.pcp-card .pcp-price {font-variant-numeric:tabular-nums}
.pcp-card .pcp-frame {display:block;position:relative;aspect-ratio:var(--pcp-ratio,1 / 1);width:100%;margin-inline:auto}
.pcp-card .pcp-frame .image-zoom,.pcp-card .pcp-frame .image-zoom>a {display:block;width:100%;height:100%}
.pcp-card .pcp-frame img {width:100%;height:100%;object-fit:var(--pcp-fit,contain)}
.pcp-card.pcp-preview-active .pcp-frame .show-on-hover {visibility:hidden!important}
.pcp-card .pcp-badge {background:var(--pcp-badge-bg,#111)!important;color:var(--pcp-badge-fg,#fff)!important;border-color:var(--pcp-badge-bg,#111)!important;border-radius:4px!important;padding:6px 9px!important;min-width:0!important;width:auto!important;height:auto!important;line-height:1.25!important;font:700 12px/1.25 system-ui,sans-serif!important}
.pcp-card .pcp-controls {display:flex;align-items:center;justify-content:center;gap:7px;margin:10px auto 12px;max-width:100%;min-width:0}
.pcp-card .pcp-thumbnails {display:flex;align-items:center;gap:7px;overflow-x:auto;max-width:100%;padding:4px;scrollbar-width:thin}
.pcp-card .pcp-thumb,.pcp-card .pcp-reset {box-sizing:border-box;flex:0 0 44px;min-width:44px;min-height:44px;width:44px;height:44px;padding:3px!important;margin:0!important;line-height:1!important;border:1px solid var(--pcp-border,#b9b9b9);border-radius:6px;background:var(--pcp-thumb-bg,#fff);color:var(--pcp-thumb-fg,#111);box-shadow:none;cursor:pointer}
.pcp-card .pcp-thumb img {display:block;width:100%;height:100%;object-fit:contain}
.pcp-card .pcp-thumb[aria-pressed=true] {outline:2px solid var(--pcp-accent,#222);outline-offset:-2px}
.pcp-card button:focus-visible {outline:3px solid var(--pcp-accent,#5b49c7);outline-offset:3px}
.pcp-card .pcp-reset {font-size:21px}
.pcp-surface {position:relative}
.pcp-surface[data-pcp-preset=soft],.pcp-surface[data-pcp-preset=dark] {border:1px solid var(--pcp-surface-border,#ededed);border-radius:var(--pcp-radius,14px);background:var(--pcp-surface,#fff);color:var(--pcp-text,#171717);box-shadow:0 5px 22px #00000006}
.pcp-card .pcp-sheen {position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none;z-index:1}
.pcp-card .pcp-sheen::after {content:'';position:absolute;inset:-40%;background:linear-gradient(115deg,transparent 35%,#ffffff33 50%,transparent 65%);transform:translateX(-100%);opacity:0}
@media(hover:hover) and (pointer:fine) {
 .pcp-surface[data-pcp-effects=subtle],.pcp-surface[data-pcp-effects=sheen] {transition:box-shadow .2s ease,transform .2s ease}
 .pcp-surface[data-pcp-effects=subtle]:hover,.pcp-surface[data-pcp-effects=sheen]:hover {box-shadow:0 8px 28px #00000012;transform:translateY(-2px)}
 .pcp-surface[data-pcp-effects=sheen]:hover>.pcp-sheen::after {animation:pcp-sheen .8s ease both}
}
@keyframes pcp-sheen {10%{opacity:1}90%{opacity:1}100%{transform:translateX(100%);opacity:0}}
@media(prefers-reduced-motion:reduce) {.pcp-surface{transition:none!important;transform:none!important}.pcp-card .pcp-sheen::after{animation:none!important;opacity:0!important}}