.levelr-galeria{
  position:relative;
  margin-top:40px;
}

.levelr-tor{background:var(--levelr-obrys-suwak,var(--grafit,#1C1C1A));padding:var(--spoina,5px)}

.levelr-siatka-front .levelr-tor{display:grid;gap:var(--spoina,5px);grid-template-columns:repeat(var(--levelr-kolumny,3),1fr)}
@media(max-width:760px){.levelr-siatka-front .levelr-tor{grid-template-columns:repeat(2,1fr)}}
@media(max-width:440px){.levelr-siatka-front .levelr-tor{grid-template-columns:1fr}}

.levelr-suwak .levelr-tor{
  display:flex;
  gap:var(--spoina,5px);
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scroll-padding-inline:var(--spoina,5px);
  scroll-behavior:smooth;
  scrollbar-width:none;
  overscroll-behavior-x:contain;
  cursor:grab;
}
.levelr-suwak .levelr-tor::-webkit-scrollbar{display:none}
.levelr-suwak .levelr-kafel{
  aspect-ratio:1/1;
  flex:0 0 calc((100% - var(--spoina,5px) * 2) / 3);
  scroll-snap-align:start;
  scroll-margin-inline-start:var(--spoina,5px);
}
@media(max-width:900px){.levelr-suwak .levelr-kafel{flex-basis:calc((100% - var(--spoina,5px)) / 2)}}
@media(max-width:560px){.levelr-suwak .levelr-kafel{flex-basis:100%;aspect-ratio:4/5}}
.levelr-suwak.levelr-ciagniemy .levelr-tor{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}
.levelr-suwak.levelr-ciagniemy .levelr-kafel{cursor:grabbing}

.levelr-kafel{
  position:relative;display:block;padding:0;border:0;margin:0;
  aspect-ratio:4/3;overflow:hidden;cursor:zoom-in;background:#cfc7ba;
}
.levelr-kafel img{
  width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .55s cubic-bezier(.2,.7,.3,1);
}
.levelr-kafel:hover img,.levelr-kafel:focus-visible img{transform:scale(1.045)}

.levelr-polysk{
  position:absolute;top:0;bottom:0;left:-70%;width:55%;z-index:3;pointer-events:none;
  background:linear-gradient(100deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.55) 50%,rgba(255,255,255,0) 100%);
  transform:skewX(-18deg);
}
.levelr-kafel:hover .levelr-polysk,
.levelr-kafel:focus-visible .levelr-polysk{animation:levelr-przejscie .85s cubic-bezier(.3,.6,.4,1)}
@keyframes levelr-przejscie{from{left:-70%}to{left:130%}}

.levelr-podpis{
  position:absolute;left:14px;bottom:14px;z-index:4;
  background:var(--biel,#FAFAF8);color:var(--grafit,#1C1C1A);
  padding:7px 12px;font-size:13.5px;line-height:1.35;text-align:left;
  opacity:0;transform:translateY(7px);transition:opacity .22s ease,transform .22s ease;
}
.levelr-podpis b{display:block;font-weight:600}
.levelr-podpis em{display:block;font-style:normal;font-weight:400;color:#6d6a63;font-size:12.5px}
.levelr-kafel:hover .levelr-podpis,
.levelr-kafel:focus-visible .levelr-podpis{opacity:1;transform:none}

.levelr-poziomica{
  position:relative;margin:26px auto 0;
  width:calc((100% - var(--spoina,5px) * 2) / 3);
  aspect-ratio:12.87 / 1;
  background:var(--grafit,#1C1C1A);border-radius:3px;
  touch-action:none;
}
@media(max-width:900px){.levelr-poziomica{width:calc((100% - var(--spoina,5px)) / 2)}}
@media(max-width:560px){.levelr-poziomica{width:100%}}
.levelr-kreska{position:absolute;top:20.5%;height:59%;width:.95%;min-width:2px;background:#fff;opacity:.85}
.levelr-kreska-l{left:37%}
.levelr-kreska-p{left:63%}

.levelr-oczko{
  position:absolute;top:50%;left:0;
  height:124%;aspect-ratio:1/1;width:auto;
  transform:translate(-50%,-50%);
  padding:0;border:0;border-radius:50%;
  background:var(--amber,#F2A20C);
  box-shadow:0 0 0 3px var(--biel,#FAFAF8);
  cursor:grab;
  touch-action:none;
}
.levelr-oczko span{
  position:absolute;top:20%;left:26%;width:38%;height:20%;
  border-radius:50%;background:rgba(255,255,255,.92);
}
.levelr-oczko:active{cursor:grabbing}
.levelr-oczko:focus-visible{outline:3px solid var(--grafit,#1C1C1A);outline-offset:4px}

.levelr-lightbox{
  position:fixed;inset:0;z-index:9999;background:rgba(18,18,16,.95);
  display:flex;align-items:center;justify-content:center;padding:64px 24px;
}
.levelr-lightbox[hidden]{display:none}
.levelr-lightbox figure{margin:0;max-width:100%;max-height:100%;display:flex;flex-direction:column;gap:14px}
.levelr-lightbox img{max-width:100%;max-height:calc(100vh - 170px);object-fit:contain;margin:0 auto}
.levelr-lightbox figcaption{text-align:center;color:#e6e3dc;font-size:15px}
.levelr-lightbox figcaption em{display:block;font-style:normal;color:#9d998f;font-size:13.5px;margin-top:3px}
.levelr-lb-zamknij,.levelr-lb-nav{position:absolute;background:none;border:0;color:#FAFAF8;cursor:pointer;line-height:1;padding:12px}
.levelr-lb-zamknij{top:12px;right:16px;font-size:36px}
.levelr-lb-nav{top:50%;transform:translateY(-50%);font-size:52px}
.levelr-lb-prev{left:8px}
.levelr-lb-next{right:8px}
.levelr-lb-zamknij:hover,.levelr-lb-nav:hover{color:var(--amber,#F2A20C)}
.levelr-lb-licznik{position:absolute;bottom:18px;left:0;right:0;text-align:center;color:#9d998f;font-size:14px}

@media(prefers-reduced-motion:reduce){
  .levelr-kafel img{transition:none}
  .levelr-kafel:hover img,.levelr-kafel:focus-visible img{transform:none}
  .levelr-kafel:hover .levelr-polysk,.levelr-kafel:focus-visible .levelr-polysk{animation:none}
  .levelr-suwak .levelr-tor{scroll-behavior:auto}
}