/* Marketing Trójmiasto — widget, confined to mtal-* namespace */
:root{--mtal-navy:#08082d;--mtal-gold:#b49754;--mtal-ink:#111633;--mtal-line:#e5e3e4}
.mtal-launch,.mtal-panel{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.5;box-sizing:border-box}
.mtal-launch *, .mtal-panel *{box-sizing:border-box}
.mtal-launch{position:fixed;z-index:215;bottom:24px;right:24px;display:flex;align-items:center;gap:10px}
.mtal-launch button{cursor:pointer;border:0}
.mtal-pill{background:#0a0a30;color:white;display:flex;align-items:center;gap:10px;border-radius:100px;padding:13px 18px;font-size:13px;font-weight:750;box-shadow:0 8px 27px rgba(4,6,26,.22);border:1px solid rgba(184,157,88,.48)!important}
.mtal-led{width:13px;height:13px;flex:0 0 auto;background:#26cc9a;border-radius:50%;box-shadow:0 0 0 6px rgba(38,204,154,.15)}
.mtal-bubble{display:grid;place-items:center;width:57px;height:57px;border-radius:50%;background:var(--mtal-navy);color:#d2ac5d;box-shadow:0 8px 26px #0a0b2b36}
.mtal-bubble svg{width:28px;height:28px;stroke-linecap:round;stroke-linejoin:round}
.mtal-launch:hover .mtal-bubble{background:#161541}
.mtal-panel{position:fixed;right:24px;bottom:95px;z-index:220;display:flex;flex-direction:column;width:min(420px,calc(100vw - 30px));height:min(670px,calc(100dvh - 112px));background:#fff;box-shadow:0 15px 70px rgba(8,8,40,.29);border-radius:18px;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(16px);pointer-events:none;transition:opacity .22s,transform .22s,visibility .22s;color:var(--mtal-ink)}
.mtal-panel.is-open{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
.mtal-top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:72px;padding:17px 20px;background:linear-gradient(110deg,#101232 0%,#574624 100%);color:#fff}
.mtal-top-name{display:flex;align-items:center;gap:14px;font-size:15px;letter-spacing:-.015em}
.mtal-top-name strong{font-size:15px;line-height:1.3}
.mtal-collapse{border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:25px;width:36px;height:36px;display:grid;place-items:center;cursor:pointer}
.mtal-main{background:#faf9f9;flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto;padding:22px 20px 12px;scrollbar-width:thin}
.mtal-thread{display:flex;flex-direction:column;gap:12px;flex:1;min-height:80px;padding-bottom:16px}
.mtal-msg{display:flex;max-width:95%}
.mtal-msg span{display:block;max-width:100%;border:1px solid #dcdde1;background:#fff;border-radius:18px 18px 18px 4px;padding:15px 17px;font-size:15px;line-height:1.58;color:#2d303a;overflow-wrap:anywhere;white-space:pre-wrap}
.mtal-msg-user{align-self:flex-end}
.mtal-msg-user span{background:#141737;border-color:#141737;color:#fff;border-radius:18px 18px 4px 18px}
.mtal-quick{display:flex;flex-wrap:wrap;align-items:center;gap:9px;padding:12px 0 7px}
.mtal-quick button{background:#fff;border:1.5px solid #ab9052;border-radius:24px;color:#6e5625;font-size:13px;font-weight:700;padding:10px 14px;cursor:pointer;transition:.18s}
.mtal-quick button:first-child{background:#111536;color:#fff;border-color:#111536}
.mtal-quick button:hover{background:#f5efdf;color:#18152c}
.mtal-bottom{background:#fff;border-top:1px solid #e4e3e7;padding:14px 17px 14px}
#mtal-chat-form{display:flex;align-items:center;gap:10px;margin:0}
.mtal-chat-entry{flex:1;display:block;min-width:0;margin:0}
.mtal-chat-entry input{display:block;width:100%;background:#fff!important;border:1px solid #a89a7a!important;border-radius:12px!important;padding:13px 12px!important;min-height:50px!important;color:#15192e!important;font-size:14px!important;outline:0!important;box-shadow:none!important}
.mtal-chat-entry input:focus{border-color:#947438!important;box-shadow:0 0 0 3px rgba(179,149,78,.14)!important}
.mtal-send,.mtal-submit-lead{border:0;border-radius:50px;background:#101333;color:#fff;padding:13px 16px;min-height:49px;font-size:13px;font-weight:800;cursor:pointer;letter-spacing:.02em}
.mtal-send:disabled{opacity:.45;cursor:wait}
.mtal-bottom p{font-size:10px;line-height:1.5;color:#737682;margin:10px 0 0}
.mtal-bottom p a,.mtal-lead-form a{color:#866a30;text-decoration:underline;text-underline-offset:2px}
.mtal-ai-permission{display:flex;align-items:flex-start;gap:8px;font-size:10.5px;color:#535663;margin-top:10px;line-height:1.45}
.mtal-ai-permission[hidden]{display:none}
.mtal-ai-permission input{margin-top:2px}
.mtal-lead-form{display:block;border:1px solid #dedbd3;background:#fff;border-radius:14px;padding:14px;margin:10px 0;box-shadow:0 5px 22px #1613310d}
.mtal-lead-form[hidden]{display:none}
.mtal-form-title{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:15px;color:#15183c}
.mtal-form-title button{background:#eee;border:0;border-radius:50%;width:26px;height:26px;font-size:20px;cursor:pointer}
.mtal-lead-form>p{color:#676b78;font-size:12px;line-height:1.5;margin:7px 0 12px}
.mtal-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.mtal-fields label{display:block;color:#25283e;font-size:11px;font-weight:650}
.mtal-fields input,.mtal-fields textarea,.mtal-fields select{display:block;width:100%;border:1px solid #dfdde1;background:white;color:#1b2035;font-family:inherit;font-size:13px;border-radius:8px;padding:9px 10px;margin-top:4px;box-shadow:none;max-width:100%}
.mtal-fields input:focus,.mtal-fields textarea:focus,.mtal-fields select:focus{border-color:#b49754;outline:2px solid #e7dcc1}
.mtal-field-wide{grid-column:1/-1}
.mtal-check{display:flex;align-items:flex-start;gap:8px;margin:12px 0;font-size:11px;color:#474a57;line-height:1.5}
.mtal-check input{margin-top:2px}
.mtal-submit-lead{border-radius:9px;width:100%;display:flex;justify-content:space-between;align-items:center}
.mtal-trap{position:absolute;left:-9000px;width:1px;height:1px}
.mtal-form-result{font-size:12px;margin-top:9px;color:#1d734b}
.mtal-form-result.is-error{color:#a32929}
.mtal-panel a:focus-visible,.mtal-panel button:focus-visible,.mtal-launch button:focus-visible{outline:3px solid #bc9f60;outline-offset:3px}
@media(max-width:640px){
 .mtal-launch{right:15px;bottom:18px;gap:8px}
 .mtal-pill{padding:11px 13px;font-size:11px}
 .mtal-bubble{width:51px;height:51px}
 .mtal-panel{width:calc(100vw - 24px);height:min(740px,calc(100dvh - 28px));right:12px;bottom:14px;border-radius:16px}
 .mtal-panel.is-open~.mtal-launch{display:none}
 .mtal-top{min-height:66px;padding:14px 16px}
 .mtal-top-name strong{font-size:14px}
 .mtal-main{padding:17px 16px 10px}
 .mtal-msg span{font-size:14px;padding:12px 14px}
 .mtal-quick button{font-size:12px;padding:9px 12px}
 .mtal-bottom{padding:11px}
 .mtal-chat-entry input{min-height:44px!important}
 .mtal-send{min-height:44px;padding:10px 12px;font-size:11px}
 .mtal-fields{gap:6px}
}
@media(max-width:355px){.mtal-pill{max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mtal-fields{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.mtal-panel,.mtal-quick button{transition:none}}

.mtal-launch[hidden]{display:none!important}

/* Integrated theme widget — no external AI API */
.mtal-panel .mtal-top{background:linear-gradient(115deg,#111632,#6c572c)}
.mtal-panel .mtal-quick button:first-child{background:#a88b4d;border-color:#a88b4d;color:#fff}
.mtal-panel .mtal-bubble,.mtal-bubble{background:#111633;color:#cbb16f}
.mtal-launch{z-index:420}.mtal-panel{z-index:421}

/* Consent banner must remain unobstructed on first visit. */
.mt-cookie-banner:not([hidden]) ~ .mtal-launch,
.mt-cookie-banner:not([hidden]) ~ .mtal-panel,
.mt-cookie-modal:not([hidden]) ~ .mtal-launch,
.mt-cookie-modal:not([hidden]) ~ .mtal-panel {display:none!important}