/* Personalisierung im Produkt: Formular und Live-Vorschau über dem Produktbild (Schriften und Poster-CSS: poster.css) */

.fp-pers{margin:20px 0 8px;padding:16px 18px;border:1px solid #D8D4C6;background:#F1EFE6}
.fp-pers-toggle{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:1.05rem}
.fp-pers-toggle input{width:20px;height:20px;accent-color:#1E2B24}
.fp-pers-fee{margin-left:auto;color:#5E6A63}
.fp-pers-fields{margin-top:14px;display:grid;gap:12px}
.fp-pers.fp-js:not(.is-on) .fp-pers-fields{display:none}
.fp-pers-hint{margin:0;color:#5E6A63;font-size:.9rem}
.fp-pers-field{display:grid;gap:4px;font-size:.92rem}
.fp-pers-field span em{color:#5E6A63;font-style:normal}
.fp-pers-field input,.fp-pers-field select{box-sizing:border-box;width:100%;min-width:0;padding:9px 10px;border:1px solid #B9B4A3;background:#fff;font:inherit;border-radius:2px}
.fp-pers-field input:focus,.fp-pers-field select:focus{outline:2px solid #E3A81C;outline-offset:1px}
.fp-pers-row{display:grid;grid-template-columns:minmax(90px,1fr) 2fr;gap:12px}
.fp-pers.fp-js:not(.is-custom) .fp-pers-custom{display:none}

/* Vorschau: das Poster (1000 × 1400, CSS aus poster.css) liegt skaliert über dem aktiven Produktbild */
.woocommerce-product-gallery__image{position:relative}
.fp-ov{position:absolute;pointer-events:none;overflow:hidden;z-index:5}
.fp-ov[hidden]{display:none}
.fp-ov .fp-poster{position:absolute;left:0;top:0;transform-origin:0 0}

/* Szenen: das Poster im Hangar, im Clubheim oder zu Hause (preview.js legt es per matrix3d in die leere Fläche) */
.fp-panel[hidden]{display:none}
.fp-scene{display:grid;grid-template-columns:minmax(0,520px) minmax(0,1fr);gap:20px;align-items:start}
.fp-scene__stage{min-width:0}
.fp-scene__chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px;align-content:start}
.fp-sc{position:relative;overflow:hidden;isolation:isolate;width:100%;border-radius:8px;background:#E8E4DC}
.fp-sc .fp-sc__bg,.fp-sc .fp-sc__shade{position:absolute;left:0;top:0;width:100%;height:100%;max-width:none;margin:0;display:block;object-fit:cover;border-radius:0}
.fp-sc .fp-sc__shade{mix-blend-mode:multiply;pointer-events:none}
.fp-sc__ov{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}
.fp-sc__ov .fp-poster{position:absolute;left:0;top:0;transform-origin:0 0}
.fp-sc .fp-sc__note{position:absolute;left:2.4%;bottom:2%;margin:0;padding:.35em .7em;max-width:90%;background:rgba(255,255,255,.82);color:#1E2B24;border-radius:6px;font:500 clamp(11px,1.6vw,14px)/1.3 Outfit,sans-serif}
.fp-scene .fp-scene__chip{display:block;width:100%;padding:0;margin:0;border:2px solid transparent;border-radius:10px;background:none;cursor:pointer;overflow:hidden;box-shadow:none}
.fp-scene .fp-scene__chip[aria-pressed="true"]{border-color:#1E2B24}
.fp-scene .fp-scene__chip:focus-visible{outline:2px solid #E3A81C;outline-offset:2px}
.fp-scene__chip .fp-sc{border-radius:7px}
@media (max-width:700px){
	.fp-scene{grid-template-columns:minmax(0,1fr)}
	.fp-scene__chips{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
}