/* TB Slider (images only) - full image visible, no crop */
.tb-slider{
  position:relative;
  width:100%;
  max-width:100%;
  --tb-desktop-height: 420px;
  --tb-mobile-height: 260px;
}

.tb-slider .tb-viewport{
  position:relative;
  z-index:0;
  overflow:hidden;
  width:100%;
  height:100%;
}

@media (max-width: 767px){
  .tb-slider .tb-viewport{ height: var(--tb-mobile-height); }
}

.tb-slider .tb-track{
  display:flex;
  width:100%;
  height:100%;
  transform: translateX(0);
  transition: transform 350ms ease;
  will-change: transform;
}

.tb-slider .tb-slide{
  flex: 0 0 100%;
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
}

.tb-slider .tb-picture, .tb-slider .tb-img{
  width:100%;
  height:100%;
  display:block;
}

.tb-slider .tb-img{
  object-fit: contain; /* IMPORTANT: no crop */
  object-position: center;
}

.tb-slider .tb-arrow{
  position:absolute;
  top:50%;
  transform: translateY(-50%);
  z-index: 50;
  border:0;
  width:44px;
  height:44px;
  border-radius:999px;
  background: rgba(0,0,0,.35);
  color:#fff;
  font-size:28px;
  line-height:44px;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  user-select:none;
}

.tb-slider .tb-arrow:hover{ background: rgba(0,0,0,.5); }
.tb-slider .tb-prev{ left:10px; }
.tb-slider .tb-next{ right:10px; }

@media (max-width: 767px){
  .tb-slider .tb-arrow{
    width:40px; height:40px;
    font-size:26px; line-height:40px;
  }
}


.tb-slide-link{ display:block; width:100%; height:100%; position:relative; z-index:1; }
.tb-slide-link:focus{ outline: 2px solid currentColor; outline-offset: 2px; }

/* Ensure arrows remain clickable above slide links */
.tb-slider .tb-arrow{ pointer-events:auto; }