/* R73 (30.10.2026) – strona główna. Właściciel pliku: pomocnik C. Ładowany przez r73.php tylko na stronie głównej.
   1. Grafiki kart „Więcej popularnych usług”: paski bez napisów w stylu R71 (8 kart) i kwadratowe kafle dla 2 kart
      „Nowość” na komputerze (logo na środku kafla, a nie przy lewej krawędzi – stary plik był przybliżony 230 %).
   2. Plakietka „Nowość” na tablecie (641–980 px): w kolumnie tekstu nad tytułem, nie na grafice.
   3. „Sprawdź nas, zanim zapłacisz”: tekst u góry, dane sprzedawcy w równej siatce 3 × 2, przyciski w jednym rzędzie
      (bez pustej połowy pudełka).
   4. „Jak to działa”: jeden sposób – plakat filmu jako przycisk (okienko z filmiki.js), obok krótki tekst
      i główny przycisk. Znaczniki: glowna-r41.php, funkcja ljk_r41g_film_r73.
   Wygląd przycisków (.btn) robi wspolne.css (pomocnik B) – tu tylko układ. Siła selektora jak w R72, plik ładuje się później. */

/* ---------- 1. Grafiki kart ---------- */
@media (min-width:641px){
  /* pasek u góry karty (100/48): plik 1200 × 576 w tych samych proporcjach, bez napisów, znak z kółkiem na środku
     (styl grafik R71; generator: lajkownia-audyt/runda73/grafiki/pasek73.py) – nic nie jest ucinane */
  html:root body.ljk-r73:not(#r73a#r73b) #lajk-home .hx-best-grid>.hx-card .hx-card-top{background-size:cover!important;background-position:50% 50%!important;background-repeat:no-repeat!important}
  html:root body.ljk-r73:not(#r73a#r73b) #lajk-home .hx-card[href*="/followers-facebook/"] .hx-card-top{background-image:url(grafiki/pasek-followers-facebook.webp)!important}
  html:root body.ljk-r73:not(#r73a#r73b) #lajk-home .hx-card[href*="/komentarze-instagram/"] .hx-card-top{background-image:url(grafiki/pasek-komentarze-instagram.webp)!important}
  html:root body.ljk-r73:not(#r73a#r73b) #lajk-home .hx-card[href*="/komentarze-youtube/"] .hx-card-top{background-image:url(grafiki/pasek-komentarze-youtube.webp)!important}
  html:root body.ljk-r73:not(#r73a#r73b) #lajk-home .hx-card[href*="/widzowie-live-twitch/"] .hx-card-top{background-image:url(grafiki/pasek-widzowie-live-twitch.webp)!important}
  html:root body.ljk-r73:not(#r73a#r73b) #lajk-home .hx-card[href*="/wyswietlenia-tiktok/"] .hx-card-top{background-image:url(grafiki/pasek-wyswietlenia-tiktok.webp)!important}
  html:root body.ljk-r73:not(#r73a#r73b) #lajk-home .hx-card[href*="/wyswietlenia-youtube/"] .hx-card-top{background-image:url(grafiki/pasek-wyswietlenia-youtube.webp)!important}
  html:root body.ljk-r73:not(#r73a#r73b) #lajk-home .hx-card[href*="/widzowie-live-kick/"] .hx-card-top{background-image:url(grafiki/pasek-widzowie-live-kick.webp)!important;background-color:#111315!important}
  html:root body.ljk-r73:not(#r73a#r73b) #lajk-home .hx-card[href*="/like-pod-komentarzem-tiktok/"] .hx-card-top{background-image:url(grafiki/pasek-like-pod-komentarzem-tiktok.webp)!important}
  /* długi napis przycisku karty („Wybierz pakiet polubień pod komentarzem TikTok”) zawija się zamiast wychodzić poza kartę */
  html:root body.ljk-r73:not(#r73a#r73b) #lajk-home .hx-best-grid>.hx-card .hx-card-btn{box-sizing:border-box;max-width:100%;white-space:normal!important;text-align:center;line-height:1.3;padding-top:8px;padding-bottom:8px}
}
@media (min-width:981px){
  /* karty „Nowość” na komputerze: kwadratowy kafel 600 × 600 bez napisów, znak z kółkiem dokładnie na środku
     (wcześniej stary plik przybliżony 230 %, przez co logo Kick było przyklejone do lewej krawędzi) */
  html:root body.ljk-r73:not(#r73a#r73b) #lajk-home .hx-card.hx-new[href*="/widzowie-live-kick/"] .hx-card-top{background-image:url(grafiki/kafel-widzowie-live-kick.webp)!important}
  html:root body.ljk-r73:not(#r73a#r73b) #lajk-home .hx-card.hx-new[href*="/like-pod-komentarzem-tiktok/"] .hx-card-top{background-image:url(grafiki/kafel-like-pod-komentarzem-tiktok.webp)!important}
}

/* ---------- 2. Plakietka „Nowość” na tablecie: nad tytułem, nie na grafice ---------- */
@media (min-width:641px) and (max-width:980px){
  html:root body.ljk-r73:not(#r73a#r73b) #lajk-home .hx-best-grid>.hx-card.hx-new .hx-card-new{position:static!important;align-self:flex-start!important;justify-self:start!important;width:auto!important;max-width:none!important;margin:16px 20px -6px!important;box-shadow:none!important}
}

/* ---------- 3. „Sprawdź nas, zanim zapłacisz” ---------- */
html:root body.ljk-r73:not(#r73a#r73b) #lajk-home .verify-box{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-areas:none!important;gap:clamp(18px,2.4vw,26px)!important;align-items:start!important;padding:clamp(20px,3.2vw,36px)!important;text-align:left!important}
html:root body.ljk-r73:not(#r73a#r73b) #lajk-home .verify-box>*{grid-column:1/-1!important;grid-row:auto!important;min-width:0;width:auto!important;max-width:none!important;margin:0!important}
html:root body.ljk-r73:not(#r73a#r73b) #lajk-home .verify-box>.verify-text{max-width:760px!important}
html:root body.ljk-r73:not(#r73a#r73b) #lajk-home .verify-text h2{margin:0 0 10px!important}
html:root body.ljk-r73:not(#r73a#r73b) #lajk-home .verify-text .lead{margin:0!important;max-width:none!important}
/* dane: równa siatka, cienkie linie między polami (tło dl prześwituje przez 1 px odstępu), etykieta nad wartością */
html:root body.ljk-r73:not(#r73a#r73b) #lajk-home .verify-box>.verify-data{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:1px!important;padding:0!important;border:1px solid var(--r73-linia,rgba(46,30,92,.14))!important;border-radius:14px!important;background:var(--r73-linia,rgba(46,30,92,.14))!important;overflow:hidden}
html:root body.ljk-r73:not(#r73a#r73b) #lajk-home .verify-data>div{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;gap:4px!important;min-width:0;margin:0!important;padding:14px 18px!important;border:0!important;border-radius:0!important;background:var(--r73-tlo-karta,#fff)!important;box-shadow:none!important}
html:root body.ljk-r73:not(#r73a#r73b) #lajk-home .verify-data dt{margin:0!important;padding:0!important;text-align:left!important;font-size:13px!important;font-weight:600!important;line-height:1.35!important;letter-spacing:0!important;text-transform:none!important;color:var(--r71-szary,#5b5470)!important}
html:root body.ljk-r73:not(#r73a#r73b) #lajk-home .verify-data dd{margin:0!important;padding:0!important;text-align:left!important;font-size:16px!important;font-weight:700!important;line-height:1.4!important;color:var(--r71-atrament,#1d1530)!important;overflow-wrap:anywhere}
/* przyciski: jeden rząd pod danymi (wygląd z wspolne.css) */
html:root body.ljk-r73:not(#r73a#r73b) #lajk-home .verify-box>.verify-links{display:flex!important;flex-flow:row wrap!important;align-items:center!important;justify-content:flex-start!important;gap:10px 12px!important}
html:root body.ljk-r73:not(#r73a#r73b) #lajk-home .verify-links>.btn{flex:0 0 auto!important;width:auto!important;margin:0!important}
@media (max-width:980px){
  html:root body.ljk-r73:not(#r73a#r73b) #lajk-home .verify-box>.verify-data{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:560px){
  html:root body.ljk-r73:not(#r73a#r73b) #lajk-home .verify-box>.verify-data{grid-template-columns:minmax(0,1fr)!important}
  html:root body.ljk-r73:not(#r73a#r73b) #lajk-home .verify-data>div{padding:12px 16px!important}
  html:root body.ljk-r73:not(#r73a#r73b) #lajk-home .verify-box>.verify-links{flex-direction:column!important;align-items:stretch!important}
  html:root body.ljk-r73:not(#r73a#r73b) #lajk-home .verify-links>.btn{box-sizing:border-box!important;width:100%!important;justify-content:center!important;white-space:normal!important;text-align:center!important}
}

/* ---------- 4. „Jak to działa”: plakat filmu + główny przycisk ---------- */
html:root body.ljk-r73:not(#r73a#r73b) #lajk-home #jak-to-dziala .hx-next.r73-jtd{display:flex!important;flex-flow:row nowrap!important;align-items:center!important;justify-content:center!important;gap:clamp(20px,3vw,36px)!important;max-width:720px!important;margin:clamp(28px,4vw,40px) auto 0!important;padding:0!important;text-align:left!important}
html:root body.ljk-r73:not(#r73a#r73b) #lajk-home #jak-to-dziala .hx-next.r73-jtd-f{padding:clamp(16px,2.4vw,24px)!important;border:1px solid var(--r73-linia,rgba(46,30,92,.14))!important;border-radius:16px!important;background:var(--r73-tlo-karta,#fff)!important}
html:root body.ljk-r73:not(#r73a#r73b) #lajk-home #jak-to-dziala .r73-jtd-k{display:flex;flex-direction:column;align-items:flex-start;gap:12px;flex:1 1 auto;min-width:0;max-width:420px}
html:root body.ljk-r73:not(#r73a#r73b) #lajk-home #jak-to-dziala .hx-next.r73-jtd:not(.r73-jtd-f) .r73-jtd-k{align-items:center;max-width:560px;text-align:center}
html:root body.ljk-r73:not(#r73a#r73b) #lajk-home #jak-to-dziala .r73-jtd-t{margin:0!important;flex:none!important;max-width:none!important;font-size:17px!important;font-weight:600!important;line-height:1.45!important;color:var(--r71-atrament,#1d1530)!important}
html:root body.ljk-r73:not(#r73a#r73b) #lajk-home #jak-to-dziala .r73-jtd-b{display:flex;flex-wrap:wrap;gap:10px;margin:0}
html:root body.ljk-r73:not(#r73a#r73b) #lajk-home #jak-to-dziala .r73-jtd-b>.btn{flex:0 0 auto!important;margin:0!important;white-space:normal!important;text-align:center!important}
html:root body.ljk-r73:not(#r73a#r73b) #lajk-home #jak-to-dziala .r73-jtd-k>p:not(.r73-jtd-t){flex:none!important;max-width:none!important;margin:0!important;font-size:14px!important;line-height:1.5!important;color:var(--r71-szary,#5b5470)!important}
/* plakat-przycisk: pionowy kadr 9:16, znak odtwarzania na środku, podpis pod spodem */
html:root body.ljk-r73:not(#r73a#r73b) #lajk-home #jak-to-dziala .r73-film{-webkit-appearance:none;appearance:none;display:flex!important;flex-direction:column!important;align-items:center!important;gap:8px!important;flex:0 0 auto!important;width:clamp(132px,16vw,168px)!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:16px!important;background:none!important;box-shadow:none!important;color:var(--r73-btn-3-tekst,#6d28d9)!important;font:inherit;text-transform:none!important;letter-spacing:0!important;cursor:pointer}
html:root body.ljk-r73:not(#r73a#r73b) #lajk-home #jak-to-dziala .r73-film-o{position:relative;display:block;width:100%;aspect-ratio:9/16;overflow:hidden;border:1px solid var(--r73-linia,rgba(46,30,92,.14));border-radius:14px;background:var(--r71-atrament,#1d1530)}
html:root body.ljk-r73:not(#r73a#r73b) #lajk-home #jak-to-dziala .r73-film-o picture,
html:root body.ljk-r73:not(#r73a#r73b) #lajk-home #jak-to-dziala .r73-film-o img,
html:root body.ljk-r73:not(#r73a#r73b) #lajk-home #jak-to-dziala .r73-film-pusty{display:block;width:100%;height:100%;max-width:none;margin:0;border:0;border-radius:0;object-fit:cover}
html:root body.ljk-r73:not(#r73a#r73b) #lajk-home #jak-to-dziala .r73-film-ik{position:absolute;left:50%;top:50%;display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:rgba(255,255,255,.95);color:var(--r71-fiolet,#7c3aed);box-shadow:0 2px 10px rgba(29,21,48,.28);transition:transform .15s ease}
html:root body.ljk-r73:not(#r73a#r73b) #lajk-home #jak-to-dziala .r73-film-ik svg{width:22px;height:22px;margin-left:3px}
html:root body.ljk-r73:not(#r73a#r73b) #lajk-home #jak-to-dziala .r73-film:hover .r73-film-ik{transform:scale(1.06)}
html:root body.ljk-r73:not(#r73a#r73b) #lajk-home #jak-to-dziala .r73-film-n{display:block;font-size:15px;font-weight:700;line-height:1.3;text-decoration:underline;text-underline-offset:3px}
html:root body.ljk-r73:not(#r73a#r73b) #lajk-home #jak-to-dziala .r73-film:hover .r73-film-n{color:var(--r73-btn-3-tekst-h,#5b21b6)}
html:root body.ljk-r73:not(#r73a#r73b) #lajk-home #jak-to-dziala .r73-film:focus-visible{outline:3px solid var(--r71-fiolet,#7c3aed)!important;outline-offset:4px!important}
@media (max-width:560px){
  html:root body.ljk-r73:not(#r73a#r73b) #lajk-home #jak-to-dziala .hx-next.r73-jtd{flex-direction:column!important;align-items:stretch!important;gap:16px!important}
  html:root body.ljk-r73:not(#r73a#r73b) #lajk-home #jak-to-dziala .r73-film{align-self:center!important;width:148px!important}
  html:root body.ljk-r73:not(#r73a#r73b) #lajk-home #jak-to-dziala .r73-jtd-k,
  html:root body.ljk-r73:not(#r73a#r73b) #lajk-home #jak-to-dziala .hx-next.r73-jtd:not(.r73-jtd-f) .r73-jtd-k{align-items:stretch;max-width:none;text-align:center}
  html:root body.ljk-r73:not(#r73a#r73b) #lajk-home #jak-to-dziala .r73-jtd-b{flex-direction:column}
  html:root body.ljk-r73:not(#r73a#r73b) #lajk-home #jak-to-dziala .r73-jtd-b>.btn{box-sizing:border-box!important;width:100%!important}
}
@media (prefers-reduced-motion:reduce){
  html:root body.ljk-r73:not(#r73a#r73b) #lajk-home #jak-to-dziala .r73-film-ik{transition:none}
  html:root body.ljk-r73:not(#r73a#r73b) #lajk-home #jak-to-dziala .r73-film:hover .r73-film-ik{transform:none}
}