/* Hoker — kolekcje tkanin: informator CENA + gwiazdki */

body.single-product .hoker-seat-fabric-collection:not(.hoker-seat-wood-collection) .hoker-seat-fabric-collection-head {
	grid-template-rows: auto auto auto auto auto;
}

.hoker-fabric-price-informer {
	grid-column: 2;
	grid-row: 4;
	justify-self: end;
	align-self: end;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 3px;
	margin-top: 2px;
	pointer-events: none;
}

body.single-product .hoker-seat-fabric-collection:not(.hoker-seat-wood-collection) .hoker-seat-fabric-collection-head .hoker-seat-fabric-material-badge {
	grid-column: 2;
	grid-row: 1;
	justify-self: end;
	align-self: start;
	margin-top: 0;
}

.hoker-fabric-price-informer__label {
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.08em;
	line-height: 1;
	color: #241f1c;
}

.hoker-fabric-price-informer__stars {
	display: inline-flex;
	align-items: center;
	gap: 3px;
	line-height: 1;
}

.hoker-fabric-price-informer__star {
	display: inline-block;
	width: 12px;
	height: 12px;
	background: #d8d0c8;
	clip-path: polygon(
		50% 0%,
		63% 35%,
		98% 35%,
		69% 57%,
		79% 91%,
		50% 70%,
		21% 91%,
		31% 57%,
		2% 35%,
		37% 35%
	);
}

.hoker-fabric-price-informer__star.is-on {
	background: #241f1c;
}

@media (max-width: 768px) {
	.hoker-fabric-price-informer__label {
		font-size: 10px;
	}

	.hoker-fabric-price-informer__star {
		width: 10px;
		height: 10px;
	}
}