/* Layout */
.sj-wrapper{display:flex;gap:24px;align-items:stretch}
.sj-left{flex:0 0 240px; position:relative}
.sj-left .sj-banner-link{display:block}
.sj-left .sj-banner{display:block;border-radius:12px}
.sj-banner-desktop{width:240px; height:500px; object-fit:cover}
.sj-banner-mobile{display:none; width:100%; height:auto; max-height:280px; object-fit:cover}

/* Right side */
.sj-right{position:relative;flex:1 1 auto;overflow:hidden}

/* Arrows */
.sj-nav{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:999px;background:#eee;box-shadow:0 2px 6px rgba(0,0,0,.08);z-index:5;cursor:pointer;display:flex;align-items:center;justify-content:center;border:none}
.sj-prev{left:6px}
.sj-next{right:6px}
.sj-nav::before{content:'';display:block;width:10px;height:10px;border-right:2px solid #333;border-bottom:2px solid #333;transform:rotate(135deg)}
.sj-next::before{transform:rotate(-45deg)}

/* Track */
.sj-right .products{display:flex;gap:16px;list-style:none;margin:0;padding:0;align-items:flex-start}
.sj-right .products.sj-scroll{overflow:auto;scroll-snap-type:x mandatory;padding-bottom:8px}
.sj-right .products.sj-scroll{scrollbar-width:none}
.sj-right .products.sj-scroll::-webkit-scrollbar{display:none}
.sj-right .products > li{scroll-snap-align:start}

/* Card sizes */
.sj-wrapper .products li.product{flex:0 0 300px;max-width:300px;box-sizing:border-box;float:none!important;position:relative;display:flex;flex-direction:column}

/* Images inside cards */
.sj-wrapper .products li.product .woocommerce-LoopProduct-link img,
.sj-wrapper .products li.product a img{max-height:320px;min-height:320px;width:auto;height:auto;object-fit:contain;margin-left:auto;margin-right:auto;display:block}

/* price+button bottom and spacer for equalization */
.sj-wrapper .products li.product .price{ margin-top:auto; }
.sj-wrapper .products li.product .button{ width:100%; }
.sj-wrapper .products li.product .sj-spacer{ width:100%; height:0; }

/* wide screens */
@media (min-width:1200px){
  .sj-wrapper .products li.product{ flex-basis:260px; max-width:260px; }
}

/* Mobile */
@media (max-width:768px){
  .sj-wrapper{flex-direction:column;gap:8px}
  .sj-banner-desktop{display:none !important;}
  .sj-banner-mobile{display:block !important;}
  .sj-wrapper .products li.product{ flex-basis:85%; max-width:85%; }
  .sj-right{ margin-top:0 !important; }
}


/* v1.0.9: ciaśniejszy odstęp banner ↔ produkty na mobile */
@media (max-width:768px){
  .sj-wrapper{ gap:4px; }
  .sj-left .sj-banner-mobile{ margin-bottom:4px; }
  .sj-right{ margin-top:0 !important; }
  .sj-right .sj-swiper{ margin:0 !important; padding:0 !important; }
  .sj-right .products{ margin-top:0 !important; padding-top:0 !important; }
  .sj-right .products > li{ margin-top:0 !important; }
}


/* v1.0.10: mobilny fix — usuń 240px flex-basis w układzie kolumnowym */
@media (max-width:768px){
  .sj-left{ flex: 0 0 auto !important; width: 100%; }
}