.pviewer{border-radius:var(--radius-lg);position:relative;overflow:hidden}.pviewer--video{background:0 0}.pviewer--photo{aspect-ratio:1;background:var(--color-surface-alt)}.pviewer--photo img{object-fit:cover;width:100%;height:100%;display:block}.pviewer__caption{inset-inline:0;padding:var(--space-lg) var(--space-md) var(--space-sm);font-size:var(--text-xs);color:#fff;text-align:center;pointer-events:none;background:linear-gradient(#0000,#0000008c);margin:0;position:absolute;bottom:0}.pviewer--static{aspect-ratio:1;background:radial-gradient(ellipse at 50% 118%, color-mix(in srgb, var(--color-primary) 22%, transparent), transparent 68%), var(--color-surface-alt);place-items:center;display:grid}.pviewer__silhouette{width:62%;height:70%;color:color-mix(in srgb, var(--color-primary) 46%, transparent)}.pviewer__note{bottom:var(--space-sm);font-size:var(--text-xs);color:var(--color-fg-muted);position:absolute}.pd{padding-top:calc(var(--nav-h) + var(--space-lg));padding-bottom:var(--space-4xl)}.pd__crumbs{align-items:center;gap:var(--space-2xs);font-size:var(--text-sm);color:var(--color-fg-muted);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.pd__crumbs a{align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.pd__crumbs a:hover{text-decoration:underline}.pd__top{gap:var(--space-2xl);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}.pd__visual{top:calc(var(--nav-h) + var(--space-md));position:sticky}.pd__shotNote{justify-content:center;align-items:center;gap:var(--space-2xs);margin-top:var(--space-sm);font-size:var(--text-sm);color:var(--color-fg-muted);flex-wrap:wrap;display:flex}.pd__shotNote strong{color:var(--color-fg)}.pd__shotNote-pot{border:1px solid var(--color-border);border-radius:var(--radius-sm);object-fit:contain;background:#fff;width:38px;height:38px;padding:2px}.pd__name{align-items:baseline;gap:var(--space-sm);font-size:var(--text-3xl);margin-bottom:var(--space-2xs);flex-wrap:wrap;display:flex}.pd__name-hi{font-size:var(--text-xl);color:var(--color-primary);font-weight:400}.pd__tagline{font-size:var(--text-lg);color:var(--color-fg);margin-bottom:var(--space-sm);font-weight:600}.pd__desc{color:var(--color-fg-muted);line-height:var(--leading-relaxed);margin-bottom:var(--space-lg)}.pd__field{margin-bottom:var(--space-lg)}.pd__field-label{margin-bottom:var(--space-xs);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-fg-muted);font-weight:700;display:block}.pd__opts{gap:var(--space-2xs);flex-wrap:wrap;display:flex}.pd__opt{min-height:48px;padding:var(--space-2xs) var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-fg);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);flex-direction:column;justify-content:center;align-items:flex-start;line-height:1.15;display:flex}.pd__opt em{opacity:.72;font-size:.68rem;font-style:normal;font-weight:500}.pd__opt:hover{border-color:var(--color-primary)}.pd__opt.is-on{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.pd__opts--pots{gap:var(--space-xs);grid-template-columns:repeat(auto-fit,minmax(116px,1fr));grid-auto-rows:1fr;display:grid}.pd__pot{border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:left;color:#1c2420;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-organic);background:#fff;flex-direction:column;align-items:stretch;padding:0;display:flex;overflow:hidden}.pd__pot:hover{border-color:var(--color-primary);transform:translateY(-2px)}.pd__pot:active{transform:translateY(0)}.pd__pot.is-on{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary)}.pd__pot.is-on span{font-weight:700}.pd__pot span{padding:var(--space-xs) var(--space-sm) var(--space-sm);font-size:var(--text-sm);flex-direction:column;flex:1;justify-content:center;gap:1px;font-weight:600;line-height:1.25;display:flex}.pd__pot em{color:var(--color-accent);font-size:.7rem;font-style:normal;font-weight:500}.pd__swatch--photo{aspect-ratio:1;object-fit:cover;background:#fff;border:none;border-bottom:1px solid #0000000f;border-radius:0;width:100%;height:auto;display:block}.pd__swatch{aspect-ratio:1;border:none;border-bottom:1px solid var(--color-border);border-radius:0;width:100%;display:block}.pd__buybar{align-items:center;gap:var(--space-md);padding-block:var(--space-md);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.pd__price{flex-direction:column;line-height:1.1;display:flex}.pd__price-value{font-family:var(--font-display);font-size:var(--text-2xl);font-variant-numeric:tabular-nums;font-weight:700}.pd__price-note{font-size:var(--text-xs);color:var(--color-fg-muted)}.pd__add{flex:auto;min-width:170px}.pd__add.is-added{background:var(--color-accent)}.pd__ask{align-items:center;gap:var(--space-xs);min-height:44px;margin-top:var(--space-sm);font-weight:600;text-decoration:none;display:inline-flex}.pd__ask:hover{text-decoration:underline}.pd__trust{gap:var(--space-2xs);margin-top:var(--space-md);flex-direction:column;padding:0;list-style:none;display:flex}.pd__trust li{align-items:center;gap:var(--space-xs);font-size:var(--text-sm);color:var(--color-fg-muted);display:flex}.pd__trust svg{color:var(--color-primary);flex-shrink:0}.pd__bulk{margin-top:var(--space-lg);padding:var(--space-lg);background:color-mix(in srgb, var(--color-accent) 10%, var(--color-surface));border:1px solid var(--color-border-strong);border-radius:var(--radius-lg)}.pd__bulkTitle{font-size:var(--text-lg);margin-bottom:var(--space-2xs)}.pd__bulkLead{font-size:var(--text-sm);color:var(--color-fg-muted);line-height:var(--leading-relaxed);margin-bottom:var(--space-md)}.pd__bulkQtys{gap:var(--space-2xs);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.pd__bulkQty{min-width:60px;min-height:44px;padding-inline:var(--space-sm);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-variant-numeric:tabular-nums;color:var(--color-fg);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);font-weight:700}.pd__bulkQty:hover{border-color:var(--color-primary)}.pd__bulkQty.is-on{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.pd__bulkCta{gap:var(--space-xs);width:100%}.pd__bulkNote{margin-top:var(--space-xs);font-size:var(--text-xs);color:var(--color-fg-muted)}.pd__care{margin-top:var(--space-4xl);padding-top:var(--space-2xl);border-top:1px solid var(--color-border)}.pd__care h2{margin-bottom:var(--space-lg)}.pd__facts{gap:var(--space-md);margin-bottom:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(210px,1fr));padding:0;list-style:none;display:grid}.pd__facts li{gap:var(--space-sm);padding:var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex}.pd__facts svg{color:var(--color-primary);flex-shrink:0}.pd__facts div{flex-direction:column;gap:2px;display:flex}.pd__facts strong{font-size:var(--text-base)}.pd__facts span{font-size:var(--text-sm);color:var(--color-fg-muted);line-height:1.4}.pd__steps{margin:0 0 var(--space-lg);gap:var(--space-sm);max-width:68ch;color:var(--color-fg-muted);line-height:var(--leading-relaxed);flex-direction:column;padding-left:1.4em;display:flex}.pd__steps li::marker{color:var(--color-primary);font-weight:700}.pd__careLink{align-items:center;gap:var(--space-2xs);min-height:44px;font-weight:600;text-decoration:none;display:inline-flex}.pd__careLink:hover{text-decoration:underline}.pd__related{margin-top:var(--space-4xl);padding-top:var(--space-2xl);border-top:1px solid var(--color-border)}.pd__related h2{margin-bottom:var(--space-lg)}.pd__relatedGrid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(230px,1fr));padding:0;list-style:none;display:grid}.pd__relatedGrid>li{display:flex}@media (width<=860px){.pd__top{gap:var(--space-xl);grid-template-columns:1fr}.pd__visual{max-width:460px;position:static}}
