/* Dymek "Napisz do nas": wspólny dla strony głównej, podstron i bloga. */
.bubble [hidden],.bubble[hidden]{display:none!important}
.bubble{position:fixed;right:22px;bottom:22px;z-index:70;display:flex;flex-direction:column;align-items:flex-end;gap:12px;transition:opacity .25s ease,transform .25s ease}
.bubble.away{opacity:0;transform:translateY(20px);pointer-events:none}
.bub-btn{display:inline-flex;align-items:center;gap:9px;font:inherit;font-weight:600;font-size:15px;color:#fff;background:var(--green);border:0;border-radius:99px;padding:13px 20px 13px 16px;cursor:pointer;box-shadow:0 14px 34px rgba(30,107,82,.35);transition:transform .2s ease,background .2s ease}
.bub-btn:hover{transform:translateY(-2px);background:var(--green-2)}
.bub-btn svg{width:22px;height:22px}
.bub-panel{width:min(340px,calc(100vw - 44px));background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 24px 60px rgba(20,22,28,.22);position:relative;display:grid;gap:10px;animation:pop .22s cubic-bezier(.3,1.4,.5,1)}
@keyframes pop{from{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}
.bub-x{position:absolute;right:10px;top:8px;font-size:24px;line-height:1;background:none;border:0;color:var(--ink-3);cursor:pointer;padding:4px 8px}
.bub-t{font-weight:800;font-size:18px;padding-right:24px}
.bub-s{font-size:13.5px;color:var(--ink-3)}
.bub-panel textarea,.bub-panel input{font:inherit;font-size:15px;padding:10px 12px;border:1.5px solid #D6D5CF;border-radius:10px;resize:vertical;color:var(--ink)}
.bub-panel textarea:focus,.bub-panel input:focus{outline:none;border-color:var(--green)}
.bub-panel .btn{justify-content:center}
.bub-panel{max-height:calc(100vh - 110px);overflow:auto}
.bub-form{display:grid;gap:10px}
.bub-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.bub-ok-c{display:grid;grid-template-columns:auto 1fr;gap:9px;align-items:start;font-size:13px;line-height:1.45;color:var(--ink-2);cursor:pointer}
.bub-ok-c input{width:18px;height:18px;margin:1px 0 0;accent-color:var(--green)}
.bub-ok-c a{color:var(--green)}
.bub-err{font-size:14px;color:#B4461F;line-height:1.4}
.bub-done{display:grid;gap:6px;font-size:15px;color:var(--ink-2);padding:4px 0}
.bub-done b{color:var(--green);font-size:16px}
.bub-done:focus{outline:none}
/* telefon: sama ikona 48 px w rogu, nad stopką; przy sekcji kontaktu dymek chowa się (klasa away) */
@media(max-width:700px){
  .bubble{right:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px))}
  .bub-btn{width:48px;height:48px;padding:0;justify-content:center;border-radius:50%;box-shadow:0 10px 26px rgba(30,107,82,.32)}
  .bub-btn span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .bubble.open{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:110}
  .bubble.open .bub-btn{display:none}
  .bubble.open .bub-panel{width:100%;max-height:calc(100vh - 40px)}
}