/* Prezentacja wskaźników — sekcja #produkt (kafelki z nazwą, opisem, zdjęciem) */
.ind-showcase{display:flex;flex-direction:column;gap:0;width:100%}
.ind-row{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));
  gap:clamp(10px,1.2vw,14px);width:100%;
  margin-top:clamp(20px,2.5vw,28px);
}
@media(max-width:1100px){.ind-row{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.ind-row{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.ind-row{grid-template-columns:1fr}}
.ind-tile{
  display:flex;flex-direction:column;gap:10px;min-width:0;
  padding:clamp(14px,1.6vw,18px) clamp(12px,1.4vw,16px);
  border:1px solid var(--line-soft);border-radius:14px;
  background:var(--obsidian-card);box-shadow:var(--np-shadow-sm,0 1px 3px rgba(0,0,0,.05));
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.ind-tile:hover{
  transform:translateY(-2px);
  box-shadow:var(--np-shadow,0 8px 24px -12px rgba(0,0,0,.2));
  border-color:rgba(217,179,108,.28);
}
.ind-tile-img{
  display:block;width:100%;padding:0;margin:0;border:none;background:transparent;
  position:relative;aspect-ratio:16/10;border-radius:10px;overflow:hidden;
  cursor:pointer;border:1px solid var(--line-soft);
  box-shadow:0 8px 22px -16px rgba(0,0,0,.65);
  transition:border-color .2s,box-shadow .2s;
}
.ind-tile:not(.ind-tile--no-img) .ind-tile-img:hover{
  border-color:rgba(217,179,108,.45);
  box-shadow:0 12px 28px -14px rgba(0,0,0,.75);
}
.ind-tile-img:focus-visible{outline:2px solid rgba(217,179,108,.55);outline-offset:3px}
.ind-tile-img img{
  width:100%;height:100%;object-fit:cover;object-position:center top;display:block;
}
.ind-tile-ph{
  width:100%;height:100%;min-height:100%;display:flex;align-items:center;justify-content:center;
  padding:12px;text-align:center;
  background:linear-gradient(165deg,rgba(244,239,228,.08),rgba(217,179,108,.06));
  color:var(--stone);font-family:var(--mono);font-size:9px;letter-spacing:.08em;
  text-transform:uppercase;line-height:1.35;
}
.ind-tile h3{
  margin:0;font-family:var(--sans);font-size:clamp(12px,1.1vw,15px);font-weight:600;
  line-height:1.25;letter-spacing:-.01em;color:var(--ivory);
}
.ind-tile p{
  margin:0;font-size:clamp(11px,1vw,13px);line-height:1.5;color:var(--stone);flex:1;
}
.ind-showcase-empty{
  grid-column:1/-1;padding:32px 12px;text-align:center;font-family:var(--mono);font-size:11px;
  letter-spacing:.12em;color:var(--stone-dim);text-transform:uppercase;
}

/* Lightbox — powiększenie po kliknięciu */
.ind-lightbox{
  position:fixed;top:0;left:0;right:0;bottom:0;
  width:100%;height:100%;height:100dvh;
  z-index:10050;display:none;align-items:center;justify-content:center;
  padding:clamp(16px,3vw,32px);margin:0;box-sizing:border-box;
  overflow:auto;-webkit-overflow-scrolling:touch;
}
.ind-lightbox.is-open{display:flex}
.ind-lightbox-backdrop{
  position:absolute;inset:0;border:0;padding:0;margin:0;
  background:rgba(5,4,3,.94);cursor:pointer;
}
.ind-lightbox-panel{
  position:relative;z-index:1;width:min(1200px,96vw);max-height:92vh;
  display:flex;flex-direction:column;gap:12px;
}
.ind-lightbox-title{
  margin:0;padding-right:40px;font-family:var(--mono);font-size:11px;
  letter-spacing:.12em;text-transform:uppercase;color:var(--stone);
}
.ind-lightbox-x{
  position:absolute;top:0;right:0;width:36px;height:36px;border-radius:999px;
  border:1px solid var(--line-soft);background:rgba(255,255,255,.04);
  color:var(--ivory);font-size:22px;line-height:1;cursor:pointer;
}
.ind-lightbox-x:hover{border-color:rgba(217,179,108,.45);color:var(--gold-hi)}
.ind-lightbox-img-wrap{
  border-radius:12px;overflow:hidden;border:1px solid var(--line-soft);
  background:#070605;box-shadow:0 28px 72px -28px rgba(0,0,0,.9);
}
.ind-lightbox-img-wrap img{
  display:block;width:100%;height:auto;max-height:calc(92vh - 56px);object-fit:contain;
}