/* Zoom */
.zoom-box {
	overflow: hidden;
}

.zoom {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transition: transform .6s;
}

@media (min-width: 1441px) {

	.zoom-box:hover .zoom {
		transform: scale(1.1);
	}

}

/* Carousel */
.carousel {
	overflow: hidden;
	position: relative;
}

.carousel-grid {
	display: grid;
	grid-template-columns: repeat(calc(var(--itemN) / var(--rows)), minmax(0, 1fr));
	width: calc(var(--itemN) / var(--rows) / var(--columns) * 100%);
	transition: transform .8s;
}

.carousel-arrow {
	display: grid;
	place-items: center;
	background-color: #FFF;
	border-radius: 50%;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 4px -1px, rgba(0, 0, 0, 0.1) 0px 5px 10px 0px, rgba(0, 0, 0, 0.1) 0px 1px 12px 0px;
	width: 2.5rem;
	height: 2.5rem;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
	transition: background-color .2s, border .2s;
}

.carousel-arrow:hover {
	background-color: #f1f1f1;
}

.carousel-arrow.disabled {
	background-color: #f6f6f6;
}

.carousel-arrow.left {left: 5px;}
.carousel-arrow.right {right: 5px;}

.carousel-arrow .icon {
	opacity: .8;
	background-size: contain;
	background-position: center;
	width: 60%;
	height: 60%;
	transition: opacity .2s;
}

.carousel-arrow.disabled .icon {
	opacity: .2;
}

.carousel-arrow.left .icon {background-image: url(../resources/icons/navigation/arrow1-left.svg);}
.carousel-arrow.right .icon {background-image: url(../resources/icons/navigation/arrow1-right.svg);}

/* Responsive */
@media (max-width: 480px) {	


}