/* Galeria gotowych stron wzoru na stronie głównej (dodatek Adriana do wersji D).
   Bez JS okno otwiera :target, z JS klasa .otwarte (strona-glowna.js). */
.gotowe-okno{display:none;position:fixed;inset:0;z-index:40;place-items:center;padding:24px}
.gotowe-okno:target,.gotowe-okno.otwarte{display:grid}
.js-okna .gotowe-okno:target:not(.otwarte){display:none}
body:has(.gotowe-okno:target),body:has(.gotowe-okno.otwarte){overflow:hidden}
.gotowe-tlo{position:absolute;inset:0;background:#11120fcc;backdrop-filter:blur(3px)}
.gotowe-panel{position:relative;width:min(1180px,100%);max-height:calc(100dvh - 48px);overflow:auto;overscroll-behavior:contain;background:var(--paper);border-radius:24px;padding:clamp(22px,3vw,40px);box-shadow:0 40px 120px #0006}
.gotowe-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:26px}
.gotowe-head h2{font:800 clamp(30px,3.4vw,48px)/1 'Manrope',sans-serif;letter-spacing:-.05em;margin:0 0 10px}
.gotowe-head h2:focus{outline:none}
.gotowe-head p{margin:0;max-width:620px;color:var(--muted);line-height:1.55}
.gotowe-head .kicker{margin-bottom:12px}
.gotowe-zamknij{flex:none;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:99px;background:var(--ink);color:#fff;text-decoration:none;font:700 13px 'DM Sans',sans-serif}
.gotowe-zamknij span{color:var(--lime);font-size:18px;line-height:1}
.gotowe-siatka{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px 16px}
.gs{display:flex;flex-direction:column;gap:9px;color:var(--ink);text-decoration:none}
.gs-obraz{display:block;aspect-ratio:1.34;border-radius:12px;overflow:hidden;background:#ddd;box-shadow:0 1px 0 var(--line),0 12px 28px #11120f14;transition:transform .25s,box-shadow .25s}
.gs-obraz img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.gs:hover .gs-obraz,.gs:focus-visible .gs-obraz{transform:translateY(-3px);box-shadow:0 1px 0 var(--line),0 18px 36px #11120f26}
.gs:focus-visible{outline:3px solid #5839c8;outline-offset:4px;border-radius:12px}
/* Zastępnik miniatury: mała „strona” w palecie i kroju tej gotowej strony. */
.gs-zastepnik{position:relative;background:var(--t);padding:12% 12% 0;display:flex;flex-direction:column;gap:7%}
.gs-zastepnik i{display:block;font-style:normal}
.gs-aa{font:400 clamp(30px,3vw,40px)/1 var(--k);color:var(--n);letter-spacing:-.02em}
.gs-linia{height:7px;width:78%;border-radius:4px;background:var(--n);opacity:.18}
.gs-krotka{width:52%}
.gs-przycisk{width:38%;height:18px;border-radius:99px;background:var(--a);margin-top:4%}
.gs-zastepnik:after{content:"";position:absolute;right:-14%;bottom:-24%;width:58%;aspect-ratio:1;border-radius:50%;background:var(--d);opacity:.55}
.gs-opis{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.gs-opis b{font:700 14px/1.3 'Manrope',sans-serif}
.gs-kolory{display:flex;flex:none;padding-left:4px}
.gs-kolory i{width:14px;height:14px;border-radius:50%;border:2px solid var(--paper);margin-left:-4px;box-shadow:0 0 0 1px var(--line)}
.gs-otworz{font:700 12px 'DM Sans',sans-serif;color:var(--purple)}
@media (max-width:640px){
  .gotowe-okno{padding:0;place-items:end stretch}
  .gotowe-panel{max-height:92dvh;border-radius:22px 22px 0 0;padding:22px 18px}
  .gotowe-head{flex-direction:column-reverse;gap:14px}
  .gotowe-zamknij{align-self:flex-end}
  .gotowe-siatka{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}
  .gs-otworz{display:none}
}
@media (prefers-reduced-motion:reduce){.gs-obraz,.wz-shot img{transition:none}}