#cp-float-btn{position:fixed;bottom:24px;right:24px;width:60px;height:60px;border-radius:50%;background:#BB1B1B;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:99999;box-shadow:0 4px 18px rgba(0,0,0,.28);transition:transform .2s,box-shadow .2s;overflow:hidden}
#cp-float-btn:hover{transform:scale(1.08);box-shadow:0 6px 24px rgba(0,0,0,.35)}
#cp-float-btn svg{display:block;flex-shrink:0}
#cp-float-badge{position:absolute;top:2px;right:2px;background:#F7B731;color:#183C53;font-size:.6rem;font-weight:700;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-family:'Poppins',sans-serif;pointer-events:none}
#cp-float-panel{position:fixed;bottom:96px;right:24px;width:360px;max-width:calc(100vw - 32px);height:520px;max-height:calc(100vh - 120px);background:#fff;border-radius:18px;box-shadow:0 8px 40px rgba(0,0,0,.22);display:flex;flex-direction:column;z-index:99998;transform:translateY(20px) scale(.96);opacity:0;pointer-events:none;transition:transform .22s ease,opacity .22s ease;font-family:'Poppins',sans-serif;overflow:hidden}
#cp-float-panel.cp-float-open{transform:translateY(0) scale(1);opacity:1;pointer-events:auto}
#cp-float-header{display:flex;align-items:center;justify-content:space-between;background:#183C53;padding:10px 14px;flex-shrink:0}
#cp-float-persona-tabs{display:flex;gap:6px}
.cp-float-tab{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.1);border:2px solid transparent;border-radius:20px;padding:5px 12px;color:#fff;font-size:.78rem;font-weight:600;cursor:pointer;font-family:'Poppins',sans-serif;transition:background .15s,border-color .15s}
.cp-float-tab img{width:24px;height:24px;border-radius:50%;object-fit:cover}
.cp-float-tab:hover{background:rgba(255,255,255,.2)}
.cp-float-tab--active{background:rgba(255,255,255,.18);border-color:#BB1B1B}
#cp-float-close{background:none;border:none;color:rgba(255,255,255,.7);font-size:1.1rem;cursor:pointer;line-height:1;padding:4px 6px;border-radius:6px;transition:color .15s,background .15s}
#cp-float-close:hover{color:#fff;background:rgba(255,255,255,.15)}
#cp-float-messages{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;background:#f7f9fc}
.cp-fm{display:flex;gap:8px;align-items:flex-start}
.cp-fm--user{flex-direction:row-reverse}
.cp-fm-av{width:30px;height:30px;border-radius:50%;object-fit:cover;flex-shrink:0;margin-top:2px}
.cp-fm-bubble{background:#fff;border:1px solid #e4e8ee;border-radius:0 12px 12px 12px;padding:8px 11px;font-size:.82rem;line-height:1.55;color:#333;max-width:85%}
.cp-fm--user .cp-fm-bubble{background:#183C53;color:#fff;border:none;border-radius:12px 0 12px 12px}
.cp-float-typing{color:#999;font-size:.76rem;font-style:italic;padding:2px 0}
.cp-fm-products{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px;width:100%}
.cp-fm-pcard{background:#fff;border:1px solid #eee;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;font-size:.72rem}
.cp-fm-pcard img{width:100%;height:72px;object-fit:contain;background:#f8f8f8;padding:4px}
.cp-fm-pcard-body{padding:5px 7px;flex:1;display:flex;flex-direction:column;gap:2px}
.cp-fm-pcard-title{font-weight:600;color:#183C53;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3}
.cp-fm-pcard-price{font-weight:700;color:#BB1B1B;margin-top:auto;padding-top:3px}
.cp-fm-pcard-shop{font-size:.65rem;color:#aaa}
.cp-fm-pcard-btn{display:block;background:#BB1B1B;color:#fff;text-align:center;padding:5px;font-size:.7rem;font-weight:600;text-decoration:none}
.cp-fm-pcard-btn:hover{background:#8A1212;color:#fff}
.cp-fm-more{display:inline-block;margin-top:8px;font-size:.74rem;color:#BB1B1B;text-decoration:none}
.cp-fm-more:hover{text-decoration:underline}
.cp-fm-extern{margin-top:10px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.cp-fm-extern-label{font-size:.7rem;color:#999;width:100%;margin-bottom:2px}
.cp-fm-extern-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:6px;font-size:.72rem;font-weight:600;text-decoration:none;transition:opacity .15s}
.cp-fm-extern-btn:hover{opacity:.85}
.cp-fm-extern-google{background:#4285F4;color:#fff}
.cp-fm-extern-digitec{background:#FF6600;color:#fff}
#cp-float-input-row{display:flex;border-top:1px solid #e4e8ee;background:#fff;flex-shrink:0}
#cp-float-input{flex:1;border:none;padding:11px 12px;font-size:.84rem;font-family:'Poppins',sans-serif;outline:none;background:transparent}
#cp-float-send{background:#BB1B1B;color:#fff;border:none;padding:11px 16px;font-size:1.1rem;cursor:pointer;transition:background .15s}
#cp-float-send:hover{background:#8A1212}
.cp-fm-feedback{display:flex;gap:4px;margin-top:6px;align-items:center}
.cp-fm-fb-btn{background:none;border:1px solid #e4e8ee;border-radius:6px;padding:2px 7px;font-size:.8rem;cursor:pointer;line-height:1.4;transition:background .12s,border-color .12s}
.cp-fm-fb-btn:hover{background:#f0f4f8;border-color:#ccc}
.cp-duo-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,#183C53 0%,#0f2535 100%);border-radius:16px;padding:24px 32px;cursor:pointer;transition:transform .15s,box-shadow .15s;font-family:'Poppins',sans-serif;max-width:100%;box-sizing:border-box}
.cp-duo-banner:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(0,0,0,.2)}
.cp-duo-banner-persona{display:flex;align-items:center;gap:12px;color:#fff;min-width:0}
.cp-duo-banner-persona img{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.3);flex-shrink:0}
.cp-duo-banner-persona span{font-size:.82rem;line-height:1.4;white-space:nowrap}
.cp-duo-banner-persona strong{display:block;font-size:.95rem}
.cp-duo-banner-persona small{opacity:.75}
.cp-duo-banner-persona--right{flex-direction:row-reverse;text-align:right}
.cp-duo-banner-center{text-align:center;flex:1;color:#fff}
.cp-duo-banner-title{font-size:1.15rem;font-weight:700;margin-bottom:4px}
.cp-duo-banner-sub{font-size:.8rem;opacity:.8;margin-bottom:14px}
.cp-duo-banner-btn{display:inline-block;background:#BB1B1B;color:#fff;padding:10px 28px;border-radius:8px;font-weight:700;font-size:.9rem;transition:background .15s}
.cp-duo-banner:hover .cp-duo-banner-btn{background:#8A1212}
.cp-cta-wrap{display:flex;align-items:center;gap:48px;background:linear-gradient(135deg,#183C53 0%,#0f2535 100%);border-radius:20px;padding:48px 56px;font-family:'Poppins',sans-serif;overflow:hidden;position:relative;max-width:100%;box-sizing:border-box}
.cp-cta-avatars{display:flex;flex-direction:column;gap:-16px;flex-shrink:0;position:relative;width:140px}
.cp-cta-av{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid rgba(255,255,255,.2);position:relative}
.cp-cta-av--roedi{margin-top:-20px;margin-left:30px}
.cp-cta-body{flex:1;color:#fff}
.cp-cta-eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#BB1B1B;background:rgba(187,27,27,.15);display:inline-block;padding:4px 12px;border-radius:20px;margin-bottom:12px}
.cp-cta-headline{font-size:1.8rem;font-weight:800;line-height:1.2;margin:0 0 12px;color:#fff}
.cp-cta-sub{font-size:.9rem;line-height:1.6;opacity:.85;margin:0 0 16px}
.cp-cta-bullets{list-style:none;padding:0;margin:0 0 28px;display:flex;flex-direction:column;gap:6px}
.cp-cta-bullets li{font-size:.85rem;opacity:.9;color:#a8d8b0}
.cp-cta-btn{background:#BB1B1B;color:#fff;border:none;padding:16px 36px;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;font-family:'Poppins',sans-serif;transition:background .15s,transform .15s;display:inline-block}
.cp-cta-btn:hover{background:#8A1212;transform:translateY(-2px)}
@media(max-width:680px){.cp-cta-wrap{flex-direction:column;padding:32px 24px;text-align:center;gap:24px}.cp-cta-avatars{flex-direction:row;width:auto;justify-content:center}.cp-cta-av--roedi{margin-top:0;margin-left:-16px}.cp-cta-headline{font-size:1.4rem}.cp-cta-bullets{align-items:center}}
@media(max-width:600px){.cp-duo-banner{flex-direction:column;padding:20px;text-align:center}.cp-duo-banner-persona--right{flex-direction:row}.cp-duo-banner-persona span{display:none}}
@media(max-width:420px){#cp-float-panel{right:8px;bottom:88px;width:calc(100vw - 16px)}}
@media(max-width:480px){#cp-float-panel{position:fixed;bottom:0;right:0;left:0;width:100%;max-width:100%;height:55vh;max-height:55vh;border-radius:18px 18px 0 0;transform:translateY(calc(100% + 20px))}#cp-float-panel.cp-float-open{transform:translateY(0)}}
