/* Shared by Studio overlays and standalone PDPs, not by the control UI. */
:is(.nc-body, .sc-product-dialog) [data-price-chart] > svg { display: block; width: 100%; height: auto; aspect-ratio: 3 / 1; stroke: none; fill: none; }
[data-price-history] .nc-source-note { font-size: 12px; line-height: 1.6; }
.pc-facts { --pc-ink: var(--sc-ink, var(--nc-ink, #15231c)); --pc-muted: var(--sc-muted, var(--nc-muted, #546259)); --pc-line: var(--sc-line, var(--nc-line, #dce2d8)); --pc-accent: var(--sc-accent, var(--nc-accent, #b9f227)); color: var(--pc-ink); font-size: 13px; line-height: 1.5; margin: 12px 0 20px; }
.pc-facts [hidden] { display: none !important; }
.pc-stock { min-height: 52px; padding: 0 0 14px; }
.pc-stock-result { display: grid; gap: 8px; border: 1px solid var(--pc-line); border-radius: 12px; padding: 12px 14px; background: color-mix(in srgb,var(--pc-accent),transparent 96%); }
.pc-stock-line { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 14px; }
.pc-stock-availability { display: flex; align-items: center; gap: 8px; }
.pc-stock-line strong { font-size: 14px; font-weight: 600; }
.pc-stock-variant { display: flex; flex-wrap: wrap; gap: 6px; font-size: 11px; color: var(--pc-muted); }
.pc-stock-dot { width: 7px; height: 7px; flex: none; border-radius: 50%; background: var(--pc-muted); }
.pc-stock-dot.is-orderable { background: #649a32; }
.pc-stock-meta { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 4px 14px; }
.pc-stock-meta small, .pc-stock-meta p { color: var(--pc-muted); margin: 0; font-size: 11px; }
.pc-stock-meta small { font-size: 10px; }
.pc-facts-status { color: var(--pc-muted); font-size: 12px; }
.pc-facts-status:empty { display: none; }
.pc-facts [data-facts-retry] { color: inherit; font: inherit; font-size: 12px; cursor: pointer; background: none; border: 0; padding: 3px 6px; text-decoration: underline; text-underline-offset: 3px; }
.pc-facts [aria-busy=true] > .pc-facts-status::before { content: ''; display: inline-block; width: 7px; height: 7px; margin-right: 8px; border-radius: 50%; background: var(--pc-accent); animation: pc-facts-pulse 1.3s ease-in-out infinite alternate; }
.pc-guide { border: 1px solid var(--pc-line); border-radius: 14px; overflow: hidden; }
.pc-guide > summary { display: flex; align-items: center; gap: 10px; padding: 13px 14px; cursor: pointer; list-style: none; font-weight: 600; }
.pc-guide > summary::-webkit-details-marker { display: none; }
.pc-guide > summary svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.5; flex: none; }
.pc-guide-unit { margin-left: auto; font-size: 10px; font-weight: 400; color: var(--pc-muted); white-space: nowrap; }
.pc-guide-toggle { font-size: 20px; line-height: 1; font-weight: 400; }
.pc-guide[open] > summary { border-bottom: 1px solid var(--pc-line); }
.pc-guide[open] .pc-guide-toggle { transform: rotate(45deg); }
.pc-guide > [data-facts-slot] { padding: 14px; container-type: inline-size; }
.pc-guide-result { display: grid; gap: 12px; }
.pc-guide-overview { display: flex; align-items: center; gap: 14px; min-width: 0; }
.pc-pictogram { flex: 0 0 140px; max-width: 40%; margin: 0; padding: 8px; border-radius: 10px; background: var(--sc-photo, var(--nc-photo, linear-gradient(135deg,#edf6f3,#d7e9e3))); color: #24362b; text-align: center; }
.pc-pictogram img { display: block; width: 100%; height: 115px; max-width: 100%; object-fit: contain; object-position: center; }
.pc-pictogram figcaption { font-size: 11px; overflow-wrap: anywhere; }
.pc-measure-key { display: grid; gap: 10px; margin: 0; min-width: 0; flex: 1; }
.pc-measure-key > div { display: flex; align-items: center; gap: 8px; }
.pc-measure-key dt { display: grid; place-items: center; flex: 0 0 25px; height: 25px; border: 1px solid var(--pc-line); border-radius: 7px; font-weight: 700; font-size: 11px; }
.pc-measure-key dd { margin: 0; font-size: 11px; color: var(--pc-muted); overflow-wrap: anywhere; }
.pc-measure-scroll { overflow-x: auto; min-width: 0; align-self: start; }
.pc-measure-table { width: 100%; border-collapse: collapse; font-size: 12px; color: inherit; }
.pc-measure-table caption { text-align: left; color: var(--pc-muted); font-size: 11px; padding: 0 0 9px; }
.pc-measure-table th, .pc-measure-table td { padding: 8px 10px; text-align: right; border-bottom: 1px solid var(--pc-line); }
.pc-measure-table th:first-child { text-align: left; }
.pc-measure-table tbody th { font-weight: 500; }
.pc-measure-table .is-selected { background: color-mix(in srgb, var(--pc-accent), transparent 85%); }
.pc-current-size { display: block; color: var(--pc-muted); font-size: 9px; }
@container (min-width: 360px) {
    .pc-guide-result { grid-template-columns: 120px minmax(0,1fr); gap: 18px; align-items: start; }
    .pc-guide-overview { display: grid; gap: 12px; }
    .pc-pictogram { width: 100%; max-width: none; }
    .pc-measure-key > div { align-items: start; }
    .pc-measure-table th, .pc-measure-table td { padding: 7px 8px; }
}
@keyframes pc-facts-pulse { to { opacity: .35; } }
@media (prefers-reduced-motion: reduce) { .pc-facts [aria-busy=true] > .pc-facts-status::before { animation: none; } }