/* content: ""; => https://www.compart.com/en/unicode/html */

@import "custom-check-radio.css";
@import "fontawesome.css";
@import "swiper-bundle.min.css";

:root {
	--szin-kek1: #326AF9; /* szin-fo */
	--szin-kek2: #80C8FF; /* szin-select */
	--szin-zold1: #217345; /*  */
	--szin-zold2: #96c346; /*  */
	--szin-zold3: #00B53D; /* pipa */
	--szin-arany0: #B5995C; /*  */
	--szin-arany1: #A99356; /*  */
	--szin-arany2: #E3D7BA; /*  */
	--szin-arany3: #F5E0B8; /* top-bar */
	
	--szin-feher: #fff;
	--szin-fekete: #111;
	--szin-szurke: #888;
	--szin-szurke2: #aaa;
	--szin-666: #666;
	--szin-bg-vilagos: #F6F6F6;
	--szin-fo: var(--szin-kek1);
	--szin-select: var(--szin-kek2);
	--szin-border: #DBDBDB;
	--border-r5: 5px;
	--border-r10: 10px;
	--border-r20: 20px;
	--border-r50: 50px;
	--boxShadow: 0 0 20px 0 #0002;
	--focusShadow: 0 0 10px 0 #0006;
	--transitionSec: 0.2s;
	--opacity-low: 0.4;
	--opacity-mid: 0.7;
}
::selection { background-color: var(--szin-select); color: var(--szin-fekete); }
::placeholder { color: var(--szin-666); font-size: 0.8em; }
::-ms-input-placeholder { color: var(--szin-szurke2); }
/* { transition: color, background-color, border-color, box-shadow; transition-duration: var(--transitionSec); }*/
body { font-family: 'Montserrat' !important; color: var(--szin-fekete); }
.container:has(h1), #bemutatkozas { margin-bottom: 80px; }

input, select, textarea, .form-control { transition: box-shadow var(--transitionSec); border-radius: var(--border-r5); }
textarea { width: 100%; height: 10em; min-height: 5em !important; max-height: 25em !important; resize: vertical; }
input:focus, select:focus, textarea:focus, .form-control:focus { box-shadow: var(--focusShadow); outline: none; }
input.hidden { max-height: 1px !important; max-width: 1px !important; border: 0 !important; opacity: 0 !important; padding: 0 !important; outline: 0 !important; margin: 0 !important; }
input[disabled], input[readonly] { cursor: not-allowed; }
button { border: 0; background-color: var(--szin-fo); border-radius: var(--border-r50); padding: 0.5em 1.2em; color: var(--szin-feher); font-weight: 600; letter-spacing: 0.1em; }
button:hover { background-color: var(--szin-select); }
select.nyil { background-image: linear-gradient(45deg, transparent 50%, var(--szin-szurke2) 50%), linear-gradient(135deg, var(--szin-szurke2) 50%, transparent 50%); background-position: calc(100% - 18px) 50%, calc(100% - 12px) 50%; background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; }
select.nyil:focus { background-image: linear-gradient(45deg, var(--szin-szurke) 50%, transparent 50%), linear-gradient(135deg, transparent 50%, var(--szin-szurke) 50%); background-position: calc(100% - 12px) 50%, calc(100% - 18px) 50%; background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; outline: 0; }

.kerekinput { position: relative; width: 100%; max-width: 100%; }
.kerekinput input { width: 100%; max-width: 100%; border-radius: var(--border-r50) !important; }
.kerekinput button { position: absolute; top: 0; right: 0; height: 100%; border-radius: var(--border-r50) !important; }

.input-group button:last-child { border-radius: 0 var(--border-r5) var(--border-r5) 0 !important; }
.input-group input { border-radius: var(--border-r5) !important; }
.input-group:has(button) input { border-radius: var(--border-r5) 0 0 var(--border-r5) !important; }
.input-group-text { background-color: transparent; border: 0; }
.form-group, .form-floating { margin: 1em 0; }
.form-floating > .form-control { min-height: 0; }
.form-floating label { color: var(--szin-szurke2); } /* aka: placeholder */
.form-floating > textarea.form-control { height: 10em; }
/* input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }*/ /* number nyilak rejése Chrome */
input[type=number] { /* -moz-appearance: textfield; */ text-align: right; } /* number nyilak rejése Firefox */

a { color: var(--szin-fo); text-decoration: none; }
a:hover {color: var(--szin-select) !important; }
.pointer { cursor: pointer !important; }
a.gomb { color: #fff !important; padding: 3px 15px; background-color: var(--szin-fo); border-radius: var(--border-r50); }
a.gomb:hover { background-color: var(--szin-select); }
a.tovabbi { display: inline-block; text-align: center; margin-top: 30px; border: 2px solid var(--szin-fo); border-radius: var(--border-r50); padding: 16px 40px; font-weight: 700; }
a.tovabbi:hover { border-color: var(--szin-select); }

h1 { font-size: 2.0rem; font-weight: 700; }
h2 { font-size: 2.0rem; margin-bottom: 20px; font-weight: 700; text-align: center; }
h2 a { color: var(--szin-fekete); }
h2 a:hover { color: var(--szin-select); }
h3 { font-size: 1.8rem; margin-bottom: 20px; font-weight: 500; text-align: center; }
h4 { font-size: 1.4rem; }

#main-header, #mobile-header { position: sticky; left: 0; top: 0; transition: top var(--transitionSec); z-index: 500; }
nav { box-shadow: var(--boxShadow); font-weight: 600; }
nav .top-bar { background-color: var(--szin-arany3); font-size: 10px; padding: 5px 0; }
nav .top-bar .garancia-szamok svg.ikon { color: var(--szin-zold3); margin: 0 10px 0 20px; }
nav .top-bar .ti-csillagok svg.ikon { margin-right: 5px; font-weight: 300; }
nav .top-bar .ti-csillagok:hover { color: var(--szin-select); }
nav .top-bar .ti-csillagok .tarolo { display: flex; min-height: 16px; aspect-ratio: 6.5; margin-right: 10px; }
nav .top-bar .ti-csillagok .tarolo .otcsillag { line-height: 0; display: block; white-space: nowrap; overflow: hidden; color: #B78D39; height: 100%; }

nav .middle-bar { background-color: var(--szin-bg-vilagos); padding: 10px 0; }
nav .middle-bar .logo img {	height: 60px; max-height: 60px; }
nav .middle-bar a.reszletes { margin-left: 10px; font-size: 12px; }
nav .middle-bar .ikonok { font-size: 11px; padding: 0; }
/* nav .middle-bar .ikonok .nyelv-valaszto, #mobilmenu-modal .nyelv-valaszto { display: inline-block; width: 24px; height: 16px; margin:0; background: url('/images/zaszlok.png') no-repeat fixed left; } */
nav .middle-bar .ikonok .head-ikon { color: var(--szin-fekete); margin-left: 0.8em; }
nav .middle-bar .ikonok .head-ikon:hover { color: var(--szin-select); }
nav .middle-bar .ikonok .head-ikon a { color: inherit !important; }
nav .middle-bar .ikonok .head-ikon .kosar { border: 1px solid black; border-radius: var(--border-r50); padding: 5px 10px; }
nav .middle-bar .ikonok .head-ikon .kosar:hover { border-color: var(--szin-select);}
nav .middle-bar .ikonok .head-ikon .kosar span { margin: 0 0.3em; }
.nyelv-valaszto { display: inline-block; width: 24px; height: 16px; margin:0; background: url('/images/zaszlok.png') no-repeat fixed left; }

nav .bottom-bar { background-color: var(--szin-feher); padding: 20px 0; }
nav .bottom-bar .termekek_funkcio_szuro { border-radius: var(--border-r50); background-color: var(--szin-fo); color: var(--szin-feher); cursor: pointer; }
nav .bottom-bar .termekek_funkcio_szuro:hover { background-color: var(--szin-select); }
nav .bottom-bar .termekek_funkcio_szuro, nav .bottom-bar .kiemelt { font-size: 12px; padding: 8px 16px; }
nav .bottom-bar [id^="alfunk_lista_"] { display: none; width: 300px; white-space: wrap; }
nav .bottom-bar .kiemelt { border-radius: var(--border-r50); border: 2px solid var(--szin-fo); cursor: pointer; }
nav .bottom-bar .kiemelt:hover { border-color: var(--szin-select); }
nav .bottom-bar .alfunk_lista { padding: 0; }
/*nav .bottom-bar .dropdown-menu { min-width: content-width; }*/
nav .bottom-bar .linkek, nav .bottom-bar .gombok { display: flex; align-items: center; gap: 10px; }
nav .bottom-bar .linkek a { color: var(--szin-fekete); font-size: 12px; }
nav .bottom-bar .linkek a:hover { color: var(--szin-select); }
#termekek_funkcio_lista div { align-items: normal; padding: 0 10px; }
#termekek_funkcio_lista div a { color: var(--szin-fekete) !important; padding: 5px 12px; border-radius: var(--border-r5); display: block; width: 100%; transition: padding var(--transitionSec); }
#termekek_funkcio_lista div a:hover { background-color: var(--szin-select); padding: 5px 6px 5px 18px; }
.funkcio_db { font-size: 0.8em; font-weight: 400; }
#fofunkciok, nav .bottom-bar [id^=alfunk_lista_] { border-right: 1px solid silver; }
#funkcio-marketing-szoveg { white-space: wrap; width: 100%; font-weight: 300; display: flex; flex-direction: column; padding: 0 !important; }
.ajaxfunksql { display: flex; flex-direction: column; align-items: center !important; gap: 20px; }
.ajaxfunksql div { height: 200px; }
.ajaxfunksql img { max-height: 200px; aspect-ratio: 1; }
.ajaxfunksql h3 { font-size: 1.5em; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid var(--szin-border); width: 100%; }
.ajaxfunksql small { font-size: 0.4em; padding: 3px; float: right; border: 1px dotted red; position: absolute; top: 10px; right: 20px; background-color: #fffb; border-radius: var(--border-r5); }

#figyelmezteto_szoveg { margin-top: 10px; box-shadow: var(--boxShadow); }
#figyelmezteto_szoveg_bezar { position: relative; top: -10px; width: 20px; height: 20px; float: right; text-align: center; font-size: 14pt; font-weight: bold; cursor: pointer; }
#figyelmezteto_szoveg_bezar:hover { color: red; }

#cover { height: 280px; width: 100%; background: linear-gradient(90deg, rgba(31, 44, 70, 0.40) 42.5%, rgba(255, 255, 255, 0.00) 100%), url('/sites/golding2/images/golding-cover-legifoto2.jpg') lightgray 50% / cover no-repeat; display: flex; align-items: center; flex-shrink: 0; }
#cover .tartalom { display: flex; width: 100%; flex-direction: column; justify-content: center; align-items: flex-start; gap: 5px; flex-shrink: 0; color: var(--szin-feher); }
#cover .tartalom .focim { font-size: 24px; font-weight: 800; line-height: 130%; }
#cover .tartalom .alcim { font-size: 20px; font-weight: 700; }
#cover .tartalom .alcim2 { font-size: 16px; font-weight: 400; }
#cover .tartalom a.kiemelt { color: var(--szin-feher); font-weight: 700; text-transform: uppercase; padding: 5px 15px; background-color: var(--szin-fo); border-radius: var(--border-r50); margin-top: 10%; }
#cover .tartalom a.kiemelt:hover { background-color: var(--szin-select); color: var(--szin-feher) !important; }

#nyitolap .blokk { margin: 0; padding: 50px 0; }
#nyitolap .blokk.fekete { background: linear-gradient(180deg, var(--szin-bg-vilagos) 75%, #000 75%); padding: 0; }
#nyitolap #kiemeltek { padding-top: 0; }

#kiemeltek { width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 40px; }
#kiemeltek .kepek { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 10px; align-self: stretch; }
#kiemeltek .kepek .egysor { display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; gap: 10px; align-self: stretch; }
#kiemeltek .kepek .egysor .kep { display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; gap: 20px; flex: 1 0 0; cursor: pointer; white-space: break-spaces; padding: 10px; height: 160px/* 320px */; border-radius: var(--border-r10); -webkit-transition: all var(--transitionSec) ease-in-out; }
#kiemeltek .kepek .egysor .kep:hover { box-shadow: var(--focusShadow); }
#kiemeltek .kepek .egysor .kep a { color: var(--szin-feher); font-size: 18px; font-style: normal; font-weight: 600; line-height: 130%; -webkit-transition: all var(--transitionSec) ease-in-out; }
/*#kiemeltek .kepek .egysor .kep:hover a { color: var(--szin-fo); }*/
#kiemeltek .kepek .egysor .kep .szoveg { padding: 0; background: #0003; color: var(--szin-feher); box-shadow: var(--boxShadow); border-radius: var(--border-r5); display: flex; flex-wrap: wrap; height: 0; width: 100%; font-size: 0; -webkit-transition: all var(--transitionSec) ease-in-out; }
#kiemeltek .kepek .egysor .kep:hover .szoveg { padding: 5px; height: 50%; font-size: 1em; overflow-y: auto; overflow-x: auto; max-height: 120px; }
/* #bottom-bar #kiemeltek .kepek .egysor .kep .szoveg, #nyitolap #kiemeltek .kepek .egysor .kep .szoveg { padding: 0; } */
#bottom-bar #kiemeltek .kepek .egysor .kep:hover .szoveg { padding: 5px; font-size: 1.2em; }
#nyitolap #kiemeltek .kepek .egysor .kep:hover .szoveg { padding: 5px; }

/* #gyik { display: flex; padding: 20px 0; flex-direction: column; align-items: center; gap: 40px; align-self: stretch; } */
#gyik .kerdesek { margin: 0 auto; border-radius: var(--border-r10); background-color: var(--szin-feher); display: flex; padding: 40px; flex-direction: column; flex: 1 0 0; }
#gyik .egyik { padding: 20px 0; margin: 0; border-top: 1px solid var(--szin-border); }
#gyik .egyik:first-child, #gyik h2 > .egyik { border-top: 0; }
#gyik h2.csoportnev { font-size: 1.5em; text-align: left; margin: 40px 0 12px; color: var(--szin-fekete); }
#gyik .egyik h3 { font-weight: 700; }
#gyik [id^="collapse_block"] p { margin: 0; text-align: right; }
#gyik [id^="collapse_block"] { display: none; margin-left: 27px; padding: 10px; font-size: 14px; font-weight: normal; color: var(--szin-fekete); }
#gyik [id^="up_"] { color: var(--szin-select); display: inline-block; padding: 2px 6px; border-radius: var(--border-r5); }
#gyik [id^="up_"]:hover { cursor: pointer; background-color: var(--szin-select); color: var(--szin-feher); }

#nyitolap #feliratkozas { background-color: var(--szin-fo); border-radius: var(--border-r10); color: var(--szin-feher); padding: 20px; }
#nyitolap #feliratkozas .cim { font-size: 2em; font-weight: 700; margin-bottom: 10px; }
#nyitolap #feliratkozas form { width: 100%; }
#nyitolap #feliratkozas input { border: 2px solid var(--szin-feher); padding-right: 110px; }
#nyitolap #feliratkozas button { border: 2px solid var(--szin-feher); background-color: var(--szin-fo); color: var(--szin-feher); padding-left: 15px; padding-right: 15px; text-transform: uppercase; }
#nyitolap #feliratkozas button:hover { background-color: var(--szin-select); }

/* #feliratkozas .form-group, #feliratkozas .form-floating { margin: 1em 0; }
#login .form-group, #login .form-floating { margin: 1em 0; }
#login_modal .form-group, #login_modal .form-floating { margin: 1em 0; }
#regisztracio .form-group, #regisztracio .form-floating { margin: 1em 0; }
#il_cd .form-group, #il_cd .form-floating { margin: 1em 0; }
#visszahivas .form-group, #visszahivas .form-floating { margin: 1em 0; }
#partner_options .form-group, #partner_options .form-floating { margin: 1em 0; } */
#regisztracio strong { font-weight: 600; color: var(--szin-fo); }
#login .jelszoemlekezteto { background: var(--szin-bg-vilagos); box-shadow: var(--boxShadow); margin: 60px auto; }

/*#elonyok { gap: 6px; display: flex; justify-content: center; align-items: center; }*/
#elonyok { margin: 10px 0; gap: 6px; display: flex; flex-wrap: wrap; justify-content: center; /* align-items: center; */ }
#elonyok .elony { font-size: 13px; padding: 6px; gap: 6px; max-width: 30%; flex: 33%; font-weight: 200; display: flex; flex-direction: column; align-items: center; /* flex: 1 0 0;  */border-radius: var(--border-r10); background-color: var(--szin-feher); box-shadow: var(--boxShadow); text-align: center; }
#elonyok .elony:hover { box-shadow: var(--focusShadow); }

#trustindex-google-velemeny { background-color: var(--szin-feher); padding: 20px; border-radius: var(--border-r10); }
#trustindex-google-velemeny .ti-header-write-btn { background-color: var(--szin-fo); border-radius: var(--border-r50); border: 0; }
#trustindex-google-velemeny .ti-header-write-btn:hover { background-color: var(--szin-select); }
#trustindex-google-velemeny .ti-inner { border-radius: var(--border-r10) !important; }

/* #ugyfelszolgalat h4 { margin: 50px 0 10px; } */
#ugyfelszolgalat .kartyak { display: grid; grid-template-columns: auto; gap: 40px; align-items: start; justify-content: space-between; }
#ugyfelszolgalat iframe, #ugyfelszolgalat .terkep { border-radius: var(--border-r10); box-shadow: var(--boxShadow); margin: 20px auto; max-width: 100%; }
#ugyfelszolgalat iframe { width:100%; aspect-ratio:2; }
#ugyfelszolgalat .bandb { max-width: 50%; }

#emblemazasinfo h2 { font-weight: 500; font-size: 1.2em; }
#emblemazasinfo h4 { font-weight: 300; }
#emblemazasinfo .leirasok .collapse_link { padding: 20px 0; margin: 0; border-top: 1px solid var(--szin-border); }
#emblemazasinfo .leirasok .collapse_link:first-child { border-top: 0; }
#emblemazasinfo .leirasok .collapse_block { box-shadow: var(--boxShadow); border-radius: var(--border-r10); margin: 0 10px 10px; padding: 15px; }
#emblemazasinfo center img { width: 80%; }
#emblemazasinfo .leirasok div span:first-child { font-weight: 600; display: inline-block; min-width: 100px; }
#emblemazasinfo div.bevezeto { line-height: 2em; }

#blog .form-floating { margin: 0; }
#blog div.form { display: flex; justify-content: right; }
#blog form { width: 400px; max-width: 100%; }
#blog div.blog_eleje { display: flex; flex-direction: column; }
#blog .main_image, #hirek .main_image { max-width: 30%; max-height: 8em; }
#blog img, #hirek img { background-color: var(--szin-feher); box-shadow: var(--boxShadow); border-radius: var(--border-r10); border: 0; margin-top: 15px; cursor: default; }
#blog, #hirek, #blog .egyblog, #hirek p { font-family: verdana; font-size: 12pt; line-height: 1.6em; text-align: justify; color: #444444; /* margin-bottom: 2em; */ }
#blog h1.egyblog, #hirek h1.egyhir { font-size: 1.5em; }
#blog h2, #hirek h2 { font-size: 1.25em; line-height: 2em; text-align: left; margin: 40px 0 10px; border: 0; border-bottom: 1px solid var(--szin-select); text-transform: none; }
#blog h3, #hirek h3 { margin-top: 20px; }
#blog h4, #hirek h4 { margin: 15px 0; text-transform: none; }
#blog small, #hirek small { float: right; font: italic 10pt verdana; display: inline-block; text-align: right; }
#blog figure.image img, #hirek figure.image img, #blog .image_resized, #hirek .image_resized { display: block; max-width: 100%; margin: 5px 10px 10px 0; float: none; }
#blog .image_resized, #hirek .image_resized { float: left; }
#blog .reszletek_link { font-style: italic; font-weight: 400; font-size: 9pt; }
.egyblog a, #blog a span { color: var(--szin-fo) !important; text-decoration: none !important; }
.egyblog a span u { text-decoration: none !important; }
.egyblog a:hover, #blog a span:hover { color: var(--szin-select) !important; }

#il_cd div.form { display: flex; justify-content: right; }
#il_cd form.keres { max-width: 600px; width: 100%; }
#il_cd form.keres .form-floating { margin: 0; }
#il_cd #il_keres { border-radius: 0 !important; }
#il_cd .teteje { display: flex; flex-wrap: wrap; justify-content: space-between; }
#il_cd .egyblokk { display: flex; justify-content: center; flex-wrap: wrap; border: 1px solid var(--szin-border); gap: 20px; padding: 20px; border-radius: var(--border-r10); margin: 10px 0; }
#il_cd .egyblokk img { width: 200px; }

#bemutatkozas .kiskep { max-width: 90%; margin-top: 5%; border-radius: var(--border-r10); box-shadow: 0 0 0 2px white, var(--boxShadow); }
#bemutatkozas div.kuldetesunk { border-width: 1px 0; border-style: solid; border-color: var(--szin-border); padding: 16px 0 16px 0; margin: 12px 0; text-align: justify; }
#bemutatkozas p.ikonosszoveg { border-top: 1px solid var(--szin-border); padding: 12px 0; margin: 0; overflow: auto; text-align: justify; }
#bemutatkozas p.ikonosszoveg img { float: left; margin-right: 24px; width: 120px; }
#bemutatkozas p.erossegunk { text-align: center; padding: 12px; }
#bemutatkozas p.erossegunk span { display: inline-block; padding: 5px 25px; margin: 10px 20px; border-radius: var(--border-r50); background-color: #004; font-weight: bold; color: white; box-shadow: var(--boxShadow); }
#bemutatkozas img.epuletkep { display: block; width: 90%; margin: 25px auto; border-radius: var(--border-r20); box-shadow: var(--boxShadow); }

#karrier .munkamenu { display: flex; flex-direction: column; gap: 8px; align-items: center; margin-bottom: 30px; }
#karrier .munkamenu a { width: 100%; }

#markak h3 { text-align: left; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid var(--szin-border); font-size: 1.6em; }
#markak .ikonok { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 15px; }
#markak p { margin-bottom: 3em; font-size: 13pt; line-height: 1.6em; }
#markak div > img { margin-bottom: 1em; }
#markak a.kep { display: inline-block; width: 90px; line-height: 90px; }
#markak a img { width: 100%; height: auto; }
#markak .marka { display: flex; flex-wrap: wrap; justify-content: center; margin-top: 40px; }
#markak .marka .ikon { min-width: 200px; display: flex; justify-content: center; align-items: flex-start; }
#markak .marka .ikon img { max-width: 150px; }


#kereses { border: 1px solid var(--szin-border); border-radius: var(--border-r20); padding: 20px; }
#kereses .egyblokk { display: flex; flex-direction: column; gap: 5px; width: 100%; position: relative; }
#kereses .egyblokk.foblokk { gap: 30px; }
#kereses .egyblokk .sor { display: flex; flex-direction: row; align-items: flex-start; gap: 5px; flex-wrap: wrap; justify-content: space-between; }
#kereses .szuro-torol { position: absolute; top: 0; right: 0; }
.szuro-torol { color: #F00; }
.szuro-torol:hover { color: #a00 !important; }
#kereses .form-floating { margin: 0; }
#kereses #cikknev { width: 100%; }
#kereses input { display: inline-block; }
#kereses .kerekinput input { padding-right: 60px !important; }
#kereses input.napon-belul { padding: 2px 4px; width: 50px; }
/* #kereses .price .form-floating { max-width: 40%; display: inline-block; } */
/* #kereses .price [name="armax"] { border-radius: 0 !important; } */
#kereses [id^="collapse_link"]::before { margin: 0 5px 0 0; }
#kereses .akt_szuro { margin-left: 16px; color: var(--szin-szurke) !important; font-size: 13px; }
/*#kereses .valasztott { color: var(--szin-fo); font-weight: 500; }*/
#kereses .collapse_link { font-size: 16px; font-weight: 500; line-height: 2em; }
#kereses .collapse_block label { width: 100%; }
#kereses .collapse_block label:hover { color: var(--szin-select); }
/* #kereses label:has(input:checked) { color: var(--szin-fo); font-weight: 500; } */
#kereses .alfunk { margin-left: 0.6em; margin-bottom: 1em; padding-left: 1em; border-left: 1px solid var(--szin-border); }
#kereses .kinyito_jel { float: right; /* color: var(--szin-fo); */ }
/* #kereses .kinyito_jel:hover { color: var(--szin-select); } */
/*#kereses .kinyito_jel i:after { content: "+"; font-weight: 600; font-style: normal; }*/
#kereses .kinyito_jel i:after { content: ""; display: block; height: 12px; width: 12px; background-size: 12px 12px; background-image: url("/images/play.svg"); background-repeat: no-repeat; transition: var(--transitionSec); }
#kereses .kinyito_jel i.nyitva:after { transform: rotate(180deg); }
#kereses div.kereso_ruha_elvalaszto { border: 0px; border-bottom: 1px solid var(--szin-border); width: 92%; margin: 10px auto; height: 0px; }
#kereses .ikon, #kereses .szinkodpotty { margin: 0 0.25em; }
#kereses .nincstalalat { background-color: red; padding: 2px 5px; border-radius: var(--border-r10); display: inline-block; }
#kereses #keres_gomb { position: -webkit-sticky;  position: sticky; bottom: 10px; z-index: 10; }

.product-list .termekek_felett { padding: 0px; background-color: var(--szin-feher); position: relative; margin-bottom: 20px; }
.product-list .termekek_felett .szurolista { /* overflow: hidden; max-height: 55px; */ min-height: 30px; z-index: 1; border: 1px solid var(--szin-border); border-radius: var(--border-r10); padding: 12px; }
.product-list .termekek_felett .szurolista strong { font-weight: 500; }
#termekekphp .order div { margin-left: 20px; }
#termekekphp .termekek-bal-oldal { display: flex; flex-direction: column; gap: 30px; }

#cikkadat { justify-content: center; align-items: flex-start; align-self: stretch; }
#cikkadat h5 { font-size: 20px; font-weight: 700; line-height: 160%; margin: 0; }
#cikkadat .kepek { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; }
#cikkadat .cikkadat-cikkkep-swiper { border: 1px solid var(--szin-border); border-radius: var(--border-r10); }
#cikkadat .cikkadat-cikkkep-swiper .swiper-slide img { width: 80%; height: 80%; margin: 10px auto; }
#cikkadat .cikkadat-cikkkep-swiper-thumbs { height: 25%; box-sizing: border-box; padding: 5px; }
#cikkadat .cikkadat-cikkkep-swiper-thumbs img { height: 100%; max-height: 45px; width: auto !important; }
#cikkadat .cikkadat-cikkkep-swiper-thumbs .swiper-slide { height: 60px; opacity: var(--opacity-low); border: 1px solid var(--szin-border); border-radius: var(--border-r5); padding: 5px; cursor: pointer; overflow: hidden; }
#cikkadat .cikkadat-cikkkep-swiper-thumbs .swiper-slide-thumb-active, #cikkadat .cikkadat-cikkkep-swiper-thumbs .swiper-slide:hover { opacity: 1; }
#cikkadat .swipergaleryhd { display: none; }
#cikkadat #subjellemzok:empty { display: none; }
#cikkadat #subjellemzok { display: flex; gap: 10px; flex-wrap: wrap; }
#cikkadat #subjellemzok img, #cikkadat #subjellemzok i { border: 1px solid var(--szin-border); border-radius: var(--border-r5); padding: 3px; min-height: 40px; max-height: 40px; }
#cikkadat #subjellemzok i { display: flex; justify-content: center; align-items: center; color: gray; font-size: 1.6em; aspect-ratio: 1; }
#cikkadat .kep360, #cikkadat .videoablak { border: 1px solid var(--szin-border); border-radius: var(--border-r10); width: 100%; }
#cikkadat .adatok { display: flex; flex-direction: column; align-items: flex-start; gap: 15px; flex: 1 0 0; }
#cikkadat .adatok .foadatok { display: flex; flex-direction: column; gap: 10px; width: 100%; }
#cikkadat .adatok .foadatok h1 { font-size: 1.8em; margin: 0; }
#cikkadat .adatok .cikkszam { display: flex; justify-content: space-between; align-items: center; align-self: stretch; }
#cikkadat .adatok .cikkszam .hasonlit { display: flex; gap: 10px; }
#cikkadat .adatok .cikkszam .hasonlit a { color: var(--szin-fekete); }
#cikkadat .adatok .cikkszam .hasonlit a:hover { color: var(--szin-select); }
#cikkadat .adatok .listaar { display: flex; align-items: center; gap: 30px; align-self: stretch; justify-content: space-between; }
#cikkadat .adatok .listaar .ar { font-size: 20px; font-weight: 700; }
#cikkadat .adatok .listaar .olcsobban { font-size: 14px; font-weight: 500; cursor: help; }
#cikkadat .szinpottyok { width: 100%; }
#cikkadat .szinkodpotty { margin: 5px; }
#cikkadat .cikkadat_rendeles { width: 100%; }
#cikkadat form .step { display: flex; margin-bottom: 20px; }
#cikkadat .stepnum { border-radius: var(--border-r50); display: inline-block; width: 30px; height: 30px; aspect-ratio: 1; text-align: center; font-weight: 700; background-color: #ccc; color: white; padding: 4px; margin-top: -5px; margin-right: 15px; }
#cikkadat input[type=number] { border: 1px solid var(--szin-border); border-radius: var(--border-r5); width: 100px; min-width: 100px; padding: 12px; font-weight: 400; }
#cikkadat .embl_valaszto { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; align-self: stretch; width: 100%; }
#cikkadat .embl_valaszto label { /* display: flex; justify-content: space-between; align-items: center; align-self: stretch; */ font-size: 0.9em; font-weight: 400; cursor: pointer; width: 100%; }
#cikkadat label:hover { color: var(--szin-select); }
/* #cikkadat .embl_valaszto label i { margin-left: 20px; float: right; } */
#cikkadat .embl_valaszto .fa-eye { color: var(--szin-fo); padding: 3px; }
#cikkadat .embl_valaszto .fa-eye.nincs { color: var(--szin-szurke2) !important; padding: 3px; }
#cikkadat .embl_valaszto .fa-eye:hover { color: var(--szin-select); }
#cikkadat label[id^=label_szin_] { margin-right: 20px; }
#cikkadat .embl_valaszto a { display: flex; justify-content: flex-end; width: 100%; color: var(--szin-fekete); }
#cikkadat .embl_valaszto a:hover { color: var(--szin-select); }
#cikkadat #kedvezmenyes_ar .final { color: var(--szin-fo); font-size: 1.3em; font-weight: 600; }
#cikkadat a.kosarba_tesz { margin: 10px 0; color: var(--szin-feher); background-color: var(--szin-fo); text-align: center; display: flex; align-items: center; justify-content: center; gap: 10px; cursor: pointer; border-radius: var(--border-r50); padding: 10px; text-transform: uppercase; font-weight: 700; }
#cikkadat a.kosarba_tesz:hover { background-color: var(--szin-select); color: var(--szin-feher) !important; box-shadow: var(--boxShadow); }
#cikkadat .collapse_link { font-weight: 500; line-height: 130%; }
#cikkadat .collapse_block { padding-top: 10px; margin-top: 10px; font-size: 0.8em; }
#cikkadat #savok_tablazat .savok_fej { font-weight: 500; }
#cikkadat #savok_tablazat .kedv_savok { display: grid; }
#cikkadat #savok_tablazat .kedv_megj { justify-content: center; font-weight: 200; margin-top: 10px; }
#cikkadat .termekadat_fej { justify-content: center; font-weight: 600; margin-top: 10px; }
#cikkadat .elegedettsegi_garancia_cikkadat { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 20px; width: 100%; padding: 30px; margin-top: 40px; line-height: 1.5em; font-weight: 500; color: var(--szin-666); }
#cikkadat .elegedettsegi_garancia_cikkadat img { height: 70px; }
#cikkadat .elegedettsegi_garancia_cikkadat div:has(> img) { text-align: center; }
#cikkadat .elegedettsegi_garancia_cikkadat strong { display: inline-block; font-weight: 700; margin-bottom: 10px; color: var(--szin-fekete); }
#cikkadat .cikk_elad_stat { font-size: 14px; line-height: 160%; font-weight: 300; }
#cikkadat .ruhamerettablazat { width: 100%; margin-top: 5px; border: 1px solid var(--szin-border); border-radius: var(--border-r5); }
#cikkadat .ruhamerettablazat table { width: 100%; }
#cikkadat .ruhamerettablazat table tr:hover { background-color: var(--szin-bg-vilagos); }
#cikkadat .mobilonmashova { flex-direction: column; gap: 20px; }
#cikkadat .akcios_szovegek { font-weight: 500; margin: 10px 0; color: #800; }
#cikkadat .collapse-ok { display: flex; flex-direction: column; gap: 15px; width: 100%; }
.modal.lightbox .modal-dialog .modal-content button { background-color: var(--szin-fo); height: 40px !important; max-height: 40px; width: 40px; max-width: 40px; aspect-ratio: 1; opacity: 1; border-radius: var(--border-r10); margin: auto 10px !important; }
.modal.lightbox .modal-dialog .modal-content button:hover { background-color: var(--szin-select); }
.modal.lightbox .modal-dialog .modal-content button.btn-close { max-height: 30px; max-width: 30px; }
.modal.lightbox .modal-dialog .modal-content .carousel-item .ratio { background-color: transparent !important; }
.modal-backdrop { --bs-backdrop-opacity: var(--opacity-mid); }
/* .carousel-control-next */

#kosar .cimsor { display: flex; justify-content: space-between; }
#kosar .cimsor .download { display: flex; gap: 12px; }
#kosar .cimsor .download svg, #kosar .cimsor .download img { width: 32px !important; }
#kosar .cimsor .download img { opacity: var(--opacity-mid); }
#kosar .cimsor .download img:hover { opacity: 1; }
#kosar .cimsor .download svg:first-child { margin-right: 20px; }
#kosar .cimsor .download svg:last-child { margin-left: 20px; }
#kosar .cimsor .download a.torol:hover { color: red !important; }
#kosar [id^="kosar_sor"] { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 20px; }
#kosar .details { display: flex; flex-direction: column; gap: 8px; }
#kosar .details .name { font-weight: 700; color: var(--szin-fekete) !important; }
#kosar .details .name:hover { color: var(--szin-select) !important; }
#kosar .details .embl_szoveg, #kosar .details .tetel-megjegyzes { font-weight: 400; font-size: 14px; }
#kosar .details .tetel-megjegyzes { font-style: italic; }
#kosar .details .kosar_embl_utasitas { font-weight: 600; font-size: 13px; color: var(--szin-fo); cursor: pointer; }
#kosar .details .kosar_embl_utasitas:hover { color: var(--szin-select); }
#kosar .kepnev, #kosar .jobbra { display: flex; flex-wrap: wrap; gap: 20px; }
#kosar .jobbra { width: 100%; justify-content: space-between; }
#kosar .jobbra span:empty { display: none; }
#kosar .kepnev { justify-content: center; }
#kosar .kepnev img { max-width: 120px; max-height: 120px; }
#kosar .kuka { display: flex; align-items: center; }
#kosar .kuka span { display: inline-block; width: 20px; }
#kosar .menny_ar { display: flex; flex-direction: column; gap: 5px; text-align: right; }
#kosar .menny_ar .count input { width: 100px; border:1px solid var(--szin-border);}
#kosar .menny_ar .all-price { border-top: 1px solid silver; }
#kosar .all-price { font-size: 1.1em; font-weight: 600; cursor: help; }
#kosar .torol { color: var(--szin-fo); cursor: pointer; }
#kosar .torol:hover { color: red !important; }
#kosar .ujraszamol { cursor: pointer; display: none; color: var(--szin-zold3); }
#kosar .egyebelem { display: flex; flex-wrap: wrap; gap: 5px; justify-content: space-between; align-items: center; padding: 5px 16px; font-weight: bold; }
#kosar .egyebelem .kepnev { display: flex; flex-wrap: wrap; align-items: center; }
#kosar .egyebelem .image { font-size: 1.5em; font-weight: 400; width: 120px; text-align: center; }
#kosar .kosar_vegosszeg_tablazata { background-color: var(--szin-bg-vilagos); padding: 5px; }
#kosar .kosar_vegosszeg_tablazata .jobbra { display: flex; justify-content: flex-end; }
#kosar form.radius20 { padding: 30px; }
#kosar .form-floating > label { left: auto; }
#kosar .form-floating > .form-control:focus ~ label::after, #kosar .form-floating > .form-control ~ label::after { background-color: transparent !important; }
#kosar .order-data label { font-weight: 600; line-height: 2.5em; }
#kosar .order-data label.custom-check-radio { line-height: 1.5em; }
#kosar .order-data input, #kosar .order-data textarea { padding: 15px; margin-bottom: 20px; }
/* #kosar .order-data textarea { width: 100%; height: 10em; min-height: 10em; max-height: 25em; } */
#kosar .order-data input[type="file"] { margin-bottom: 0; }
#kosar .order-data div.bal { padding: 0px; }
#kosar .order-data div.jobb { padding: 0px; }
#kosar h3 { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 30px; }
#kosar h3 a { font-weight: 600; color: var(--szin-fo); display: flex; gap: 8px; flex-direction: row; align-items: baseline; }
#kosar strong { font-weight: 600; color: var(--szin-fo); }
#kosar .szovegek > div { margin: 20px 0; }
#kosar .szovegek .fa { color: var(--szin-select); }
#kosar #megrendeles_gomb { width: 100%; text-transform: uppercase; padding: 12px; margin-top: 30px; }
#kosar .logoszoveg { font-size: 11pt; text-align: justify; }
#kosar .logoszoveg i { color: var(--szin-select); }

#partner .cimsor { display: flex; justify-content: space-between; }
#partner .partnermenu { display: flex; flex-wrap: wrap; gap: 20px; justify-content: space-between; }
#partner .partnermenu.rahu_portal a { width: 500px; }
#partner #visszaigazolas h4 { margin: 30px 0 10px; }
#partner #visszaigazolas .fejlec { font-weight: bold; border: 0 !important; }
#partner #visszaigazolas .tablerowover { font-size: 0.8em; display: flex; align-items: center; padding: 4px 0; border-top: 1px solid var(--szin-border); }
#partner #visszaigazolas .tablerowover div.pdf { width: 4%; }
#partner #visszaigazolas .tablerowover:hover { background-color: var(--szin-bg-vilagos); }
#partner #visszaigazolas .fejlec.tablerowover:hover { background-color: transparent !important; }
#partner #visszaigazolas .kintlev { color: red; font-weight: 500; }
#partner #visszaigazolas .cikknev { font-weight: 500; }
#partner #visszaigazolas form .row { display: flex; align-items: center; }

#katalogusok { display: flex; flex-direction: column; gap: 30px; }
#katalogusok h3 { display: flex; justify-content: space-between; flex-wrap: wrap; }
#katalogusok small { font-size: 0.6em; }
#katalogusok small.uj { display: flex; align-items: center; color: red; text-transform: uppercase; padding: 1px 20px; border: 1px solid red; border-radius: var(--border-r50); }
#katalogusok .egykatalogus { display: flex; flex-wrap: wrap; gap: 40px; }
#katalogusok .egykatalogus .adat a { display: flex; align-items: center; }
#katalogusok .egykatalogus .adat i.fa, #katalogusok .egykatalogus .adat svg { width: 30px; }
#katalogusok img { width: 100%; }
#katalogusok div.adat { display: flex; flex-direction: column; gap: 30px; }
#katalogusok .content { display: flex; flex-direction: column; gap: 10px; }

#alairas-ertekeles .nincscheck.custom-check-radio .checkmark { display: none; }
#alairas-ertekeles label.nincscheck img { max-width: 32px; }
#alairas-ertekeles label { padding: 2px 12px; }
#alairas-ertekeles .kiadta { display: flex; flex-direction: column; align-items: center; margin: 30px; }
#alairas-ertekeles .kiadta label { display: block; margin-top: 8px; width: 80%; max-width: 600px; border: 1px solid var(--szin-border); border-radius: var(--border-r5); }
#alairas-ertekeles .kiadta label:hover { color: var(--szin-select); border-color: var(--szin-select); }
#alairas-ertekeles .kiadta label.aktiv { font-weight: 700; color: var(--szin-fo); border-color: var(--szin-fo); }

#sutik_hasznalata_figyelmeztetes { display: flex; flex-direction: column; align-items: center; gap: 30px; position: fixed; bottom: 0px; left: 0px; z-index: 500; opacity: var(--opacity-mid); background-color: var(--szin-fo); box-shadow: var(--boxShadow); color: white; width: 100%; padding: 15px; }
#sutik_hasznalata_figyelmeztetes:hover { opacity: 1; background-color: var(--szin-select); }
#sutik_hasznalata_figyelmeztetes p { line-height: 1.4em; padding: 0; margin: 0; }
#sutik_hasznalata_figyelmeztetes button { padding: 8px 24px; }
#sutik_hasznalata_figyelmeztetes button:hover { background: #fff; color: #000; box-shadow: var(--boxShadow); }
#promo { width: 90%; max-width: 900px; padding: 25px; background-color: white; border: 1px solid var(--szin-border); border-radius: var(--border-r10); position: absolute; top: 200px; left: -1000px; z-index: 999999; line-height: 1.5em; box-shadow: var(--boxShadow); }

#mobile-header .mobile-logo img { height: 50px; }
#mobile-header .middle-bar { display: flex; align-items: center; justify-content: space-between; padding: 10px 20px; }
#mobile-header .search-bar { background-color: var(--szin-bg-vilagos); padding: 10px 20px; }
#mobile-header .radius10, #mobilmenu-modal .radius10 { padding: 10px; }
#mobile-header .ikonok div { position: relative; }
#mobile-header .ikonok div .mobil_fejlec_db { position: absolute; bottom: -8px; right: -8px; padding: 2px; border-radius: var(--border-r50); display: flex; justify-content: center; align-items: center; width: 26px; aspect-ratio: 1; background-color: var(--szin-fo); color: white; font-weight: 500; }
#mobilmenu-modal .modal-header { justify-content: space-between; }
#mobilmenu-modal .close { width: auto; position: relative; }
#mobilmenu-modal .funkcio_db { float: right; }
#mobilmenu-modal [id^="collapse_link_mobilmenu"] { padding: 10px; font-weight: 600; border-bottom: 1px solid var(--szin-border); }
#mobilmenu-modal [id^="collapse_block_mobilmenu"] a { display: flex; justify-content: space-between; padding: 10px; margin-left: 40px; font-weight: 400; border-bottom: 1px solid var(--szin-border); }
#mobilmenu-modal .egysor { display: block; width: 100%; }
#mobilmenu-modal .menupontok { display: flex; flex-direction: column; }
#mobilmenu-modal .menupontok a { display: flex; padding: 10px; border-bottom: 1px solid var(--szin-border); }
#mobilmenu-modal .valasztok { display: flex; justify-content: space-evenly; margin-top: 20px; }



.fileupload { width: 100%; border: 1px solid var(--szin-border); border-radius: var(--border-r5); padding: 15px; }
.fileupload [type="file"] { width: 100%; padding: 0 !important; border-radius: 0; }
#fileuploaduzenet .fileuploadfilename, .eddigifajl { color: var(--szin-666); font: 11pt arial; padding: 3px; border-radius: var(--border-r5); }
.eddigifajl svg { color: var(--szin-fo) !important; margin: 0 5px; }
.eddigifajl svg:hover { color: #00f !important; }
.eddigifajl:has(svg:hover) { color:var(--szin-fekete); background-color: #00f1; }
.eddigifajl svg[data-name="kuka"]:hover { color: #f00 !important; }
.eddigifajl:has(svg[data-name="kuka"]:hover) { background-color: #f001; }

.kerdes a { display: inline-block; padding: 2px 20px; border-radius: 5px; opacity: 0.6; font-weight: 500; }
.kerdes a:hover { opacity: 1; }
.kerdes .igen { background-color: #8f8; color: #080 !important; }
.kerdes .nem { background-color: #f88; color: #800 !important; }

.modal-dialog { justify-content: space-between; }
.modal-dialog .close { background: none; color: var(--szin-666); position: absolute; right: 0; top: 0; display: flex; justify-content: center; align-items: center; padding: 0; width: 30px; aspect-ratio: 1; }
.modal-dialog .close:hover { color: red; }
.modal-dialog button { display: flex; margin: 0 auto; }
.modal-dialog a { display: inline-block; padding: 8px 0; }
/* .modal-dialog textarea { width: 100%; height: 5em; min-height: 3em; max-height: 15em; resize: vertical; } */

.keszletegyadat { width: 100%; }
.keszlet_szabad { display: flex; align-items: center; justify-content: space-between; font-weight: 600; }
.mindenkeszlet { display: flex; flex-direction: column; border-bottom: 1px solid var(--szin-border); padding: 8px 0; margin: 8px 0; }
.mindenkeszlet:last-child { border-bottom: 0; }
.mindenkeszlet .cikknev { display: flex; align-items: center; gap: 6px; }
.mindenkeszlet .szinkodpotty { margin: 0;}

.ruhameret { min-width: 50px; max-width: 100px; width: 100%; display: flex; align-items: center; justify-content: center; font-weight: 700; text-align: center; color: #444; border-radius: var(--border-r5); background: var(--szin-bg-vilagos); padding: 2px; margin: 4px 0 2px; }
td.ruhameret { display: inline-block; }
.hasonlo_cikkek { display: flex; flex-wrap: wrap; gap: 10px; }
.hasonlo_cikkek h5 { display: block; width: 100%; }
.hasonlo_cikkek a:has(img) { border: 1px solid var(--szin-border); border-radius: var(--border-r10); padding: 5px; display: inline-block; }
.hasonlo_cikkek img { max-width: 90px; }
img.hasonlo_hint { max-width: 300px; }
[data-bs-dismiss] { cursor: pointer; }

/* #prefooter { min-height: 290px; background-color: #000; } */
footer { /* position: absolute; bottom: 0px; min-height: 290px; */ width: 100%; background-color: #000; color: var(--szin-feher); padding: 60px 0 20px; }
footer .logoalatt { font-size: 11.5px; margin-top: 10px; }
footer a { display: block; color: var(--szin-feher); font-size: 14px; line-height: 2em; }
footer .legajla { font-size: 12px; margin-top: 20px; }

[data-bs-toggle="dropdown"]:hover { color: var(--szin-select); cursor: pointer; }
.dropdown-menu { width: auto !important; min-width: 0; max-height: 80vh; overflow: auto; white-space: nowrap; border: 0; border-radius: var(--border-r10); box-shadow: var(--boxShadow); padding: 10px !important; }
.dropdown-menu.scroll { max-height: calc(100vh - 200px); }
.dropdown-item { display: flex; align-items: center; gap: 5px; padding: 5px 8px; }
.dropdown-item:hover, .dropdown-item:focus { background-color: var(--szin-select); color: var(--szin-fekete) !important; border-radius: var(--border-r5); }

/* svg alapértelmezett canvas méret width:300px és height:150px HTML5 szabvány szerint */
svg.ikon { color: currentColor; width: 16px; min-width: 11px; max-width: 100%; aspect-ratio: 1; stroke: currentColor; stroke-width: 10%; fill: transparent; }
svg .thin { stroke-width: 5%; }
svg .fill { fill: currentColor; }
svg .join { stroke-linejoin: round; }
svg .cap { stroke-linecap: round; }

.rate_smiley { display: flex; justify-content: space-evenly; }
.rate_smiley input { display: none; }
.rate_smiley img { width: 38px; filter: grayscale(100%); cursor: pointer; }
.rate_smiley img:hover { filter: grayscale(0%) !important; }

/* i.hint-ikon { display: inline-block; font-size: 0.8em; font-style: normal; font-weight: bold; width: 1.2em; height: 1.2em; text-align: center; border-radius: 50%; background-color: #eee; color: #666; cursor: help; }
i.hint-ikon:hover { background-color: var(--szin-select); } */

.breadcrumb_container { display: flex; }
.breadcrumb_container ol { display: flex; flex-wrap: wrap; gap: 5px; margin: 5px 0 !important; padding: 0 !important; }
.breadcrumb_container ol li { display: flex; flex-wrap: nowrap; gap: 5px; color: var(--szin-fekete); font-size: 13px; font-weight: 300; }
.breadcrumb_container ol li a { color: var(--szin-fekete); }
.breadcrumb_container ol li:after { content: "\00BB"; } /* "\00BB" >> ; "\203A" > */
.breadcrumb_container ol li:last-child { font-weight: 700; }
.breadcrumb_container ol li:last-child:after { content: ""; }

.lapozo { display: flex; justify-content: center; }
.lapozo div { padding: 1px; min-width: 50px; text-align: center; }
.lapozo a { display: inline-block; padding: 1px 15px; border-radius: var(--border-r5); }
.lapozo a:hover { background-color: var(--szin-select); color: var(--szin-feher) !important; }
.lapozo .szamok { display: flex; align-items: center; white-space: nowrap; justify-content: center; padding: 0 15px; }

.flex, .flex div { display: flex; align-items: center; }
.text-right { text-align: right !important; }
.text-left { text-align: left !important; }
.text-justify { text-align: justify !important; }
.stickytop { position: -webkit-sticky; position: sticky; top: 0px;  z-index: 1; background-color: var(--szin-feher); }
.vilagos { background-color: var(--szin-bg-vilagos); }
.php-time { display: flex; justify-content: center; background-color: black; color: #555; font-size: 6pt; margin: 0; padding: 2px; width: 100%;
	&.it_golding { opacity: var(--opacity-low); font-size: 12px; color: yellow; position: fixed; top: 0; left: 0; margin-left: 40px; z-index:1000; width: auto; }
	div { text-transform: uppercase; }
	&:hover { opacity: 1; }
}
#idot {
	tr { border-bottom: 1px dotted var(--szin-szurke2); 
		&:hover { background-color: var(--szin-bg-vilagos); }
		.lassu { color: red; font-weight: 500; }
		}
}


.egycikkblokk, .funkcio-kartyak { height: 100%; border: 1px solid var(--szin-border); border-radius: var(--border-r10); display: flex; padding: 20px; flex-direction: column; gap: 5px; flex: 1 0 0; }
div:has(> .egycikkblokk), div:has(> .funkcio-kartyak) { padding: 10px; }
.egycikkblokk img { width: 80%; }
.egycikkblokk a { color: var(--szin-fekete); }
.egycikkblokk a:hover { color: var(--szin-select); }
.egycikkblokk .adatok { display: flex; justify-content: space-between; font-size: 13px; }
.egycikkblokk .adatok.megjegyzes { color: var(--szin-szurke); text-align: justify; min-height: 125px; }
.egycikkblokk .adatok .kiirt_ar { font-weight: 500; }
.funkcio-kartyak { align-items: center; }
.funkcio-kartyak .dropdown { display: flex; flex-direction: column; align-items: center; font-size: 1.2em; font-weight: 600; gap: 20px; }
.funkcio-kartyak img { max-width: 70%; width: 70%; }

a.kiskeret { display: inline-block; width: 210px; border: 1px solid var(--szin-border); border-radius: var(--border-r5); text-align: center; padding: 3px; }
a.kiskeret:hover { color: var(--szin-select); border-color: var(--szin-select); }
a.kiskeret.aktiv { font-weight: 700; color: var(--szin-fo); border-color: var(--szin-fo); }

.nincsafa { padding: 20px; font-size: 11pt; color: var(--szin-szurke); border: 1px solid var(--szin-border); border-radius: var(--border-r10); margin: 15px 0; line-height: 1.5em; text-align: justify; }
.nincsafa p:last-child { margin-bottom: 0; }

.szinpottyok { line-height: 0; }
.szinkodpotty { border-radius: 50%; display: inline-block; width: 10%; max-width: 20px; min-width: 10px; aspect-ratio: 1; margin: 1.25%; padding: 0; transition: border-radius var(--transitionSec); }
.szinkodpotty:hover { border-radius: 20%; }

._tooltip-inner:has(.keszlethint) { width: auto; /* background-color: cyan; */ }
.keszlethint .ruhameret { display: inline-block; background-color: var(--szin-border); border-radius: var(--border-r5); color: var(--szin-fo); width: 3em; padding: 3px; text-align: center; }
.keszlethint .cikknev { color: var(--szin-fo); font-weight: 500; }
.kereses_hint_kep { max-width: 200px; }
.embl_latvany_hint img { max-width: 200px; max-height: 200px; }

[id^="collapse_link"], .collapse_link { color: var(--szin-fekete); cursor: pointer; display: block; font-size: 16px; text-align: left; padding: 0; margin: 0; }
[id^="collapse_link"]::before { content: ""; margin: 0 10px; background: url("/images/play.svg") no-repeat top left; background-size: 12px 12px; display: inline-block; width:12px; height: 12px; /* transform: rotate(-90deg); */ transition: var(--transitionSec); }
/*[id^="collapse_link"]:hover { background-color: var(--szin-select); border-radius: var(--border-r5); color: var(--szin-feher); }*/
[id^="collapse_link"]:hover { color: var(--szin-select); }
.collapse_link_open { color: var(--szin-fo); }
.collapse_link_open::before { content: ""; transform: rotate(-180deg); }
[id^="collapse_block"], .collapse_block { display: none; }

#debug_tools { font: bold 13px courier; position: fixed; top: 0px; left: 0px; opacity: var(--opacity-low); z-index: 9999;
	&:hover { opacity: 1; }
	a, div { display: block; background-color: var(--szin-select); color: var(--szin-feher) !important; padding: 6px 3px; text-decoration: none; overflow: hidden; max-width: 40px; opacity: var(--opacity-mid); white-space: nowrap;
		&:hover { opacity: 1; max-width: 100%; padding-left: 0px;
			&:before { content: ""; padding: 20px; margin-right: 8px; background-color: #eee; }
		}
	}
	span { display: inline-block; padding: 3px; background: black; color: white; }
	.dropdown-menu li { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin: 0;
		a { background: none; color: var(--szin-fo) !important; padding: 2px 15px; display: inline-block; max-width: 100%;
			&:hover {
				background-color: var(--szin-select); color: white !important; border-radius: 3px;
				&:before { padding: 0; margin: 0;}
			}
		}
	}
	div { color: var(--szin-fekete) !important; text-transform: uppercase; opacity: 1; }
}
.red { border: 1px dashed red; }
.redd div { border: 1px dotted blue; }
.bg { background-image: linear-gradient(45deg, #ff0 0%, #f00 25%, #ff0 50%, #f00 75%, #ff0); background-size: 50px 50px; animation: 0.8s linear 0s normal none infinite running progress-bar-stripes; }
[id^="collapse_link"].pw::before { display: none; }
.pw { position: relative; color: black !important; border: 1px dashed red; background-color: #ffc;padding: 3px;
	&:hover small { opacity: 0; }
	small { position: absolute; top:0; right: 0; opacity: 0.2; background: #800; padding: 0 3px; color: white; 
		&:hover { opacity: 1; }
	}
}
.pw_blokk { font: 12px courier; border: 1px dashed red; border-top: none; padding: 5px; margin:0; background-color: #ffc; }

.scroll { overflow-y: auto; overflow-x: auto; max-height: 500px; padding: 0 6px 6px 0; }
.scroll.scroll-medium { max-height: 125px; }
.scroll.scroll-tiny { max-height: 50px; }
.scroll::-webkit-scrollbar { width: 5px; height: 5px; transition: width var(--transitionSec); border-radius: var(--border-r50); }
.scroll::-webkit-scrollbar-track { background-color: var(--szin-bg-vilagos); border-radius: var(--border-r50); }
.scroll::-webkit-scrollbar-track::-webkit-scrollbar-thumb { background-color: red; }
.scroll::-webkit-scrollbar-thumb { background-color: var(--szin-select); border: 1.5px solid var(--szin-bg-vilagos); border-radius: var(--border-r50); }
.scroll:hover::-webkit-scrollbar-thumb { background-color: var(--szin-select); border: 1.5px solid var(--szin-select); }
/* .scroll::-webkit-scrollbar-thumb:horizontal:hover { cursor: ew-resize; }
.scroll::-webkit-scrollbar-thumb:vertical:hover { cursor: ns-resize; } */

.swiper { width: 100%; }
.swiper-slide { text-align: center; display: flex; justify-content: center; align-items: center; }
.swiper-slide img { display: block; width: 100%; height: 100%; margin: auto; object-fit: cover; }
.swiper-button-next, .swiper-button-prev { color: var(--szin-border); }
.swiper-button-next:hover, .swiper-button-prev:hover { color: var(--szin-select); }
.swiper-pagination-bullet { background: var(--szin-border); }
.swiper-pagination-bullet:hover { background: var(--szin-select); }
.swiper-pagination-bullet-active { background: var(--szin-fo); }
.ratio-16x9 { --bs-aspect-ratio: 80%; max-height: 100vh; }

.radius10, .radius20 { border: 1px solid var(--szin-border); border-radius: var(--border-r10); padding: 15px; }
.radius20 { border-radius: var(--border-r20); }
.radius10:has([id^="collapse_link"]) { width: 100%; }
.nowrap { white-space: nowrap; }

.print { display: none !important; }

#toTop, #toTopHover { width: 40px; height: 40px; overflow: hidden; text-align: center; z-index: 99; border-radius: var(--border-r50); }
#toTop u, #toTopHover u { text-decoration: none; }
#toTop u:before, #toTopHover u:before { position: relative; top: -38px; left: 0px; color: white; font-family: FontAwesome; font-size: 16pt; content: "\f077"; }
#toTop { display: none; text-decoration: none; position: fixed; bottom: 15px; right: 15px; border: none; text-indent: 100%; background: var(--szin-fo); cursor: pointer; }
#toTopHover { background: var(--szin-select); display: block; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); }

/* hint popover tooltip => bootstrap.css ~5760. sor ".tooltip" */

/* PRESENT_PERFECT */
#pp-header { margin-bottom: 20px; }
#pp-header #bottom-container { display: flex; gap: 15px; justify-content: space-between; align-items: center; }
#pp-header #bottom-container .search { flex-grow: 1; }
#pp-header .pp-head-fejlec { width: 100%; }
#pp-header .dropdown-item { padding: 3px 8px !important; }
#pp-header .dropdown-item:hover, #pp-header .dropdown-item:hover a { color: #fff !important; }
#pp-header .dropdown-item a { width: 100%; }
#pp-header .pp-valasztok { display: flex; gap: 6px; }

/* ettől fejlebb xs */

/* xs 540px */
@media (max-width: 575px) {
	#debug_tools div { background-color: cyan; }
	/*.tooltip.show { display: none; }*/
}

/* sm 540px */
@media (min-width: 576px) {
	#debug_tools div { background-color: green; }
}

/* md 720px */ /* ASZTALI DESCTOP */
@media (min-width: 768px) {
	::placeholder { color: var(--szin-szurke2); }
	h1 { font-size: 2.6rem; }
	h2 { font-size: 2.6rem; margin-bottom: 30px; }
	h3 { font-size: 2.2rem; margin-bottom: 30px; }
	#debug_tools div { background-color: lime; }
	svg.ikon { min-width: 12px; }
	nav .middle-bar .ikonok { font-size: 12px; }
	nav .middle-bar .ikonok .head-ikon { margin-left: 1.2em; }
	#cover { height: 380px; }
	#cover .tartalom { width: 50%; }
	#cover .tartalom { gap: 15px;  }
	#cover .tartalom .focim { font-size: 40px; }
	#cover .tartalom .alcim { font-size: 16px; }
	#cover .tartalom .alcim2 { font-size: 16px; }
	#cover .tartalom a.kiemelt { padding: 10px 30px; }
	#bemutatkozas .kiskep { margin-top: -10%; }
	#nyitolap #feliratkozas { padding: 40px 90px; }
	#elonyok { gap: 10px; }
	#elonyok .elony { font-size: 16px; padding: 20px; gap: 10px; font-weight: 500; max-width: 18%; flex: 18%;}
	#katalogusok img { width: 30%; }
	#katalogusok div:has(.egykatalogus) { padding: 30px; }
	#partner #visszaigazolas .tablerowover { font-size: 1em; }
	#emblemazasinfo .leirasok .collapse_block { margin: 0 40px 40px; padding: 40px; }
	#karrier h4 a { width: 60%; }
	#il_cd .egyblokk { flex-wrap: nowrap; justify-content: flex-start; }
	#markak .ikonok { gap: 30px; }
	#markak .marka { flex-wrap: nowrap; justify-content: flex-start; }
	#markak div > img { margin-bottom: 3em; }
	#kosar [id^="kosar_sor"] { flex-wrap: nowrap;  }
	#kosar .kepnev, #kosar .egyebelem .kepnev { flex-wrap: nowrap; justify-content: flex-start; }
	#kosar .jobbra { width: auto; justify-content: flex-start; }
	#kosar .jobbra span:empty { display: inherit; }
	#kosar .kosar_vegosszeg_tablazata { padding: 15px; }
	.modal.lightbox .modal-dialog .modal-content button { height: 60px !important; max-height: 60px; width: 60px; max-width: 60px; }
	.fel50 { transform: translate(0,-20%); }
	.keskeny-blokk { width: 60%; margin: auto; }
	.print { display: inline-block !important; }
	#sutik_hasznalata_figyelmeztetes { flex-direction: row; }
	#kiemeltek .kepek .egysor .kep { max-width: 50%; padding: 20px; height: 240px; }
	#kiemeltek .kepek .egysor .kep a { font-size: 28px; }
	#cikkadat .collapse_block { font-size: 1em; }
	#ugyfelszolgalat .kartyak { grid-template-columns: auto auto; gap: 60px; }
}

/* lg 960px */
@media (min-width: 992px) {
	#debug_tools div { background-color: yellow; }
	svg.ikon { min-width: 14px; }
	nav .middle-bar .ikonok { font-size: 14px; }
	#cover { height: 480px; }
	#cover .tartalom { gap: 18px;  }
	#cover .tartalom .focim { font-size: 46px; }
	#cover .tartalom .alcim { font-size: 19px; }
	#cover .tartalom .alcim2 { font-size: 16px; }
	#cover .tartalom a.kiemelt { padding: 12px 36px; }
	#kosar .order-data div.bal { padding-right: 40px; }
	#kosar .order-data div.jobb { padding-left: 40px; }
	.fel50 { transform: translate(0,-50%); margin-bottom: -70px !important; }
}

/* xl 1140px */
@media (min-width: 1200px) {
	::placeholder, nav .middle-bar a.reszletes, nav .bottom-bar .linkek a, nav .bottom-bar .termekek_funkcio_szuro, nav .bottom-bar .kiemelt { font-size: 14px; }
	#debug_tools div { background-color: orange;  }
	nav .top-bar { font-size: 14px; padding: 10px; }
	nav .middle-bar .ikonok .head-ikon .kosar { padding: 10px 20px; }
	nav .bottom-bar .linkek, nav .bottom-bar .gombok { gap: 15px; }
	nav .bottom-bar .termekek_funkcio_szuro, nav .bottom-bar .kiemelt { padding: 10px 24px; }
	#cover { height: 580px; }
	#cover .tartalom { gap: 18px;  }
	#cover .tartalom .focim { font-size: 56px; }
	#cover .tartalom .alcim { font-size: 21px; }
	#cover .tartalom .alcim2 { font-size: 17px; }
	#cover .tartalom a.kiemelt { padding: 12px 36px; }
	/* #ugyfelszolgalat h4 { margin-top: 80px; } */
	#ugyfelszolgalat .kartyak { grid-template-columns: auto auto auto; }
}

/* xxl 1400px */
@media (min-width: 1480px) {
	#debug_tools div { background-color: red; }
	::placeholder, nav .middle-bar a.reszletes, nav .bottom-bar .linkek a, nav .bottom-bar .termekek_funkcio_szuro, nav .bottom-bar .kiemelt { font-size: 16px; }
	nav .bottom-bar .linkek, nav .bottom-bar .gombok { gap: 20px; }
	#cover { height: 680px; }
	#cover .tartalom { gap: 20px;  }
	#cover .tartalom .focim { font-size: 64px; }
	#cover .tartalom .alcim { font-size: 24px; }
	#cover .tartalom .alcim2 { font-size: 20px; }
	#cover .tartalom a.kiemelt { padding: 15px 45px; }
	#elonyok { gap: 20px; }
	#elonyok .elony { font-size: 20px; padding: 30px; gap: 20px; }
}

@media print {
	.print { display: none !important; }
	@page { size: landscape; }
	#visszaigazolas { font-size: 80%; }
}