.bx-wrapper{
	position: relative !important;
}
.bx-viewport {
	border: none !important;
	border-radius: 1rem;
}
.bx-wrapper .bx-viewport{
	left: 0 !important;
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{
	padding-top: 0 !important;
	bottom: 1rem !important;
}
.bx-wrapper .bx-pager.bx-default-pager a{
	background: rgba(255,255,255,0.7) !important;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{
	background: white !important;
}

.thumbnails li{
	transition: transform 0.3s ease;
}
.thumbnails li:hover {
	transform: scale(1.02);
}

.thumbnails a {
	color: inherit;
	text-decoration: none !important;
}

.thumbnails a:hover {
	color: hsl(var(--primary));
	text-decoration: none;
}

.thumbnails a:hover .thumbnail {
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.03);
}

.thumbnail {
	position: relative;
	background: #fff;
	border: none;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
	border-radius: .5rem;
	overflow: hidden;
	height: 100% !important;
	padding: .75rem .75rem 2.5rem;
	transition: box-shadow 0.3s ease;
}

.thumbnail .item-name {
	font-size: .83rem !important;
	line-height: 1.3;
	margin: 0;
}

.thumbnail .item-photo {
	margin: -0.75rem -0.75rem 0.5rem -0.75rem;
	width: calc(100% + 1.5rem);
	aspect-ratio: 1 / 1;
	overflow: hidden;
	border-radius: 0.5rem 0.5rem 0 0;
	background: #F2F2F2;
}

.thumbnail .item-price {
	position: absolute;
	right: 10px;
	bottom: 10px;
	color: #BF2E27;
	text-align: right;
	font-size: .83rem !important;
	margin: 0;

	span {
		font-size: 1.2rem !important;
		font-weight: bold;
		font-family: helvetica, arial, 'hiragino kaku gothic pro', meiryo, 'ms pgothic', sans-serif;
	}
}

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