.pdp-card{border-radius:var(--sf-radius);border:1px solid var(--sf-border);background:linear-gradient(180deg, #ffffff06, #fff0 56%), var(--sf-surface);position:relative;box-shadow:inset 0 1px #ffffff0a,0 1px 2px #0000004d}.pdp-card--hover{transition:border-color .18s,box-shadow .18s,transform .18s}.pdp-card--hover:hover{border-color:var(--sf-border-strong);box-shadow:inset 0 1px #ffffff0d,0 6px 24px #00000059}.pdp-panel{border-color:color-mix(in srgb, var(--sf-accent) 18%, var(--sf-border));background:radial-gradient(120% 80% at 50% -20%, rgba(var(--sf-accent-rgb), .1) 0%, rgba(var(--sf-accent-rgb), .03) 45%, transparent 70%), linear-gradient(180deg, #ffffff05, #fff0 50%), var(--sf-surface)}.pdp-label{letter-spacing:.08em;text-transform:uppercase;color:var(--sf-text-subtle);align-items:center;gap:.5rem;font-size:11px;font-weight:600;display:inline-flex}.pdp-cta{background:linear-gradient(180deg, color-mix(in srgb, var(--sf-accent) 86%, #fff 14%), var(--sf-accent));color:var(--sf-accent-text);box-shadow:inset 0 1px 0 #ffffff2e, 0 0 0 1px color-mix(in srgb, var(--sf-accent) 60%, transparent), 0 4px 18px rgba(var(--sf-accent-rgb), .3);transition:box-shadow .18s,filter .18s,transform .12s;position:relative}.pdp-cta:hover:not(:disabled){filter:brightness(1.08);box-shadow:inset 0 1px 0 #fff3, 0 0 0 1px color-mix(in srgb, var(--sf-accent) 70%, transparent), 0 6px 26px rgba(var(--sf-accent-rgb), .45)}.pdp-cta:active:not(:disabled){transform:translateY(1px)scale(.995)}.pdp-cta:disabled{opacity:.5;cursor:not-allowed}.pdp-cta-secondary{border:1px solid var(--sf-border-strong);color:var(--sf-text);background:0 0;transition:border-color .16s,background-color .16s}.pdp-cta-secondary:hover:not(:disabled){border-color:var(--sf-accent-line);background:rgba(var(--sf-accent-rgb), .06)}.pdp-cta-secondary:disabled{opacity:.5;cursor:not-allowed}.pdp-variant{border-radius:calc(var(--sf-radius) - 4px);border:1px solid var(--sf-border);background:var(--sf-surface-alt);text-align:left;justify-content:space-between;align-items:center;gap:.75rem;width:100%;padding:.7rem .85rem;transition:border-color .16s,background-color .16s,box-shadow .16s;display:flex;position:relative}.pdp-variant:hover:not(:disabled):not([aria-checked=true]){border-color:var(--sf-border-strong);background:var(--sf-surface-hover)}.pdp-variant[aria-checked=true]{border-color:var(--sf-accent-line);background:linear-gradient(90deg, rgba(var(--sf-accent-rgb), .1), rgba(var(--sf-accent-rgb), .03)), var(--sf-surface-alt);box-shadow:0 0 0 1px var(--sf-accent-line)}.pdp-variant:disabled{opacity:.45;cursor:not-allowed}.pdp-variant-dot{border:1.5px solid var(--sf-border-strong);border-radius:999px;flex:none;place-items:center;width:1.15rem;height:1.15rem;transition:border-color .16s,background-color .16s;display:grid}.pdp-variant[aria-checked=true] .pdp-variant-dot{border-color:var(--sf-accent);background:var(--sf-accent)}.pdp-variant-dot svg{opacity:0;transition:opacity .14s,transform .14s cubic-bezier(.34,1.56,.64,1);transform:scale(.5)}.pdp-variant[aria-checked=true] .pdp-variant-dot svg{opacity:1;transform:scale(1)}.pdp-status-bars{gap:3px;display:flex}.pdp-status-bar{border-radius:2px;flex:1 1 0;min-width:0;height:22px;transition:transform .12s,opacity .12s}.pdp-status-bar:hover{transform:scaleY(1.18)}.pdp-status-bar[data-state=operational]{background:var(--sf-success);opacity:.85}.pdp-status-bar[data-state=degraded]{background:var(--sf-warning)}.pdp-status-bar[data-state=maintenance]{background:var(--sf-info)}.pdp-status-bar[data-state=offline]{background:var(--sf-danger)}.pdp-tab{border-radius:calc(var(--sf-radius) - 6px);color:var(--sf-text-muted);padding:.55rem .9rem;font-size:.875rem;transition:color .14s,background-color .14s;position:relative}.pdp-tab:hover{color:var(--sf-text)}.pdp-tab[aria-selected=true]{color:var(--sf-text);background:var(--sf-surface-hover);box-shadow:inset 0 0 0 1px var(--sf-border)}.pdp-tab-panel{animation:.24s both pdp-fade-up}@keyframes pdp-fade-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.pdp-gallery-main{border-radius:var(--sf-radius);border:1px solid var(--sf-border);background:var(--sf-surface);position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0a,0 12px 40px #00000059}.pdp-gallery-slide{animation:.26s both pdp-fade-up}.pdp-thumb{border-radius:calc(var(--sf-radius) - 4px);border:1px solid var(--sf-border);opacity:.65;transition:opacity .15s,border-color .15s;position:relative;overflow:hidden}.pdp-thumb:hover{opacity:.9}.pdp-thumb[aria-current=true]{opacity:1;border-color:var(--sf-accent-line);box-shadow:0 0 0 1px var(--sf-accent-line)}.pdp-placeholder{background:radial-gradient(90% 90% at 50% 10%, rgba(var(--sf-accent-rgb), .16) 0%, rgba(var(--sf-accent-rgb), .05) 45%, transparent 75%), linear-gradient(to right, #ffffff08 1px, transparent 1px), linear-gradient(to bottom, #ffffff08 1px, transparent 1px), var(--sf-bg-elevated);background-size:100% 100%,40px 40px,40px 40px,100% 100%;place-items:center;width:100%;height:100%;display:grid;position:relative}.pdp-demo-tag{border:1px dashed var(--sf-border-strong);letter-spacing:.06em;text-transform:uppercase;color:var(--sf-text-subtle);border-radius:999px;align-items:center;gap:.3rem;padding:.1rem .5rem;font-size:10px;font-weight:600;display:inline-flex}.pdp-chip{letter-spacing:.02em;border-radius:999px;align-items:center;gap:.35rem;padding:.22rem .65rem;font-size:11px;font-weight:600;display:inline-flex}.pdp-expand{grid-template-rows:0fr;transition:grid-template-rows .24s;display:grid}.pdp-expand[data-open=true]{grid-template-rows:1fr}.pdp-expand>div{overflow:hidden}.pdp-lightbox::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0908d1}.pdp-lightbox{animation:.2s both pdp-fade-up}@media (prefers-reduced-motion:reduce){.pdp-tab-panel,.pdp-gallery-slide,.pdp-lightbox{animation:none}.pdp-card--hover,.pdp-cta,.pdp-variant,.pdp-variant-dot,.pdp-variant-dot svg,.pdp-status-bar,.pdp-expand{transition:none}.pdp-status-bar:hover{transform:none}}