.tt-slideshow{
  position:relative;
  width:100%;
  aspect-ratio:1/1;
  overflow:hidden;
  border-radius:8px;
  background:#0C0C0C;
}

.tt-slide{
  position:absolute;
  inset:0;
  opacity:0;
  transition:opacity .9s ease;
}

.tt-slide--active{
  opacity:1;
}

.tt-slide-img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.tt-slide-img--logo{
  object-fit:contain;
  padding:20px;
  background:#0C0C0C;
}
/* ARROWS */
.tt-slide-prev,.tt-slide-next{
  position:absolute;top:50%;transform:translateY(-50%);
  background:rgba(0,0,0,0.45);border:1px solid rgba(201,160,80,0.4);
  color:#C9A050;width:36px;height:36px;border-radius:50%;
  font-size:24px;cursor:pointer;display:flex;align-items:center;
  justify-content:center;z-index:10;padding:0;line-height:1;
  user-select:none;transition:background 0.2s;
}
.tt-slide-prev{left:8px;}.tt-slide-next{right:8px;}
.tt-slide-prev:hover,.tt-slide-next:hover{background:rgba(201,160,80,0.3);}

/* DOTS */
.tt-slide-dots{
  position:absolute;bottom:10px;left:0;right:0;
  display:flex;justify-content:center;gap:6px;z-index:10;
}
.tt-slide-dot{
  width:7px;height:7px;border-radius:50%;padding:0;cursor:pointer;
  background:rgba(255,255,255,0.4);border:1px solid rgba(255,255,255,0.25);
  transition:background 0.25s,transform 0.25s;
}
.tt-slide-dot--active{background:#C9A050;border-color:#C9A050;transform:scale(1.4);}