﻿.products_home .page-container {
	padding: 10px;
}

.home-conf {
	display: grid;
	justify-items: center;
}

.home-conf.full-width { }

.home-conf.fixed-width {
	max-width: 1024px;
	margin: auto;
}

.home-conf .item {
	display: flex;
	position: relative;
	/**/ width: 100%;
}

.home-conf .item .img {
	display: flex;
	object-fit: cover;
	width: 100%;
}

.home-conf .item .txt {
	display: flex;
	width: 100%;
}

.home-conf .item .txt span { }

.home-conf.columns-1 {
	grid-template-columns: repeat(1, 1fr);
}

.home-conf.columns-2-span2-e3,
.home-conf.columns-2-span2-o1,
.home-conf.columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.home-conf.columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.home-conf.columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.home-conf.columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.home-conf.columns-2-span2-e3 .item:nth-child(3n + 1) {
	grid-column: auto / span 2;
}

.home-conf.columns-2-span2-o1 .item:nth-child(1) {
	grid-column: auto / span 2;
}

.home-conf.gap-0 {
	gap: 0px;
}

.home-conf.gap-5 {
	gap: 5px;
}

.home-conf.gap-10 {
	gap: 10px;
}

.home-conf.gap-25 {
	gap: 25px;
}

.home-conf.gap-50 {
	gap: 50px;
}

.home-conf.gap-100 {
	gap: 100px;
}

.home-conf.img-h-1 .item .img {
	height: 10vh;
}

.home-conf.img-h-2 .item .img {
	height: 20vh;
}

.home-conf.img-h-3 .item .img {
	height: 30vh;
}

.home-conf.img-h-4 .item .img {
	height: 40vh;
}

.home-conf.img-h-auto .item .img { }

.home-conf.item-no-text .item .txt {
	display: none;
}

.home-conf .item .txt span {
	padding: 0.25ch 1ch;
}
.home-conf.item-text-background-size-auto.item-text-internal-top-left .item .txt span,
.home-conf.item-text-background-size-auto.item-text-internal-top-center .item .txt span,
.home-conf.item-text-background-size-auto.item-text-internal-top-right .item .txt span,
.home-conf.item-text-background-size-auto.item-text-internal-center-left .item .txt span,
.home-conf.item-text-background-size-auto.item-text-internal-center-center .item .txt span,
.home-conf.item-text-background-size-auto.item-text-internal-center-right .item .txt span,
.home-conf.item-text-background-size-auto.item-text-internal-bottom-left .item .txt span,
.home-conf.item-text-background-size-auto.item-text-internal-bottom-center .item .txt span,
.home-conf.item-text-background-size-auto.item-text-internal-bottom-right .item .txt span {
	margin: 0.5ch 0.5ch;
	border-radius: 3px;
}

.home-conf.item-text-background-size-full.item-text-internal-top-left .item .txt span,
.home-conf.item-text-background-size-full.item-text-internal-top-center .item .txt span,
.home-conf.item-text-background-size-full.item-text-internal-top-right .item .txt span,
.home-conf.item-text-background-size-full.item-text-internal-center-left .item .txt span,
.home-conf.item-text-background-size-full.item-text-internal-center-center .item .txt span,
.home-conf.item-text-background-size-full.item-text-internal-center-right .item .txt span,
.home-conf.item-text-background-size-full.item-text-internal-bottom-left .item .txt span,
.home-conf.item-text-background-size-full.item-text-internal-bottom-center .item .txt span,
.home-conf.item-text-background-size-full.item-text-internal-bottom-right .item .txt span {
	width: 100%;
}

.home-conf.item-text-external-bottom-left .item .txt span,
.home-conf.item-text-external-bottom-center .item .txt span,
.home-conf.item-text-external-bottom-right .item .txt span,
.home-conf.item-text-external-top-left .item .txt span,
.home-conf.item-text-external-top-left .item .txt span,
.home-conf.item-text-external-top-left .item .txt span,
.home-conf.item-text-external-top-left .item .txt span,
.home-conf.item-text-external-top-center .item .txt span,
.home-conf.item-text-external-top-left .item .txt span,
.home-conf.item-text-external-top-right .item .txt span {
	padding: 0.5ch 0.5ch;
}

.home-conf.item-text-external-bottom-left .item,
.home-conf.item-text-external-bottom-center .item,
.home-conf.item-text-external-bottom-right .item {
	flex-direction: column;
}

.home-conf.item-text-external-top-left .item,
.home-conf.item-text-external-top-center .item,
.home-conf.item-text-external-top-right .item {
	flex-direction: column-reverse;
}

.home-conf.item-text-external-bottom-left .item .txt,
.home-conf.item-text-external-top-left .item .txt {
	justify-content: start;
}

.home-conf.item-text-external-bottom-center .item .txt,
.home-conf.item-text-external-top-center .item .txt {
	justify-content: center;
}

.home-conf.item-text-external-bottom-right .item .txt,
.home-conf.item-text-external-top-right .item .txt {
	justify-content: end;
}

.home-conf.item-text-internal-top-left .item .txt,
.home-conf.item-text-internal-top-center .item .txt,
.home-conf.item-text-internal-top-right .item .txt,
.home-conf.item-text-internal-center-left .item .txt,
.home-conf.item-text-internal-center-center .item .txt,
.home-conf.item-text-internal-center-right .item .txt,
.home-conf.item-text-internal-bottom-left .item .txt,
.home-conf.item-text-internal-bottom-center .item .txt,
.home-conf.item-text-internal-bottom-right .item .txt {
	position: absolute;
	height: 100%;
}

.home-conf.item-text-size-inherit { }
.home-conf.item-text-size-medium {
	font-size: medium;
}
.home-conf.item-text-size-large {
	font-size: large;
}
.home-conf.item-text-size-x-large {
	font-size: x-large;
}
.home-conf.item-text-size-xx-large {
	font-size: xx-large;
}

.home-conf[class*="item-text-internal-"].item-text-black-white .item .txt span {
	background-color: #000a;
	color: #fff;
}
.home-conf[class*="item-text-external-"].item-text-black-white .item .txt {
	background-color: #000;
	color: #fff;
}

.home-conf[class*="item-text-internal-"].item-text-white-black .item .txt span {
	background-color: #fffa;
	color: #000;
}
.home-conf[class*="item-text-external-"].item-text-white-black .item .txt {
	background-color: #fff;
	color: #000;
}

/* .home-conf[class*="item-text-internal-"].item-text-blue-red .item .txt span {
	background-color: #00fa;
	color: #f00;
}
.home-conf[class*="item-text-external-"].item-text-blue-red .item .txt {
	background-color: #00f;
	color: #f00;
} */

.home-conf.item-text-internal-top-left .item .txt {
	align-items: start;
	justify-content: start;
	text-align: left;
}

.home-conf.item-text-internal-top-center .item .txt {
	align-items: start;
	justify-content: center;
	text-align: center;
}

.home-conf.item-text-internal-top-right .item .txt {
	align-items: start;
	justify-content: end;
	text-align: right;
}

.home-conf.item-text-internal-center-left .item .txt {
	align-items: center;
	justify-content: start;
	text-align: left;
}

.home-conf.item-text-internal-center-center .item .txt {
	align-items: center;
	justify-content: center;
	text-align: center;
}

.home-conf.item-text-internal-center-right .item .txt {
	align-items: center;
	justify-content: end;
	text-align: right;
}

.home-conf.item-text-internal-bottom-left .item .txt {
	align-items: end;
	justify-content: start;
	text-align: left;
}

.home-conf.item-text-internal-bottom-center .item .txt {
	align-items: end;
	justify-content: center;
	text-align: center;
}

.home-conf.item-text-internal-bottom-right .item .txt {
	align-items: end;
	justify-content: end;
	text-align: right;
}

.home-conf.object-fit-cover .item .img {
	object-fit: cover;
}

.home-conf.object-fit-contain .item .img {
	object-fit: contain;
}

.home-conf.object-position-top-left .item .img {
	object-position: top left;
}

.home-conf.object-position-top-center .item .img {
	object-position: top center;
}

.home-conf.object-position-top-right .item .img {
	object-position: top right;
}

.home-conf.object-position-center-left .item .img {
	object-position: center left;
}

.home-conf.object-position-center-center .item .img {
	object-position: center center;
}

.home-conf.object-position-center-right .item .img {
	object-position: center right;
}

.home-conf.object-position-bottom-left .item .img {
	object-position: bottom left;
}

.home-conf.object-position-bottom-center .item .img {
	object-position: bottom center;
}

.home-conf.object-position-bottom-right .item .img {
	object-position: bottom right;
}

@media (max-width: 480px) {
	.home-conf.columns-2,
	.home-conf.columns-3,
	.home-conf.columns-4,
	.home-conf.columns-5,
	.home-conf.columns-2-span2-e3,
	.home-conf.columns-2-span2-o1 {
		grid-template-columns: repeat(1, 1fr);
	}
	.home-conf.columns-2-span2-e3 .item:nth-child(3n + 1),
	.home-conf.columns-2-span2-o1 .item:nth-child(1) {
		grid-column: auto;
	}
}
@media (max-width: 768px) {
	.home-conf.columns-3,
	.home-conf.columns-4,
	.home-conf.columns-5 {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 1024px) { }
@media (max-width: 1200px) { }
@media (min-width: 1201px) { }
