/**
 * Blok: Blok produktu (WooCommerce)
 * Sekcja: obrazek 30%, formularz (warianty + dodaj do koszyka) 70% + gap.
 */

.block-blok_produktu__section {
	--blok-produktu-gap: 2rem;
}

.block-blok_produktu__product {
	width: 100%;
}

/* Notices / add to cart info above 2-column layout */
.block-blok_produktu__top {
	margin-bottom: var(--blok-produktu-gap);
}

.block-blok_produktu__cols {
	display: flex;
	flex-wrap: wrap;
	gap: var(--blok-produktu-gap);
	align-items: flex-start;
}

.block-blok_produktu__gallery-col {
	flex: 0 0 30%;
	min-width: 240px;
}

.block-blok_produktu__summary-col {
	flex: 1 1 calc(70% - var(--blok-produktu-gap));
	min-width: 280px;
}

/* Galeria WooCommerce – dopasowanie do kontenera */
.block-blok_produktu__gallery-col .woocommerce-product-gallery {
	position: relative;
}

/* Summary: odstępy i typografia spójne z motywem */
.block-blok_produktu__summary-col .product_title {
	margin-top: 0;
	margin-bottom: 0.5rem;
}

.block-blok_produktu__summary-col .woocommerce-product-details__short-description {
	margin: 1rem 0;
}

.block-blok_produktu__summary-col .cart {
	margin-top: 1.5rem;
}

/* Na wąskich ekranach kolumny pod sobą */
@media (max-width: 640px) {
	.block-blok_produktu__cols {
		flex-direction: column;
	}

	.block-blok_produktu__gallery-col,
	.block-blok_produktu__summary-col {
		flex: 1 1 100%;
		min-width: 100%;
	}
}

/* Style kafelków wariantów ładowane są globalnie (inc/woocommerce-kafelki.php) gdy opcja „Produkt z kafelkami” jest włączona. */