/* ==========================================================================
   Lista wskaźników (wskazniki.html) — dodatki do handshake.css, tylko z prefiksem strony.
   Strona pod link z opisu filmu na YouTube: bez tytułu, na środku granatu pole na e-mail z przyciskiem
   i zgoda, pod spodem trzy kafle (sprzedaż, zakup, doradztwo). Zapis obsługuje /newsletter.php.
   ========================================================================== */

/* pole na e-mail na środku, wprost na granacie (bez białej karty) */
.wsk__in{padding-top:clamp(56px,8vw,120px);padding-bottom:clamp(56px,8vw,120px)}
.wsk-form{background:none;border:0;padding:0;width:100%;max-width:640px;margin:0 auto;color:rgba(255,255,255,.82)}
.wsk-row{display:flex;gap:10px}
.wsk-row input{flex:1 1 auto;min-width:0;height:56px;font-size:16.5px;border-color:#fff}
.wsk-row .btn{flex:none;height:56px;padding-inline:26px}
.wsk-form .check{margin:18px 0 0;color:rgba(255,255,255,.72);font-size:12.5px;line-height:1.55}
.wsk-form .check input{accent-color:var(--turkus)}
.wsk-form .check .link{color:#fff}
.wsk-form .err{color:#ffb8b8}
.wsk__in .form__ok{max-width:640px;margin:0 auto;color:var(--ink)}
@media (max-width:560px){
  .wsk-row{flex-direction:column}
  .wsk-row .btn{width:100%}
}

/* strona podziękowania (wskazniki-dziekujemy.html): wszystko wyśrodkowane */
.wsk-dzieki{text-align:center}
.wsk-dzieki .eyebrow{justify-content:center;color:var(--blue-light)}
.wsk-dzieki h1{margin:20px auto 0;max-width:18ch}
.wsk-dzieki .lead{margin:22px auto 0;max-width:52ch}
.wsk-dzieki .lead a{color:#fff;text-decoration:underline;text-underline-offset:3px}

/* trzy kafle pod spodem */
@media (max-width:860px){.wsk-tiles{grid-template-columns:1fr}}