.bpslide{width:100%}
.bpslide__viewport{overflow:hidden;width:100%;position:relative;background-color:var(--kolor15);padding-block:5rem}
.bpslide__track{
  display:flex;
  align-items:flex-start;
  gap:var(--bpslide-gap,24px);
  will-change:transform;
}

/* kolumny (jak na screenie) */
.bpslide__col{
  flex:0 0 auto;
  width:var(--bpslide-colw,280px);
  height:var(--bpslide-vh,80vh);
  display:flex;
  flex-direction:column;
  gap:var(--bpslide-gap,24px);
}

/* karta */
.bpslide__item{
  display:block;
  background:var(--bpslide-bg, rgba(255,255,255,.92));
  border-radius:var(--bpslide-radius,18px);
  box-shadow:var(--bpslide-shadow, 0 14px 40px rgba(0,0,0,.10));
  padding:var(--bpslide-pad,16px);
  overflow:hidden;
}

.bpslide__item img{
  width:100%;
  height:auto;
  display:block;
  border-radius:calc(var(--bpslide-radius,18px) - 6px);
}

/* pauza hover */


/* mobile: kolumny nie mogą być szersze niż viewport */
@media (max-width: 640px){
  .bpslide__col{ width:min(var(--bpslide-colw,280px), 84vw); }
}

/* kolumna 2x dla wysokich obrazków */
.bpslide__col--wide{
  width:calc(var(--bpslide-colw,280px)*2 + var(--bpslide-gap,24px));
}
@media (max-width: 640px){
  .bpslide__col--wide{ width:min(calc(var(--bpslide-colw,280px)*2 + var(--bpslide-gap,24px)), 92vw); }
}

/* --- v3.1.4: gwarantuj DWIE szerokości kolumn (wąska i 2x) --- */
.bpslide__track{ display:flex; align-items:flex-start; gap: var(--bpslide-gap,24px); will-change: transform; }
.bpslide__col{ flex: 0 0 auto; width: var(--bpslide-colw,280px); display:flex; flex-direction:column; gap: var(--bpslide-gap,24px); }
.bpslide__col--wide{ width: calc(var(--bpslide-colw,280px) * 2 + var(--bpslide-gap,24px)); }

/* na bardzo wąskich ekranach pozwól się zawijać do viewportu, ale zachowaj proporcję 1x vs 2x */
@media (max-width: 640px){
  .bpslide__col{ width: min(var(--bpslide-colw,280px), 84vw); }
  .bpslide__col--wide{ width: min(calc(var(--bpslide-colw,280px) * 2 + var(--bpslide-gap,24px)), 92vw); }
}