/**
 * Style galerii zdjęć produktu ([sprzet_galeria]).
 *
 * Układ: duże zdjęcie główne (hero) na górze, rząd miniatur pod spodem.
 * Miniatury tworzą responsywną siatkę bez media queries — auto-fill
 * sam dobiera liczbę kolumn do dostępnej szerokości kontenera.
 */

.sprzet-galeria {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.sprzet-galeria__hero {
	display: block;
	border-radius: 10px;
	overflow: hidden;
}

.sprzet-galeria__hero img {
	display: block;
	width: 100%;
	height: auto;
	max-height: 520px;
	object-fit: contain;
	background-color: #fff; /* jednolite tło pod zdjęciami produktowymi z przezroczystością/białym tłem */
}

.sprzet-galeria__thumbs {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
	gap: 10px;
}

.sprzet-galeria__item {
	display: block;
	border-radius: 8px;
	overflow: hidden;
}

.sprzet-galeria__item img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	aspect-ratio: 1 / 1;
	transition: transform 0.2s ease;
}

.sprzet-galeria__item:hover img,
.sprzet-galeria__hero:hover img {
	transform: scale(1.03);
}