.igw-card {
	position: relative;
	background-color: transparent;
	border-radius: 16px;
	padding: 16px;
	overflow: hidden;
	box-sizing: border-box;
	font-family: inherit;
}

.igw-hero {
	position: relative;
	width: 100%;
	height: 340px;
	border-radius: 12px;
	overflow: hidden;
	background: transparent;
}

.igw-hero-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: opacity 0.25s ease;
}

.igw-thumbs {
	display: flex;
	gap: 8px;
	margin-top: 10px;
	overflow-x: auto;
	scrollbar-width: thin;
}

.igw-thumb {
	flex: 0 0 200px;
	width: 200px;
	height: 150px;
	padding: 0;
	border: 2px solid transparent;
	border-radius: 8px;
	overflow: hidden;
	cursor: pointer;
	background: none;
	line-height: 0;
	transition: border-color 0.2s ease, transform 0.2s ease;
}

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

.igw-thumb:hover {
	transform: translateY(-2px);
}

.igw-thumb.is-active {
	border-color: #4dabf7;
}

@media (max-width: 480px) {
	.igw-hero {
		height: 220px;
	}
	.igw-thumb {
		flex: 0 0 120px;
		width: 120px;
		height: 90px;
	}
}