/* Interaktywny rzut 3D – kolory i zaokrąglenia przejmuje ze zmiennych strony */
.pl{--_ink:var(--pl-ink,#1E2227);--_mut:var(--pl-muted,#5C636B);--_line:var(--pl-line,#D5D5D0);--_acc:var(--pl-accent,#1E2227);
  --_acc-ink:var(--pl-accent-ink,#fff);--_surf:var(--pl-surface,#fff);--_r:var(--pl-radius,4px);
  display:flex;flex-direction:column;gap:10px;min-width:0;color:var(--_ink)}
.pl-bar{display:flex;flex-wrap:wrap;gap:8px}
.pl-bar[hidden]{display:none}
.pl-seg{display:inline-flex;flex-wrap:wrap;max-width:100%;border:1px solid var(--_line);border-radius:var(--_r);padding:3px;gap:2px;background:var(--_surf)}
.pl-seg button{border:0;background:transparent;padding:6px 12px;border-radius:calc(var(--_r) - 1px);font:inherit;font-size:13.5px;cursor:pointer;color:var(--_ink)}
.pl-seg button[aria-pressed="true"]{background:var(--_acc);color:var(--_acc-ink)}
.pl-seg__l{align-self:center;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--_mut);padding:0 6px 0 7px}
.pl-stage{background:#fff;border:1px solid var(--_line);border-radius:var(--_r);overflow:hidden}
.pl-frame{position:relative;aspect-ratio:2752/1536;max-width:100%}
.pl-frame>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.pl-hint{font-size:13px;color:var(--_mut);margin:0}
.pl-hs{position:absolute;width:26px;height:26px;margin:-13px 0 0 -13px;border:0;padding:0;background:none;cursor:pointer;border-radius:50%}
.pl-hs__c{position:absolute;left:13px;top:13px;width:64px;height:64px;transform-origin:0 0;pointer-events:none;opacity:0;transition:opacity .2s;
  background:conic-gradient(from 90deg at 0 0,color-mix(in srgb,var(--_acc) 38%,transparent) 0 60deg,transparent 60deg)}
.pl-hs__d{position:absolute;inset:0;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--_acc);border:2px solid var(--_acc);
  font:700 12px/1 system-ui,sans-serif;box-shadow:0 2px 7px rgba(0,0,0,.22);transition:transform .15s,background .15s,color .15s}
.pl-hs:hover .pl-hs__d{transform:scale(1.12)}
.pl-hs:hover .pl-hs__c,.pl-hs[aria-current="true"] .pl-hs__c{opacity:1}
.pl-hs[aria-current="true"] .pl-hs__d{background:var(--_acc);color:var(--_acc-ink)}
.pl-hs:focus-visible .pl-hs__d{outline:2px solid var(--_acc);outline-offset:2px}
.pl-shot{display:flex;flex-direction:column;gap:10px;margin-top:6px}
.pl-shot[hidden]{display:none}
.pl-pic{aspect-ratio:2752/1536;border-radius:var(--_r);overflow:hidden;background:var(--_line)}
.pl-pic img{width:100%;height:100%;object-fit:cover;display:block}
.pl-cap{display:flex;align-items:center;justify-content:space-between;gap:12px}
.pl-cap p{margin:0}
.pl-cap b{font-size:16px;font-weight:600}
.pl-n{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--_acc);color:var(--_acc-ink);font:700 12px/1 system-ui,sans-serif;margin-right:8px;vertical-align:1px}
.pl-arr{display:flex;gap:6px}
.pl-arr button{width:36px;height:36px;border-radius:var(--_r);border:1px solid var(--_line);background:var(--_surf);cursor:pointer;font-size:18px;line-height:1;color:var(--_ink)}
.pl-arr button:hover{border-color:var(--_ink)}
.pl-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:7px}
.pl-thumbs button{all:unset;cursor:pointer;position:relative;border-radius:calc(var(--_r) - 1px);overflow:hidden;aspect-ratio:16/9;outline:2px solid transparent;outline-offset:1px}
.pl-thumbs button img{width:100%;height:100%;object-fit:cover;display:block}
.pl-thumbs button span{position:absolute;left:4px;top:4px;width:19px;height:19px;border-radius:50%;background:rgba(255,255,255,.92);color:#222;font:700 10.5px/1 system-ui,sans-serif;display:grid;place-items:center}
.pl-thumbs button[aria-current="true"],.pl-thumbs button:focus-visible{outline-color:var(--_acc)}
/* miniatura rzutu w listach lokali */
.pl-mini{display:block;width:72px;aspect-ratio:2752/1536;background:#fff;border:1px solid var(--pl-line,#ddd);border-radius:calc(var(--pl-radius,4px) - 1px);overflow:hidden}
.pl-mini img{width:100%;height:100%;object-fit:cover;display:block}
.pl-badge{display:inline-block;font-size:12px;color:var(--pl-muted,#666);white-space:nowrap}
@media(prefers-reduced-motion:reduce){.pl-hs__c,.pl-hs__d{transition:none}}
