:root{--ink:#171512;--muted:#6e675f;--line:#e4ddd3;--gold:#b58a3b;--gold2:#d2ad65;--bg:#f7f3ed;--card:#fff;--serif:Georgia,'Times New Roman',serif;--sans:Inter,Arial,sans-serif;--shadow:0 14px 38px rgba(55,42,25,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:14px}.topbar{height:82px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);display:grid;grid-template-columns:260px 1fr 180px;align-items:center;padding:0 4vw;position:sticky;top:0;z-index:20}.brand{display:flex;flex-direction:column;text-decoration:none;color:var(--ink);width:max-content}.brand strong{font:500 34px/1 var(--serif);letter-spacing:.02em}.brand span{font-size:7px;letter-spacing:.21em;margin-top:5px}.topbar nav{display:flex;justify-content:center;gap:34px}.topbar nav a,.top-actions a{color:var(--ink);text-decoration:none;font-size:12px;letter-spacing:.09em}.topbar nav a{padding:30px 0 20px;border-bottom:2px solid transparent}.topbar nav a.active{border-color:var(--gold)}.top-actions{display:flex;align-items:center;justify-content:flex-end;gap:16px}.top-actions button,.icon-btn{border:0;background:transparent;font-size:25px;cursor:pointer}.page{max-width:1560px;margin:auto;padding:38px 4vw 50px}.compact-intro{display:grid;grid-template-columns:1fr minmax(300px,520px);gap:30px;align-items:end;margin-bottom:26px}.eyebrow{margin:0;color:#94733e;font-size:9px;letter-spacing:.2em;font-weight:700}.compact-intro h1{font:500 clamp(38px,4.4vw,68px)/.98 var(--serif);margin:6px 0 0;max-width:760px}.compact-intro>p{color:var(--muted);line-height:1.55;margin:0}.config-layout{display:grid;grid-template-columns:minmax(280px,360px) minmax(320px,1fr) minmax(300px,390px);gap:22px;align-items:start}.left-column{display:grid;gap:14px}.panel{background:rgba(255,255,255,.93);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.step-card{padding:17px}.step-head{display:flex;align-items:flex-start;gap:11px;margin-bottom:13px}.step-no{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--gold2),#94702e);color:#fff;display:grid;place-items:center;font:500 16px var(--serif);flex:0 0 auto}.step-head h2{font:500 22px/1.1 var(--serif);margin:1px 0 3px}.step-head p{margin:0;color:var(--muted);font-size:11px;line-height:1.42}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.category{min-height:84px;border:1px solid var(--line);background:#fff;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;color:var(--ink);transition:.16s}.category:hover{transform:translateY(-1px)}.category b{font-size:23px;font-weight:400}.category span{font:500 15px var(--serif)}.category small{font-size:9px;color:var(--muted)}.category.selected{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold);background:linear-gradient(180deg,#fff9ec,#fff)}.scent-list{display:grid;gap:8px}.scent-card{width:100%;border:1px solid var(--line);background:#fff;border-radius:13px;padding:8px;display:grid;grid-template-columns:66px 1fr 18px;gap:10px;align-items:center;text-align:left;cursor:pointer;color:var(--ink);transition:.16s}.scent-card:hover{transform:translateY(-1px);border-color:#cbb993}.scent-card img{width:66px;height:66px;border-radius:9px;object-fit:cover;background:#eee4d4}.scent-card h3{font:500 18px var(--serif);margin:0 0 3px}.scent-card p{font-size:10.5px;color:var(--muted);margin:0;line-height:1.35}.scent-card>span:last-child{font-size:22px;color:#967231}.scent-card.selected{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold);background:#fffdf7}.upload{min-height:96px;border:1.5px dashed #bdb2a1;border-radius:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;background:#fff;text-align:center;transition:.16s}.upload:hover{border-color:var(--gold);background:#fffdf6}.upload>span{font-size:22px}.upload strong{margin-top:3px;font-size:13px}.upload small{color:var(--muted);margin-top:3px;font-size:10px}.upload-status{font-size:10.5px;line-height:1.45;color:var(--muted);padding:10px 2px 0}.upload-status.success{color:#35754a}.upload-status.warn{color:#8b5d1e}.logo-tools{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.scale-row{display:grid!important;grid-template-columns:auto 1fr auto;gap:9px!important;align-items:center;font-size:11px}.scale-row output{min-width:40px;text-align:right;color:var(--muted)}.logo-tools input{width:100%}.tool-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:7px}.tool-row.nudges{grid-template-columns:repeat(4,1fr)}.tool-row button,.remove,.secondary-small{min-height:40px;border:1px solid var(--line);background:#fff;border-radius:9px;cursor:pointer;font-size:11px}.secondary-small{width:100%;margin-top:7px}.remove{width:100%;margin-top:7px;color:#8d3b32}.product-column{min-width:0;position:sticky;top:100px}.product-stage{position:relative;border-radius:28px;border:1px solid rgba(96,72,39,.10);background:radial-gradient(circle at 50% 18%,rgba(255,255,255,.99),rgba(249,244,236,.95) 63%,rgba(236,225,206,.75));box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:46px 16px 18px;min-height:620px}.product-stage:after{content:"";position:absolute;left:18%;right:18%;bottom:68px;height:28px;border-radius:50%;background:rgba(109,75,33,.10);filter:blur(15px);pointer-events:none}.stage-caption{position:absolute;left:18px;top:17px;display:flex;flex-direction:column;gap:3px}.stage-caption span{font-size:8px;letter-spacing:.18em;color:#9a7b47}.stage-caption strong{font:500 17px var(--serif)}.bottle-canvas{position:relative;height:500px;aspect-ratio:305/1155;max-width:68%;z-index:1;user-select:none;flex:0 0 auto}.bottle-canvas>img#bottleImage{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.print-area{position:absolute;left:28.2%;top:31.5%;width:43.6%;height:55.2%;overflow:hidden;border-radius:8px;pointer-events:auto}.default-logo{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.default-lockup{display:flex;align-items:center;gap:7px;transform:rotate(-90deg);transform-origin:center;color:#15110d;white-space:nowrap}.default-wordmark{display:block;font:500 31px/.9 var(--serif)}.default-tagline{display:block;font:700 6.2px/1 var(--sans);letter-spacing:.16em}.print-area.has-customer-logo .default-logo{display:none!important}.customer-logo{position:absolute;left:50%;top:50%;width:60px;height:auto;max-width:none;max-height:none;object-fit:contain;transform:translate(-50%,-50%) rotate(0deg);transform-origin:center;cursor:grab;touch-action:none;user-select:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.06));will-change:left,top,width,transform}.customer-logo:active{cursor:grabbing}.finish-pill{position:relative;z-index:2;margin-top:8px;background:rgba(255,255,255,.94);border:1px solid var(--line);padding:8px 14px;border-radius:999px;font-size:11px;letter-spacing:.04em}.logo-help{position:relative;z-index:2;color:var(--muted);font-size:11px;margin:7px 16px 0;text-align:center;max-width:420px;line-height:1.35}.right-column{padding:20px;position:sticky;top:100px;overflow:visible}.detail-top h2{font-size:40px;margin:3px 0 5px}.detail-top>p:last-child{color:var(--muted);font-size:11px;margin:0 0 12px;line-height:1.35}.hero-image-wrap{position:relative;width:100%;aspect-ratio:4/3;margin:0 auto;border-radius:15px;overflow:hidden;background:#eee4d4}.hero-image-wrap img{display:block;width:100%;height:100%;object-fit:cover;image-rendering:auto}.detail-copy{padding:15px 1px 7px}.detail-copy h3{font:500 20px var(--serif);margin:0 0 7px}.detail-copy p{margin:0;color:#5f5a52;line-height:1.56;font-size:13px;overflow:visible;display:block}.notes-box{border:1px solid var(--line);border-radius:13px;padding:13px;background:#fff;margin:8px 0 12px}.notes-box span{font-size:9px;letter-spacing:.18em;color:#8f6c32}.notes-box strong{display:block;font:500 16px var(--serif);margin:5px 0}.notes-box p{margin:0;color:var(--muted);font-size:11px;line-height:1.4}.primary,.secondary{min-height:46px;border-radius:999px;cursor:pointer;font-size:12px}.primary{border:0;background:#1d1b18;color:#fff}.right-column .primary{width:100%;margin-top:4px}.secondary{border:1px solid var(--line);background:#fff;color:var(--ink)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,label:focus-within{outline:2px solid #866420;outline-offset:2px}.benefit-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fffdf8;padding:18px 4vw}.benefit-strip>div{display:flex;gap:12px;align-items:center;padding:0 22px;border-right:1px solid var(--line)}.benefit-strip>div:last-child{border-right:0}.benefit-strip b{font-size:25px;color:#9d7938}.benefit-strip span{display:flex;flex-direction:column}.benefit-strip strong{font-size:12px}.benefit-strip small{color:var(--muted);font-size:10px;margin-top:3px}footer{min-height:92px;background:#24211d;color:#eee7da;display:flex;align-items:center;justify-content:space-between;padding:20px 4vw}.footer-brand{display:flex;flex-direction:column}.footer-brand strong{font:500 25px var(--serif);letter-spacing:.12em}.footer-brand small{font-size:7px;letter-spacing:.25em}footer>div:last-child{display:flex;gap:22px}footer a{color:#eee7da;text-decoration:none;font-size:11px}.toast{position:fixed;right:18px;bottom:18px;background:#1e1b18;color:#fff;padding:11px 14px;border-radius:11px;opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none;z-index:50;max-width:min(430px,calc(100vw - 36px))}.toast.show{opacity:1;transform:none}.inquiry-dialog{border:0;border-radius:22px;padding:0;width:min(760px,calc(100vw - 28px));max-height:90%;box-shadow:0 24px 80px rgba(0,0,0,.22)}.inquiry-dialog::backdrop{background:rgba(25,21,16,.48);backdrop-filter:blur(4px)}.inquiry-dialog form{padding:22px;background:#fbf8f3}.dialog-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.dialog-head h2{font:500 30px var(--serif);margin:4px 0 0}.summary-card{margin:16px 0;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#fff;font-size:12px;line-height:1.55}.summary-card strong{font-family:var(--serif);font-size:17px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid label{display:grid;gap:6px;font-size:11px;font-weight:600}.form-grid .wide{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid #d8d0c5;border-radius:10px;background:#fff;padding:11px 12px;font:inherit;color:var(--ink);font-size:14px}.form-grid textarea{resize:vertical}.consent{display:flex;gap:9px;align-items:flex-start;margin:14px 0;font-size:11px;line-height:1.45;color:var(--muted)}.consent input{margin-top:2px}.consent a{color:inherit}.dialog-actions{display:flex;justify-content:flex-end;gap:9px}.dialog-actions button{min-width:150px}.form-status{min-height:20px;margin:8px 0;color:var(--muted);font-size:11px}.form-status.error{color:#9b2e2e}.form-status.success{color:#2f7449}.debug{position:fixed;right:16px;bottom:16px;width:min(440px,calc(100vw - 32px));max-height:58vh;overflow:auto;background:#151515;color:#f4f4f4;border:1px solid #444;border-radius:13px;padding:12px;z-index:60;font:12px/1.4 ui-monospace,monospace}.debug>div{display:flex;justify-content:space-between}.debug button{background:#2d2d2d;color:#fff;border:1px solid #555;border-radius:7px;padding:6px 9px}.debug ol{padding-left:23px}.debug li.ok{color:#a7e7b3}.debug li.err{color:#ff9c9c}@media(max-width:1160px){.topbar{grid-template-columns:auto 1fr auto}.topbar nav{display:none}.compact-intro{grid-template-columns:1fr}.compact-intro>p{display:none}.config-layout{grid-template-columns:320px 1fr}.right-column{grid-column:1/-1;position:static;display:grid;grid-template-columns:minmax(260px,360px) 1fr;gap:18px}.right-column .detail-top,.right-column .hero-image-wrap{grid-column:1}.right-column .detail-copy,.right-column .notes-box,.right-column button{grid-column:2}.right-column .detail-copy{grid-row:1;margin-top:34px}.right-column .notes-box{grid-row:2}.product-column{position:static}.hero-image-wrap{width:100%}}@media(max-width:760px){.topbar{height:66px;padding:0 16px}.brand strong{font-size:28px}.brand span{font-size:6px}.top-actions a{display:none}.page{padding:20px 12px 34px}.compact-intro h1{font-size:36px}.config-layout{display:flex;flex-direction:column}.left-column,.product-column,.right-column{width:100%}.left-column{display:contents}.step-card:nth-of-type(1){order:1}.step-card:nth-of-type(2){order:2}.product-column{order:3}.logo-step{order:4}.right-column{order:5;display:block}.product-stage{min-height:560px;padding-top:42px}.bottle-canvas{height:430px;max-width:78%}.hero-image-wrap{aspect-ratio:4/3}.benefit-strip{grid-template-columns:1fr 1fr;gap:14px}.benefit-strip>div{border-right:0;padding:5px 9px}footer{flex-direction:column;gap:20px;align-items:flex-start}.category{min-height:78px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.dialog-actions{flex-direction:column-reverse}.dialog-actions button{width:100%}.default-wordmark{font-size:28px}.default-tagline{font-size:5.7px}}@media(max-width:380px){.category-grid{gap:5px}.category span{font-size:14px}.compact-intro h1{font-size:32px}.benefit-strip{grid-template-columns:1fr}.product-stage{min-height:520px}.bottle-canvas{height:395px}}
/* V4.1: ausschließlich Duftauswahl-Icons + Duftnoten-Piktogramme. Flakon/Druckbereich unverändert aus V4.0. */
.scent-card .scent-icon{width:54px;height:54px;flex:0 0 54px;border:1px solid var(--line);border-radius:12px;display:grid;place-items:center;background:#fffdf9;color:#1d1b18}
.scent-card .scent-icon svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.scent-card.selected .scent-icon{border-color:#b38a42;background:#fffaf0}
.notes-box #detailVisual{margin-top:10px}
.note-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.note-tile{min-width:0;text-align:center}
.note-icon{aspect-ratio:1;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;background:#fffaf2}
.note-icon svg{width:25px;height:25px;fill:none;stroke:#3b342b;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.note-tile small{display:block;margin-top:4px;font-size:8.5px;line-height:1.15;color:var(--muted);overflow-wrap:anywhere}
@media(max-width:380px){.note-tiles{grid-template-columns:repeat(2,1fr)}}

/* V4.2.1 – nur Standardbranding + echte Mini-Duftfotos. Flakon, Größe und Druckbereich unverändert. */
.default-logo{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
.default-logo[hidden],.customer-logo[hidden]{display:none!important}
.default-logo img{display:block;width:345%;height:auto;max-width:none;max-height:none;object-fit:contain;transform:rotate(-90deg);transform-origin:center;user-select:none;pointer-events:none}
.print-area.has-customer-logo .default-logo{display:none!important}
.note-photo{aspect-ratio:1;display:block;overflow:hidden;border:1px solid var(--line);border-radius:9px;background:#f5efe6}
.note-photo img{display:block;width:100%;height:100%;object-fit:cover}
.note-icon{display:none!important}

/* V4.2.2 – Standard-maioré-Branding maximal in bestehender Druckfläche; Kategorien: Ladys / Gentleman / Unisex. */