/* Wybór wydania w buyboksie MIĘDZY ceną a „Do koszyka” (869f7deet; Szymon 21.10 — 3 warianty, 1–2 linie w stanie zwiniętym) —
   widok Components/BookInfoOtherEditions/Default.cshtml, dołączany tylko tam. Tokeny z pkieu-v3.css (jasny/ciemny/kontrast
   działają same), bez własnych kolorów. Buybox jest przyklejony tylko, gdy mieści się w oknie (pkieu-v3.js pkt 12), więc
   rozwinięta lista ma własny limit wysokości i przewija się w środku. Dostępność = mini-wstążka w kolorach wstążek statusu
   (.pr-rib: --green-fill / --muted). */
.pki-eds{margin-top:var(--sp-3);}

/* lista wszystkich wydań (a/b/c po rozwinięciu) */
.eds-list{contain:inline-size;margin:6px 0 0;padding:0;list-style:none;max-height:min(44vh,300px);overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--line2);border-radius:var(--r);background:var(--surface);}
.eds-list li + li{border-top:1px solid var(--line);}
.el{display:grid;grid-template-columns:minmax(0,1fr) auto auto;column-gap:8px;align-items:center;padding:6px 10px;font-size:var(--fs-xs);color:var(--body);text-decoration:none;}
a.el:hover{background:var(--wash);}
a.el:hover .el-t{color:var(--red);}
a.el:focus-visible{outline:2px solid var(--red);outline-offset:-2px;}
.el-t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.el-t em{font-style:normal;font-size:var(--fs-2xs);color:var(--muted);background:var(--wash);border-radius:var(--r-xs);padding:0 4px;margin-left:2px;}
.el.on{background:var(--wash);}
.el i{font-style:normal;font-family:var(--head);font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;}
.eds-list li.na .el-t,.eds-list li.na .el i{color:var(--muted);font-weight:500;}

/* mini-wstążka dostępności */
.pki-av{font-family:var(--head);font-weight:700;font-size:9.5px;letter-spacing:var(--ls-ui);text-transform:uppercase;line-height:1;padding:3px 5px;border-radius:var(--r-xs);white-space:nowrap;}
.pki-av.ok{background:var(--green-fill);color:var(--on-fill);}
.pki-av.out{background:var(--muted);color:var(--ground);}

/* wspólne: summary bez znacznika przeglądarki, własna strzałka */
.pki-eds summary{list-style:none;cursor:pointer;}
.pki-eds summary::-webkit-details-marker{display:none;}

/* A — jeden wiersz „Wydanie: … ▾” jak pole wyboru */
.eds-a > summary{display:flex;align-items:center;gap:6px;contain:inline-size;min-height:var(--h-md);padding:0 10px;border:1px solid var(--line2);border-radius:var(--r);background:var(--surface);font-size:var(--fs-sm);}
.eds-a > summary:hover,.eds-a[open] > summary{border-color:var(--ink);}
.ea-l{color:var(--muted);flex:none;}
.ea-v{flex:1;min-width:0;color:var(--ink);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ea-n{flex:none;color:var(--muted);font-size:var(--fs-xs);white-space:nowrap;}
.ea-n::after{content:"▾";margin-left:6px;color:var(--ink);}
.eds-a[open] .ea-n::after{content:"▴";}

/* B — pigułki opraw w jednej linii (segmenty), przewijane, gdy się nie mieszczą */
.eds-b{display:flex;margin:0;padding:0;list-style:none;overflow-x:auto;contain:inline-size;scrollbar-width:none;border:1px solid var(--line2);border-radius:var(--r);background:var(--surface);}
.eds-b::-webkit-scrollbar{display:none;}
.eds-b li{flex:none;}
.eds-b li + li .eb{border-left:1px solid var(--line2);}
.eb{display:flex;flex-direction:column;justify-content:center;gap:1px;height:var(--h-md);padding:0 12px;color:var(--body);text-decoration:none;line-height:1.2;white-space:nowrap;}
.eb b{font-size:var(--fs-sm);font-weight:600;color:var(--ink);}
.eb small{font-size:var(--fs-2xs);color:var(--muted);font-variant-numeric:tabular-nums;}
.eb.on{background:var(--wash);box-shadow:inset 0 -2px 0 var(--red);}
.eb.on b{color:var(--red);}
a.eb:hover{background:var(--wash);}
a.eb:focus-visible{outline:2px solid var(--red);outline-offset:-2px;}
.eb.na b{color:var(--muted);font-weight:500;}
.eb.lang{flex-direction:row;align-items:center;gap:6px;}
.eb.lang > b{display:flex;flex-direction:column;}
.eb .fl{display:inline-flex;gap:2px;}
.eb .fl svg{width:16px;height:11px;border-radius:1px;box-shadow:0 0 0 1px var(--line2);}
.eb .lc{font-family:var(--head);font-weight:700;font-size:10px;border:1px solid currentColor;border-radius:var(--r-xs);padding:1px 3px;color:var(--graphite);}
.eds-more{margin-top:4px;}
.eds-more > summary{display:inline-block;font-size:var(--fs-xs);color:var(--link);text-decoration:underline;text-underline-offset:3px;}
.eds-more > summary::after{content:" ▾";display:inline-block;margin-left:2px;text-decoration:none;}
.eds-more[open] > summary::after{content:" ▴";}

/* C — jedna linia tekstu „Dostępne też: …” z odnośnikami */
.eds-c{font-size:var(--fs-sm);line-height:1.5;color:var(--body);}
.ec-l{color:var(--muted);}
.eds-c > a{color:var(--link);text-decoration:underline;text-underline-offset:3px;}
.eds-c > a:hover{color:var(--red);}
.ec-p{color:var(--muted);}
.ec-sep{color:var(--muted);margin:0 2px;}
.eds-c .eds-more{display:inline;margin:0;}
.eds-c .eds-more > summary{font-size:var(--fs-sm);}
.eds-c .eds-more[open]{display:block;}

/* D — chipsy wydań z f9f89f33 (domyślny; Szymon 21.10): 3 kolumny, niski chip, 6 + „Więcej wydań (N)”, przewijany rząd
   na mobile; pod ceną, nie na górze buyboksu */
.pki-eds-h{margin:0 0 6px;font-family:var(--head);font-weight:700;font-size:var(--fs-2xs);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--ink);}
.pki-eds-h span{color:var(--muted);font-weight:500;letter-spacing:0;}
.pki-eds-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none;}
.pki-ed{position:relative;display:flex;flex-direction:column;gap:1px;height:100%;padding:5px 8px;border:1px solid var(--line2);border-radius:var(--r);background:var(--surface);color:var(--body);text-decoration:none;line-height:1.3;}
.pki-ed b{font-size:var(--fs-xs);font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pki-ed i{font-style:normal;font-family:var(--head);font-weight:700;font-size:var(--fs-md);color:var(--ink);font-variant-numeric:tabular-nums;}
.pki-ed small{display:flex;align-items:center;gap:5px;font-size:var(--fs-2xs);color:var(--muted);white-space:nowrap;}
.pki-ed small .dot{width:7px;height:7px;border-radius:50%;background:var(--green);flex:none;}
.pki-ed .vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
a.pki-ed:hover{border-color:var(--ink);}
a.pki-ed:focus-visible{outline:2px solid var(--red);outline-offset:2px;}
/* bieżące: obwódka marki 2 px (padding −1 px, ten sam rozmiar), cena w czerwieni jak w buyboksie */
.pki-ed.on{border:2px solid var(--red);padding:4px 7px;}
.pki-ed.on i{color:var(--red);}
/* niedostępne: wygaszone tło i tekst, bez zieleni */
.pki-ed.na{background:var(--wash);}
.pki-ed.na b,.pki-ed.na i{color:var(--muted);font-weight:500;}
.pki-ed.na small .dot{background:transparent;box-shadow:inset 0 0 0 1.5px var(--muted);}
.pki-eds-more{margin-top:6px;}
.pki-eds-more summary{cursor:pointer;font-size:var(--fs-sm);color:var(--link);text-decoration:underline;list-style:none;width:max-content;}
.pki-eds-more summary::-webkit-details-marker{display:none;}
.pki-eds-more summary::after{content:" ▾";text-decoration:none;display:inline-block;margin-left:2px;}
.pki-eds-more[open] summary::after{content:" ▴";}
.pki-eds-more .pki-eds-row{margin-top:6px;}
/* wariant d: odstęp od VAT --sp-3, ciaśniej pod nagłówkiem i nad „Więcej wydań” — Lalka z 6 chipsami mieści się (i przykleja)
   od okna 900 px (pomiar 21.10: buybox 812 → 808 px, próg 810) */
.pki-eds.v-d .pki-eds-h{margin-bottom:4px;}
:root[data-contrast="more"] .pki-ed{border-width:2px;padding:4px 7px;}
:root[data-contrast="more"] .pki-ed.on{border-width:3px;padding:3px 6px;}
@media (max-width:860px){
  /* przewijany rząd, ostatni chip zagląda zza krawędzi (sygnał „jest więcej”). contain:inline-size — szerokość rzędu nie
     rozpycha buyboksu (bez tego min-content wszystkich chipów poszerzał stronę do ~940 px). */
  .pki-eds-row{display:flex;overflow-x:auto;contain:inline-size;scroll-snap-type:x proximity;margin-right:-16px;padding-right:16px;scrollbar-width:none;}
  .pki-eds-row::-webkit-scrollbar{display:none;}
  .pki-eds-row li{flex:0 0 120px;scroll-snap-align:start;}
}
@media (prefers-reduced-motion:no-preference){.pki-ed{transition:border-color .15s;}}
:root[data-contrast="more"] .eds-a > summary,:root[data-contrast="more"] .eds-b,:root[data-contrast="more"] .eds-list{border-width:2px;}

/* E — LibriMondo z b7b8d5ab (Szymon 21.10: do porównania z d, tylko ?wydania=e na porcie demo): „Oglądasz”, zakładki języków
   (tylko ≥ 2 znane języki, przewijany rząd bez strzałki JS), karty opraw ze stopką „N innych wydań · od X ▾”. */
/* buybox ma się przyklejać przy oknie 900 px (pkieu-v3.js pkt 12, próg ≈ 810 px): zakładki w jednej linii, karty ciaśniej niż
   w b7b8d5ab */
.pki-eds.v-e{margin-top:var(--sp-4);}  /* odstęp od noty o VAT (Szymon 21.10: VAT przy cenie, przerwa przed „Oglądasz”) */
.v-e .pki-eds-now{margin:0 0 8px;font-size:var(--fs-sm);line-height:1.3;color:var(--muted);}
.v-e .pki-eds-now b{color:var(--ink);font-weight:600;}
.v-e .pki-tabs{margin:0 0 8px;}
.v-e .pki-tabs ul{display:flex;gap:6px;margin:0;padding:0;list-style:none;overflow-x:auto;contain:inline-size;scroll-snap-type:x proximity;scrollbar-width:none;}
.v-e .pki-tabs ul::-webkit-scrollbar{display:none;}
.v-e .pki-tabs li{flex:none;scroll-snap-align:start;}
.v-e .pki-tab{display:flex;gap:6px;align-items:center;padding:4px 10px;border:1px solid var(--line2);border-radius:var(--r);background:var(--surface);color:var(--body);text-decoration:none;line-height:1.25;}
.v-e .pki-tab .lc{font-family:var(--head);font-weight:700;font-size:10px;letter-spacing:var(--ls-ui);border:1px solid currentColor;border-radius:var(--r-xs);padding:1px 3px;color:var(--graphite);}
.v-e .pki-tab .fl{display:inline-flex;gap:2px;}
.v-e .pki-tab .fl svg{width:18px;height:12px;border-radius:1px;box-shadow:0 0 0 1px var(--line2);}
.v-e .pki-tab .ln{font-size:var(--fs-sm);font-weight:600;color:var(--ink);white-space:nowrap;}
.v-e .pki-tab small{font-size:var(--fs-2xs);color:var(--muted);white-space:nowrap;}
.v-e .pki-tab.on{border-color:var(--ink);background:var(--wash);}
.v-e a.pki-tab:hover{border-color:var(--ink);}
.v-e .pki-cards{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;}
.v-e .pc{border:1px solid var(--line2);border-radius:var(--r);background:var(--surface);overflow:hidden;}
.v-e .pc-h{display:grid;grid-template-columns:18px minmax(0,1fr) auto;column-gap:10px;align-items:center;padding:8px 12px;color:var(--body);text-decoration:none;}
.v-e a.pc-h:hover{background:var(--wash);}
.v-e a.pc-h:focus-visible{outline:2px solid var(--red);outline-offset:-2px;}
.v-e .pc-ico{width:18px;height:18px;fill:none;stroke:var(--graphite);stroke-width:var(--ico-sw);stroke-linecap:round;stroke-linejoin:round;}
.v-e .pc-t{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:6px;min-width:0;line-height:1.2;}
.v-e .pc-t b{font-size:var(--fs-sm);font-weight:600;color:var(--ink);}
.v-e .pc-t em{font-style:normal;font-size:var(--fs-2xs);color:var(--muted);background:var(--wash);border-radius:var(--r-xs);padding:0 5px;}
.v-e .pc-t small{flex-basis:100%;font-size:var(--fs-xs);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.v-e .pc-p{display:flex;flex-direction:column;align-items:flex-end;gap:1px;}
.v-e .pc-p i{font-style:normal;font-family:var(--head);font-weight:700;font-size:var(--fs-md);color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;}
.v-e .pc.on .pc-h{opacity:.6;}                      /* bieżąca: „Oglądasz” + przygaszona (jak LibriMondo), bez linku */
.v-e .pc.na .pc-p i{color:var(--muted);font-weight:500;}
.v-e .pc-more{border-top:1px solid var(--line);}
/* stopka „N innych wydań” = pełny przycisk (Szymon 21.10: „strasznie trudno w to trafić”) — min. 36 px, tekst --fs-sm, tło przy hover */
.v-e .pc-more summary{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:36px;padding:6px 12px;font-size:var(--fs-sm);line-height:1.3;color:var(--body);background:var(--wash);}
.v-e .pc-more summary > span:last-child{font-weight:600;color:var(--ink);}
.v-e .pc-more summary > span:last-child::after{content:"▾";margin-left:6px;}
.v-e .pc-more[open] summary > span:last-child::after{content:"▴";}
.v-e .pc-more summary:hover{color:var(--ink);background:var(--line);}
.v-e .pc-more summary:focus-visible{outline:2px solid var(--red);outline-offset:-2px;}
.v-e .pc-more ul{contain:inline-size;margin:0;padding:0 12px 8px;list-style:none;max-height:min(36vh,240px);overflow-y:auto;overscroll-behavior:contain;}
.v-e .pc-more li a{display:grid;grid-template-columns:minmax(0,1fr) auto auto;column-gap:8px;align-items:center;padding:8px 0;border-top:1px solid var(--line);font-size:var(--fs-sm);color:var(--body);text-decoration:none;}
.v-e .pc-more li:first-child a{border-top:0;}
.v-e .pc-more li a:hover .pm-t{color:var(--red);text-decoration:underline;}
.v-e .pm-t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.v-e .pc-more li i{font-style:normal;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;}
.v-e .pc-more li.na i,.v-e .pc-more li.na .pm-t{color:var(--muted);font-weight:500;}
.v-e .e-more{margin-top:10px;}
/* „Więcej opraw (N)” = przycisk na całą szerokość w ramce kart, nie link (Szymon 21.10: „wyglądające jak link mnie nie przekonuje”) */
.v-e .e-more > summary{display:flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:6px 12px;border:1px solid var(--line2);border-radius:var(--r);background:var(--surface);font-size:var(--fs-sm);font-weight:600;color:var(--ink);text-decoration:none;}
.v-e .e-more > summary:hover{border-color:var(--ink);background:var(--wash);}
.v-e .e-more > summary:focus-visible{outline:2px solid var(--red);outline-offset:2px;}
.v-e .e-more > summary::after{content:"▾";}
.v-e .e-more[open] > summary::after{content:"▴";}
.v-e .e-more > .pki-cards{margin-top:8px;}
:root[data-contrast="more"] .v-e .pc,:root[data-contrast="more"] .v-e .pki-tab,:root[data-contrast="more"] .v-e .e-more > summary{border-width:2px;}
:root[data-contrast="more"] .v-e .pc.on .pc-h{opacity:1;}
@media (prefers-reduced-motion:no-preference){.v-e a.pc-h,.v-e .pki-tab{transition:background-color .15s,border-color .15s;}}

/* separator cena ↔ wydania w buyboksie (Szymon 21.10) — ta sama linia co .buy hr nad „Do koszyka”; na bloku, nie <hr> w szablonie,
   więc bez wydań nie zostaje samotna kreska. Na końcu pliku: wygrywa z marginesami wariantów (.pki-eds.v-e / .v-d) */
.buy .pki-eds{margin-top:16px;padding-top:16px;border-top:1px solid var(--line);}