/* Extras & Wachstum · Black-Copper. Mobil zuerst, Safe Areas für iPhone/PWA berücksichtigt. */
.scx,.scx-dialog,.scx-fab{--x-bg:#0b0b0b;--x-panel:#141210;--x-panel2:#1b1714;--x-line:#3d2f25;--x-line2:#5a4332;--x-accent:#d9a477;--x-accent2:#f0c79c;--x-text:#f4ece5;--x-muted:#b9ada3;--x-ok:#7fc79a;--x-bad:#ef8a7a;--x-warn:#e8b25c}
.scx *,.scx-dialog *{box-sizing:border-box}
.scx{color:var(--x-text);font:15px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}

/* Schwebende Buttons: WhatsApp + Assistent */
.scx-fab{position:fixed;z-index:900;right:max(14px,env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px;align-items:flex-end;pointer-events:none}
.scx-fab[hidden]{display:none}
.scx-fab a,.scx-fab button{pointer-events:auto;display:inline-flex;align-items:center;gap:8px;min-height:52px;min-width:52px;padding:0 16px;border-radius:26px;border:1px solid var(--x-line2);background:#120f0d;color:var(--x-text);font:700 14px/1 system-ui,-apple-system,sans-serif;text-decoration:none;box-shadow:0 10px 30px #000a;cursor:pointer;touch-action:manipulation}
.scx-fab .wa{background:#1f7a4a;border-color:#2ea866;color:#fff}
.scx-fab .ai{background:linear-gradient(135deg,#d9a477,#a7794c);border-color:#f0c79c;color:#140d08}
.scx-fab svg{width:22px;height:22px;flex:none}
@media (max-width:560px){.scx-fab a span,.scx-fab button span{display:none}.scx-fab a,.scx-fab button{padding:0;justify-content:center}}

/* Startseiten-Bereich */
.scx-landing{padding:56px 4% 24px;display:grid;gap:44px;max-width:1240px;margin:0 auto}
.scx-head small{display:block;letter-spacing:.18em;font-size:12px;color:var(--x-accent)}
.scx-head h2{margin:6px 0 6px;font-size:clamp(24px,4vw,36px);line-height:1.15;color:var(--x-text)}
.scx-head p{margin:0;color:var(--x-muted);max-width:680px}
.scx-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:14px;margin-top:18px}
.scx-card{display:flex;flex-direction:column;gap:10px;min-width:0;padding:20px;border:1px solid var(--x-line);border-radius:16px;background:linear-gradient(160deg,#17120f,#0d0b0a)}
.scx-card h3{margin:0;font-size:19px;color:var(--x-accent2)}
.scx-card p{margin:0;color:var(--x-muted)}
.scx-card ul{margin:0;padding-left:18px;color:var(--x-text)}
.scx-card li{margin:2px 0}
.scx-price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-top:auto}
.scx-price b{font-size:28px;color:var(--x-text)}
.scx-price s{color:var(--x-muted)}
.scx-price em{font-style:normal;font-size:12px;font-weight:700;color:#140d08;background:var(--x-accent);padding:3px 8px;border-radius:20px}
.scx-tag{align-self:flex-start;font-size:11px;letter-spacing:.14em;color:var(--x-muted);border:1px solid var(--x-line);padding:3px 8px;border-radius:20px}
.scx-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 18px;border-radius:12px;border:1px solid var(--x-line2);background:var(--x-panel2);color:var(--x-text);font:700 14px/1.2 inherit;text-decoration:none;cursor:pointer;touch-action:manipulation;text-align:center}
.scx-btn:hover{border-color:var(--x-accent)}
.scx-btn.gold{background:linear-gradient(135deg,#e0ad7f,#b17f51);border-color:#f0c79c;color:#140d08}
.scx-btn.wa{background:#1f7a4a;border-color:#2ea866;color:#fff}
.scx-btn[disabled]{opacity:.55;cursor:default}
.scx-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.scx-stars{color:var(--x-accent);letter-spacing:2px;font-size:16px;white-space:nowrap}
.scx-review blockquote{margin:0;color:var(--x-text)}
.scx-review footer{color:var(--x-muted);font-size:13px}
.scx-review .reply{border-left:2px solid var(--x-line2);padding-left:10px;color:var(--x-muted);font-size:14px}
.scx-split{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:14px}
.scx-feature{padding:24px;border:1px solid var(--x-line2);border-radius:18px;background:radial-gradient(circle at 100% 0,#3a271855,transparent 60%),#100d0b;display:grid;gap:12px;align-content:start}
.scx-feature h3{margin:0;font-size:22px;color:var(--x-accent2)}
.scx-feature p{margin:0;color:var(--x-muted)}
.scx-inline{display:flex;gap:8px;flex-wrap:wrap}
.scx-inline input{flex:1 1 200px}

/* Formulare */
.scx-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.scx-form label{display:grid;gap:5px;font-size:13px;color:var(--x-muted);min-width:0}
.scx-form .wide,.scx-form .scx-actions,.scx-form .scx-status{grid-column:1/-1}
.scx input,.scx select,.scx textarea,.scx-dialog input,.scx-dialog select,.scx-dialog textarea{width:100%;min-height:46px;padding:10px 12px;border-radius:10px;border:1px solid var(--x-line2);background:#0c0a09;color:var(--x-text);font:16px/1.4 system-ui,-apple-system,sans-serif}
.scx textarea,.scx-dialog textarea{min-height:96px;resize:vertical}
.scx input:focus,.scx select:focus,.scx textarea:focus,.scx-dialog input:focus,.scx-dialog select:focus,.scx-dialog textarea:focus{outline:2px solid var(--x-accent);outline-offset:1px}
.scx-check{display:flex!important;grid-template-columns:none!important;gap:10px!important;align-items:flex-start;color:var(--x-muted)}
.scx-check input{width:22px;min-height:22px;height:22px;flex:none;margin-top:2px;accent-color:#d9a477}
.scx-actions{display:flex;gap:10px;flex-wrap:wrap}
.scx-status{min-height:1.4em;margin:0;color:var(--x-muted);font-size:14px}
.scx-status.ok{color:var(--x-ok)}.scx-status.bad{color:var(--x-bad)}
.scx-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden}
@media (max-width:620px){.scx-form{grid-template-columns:1fr}}

/* Dialoge */
.scx-dialog{width:min(640px,calc(100vw - 20px));max-height:calc(100dvh - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom));margin:auto;padding:0;border:1px solid var(--x-line2);border-radius:18px;background:#0f0d0c;color:var(--x-text);font:15px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;overflow:hidden}
.scx-dialog::backdrop{background:#000c;backdrop-filter:blur(3px)}
.scx-dialog>div{display:flex;flex-direction:column;max-height:inherit}
.scx-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px 12px 20px;border-bottom:1px solid var(--x-line)}
.scx-dialog header h3{margin:0;font-size:18px;color:var(--x-accent2)}
.scx-x{width:44px;height:44px;flex:none;border-radius:12px;border:1px solid var(--x-line);background:transparent;color:var(--x-text);font-size:24px;cursor:pointer}
.scx-dialog .body{padding:18px 20px calc(20px + env(safe-area-inset-bottom));overflow:auto;-webkit-overflow-scrolling:touch;display:grid;gap:14px}
.scx-dialog p{margin:0}
.scx-note{color:var(--x-muted);font-size:13px}
.scx-box{padding:14px;border:1px solid var(--x-line);border-radius:12px;background:var(--x-panel)}
.scx-code{font:700 20px/1.2 ui-monospace,Menlo,monospace;letter-spacing:.08em;color:var(--x-accent2);word-break:break-all}
.scx-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:10px}
.scx-plan{display:grid;gap:6px;padding:16px;border:1px solid var(--x-line2);border-radius:14px;background:var(--x-panel)}
.scx-plan b{font-size:22px}
.scx-rating{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:4px}
.scx-rating input{position:absolute;opacity:0;width:1px;height:1px}
.scx-rating label{font-size:34px;line-height:1;color:#4a3a2e;cursor:pointer;padding:2px}
.scx-rating input:checked~label,.scx-rating label:hover,.scx-rating label:hover~label{color:var(--x-accent)}
.scx-rating input:focus-visible+label{outline:2px solid var(--x-accent);border-radius:6px}

/* Assistent */
.scx-chat{display:flex;flex-direction:column;gap:10px;min-height:240px}
.scx-msg{max-width:88%;padding:10px 14px;border-radius:14px;white-space:pre-wrap;overflow-wrap:anywhere}
.scx-msg.user{align-self:flex-end;background:#2a1d14;border:1px solid var(--x-line2)}
.scx-msg.bot{align-self:flex-start;background:var(--x-panel);border:1px solid var(--x-line)}
.scx-msg.bot a{color:var(--x-accent2)}
.scx-msg.wait{color:var(--x-muted);font-style:italic}
.scx-suggest{display:flex;flex-wrap:wrap;gap:8px}
.scx-suggest button{min-height:40px;padding:6px 12px;border-radius:20px;border:1px solid var(--x-line2);background:transparent;color:var(--x-muted);font:13px/1.2 inherit;cursor:pointer}
.scx-ask{display:flex;gap:8px;position:sticky;bottom:0;background:#0f0d0c;padding-top:6px}
.scx-ask input{flex:1}

/* Gutscheinseite */
.scx-page{min-height:100dvh;background:#070707;padding:calc(18px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) calc(40px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}
.scx-page>header{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:1040px;margin:0 auto 18px}
.scx-page>header img{width:150px;height:auto}
.scx-page>header a{color:var(--x-muted);text-decoration:none;font-size:14px}
.scx-page main{max-width:1040px;margin:0 auto;display:grid;gap:22px}
.scx-voucher-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:18px;align-items:start}
.scx-preview{position:sticky;top:calc(12px + env(safe-area-inset-top));aspect-ratio:1.6;border-radius:18px;padding:22px;border:1px solid #b17f51;background:radial-gradient(circle at 85% 10%,#4a2f1c,transparent 55%),linear-gradient(160deg,#1a1410,#060505);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.scx-preview small{letter-spacing:.2em;color:var(--x-accent)}
.scx-preview strong{font-size:clamp(34px,7vw,56px);line-height:1;color:var(--x-text)}
.scx-preview span{color:var(--x-muted);overflow-wrap:anywhere}
.scx-amounts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.scx-amounts button{min-height:52px;border-radius:12px;border:1px solid var(--x-line2);background:var(--x-panel);color:var(--x-text);font:700 16px/1 inherit;cursor:pointer}
.scx-amounts button[aria-pressed="true"]{background:linear-gradient(135deg,#e0ad7f,#b17f51);color:#140d08;border-color:#f0c79c}
@media (max-width:820px){.scx-voucher-layout{grid-template-columns:1fr}.scx-preview{position:relative;top:0}}
@media (max-width:420px){.scx-amounts{grid-template-columns:repeat(2,minmax(0,1fr))}}