.fiok_oldal {float:left; clear:left; width:100%; padding-bottom:30px;}


.fiok_menu {display:grid; grid-template-columns:repeat(5,1fr); width:100%; margin:5px 0 20px; border:1px solid #ddd; border-radius:8px; background:#fff; overflow:hidden; box-sizing:border-box;}
#content .fiok_menu a {position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7px; min-height:82px; padding:10px 8px; border-right:1px solid #e5e5e5; color:#555; text-align:center; text-decoration:none; line-height:18px; box-sizing:border-box;}
#content .fiok_menu a:last-child {border-right:0;}
#content .fiok_menu a:hover {background:#fafafa; color:#f50;}
.fiok_menu .sm-icon {width:25px; height:25px;}
.fiok_menu_jelzes {display:block; font-size:11px; font-weight:700; line-height:14px; color:#0a0;}


.fiok_kredit_info {width:100%; margin:-10px 0 20px; padding:8px 12px; border:1px solid #ddd; border-radius:6px; background:#fafafa; font-size:90%; line-height:20px; box-sizing:border-box;}



.fiok_tipp {width:100%; margin:0 0 15px; box-sizing:border-box;}
#content .fiok_tipp a {display:flex; align-items:center; gap:12px; width:100%; padding:10px 15px; border:1px solid #005f89; border-radius:8px; background:#fff; color:#333; text-decoration:none; line-height:22px; box-sizing:border-box;}
#content .fiok_tipp a:hover {background:#f7fbfd;}
.fiok_tipp .sm-icon {width:27px; height:27px; color:#005f89;}
.fiok_tipp b {color:#005f89;}



.fiok_box {float:left; clear:left; width:100%; margin:5px 0 25px; padding:20px; border:1px solid #ddd; border-radius:8px; background:#fff; box-sizing:border-box;}
.fiok_box_fejlec {display:flex; align-items:center; justify-content:space-between; gap:25px; margin-bottom:18px;}
.fiok_box_fejlec h2 {margin:0;}
.fiok_box_fejlec p {margin:2px 0 0; color:#777; font-size:14px; line-height:21px;}
#content .fiok_uj_hirdetes, #content .fiok_exvas_uj {display:inline-flex; align-items:center; justify-content:center; gap:7px; text-decoration:none; white-space:nowrap;}
.fiok_uj_hirdetes .sm-icon, .fiok_exvas_uj .sm-icon {width:19px; height:19px;}


.fiok_hirdetes_kategoriak {display:grid; grid-template-columns:repeat(3,1fr); gap:6px; margin-bottom:16px;}
.fiok_hirdetes_kategoriak a {display:flex; align-items:center; justify-content:center; width:auto; min-height:42px; padding:7px 10px; border:1px solid #ddd; border-radius:6px; background:#f5f5f5; color:#555 !important; font-size:15px; font-weight:600; line-height:20px; text-decoration:none !important; box-sizing:border-box;}
.fiok_hirdetes_kategoriak a:hover {border-color:#f50; color:#f50 !important; text-decoration:none !important;}
.fiok_hirdetes_kategoriak a.aktiv {border-color:#f50; background:#f50; color:#fff !important;}
.fiok_hirdetes_kategoriak a b {margin-left:5px; font-weight:normal; font-size:85%;}
.fiok_hirdetes_kategoriak a .sm-icon {position:relative; margin-right:5px; top:1px;}


.fiok_hirdetes_lista {display:flex; flex-direction:column; gap:12px;}
.fiok_hirdetes {display:grid; grid-template-columns:130px minmax(0,1fr); gap:18px; width:100%; padding:14px; border:1px solid #ddd; border-radius:8px; background:#fff; box-sizing:border-box;}
#content .fiok_hirdetes_kep {display:block; width:130px; height:110px; border-radius:6px; overflow:hidden; text-decoration:none;}
.fiok_hirdetes_kep img {display:block; width:100%; height:100%; object-fit:cover;}
.fiok_hirdetes_adatok {min-width:0;}
.fiok_hirdetes_fejlec {display:flex; align-items:flex-start; justify-content:space-between; gap:20px;}
.fiok_hirdetes_fejlec h3 {margin:0; font-size:18px; font-weight:700; line-height:25px;}
#content .fiok_hirdetes_fejlec h3 a {color:#333; text-decoration:none;}
#content .fiok_hirdetes_fejlec h3 a:hover {color:#f50;}
.fiok_hirdetes_meta {margin-top:2px; color:#888; font-size:13px; line-height:18px;}
.fiok_hirdetes_ar {flex-shrink:0; font-size:18px; font-weight:700; line-height:25px; white-space:nowrap;}



.fiok_hirdetes_info {display:flex; align-items:center; gap:7px; width:max-content; max-width:100%; margin-top:8px; padding:3px 9px; border-radius:5px; font-size:13px; font-weight:600; line-height:19px; box-sizing:border-box;}
.fiok_hirdetes_info .sm-icon {width:17px; height:17px;}
.fiok_hirdetes_inaktiv {background:#fff0f0; color:#c40000;}
.fiok_hirdetes_kiemelt {background:#edf8ef; color:#23752d;}
.fiok_hirdetes_foto_nelkul {background:#fff5e9; color:#a75400;}



.fiok_hirdetes_muveletek {display:flex; flex-wrap:wrap; align-items:center; gap:5px 16px; margin-top:12px; padding-top:10px; border-top:1px solid #eee;}
#content .fiok_hirdetes_muveletek a {display:inline-flex; align-items:center; gap:5px; color:#555; font-size:13px; font-weight:600; line-height:20px; text-decoration:none;}
#content .fiok_hirdetes_muveletek a:hover {color:#f50;}
.fiok_hirdetes_muveletek .sm-icon {width:17px; height:17px;}
.fiok_hirdetes_jogi {margin-top:18px;}
.fiok_hirdetes_ures {padding:22px 10px 8px; color:#777; text-align:center;}



.fiok_exvas {margin-top:0;}
.fiok_exvas_bevezeto {display:grid; grid-template-columns:160px minmax(0,1fr); gap:28px; align-items:start;}
.fiok_exvas_brand {padding-top:4px; color:#777; font-size:13px; font-weight:600; line-height:19px; text-align:center;}
.fiok_exvas_brand img {display:block; width:125px; max-width:100%; height:auto; margin:0 auto 7px;}
.fiok_exvas_szoveg h2 {margin-top:0;}
.fiok_exvas_szoveg p {margin:5px 0 12px; line-height:25px;}
.fiok_exvas_lista {display:flex; flex-direction:column; gap:12px; margin-top:20px;}

.fiok_exvas_bejegyzes {display:grid; grid-template-columns:110px minmax(0,1fr); gap:16px; padding:12px; border:1px solid #ddd; border-radius:8px; box-sizing:border-box;}
#content .fiok_exvas_kep {display:block; width:110px; height:90px; border-radius:6px; overflow:hidden; text-decoration:none;}
.fiok_exvas_kep img {display:block; width:100%; height:100%; object-fit:cover;}
.fiok_exvas_adatok {min-width:0;}
.fiok_exvas_fejlec {display:flex; align-items:flex-start; justify-content:space-between; gap:15px;}
.fiok_exvas_motor {color:#777; font-size:13px; font-weight:600; line-height:18px;}
.fiok_exvas_fejlec h3 {margin:1px 0 0; font-size:17px; line-height:23px;}
#content .fiok_exvas_fejlec h3 a {color:#333; text-decoration:none;}
#content .fiok_exvas_fejlec h3 a:hover {color:#f50;}
.fiok_exvas_datum {flex-shrink:0; color:#999; font-size:12px; line-height:20px;}
.fiok_exvas_info {display:flex; align-items:center; gap:6px; margin-top:6px; color:#a75400; font-size:13px; line-height:19px;}
.fiok_exvas_info .sm-icon {width:16px; height:16px;}
.fiok_exvas_muveletek {display:flex; flex-wrap:wrap; gap:5px 16px; margin-top:9px; padding-top:8px; border-top:1px solid #eee;}
#content .fiok_exvas_muveletek a {display:inline-flex; align-items:center; gap:5px; color:#555; font-size:13px; font-weight:600; line-height:20px; text-decoration:none;}
#content .fiok_exvas_muveletek a:hover {color:#f50;}
#content .fiok_exvas_muveletek a.torles {color:#b50000;}
.fiok_exvas_muveletek .sm-icon {width:17px; height:17px;}
.fiok_exvas_ures {margin-top:18px; padding:15px; border:1px solid #eee; border-radius:6px; background:#fafafa; color:#777; text-align:center;}
.fiok_exvas_apro {margin-top:20px;}



.hirdkat_valasztok {display:grid; grid-template-columns:repeat(3,1fr); gap:12px; width:100%; margin:25px 0;}
#content .hirdkat_valaszto {display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; min-height:120px; padding:15px; border:1px solid #ddd; border-radius:8px; background:#fff; color:#555; font-size:16px; font-weight:700; text-align:center; text-decoration:none; box-sizing:border-box; cursor:pointer; transition:background .15s,border-color .15s,color .15s;}
#content a.hirdkat_valaszto:hover, #content a.hirdkat_valaszto.felvillan {border-color:#f50; background:#fffaf7; color:#f50; text-decoration:none;}
.hirdkat_valaszto .sm-icon {width:36px; height:36px;}
#content .hirdkat_valaszto.tiltott {background:#eee; color:#aaa; cursor:not-allowed;}
.hirdkat_valaszto.tiltott .sm-icon {color:#aaa;}
.hirdkat_valaszto small {display:block; font-size:12px; font-weight:400; line-height:16px;}
.hirdkat_valaszto.hirdkat_egy {grid-column:1 / -1;}



.kiemeles_valaszto_lista {display:flex; flex-direction:column; gap:12px; width:100%;}
#content a.kiemeles_valaszto_kartya {color:#333; text-decoration:none !important; cursor:pointer;}
#content a.kiemeles_valaszto_kartya:hover {border-color:#f50; box-shadow:0 3px 12px rgba(0,0,0,.08); text-decoration:none !important;}
#content a.kiemeles_valaszto_kartya:hover h3 {color:#f50;}
.kiemeles_valaszto_cta {display:flex; align-items:center; gap:6px; margin-top:12px; padding-top:10px; border-top:1px solid #eee; color:#f50; font-size:13px; font-weight:700;}
.kiemeles_valaszto_cta .sm-icon {width:18px; height:18px;}

.kiemeles_kivalasztott {margin-bottom:20px;}
.kiemeles_kivalasztott_jelzes {display:flex; align-items:center; gap:6px; margin-top:12px; padding-top:10px; border-top:1px solid #eee; color:#f50; font-size:13px; font-weight:700;}
.kiemeles_kivalasztott_jelzes .sm-icon {width:18px; height:18px;}




@media screen and (min-width:641px) and (max-width:920px) {
	.fiok_menu {grid-template-columns:repeat(5,1fr);}
	#content .fiok_menu a {min-height:88px; padding:9px 5px; font-size:13px;}

	.fiok_exvas_bevezeto {grid-template-columns:150px minmax(0,1fr);}
	.fiok_exvas_brand img {width:135px;}
	}


@media screen and (max-width:800px) {
	.fiok_hirdetes_kategoriak a {flex-wrap:wrap; align-content:center; gap:0; min-width:0; min-height:58px; padding:5px 3px; font-size:13px; line-height:17px; text-align:center;}
	.fiok_hirdetes_kategoriak a .sm-icon {width:18px; height:18px; margin-right:4px;}
	.fiok_hirdetes_kategoriak a b {flex:0 0 100%; display:block; margin:2px 0 0; font-size:11px; font-weight:400; line-height:13px;}
	}


@media screen and (max-width:640px) {
	.fiok_oldal {padding-bottom:15px;}

	.fiok_menu {display:flex; overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch;}
	#content .fiok_menu a {flex:0 0 135px; min-height:76px; padding:8px 6px; border-right:1px solid #e5e5e5; font-size:12px; line-height:16px;}
	.fiok_menu .sm-icon {width:22px; height:22px;}

	.fiok_tipp a {align-items:flex-start;}

	.fiok_box {padding:14px; margin-bottom:18px;}
	.fiok_box_fejlec {display:block; margin-bottom:14px;}
	.fiok_box_fejlec p {margin-bottom:12px;}
	#content .fiok_uj_hirdetes {width:100%; box-sizing:border-box;}

	.fiok_hirdetes_kategoriak {gap:4px;}
	.fiok_hirdetes_kategoriak a {display:flex; flex-wrap:wrap; align-content:center; justify-content:center; gap:0; min-width:0; min-height:58px; padding:5px 2px; font-size:12px; line-height:17px; text-align:center;}
	.fiok_hirdetes_kategoriak a .sm-icon {width:18px; height:18px; margin-right:4px;}
	.fiok_hirdetes_kategoriak a b {flex:0 0 100%; display:block; margin:1px 0 0; font-size:10px; font-weight:400; line-height:13px;}

	.fiok_hirdetes {display:block; padding:11px;}
	#content .fiok_hirdetes_kep {float:left; width:90px; height:76px; margin:0 12px 8px 0;}
	.fiok_hirdetes_fejlec {display:block; min-height:76px;}
	.fiok_hirdetes_fejlec h3 {font-size:17px; line-height:22px;}
	.fiok_hirdetes_ar {margin-top:4px; font-size:16px; line-height:21px;}
	.fiok_hirdetes_info {clear:both; width:100%;}
	.fiok_hirdetes_muveletek {clear:both; gap:7px 14px;}

	.fiok_exvas_bevezeto {display:block;}
	.fiok_exvas_brand {margin-bottom:18px;}
	.fiok_exvas_brand img {width:145px;}
	.fiok_exvas_szoveg {text-align:left;}
	#content .fiok_exvas_uj {width:100%; box-sizing:border-box;}

	.fiok_exvas_bejegyzes {grid-template-columns:80px minmax(0,1fr); gap:11px;}
	#content .fiok_exvas_kep {width:80px; height:68px;}
	.fiok_exvas_fejlec {display:block;}
	.fiok_exvas_datum {margin-top:3px;}
	.fiok_exvas_muveletek {grid-column:1 / -1;}
	
	
	.hirdkat_valasztok {grid-template-columns:1fr; gap:8px; margin:18px 0;}
	#content .hirdkat_valaszto {flex-direction:row; justify-content:flex-start; min-height:64px; padding:10px 15px; text-align:left;}
	.hirdkat_valaszto .sm-icon {flex:0 0 auto; width:30px; height:30px;}
	.hirdkat_valaszto small {margin-left:auto;}

	}