Как избавиться выйти элементу из overflow: hidden?

Question

[Макс Жуков]

Есть слайдер с товарами:

При наведении на товар я его увеличиваю и там дополнительные блоки появляются, но их перекрывает overflow: hidden

Если отключить overflow: hidden, то появляются товары с правого и левого краю а сам товар на который наведен курсор отображается как мне нужно:

Вопрос, как сделать чтобы правые и левый товары не отображались и товар не обрезался при наведении, должно быть что-то типо такого:

Comments

[on_click]

ссылку

[Ankhena]

position

Answer 1

[on_click]

так можно решить обрезание снизу

.novelties_products {
	margin-bottom: -65px;
	position: relative;
	z-index: 3;
}
.slick-track {
	padding-bottom: 65px
}

аналогично с боковым

.slick-list {
	padding: 0 50px;
	margin: 0 -50px;
}

единственное, тут будут видны следующие слайды, их можно перекрыть псевдоэлементами к примеру