/* R72 C – strona główna (30.10.2026). Ładowane tylko na głównej, po R71.
   1) „Jak to działa”: jeden wyśrodkowany blok pod kartami – główny przycisk + „Zobacz, jak to wygląda” + „Film 30 s” w jednym rzędzie,
      drobny tekst pod nimi, panel animacji na końcu (markup: glowna-r41.php → .hx-next.r72-cta).
   2) „Zestawy startowe”: „Zobacz wszystkie zestawy” na środku pod kartami, „Także: …” pod przyciskiem.
   3) „Nowość”: mała pigułka (te same wymiary co „Polecany” w zestawach) zawsze w lewym górnym rogu karty, nie pasek na całą szerokość. */

/* ---------- 1. Jak to działa ---------- */
html:root body.ljk-r72:not(#r72a#r72b) #lajk-home #jak-to-dziala .section-meta{max-width:720px;margin-left:auto;margin-right:auto;text-align:center}
html:root body.ljk-r72:not(#r72a#r72b) #lajk-home #jak-to-dziala .section-meta .chip{margin-left:auto;margin-right:auto}
html:root body.ljk-r72:not(#r72a#r72b) #lajk-home #jak-to-dziala .section-meta .lead{margin-left:auto;margin-right:auto}

html:root body.ljk-r72:not(#r72a#r72b) #lajk-home #jak-to-dziala .hx-next.r72-cta{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;margin:clamp(28px,4vw,40px) auto 0!important;max-width:none!important;text-align:center!important}
html:root body.ljk-r72:not(#r72a#r72b) #lajk-home #jak-to-dziala .r72-cta-r{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;width:100%;margin:0}
html:root body.ljk-r72:not(#r72a#r72b) #lajk-home #jak-to-dziala .r72-cta .r41-an{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:center!important;gap:12px!important;margin:0!important;padding:0!important;text-align:center!important}
html:root body.ljk-r72:not(#r72a#r72b) #lajk-home #jak-to-dziala .r72-cta .btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;flex:0 0 auto!important;min-height:48px!important;margin:0!important;padding:0 22px!important;border-radius:12px!important;font-size:16px!important;line-height:1.2!important;letter-spacing:0!important;white-space:nowrap!important;text-decoration:none!important}
html:root body.ljk-r72:not(#r72a#r72b) #lajk-home #jak-to-dziala .r72-cta .r41-an>.btn{background:#fff!important;border:2px solid var(--r71-fiolet,#7c3aed)!important;color:var(--r71-fiolet,#7c3aed)!important;-webkit-text-fill-color:var(--r71-fiolet,#7c3aed)!important;box-shadow:none!important;font-weight:700!important;transition:background-color .15s ease,color .15s ease!important}
html:root body.ljk-r72:not(#r72a#r72b) #lajk-home #jak-to-dziala .r72-cta .r41-an>.btn:hover{background:var(--r71-fiolet-j,#f3edff)!important}
html:root body.ljk-r72:not(#r72a#r72b) #lajk-home #jak-to-dziala .r72-cta .r41-an>.btn[aria-expanded="true"]{background:var(--r71-fiolet,#7c3aed)!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
html:root body.ljk-r72:not(#r72a#r72b) #lajk-home #jak-to-dziala .r72-cta .r41-an>.btn svg{width:16px!important;height:16px!important;flex:none!important}
html:root body.ljk-r72:not(#r72a#r72b) #lajk-home #jak-to-dziala .r72-cta .btn:focus-visible{outline:3px solid var(--r71-fiolet,#7c3aed)!important;outline-offset:3px!important}
html:root body.ljk-r72:not(#r72a#r72b) #lajk-home #jak-to-dziala .r72-cta>p{flex:none!important;width:100%;max-width:560px!important;margin:0 auto!important;font-size:14px!important;line-height:1.5!important;color:var(--r71-szary,#5b5470)!important;text-align:center!important}
html:root body.ljk-r72:not(#r72a#r72b) #lajk-home #jak-to-dziala .r72-cta>.r41-an-p{flex:none!important;width:100%;max-width:900px;margin:8px auto 0!important;text-align:left}
html:root body.ljk-r72:not(#r72a#r72b) #lajk-home #jak-to-dziala .r72-cta>.r41-an-p[hidden]{display:none!important}

@media (max-width:640px){
  /* telefon: nagłówek sekcji jak pozostałe sekcje (do lewej), przyciski na całą szerokość jeden pod drugim, tekst pod nimi */
  html:root body.ljk-r72:not(#r72a#r72b) #lajk-home #jak-to-dziala .section-meta{text-align:left}
  html:root body.ljk-r72:not(#r72a#r72b) #lajk-home #jak-to-dziala .section-meta .chip{margin-left:0}
  html:root body.ljk-r72:not(#r72a#r72b) #lajk-home #jak-to-dziala .section-meta .lead{margin-left:0}
  html:root body.ljk-r72:not(#r72a#r72b) #lajk-home #jak-to-dziala .hx-next.r72-cta{align-items:stretch!important}
  html:root body.ljk-r72:not(#r72a#r72b) #lajk-home #jak-to-dziala .r72-cta-r,
  html:root body.ljk-r72:not(#r72a#r72b) #lajk-home #jak-to-dziala .r72-cta .r41-an{flex-direction:column!important;align-items:stretch!important;gap:10px!important;width:100%}
  html:root body.ljk-r72:not(#r72a#r72b) #lajk-home #jak-to-dziala .r72-cta .btn{width:100%!important;flex:none!important;padding:0 16px!important;white-space:normal!important;text-align:center!important}
  html:root body.ljk-r72:not(#r72a#r72b) #lajk-home #jak-to-dziala .r72-cta>p{text-align:left!important;max-width:none!important}
}

/* ---------- 2. Zestawy startowe: przycisk i dopisek pod kartami, na środku ---------- */
html:root body.ljk-r72:not(#r72a#r72b) #lajk-home #zestawy .r41-zs-head{max-width:720px;margin-left:auto;margin-right:auto;text-align:center}
html:root body.ljk-r72:not(#r72a#r72b) #lajk-home #zestawy .r41-zs-f{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:center!important;gap:10px!important;margin:clamp(24px,3vw,32px) auto 0!important;padding:0!important;text-align:center!important}
html:root body.ljk-r72:not(#r72a#r72b) #lajk-home #zestawy .r41-zs-f>.btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:none!important;width:auto!important;min-height:48px!important;margin:0!important;padding:0 26px!important;border-radius:12px!important;background:#fff!important;border:2px solid var(--r71-fiolet,#7c3aed)!important;color:var(--r71-fiolet,#7c3aed)!important;-webkit-text-fill-color:var(--r71-fiolet,#7c3aed)!important;box-shadow:none!important;font-size:16px!important;font-weight:700!important;letter-spacing:0!important;white-space:nowrap!important;transform:none!important;transition:background-color .15s ease!important}
html:root body.ljk-r72:not(#r72a#r72b) #lajk-home #zestawy .r41-zs-f>.btn:hover{background:var(--r71-fiolet-j,#f3edff)!important}
html:root body.ljk-r72:not(#r72a#r72b) #lajk-home #zestawy .r41-zs-f>.btn:focus-visible{outline:3px solid var(--r71-fiolet,#7c3aed)!important;outline-offset:3px!important}
html:root body.ljk-r72:not(#r72a#r72b) #lajk-home #zestawy .r41-zs-f>span{display:block;max-width:560px;margin:0 auto;font-size:14px!important;line-height:1.5;color:var(--r71-szary,#5b5470)!important;text-align:center}
@media (max-width:640px){
  html:root body.ljk-r72:not(#r72a#r72b) #lajk-home #zestawy .r41-zs-f{align-items:stretch!important}
  html:root body.ljk-r72:not(#r72a#r72b) #lajk-home #zestawy .r41-zs-f>.btn{width:100%!important;white-space:normal!important}
}

/* ---------- 3. Plakietki na głównej: jedna pigułka (ten sam promień, wysokość i krój co „Polecany”) ---------- */
html:root body.ljk-r72:not(#r72a#r72b) #lajk-home :is(.hx-card-new,.r41-zs-tag){box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;height:24px!important;min-height:0!important;padding:0 10px!important;border:0!important;border-radius:999px!important;background:var(--r71-pomarancz,#ff6a2b)!important;color:var(--r71-atrament,#1d1530)!important;-webkit-text-fill-color:var(--r71-atrament,#1d1530)!important;font-size:12px!important;font-weight:800!important;line-height:1!important;letter-spacing:.01em!important;text-transform:none!important;white-space:nowrap!important}

/* „Nowość” na kartach usług: wyjęta z układu karty (już nie rozciąga się na całą szerokość), w lewym górnym rogu */
html:root body.ljk-r72:not(#r72a#r72b) #lajk-home .hx-card.hx-new{position:relative!important}
html:root body.ljk-r72:not(#r72a#r72b) #lajk-home .hx-card.hx-new .hx-card-new{position:absolute!important;z-index:2;top:12px;left:12px;right:auto!important;bottom:auto!important;width:auto!important;max-width:calc(100% - 24px);flex:none!important;order:0!important;grid-area:auto!important;margin:0!important;box-shadow:0 0 0 2px #fff!important;pointer-events:none}
/* komputer: zdjęcie jest kafelkiem po lewej (wyśrodkowanym w pionie) – plakietka nad tytułem, w kolumnie tekstu, wyrównana do lewej */
@media (min-width:981px){
  html:root body.ljk-r72:not(#r72a#r72b) #lajk-home .hx-best-grid>.hx-card.hx-new .hx-card-new{position:static!important;grid-column:2!important;grid-row:auto!important;justify-self:start!important;align-self:start!important;margin:20px 20px -6px!important;box-shadow:none!important}
}
/* telefon: bez zdjęć – plakietka w prawym górnym rogu, tytuł robi jej miejsce */
@media (max-width:640px){
  html:root body.ljk-r72:not(#r72a#r72b) #lajk-home .hx-card.hx-new .hx-card-new{top:10px;left:auto;right:10px!important;box-shadow:none!important}
  html:root body.ljk-r72:not(#r72a#r72b) #lajk-home .hx-card.hx-new h3{padding-right:76px}
}
@media (prefers-reduced-motion:reduce){
  html:root body.ljk-r72:not(#r72a#r72b) #lajk-home :is(#jak-to-dziala .r72-cta .btn,#zestawy .r41-zs-f>.btn){transition:none!important}
}