/* Iteracja: 20261008d */
/* DelayFix – delayfix.link – formularz kontaktowy (zastępuje iframe delayfix.com/iframe/odszkodowanie) */

.lf{margin-top:4px}
.lf-title{color:var(--text);font-family:Host Grotesk,sans-serif;font-size:20px;font-weight:800;letter-spacing:-.3px;line-height:1.25;margin-bottom:4px}
.lf-lead{color:var(--text-3);font-size:13px;line-height:1.6;margin-bottom:18px}

.lf-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 14px}
.lf-grid .lf-wide{grid-column:1/-1}
@media (width<=520px){.lf-grid{grid-template-columns:1fr}}

.lf-field label{color:var(--text-2);display:block;font-size:13px;font-weight:600;margin-bottom:6px}
.lf-field label .req{color:var(--blue);margin-left:1px}
.lf-input,.lf-select{width:100%;background:var(--white);border:2px solid var(--border-2);border-radius:var(--radius);
  padding:11px 14px;font-family:Inter,sans-serif;font-size:16px;color:var(--text);line-height:1.3;transition:border-color .15s;display:block;
  -webkit-appearance:none;appearance:none}
@media (width>=521px){.lf-input,.lf-select{font-size:14px}}
.lf-input:focus,.lf-select:focus{outline:none;border-color:var(--blue)}
.lf-input::placeholder{color:var(--text-4)}

.lf-phone{display:flex;gap:8px}
.lf-phone .lf-select{flex:0 0 108px;padding-right:28px;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 10px center}
.lf-phone .lf-input{flex:1;min-width:0}

.lf-msg{color:var(--red);font-size:12px;margin-top:4px;display:none}
.lf-field.err .lf-input{border-color:var(--red)}
.lf-field.err .lf-msg,.lf-consent.err .lf-msg{display:block}

.lf-consent{margin-top:16px}
.lf-chk{display:flex;align-items:flex-start;gap:10px;cursor:pointer;color:var(--text-2);font-size:13px;line-height:1.55}
.lf-chk input{flex-shrink:0;width:20px;height:20px;margin-top:0;accent-color:var(--blue);cursor:pointer}
.lf-chk a{color:var(--blue)}
.lf-consent.err .lf-chk input{outline:2px solid var(--red);outline-offset:1px}

.lf-cta{width:100%;margin-top:18px;background:var(--red-brand);color:#fff;border:none;border-radius:var(--radius);cursor:pointer;
  padding:15px 20px;font-family:Inter,sans-serif;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px;
  transition:background .15s}
.lf-cta:hover{background:var(--red-dark)}
.lf-cta:disabled{opacity:.7;cursor:wait}
.lf-spin{display:none;width:16px;height:16px;border:2px solid #ffffff66;border-top-color:#fff;border-radius:50%;animation:lfspin .7s linear infinite}
.lf-cta.loading .lf-spin{display:inline-block}
@keyframes lfspin{to{transform:rotate(360deg)}}

.lf-wait{display:none;margin-top:10px;color:var(--text-3);font-size:12px;text-align:center}
.lf-wait.on{display:block}

.lf-alert{display:none;margin-top:14px;padding:12px 14px;border-radius:var(--radius);font-size:13px;line-height:1.55;
  background:var(--red-bg);border:1px solid var(--red-border);color:#991b1b}
.lf-alert.on{display:block}
.lf-alert.amber{background:var(--amber-bg);border-color:var(--amber-border);color:#92400e}
.lf-alert a{color:inherit;font-weight:600}

.lf-note{color:var(--text-4);font-size:11px;line-height:1.6;margin-top:12px;text-align:center}
.lf-callnow{margin-top:14px;text-align:center;font-size:13px;color:var(--text-3)}
.lf-callnow a{color:var(--blue);font-weight:600;text-decoration:none;white-space:nowrap}

/* honeypot – niewidoczny dla człowieka */
.lf-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}

/* ekran podziękowania */
.lf-thanks-name{font-weight:700}

/* ---------- Ekran wysyłki (jak na anex.delayfix.com: formularz znika, zostaje animacja) ---------- */
.lf-sendbox{display:none;text-align:center;padding:44px 16px 36px}
.lf.lf-sending > :not(.lf-sendbox){display:none!important}
.lf.lf-sending .lf-sendbox{display:block;animation:lfIn .3s ease-out}

.lf-spinner{position:relative;width:76px;height:76px;margin:0 auto 24px}
.lf-spinner:before{content:"";position:absolute;inset:0;border-radius:50%;border:5px solid var(--red-bg);border-top-color:var(--red-brand);
  animation:lfSpin .8s linear infinite}
.lf-spinner:after{content:"";position:absolute;inset:14px;border-radius:50%;background:var(--blue-light)}
.lf-spin-plane{position:absolute;left:50%;top:50%;z-index:1;width:28px;height:28px;margin:-14px 0 0 -14px;color:var(--blue);
  animation:lfBob 1.6s ease-in-out infinite}

.lf-send-title{color:var(--text);font-family:Host Grotesk,sans-serif;font-size:20px;font-weight:800;letter-spacing:-.3px;margin-bottom:8px}
.lf-step{min-height:21px;color:var(--text-3);font-size:14px;line-height:1.5}
.lf-step.in{animation:lfStepIn .35s ease-out}
.lf-slow{display:none;margin-top:14px;color:var(--text-4);font-size:12.5px}
.lf-sendbox.slow .lf-slow{display:block;animation:lfStepIn .35s ease-out}

@keyframes lfSpin{to{transform:rotate(360deg)}}
@keyframes lfBob{0%,100%{transform:translateY(1px) rotate(-8deg)}50%{transform:translateY(-3px) rotate(8deg)}}
@keyframes lfIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes lfStepIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}

@media (prefers-reduced-motion:reduce){
  .lf-spinner:before{animation-duration:2.4s}
  .lf-spin-plane,.lf-step.in,.lf-sendbox.slow .lf-slow,.lf.lf-sending .lf-sendbox{animation:none}
}

/* ---------- Baner zgody na cookies Meta (assets/js/tracking.js) ---------- */
.df-cookie{position:fixed;left:16px;right:16px;bottom:16px;z-index:1000;max-width:720px;margin:0 auto;display:none;
  flex-wrap:wrap;align-items:center;gap:12px 18px;padding:16px 18px;background:var(--white);border:1px solid var(--border);
  border-radius:var(--radius-lg);box-shadow:0 10px 32px #11182729;font-family:Inter,sans-serif}
.df-cookie.show{display:flex;animation:lfIn .3s ease-out}
.df-cookie p{margin:0;flex:1 1 320px;font-size:13px;line-height:1.55;color:var(--text-3)}
.df-cookie a{color:var(--blue)}
.df-cookie-actions{display:flex;gap:10px;flex-wrap:wrap}
.df-cookie-btn{font:600 13px Inter,sans-serif;border-radius:var(--radius);padding:9px 18px;cursor:pointer;
  border:1px solid var(--border-2);background:var(--white);color:var(--text)}
.df-cookie-btn.accept{background:var(--blue);border-color:var(--blue);color:#fff}
.df-cookie-btn.accept:hover{background:var(--blue-dark)}
.df-link-like{background:none;border:0;padding:0;font:inherit;color:#ffffffa6;cursor:pointer;text-align:left}
.df-link-like:hover{color:#fff}