/* ============================================================
   PORTFOLIO: nowe uklady rzedow z konstruktora
   css/portfolio-builder.css  (laduje sie po css/portfolio.css)
   Istniejace uklady full / duo / trio / feature korzystaja
   bez zmian z portfolio.css.
   ============================================================ */

/* 1 pionowe na srodku */
.pfg-row--single-v { justify-content: center; }
.pfg-fig--single-v {
	flex: 0 0 auto;
	width: 50%;
}
.pfg-fig--single-v .pfg-img { aspect-ratio: 4 / 5; }

/* 2 poziome */
.pfg-fig--duo-h .pfg-img { aspect-ratio: 3 / 2; }

/* 2 poziome + pionowe (lustrzane feature) */
.pfg-row--feature-rev { flex-direction: row-reverse; }

/* MOBILE <= 767px */
@media (max-width: 767px) {
	.pfg-fig--single-v { width: 100%; }
	.pfg-fig--duo-h .pfg-img { aspect-ratio: 3 / 2; }
	/* na telefonie duze zdjecie zawsze na gorze */
	.pfg-row--feature-rev { flex-direction: row; }
}

/* 1 poziome w calosci: pelna szerokosc, wysokosc z proporcji zdjecia,
   bez limitu wysokosci i bez przycinania */
.pfg-fig--full-natural .pfg-img {
	width:        100%;
	height:       auto;
	max-height:   none;
	aspect-ratio: auto;
	object-fit:   fill;
}
/* bez powiekszenia po najechaniu, zeby krawedzie zdjecia nie byly obcinane */
.pfg-fig--full-natural:hover .pfg-img { transform: none; }

/* 3 poziome (te same zasady co trio, inne proporcje).
   Plik laduje sie po portfolio.css, wiec proporcje 3:2 obowiazuja
   tez na tablecie i telefonie (2 + 1 na telefonie, jak przy trio). */
.pfg-fig--trio-h .pfg-img { aspect-ratio: 3 / 2; }