/* Rząd produktów przewijany w bok. Na telefonie widać 2 karty i kawałek trzeciej (podpowiedź, że jest więcej). */
.related.products ul.products,body.home ul.products,.floky-shop-landing ul.products,
.woocommerce-cart .wc-block-grid__products,.woocommerce-cart ul.wc-block-product-template{
  display:flex!important;flex-wrap:nowrap!important;grid-template-columns:none!important;gap:14px!important;
  overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:0;-webkit-overflow-scrolling:touch;scrollbar-width:none;
  margin:0!important;padding:0 0 4px!important;list-style:none}
.related.products ul.products::-webkit-scrollbar,body.home ul.products::-webkit-scrollbar,.floky-shop-landing ul.products::-webkit-scrollbar,
.woocommerce-cart .wc-block-grid__products::-webkit-scrollbar,.woocommerce-cart ul.wc-block-product-template::-webkit-scrollbar{display:none}
.related.products ul.products>li,body.home ul.products>li,.floky-shop-landing ul.products>li,
.woocommerce-cart .wc-block-grid__products>li,.woocommerce-cart ul.wc-block-product-template>li{
  flex:0 0 calc((100% - 28px)/2.3)!important;width:auto!important;max-width:none!important;margin:0!important;scroll-snap-align:start;scroll-snap-stop:always}
@media(min-width:690px){
  .related.products ul.products>li,body.home ul.products>li,.floky-shop-landing ul.products>li,
  .woocommerce-cart .wc-block-grid__products>li,.woocommerce-cart ul.wc-block-product-template>li{flex-basis:calc((100% - 42px)/3.3)!important}}
@media(min-width:1000px){
  .related.products ul.products,body.home ul.products,.floky-shop-landing ul.products,
  .woocommerce-cart .wc-block-grid__products,.woocommerce-cart ul.wc-block-product-template{gap:20px!important}
  .related.products ul.products>li,.woocommerce-cart .wc-block-grid__products>li,.woocommerce-cart ul.wc-block-product-template>li{flex-basis:calc((100% - 60px)/4)!important}
  body.home ul.products>li,.floky-shop-landing ul.products>li{flex-basis:calc((100% - 100px)/6)!important}}
/* Pasek pod rzędem podzielony na odcinki — jeden na każde zatrzymanie, bieżący ciemny (20.10.2026, jak slider strony głównej). */
.floky-carousel{position:relative}
.floky-carousel__bar{display:none;gap:6px;margin:14px 0 0}
.floky-carousel.is-scrollable .floky-carousel__bar{display:flex}
.floky-carousel__bar span{flex:1;height:4px;background:#e1e3e6;border-radius:2px;transition:background .3s ease}
.floky-carousel__bar span.is-active{background:#17191b}
/* Przeciąganie myszką (carousel.js) */
@media (hover:hover){.floky-carousel ul,.floky-carousel .floky-tiles--types{cursor:grab}}
.floky-carousel .is-dragging{cursor:grabbing;scroll-snap-type:none!important;user-select:none}
.floky-carousel .is-dragging img{pointer-events:none}