/* Rolki z Instagrama @istudiowaw.pl na stronie głównej skupu.
   Podglądy to 12-sekundowe, wyciszone wycinki (540×960) — pełna rolka otwiera się na Instagramie. */
.ig-rolki .igr-lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.ig-rolki .igr-karta{position:relative;display:block;aspect-ratio:9/16;border-radius:18px;overflow:hidden;
  background:#1A1240;box-shadow:0 10px 30px rgba(42,20,110,.18);transition:transform .25s ease,box-shadow .25s ease}
.ig-rolki .igr-karta:hover,.ig-rolki .igr-karta:focus-visible{transform:translateY(-4px);box-shadow:0 16px 40px rgba(88,16,234,.28)}
.ig-rolki .igr-karta:focus-visible{outline:3px solid #874CFF;outline-offset:3px}
.ig-rolki video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.ig-rolki .igr-karta::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(26,18,64,0) 55%,rgba(26,18,64,.85) 100%)}
.ig-rolki .igr-tytul{position:absolute;left:12px;right:12px;bottom:12px;z-index:1;color:#fff;font-weight:600;
  font-size:13px;line-height:1.3;text-shadow:0 1px 6px rgba(0,0,0,.4)}
.ig-rolki .igr-ikona{position:absolute;top:10px;right:10px;z-index:1;width:30px;height:30px;border-radius:50%;
  background:rgba(255,255,255,.92);display:grid;place-items:center}
.ig-rolki .igr-ikona svg{width:16px;height:16px;color:#5810EA}
.ig-rolki .igr-cta{text-align:center;margin-top:28px}
.ig-rolki .igr-proof{display:block;margin-top:10px;font-size:13px;color:#6A6383}
@media (max-width:1024px){.ig-rolki .igr-lista{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){
  .ig-rolki .igr-lista{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;
    margin:0 -16px;padding:4px 16px 12px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .ig-rolki .igr-lista::-webkit-scrollbar{display:none}
  .ig-rolki .igr-lista li{flex:0 0 58%;scroll-snap-align:start}
}
