
/* Rankauto — wspólna słuchawka kontaktowa 1.0 */
.ra-call-widget{position:fixed;right:20px;bottom:20px;z-index:9998;font-family:inherit}
.ra-call-fab{display:flex;align-items:center;justify-content:center;width:62px;height:62px;border:0;border-radius:50%;background:linear-gradient(135deg,#19a96b,#087d56);color:#fff;cursor:pointer;box-shadow:0 9px 28px #075a3d66;animation:ra-call-pulse 3s infinite}
.ra-call-fab svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@keyframes ra-call-pulse{0%,75%,100%{box-shadow:0 9px 28px #075a3d66,0 0 0 0 #1eb67d55}85%{box-shadow:0 9px 28px #075a3d66,0 0 0 12px #1eb67d00}}
@media(prefers-reduced-motion:reduce){.ra-call-fab{animation:none}}
.ra-call-panel{position:absolute;right:0;bottom:76px;width:min(355px,calc(100vw - 28px));max-height:min(610px,calc(100dvh - 110px));overflow:auto;background:#fff;color:#17273d;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 20px 65px #14213a3b;padding:20px;text-align:left}
.ra-call-panel[hidden]{display:none!important}
.ra-call-top{display:flex;align-items:start;justify-content:space-between;gap:12px}
.ra-call-panel h2{font-size:21px;line-height:1.25;margin:0 0 8px;color:#14253b}
.ra-call-panel p{font-size:14px;line-height:1.55;margin:0 0 14px;color:#59687c}
.ra-call-close{border:0;background:#eef2f6;color:#26384c;border-radius:50%;width:30px;height:30px;cursor:pointer;font-size:22px}
.ra-call-primary{display:block;width:100%;box-sizing:border-box;padding:13px 14px;border-radius:12px;text-align:center;text-decoration:none!important;background:linear-gradient(100deg,#fa365d,#ff7834);color:#fff!important;font-weight:750;border:0;cursor:pointer;font-size:15px}
.ra-call-phone{font-size:22px;font-weight:800;color:#152941!important;text-align:center;margin:8px 0 12px}
.ra-call-separator{height:1px;background:#e4eaf0;margin:17px 0}
.ra-call-panel label{display:block;font-size:13px;font-weight:700;margin:10px 0 5px;color:#28394d}
.ra-call-panel input:not([type=checkbox]),.ra-call-panel textarea{box-sizing:border-box;width:100%;border:1px solid #cbd5e1;border-radius:9px;padding:10px 11px;background:#fff;color:#15283d;font:inherit;font-size:14px}
.ra-call-panel textarea{resize:vertical;min-height:65px}
.ra-call-privacy{display:flex!important;align-items:flex-start;gap:8px;font-weight:400!important;font-size:12px!important;line-height:1.5}
.ra-call-privacy input{margin-top:3px}
.ra-call-privacy a{color:#a32649}
.ra-call-note{font-size:12px!important;margin-top:9px!important}
.ra-call-status{font-size:13px!important;margin-top:10px!important}
@media(max-width:600px){.ra-call-widget{right:15px;bottom:calc(15px + env(safe-area-inset-bottom,0px))}.ra-call-fab{width:56px;height:56px}.ra-call-panel{bottom:68px}}

/* Rankauto 1.2 — wyrazniejsza, cykliczna animacja i bardziej zwarty panel */
.ra-call-fab{position:relative;isolation:isolate;animation:ra-fab-bounce 6s ease-in-out infinite;}
.ra-call-fab::before,.ra-call-fab::after{content:"";position:absolute;inset:-4px;border:3px solid rgba(19,176,113,.75);border-radius:50%;pointer-events:none;z-index:-1;opacity:0;animation:ra-ring 6s ease-out infinite;}
.ra-call-fab::after{animation-delay:.38s;}
.ra-call-fab svg{transform-origin:50% 50%;animation:ra-handset-ring 6s ease-in-out infinite;}
@keyframes ra-handset-ring{
0%,3%,6%,9%,12%,15%,18%,100%{transform:rotate(0)}
1.5%,7.5%,13.5%{transform:rotate(-21deg)}
4.5%,10.5%,16.5%{transform:rotate(21deg)}
}
@keyframes ra-fab-bounce{
0%,19%,100%{transform:scale(1)}
4%,11%{transform:scale(1.08)}
7%,15%{transform:scale(.98)}
}
@keyframes ra-ring{
0%,1%{opacity:0;transform:scale(.95)}
4%{opacity:.9}
17%{opacity:0;transform:scale(1.85)}
18%,100%{opacity:0;transform:scale(1.85)}
}
/* Zatrzymanie animacji podczas korzystania z panelu */
.ra-call-fab[aria-expanded="true"],.ra-call-fab[aria-expanded="true"] svg,.ra-call-fab[aria-expanded="true"]::before,.ra-call-fab[aria-expanded="true"]::after{animation:none!important;}
.ra-call-fab[aria-expanded="true"]::before,.ra-call-fab[aria-expanded="true"]::after{opacity:0;}
/* Zachowujemy szerokosc i polozenie panelu, zmniejszamy jedynie odstepy */
.ra-call-panel{padding:16px 18px;}
.ra-call-panel h2{margin-bottom:5px;}
.ra-call-panel p{margin-bottom:9px;line-height:1.45;}
.ra-call-phone{margin:5px 0 8px;}
.ra-call-separator{margin:12px 0;}
.ra-call-panel label{margin:7px 0 4px;}
.ra-call-panel input:not([type=checkbox]){padding:9px 10px;}
.ra-call-panel textarea{min-height:54px;padding:9px 10px;}
.ra-call-primary{padding:11px 13px;}
@media(prefers-reduced-motion:reduce){.ra-call-fab,.ra-call-fab svg,.ra-call-fab::before,.ra-call-fab::after{animation:none!important;}}
