/* Terméklap GRID felépítés */

section#termeklap_tarto {
	align-content: start;
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 0px;
	grid-template-areas:
		"termek_alap_informaciok"
		"termek_variaciok"
		"termek_reszletek";
}

section#termek_alap_informaciok {
	grid-area: termek_alap_informaciok;
	padding: 40px 0 0;
}

section#termek_variaciok {
	grid-area: termek_variaciok;
	padding: 20px 0;
}

section#termek_reszletek {
	grid-area: termek_reszletek;
	padding: 20px 0;
}

@media only screen and (min-width: 770px) {
	section#termeklap_tarto {
		grid-template-columns: repeat(5, 1fr);
		grid-template-areas:
			"termek_alap_informaciok termek_alap_informaciok termek_alap_informaciok termek_variaciok termek_variaciok"
			"termek_reszletek termek_reszletek termek_reszletek termek_reszletek termek_reszletek";
	}

	section#termek_alap_informaciok {
		padding: 40px 20px 20px 0;
	}

	section#termek_variaciok {
		background: linear-gradient(90deg, #f5f5f5 0%, #ffffff 10rem, #ffffff 100%);
		padding: 40px 0 20px 20px;
		margin-top: 0;
	}

}

@media only screen and (min-width: 1200px) {
	section#termeklap_tarto {
		grid-template-columns: repeat(3, 1fr);
		grid-template-areas:
			"termek_alap_informaciok termek_alap_informaciok termek_variaciok"
			"termek_reszletek termek_reszletek termek_variaciok"
			"termek_reszletek termek_reszletek termek_variaciok";
	}

	section#termek_reszletek {
		padding: 20px 20px 20px 0;
	}

	section#termek_alap_informaciok,
	section#termek_variaciok {
		padding-top: 40px;
	}

}


/* Termék alap információk GRID felépítés */

section#termek_alap_informaciok {
	align-content: start;
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 0px;
	grid-template-areas:
		"termeklap_termekcsoport_lista_ut"
		"termeklap_uzenet_tarto"
		"torzs_cim"
		"termek_szavazat_atlag_csillag_tarto"
		"termeklap_kozossegi_megosztas_tarto"
		"termeklap_alap_informaciok_1_tarto"
		"termeklap_alap_informaciok_2_tarto";
}

@media only screen and (min-width: 1200px) {
	section#termek_alap_informaciok {
		grid-template-columns: repeat(2, 1fr);
		grid-template-areas:
			"termeklap_termekcsoport_lista_ut termeklap_termekcsoport_lista_ut"
			"termeklap_uzenet_tarto termeklap_uzenet_tarto"
			"torzs_cim torzs_cim"
			"termek_szavazat_atlag_csillag_tarto termek_szavazat_atlag_csillag_tarto"
			"termeklap_kozossegi_megosztas_tarto termeklap_kozossegi_megosztas_tarto"
			"termeklap_alap_informaciok_1_tarto termeklap_alap_informaciok_2_tarto"
			"termeklap_alap_informaciok_1_tarto termeklap_alap_informaciok_2_tarto";
	}
}


div#termeklap_termekcsoport_lista_ut {
	grid-area: termeklap_termekcsoport_lista_ut;
}

div#termeklap_uzenet_tarto {
	grid-area: termeklap_uzenet_tarto;
}

h1.torzs_cim {
	grid-area: torzs_cim;
}

div.termek_szavazat_atlag_csillag_tarto {
	grid-area: termek_szavazat_atlag_csillag_tarto;
}

div#termeklap_kozossegi_megosztas_tarto {
	grid-area: termeklap_kozossegi_megosztas_tarto;
}

div#termeklap_alap_informaciok_1_tarto {
	grid-area: termeklap_alap_informaciok_1_tarto;
}

div#termeklap_alap_informaciok_2_tarto {
	grid-area: termeklap_alap_informaciok_2_tarto;
}

div#termeklap_alap_informaciok_1_tarto,
div#termeklap_alap_informaciok_2_tarto {
	margin-top: 20px;
}

@media only screen and (min-width: 1200px) {

	div#termeklap_rovid_leiras_tarto,
	div#termeklap_rovid_adat_tarto {
		padding-left: 20px;
	}

}

/* Fő és al termékképek */

div#termeklap_kep_tarto {
	box-sizing: border-box;
	margin-bottom: 20px;
	width: 100%;
}

div#termeklap_fo_kep_tarto {
	float: none;
	overflow: hidden;
	text-align: center;
	width: 100%;
	zoom: 1.0;
}

/* Fő kép médiafüggő stílusai */

@media only screen and (min-width: 1075px) {

	div#termeklap_fo_kep_tarto {
		float: none;
		overflow: hidden;
		width: 100%;
	}

}

/* További termék képek listája */

div#termeklap_al_kep_tarto {
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	margin: 5px 0;
	padding: 0;
}

div#termeklap_al_kep_tarto a {
	margin: 1%;
	width: 23%;
}

/* Termék kiegészítés és variáció választó */

div#termeklap_kieg_variacio_megosztas_funkcio_tarto {
	animation-duration: 0.8s;
	animation-name: fadeInUp;
	box-sizing: border-box;
	float: none;
	margin-bottom: 20px;
	width: 100%;
}

div#termeklap_variacio_valaszto {
	font-size: 1rem;
	overflow: hidden;
	padding: 20px 0;
	zoom: 1.0;
}

ul#termeklap_variacio_lista {
	list-style-type: none;
	width: 100%;
}

ul#termeklap_variacio_lista li {
	height: 100%;
	margin-bottom: 30px;
}

ul#termeklap_variacio_lista li:hover {
	cursor: pointer;
}

span.termeklap_variacio_felirat_tulajdonsag,
span.termeklap_variacio_felirat_uj_ar {
	-webkit-transition: color 0.1s ease-in;
	transition: color 0.1s ease-in;
}

ul#termeklap_variacio_lista li:hover span.termeklap_variacio_felirat_tulajdonsag,
ul#termeklap_variacio_lista li:hover span.termeklap_variacio_felirat_uj_ar,
ul#termeklap_variacio_lista li input.termeklap_variacio_radio_gomb:checked+div span.termeklap_variacio_felirat_tulajdonsag,
ul#termeklap_variacio_lista li input.termeklap_variacio_radio_gomb:checked+div span.termeklap_variacio_felirat_uj_ar {
	color: var(--text_color_3);
}

input.termeklap_variacio_radio_gomb {
	float: left;
}

div.termeklap_variacio_felirat {
	display: flex;
	flex-direction: column;
	margin: 0 0 0 30px;
}

div.termeklap_variacio_felirat span {
	font-family: "Arial", sans-serif;
	display: block;
	margin-right: 5px;
}

span.termeklap_variacio_felirat_tulajdonsag {
	color: var(--text_color_1);
	font-size: 1.1rem;
	font-weight: bold;
	margin-bottom: 5px;
}

span.termeklap_variacio_felirat_suly {
	color: var(--text_color_5);
	font-size: 0.6875rem;
	font-style: italic;
}

div#termeklap_variacio_valaszto span.termeklap_variacio_felirat_keszlet {
	background-color: var(--label_color_2);
	color: #fff;
	font-size: 0.875rem;
	font-weight: bold;
	margin: 7px 0;
	max-width: fit-content;
	padding: 5px;
}

div#termeklap_variacio_valaszto span.termeklap_variacio_felirat_nincs_keszleten {
	background-color: var(--label_color_3);
}

div#termeklap_variacio_valaszto span.termeklap_variacio_felirat_keszleten:before,
div#termeklap_variacio_valaszto span.termeklap_variacio_felirat_nincs_keszleten:before {
	font-family: 'Font Awesome\ 5 Free';
	font-size: 0.875rem;
	font-weight: 900;
	padding-right: 5px;
}

div#termeklap_variacio_valaszto span.termeklap_variacio_felirat_keszleten:before {
	content: "\f00c";
}

div#termeklap_variacio_valaszto span.termeklap_variacio_felirat_nincs_keszleten:before {
	content: "\f00d";
}

div#termeklap_variacio_valaszto span.termeklap_variacio_felirat_nincs_keszleten div.termeklap_keszlet_ertesites_funkcio {
	background-color: var(--button_color_4);
	border-radius: 3rem;
	color: var(--text_color_1);
	cursor: pointer;
	font-size: 0.7rem;
	padding: 5px;
	text-align: center;
	-webkit-transition: background 0.1s ease-in;
	transition: background 0.1s ease-in;
}

div#termeklap_variacio_valaszto span.termeklap_variacio_felirat_nincs_keszleten div.termeklap_keszlet_ertesites_funkcio:hover {
	background-color: var(--button_color_5);
}

div#termeklap_variacio_valaszto span.termeklap_variacio_felirat_nincs_keszleten input.termeklap_keszlet_ertesites_email {
	border-radius: 5px;
	display: block;
	font-size: 0.7rem;
	margin: 10px 0;
	padding: 5px;
	width: 100%;
}

span.termeklap_variacio_felirat_uj_ar {
	color: var(--text_color_1);
	font-size: 1.5rem;
	font-weight: bold;
}

span.termeklap_variacio_felirat_akcio {
	color: var(--text_color_5);
	font-size: 0.6875rem;
}

span.termeklap_variacio_felirat_regi_ar {
	color: var(--text_color_5);
	text-decoration: line-through;
}

div#termeklap_variacio_valaszto span.termeklap_variacio_felirat_egyseg_ar {
	color: var(--text_color_5);
	font-size: 0.625rem;
	font-style: italic;
}

div#termeklap_variacio_ajandekpont {
	color: var(--text_color_6);
	font-size: 1.2rem;
	margin-bottom: 20px;
	padding: 8px 0;
}

div#termeklap_kosar_muvelet_tarto {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	max-width: 408px;
}

div#termeklap_darabszam_tarto,
div#termeklap_darabszam_valaszto {
	align-items: center;
	display: flex;

}

div#termeklap_darabszam_tarto {
	border-radius: 3rem 0 0 3rem;
	padding: 0 1rem 0 1rem;
	background-color: #fff;
	border: 1px solid var(--border_color_1);
}

div#termeklap_darabszam_tarto span#termeklap_egysegcsomag {
	display: none;
	margin-left: 1rem;
}

div#termeklap_darabszam_valaszto {
	background-color: #fff;
}

button#termeklap_kosarba_minusz,
button#termeklap_kosarba_plusz {
	background-color: #ffffff;
	border: 1px solid transparent;
	cursor: pointer;
	font-size: 1.2rem;
	height: 1.5rem;
	width: 1.5rem;
}

button.termeklap_kosarba_inaktiv {
	color: var(--text_color_4);
}

input#m_termeklap_darabszam {
	border: 0;
	font-size: 1.2rem;
	font-weight: bold;
	height: 100%;
	text-align: center;
	width: 2.5rem;
}

/* Number típusú mezőkről eltünteti a szám növelő és csökkentő nyilakat */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type=number] {
	-moz-appearance: textfield;
}

span#termeklap_egysegcsomag {
	color: var(--text_color_1);
	margin-left: 7px;
}

div#termeklap_kosarba_funkcio {
	align-items: center;
	background-color: var(--button_color_1);
	border-radius: 0 3rem 3rem 0;
	color: #ffffff;
	cursor: pointer;
	display: flex;
	justify-content: center;
	letter-spacing: 2px;
	padding: 20px 5px;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transition: background 0.1s ease-in;
	transition: background 0.1s ease-in;
	width: 100%;
}

div#termeklap_kosarba_funkcio:hover {
	background-color: var(--button_color_2);
}

/* Termék termékcsoport útvonala */

div#termeklap_termekcsoport_lista_ut {
	color: var(--text_color_1);
	font-size: 1rem;
	padding: 15px 0;
	text-align: center;
}

div#termeklap_termekcsoport_lista_ut a {
	color: var(--text_color_5);
	line-height: 0;
	text-decoration: none;
	transition: color 0.1s ease-in;
}

div#termeklap_termekcsoport_lista_ut a:hover {
	color: var(--text_color_1);
}


@media only screen and (min-width: 770px) {

	div#termeklap_termekcsoport_lista_ut {
		text-align: left;
	}

}

/* Termék funkció gombok */

div#termeklap_funkcio_tarto {
	display: none;
	overflow: auto;
	padding-top: 15px;
}

div#termeklap_funkcio_tarto a {
	align-items: center;
	border: 1px solid transparent;
	border-radius: 50%;
	color: var(--text_color_1);
	display: flex;
	font-family: 'Font Awesome\ 5 Free';
	font-size: 1rem;
	height: 40px;
	justify-content: center;
	margin-bottom: 5px;
	text-decoration: none;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	width: 40px;
}

div#termeklap_funkcio_tarto a#termeklap_ajanlom_funkcio:after {
	content: "\f0e0";
	font-weight: 400;
}

div#termeklap_funkcio_tarto a#termeklap_osszehasonlitom_funkcio:after {
	content: "\f24e";
	font-weight: 900;
}

div#termeklap_funkcio_tarto a#termeklap_feljegyzem_funkcio:after {
	content: "\f328";
	font-weight: 400;
}

div#termeklap_funkcio_tarto a#termeklap_kivansaglistara_funkcio:after {
	content: "\f004";
	font-weight: 500;
}

div#termeklap_funkcio_tarto a:hover {
	border: 1px solid var(--border_color_1);
}

@media only screen and (min-width: 770px) {

	div#termeklap_funkcio_tarto {
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-around;
	}

}

/* Termék közösségi megosztása */

div#termeklap_kozossegi_megosztas_tarto {
	display: flex;
	overflow: hidden;
}

div#termeklap_kozossegi_megosztas_tarto a.kozossegi_megosztas {
	border: 1px solid var(--border_color_1);
	border-radius: 3px;
	display: flex;
	min-width: 30px;
	padding: 3px 5px;
	margin-right: 10px;
	justify-content: center;
	text-decoration: none;

	display: flex;
	/* Single-quotes kell MacOS Chrome miatt */
	/* A márkáknak a Brands font család kell */
	font-family: 'Font Awesome 5 Brands';
	font-size: 12px;
	/* Ez is kell a FontAwesome 5-nek */
	font-weight: 400;

}

div#termeklap_kozossegi_megosztas_tarto a.facebook_megosztas:before {
	color: #4267b2;
	content: "\f39e";
}

div#termeklap_kozossegi_megosztas_tarto a.twitter_megosztas:before {
	color: #1da1f2;
	content: "\f099";
}

div#termeklap_kozossegi_megosztas_tarto a.pinterest_megosztas:before {
	color: #e81a39;
	content: "\f231";
}


/* Terméklap szakaszok */

div#mod_termeklap h1.torzs_cim {
	font-size: 2rem;
	padding: 20px 0;
	text-transform: uppercase;
}

div.termeklap_szakasz_tarto {
	clear: both;
	margin-bottom: 30px;
	overflow: visible;
}

/* A ...funkcio:hover miatti gomb méret növekedés nem látszik, ha ez hidden */
/*
div.termeklap_szakasz_tartalom
{
	overflow: hidden;
}
*/

div#mod_termeklap p.torzs_cim {
	font-size: 1.8rem;
	padding: 10px 0;
}

/* Terméklap leírás elemek */

p.termeklap_rovid_leiras {
	font-weight: bold;
	/* margin-bottom: 20px; */
}

a.termeklap_reszletek_link {
	color: var(--text_color_3);
	display: block;
	padding-top: 20px;
	text-decoration: none;
}

a.termeklap_reszletek_link:after {
	content: '\f061';
	font-family: 'Font Awesome\ 5 Free';
	font-weight: 600;
	margin-left: 10px;
}

div#termeklap_leiras
{
	color: var(--text_color_1);
	font-size: 1rem;
	line-height: 200%;
	padding: 10px 0;
	text-align: justify;
}

/* Terméklap táblázatok */

table.termeklap_tablazat {
	border-collapse: collapse;
	width: 100%;
}

/*
table.termeklap_tablazat tr.termeklap_tablazat_sor_csikos
{
	background-color: var(--background_color_3);
}
*/

table.termeklap_tablazat td {
	border-bottom: 1px solid var(--border_color_1);
	color: var(--text_color_1);
	font-size: 0.875rem;
	padding: 10px 0;
}

table.termeklap_tablazat td a {
	color: var(--text_color_1);
}

table.termeklap_tablazat td.termeklap_tablazat_nev {
	width: 40%;
	font-weight: bold;
	padding: 10px 10px 10px 0;
}

table#termeklap_tablazat_gyik td {
	display: block;
}

@media only screen and (min-width: 770px) {

	table#termeklap_tablazat_gyik td {
		display: table-cell;
	}

}

/* Termék vélemények és kérdés */

div.termek_szavazat_atlag_csillag_tarto {
	cursor: pointer;
	overflow: auto;
}

div.termek_szavazat_atlag_csillag_tarto a {
	color: var(--text_color_1);
	display: block;
	overflow: hidden;
	text-decoration: none;
}

span.szavazat_ertekek {
	display: inline-block;
	font-size: 14px;
	margin-left: 10px;
	text-transform: lowercase;
}

textarea#m_termeklap_velemeny,
textarea#m_termeklap_kerdes,
input#m_termeklap_kerdes_email,
input#m_termeklap_vevo_nev,
input#m_termeklap_vevo_email,
input#m_termeklap_kerdes_captcha_valasz {
	border: 1px solid;
	border-color: var(--border_color_1);
	border-radius: 5px;
	box-sizing: border-box;
	color: var(--text_color_1);
	font-size: 0.875rem;
	height: 100px;
	font-weight: normal;
	margin: 15px 0 0 0;
	padding: 15px;
	width: 100%;
}


input#m_termeklap_kerdes_email,
input#m_termeklap_vevo_nev,
input#m_termeklap_vevo_email,
input#m_termeklap_kerdes_captcha_valasz {
	height: auto;
}

input#m_termeklap_vevo_nev,
input#m_termeklap_vevo_email {
	width: 49%;
}

div#termeklap_velemeny_urlap_mezo_tarto {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}


input#m_termeklap_kerdes_captcha_valasz {
	margin: 5px 0 15px 0;
}

div#termeklap_szavazo_tarto {
	margin: 20px 0;
	overflow: hidden;
	zoom: 1.0;
}

input#termeklap_velemeny_kuldes_funkcio,
input#termeklap_kerdes_kuldes_funkcio {
	margin-bottom: 20px;
}

div.termeklap_velemeny_tarto {
	margin: 40px 0;
}

div.termeklap_velemeny_adat_tarto {
	align-content: center;
	display: flex;
	flex-wrap: wrap;
}

div.termeklap_velemeny_adat_tarto>p,
div.termeklap_velemeny_adat_tarto>div {
	margin-right: 10px;
}

div.termeklap_velemeny_tarto p.termeklap_velemeny_datum {
	color: var(--text_color_5);
}

div.termeklap_velemeny_tarto p.termeklap_velemeny_szoveg {
	color: var(--text_color_1);
}

p#termeklap_kerdes_urlap_captcha_kerdes {
	color: var(--text_color_1);
	font-size: 0.875rem;
	font-style: italic;
	margin: 25px 0 0 0;
}

/* Aktív csillag szavazó */

div#termeklap_szavazo_tarto_tartalom {
	float: left;
}

/* E nélkül a csillagra kattintás során a böngésző felugrik a lap tetejére.
Info: https://stackoverflow.com/questions/24299567/radio-button-causes-browser-to-jump-to-the-top */
div#termeklap_szavazo_tarto_tartalom input {
	visibility: hidden;
}

/* :not(:checked) is a filter, so that browsers that don’t support :checked don’t 
   follow these rules. Every browser that supports :checked also supports :not(), so
   it doesn’t make the test unnecessarily selective */
div#termeklap_szavazo_tarto_tartalom:not(:checked)>input {
	position: absolute;
	top: -9999px;
	clip: rect(0, 0, 0, 0);
}

div#termeklap_szavazo_tarto_tartalom:not(:checked)>label {
	float: right;
	width: 2.3rem;
	padding: 0 .1em;
	overflow: hidden;
	white-space: nowrap;
	cursor: pointer;
	font-size: 25px;
	color: var(--text_color_4);
}

div#termeklap_szavazo_tarto_tartalom:not(:checked)>label:before {
	content: '\f005';
	font-family: 'Font Awesome\ 5 Free';
	font-weight: 900;
}

div#termeklap_szavazo_tarto_tartalom>input:checked~label {
	color: var(--background_color_7);
}

div#termeklap_szavazo_tarto_tartalom:not(:checked)>label:hover,
div#termeklap_szavazo_tarto_tartalom:not(:checked)>label:hover~label {
	color: var(--background_color_7);
}

div#termeklap_szavazo_tarto_tartalom>input:checked+label:hover,
div#termeklap_szavazo_tarto_tartalom>input:checked+label:hover~label,
div#termeklap_szavazo_tarto_tartalom>input:checked~label:hover,
div#termeklap_szavazo_tarto_tartalom>input:checked~label:hover~label,
div#termeklap_szavazo_tarto_tartalom>label:hover~input:checked~label {
	color: var(--background_color_7);
}

div#termeklap_szavazo_tarto_tartalom>label:active {
	position: relative;
}

/* Passzív csillag szavazó */

div.termeklap_passziv_szavazo_tarto {
	overflow: hidden;
	zoom: 1.0;
}

div.termeklap_csillag_passziv_szavazo_tarto {
	color: var(--text_color_4);
	display: flex;
	float: left;
	font-size: 15px;
	height: 30px;
	unicode-bidi: bidi-override;
	padding: 0;
	position: relative;
}

div.termeklap_csillag_passziv_szavazo_felso {
	color: var(--background_color_7);
	display: block;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	z-index: 1;
}

div.termeklap_csillag_passziv_also {
	display: block;
	z-index: 0;
}

span.termeklap_csillag_karakter::after {
	content: '\f005';
	font-family: 'Font Awesome\ 5 Free';
	font-weight: 900;
}

/* Vélemény (szavazat) részletező */

div.termeklap_szavazat_reszletek_tarto,
div.termek_szavazat_reszletezo_sor {
	align-items: center;
	display: flex;
	flex-wrap: nowrap;
}

div.termeklap_szavazat_reszletek_tarto {
	flex-wrap: wrap;
}

div.termeklap_szavazat_reszletek_tarto {
	margin-bottom: 20px;
}

div.termeklap_szavazat_reszletek_tarto div.termek_szavazat_atlag_tarto {
	display: flex;
	flex: 0 0 100%;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 20px;
	width: 100%;
}

div.termeklap_szavazat_reszletek_tarto div.termek_szavazat_atlag_csillag_tarto {
	display: inline-block;
	margin-right: 10px;
}

div.termeklap_szavazat_reszletek_tarto div.termeklap_csillag_passziv_szavazo_tarto {
	height: auto;
	float: none;
}

div.termeklap_szavazat_reszletek_tarto span.szavazat_ertekek {
	margin: 0;
}

div.termeklap_szavazat_reszletek_tarto div.termek_szavazat_reszletezo_tarto {
	flex: 0 0 100%;
	width: 100%;
}

div.termek_szavazat_reszletezo_sor {
	margin-bottom: 3px;
}

div.termek_szavazat_reszletezo_csillag_eredmeny_tarto {
	flex: 0 0 auto;
	max-width: 100%;
	width: auto;
}


div.termek_szavazat_reszletezo_progress_bar_eredmeny_tarto {
	flex-basis: 0;
	flex-grow: 1;
	margin: 0 2%;
	max-width: 100%;
}


div.termek_szavazat_reszletezo_progress_bar_also {
	background-color: var(--background_color_2);
	height: 10px;
	width: 100%;
}

div.termek_szavazat_reszletezo_progress_bar_felso {
	background-color: var(--background_color_4);
	height: 100%;
}

div.termek_szavazat_reszletezo_darabszam_tarto {
	flex: 0 0 50px;
	max-width: 50px;
	text-align: center;
	width: auto;
}

@media only screen and (min-width: 770px) {

	div.termeklap_szavazat_reszletek_tarto div.termek_szavazat_atlag_tarto {
		display: flex;
		flex: 0 0 18%;
		flex-wrap: wrap;
		justify-content: start;
		margin-bottom: 0;
		margin-right: 2%;
		min-width: 95px;
		width: 18%;
	}

	div.termeklap_szavazat_reszletek_tarto div.termek_szavazat_reszletezo_tarto {
		flex: 0 0 80%;
		width: 80%;
	}

}


/* Termék videó */

div#termeklap_video_tarto,
div#termeklap_video_tarto object,
div#termeklap_video_tarto embed,
div#termeklap_video_tarto iframe {
	display: block;
	max-width: 100%;
}

div#termeklap_video_tarto {
	margin-top: 25px;
}

/* Termék kiegészítések */

div#termeklap_kieg_tarto {
	margin-bottom: 5px;
}

p#tk_ossz_ar_szoveg {
	color: var(--text_color_1);
	font-size: 1.2rem;
	margin-bottom: 40px;
}

/* TERMÉK KIEGÉSZÍTÉS TIPUS: MULTISELECT, SELECT */

/* A választható elemek listája */
ul.tk_multiselect_valaszto_lista {
	list-style-type: none;
}

/* Választható elem lista egy eleme */
ul.tk_multiselect_valaszto_lista li {}

/* Ha ráállunk egy választható lista elemre */
/*
ul.tk_multiselect_valaszto_lista li:hover
	{
	background-color: #ffffff;
	color: var(--text_color_3);
	}
*/

/* Ezen belül helyezkednek el a választható elem részei: maga a checkbox mező, a checkbox mező jelölője, és a feliratok */
/* Ez a tároló valószínűleg nem kell, a tulajdonságait megkaphatná a felette lévő li elem, de így több megjelenési lehetőség marad talán */
label.tk_multiselect_checkbox_kontener {
	display: flex;
	justify-content: space-between;
	padding: 15px 0;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Maga a checkbox, el van tüntetve */
label.tk_multiselect_checkbox_kontener input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

/* A checkbox helyett ez jelenik meg */
.tk_multiselect_checkbox_jelolo {
	position: absolute;
	top: -2px;
	left: 0;
	height: 18px;
	width: 18px;
	background-color: #ffffff;
	border: 1px solid var(--border_color_2);
}

/* Ha ráállnak a lista elem tartóra, akkor a jelölő háttere más színű lesz */
.tk_multiselect_checkbox_kontener:hover input~.tk_multiselect_checkbox_jelolo {
	background-color: var(--background_color_1);
}

/* Ha be van pipálva egy checkbox, akkor annak jelölője más színű lesz */
.tk_multiselect_checkbox_kontener input:checked~.tk_multiselect_checkbox_jelolo {
	background-color: var(--button_color_1);
	border: 1px solid;
	border-color: var(--button_color_1);
}

/* Ha be van pipálva egy checkbox, akkor annak jelölőjének after értéke (ami egy pipát formáz) látható lesz */
.tk_multiselect_checkbox_kontener input:checked~.tk_multiselect_checkbox_jelolo:after {
	visibility: visible;
	-webkit-transform: rotate(45deg) scale(1);
	-ms-transform: rotate(45deg) scale(1);
	transform: rotate(45deg) scale(1);
}

/* A checkbox jelölőjének after értéke, ami egy pipa, alapesetben el van tüntetve */
.tk_multiselect_checkbox_kontener .tk_multiselect_checkbox_jelolo:after {
	content: "";
	left: 5px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	position: absolute;
	visibility: hidden;
	transform: scale(0.2);
	transition: all 200ms;
}

/* A checkboxnak, a jelölőnek és az első szövegnek (checkbox feliratnak) van egy közös tárolója, ennek célja az, hogy elrendezésben ezek az elemek egymás mellett legyenek (a jelölő mellett legyen közvetlenül a felirat) */
div.tk_multiselect_checkbox_tarto {
	flex: 1;
	position: relative;
}

/* A jelölő melletti felirat */
span.tk_multiselect_checkbox_felirat {
	display: block;
	padding: 0 30px;
}

/* Ha a jelölő melletti felirat egy kép (kép választás van), akkor ez a kép formázása */
div.tk_multiselect_checkbox_kep_felirat img {
	background-color: #ffffff;
	border: 1px solid var(--border_color_1);
	margin: -3px 30px 3px 28px;
	max-width: 150px;
	padding: 3px;
}

/* TERMÉK KIEGÉSZÍTÉS TIPUS: COLORSELECT (KIVÁLASZTÁS EGYMÁS MELLETT) */

div.tk_colorselect_valaszto label.tk_colorselect_checkbox_kontener input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

span.tk_colorselect_checkbox_felirat {
	display: block;
	padding: 0 30px;
}

div.tk_colorselect_valaszto ul.tk_colorselect_valaszto_lista {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	list-style-type: none;
}

div.tk_colorselect_valaszto ul.tk_colorselect_valaszto_lista li {
	min-width: 60px;
	padding: 20px 0;
}

div.tk_colorselect_valaszto label.tk_colorselect_checkbox_kontener input {
	display: none;
	position: static;
}

div.tk_colorselect_valaszto .tk_colorselect_checkbox_jelolo {
	box-sizing: border-box;
	border-radius: 50%;
	cursor: pointer;
	display: block;
	height: 40px;
	margin: 0 auto 5px;
	position: relative;
	width: 40px;
}

div.tk_colorselect_valaszto .tk_colorselect_checkbox_kontener input:checked~.tk_colorselect_checkbox_jelolo:after {
	visibility: visible;
	-webkit-transform: rotate(45deg) scale(1);
	-ms-transform: rotate(45deg) scale(1);
	transform: rotate(45deg) scale(1);
}

div.tk_colorselect_valaszto .tk_colorselect_checkbox_kontener input:checked~.tk_colorselect_checkbox_jelolo {
	border: 1px solid;
	border-color: var(--border_color_2);
	box-shadow: 0px 0px 5px 4px rgb(0, 0, 0, 0.07);
}

div.tk_colorselect_valaszto .tk_colorselect_checkbox_kontener .tk_colorselect_checkbox_jelolo:after {
	content: "";
	left: 13px;
	top: 7px;
	width: 7px;
	height: 16px;
	border: solid white;
	border-width: 0 4px 4px 0;
	position: absolute;
	visibility: hidden;
	transform: scale(0.2);
	transition: all 200ms;
}

div.tk_colorselect_valaszto span.tk_colorselect_checkbox_felirat {
	color: var(--text_color_1);
	padding: 2px 0;
	text-align: center;
}

div.tk_colorselect_valaszto span.tk_colorselect_valaszto_ar {
	color: var(--text_color_1);
	display: block;
	text-align: center;
}

/* TERMÉK KIEGÉSZÍTÉS TÍPUS: COLORSELECT (KIVÁLASZTÁS EGYMÁS ALATT) */

/*

div.tk_colorselect_valaszto label.tk_colorselect_checkbox_kontener input
	{
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
	}

span.tk_colorselect_checkbox_felirat
	{
	display: block;
	padding: 0 30px;
	}

div.tk_colorselect_valaszto ul.tk_colorselect_valaszto_lista
	{
	list-style-type: none;
	padding-top: 10px;
	}

div.tk_colorselect_valaszto ul.tk_colorselect_valaszto_lista li
	{
	}

div.tk_colorselect_valaszto ul.tk_colorselect_valaszto_lista li:hover
	{
	background-color: #ffffff;
	color: var(--text_color_1);
	}

div.tk_colorselect_valaszto label.tk_colorselect_checkbox_kontener
	{
	display: flex;
	justify-content: space-between;
	padding: 15px 20px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	}

div.tk_colorselect_valaszto div.tk_colorselect_checkbox_tarto
	{
	flex: 1;
	position: relative;
	}

div.tk_colorselect_valaszto .tk_colorselect_checkbox_jelolo
	{
	border-radius: 50%;
	position: absolute;
	top: -4px;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #ffffff;
	}

div.tk_colorselect_valaszto .tk_colorselect_checkbox_kontener input:checked ~ .tk_colorselect_checkbox_jelolo:after
	{
	visibility: visible;
	-webkit-transform: rotate(45deg) scale(1);
	-ms-transform: rotate(45deg) scale(1);
	transform: rotate(45deg) scale(1);
	}

div.tk_colorselect_valaszto .tk_colorselect_checkbox_kontener input:checked ~ .tk_colorselect_checkbox_jelolo
	{
	border: 2px solid;
	border-color: var(--border_color_2);
	top: -6px;
	left: -2px;
	}

div.tk_colorselect_valaszto .tk_colorselect_checkbox_kontener .tk_colorselect_checkbox_jelolo:after
	{
	content: "";
	left: 8px;
	top: 4px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	position: absolute;
	visibility: hidden;
	transform: scale(0.2);
	transition: all 200ms;
	}

*/

/* TERMÉK KIEGÉSZÍTÉS TÍPUS: FILE */

div.tk_file_valaszto {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	overflow: auto;
}

p.tk_file_ar {
	margin: 30px 0;
}

input.tk_file_file_valaszto {
	display: none;
}

/* TERMÉK KIEGÉSZÍTÉS TÍPUS: TEXTAREA */

div.tk_textarea_valaszto {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	overflow: auto;
}

p.tk_textarea_ar {
	margin: 30px 0;
}

textarea.tk_textarea_szoveg {
	border: 1px solid transparent;
	font-size: 14px;
	min-height: 50px;
	line-height: 150%;
	width: 85%;
}

/* TERMÉK KIEGÉSZÍTÉS TÍPUS: INPUT */

div.tk_input_valaszto {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	overflow: auto;
}

p.tk_input_ar {
	margin: 30px 0;
}

input.tk_input_ido,
input.tk_input_szoveg,
input.tk_input_szinkod,
input.tk_input_datum {
	border: 1px solid transparent;
}

input.tk_input_szoveg,
input.tk_input_szinkod {
	padding: 2px;
	width: 60%;
}

input.tk_input_szoveg_hiba {
	background-color: var(--message_background_color_2);
}

input.tk_input_szinkod,
input.tk_input_datum {
	cursor: pointer;
	padding: 2px;
}

input.tk_input_szinkod_inaktiv,
input.tk_input_datum_inaktiv,
input.tk_input_ido_inaktiv {
	opacity: 0.1;
}

button.datetime-reset-button {
	display: none;
}

/* TERMÉK KIEGÉSZÍTÉS ÁLTALÁNOS BEÁLLÍTÁSOK */

div.tk {
	border-bottom: 1px solid var(--border_color_1);
	font-size: 14px;
	margin: 0 auto;
	padding: 10px 0;
	transition: background 0.1s ease-in;
}

div.tk:last-of-type {
	border: none;
}

/*
div.tk:hover
	{
	background-color: var(--background_color_2);
	}
*/

/* Ha a lenyíló ablak magasságát maximalizálni kell */
/*
div.tk_valaszto_tarto
{
	max-height: 100px;
	overflow: auto;
}
*/

/* Lenyíló kiegészítések */
div.tk_valaszto_tarto_lenyilo,
div.tk_valaszto_tarto_lenyilo_mast_zar {
	display: none;
}

div.tk_cim_nyitott_mindent_zar,
div.tk_cim_nyitott_zarhato,
div.tk_cim_lenyilo,
div.tk_cim_lenyilo_mast_zar {
	cursor: pointer;
}

/* Cím tartója */
div.tk_cim {
	align-items: center;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 10px 0;
}

div.tk_cim::after {
	content: '';
	width: 100%;
}

/* Cím szövegek */
div.tk_cim p.tk_cim_ertek {
	color: var(--text_color_3);
	font-size: 1.2rem;
	max-width: 400px;
}

div.tk_cim_nyitott_mindent_zar p.tk_cim_ertek::before,
div.tk_cim_nyitott_zarhato p.tk_cim_ertek::before,
div.tk_cim_lenyilo p.tk_cim_ertek::before,
div.tk_cim_lenyilo_mast_zar p.tk_cim_ertek::before {
	/* color: var(--button_color_1); */
	content: '▼';
	font-size: 0.875rem;
	margin-right: 10px;
}

div.tk_cim p.tk_cim_ertek_kotelezo {
	border: 1px solid;
	border-color: var(--border_color_2);
	border-radius: 3px;
	color: var(--text_color_3);
	display: block;
	font-size: 0.625rem;
	margin-top: 5px;
	order: 1;
	padding: 3px;
	text-transform: uppercase;
}

div.tk_cim p.tk_cim_ertek_nem_kotelezo {
	display: none;
}

div.tk_cim p.tk_cim_valasztott span.tk_cim_valasztott_pozitiv {
	color: var(--message_color_1);
}

div.tk_cim p.tk_cim_valasztott span.tk_cim_valasztott_negativ {
	color: var(--message_color_2);
}

div.tk_cim p.tk_cim_valasztott span.tk_cim_valasztott_pozitiv:before {
	font-family: 'Font Awesome\ 5 Free';
	font-size: 0.875rem;
	content: "\f00c";
	font-weight: 900;
	padding-right: 5px;
}

div.tk_cim p.tk_cim_valasztott span.tk_cim_valasztott_negativ:before {
	font-family: 'Font Awesome\ 5 Free';
	font-size: 0.875rem;
	content: "\f00d";
	font-weight: 900;
	padding-right: 5px;
}


/* Paragrafus */
div.tk_paragrafus {
	padding: 10px 0;
}

/* Multiselect kép választó kiválasztott képe a cím területen */
/*
p.tk_cim_valasztott img
	{
	background-color: #ffffff;
	border: 1px solid var(--border_color_1);
	max-height: 30px;
	padding: 2px;
	}
*/

/* Választó terület */
div.tk_valaszto {
	color: var(--text_color_1);
}

/* File választót, input vagy textarea mezőt körbevevő terület */
div.tk_doboz {
	border: 1px dashed var(--border_color_2);
	border-radius: 5px;
	background-color: #ffffff;
	cursor: pointer;
	display: flex;
	flex: 1;
	justify-content: space-between;
	margin: 20px 20px 20px 0;
	padding: 10px;
}

/* Törlő gomb */
div.tk_torlo {
	background-color: var(--button_color_1);
	border-radius: 5px;
	flex-shrink: 0;
	height: 20px;
	margin-left: 10px;
	position: relative;
	width: 20px;
	z-index: 10;
}

div.tk_torlo:after {
	position: absolute;
	top: 4px;
	bottom: 0;
	left: 0;
	right: 0;
	content: '\d7';
	color: #ffffff;
	font-size: 25px;
	line-height: 17px;
	text-align: center;
}

div.tk_torlo:hover {
	background-color: var(--button_color_2);
}

/* Mínusz és plusz gombok */
div.tk_minusz, div.tk_plusz {
	background-color: var(--button_color_1);
	border-radius: 5px;
	flex-shrink: 0;
	height: 20px;
	margin-left: 10px;
	position: relative;
	width: 20px;
	z-index: 10;
}

div.tk_minusz:after, div.tk_plusz:after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: -4px;
	right: 0;
	color: #ffffff;
	font-size: 15px;
	line-height: 20px;
	text-align: center;
}

div.tk_plusz:after {
	left: 4px;
}

div.tk_minusz {
	margin-left: auto;
}

div.tk_minusz:hover, div.tk_plusz:hover {
	background-color: var(--button_color_2);
}

div.tk_minusz:after {
	content: '\279C';
	transform: rotate(90deg);
}

div.tk_plusz:after {
	content: '\279C';
	transform: rotate(-90deg);
}

/* Termék kiegészítés össz ár */


/* Variáció választó */
/*
div#termeklap_variacio_tarto {
	border: 1px solid var(--border_color_1);
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap; 
	margin: 50px auto;
	max-width: 800px;
}

ul#termeklap_variacio_lista {
	color: var(--text_color_1);
	font-size: 16px;
	padding: 20px;
}

ul#termeklap_variacio_lista li {
	list-style-type: none;
	display: flex;
	padding: 10px 0;
}

span.termeklap_variacio_felirat_tulajdonsag {
	padding: 0 20px;
}

p#ossz_ar_szoveg {
	color: var(--text_color_1);
	font-size: 16px;
	font-weight: bold;
	padding: 20px;
}
*/

/* Terméklap feltételek */

div.termeklap_feltetel_sor {
	margin-bottom: 15px;
}

div.termeklap_feltetel_sor input[type="checkbox"] {
	cursor: pointer;
	height: 15px;
	margin-right: 10px;
	width: 15px;
}

div.termeklap_feltetel_sor a {
	color: var(--text_color_3);
}

/* Terméklap termék ikon lista */

div#mod_termeklap div.termek_lista_flex {
	padding-top: 0;
}

@media (min-width: 1200px) {
	div#mod_termeklap div.termek_lista_flex article.termek_elem {
		flex: 0 0 25%;
		max-width: 25%;
	}
}