/* ----------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------- MAIN.CSS --------------------------------------------------- */
/* ---------------------------- Developed by 'Tsakiris Studio' do not modify this file. ---------------------------- */
/* ---------------------------------  LATEST SNAPSHOT (--V.19032026 --BUILD.0.3.8) --------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------- */


/* ---------------------------------------------------- SECTION ---------------------------------------------------- */

/* SECTION */
.section {

	display : flex ;
	overflow : hidden ;
	position : relative ;
	align-items : center ;
	justify-content : center ;
	padding-top : var(--size-36) ;
	padding-bottom : var(--size-36) ;
	min-height : var(--section-height) ;

}


/* SECTION BEFORE */
.section::before {

	top : 0 ;
	left : 0 ;
	right : 0 ;
	z-index : 1 ;
	content : "" ;
	position : absolute ;
	pointer-events : none ;
	height : calc(var(--section-height) * 0.1) ;
	background : linear-gradient(180deg, black, transparent) ;

}


/* SECTION AFTER */
.section::after {

	left : 0 ;
	right : 0 ;
	bottom : 0 ;
	z-index : 1 ;
	content : "" ;
	position : absolute ;
	pointer-events : none ;
	height : calc(var(--section-height) * 0.1) ;
	background : linear-gradient(180deg, transparent, black) ;

}


/* SECTION HOME */
.section-home {

	background : linear-gradient(135deg, var(--color-primary-900), var(--color-primary-100)) ;

}


/* SECTION PRODUCTS */
.section-products {

	background : linear-gradient(135deg, var(--color-primary-100), var(--color-primary-900)) ;

}


/* SECTION BACKGROUND */
.section-background {

	inset : 0 ;
	z-index : 0 ;
	opacity : 0.35 ;
	position : absolute ;
	transform : scale(1.1) ;
	background-size : cover ;
	background-position : center ;
	background-repeat : no-repeat ;
	filter : contrast(1.05) saturate(1.05) ;

}


/* SECTION BACKGROUND HOME */
.section-background--home {

	background-image : var(--texture-section_background-home) ;

}


/* SECTION BACKGROUND PRODUCTS */
.section-background--products {

	background-image : var(--texture-section_background-products) ;

}

/* ----------------------------------------------------------------------------------------------------------------- */


/* ----------------------------------------------------- MEDIA ----------------------------------------------------- */

@media (max-width : 1024px) {

	.section-mat { background-size : auto 256vw ; }

}

@media (max-width : 512px) {

	.section-mat { background-size : auto 388vw ; }

}

/* ----------------------------------------------------------------------------------------------------------------- */