/* ============================================================
   LANDING POD RUCH PŁATNY (ads-landing.html)
   Inny kontrakt niż ranking SEO: odpowiedź i tabela nad linią
   załamania, CTA przy każdej pozycji, nawigacja zredukowana do
   zera linków wyprowadzających, układ projektowany od mobile.
   ============================================================ */
body.ads{--maxw:1080px}
/* nagłówek bez nawigacji — każdy link wyprowadzający to opłacony klik */
.ads-head{border-bottom:1px solid var(--rule);background:var(--paper);position:static}
.ads-head .head-in{padding:12px 20px;gap:12px}
.ads-stamp{font-family:var(--body);font-size:14px;color:var(--ink-3)}
.ads-stamp b{font-family:var(--display);font-weight:900;color:var(--ink);letter-spacing:.06em;text-transform:uppercase;font-size:12px;display:block}
/* sekcja szczytowa: bez wstępu, bez spisu treści */
.ads-top{padding:26px 0 8px}
.ads-top h1{font-size:clamp(27px,5.2vw,44px);letter-spacing:-.01em;margin-bottom:14px}
.ads-answer{font-size:clamp(17px,2.1vw,20px);line-height:1.5;color:var(--ink);max-width:66ch;margin:0 0 6px}
.ads-answer b{color:var(--accent)}
.ads-trust{display:flex;flex-wrap:wrap;gap:8px 18px;font-family:var(--body);font-size:14.5px;color:var(--ink-3);margin:16px 0 0;padding:12px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.ads-trust span{display:flex;gap:7px;align-items:baseline}
.ads-trust i{font-style:normal;color:var(--accent);font-family:var(--display);font-weight:900}
/* top 3 — natychmiastowa odpowiedź z CTA, jeszcze przed tabelą */
.top3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0 8px}
@media(max-width:760px){.top3{grid-template-columns:1fr}}
.t3{border:1px solid var(--rule);background:var(--card);padding:16px;display:flex;flex-direction:column;gap:10px;position:relative}
.t3.win{border-color:var(--accent);border-width:2px;padding:15px}
.t3 .t3h{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.t3 .t3n{font-family:var(--display);font-weight:900;font-size:19px;letter-spacing:.01em}
.t3 .t3s{font-family:var(--mono);font-size:15px;color:var(--accent);white-space:nowrap}
.t3 .t3r{font-family:var(--display);font-weight:900;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.t3.win .t3r{color:var(--accent)}
.t3 p{font-size:15.5px;color:var(--ink-2);margin:0;flex:1}
.t3 .btn{width:100%;text-align:center;padding:13px 12px;font-size:14px}
/* ujawnienie nad tabelą — świadomy wyjątek od reguły „tylko stopka” */
.ads-disc{border:1px solid var(--ochre-edge);border-left-width:5px;background:var(--paper-2);padding:13px 16px;margin:22px 0 18px;font-size:15px;line-height:1.55;color:var(--ink-2)}
.ads-disc b{font-family:var(--display);font-weight:900;font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:var(--ochre);display:block;margin-bottom:6px}
/* tabela: element główny, nie dodatek. Na mobile rozkłada się na karty */
.ads-table-wrap{border:1px solid var(--rule);background:var(--card)}
table.ads-cmp{width:100%;border-collapse:collapse;font-family:var(--body);font-size:15.5px}
table.ads-cmp th,table.ads-cmp td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--rule);vertical-align:middle}
table.ads-cmp thead th{font-family:var(--display);font-weight:900;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);background:var(--paper-2)}
table.ads-cmp td.n{font-family:var(--display);font-weight:900;font-size:17px}
table.ads-cmp td.s{font-family:var(--mono);font-size:14px;color:var(--accent)}
table.ads-cmp td.v{font-family:var(--mono);font-size:14px}
table.ads-cmp tbody tr.win{background:var(--paper-2)}
table.ads-cmp .btn{padding:9px 14px;font-size:12.5px;white-space:nowrap}
@media(max-width:860px){
  table.ads-cmp thead{display:none}
  /* przy table-layout:block podpis zostaje table-caption i zwęża się
     do shrink-to-fit — wymuszamy blok na pełną szerokość */
  table.ads-cmp caption{display:block;width:auto;padding:12px 14px 14px}
  table.ads-cmp,table.ads-cmp tbody,table.ads-cmp tr,table.ads-cmp td{display:block;width:auto}
  table.ads-cmp tr{border-bottom:1px solid var(--ink);padding:14px 14px 16px}
  table.ads-cmp tr:last-child{border-bottom:0}
  table.ads-cmp td{border:0;padding:4px 0;display:grid;grid-template-columns:44% minmax(0,1fr);gap:12px;align-items:baseline}
  table.ads-cmp td::before{content:attr(data-l);font-family:var(--display);font-weight:900;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
  table.ads-cmp td.n{display:block;font-size:20px;padding-bottom:8px}
  table.ads-cmp td.n::before{content:none}
  table.ads-cmp td.cta{display:block;padding-top:12px}
  table.ads-cmp td.cta::before{content:none}
  table.ads-cmp td.cta .btn{display:block;text-align:center;padding:13px}
}
/* pozycje rankingu: zwięzłe, z CTA przy każdej */
.ads-pos{border-top:2px solid var(--ink);padding:20px 0 24px}
.ads-pos .ph{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:baseline;margin-bottom:10px}
.ads-pos .ph h3{font-size:22px}
.ads-pos .ph .sc{font-family:var(--mono);font-size:15px;color:var(--accent)}
.ads-pos .ph .rank-note{font-family:var(--display);font-weight:900;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.ads-pos ul{list-style:none;margin:0 0 14px;padding:0}
.ads-pos li{padding-left:20px;position:relative;margin-bottom:7px;font-size:16px;color:var(--ink-2)}
.ads-pos li.y::before{content:"+";position:absolute;left:0;color:var(--accent);font-family:var(--mono)}
/* trzeci przypadek tego samego bledu co .pc.bad, w najostrzejszym kontekscie:
   landing pod ruch platny, gdzie kazdy element ochrowy czyta sie jako oplacony */
.ads-pos li.n::before{content:"−";position:absolute;left:0;color:var(--ink);font-family:var(--mono)}
.ads-cta-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.ads-cta-row .meta{margin:0}
@media(max-width:520px){.ads-cta-row .btn{width:100%;text-align:center;padding:14px}}
/* pasek CTA przyklejony na dole — tylko mobile */
.ads-sticky{position:fixed;left:0;right:0;bottom:0;z-index:40;display:none;
  background:var(--paper);border-top:1px solid var(--rule);padding:10px 14px;
  gap:12px;align-items:center;justify-content:space-between}
.ads-sticky .l{font-family:var(--body);font-size:14px;line-height:1.3;color:var(--ink-2)}
.ads-sticky .l b{font-family:var(--display);font-weight:900;color:var(--ink);display:block;font-size:15px}
.ads-sticky .btn{padding:12px 16px;font-size:13px;white-space:nowrap}
@media(max-width:760px){.ads-sticky{display:flex}body.ads{padding-bottom:76px}}
/* metoda i FAQ: własna wartość strony (wymóg polityki Google Ads) */
.ads-sec{padding:30px 0;border-top:1px solid var(--rule)}
.ads-sec h2{font-size:clamp(20px,3vw,26px);margin-bottom:12px}
.ads-sec p,.ads-sec li{font-size:16.5px;color:var(--ink-2)}
.faq dt{font-family:var(--display);font-weight:900;font-size:17px;margin:18px 0 5px}
.faq dd{margin:0;font-size:16.5px;color:var(--ink-2)}
.ads-foot{padding:26px 0 34px;border-top:1px solid var(--rule)}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}