/* Formularz zapisu na newsletter. Jasny domyślnie, .nl-ciemny na ciemnym tle (stopka głównej). */
.nl-form{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;margin-top:18px;font-family:inherit}
.nl-form input[type=text],.nl-form input[type=email]{font:inherit;font-size:15px;padding:11px 14px;border-radius:999px;border:1px solid var(--ink,#141210);background:#fff;color:var(--ink,#141210);min-width:0}
.nl-form button{font:inherit;font-size:15px;font-weight:500;padding:11px 20px;border-radius:999px;border:1px solid var(--acc,#15131C);background:var(--acc,#15131C);color:#fff;cursor:pointer;white-space:nowrap}
.nl-form button:hover{opacity:.88}
.nl-form button:disabled{opacity:.5;cursor:default}
.nl-form .nl-zgoda{grid-column:1/-1;display:flex;flex-direction:row;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.45;color:var(--muted,#5C5349)}
.nl-form .nl-zgoda input{margin:2px 0 0;padding:0;width:16px;height:16px;flex:none;border-radius:3px;accent-color:var(--acc,#15131C)}
.nl-zgoda a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.nl-msg{grid-column:1/-1;margin:0;font-size:14.5px;min-height:1px}
.nl-msg.nl-blad{color:#B42318}
.nl-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.nl-form.nl-ok input,.nl-form.nl-ok button,.nl-form.nl-ok .nl-zgoda{display:none}
.nl-form.nl-ok .nl-msg{font-size:16px;font-weight:500;color:var(--ink,#141210)}

.nl-ciemny input[type=text],.nl-ciemny input[type=email]{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.22);color:#fff}
.nl-ciemny input::placeholder{color:rgba(255,255,255,.5)}
.nl-ciemny button{background:var(--szalwia,#D6F3C3);border-color:var(--szalwia,#D6F3C3);color:var(--acc,#15131C)}
.nl-ciemny .nl-zgoda{color:rgba(255,255,255,.55)}
.nl-ciemny .nl-zgoda a{color:rgba(255,255,255,.8)}
.nl-ciemny .nl-zgoda input{accent-color:var(--szalwia,#D6F3C3)}
.nl-ciemny .nl-msg{color:rgba(255,255,255,.8)}
.nl-ciemny .nl-msg.nl-blad{color:#FFB4AB}
.nl-ciemny.nl-ok .nl-msg{color:#fff}
/* Stopka głównej: pod zielonym „Umów konsultację”, więc sam obrys. Konsultacja zostaje jedynym pełnym przyciskiem. */
.st-nl .nl-ciemny button{background:transparent;border:1.5px solid var(--szalwia,#D6F3C3);color:var(--szalwia,#D6F3C3)}

/* Podgląd numeru na stronie zapisu */
.podglad{display:block;width:100%;max-width:560px;height:auto;margin-top:16px;border-radius:18px;border:1px solid var(--line,#E6E2DA)}

/* Ramka na podstronach instrukcji */
.nl-box{margin-top:24px;padding:clamp(22px,3.5vw,32px);border-radius:20px;border:1px solid var(--line,#E6E2DA);background:var(--fiolet-j,#F1ECFD)}
.nl-box h2{margin:0;font-size:clamp(21px,2vw,25px)}
.nl-box p{margin:8px 0 0}

@media (max-width:640px){.nl-form{grid-template-columns:1fr}.nl-form button{width:100%}}
@media print{.nl-box{display:none}}