:root{
    --epc-primary:#005957;
    --epc-primary-dark:#043c3a;
    --epc-primary-light:#0a7a6d;
    --epc-mint:#e6f6f3;
    --epc-surface:#ffffff;
    --epc-bg:#f4f7f6;
    --epc-ink:#0f172a;
    --epc-muted:#64748b;
    --epc-line:#e2e8f0;
    --epc-success:#0a7a6d;
    --epc-danger:#ef4444;
    --epc-radius:16px;
    --epc-font:'Cairo','IBM Plex Sans Arabic',sans-serif;
    --epc-shadow:0 14px 40px -12px rgba(4,60,58,.18);
}

/* ══════════════ Chat Page ══════════════ */
.epc-chat-page{max-width:820px;margin:0 auto;padding:28px 20px 48px}

.epc-hero{position:relative;text-align:center;padding:46px 24px 38px;background:linear-gradient(135deg,#043c3a 0%,#005957 55%,#0a7a6d 100%);border-radius:22px;color:#fff;margin-bottom:30px;overflow:hidden}
.epc-hero::before{content:'';position:absolute;width:340px;height:340px;background:rgba(255,255,255,.07);border-radius:50%;top:-140px;right:-70px}
.epc-hero::after{content:'';position:absolute;width:220px;height:220px;background:rgba(255,255,255,.05);border-radius:50%;bottom:-110px;left:-50px}
.epc-hero>*{position:relative;z-index:1}
.epc-hero__badge{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);color:#fff;font-size:12px;font-weight:700;padding:6px 16px;border-radius:99px;margin-bottom:16px;backdrop-filter:blur(4px)}
.epc-hero__badge::before{content:'';width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 0 0 rgba(52,211,153,.6);animation:epcPulse 2s infinite}
.epc-hero h1{font-size:1.75rem;font-weight:900;margin-bottom:8px;color:#fff;line-height:1.4}
.epc-hero p{color:rgba(255,255,255,.82);font-size:14.5px;margin:0;max-width:460px;margin-inline:auto;line-height:1.8}

/* Tabs */
.epc-tabs{display:flex;gap:8px;margin-bottom:24px;justify-content:center}
.epc-tab-btn{padding:11px 26px;border:2px solid var(--epc-line);background:var(--epc-surface);color:var(--epc-muted);border-radius:12px;font-weight:700;font-family:var(--epc-font);cursor:pointer;font-size:14px;transition:all .2s;display:inline-flex;align-items:center;gap:8px}
.epc-tab-btn:hover{border-color:var(--epc-primary);color:var(--epc-primary)}
.epc-tab-btn.is-active{background:linear-gradient(135deg,#0a7a6d,#005957);border-color:transparent;color:#fff;box-shadow:0 6px 18px -6px rgba(0,89,87,.5)}

/* ══════════════ Pre-Chat Form ══════════════ */
.epc-form-card{background:var(--epc-surface);border-radius:20px;border:1px solid var(--epc-line);overflow:hidden;box-shadow:var(--epc-shadow)}
.epc-form-card__head{padding:26px 28px 22px;border-bottom:1px solid var(--epc-line);text-align:center;background:linear-gradient(180deg,var(--epc-mint),transparent)}
.epc-form-card__icon{width:60px;height:60px;margin:0 auto 14px;background:linear-gradient(135deg,var(--epc-mint),#cdeee8);border-radius:18px;display:grid;place-items:center;color:var(--epc-primary);box-shadow:inset 0 0 0 1px rgba(0,89,87,.08)}
.epc-form-card__head h2{font-size:1.25rem;font-weight:800;margin-bottom:5px;color:var(--epc-ink)}
.epc-form-card__head p{font-size:13px;color:var(--epc-muted);margin:0;line-height:1.7}
.epc-form-card__body{padding:26px 28px 28px}
.epc-field{margin-bottom:18px}
.epc-field label{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:700;color:var(--epc-ink);margin-bottom:7px}
.epc-field label .epc-required{color:var(--epc-danger);font-weight:800}
.epc-field input,.epc-field textarea{width:100%;padding:12px 15px;border:2px solid var(--epc-line);border-radius:12px;font-size:14px;font-family:var(--epc-font);color:var(--epc-ink);background:var(--epc-bg);transition:border-color .2s,box-shadow .2s,background .2s;outline:none}
.epc-field input::placeholder,.epc-field textarea::placeholder{color:#9ca3af}
.epc-field input:focus,.epc-field textarea:focus{border-color:var(--epc-primary);box-shadow:0 0 0 4px rgba(0,89,87,.12);background:var(--epc-surface)}
.epc-field textarea{resize:vertical;min-height:90px}
.epc-field .epc-error{font-size:12px;color:var(--epc-danger);margin-top:5px;display:none;font-weight:600}
.epc-field.has-error input,.epc-field.has-error textarea{border-color:var(--epc-danger);box-shadow:0 0 0 3px rgba(239,68,68,.1)}
.epc-field.has-error .epc-error{display:block}
.epc-gdpr{display:flex;align-items:flex-start;gap:11px;padding:14px 16px;background:var(--epc-bg);border-radius:12px;border:1px solid var(--epc-line);margin-bottom:20px}
.epc-gdpr input[type="checkbox"]{width:18px;height:18px;margin-top:2px;accent-color:var(--epc-primary);flex-shrink:0;cursor:pointer}
.epc-gdpr label{font-size:12px;color:var(--epc-muted);line-height:1.7;cursor:pointer}
.epc-gdpr label a{color:var(--epc-primary);font-weight:600}
.epc-submit{width:100%;padding:13px;background:linear-gradient(135deg,#0a7a6d,#005957);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:800;font-family:var(--epc-font);cursor:pointer;transition:all .25s;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 6px 18px -6px rgba(0,89,87,.5)}
.epc-submit:hover{background:linear-gradient(135deg,#0a7a6d,#005957);transform:translateY(-1px);box-shadow:0 10px 26px -8px rgba(0,89,87,.55)}
.epc-submit:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}

/* ══════════════ Chat Window (Page) ══════════════ */
.epc-chat-window{display:none;background:var(--epc-surface);border-radius:20px;border:1px solid var(--epc-line);overflow:hidden;box-shadow:var(--epc-shadow)}
.epc-chat-window.is-open{display:flex;flex-direction:column;height:540px}
.epc-chat-top{padding:14px 20px;border-bottom:1px solid var(--epc-line);display:flex;align-items:center;gap:12px;background:var(--epc-surface)}
.epc-chat-top__avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#0a7a6d,#005957);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 3px 12px -3px rgba(0,89,87,.45)}
.epc-chat-top__avatar svg{width:20px;height:20px}
.epc-chat-top__info{flex:1;min-width:0}
.epc-chat-top__name{font-weight:800;font-size:14px;color:var(--epc-ink)}
.epc-chat-top__status{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--epc-success);font-weight:600}
.epc-chat-top__dot{width:8px;height:8px;border-radius:50%;background:var(--epc-success);box-shadow:0 0 0 0 rgba(10,122,109,.5);animation:epcPulse 2s infinite;flex-shrink:0}
.epc-chat-top__close{border:none;background:none;color:var(--epc-muted);cursor:pointer;padding:7px;border-radius:10px;display:flex;transition:background .2s,color .2s}
.epc-chat-top__close:hover{background:#fef2f2;color:var(--epc-danger)}

/* ══════════════ Messages ══════════════ */
.epc-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px;background:linear-gradient(180deg,#f6f9f8,#eef4f2);min-height:300px;scrollbar-width:thin;scrollbar-color:#cbd5d1 transparent}
.epc-messages::-webkit-scrollbar{width:6px}
.epc-messages::-webkit-scrollbar-track{background:transparent}
.epc-messages::-webkit-scrollbar-thumb{background:#cbd5d1;border-radius:99px}

.epc-msg{display:flex;align-items:flex-end;gap:8px;max-width:82%;animation:epcFadeIn .28s ease}
@keyframes epcFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.epc-msg--agent{align-self:flex-start}
.epc-msg--visitor{align-self:flex-end;flex-direction:row-reverse}
.epc-msg--system{align-self:center;max-width:92%}

.epc-msg__avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,#0a7a6d,#005957);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px -2px rgba(0,89,87,.4)}
.epc-msg__avatar svg{width:16px;height:16px}

.epc-msg__bubble{padding:10px 15px;font-size:13.5px;line-height:1.7;word-wrap:break-word;position:relative}
.epc-msg--agent .epc-msg__bubble{background:#9d9d9d2b;color:var(--epc-ink);border:1px solid var(--epc-line);border-radius:16px 16px 4px 16px;box-shadow:0 2px 8px -2px rgba(15,23,42,.08)}
.epc-msg--visitor .epc-msg__bubble{background:linear-gradient(135deg,#0a7a6d,#005957);color:#fff;border-radius:16px 16px 16px 4px;box-shadow:0 4px 14px -4px rgba(0,89,87,.35)}
.epc-msg--system .epc-msg__bubble{background:rgba(4,60,58,.09);color:var(--epc-primary-dark);font-size:12px;font-weight:600;border-radius:99px;padding:7px 18px;text-align:center;box-shadow:none}

.epc-msg__meta{display:flex;align-items:center;gap:5px;justify-content:flex-end;margin-top:5px}
.epc-msg__time{font-size:10.5px;opacity:.65;line-height:1}
.epc-msg--visitor .epc-msg__time{color:rgba(255,255,255,.78)}
.epc-msg__tick{opacity:.85;flex-shrink:0}
.epc-msg__name{display:block;font-size:11px;font-weight:700;color:var(--epc-primary-dark);margin-bottom:3px}

@keyframes epcPulse{0%,100%{opacity:1}50%{opacity:.45}}

/* ══════════════ Input Bar ══════════════ */
.epc-input-bar{padding:12px 16px;border-top:1px solid var(--epc-line);display:flex;gap:10px;background:var(--epc-surface);align-items:center}
.epc-input-bar input{flex:1;padding:12px 18px;border:2px solid var(--epc-line);border-radius:99px;font-size:13.5px;font-family:var(--epc-font);outline:none;background:var(--epc-bg);transition:border-color .2s,box-shadow .2s;color:var(--epc-ink)}
.epc-input-bar input::placeholder{color:#9ca3af}
.epc-input-bar input:focus{border-color:var(--epc-primary);background:var(--epc-surface);box-shadow:0 0 0 4px rgba(0,89,87,.12)}
.epc-input-bar button{flex-shrink:0;background:linear-gradient(135deg,#0a7a6d,#005957);color:#fff;border:none;cursor:pointer;font-weight:700;font-family:var(--epc-font);font-size:13.5px;display:inline-flex;align-items:center;gap:7px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 14px -3px rgba(0,89,87,.4)}
.epc-input-bar button:hover{transform:translateY(-2px);box-shadow:0 8px 20px -4px rgba(0,89,87,.5)}
.epc-input-bar button:active{transform:translateY(0)}
.epc-input-bar button svg{width:18px;height:18px}
.epc-input-bar button .epc-svg{width:18px;height:18px}
.epc-input-bar button:not(#epc-w-send){padding:11px 22px;border-radius:99px}
#epc-w-send{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center}

/* ══════════════ Offline Ticket ══════════════ */
.epc-offline-card{display:none}
.epc-offline-card.is-open{display:block}

/* ══════════════ FAB (All Pages) ══════════════ */
.epc-fab{position:fixed;bottom:24px;left:24px;width:60px;height:60px;border-radius:18px;background:linear-gradient(135deg,#0a7a6d,#005957);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 28px -6px rgba(0,89,87,.5);z-index:9998;transition:transform .25s ease,box-shadow .25s ease}
.epc-fab::before{content:'';position:absolute;inset:0;border-radius:18px;background:linear-gradient(135deg,#0a7a6d,#005957);z-index:-1;animation:epcRipple 2.4s ease-out infinite}
@keyframes epcRipple{0%{transform:scale(1);opacity:.5}70%{transform:scale(1.4);opacity:0}100%{transform:scale(1.4);opacity:0}}
.epc-fab svg{position:relative;z-index:1;width:26px;height:26px}
.epc-fab:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 16px 40px -8px rgba(0,89,87,.6)}
.epc-fab__badge{position:absolute;top:-6px;right:-6px;min-width:22px;height:22px;padding:0 6px;border-radius:99px;background:var(--epc-danger);color:#fff;font-family:var(--epc-font);font-size:12px;font-weight:800;align-items:center;justify-content:center;border:2px solid #fff;box-shadow:0 4px 10px -3px rgba(239,68,68,.5);z-index:2;animation:epcBadgePop .3s ease}
@keyframes epcBadgePop{from{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}

/* ══════════════ Teaser (Low-Pressure) ══════════════ */
.epc-teaser{position:fixed;bottom:96px;left:24px;max-width:290px;background:var(--epc-surface);border:1px solid var(--epc-line);border-radius:16px;box-shadow:0 18px 50px -16px rgba(4,60,58,.35);z-index:9997;display:flex;align-items:center;gap:11px;padding:12px 14px;cursor:pointer;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .3s ease,transform .3s ease}
.epc-teaser.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}
.epc-teaser__avatar{width:38px;height:38px;flex-shrink:0;border-radius:12px;background:linear-gradient(135deg,#0a7a6d,#005957);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px -3px rgba(0,89,87,.45)}
.epc-teaser__body{flex:1;min-width:0}
.epc-teaser__title{font-size:12.5px;font-weight:800;color:var(--epc-ink);display:flex;align-items:center;gap:6px}
.epc-teaser__title::before{content:'';width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 0 0 rgba(52,211,153,.6);animation:epcPulse 2s infinite;flex-shrink:0}
.epc-teaser__text{font-size:11.5px;color:var(--epc-muted);line-height:1.6;margin-top:2px}
.epc-teaser__close{border:none;background:none;color:var(--epc-muted);cursor:pointer;padding:5px;border-radius:8px;display:flex;flex-shrink:0;transition:background .2s,color .2s}
.epc-teaser__close:hover{background:#fef2f2;color:var(--epc-danger)}

/* ══════════════ Quick Topics (Chips) ══════════════ */
.epc-widget__chips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px}
.epc-widget__chips-label{width:100%;font-size:11.5px;font-weight:700;color:var(--epc-muted);margin-bottom:1px}
.epc-chip{border:1.5px solid var(--epc-line);background:var(--epc-bg);color:var(--epc-primary-dark);font-family:var(--epc-font);font-size:12px;font-weight:700;padding:7px 13px;border-radius:99px;cursor:pointer;transition:all .18s;line-height:1.5}
.epc-chip:hover{border-color:var(--epc-primary);color:var(--epc-primary);background:var(--epc-surface)}
.epc-chip.is-selected{border-color:var(--epc-primary);background:linear-gradient(135deg,#0a7a6d,#005957);color:#fff;box-shadow:0 4px 12px -4px rgba(0,89,87,.5)}
.epc-page-chips{margin-bottom:20px;padding:14px 16px;background:var(--epc-mint);border:1px solid rgba(0,89,87,.14);border-radius:12px}
.epc-page-chips__label{font-size:12px;font-weight:700;color:var(--epc-primary-dark);margin-bottom:9px}
.epc-page-chips__grid{display:flex;flex-wrap:wrap;gap:8px}
.epc-page-chips__grid .epc-chip{padding:8px 15px;font-size:12.5px}

/* ══════════════ Offline (Availability Signal) ══════════════ */
.epc-widget__status.is-offline::before,.epc-teaser__title.is-offline::before{background:#94a3b8;box-shadow:none;animation:none}
.epc-hero__badge.is-offline::before,.epc-chat-top__dot.is-offline{background:#94a3b8;box-shadow:none;animation:none}
.epc-chat-top__status.is-offline{color:#64748b}
.epc-hero__badge.is-offline{background:rgba(15,23,42,.32);border-color:rgba(255,255,255,.15)}

/* ══════════════ Widget (All Pages) ══════════════ */
.epc-widget{position:fixed;bottom:96px;left:24px;width:380px;max-height:540px;background:var(--epc-surface);border-radius:20px;box-shadow:0 24px 70px -20px rgba(4,60,58,.35);z-index:9999;display:none;flex-direction:column;overflow:hidden;border:1px solid rgba(226,232,240,.8);animation:epcSlideUp .28s ease}
.epc-widget.is-open{display:flex}
@keyframes epcSlideUp{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}

.epc-widget__header{padding:16px 18px;background:linear-gradient(135deg,#043c3a 0%,#005957 60%,#0a7a6d 100%);color:#fff;display:flex;align-items:center;gap:12px;position:relative;overflow:hidden}
.epc-widget__header::before{content:'';position:absolute;width:180px;height:180px;background:rgba(255,255,255,.07);border-radius:50%;top:-90px;left:-40px}
.epc-widget__header>*{position:relative;z-index:1}
.epc-widget__head-avatar{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;flex-shrink:0;backdrop-filter:blur(4px)}
.epc-widget__head-avatar svg{width:22px;height:22px}
.epc-widget__head{flex:1;min-width:0}
.epc-widget__title{font-weight:800;font-size:15px;font-family:var(--epc-font)}
.epc-widget__status{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:#fff;margin-top:4px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);padding:3px 11px;border-radius:99px}
.epc-widget__status::before{content:'';width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 0 0 rgba(52,211,153,.6);animation:epcPulse 2s infinite}
.epc-widget__close{background:none;border:none;color:#fff;cursor:pointer;padding:5px;border-radius:9px;display:flex;transition:background .2s}
.epc-widget__close:hover{background:rgba(255,255,255,.16)}

.epc-widget__body{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--epc-bg)}

.epc-widget__prechat{padding:22px 20px 20px;overflow-y:auto;background:var(--epc-surface)}
.epc-widget__intro{text-align:center;margin-bottom:18px}
.epc-widget__intro-icon{width:52px;height:52px;margin:0 auto 12px;border-radius:16px;background:linear-gradient(135deg,var(--epc-mint),#cdeee8);color:var(--epc-primary);display:flex;align-items:center;justify-content:center}
.epc-widget__intro h4{font-size:15px;font-weight:800;color:var(--epc-ink);margin:0 0 4px}
.epc-widget__intro p{font-size:12.5px;color:var(--epc-muted);margin:0;line-height:1.7}
.epc-widget__prechat .epc-field{margin-bottom:12px}
.epc-widget__prechat .epc-field label{font-size:12px}
.epc-widget__prechat .epc-field input{padding:10px 13px;font-size:13px}
.epc-widget__prechat .epc-submit{font-size:14px;padding:12px}

.epc-widget__chat{display:flex;flex-direction:column;height:352px}
.epc-widget__chat .epc-messages{min-height:200px;padding:16px;gap:10px}
.epc-widget__chat .epc-msg{max-width:88%}
.epc-widget__chat .epc-input-bar{padding:10px 14px}
.epc-widget__chat .epc-input-bar input{padding:10px 15px;font-size:13px}
.epc-widget__chat .epc-input-bar input:disabled{background:var(--epc-bg);opacity:.6;cursor:not-allowed}
.epc-widget__chat .epc-input-bar button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}

/* ---- Widget: Conversation History ---- */
.epc-widget__history{padding:18px 16px;overflow-y:auto;background:var(--epc-surface);display:flex;flex-direction:column;gap:12px}
.epc-widget__history-head{text-align:center;margin-bottom:2px}
.epc-widget__history-head h4{font-size:14.5px;font-weight:800;color:var(--epc-ink);margin:0 0 3px}
.epc-widget__history-head p{font-size:12px;color:var(--epc-muted);margin:0;line-height:1.7}
.epc-widget__history-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cbd5d1 transparent}
.epc-widget__history-list::-webkit-scrollbar{width:6px}
.epc-widget__history-list::-webkit-scrollbar-thumb{background:#cbd5d1;border-radius:99px}
.epc-widget__history-empty{padding:28px 14px;text-align:center;color:var(--epc-muted);font-size:13px;background:var(--epc-bg);border-radius:12px;border:1px dashed var(--epc-line)}
.epc-widget__history-item{display:flex;align-items:center;gap:10px;padding:11px 12px;background:var(--epc-surface);border:1px solid var(--epc-line);border-radius:12px;cursor:pointer;transition:all .18s}
.epc-widget__history-item:hover{border-color:var(--epc-primary);box-shadow:0 4px 14px -6px rgba(0,89,87,.25);transform:translateY(-1px)}
.epc-widget__history-badge{flex-shrink:0;font-size:10.5px;font-weight:700;padding:3px 9px;border-radius:99px}
.epc-widget__history-badge.is-active{background:#d1fae5;color:#065f46}
.epc-widget__history-badge.is-waiting{background:#fef3c7;color:#92400e}
.epc-widget__history-badge.is-closed{background:#eef2f1;color:#64748b}
.epc-widget__history-body{flex:1;min-width:0}
.epc-widget__history-date{font-size:11px;color:var(--epc-muted);margin-bottom:2px}
.epc-widget__history-preview{font-size:12.5px;color:var(--epc-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.epc-widget__history-arrow{flex-shrink:0;color:var(--epc-muted)}
.epc-widget__history .epc-submit{margin-top:2px}

/* ---- Past conversation banner ---- */
.epc-past-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--epc-mint);border:1px solid rgba(0,89,87,.15);color:var(--epc-primary-dark);font-size:12px;font-weight:600;padding:9px 14px;border-radius:10px}
.epc-past-banner button{border:none;background:var(--epc-primary);color:#fff;font-family:var(--epc-font);font-size:12px;font-weight:700;padding:6px 12px;border-radius:8px;cursor:pointer;transition:background .2s;flex-shrink:0}
.epc-past-banner button:hover{background:var(--epc-primary-dark)}

/* hide the floating widget on the dedicated chat page (it has its own UI) */
html.epc-hide-fab .epc-fab,html.epc-hide-fab .epc-teaser,html.epc-hide-fab .epc-widget{display:none!important}

/* ══════════════ Responsive ══════════════ */
@media(max-width:480px){
    .epc-chat-page{padding:16px 12px 36px}
    .epc-hero{padding:34px 18px 28px;border-radius:16px}
    .epc-hero h1{font-size:1.35rem}
    .epc-form-card__head,.epc-form-card__body{padding:20px}
    .epc-chat-window.is-open{height:440px}
    .epc-messages{padding:14px}
    .epc-msg{max-width:90%;font-size:13px}
    .epc-widget{width:calc(100% - 24px);left:12px;right:12px;bottom:80px;max-height:480px}
    .epc-widget__chat{height:330px}
    .epc-fab{bottom:80px;left:16px}
    .epc-teaser{left:16px;bottom:152px;max-width:calc(100% - 32px)}
    .epc-page-chips__grid .epc-chip{flex:1 1 44%}
}