/* R77 B (31.10.2026) - jeden wygląd pytań FAQ w całym sklepie (Filip: „odpowiedzi są za blisko pytań, zrób wszystkie
   pytania FAQ w takim samym stylu”). Baza: FAQ z głównej (R74), upiększone: wyraźny odstęp i cienka linia między pytaniem
   a odpowiedzią, strzałka w kółku (otwarte = pełne fioletowe kółko), płynne otwieranie, widoczny fokus, wiersz pytania 60 px.
   Obejmuje:
   - główna: #lajk-home details.faq-item > summary.faq-q + .faq-a (ikona .faq-icon zastąpiona wspólną);
   - strona usługi (motyw): div.lajk-faq-item > button.lajk-faq-q + .lajk-faq-body > p.lajk-faq-a (rozwija produkt.js);
   - /faq/, strony .ljk-pg, [ljk_marka_faq], wpisy bloga (b.php): details.faq-q > summary > h3 + .faq-a;
   - kategorie: details.ljk-kf-p > summary + .ljk-kf-o;  narzędzia: details.lnz-faq-p > summary > h3 + .lnz-faq-o.
   Tylko wygląd: znaczniki, treść i dane FAQPage bez zmian. Nie ustawiamy display na details (wyszukiwarka /faq/ ukrywa
   pytania atrybutem hidden). Selektor z 5 id w :not() przebija R74 (4 id) i R75 (2 id). */

/* ---------- listy pytań: odstęp 12 px, bez ramki wokół całej listy (narzędzia miały jedną wspólną ramkę) ---------- */
html:root body.ljk-r77b:not(#r77b1#r77b2#r77b3#r77b4#r77b5) :is(#lajk-home .faq-list,#lajk-root .lajk-faq-list,.ljk-kf .ljk-kf-lista,.lnz-faq,.ljk-faq-akord){display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;overflow:visible!important}
html:root body.ljk-r77b:not(#r77b1#r77b2#r77b3#r77b4#r77b5) :is(#lajk-home .faq-list,#lajk-root .lajk-faq-list,.ljk-kf .ljk-kf-lista,.lnz-faq,.ljk-faq-akord)>:is(details.faq-q,details.ljk-kf-p,details.lnz-faq-p,details.faq-item,div.lajk-faq-item){margin:0!important}

/* ---------- karta pytania ---------- */
html:root body.ljk-r77b:not(#r77b1#r77b2#r77b3#r77b4#r77b5) :is(details.faq-q,details.ljk-kf-p,details.lnz-faq-p,details.faq-item,div.lajk-faq-item){box-sizing:border-box!important;position:relative;margin:0 0 12px;padding:0!important;overflow:hidden!important;background:#fff!important;border:1px solid #e9e3f3!important;border-radius:16px!important;box-shadow:0 1px 2px rgba(29,21,48,.05)!important;transform:none!important;scroll-margin-top:96px;transition:border-color .18s ease,box-shadow .18s ease!important}
html:root body.ljk-r77b:not(#r77b1#r77b2#r77b3#r77b4#r77b5) :is(details.faq-q,details.ljk-kf-p,details.lnz-faq-p,details.faq-item,div.lajk-faq-item):hover{border-color:#d6caee!important;box-shadow:0 6px 18px -12px rgba(76,29,149,.28)!important}
html:root body.ljk-r77b:not(#r77b1#r77b2#r77b3#r77b4#r77b5) :is(details.faq-q,details.ljk-kf-p,details.lnz-faq-p,details.faq-item)[open],
html:root body.ljk-r77b:not(#r77b1#r77b2#r77b3#r77b4#r77b5) div.lajk-faq-item.open{border-color:#cdb9f6!important;background:linear-gradient(180deg,#faf7ff 0,#fff 76px)!important;box-shadow:0 12px 30px -18px rgba(76,29,149,.38)!important}
html:root body.ljk-r77b:not(#r77b1#r77b2#r77b3#r77b4#r77b5) :is(details.faq-q,details.ljk-kf-p,details.lnz-faq-p,details.faq-item,div.lajk-faq-item):target{border-color:#a78bfa!important}

/* ---------- pytanie (cały wiersz klikalny, min. 60 px) ---------- */
html:root body.ljk-r77b:not(#r77b1#r77b2#r77b3#r77b4#r77b5) :is(details.faq-q>summary,details.ljk-kf-p>summary,details.lnz-faq-p>summary,details.faq-item>summary,div.lajk-faq-item>button.lajk-faq-q){position:relative!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;box-sizing:border-box!important;width:100%!important;min-height:60px!important;margin:0!important;padding:16px 18px 16px 20px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;cursor:pointer;list-style:none!important;text-align:left!important;text-transform:none!important;font-family:Sora,"Sora Fallback",Inter,-apple-system,"Segoe UI",sans-serif!important;font-size:16px!important;font-weight:700!important;line-height:1.45!important;letter-spacing:-.005em!important;color:#1d1530!important;-webkit-tap-highlight-color:transparent;transition:color .15s ease!important}
html:root body.ljk-r77b:not(#r77b1#r77b2#r77b3#r77b4#r77b5) :is(details.faq-q,details.ljk-kf-p,details.lnz-faq-p,details.faq-item)>summary::-webkit-details-marker{display:none!important}
html:root body.ljk-r77b:not(#r77b1#r77b2#r77b3#r77b4#r77b5) :is(details.faq-q,details.ljk-kf-p,details.lnz-faq-p,details.faq-item)>summary::marker{content:""!important}
html:root body.ljk-r77b:not(#r77b1#r77b2#r77b3#r77b4#r77b5) :is(details.faq-q>summary,details.ljk-kf-p>summary,details.lnz-faq-p>summary,details.faq-item>summary,div.lajk-faq-item>button.lajk-faq-q):hover{color:#6d28d9!important;background:transparent!important}
/* nagłówek h3 w pytaniu (strona FAQ, strony, blog, narzędzia) i tekst pytania na usłudze - jak reszta wiersza */
html:root body.ljk-r77b:not(#r77b1#r77b2#r77b3#r77b4#r77b5) :is(details.faq-q,details.lnz-faq-p,details.faq-item)>summary :is(h2,h3,h4),
html:root body.ljk-r77b:not(#r77b1#r77b2#r77b3#r77b4#r77b5) div.lajk-faq-item>button.lajk-faq-q :is(.lajk-faq-qtext,.lajk-faq-qlabel){display:block!important;flex:1 1 auto!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;background:none!important;font:inherit!important;letter-spacing:inherit!important;text-transform:none!important;color:inherit!important}
html:root body.ljk-r77b:not(#r77b1#r77b2#r77b3#r77b4#r77b5) :is(details.faq-q,details.lnz-faq-p,details.faq-item)>summary :is(h2,h3,h4)::before,
html:root body.ljk-r77b:not(#r77b1#r77b2#r77b3#r77b4#r77b5) :is(details.faq-q,details.lnz-faq-p,details.faq-item)>summary :is(h2,h3,h4)::after{content:none!important}
html:root body.ljk-r77b:not(#r77b1#r77b2#r77b3#r77b4#r77b5) div.lajk-faq-item>button.lajk-faq-q .lajk-faq-qlabel{display:inline!important}

/* ---------- ikona: strzałka w kółku; otwarte = pełne fioletowe kółko i strzałka w górę ---------- */
html:root body.ljk-r77b:not(#r77b1#r77b2#r77b3#r77b4#r77b5) details.faq-item>summary .faq-icon{display:none!important}
html:root body.ljk-r77b:not(#r77b1#r77b2#r77b3#r77b4#r77b5) :is(details.faq-q,details.ljk-kf-p,details.lnz-faq-p,details.faq-item)>summary::after,
html:root body.ljk-r77b:not(#r77b1#r77b2#r77b3#r77b4#r77b5) div.lajk-faq-item>button.lajk-faq-q>svg.lajk-faq-chevron{content:""!important;display:block!important;position:static!important;inset:auto!important;flex:0 0 32px!important;box-sizing:border-box!important;width:32px!important;height:32px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;-webkit-mask:none!important;mask:none!important;background:#f3edff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236d28d9' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center/16px no-repeat!important;box-shadow:inset 0 0 0 1px rgba(124,58,237,.14)!important;color:#6d28d9!important;opacity:1!important;transform:none!important;forced-color-adjust:none;transition:transform .28s cubic-bezier(.2,.7,.2,1),background-color .18s ease!important}
html:root body.ljk-r77b:not(#r77b1#r77b2#r77b3#r77b4#r77b5) div.lajk-faq-item>button.lajk-faq-q>svg.lajk-faq-chevron>*{display:none!important}
html:root body.ljk-r77b:not(#r77b1#r77b2#r77b3#r77b4#r77b5) :is(details.faq-q,details.ljk-kf-p,details.lnz-faq-p,details.faq-item)>summary:hover::after,
html:root body.ljk-r77b:not(#r77b1#r77b2#r77b3#r77b4#r77b5) div.lajk-faq-item>button.lajk-faq-q:hover>svg.lajk-faq-chevron{background-color:#e9dfff!important}
html:root body.ljk-r77b:not(#r77b1#r77b2#r77b3#r77b4#r77b5) :is(details.faq-q,details.ljk-kf-p,details.lnz-faq-p,details.faq-item)[open]>summary::after,
html:root body.ljk-r77b:not(#r77b1#r77b2#r77b3#r77b4#r77b5) div.lajk-faq-item.open>button.lajk-faq-q>svg.lajk-faq-chevron{background:#7c3aed url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center/16px no-repeat!important;box-shadow:none!important;transform:rotate(180deg)!important}

/* ---------- fokus z klawiatury ---------- */
html:root body.ljk-r77b:not(#r77b1#r77b2#r77b3#r77b4#r77b5) :is(details.faq-q>summary,details.ljk-kf-p>summary,details.lnz-faq-p>summary,details.faq-item>summary,div.lajk-faq-item>button.lajk-faq-q):focus-visible{outline:3px solid #7c3aed!important;outline-offset:-3px!important;border-radius:16px!important}
html:root body.ljk-r77b:not(#r77b1#r77b2#r77b3#r77b4#r77b5) :is(details.faq-q>summary,details.ljk-kf-p>summary,details.lnz-faq-p>summary,details.faq-item>summary,div.lajk-faq-item>button.lajk-faq-q):focus:not(:focus-visible){outline:none!important}

/* ---------- odpowiedź: cienka linia i 14 px odstępu pod pytaniem, czytelny tekst ---------- */
html:root body.ljk-r77b:not(#r77b1#r77b2#r77b3#r77b4#r77b5) :is(details.faq-q>.faq-a,details.ljk-kf-p>.ljk-kf-o,details.lnz-faq-p>.lnz-faq-o,details.faq-item>.faq-a){box-sizing:border-box!important;max-width:none!important;margin:0 20px!important;padding:14px 0 20px!important;border:0!important;border-top:1px solid #eee8f7!important;border-radius:0!important;background:none!important;box-shadow:none!important}
html:root body.ljk-r77b:not(#r77b1#r77b2#r77b3#r77b4#r77b5) div.lajk-faq-item>.lajk-faq-body{margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
/* na usłudze panel ma max-height 0 i overflow hidden (rozwija produkt.js) - odstępy dajemy elementom w środku, nie panelowi */
html:root body.ljk-r77b:not(#r77b1#r77b2#r77b3#r77b4#r77b5) div.lajk-faq-item>.lajk-faq-body>*{box-sizing:border-box!important;max-width:none!important;margin-left:20px!important;margin-right:20px!important}
html:root body.ljk-r77b:not(#r77b1#r77b2#r77b3#r77b4#r77b5) div.lajk-faq-item>.lajk-faq-body>:first-child{margin-top:0!important;padding-top:14px!important;border-top:1px solid #eee8f7!important}
html:root body.ljk-r77b:not(#r77b1#r77b2#r77b3#r77b4#r77b5) div.lajk-faq-item>.lajk-faq-body>:last-child{margin-bottom:0!important;padding-bottom:20px!important}
html:root body.ljk-r77b:not(#r77b1#r77b2#r77b3#r77b4#r77b5) :is(details.faq-q>.faq-a,details.ljk-kf-p>.ljk-kf-o,details.lnz-faq-p>.lnz-faq-o,details.faq-item>.faq-a,div.lajk-faq-item>.lajk-faq-body){font-size:15.5px!important;line-height:1.65!important;font-weight:400!important;text-align:left!important;color:#4a4560!important}
html:root body.ljk-r77b:not(#r77b1#r77b2#r77b3#r77b4#r77b5) :is(details.faq-q>.faq-a,details.ljk-kf-p>.ljk-kf-o,details.lnz-faq-p>.lnz-faq-o,details.faq-item>.faq-a,div.lajk-faq-item>.lajk-faq-body) :is(p,li,.lajk-faq-a){font-size:inherit!important;line-height:inherit!important;text-align:left!important;color:inherit!important}
html:root body.ljk-r77b:not(#r77b1#r77b2#r77b3#r77b4#r77b5) :is(details.faq-q>.faq-a,details.ljk-kf-p>.ljk-kf-o,details.lnz-faq-p>.lnz-faq-o,details.faq-item>.faq-a) p,
html:root body.ljk-r77b:not(#r77b1#r77b2#r77b3#r77b4#r77b5) div.lajk-faq-item>.lajk-faq-body>p{margin-top:0!important;margin-bottom:10px!important}
html:root body.ljk-r77b:not(#r77b1#r77b2#r77b3#r77b4#r77b5) :is(details.faq-q>.faq-a,details.ljk-kf-p>.ljk-kf-o,details.lnz-faq-p>.lnz-faq-o,details.faq-item>.faq-a) :is(ul,ol){margin:0 0 10px!important;padding:0 0 0 1.25em!important}
html:root body.ljk-r77b:not(#r77b1#r77b2#r77b3#r77b4#r77b5) :is(details.faq-q>.faq-a,details.ljk-kf-p>.ljk-kf-o,details.lnz-faq-p>.lnz-faq-o,details.faq-item>.faq-a,div.lajk-faq-item>.lajk-faq-body) li{margin:0 0 6px!important}
html:root body.ljk-r77b:not(#r77b1#r77b2#r77b3#r77b4#r77b5) :is(details.faq-q>.faq-a,details.ljk-kf-p>.ljk-kf-o,details.lnz-faq-p>.lnz-faq-o,details.faq-item>.faq-a,div.lajk-faq-item>.lajk-faq-body) li:last-child{margin-bottom:0!important}
html:root body.ljk-r77b:not(#r77b1#r77b2#r77b3#r77b4#r77b5) :is(details.faq-q>.faq-a,details.ljk-kf-p>.ljk-kf-o,details.lnz-faq-p>.lnz-faq-o,details.faq-item>.faq-a)>:last-child{margin-bottom:0!important}
html:root body.ljk-r77b:not(#r77b1#r77b2#r77b3#r77b4#r77b5) :is(details.faq-q>.faq-a,details.ljk-kf-p>.ljk-kf-o,details.lnz-faq-p>.lnz-faq-o,details.faq-item>.faq-a,div.lajk-faq-item>.lajk-faq-body) :is(strong,b){font-weight:700!important;color:#1d1530!important}
html:root body.ljk-r77b:not(#r77b1#r77b2#r77b3#r77b4#r77b5) :is(details.faq-q>.faq-a,details.ljk-kf-p>.ljk-kf-o,details.lnz-faq-p>.lnz-faq-o,details.faq-item>.faq-a,div.lajk-faq-item>.lajk-faq-body) a{color:#6d28d9!important;font-weight:600!important;text-decoration:underline!important;text-decoration-thickness:1px!important;text-underline-offset:2px!important}
html:root body.ljk-r77b:not(#r77b1#r77b2#r77b3#r77b4#r77b5) :is(details.faq-q>.faq-a,details.ljk-kf-p>.ljk-kf-o,details.lnz-faq-p>.lnz-faq-o,details.faq-item>.faq-a,div.lajk-faq-item>.lajk-faq-body) a:hover{color:#5b21b6!important}
html:root body.ljk-r77b:not(#r77b1#r77b2#r77b3#r77b4#r77b5) :is(details.faq-q>.faq-a,details.ljk-kf-p>.ljk-kf-o,details.lnz-faq-p>.lnz-faq-o,details.faq-item>.faq-a,div.lajk-faq-item>.lajk-faq-body) a:focus-visible{outline:3px solid #7c3aed!important;outline-offset:2px!important;border-radius:4px!important}

/* ---------- płynne otwieranie (przeglądarki z ::details-content; reszta otwiera od razu) ---------- */
@media (prefers-reduced-motion:no-preference){
  html:root body.ljk-r77b:not(#r77b1#r77b2#r77b3#r77b4#r77b5) :is(details.faq-q,details.ljk-kf-p,details.lnz-faq-p,details.faq-item){interpolate-size:allow-keywords}
  html:root body.ljk-r77b:not(#r77b1#r77b2#r77b3#r77b4#r77b5) :is(details.faq-q,details.ljk-kf-p,details.lnz-faq-p,details.faq-item)::details-content{block-size:0;overflow:clip;transition:block-size .3s cubic-bezier(.2,.7,.2,1),content-visibility .3s allow-discrete}
  html:root body.ljk-r77b:not(#r77b1#r77b2#r77b3#r77b4#r77b5) :is(details.faq-q,details.ljk-kf-p,details.lnz-faq-p,details.faq-item)[open]::details-content{block-size:auto}
  html:root body.ljk-r77b:not(#r77b1#r77b2#r77b3#r77b4#r77b5) :is(details.faq-q,details.ljk-kf-p,details.lnz-faq-p,details.faq-item)[open]>:not(summary),
  html:root body.ljk-r77b:not(#r77b1#r77b2#r77b3#r77b4#r77b5) div.lajk-faq-item.open>.lajk-faq-body>*{animation:ljk-r77b-wjazd .3s cubic-bezier(.2,.7,.2,1) both}
}
@keyframes ljk-r77b-wjazd{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
  html:root body.ljk-r77b:not(#r77b1#r77b2#r77b3#r77b4#r77b5) :is(details.faq-q,details.ljk-kf-p,details.lnz-faq-p,details.faq-item,div.lajk-faq-item),
  html:root body.ljk-r77b:not(#r77b1#r77b2#r77b3#r77b4#r77b5) :is(details.faq-q,details.ljk-kf-p,details.lnz-faq-p,details.faq-item)>summary,
  html:root body.ljk-r77b:not(#r77b1#r77b2#r77b3#r77b4#r77b5) :is(details.faq-q,details.ljk-kf-p,details.lnz-faq-p,details.faq-item)>summary::after,
  html:root body.ljk-r77b:not(#r77b1#r77b2#r77b3#r77b4#r77b5) div.lajk-faq-item>:is(button.lajk-faq-q,.lajk-faq-body),
  html:root body.ljk-r77b:not(#r77b1#r77b2#r77b3#r77b4#r77b5) div.lajk-faq-item>button.lajk-faq-q>svg.lajk-faq-chevron{transition:none!important}
  html:root body.ljk-r77b:not(#r77b1#r77b2#r77b3#r77b4#r77b5) :is(details.faq-q,details.ljk-kf-p,details.lnz-faq-p,details.faq-item)[open]>:not(summary),
  html:root body.ljk-r77b:not(#r77b1#r77b2#r77b3#r77b4#r77b5) div.lajk-faq-item>.lajk-faq-body>*{animation:none!important}
}

/* ---------- telefon ---------- */
@media (max-width:600px){
  html:root body.ljk-r77b:not(#r77b1#r77b2#r77b3#r77b4#r77b5) :is(details.faq-q>summary,details.ljk-kf-p>summary,details.lnz-faq-p>summary,details.faq-item>summary,div.lajk-faq-item>button.lajk-faq-q){gap:12px!important;min-height:56px!important;padding:14px 14px 14px 16px!important;font-size:15.5px!important}
  html:root body.ljk-r77b:not(#r77b1#r77b2#r77b3#r77b4#r77b5) :is(details.faq-q,details.ljk-kf-p,details.lnz-faq-p,details.faq-item)>summary::after,
  html:root body.ljk-r77b:not(#r77b1#r77b2#r77b3#r77b4#r77b5) div.lajk-faq-item>button.lajk-faq-q>svg.lajk-faq-chevron{flex-basis:30px!important;width:30px!important;height:30px!important}
  html:root body.ljk-r77b:not(#r77b1#r77b2#r77b3#r77b4#r77b5) :is(details.faq-q>.faq-a,details.ljk-kf-p>.ljk-kf-o,details.lnz-faq-p>.lnz-faq-o,details.faq-item>.faq-a){margin:0 16px!important;padding:12px 0 18px!important}
  html:root body.ljk-r77b:not(#r77b1#r77b2#r77b3#r77b4#r77b5) div.lajk-faq-item>.lajk-faq-body>*{margin-left:16px!important;margin-right:16px!important}
  html:root body.ljk-r77b:not(#r77b1#r77b2#r77b3#r77b4#r77b5) div.lajk-faq-item>.lajk-faq-body>:first-child{padding-top:12px!important}
  html:root body.ljk-r77b:not(#r77b1#r77b2#r77b3#r77b4#r77b5) div.lajk-faq-item>.lajk-faq-body>:last-child{padding-bottom:18px!important}
  html:root body.ljk-r77b:not(#r77b1#r77b2#r77b3#r77b4#r77b5) :is(details.faq-q>.faq-a,details.ljk-kf-p>.ljk-kf-o,details.lnz-faq-p>.lnz-faq-o,details.faq-item>.faq-a,div.lajk-faq-item>.lajk-faq-body){font-size:15px!important}
}

/* ---------- tryb wysokiego kontrastu: ramki widoczne ---------- */
@media (forced-colors:active){
  html:root body.ljk-r77b:not(#r77b1#r77b2#r77b3#r77b4#r77b5) :is(details.faq-q,details.ljk-kf-p,details.lnz-faq-p,details.faq-item,div.lajk-faq-item){border:1px solid CanvasText!important}
  html:root body.ljk-r77b:not(#r77b1#r77b2#r77b3#r77b4#r77b5) :is(details.faq-q>summary,details.ljk-kf-p>summary,details.lnz-faq-p>summary,details.faq-item>summary,div.lajk-faq-item>button.lajk-faq-q):focus-visible{outline-color:Highlight!important}
}