/* Maître — pływający widżet (Marketing Chief) */
/* Motyw Orbius wymusza 1em na każdym SVG */
.mcm-fig svg{width:100%!important;height:100%!important;overflow:visible!important}

.mcw{
  --mcw-ink:#0A0A0A; --mcw-paper:#FFFFFF; --mcw-muted:#6B6B6B; --mcw-spark:#FF6A2B;
  --mcw-size:76px;            /* kafelek na komputerze */
  --mcw-offset:24px;          /* odstęp od boku */
  --mcw-bottom:150px;         /* odstęp od dołu (nad przyciskiem „do góry” i reCAPTCHA) */
  position:fixed;z-index:99990;right:var(--mcw-offset);bottom:calc(var(--mcw-bottom) + env(safe-area-inset-bottom,0px));
  display:flex;flex-direction:row-reverse;align-items:center;gap:16px;font-family:inherit;-webkit-tap-highlight-color:transparent;
  opacity:0;visibility:hidden;transform:translateY(16px);
  transition:opacity .45s,transform .45s cubic-bezier(.2,.8,.3,1.2),visibility 0s .45s
}
.mcw.is-left{right:auto;left:var(--mcw-offset);flex-direction:row}
.mcw.is-in{opacity:1;visibility:visible;transform:none;transition:opacity .45s,transform .45s cubic-bezier(.2,.8,.3,1.2),visibility 0s}

/* kafelek: biały, czarna ramka, twardy cień (jak dzwonek) */
.mcw .mcw-btn,.mcw .mcw-btn:hover,.mcw .mcw-btn:focus,.mcw .mcw-btn:active{
  position:relative!important;flex:none!important;box-sizing:border-box!important;
  width:var(--mcw-size)!important;height:var(--mcw-size)!important;min-width:0!important;min-height:0!important;
  margin:0!important;padding:5px 5px 7px!important;border:2px solid var(--mcw-ink)!important;border-radius:0!important;
  background:var(--mcw-paper)!important;color:var(--mcw-ink)!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important;
  font-size:0!important;line-height:0!important;text-transform:none!important;letter-spacing:0!important;
  box-shadow:4px 4px 0 var(--mcw-ink)!important;cursor:pointer;touch-action:manipulation;
  transition:transform .12s,box-shadow .12s!important
}
.mcw .mcw-btn:hover{transform:translate(-1px,-1px)!important;box-shadow:5px 5px 0 var(--mcw-ink)!important}
.mcw.is-press .mcw-btn{transform:translate(3px,3px)!important;box-shadow:1px 1px 0 var(--mcw-ink)!important}
.mcw .mcw-btn:focus{outline:none!important}
.mcw .mcw-btn:focus-visible{outline:2px solid var(--mcw-ink)!important;outline-offset:5px!important}

/* Maître: proporcje 240:220 */
.mcw .mcw-fig{display:block;flex:none;width:calc(var(--mcw-size) - 16px);aspect-ratio:240/220;height:auto;pointer-events:none}
/* drobny „ukłon” przy zmianie stanu (wyłączony przy ograniczonym ruchu) */
.mcw.is-bow .mcw-fig{animation:mcw-bow .45s cubic-bezier(.3,.6,.4,1)}
@keyframes mcw-bow{0%{transform:none}35%{transform:translateY(2px) scale(.97)}100%{transform:none}}

/* postęp 3 kliknięć: 3 segmenty pod postacią */
.mcw .mcw-seg{display:flex!important;gap:3px;width:56%;flex:none}
.mcw .mcw-seg i{flex:1;height:4px;border:1.5px solid var(--mcw-ink);background:transparent;box-sizing:border-box;transition:background .12s}
.mcw .mcw-seg i.on{background:var(--mcw-ink)}
.mcw .mcw-seg i.on:last-child{background:var(--mcw-spark);border-color:var(--mcw-spark)}

/* dymek */
.mcw-bubble{position:relative;display:flex;align-items:center;gap:8px;white-space:nowrap;
  background:var(--mcw-paper);color:var(--mcw-ink);border:2px solid var(--mcw-ink);border-radius:0;padding:10px 8px 10px 16px;
  font-size:14px;line-height:1.3;font-weight:600;letter-spacing:0;text-transform:none;box-shadow:4px 4px 0 var(--mcw-ink);
  opacity:0;transform:translateX(8px);pointer-events:none;transition:opacity .25s,transform .25s}
.mcw.is-left .mcw-bubble{transform:translateX(-8px)}
.mcw.show-bubble .mcw-bubble{opacity:1;transform:none;pointer-events:auto}
.mcw-bubble::before{content:"";position:absolute;right:-8px;top:50%;width:12px;height:12px;background:var(--mcw-paper);border-left:2px solid var(--mcw-ink);border-bottom:2px solid var(--mcw-ink);transform:translateY(-50%) rotate(-135deg)}
.mcw.is-left .mcw-bubble::before{right:auto;left:-8px;transform:translateY(-50%) rotate(45deg)}
.mcw-text{flex:1}
.mcw .mcw-x,.mcw .mcw-x:hover,.mcw .mcw-x:focus{flex:none!important;width:28px!important;height:28px!important;min-height:0!important;margin:0!important;padding:0!important;
  border:0!important;border-radius:0!important;background:transparent!important;color:var(--mcw-muted)!important;box-shadow:none!important;
  font-size:18px!important;line-height:28px!important;text-align:center!important;cursor:pointer}
.mcw .mcw-x:hover,.mcw .mcw-x:focus-visible{background:var(--mcw-ink)!important;color:var(--mcw-paper)!important;outline:none!important}

/* telefon: mniejszy kafelek, niżej, dymek może się zawijać */
@media (max-width:600px){
  .mcw{--mcw-size:60px;--mcw-offset:16px;--mcw-bottom:80px;gap:12px}
  .mcw .mcw-btn,.mcw .mcw-btn:hover,.mcw .mcw-btn:focus,.mcw .mcw-btn:active{padding:4px 4px 6px!important;gap:4px!important}
  .mcw .mcw-fig{width:calc(var(--mcw-size) - 14px)}
  .mcw-bubble{font-size:13px;white-space:normal;max-width:calc(100vw - var(--mcw-size) - 60px)}
}

/* okienko po 3. kliknięciu (jak w dzwonku 1.3) */
.mcw-modal{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:16px;background:rgba(10,10,10,.45);
  backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;transition:opacity .2s;font-family:inherit}
.mcw-modal[hidden]{display:none!important}
.mcw-modal.is-open{opacity:1}
.mcw-card{position:relative;box-sizing:border-box;width:min(440px,100%);max-height:calc(100vh - 32px);overflow:auto;
  background:#FFFFFF;color:#0A0A0A;border:2px solid #0A0A0A;border-radius:0;padding:30px 26px 22px;
  box-shadow:8px 8px 0 #0A0A0A;transform:translateY(14px);transition:transform .25s cubic-bezier(.2,.8,.3,1.2)}
.mcw-modal.is-open .mcw-card{transform:none}
.mcw-modal .mcw-close,.mcw-modal .mcw-close:hover,.mcw-modal .mcw-close:focus{position:absolute!important;top:12px!important;right:12px!important;
  width:38px!important;height:38px!important;min-height:0!important;margin:0!important;padding:0!important;
  border:2px solid #0A0A0A!important;border-radius:0!important;background:#FFFFFF!important;color:#0A0A0A!important;box-shadow:none!important;
  font-size:22px!important;line-height:34px!important;text-align:center!important;cursor:pointer}
.mcw-modal .mcw-close:hover,.mcw-modal .mcw-close:focus-visible{background:#0A0A0A!important;color:#FFFFFF!important;outline:none!important}
.mcw-modal .mcw-head{display:flex;align-items:center;gap:12px;margin:0 0 10px;padding-right:48px}
.mcw-modal .mcw-head .mcm-fig{flex:none;width:48px;height:44px}
.mcw-modal .mcw-eyebrow{margin:0!important;font-size:12px!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:#5C5C5C!important;font-weight:600!important;line-height:1.3!important}
.mcw-modal .mcw-title{margin:0 0 8px!important;font-size:24px!important;line-height:1.15!important;font-weight:700!important;text-wrap:balance;color:#0A0A0A!important}
.mcw-modal .mcw-sub{margin:0 0 20px!important;font-size:15px!important;line-height:1.5!important;color:#5C5C5C!important}
.mcw-modal .mcw-opts{display:grid;gap:10px;margin:0!important;padding:0!important;list-style:none!important}
.mcw-modal .mcw-opts li{margin:0!important;padding:0!important;list-style:none!important}
.mcw-modal .mcw-opts li::before,.mcw-modal .mcw-opts li::marker{content:none!important}
.mcw-modal .mcw-opt{display:flex;align-items:center;gap:14px;padding:13px 14px;border:2px solid #0A0A0A;border-radius:0;background:#FFFFFF;color:#0A0A0A!important;text-decoration:none!important;transition:background .12s,color .12s,transform .12s,box-shadow .12s}
.mcw-modal .mcw-opt:hover,.mcw-modal .mcw-opt:focus-visible{background:#0A0A0A;color:#FFFFFF!important;outline:none;transform:translate(-2px,-2px);box-shadow:4px 4px 0 #5C5C5C}
.mcw-modal .mcw-ico{flex:none;width:36px;height:36px;display:grid;place-items:center;border:2px solid currentColor;border-radius:0}
.mcw-modal .mcw-ico svg{width:18px!important;height:18px!important;display:block}
.mcw-modal .mcw-opt b{display:block;font-size:15px;font-weight:700;line-height:1.3}
.mcw-modal .mcw-opt small{display:block;font-size:13px;line-height:1.35;opacity:.7;margin-top:2px}
.mcw-modal .mcw-foot{margin:16px 0 0!important;font-size:12px!important;line-height:1.45!important;color:#5C5C5C!important;text-align:center}

@media (prefers-reduced-motion:reduce){.mcw,.mcw *,.mcw-modal,.mcw-card{animation:none!important;transition:none!important}}