/* R77 (31.10.2026) C – bloki opinii w całym sklepie, jeden wygląd kart (na wspólnej karcie R74).
   Karty: główna i [ljk_reviews] (.rv.r74-op), /opinie/ (.ljk-op-k.r74-op), kategorie (.ljk-opk-k.r74-op),
   strona usługi (.lajk-review – znaczniki z motywu). Tylko wygląd: treść, liczba, kolejność, źródło opinii,
   „Zweryfikowany zakup” i dane strukturalne bez zmian.
   Siła: "html:root body.ljk-r77c:not(#r77a#r77b#r77c)" = jeden id więcej niż R74 (r74/sekcje.css), więc wygrywa.
   Karta: awatar z inicjałem (kolor z palety marki, biały tekst min. 4,5:1), gwiazdki, cytat, stopka z imieniem,
   usługą i datą oddzielona kreską i zawsze na dole (równe wysokości w rzędzie). Telefon: przewijany rząd.
   Karty z atrybutem hidden zostają ukryte (display tylko przy :not([hidden])). */

/* ---------- 1. Karta ---------- */
html:root body.ljk-r77c:not(#r77a#r77b#r77c) #page .r74-op,
html:root body.ljk-r77c:not(#r77a#r77b#r77c) #lajk-root .lajk-review{gap:14px!important;padding:22px 22px 18px!important;background:#fff!important;border:1px solid #ebe5f4!important;border-radius:20px!important;box-shadow:0 1px 2px rgba(29,21,48,.05),0 12px 28px -20px rgba(46,30,92,.35)!important;transition:border-color .15s ease,box-shadow .15s ease!important}
html:root body.ljk-r77c:not(#r77a#r77b#r77c) #page .r74-op:not([hidden]),
html:root body.ljk-r77c:not(#r77a#r77b#r77c) #lajk-root .lajk-review:not([hidden]){display:flex!important;flex-direction:column!important;height:auto!important}
@media (hover:hover){
  html:root body.ljk-r77c:not(#r77a#r77b#r77c) #page .r74-op:hover,
  html:root body.ljk-r77c:not(#r77a#r77b#r77c) #lajk-root .lajk-review:hover{border-color:#d9cdf0!important;box-shadow:0 1px 2px rgba(29,21,48,.05),0 16px 32px -20px rgba(46,30,92,.45)!important}
}
/* ozdobny cudzysłów w rogu: znak SVG w jasnym fiolecie (czytniki go pomijają) */
html:root body.ljk-r77c:not(#r77a#r77b#r77c) #page .r74-op::after,
html:root body.ljk-r77c:not(#r77a#r77b#r77c) #lajk-root .lajk-review::after{content:""!important;display:block!important;position:absolute!important;top:18px!important;right:18px!important;left:auto!important;width:30px!important;height:24px!important;margin:0!important;font-size:0!important;background:#e9e0fb!important;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 24'%3E%3Cpath d='M0 24V14.4C0 6.6 4.2 1.8 11.4 0l1.5 3.3C8.7 4.8 6.9 7.5 6.6 11H12v13zm17 0V14.4C17 6.6 21.2 1.8 28.4 0l1.5 3.3c-4.2 1.5-6 4.2-6.3 7.7H29v13z'/%3E%3C/svg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 24'%3E%3Cpath d='M0 24V14.4C0 6.6 4.2 1.8 11.4 0l1.5 3.3C8.7 4.8 6.9 7.5 6.6 11H12v13zm17 0V14.4C17 6.6 21.2 1.8 28.4 0l1.5 3.3c-4.2 1.5-6 4.2-6.3 7.7H29v13z'/%3E%3C/svg%3E") center/contain no-repeat!important;pointer-events:none}

/* ---------- 2. Gwiazdki i plakietka ---------- */
html:root body.ljk-r77c:not(#r77a#r77b#r77c) #page .r74-op-top,
html:root body.ljk-r77c:not(#r77a#r77b#r77c) #lajk-root .lajk-review-top{min-height:24px;padding:0 44px 0 0!important}
html:root body.ljk-r77c:not(#r77a#r77b#r77c) #page .r74-op-gw,
html:root body.ljk-r77c:not(#r77a#r77b#r77c) #lajk-root .lajk-review .lajk-stars-css{width:94px!important;height:18px!important;-webkit-mask-size:18.8px 18px!important;mask-size:18.8px 18px!important}

/* ---------- 3. Cytat: czytelny, bez ścisku ---------- */
html:root body.ljk-r77c:not(#r77a#r77b#r77c) #page .r74-op-t,
html:root body.ljk-r77c:not(#r77a#r77b#r77c) #lajk-root .lajk-review-text{flex:1 1 auto!important;font-size:16px!important;line-height:1.65!important;color:#1d1530!important;text-wrap:pretty}

/* ---------- 4. Stopka: awatar z inicjałem, imię, usługa i data; zawsze na dole karty ---------- */
html:root body.ljk-r77c:not(#r77a#r77b#r77c) #page .r74-op-a,
html:root body.ljk-r77c:not(#r77a#r77b#r77c) #lajk-root .lajk-review-author{margin-top:auto!important;padding-top:14px!important;border-top:1px solid #f0ebf7!important;gap:12px!important}
html:root body.ljk-r77c:not(#r77a#r77b#r77c) #page .r74-op-av,
html:root body.ljk-r77c:not(#r77a#r77b#r77c) #lajk-root .lajk-review .lajk-avatar{--r77c-av:linear-gradient(135deg,#6d28d9 0%,#9d174d 100%);flex:0 0 40px!important;width:40px!important;height:40px!important;background:var(--r77c-av)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:16px!important;line-height:40px!important;box-shadow:0 0 0 2px #fff,0 0 0 3px #ebe5f4!important}
/* strona usługi: motyw daje 2 litery (np. „AG”) - zostają, tylko mniejsze, żeby zmieściły się w kółku */
html:root body.ljk-r77c:not(#r77a#r77b#r77c) #lajk-root .lajk-review .lajk-avatar{font-size:14px!important;letter-spacing:.02em!important;text-align:center!important;overflow:hidden!important}
/* paleta awatarów: kolejne karty w innym kolorze marki (biały tekst ma na każdym min. 4,5:1) */
html:root body.ljk-r77c:not(#r77a#r77b#r77c) :is(#page .r74-op,#lajk-root .lajk-review):nth-child(4n+2) :is(.r74-op-av,.lajk-avatar){--r77c-av:linear-gradient(135deg,#be185d 0%,#9a3412 100%)}
html:root body.ljk-r77c:not(#r77a#r77b#r77c) :is(#page .r74-op,#lajk-root .lajk-review):nth-child(4n+3) :is(.r74-op-av,.lajk-avatar){--r77c-av:linear-gradient(135deg,#1d4ed8 0%,#6d28d9 100%)}
html:root body.ljk-r77c:not(#r77a#r77b#r77c) :is(#page .r74-op,#lajk-root .lajk-review):nth-child(4n+4) :is(.r74-op-av,.lajk-avatar){--r77c-av:linear-gradient(135deg,#0f766e 0%,#1d4ed8 100%)}
html:root body.ljk-r77c:not(#r77a#r77b#r77c) #page .r74-op-n,
html:root body.ljk-r77c:not(#r77a#r77b#r77c) #lajk-root .lajk-review-name{font-size:15px!important;font-weight:700!important;color:#1d1530!important}
html:root body.ljk-r77c:not(#r77a#r77b#r77c) #page .r74-op-kto>span,
html:root body.ljk-r77c:not(#r77a#r77b#r77c) #lajk-root .lajk-review-date{font-size:13px!important;line-height:1.45!important;color:#5b5470!important}

/* ---------- 5. Główna: „Co mówią klienci” ---------- */
html:root body.ljk-r77c:not(#r77a#r77b#r77c) #lajk-home #opinie{background:radial-gradient(45% 55% at 100% 0%,#fff0f6 0%,rgba(255,240,246,0) 70%),radial-gradient(45% 55% at 0% 100%,#f3edff 0%,rgba(243,237,255,0) 70%),#fbf9ff!important}
html:root body.ljk-r77c:not(#r77a#r77b#r77c) #lajk-home #opinie .hx-head{text-align:center!important;margin-bottom:clamp(18px,2.5vw,28px)!important}
html:root body.ljk-r77c:not(#r77a#r77b#r77c) #lajk-home #opinie .rv-sum{display:inline-flex!important;align-items:center!important;gap:8px!important;margin:6px 0 0!important;padding:6px 14px!important;background:#fff!important;border:1px solid #ebe5f4!important;border-radius:999px!important;font-size:14.5px!important;color:#1d1530!important}
/* filtr platform: pigułki 44 px */
html:root body.ljk-r77c:not(#r77a#r77b#r77c) #lajk-home #opinie .rv-f{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:8px!important;margin:0 0 clamp(16px,2.4vw,24px)!important}
html:root body.ljk-r77c:not(#r77a#r77b#r77c) #lajk-home #opinie .rv-fb{min-height:44px!important;padding:0 18px!important;border:1px solid #d9d2e6!important;border-radius:999px!important;background:#fff!important;color:#1d1530!important;font-size:14.5px!important;font-weight:600!important;box-shadow:none!important}
html:root body.ljk-r77c:not(#r77a#r77b#r77c) #lajk-home #opinie .rv-fb:hover{background:#f3edff!important;border-color:#7c3aed!important}
html:root body.ljk-r77c:not(#r77a#r77b#r77c) #lajk-home #opinie .rv-fb[aria-pressed="true"]{background:#5b21b6!important;border-color:#5b21b6!important;color:#fff!important}
html:root body.ljk-r77c:not(#r77a#r77b#r77c) #lajk-home #opinie .rv-fb:focus-visible{outline:3px solid #7c3aed!important;outline-offset:2px!important}
/* siatka: telefon – przewijany rząd; od 768 px dwie, od 1100 px trzy równe kolumny */
html:root body.ljk-r77c:not(#r77a#r77b#r77c) #lajk-home #opinie .rv-grid{display:flex!important;flex-flow:row nowrap!important;align-items:stretch!important;gap:12px!important;margin:0 -16px!important;padding:4px 16px 16px!important;overflow-x:auto!important;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:16px;scrollbar-width:thin;scrollbar-color:#d9d2e6 transparent;-webkit-overflow-scrolling:touch}
html:root body.ljk-r77c:not(#r77a#r77b#r77c) #lajk-home #opinie .rv-grid>.rv{flex:0 0 86%!important;max-width:360px!important;scroll-snap-align:start}
@media (min-width:768px){
  html:root body.ljk-r77c:not(#r77a#r77b#r77c) #lajk-home #opinie .rv-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;margin:0!important;padding:0!important;overflow:visible!important}
  html:root body.ljk-r77c:not(#r77a#r77b#r77c) #lajk-home #opinie .rv-grid>.rv{max-width:none!important}
}
@media (min-width:1100px){
  html:root body.ljk-r77c:not(#r77a#r77b#r77c) #lajk-home #opinie .rv-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important}
}
/* notka o zasadach pokazywania (bez zmian w treści) i przycisk „Zobacz wszystkie opinie” */
html:root body.ljk-r77c:not(#r77a#r77b#r77c) #lajk-home #opinie .hx-rev-note{max-width:70ch!important;margin:clamp(16px,2.4vw,24px) auto 0!important;font-size:13.5px!important;line-height:1.55!important;text-align:center!important;color:#5b5470!important}
html:root body.ljk-r77c:not(#r77a#r77b#r77c) #lajk-home #opinie .rv-all{margin:16px 0 0!important;text-align:center!important}
html:root body.ljk-r77c:not(#r77a#r77b#r77c) #lajk-home #opinie .rv-all .btn{min-height:48px!important;border-radius:14px!important}

/* ---------- 6. Kategorie i /opinie/: te same odstępy siatki ---------- */
html:root body.ljk-r77c:not(#r77a#r77b#r77c) #page :is(.ljk-opk-l,.ljk-op-lista){align-items:stretch!important}
@media (max-width:767px){
  html:root body.ljk-r77c:not(#r77a#r77b#r77c) #page .ljk-opk-l{scroll-padding-inline:16px}
  html:root body.ljk-r77c:not(#r77a#r77b#r77c) #page .ljk-opk-l>.r74-op{max-width:360px}
  html:root body.ljk-r77c:not(#r77a#r77b#r77c) #page .r74-op,
  html:root body.ljk-r77c:not(#r77a#r77b#r77c) #lajk-root .lajk-review{padding:18px 18px 16px!important}
}

/* ---------- 7. Strona usługi: podsumowanie ocen nad kartami ---------- */
html:root body.ljk-r77c:not(#r77a#r77b#r77c) #lajk-root .lajk-reviews-header{background:#fff!important;border:1px solid #ebe5f4!important;border-radius:20px!important;box-shadow:0 1px 2px rgba(29,21,48,.05)!important}
html:root body.ljk-r77c:not(#r77a#r77b#r77c) #lajk-root .lajk-reviews-avg-box{display:flex!important;align-items:center!important;justify-content:center!important;background:#fff7e6!important;border:1px solid #fde7b5!important;box-shadow:none!important}
html:root body.ljk-r77c:not(#r77a#r77b#r77c) #lajk-root .lajk-reviews-avg{color:#92400e!important;font-weight:800!important}
html:root body.ljk-r77c:not(#r77a#r77b#r77c) #lajk-root .lajk-reviews-count{color:#5b5470!important}
html:root body.ljk-r77c:not(#r77a#r77b#r77c) #lajk-root .lajk-reviews-bar{color:#5b5470!important}
html:root body.ljk-r77c:not(#r77a#r77b#r77c) #lajk-root .lajk-reviews-bar-track{background:#f3eff9!important}
html:root body.ljk-r77c:not(#r77a#r77b#r77c) #lajk-root .lajk-reviews-bar-fill{background:#f59e0b!important}
/* strona usługi na telefonie: przewijany rząd z motywu, karty nie szersze niż 360 px */
@media (max-width:767px){
  html:root body.ljk-r77c:not(#r77a#r77b#r77c) #lajk-root .lajk-reviews-grid:not(.lajk-reviews-grid--more)>.lajk-review{max-width:360px}
}

/* ---------- 8. Ruch i tryb wysokiego kontrastu ---------- */
@media (prefers-reduced-motion:reduce){
  html:root body.ljk-r77c:not(#r77a#r77b#r77c) :is(#page .r74-op,#lajk-root .lajk-review){transition:none!important}
  html:root body.ljk-r77c:not(#r77a#r77b#r77c) #lajk-home #opinie .rv-grid{scroll-behavior:auto!important}
}
@media (forced-colors:active){
  html:root body.ljk-r77c:not(#r77a#r77b#r77c) :is(#page .r74-op,#lajk-root .lajk-review){border:1px solid CanvasText!important}
  html:root body.ljk-r77c:not(#r77a#r77b#r77c) :is(#page .r74-op,#lajk-root .lajk-review)::after{display:none!important}
  html:root body.ljk-r77c:not(#r77a#r77b#r77c) :is(.r74-op-av,#lajk-root .lajk-avatar){forced-color-adjust:none}
}