.psspecialstabs {
  margin: 2rem 0;
}

.psspecialstabs__head {
  display: flex;
  align-items: baseline;
  justify-content: space-around;
  gap: 1rem;
  margin-bottom: 1rem;
}

.psspecialstabs__title {
    margin: 30px 30px 10px 30px;
}
.psspecialstabs__more {
  text-decoration: none;
  border: 1px solid rgba(0,0,0,.2);
  padding: .4rem .8rem;
}

 .psspecialstabs__more {
    display: flex;
    height: 40px;
    padding: 10px 25px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    align-self: stretch;
    border: 2px solid var(--New-folder-text-color, #000);
    color: var(--New-folder-text-color, #000);
    text-align: center;
    font-family: Sarabun;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 1.12px;
    text-transform: uppercase;
    width: 123px;
    margin: 0 auto;
}

.psspecialstabs__tabs {
  display: flex;
  justify-content: center;
  gap: 2.5rem;
  border-bottom: 1px solid rgba(0,0,0,.15);
  margin-bottom: 1rem;
}

.psspecialstabs__tab {
    appearance: none;
    border: 0;
    background: transparent;
    padding: .75rem 0;
    opacity: .7;
    border-bottom: 2px solid transparent;
    width: 100%;
    color: var(--New-folder-text-color, #000);
    text-align: center;
    font-family: Sarabun;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 1.12px;
    text-transform: uppercase;
}

.psspecialstabs__tab {
  appearance: none;
  border: 0;
  background: transparent;
  padding: .75rem 0;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: .85rem;
  cursor: pointer;
  opacity: .7;
  border-bottom: 2px solid transparent;
}

.psspecialstabs__tab.is-active {
    opacity: 1;
    border-bottom-color: #c7007a;
    color: var(--price-color, #AE2674);
    text-align: center;
    font-family: Sarabun;
    font-size: 14px;
    font-style: normal;
    line-height: 20px;
    text-transform: uppercase;
    width: 100%;
    background: #FAFAFA;
}

.psspecialstabs__panel { display: none; }
.psspecialstabs__panel.is-active { display: block; }

.psspecialstabs__slider {
  position: relative;
  overflow: hidden; /* TERAZ może być hidden */
  padding: 0 0px; /* miejsce na strzałki */
}

.psspecialstabs__slider-wrapper {
  position: relative;
  padding: 0 0px; /* MIEJSCE NA STRZAŁKI */
}

.psspecialstabs__slider { overflow: hidden; }


.psspecialstabs { overflow: visible; }


.psspecialstabs__nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 20;
    border: none;
    background: #fff;
}
.psspecialstabs__panels {
  max-height: 400px;
}

.psspecialstabs__nav--prev { left: -60px; }
.psspecialstabs__nav--next { right: -60px; }

.psspecialstabs__track {
  /* kontrolujemy ile kart na ekranie */
  --psst-perview: 2;
  --psst-gap: 1rem;

  overflow-x: auto;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  display: flex;
  gap: var(--psst-gap);
  padding: .5rem 0;
  scroll-snap-type: x mandatory;

  /* ważne dla snap (żeby nie ucinało z lewej) */
  scroll-padding-left: 0px;
  scroll-padding-right: 0px;

  /* ukrycie scrollbara */
  scrollbar-width: none;
}
.psspecialstabs__track::-webkit-scrollbar { display: none; }

/* KARTA: dokładnie 1/perview szerokości tracka, z gapami */
.psspecialstabs__item {
  flex: 0 0 calc(
    (100% - (var(--psst-perview) - 1) * var(--psst-gap)) / var(--psst-perview)
  );
  scroll-snap-align: start;
  scroll-snap-stop: always; /* stabilniej */
}

/* tablet: 3 */
@media (min-width: 768px) {
  .psspecialstabs__track { --psst-perview: 3; }
}

/* desktop: 4 */
@media (min-width: 1200px) {
  .psspecialstabs__track { --psst-perview: 4; }
}