/* WPGS Left Thumbnail Layout - Static CSS (extracted from inline injection) */

/* Base layout - force left positioning */
.woo-product-gallery-slider.wpgs-thumbs-left {
	display: flex !important;
	flex-direction: row !important;
	align-items: flex-start !important;
}
.wpgs-thumbs-left .wpgs-nav {
	order: 1 !important;
	width: 120px !important;
	margin-right: 15px !important;
	flex-shrink: 0 !important;
}
.wpgs-thumbs-left .wpgs-for {
	order: 2 !important;
	flex: 1 !important;
	max-width: calc(100% - 135px) !important;
}
.wpgs-thumbs-left .wpgs-nav .slick-track {
	display: flex !important;
	flex-direction: column !important;
}
.wpgs-thumbs-left .wpgs-nav .slick-slide {
	width: 100% !important;
	margin-bottom: 10px !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	margin-top: 0 !important;
}
.wpgs-thumbs-left .wpgs-nav .slick-slide img {
	width: 100% !important;
	height: auto !important;
}
/* Override any conflicting styles */
.wpgs-thumbs-left .wpgs-nav.slick-vertical .slick-slide {
	display: block !important;
	height: auto !important;
	border: 1px solid !important;
}
/* Desktop and tablet - maintain left positioning */
@media (min-width: 769px) {
	.woo-product-gallery-slider.wpgs-thumbs-left {
		flex-direction: row !important;
	}
	.wpgs-thumbs-left .wpgs-nav {
		order: 1 !important;
		width: 120px !important;
		margin-right: 15px !important;
		margin-top: 0 !important;
	}
	.wpgs-thumbs-left .wpgs-for {
		order: 2 !important;
		max-width: calc(100% - 135px) !important;
	}
	.wpgs-thumbs-left .wpgs-nav .slick-track {
		flex-direction: column !important;
	}
	.wpgs-thumbs-left .wpgs-nav .slick-slide {
		margin-bottom: 10px !important;
		margin-right: 0 !important;
	}
}
/* Mobile only - switch to bottom positioning */
@media (max-width: 768px) {
	.woo-product-gallery-slider.wpgs-thumbs-left {
		flex-direction: column !important;
	}
	.wpgs-thumbs-left .wpgs-nav {
		order: 2 !important;
		width: 100% !important;
		margin-right: 0 !important;
		margin-top: 10px !important;
	}
	.wpgs-thumbs-left .wpgs-for {
		order: 1 !important;
		max-width: 100% !important;
	}
	.wpgs-thumbs-left .wpgs-nav .slick-track {
		flex-direction: row !important;
	}
	.wpgs-thumbs-left .wpgs-nav .slick-slide {
		margin-bottom: 0 !important;
		margin-right: 10px !important;
	}
}