/* Blok „Galeria stron” – strona główna i kod [galeria:…] w treści stron (Claude, 11.10.2026).
   Samodzielny plik (kolory wpisane wprost) – działa też na stronach w starym wyglądzie. */
.n-pomiar{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.n-pomiar-kafel{display:flex;flex-direction:column;background:#fff;border:1px solid #e6ddd1;border-radius:18px;overflow:hidden;color:#2b2420 !important;text-decoration:none !important;transition:transform .3s,box-shadow .3s}
.n-pomiar-kafel:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(35,28,23,.18)}
.n-pomiar-obraz{position:relative;display:block;aspect-ratio:1/1;background:#fff;overflow:hidden}
.n-pomiar-obraz img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.5s ease;margin:0 !important;border-radius:0 !important;max-width:none}
.n-pomiar-kafel:hover .n-pomiar-obraz img{transform:scale(1.06)}
.n-pomiar-film{position:absolute;left:8px;bottom:8px;background:#e62117;color:#fff;font-size:12px;font-weight:700;border-radius:999px;padding:3px 10px;line-height:1.5}
.n-pomiar-tytul{display:block;padding:10px 12px 2px;font-weight:700;font-size:14px;line-height:1.3}
.n-pomiar-kafel:hover .n-pomiar-tytul{color:#e2401c}
.n-pomiar-podpis{display:block;padding:0 12px 12px;font-size:13px;color:#6f655d;line-height:1.4}
.n-czerwone{color:#cf2e2e;font-weight:700}

/* blok „Mozaika wpisów” – układ jak „Nasze realizacje”: 1 duże + 4 małe, tytuł na zdjęciu (Claude, 11.10) */
.n-mozaika{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:200px 200px;gap:14px}
.n-mozaika-kafel{position:relative;display:block;border-radius:18px;overflow:hidden;background:#e6ddd1;color:#fff !important;text-decoration:none !important;transition:opacity .45s ease}
.n-mozaika-kafel:first-child{grid-row:span 2}
.n-mozaika-kafel img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.5s ease;margin:0 !important;border-radius:0 !important;max-width:none}
.n-mozaika-kafel:hover img{transform:scale(1.08)}
.n-mozaika-kafel::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(20,15,12,.82) 0%,rgba(20,15,12,.25) 45%,rgba(20,15,12,0) 70%);pointer-events:none}
.n-mozaika-tytul{position:absolute;left:14px;right:14px;bottom:12px;z-index:1;font-weight:700;font-size:14px;line-height:1.3;text-shadow:0 1px 3px rgba(0,0,0,.4)}
.n-mozaika-kafel:first-child .n-mozaika-tytul{font-size:20px;left:20px;bottom:18px}
.n-mozaika-kafel.n-znika{opacity:0}
/* duże strzałki po bokach mozaiki + licznik (prośba Piotra 11.10) */
.n-mozaika-ramka{position:relative}
.n-mozaika-strzalka{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:56px;height:56px;border-radius:50%;border:0;
  background:rgba(255,255,255,.94);color:#2b2420;font-size:38px;line-height:52px;font-weight:300;cursor:pointer;
  box-shadow:0 6px 20px rgba(0,0,0,.25);transition:background .2s,color .2s,transform .2s;padding:0;font-family:Arial,sans-serif}
.n-mozaika-strzalka:hover,.n-mozaika-strzalka:focus-visible{background:#e2401c;color:#fff;transform:translateY(-50%) scale(1.08);outline:none}
.n-mozaika-strzalka.n-lewo{left:-18px}
.n-mozaika-strzalka.n-prawo{right:-18px}
.n-mozaika-licznik{margin-top:8px;font-size:13px;color:#6f655d;text-align:right}

/* blok „Filmy – kafelki stron z filmem”: wygląd jak dawne „Filmy instruktażowe” (sklep-nowy.css), kafelek = link (Claude, 11.10) */
a.n-film{display:block;text-decoration:none !important;color:#2b2420 !important}
.n-galeria-blok:not(.n-sekcja) .n-filmy{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px}
.n-galeria-blok:not(.n-sekcja) .n-film{background:#fff;border:1px solid #e6ddd1;border-radius:18px;overflow:hidden;transition:transform .3s,box-shadow .3s}
.n-galeria-blok:not(.n-sekcja) .n-film:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(35,28,23,.18)}
.n-galeria-blok:not(.n-sekcja) .n-film-obraz{position:relative;display:block;aspect-ratio:16/9;background:#111}
.n-galeria-blok:not(.n-sekcja) .n-film-obraz img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;margin:0 !important;border-radius:0 !important;max-width:none}
.n-galeria-blok:not(.n-sekcja) .n-film-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:40px;border-radius:12px;background:#e62117;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px}
.n-galeria-blok:not(.n-sekcja) .n-film-tytul{display:block;padding:10px 14px;font-weight:700;font-size:14px}

/* galeria wstawiona w treść strony – nagłówek jak na stronie głównej */
.n-galeria-blok:not(.n-sekcja){margin:22px 0;font-family:'Open Sans',Arial,sans-serif}
.n-galeria-blok:not(.n-sekcja) .n-naglowek-sekcji{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:16px}
.n-galeria-blok:not(.n-sekcja) .n-naglowek-sekcji h2{margin:0}
.n-galeria-blok:not(.n-sekcja) .n-lead{color:#6f655d;margin:0}
.n-galeria-blok:not(.n-sekcja) .n-link-mocny{color:#e2401c !important;font-weight:700;white-space:nowrap}
/* w treści strony kolumna jest węższa niż strona główna – mniej kafelków w rzędzie */
.n-galeria-blok:not(.n-sekcja) .n-pomiar{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}

@media (max-width: 991px){
  .n-pomiar{grid-template-columns:repeat(3,1fr)}
}
@media (max-width: 700px){
  .n-pomiar,.n-galeria-blok:not(.n-sekcja) .n-pomiar{grid-template-columns:repeat(2,1fr);gap:10px}
  .n-pomiar-tytul{font-size:13.5px}
  .n-galeria-blok:not(.n-sekcja) .n-naglowek-sekcji{flex-direction:column;align-items:flex-start}
  .n-mozaika{grid-template-columns:1fr 1fr;grid-template-rows:200px 150px 150px;gap:10px}
  .n-mozaika-kafel:first-child{grid-column:span 2;grid-row:auto}
  .n-mozaika-kafel:first-child .n-mozaika-tytul{font-size:17px;left:14px;bottom:12px}
  .n-mozaika-tytul{font-size:13px}
  .n-mozaika-strzalka{width:46px;height:46px;font-size:32px;line-height:42px}
  .n-mozaika-strzalka.n-lewo{left:6px}
  .n-mozaika-strzalka.n-prawo{right:6px}
}