.f4f-carousel-tiles .f4f-carousel-tiles__slide { padding: 0 12px; }
.f4f-carousel-tiles .slick-list { margin: 0 -12px; }

.f4f-tile-card { border-radius: 16px; overflow: hidden; }
.f4f-tile-card__media { }
.f4f-tile-card__tags { display:flex; gap:16px; align-items:center; flex-wrap:wrap; }
.f4f-tag { display:inline-flex; align-items:center; gap:8px; opacity:.85; }
.f4f-tag .dashicons { font-size: 18px; width: 18px; height: 18px; }

.f4f-carousel-tiles__nav{
  display:flex;
  align-items:center;
  gap:12px;
  justify-content:flex-end;
  margin-bottom:12px;
}

.f4f-carousel-tiles__prev,
.f4f-carousel-tiles__next{
  width:48px;
  height:48px;
  border:1px solid rgba(0,0,0,.15);
  background:#fff;
  border-radius:10px;
}

.f4f-carousel-tiles__track{
  display:flex;
  gap:24px;
  overflow:auto;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
  padding-bottom:6px;
}

.f4f-carousel-tiles__slide{
  flex:0 0 auto;
  width: min(360px, 85vw); /* fallback */
  scroll-snap-align:start;
}

.f4f-carousel-tiles__track{
  display:flex;
  gap:24px;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
  padding-bottom:0;          /* było 6px – usuwa “miejsce” na scroll */
  scrollbar-width:none;      /* Firefox */
}

.f4f-carousel-tiles__track::-webkit-scrollbar{
  width:0;
  height:0;                 /* Chrome/Safari/Edge – chowa pasek */
}

/* jeśli gdzieś browser dalej pokazuje “gutter” */
.f4f-carousel-tiles__track{
  scrollbar-gutter: stable both-edges;
}

.f4f-tile-card{ border-radius:16px; overflow:hidden; box-shadow:0 10px 30px rgba(0,0,0,.15); }
.f4f-tile-card__media{  aspect-ratio: 1 / 1; overflow: hidden; }
.f4f-tile-card__media img {  aspect-ratio: 1 / 1;object-fit: cover; }

.f4f-carousel-tiles--no-arrows .f4f-carousel-tiles__prev,
.f4f-carousel-tiles--no-arrows .f4f-carousel-tiles__next{
  display:none !important;
}