html {scroll-behavior:smooth;}
#landing a {text-decoration:none !important;}

.ker_bevezeto_hatter {background:linear-gradient(135deg,#f3f3f3 0%,#fafafa 55%,#fff 100%);}
.ker_bevezeto {max-width:980px; margin:0 auto; padding:55px 20px 65px 20px; box-sizing:border-box;}
.ker_bevezeto_belso {display:flex; align-items:center; gap:55px;}
.ker_bevezeto_szoveg {flex:1; min-width:0;}
.ker_felirat {margin-bottom:12px; color:#f50; font-size:14px; font-weight:bold; letter-spacing:1.5px;}
.ker_bevezeto h1 {margin:0 0 20px 0; padding:0; font-size:42px; line-height:1.25; font-weight:800; color:#222;}
.ker_bevezeto p {margin:0; max-width:500px; color:#555; font-size:17px; line-height:1.6;}
.ker_bevezeto_gombok {display:flex; align-items:center; gap:25px; margin-top:30px;}
.ker_bevezeto_gombok .my_button {margin:0;}
.ker_link {color:#333; font-weight:bold; text-decoration:none;}
.ker_link:hover {color:#f50;}
.ker_bevezeto_kep {position:relative; flex:0 1 430px; max-width:44%;}
.ker_bevezeto_kep img {display:block; width:100%; height:auto; border:1px solid #ddd; border-radius:10px; box-shadow:0 10px 30px rgba(0,0,0,.10);}
.ker_bevezeto_keziras {position:absolute; right:90px; top:-32px; color:#333; font-family:"Caveat",cursive; font-size:21px; line-height:24px; font-weight:600; transform:rotate(-3deg); white-space:nowrap;}


.ker_ikonok {display:grid; grid-template-columns:repeat(3,1fr); gap:18px; max-width:980px; margin:0 auto; padding:35px 0 55px 0; box-sizing:border-box;}
.ker_ikon {display:flex; align-items:flex-start; gap:18px; padding:22px 20px; border:1px solid #eee; border-radius:8px; background:#fff; box-sizing:border-box;}
.ker_ikon_svg {display:block; flex:0 0 50px; width:50px; color:#f50;}
.ker_ikon_svg .sm-icon {width:50px; height:50px;}
.ker_ikon_szoveg {flex:1; min-width:0;}
.ker_ikon_szoveg span {color:#f50; font-weight:bold;}
.ker_ikon h2 {margin:0 0 6px 0; font-size:17px; line-height:24px; font-weight:700;}
.ker_ikon p {margin:0; color:#555; font-size:14px; line-height:22px;}



.ker_miert {width:100%; min-height:390px; margin:0; padding:0 35px 22px 35px; box-sizing:border-box; background-image:linear-gradient(to right,rgba(245,247,249,.05) 0%,rgba(245,247,249,.10) 30%,rgba(245,247,249,.72) 48%,rgba(245,247,249,.96) 62%,#f5f7f9 100%),url(../images/kereskedo-miert.webp?); background-repeat:no-repeat; background-position:center center; background-size:cover;}
.ker_miert_felso {display:grid; grid-template-columns:42% 58%; min-height:235px;}
.ker_miert_bal {position:relative;}
.ker_miert_keziras {font-family:"Caveat",cursive; position:absolute; left:20px; bottom:38px; color:#fff; font-size:23px; line-height:29px !important; font-weight:bold; font-style:italic; transform:rotate(-5deg); text-shadow:0 1px 4px rgba(0,0,0,.45);}
.ker_miert_jobb {padding:24px 0 15px 22px; box-sizing:border-box;}
.ker_miert_jobb h2 {margin:0 0 12px 0; padding:0; color:#182234; font-size:30px; line-height:45px; font-weight:700;}
.ker_miert_jobb h2 span {display:inline-block; color:#f50; font-size:30px; line-height:45px; font-weight:700 !important;}
.ker_miert_jobb p {margin:0; color:#333; font-size:15px; line-height:24px;}
.ker_miert_also {display:grid; grid-template-columns:1fr 56px 1fr 56px 1fr; gap:0; align-items:center;}
.ker_miert_kartya {display:flex; min-width:0; height:112px; padding:12px; flex-direction:column; align-items:center; justify-content:center; background:#fff; border:1px solid #eee; border-radius:6px; text-align:center; box-sizing:border-box; font-size:13px; line-height:21px;}
.ker_miert_kartya .sm-icon {width:42px; height:42px; margin-bottom:7px; color:#666;}
.ker_miert_kartya span {display:block;}
.ker_miert_sm img {display:block; width:120px; max-width:80%; height:auto; margin-bottom:7px; filter:grayscale(1);}
.ker_miert_jel {color:#f50; font-size:50px; line-height:50px; font-weight:400; text-align:center;}
.ker_miert_nyil {font-size:45px;}


.ker_nalunk {display:grid; grid-template-columns:40% 60%; gap:35px; width:100%; max-width:980px; margin:0 auto; padding:60px 0; box-sizing:border-box;}
.ker_nalunk_bal {padding-top:10px;}
.ker_nalunk_bal h2 {margin:0 0 18px 0; padding:0; color:#182234; font-size:31px; line-height:46px; font-weight:700;}
.ker_nalunk_bal h2 span {color:#f50; font-size:31px; line-height:46px; font-weight:700 !important;}
.ker_nalunk_bal p {max-width:360px; margin:0 0 24px 0; color:#444; font-size:15px; line-height:24px;}
.ker_nalunk_gomb {display:inline-flex; align-items:center; gap:20px; min-height:42px; padding:0 14px; border:1px solid #bbb; border-radius:6px; color:#222 !important; font-size:14px; font-weight:700; text-decoration:none !important; box-sizing:border-box;}
.ker_nalunk_gomb:hover {border-color:#f50; color:#f50 !important;}
.ker_nalunk_gomb b {font-size:26px; font-weight:400; line-height:1;}

.ker_nalunk_jobb {position:relative; min-height:370px;}
.ker_nalunk_kartya {position:absolute; overflow:hidden; border:1px solid #eee; border-radius:6px; background:#fff; box-shadow:0 4px 14px rgba(0,0,0,.10); box-sizing:border-box;}
.ker_nalunk_kartya h3 {margin:0; padding:0; color:#182234; font-size:18px; line-height:24px;}
.ker_nalunk_kartya p {margin:1px 0 8px 0; color:#666; font-size:12px; line-height:18px;}
.ker_nalunk_kartya img {display:block; width:100%; height:auto;}

.ker_nalunk_kereso img {width:100%;}
.ker_nalunk_kereso {z-index:3; left:0; top:0; width:55%; transform:rotate(-1.2deg);}
.ker_nalunk_motorblokk {z-index:2; right:0; top:2px; width:38%; padding:13px 13px 0 13px; transform:rotate(1.5deg);}
.ker_nalunk_exvas {z-index:4; left:5%; top:180px; width:43%; padding:12px; transform:rotate(1deg);}
.ker_nalunk_uveghang {z-index:3; right:0; top:165px; width:50%; padding:12px 12px 0 12px; transform:rotate(-1.4deg);}

.ker_nalunk_motorblokk {z-index:2; right:0; top:2px; width:38%; padding:13px 13px 0 13px;}
.ker_nalunk_motorblokk img {margin-top:3px;}

.ker_nalunk_exvas {z-index:4; left:5%; top:180px; width:43%; padding:12px;}
.ker_nalunk_csillag {margin:7px 0; color:#666; font-size:11px; line-height:18px;}
.ker_nalunk_csillag span {color:#f50; font-size:15px; letter-spacing:1px;}
.ker_nalunk_idezet {padding:8px 9px; background:#f7f7f7; border:1px solid #eee; border-radius:4px; color:#333; font-size:12px; line-height:17px;}

.ker_nalunk_uveghang {z-index:3; right:0; top:165px; width:50%; padding:12px 12px 0 12px;}
.ker_nalunk_uveghang img {width:100%; margin-top:5px;}


.ker_kredit {display:flex; align-items:center; justify-content:space-between; gap:35px; max-width:980px; margin:0 auto 55px auto; padding:22px 28px; border:1px solid #ffd6c2; border-radius:8px; background:linear-gradient(100deg,#fff5ee 0%,#fffaf7 55%,#fff3eb 100%); box-sizing:border-box;}
.ker_kredit_szoveg {display:flex; align-items:flex-start; gap:22px; flex:1; min-width:0;}
.ker_kredit_ikon {flex:0 0 58px; color:#f50;}
.ker_kredit_ikon .sm-icon {width:58px; height:58px;}
.ker_kredit_szoveg h2 {margin:0 0 7px 0; padding:0; color:#4b170f; font-size:20px; line-height:30px; font-weight:700;}
.ker_kredit_szoveg p {margin:0; color:#555; font-size:14px; line-height:22px;}
.ker_kredit_jobbra {flex:0 0 390px;}
.ker_kredit_atvaltas {display:grid; grid-template-columns:1fr 45px 1fr; align-items:center; min-height:82px; padding:10px 18px; border:1px solid #f50; border-radius:6px; background:#fff; box-sizing:border-box; text-align:center;}
.ker_kredit_atvaltas b {display:block; color:#f50; font-size:22px; line-height:32px;}
.ker_kredit_atvaltas span {display:block; color:#182234; font-size:14px; line-height:22px;}
.ker_kredit_nyil {color:#f50; font-size:30px; line-height:30px;}
.ker_kredit_keziras {font-family:"Caveat",cursive; margin-top:7px; color:#333; font-size:16px; font-style:italic; font-weight:bold; text-align:center; transform:rotate(-2deg);}


.ker_dijcsomagok {width:100%; max-width:980px; margin:0 auto; padding:0 0 75px 0; scroll-margin-top:85px;}
.ker_dijcsomagok > h2 {margin:0 0 18px 0; font-size:28px; line-height:42px;}
.ker_csomagok {display:grid; grid-template-columns:repeat(3,1fr); gap:18px; align-items:stretch;}
.ker_csomag {position:relative; display:flex; min-width:0; padding:20px 16px 16px 16px; flex-direction:column; border:1px solid #ccc; border-radius:8px; background:#fff; box-sizing:border-box;}
.ker_csomag.ajanlott {border:1px solid #f50; border-top:10px solid #f50;}
.ker_csomag_ajanlott {position:absolute; left:50%; top:-15px; transform:translateX(-50%); min-width:100px; padding:3px 12px; border-radius:5px; background:#f50; color:#fff; font-size:12px; line-height:20px; font-weight:bold; text-align:center; box-sizing:border-box;}
.ker_csomag_fejlec {text-align:center;}
.ker_csomag_fejlec h3 {margin:0; color:#182234; font-size:20px; line-height:30px; font-weight:700;}
.ker_csomag_fejlec span {display:block; margin-top:1px; color:#666; font-size:13px; line-height:20px;}
.ker_csomag_fejlec b {display:block; margin-top:5px; color:#182234; font-size:27px; line-height:40px;}
.ker_csomag_fejlec em {display:block; color:#444; font-size:13px; line-height:20px; font-style:normal;}
.ker_csomag_lista {margin:22px 0 18px 0;}
.ker_csomag_lista > div {display:flex; align-items:flex-start; gap:7px; margin:6px 0; color:#444; font-size:13px; line-height:20px;}
.ker_csomag_lista .sm-icon {flex:0 0 17px; width:17px; height:17px; margin-top:1px; padding:3px; border-radius:50%; background:#f50; color:#fff; box-sizing:border-box;}
.ker_csomag_gomb {display:block; margin-top:auto; min-height:38px; padding:5px 12px; border:1px solid #f50; border-radius:5px; color:#f50 !important; font-size:14px; line-height:28px; font-weight:700; text-align:center; text-decoration:none !important; box-sizing:border-box;}
.ker_csomag_gomb:hover,
.ker_csomag_gomb.aktiv {background:#f50; color:#fff !important;}
.ker_csomag_gomb.aktiv:hover {background:#e64d00; border-color:#e64d00;}


.ker_kovetkezo {position:relative; width:100%; max-width:980px; min-height:280px; margin:0 auto 40px auto; padding:45px 40px; overflow:hidden; border-radius:8px; background-image:linear-gradient(to right,rgba(248,249,250,.98) 0%,rgba(248,249,250,.94) 40%,rgba(248,249,250,.25) 68%,rgba(248,249,250,0) 100%),url(../images/kereskedo-kovetkezo.webp); background-position:center center; background-repeat:no-repeat; background-size:cover; box-sizing:border-box;}
.ker_kovetkezo_tartalom {position:relative; z-index:2; width:58%;}
.ker_kovetkezo h2 {margin:0 0 5px 0; padding:0; color:#182234; font-size:29px; line-height:45px; font-weight:700;}
.ker_kovetkezo_tartalom > p {margin:0 0 28px 0; color:#444; font-size:16px; line-height:25px;}
.ker_kovetkezo_gombok {display:flex; gap:18px; align-items:center;}
.ker_kovetkezo_reg,.ker_kovetkezo_dij {display:flex; height:50px; align-items:center; justify-content:center; border-radius:6px; font-size:14px; font-weight:700; text-decoration:none !important; box-sizing:border-box;}
.ker_kovetkezo_reg {min-width:280px; padding:0 20px; background:#f50; border:1px solid #f50; color:#fff !important;}
.ker_kovetkezo_reg:hover {background:#e64d00; border-color:#e64d00;}
.ker_kovetkezo_reg span {margin-left:5px; font-size:20px;}
.ker_kovetkezo_dij {min-width:165px; padding:0 18px; gap:8px; background:#fff; border:1px solid #ddd; color:#182234 !important;}
.ker_kovetkezo_dij:hover {border-color:#f50; color:#f50 !important;}
.ker_kovetkezo_dij span {font-size:18px;}
.ker_kovetkezo_login {margin-top:20px; color:#666; font-size:13px; font-weight:bold;}
.ker_kovetkezo_login a {color:#f50 !important; text-decoration:underline;}
.ker_kovetkezo_keziras {position:absolute; z-index:2; left:62%; top:42px; color:#182234; font-family:"Caveat",cursive; font-size:24px; line-height:27px; font-weight:600; transform:rotate(-5deg);}
.ker_kovetkezo_keziras:after {content:""; display:block; width:95px; height:3px; margin:7px 0 0 15px; background:#f50; transform:rotate(-7deg);}


@media screen and (max-width:700px) {
	.ker_bevezeto {padding:35px 15px 45px 15px;}
	.ker_bevezeto_belso {display:block;}
	.ker_bevezeto h1 {font-size:34px; line-height:1.25;}
	.ker_bevezeto p {font-size:16px;}
	.ker_bevezeto_gombok {gap:18px; margin-top:25px;}
	.ker_bevezeto_kep {max-width:none; margin-top:35px;}
	.ker_bevezeto_keziras {right:75px; top:-30px; font-size:19px; line-height:30px;}	

	.ker_ikonok {grid-template-columns:1fr; gap:12px; padding:25px 0 40px 0;}
	.ker_ikon {padding:18px;}
	.ker_ikon_svg {flex-basis:46px; width:46px;}
	.ker_ikon_svg .sm-icon {width:46px; height:46px;}
	
	
	.ker_miert {min-height:0; padding:0 0 25px 0; background-image:linear-gradient(to bottom,rgba(245,247,249,0) 0,rgba(245,247,249,0) 245px,#f5f7f9 300px,#f5f7f9 100%),url(../images/kereskedo-miert.webp); background-position:center top; background-size:auto 260px,auto 260px;}
	.ker_miert_felso {display:block; min-height:0;}
	.ker_miert_bal {height:250px;}
	.ker_miert_keziras {left:25px; bottom:28px; font-size:21px; line-height:32px;}
	.ker_miert_jobb {padding:20px 15px 18px 15px;}
	.ker_miert_jobb h2,
	.ker_miert_jobb h2 span {font-size:26px; line-height:40px;}
	.ker_miert_jobb p {font-size:15px; line-height:24px;}
	.ker_miert_also {display:flex; padding:0 15px; flex-direction:column;}
	.ker_miert_kartya {width:100%; height:94px;}
	.ker_miert_jel {width:100%; height:34px; font-size:35px; line-height:50px;}
	.ker_miert_nyil {font-size:0;}
	.ker_miert_nyil:after {content:"↓"; font-size:35px;}
	
	
	.ker_nalunk {display:block; padding:40px 0;}
	.ker_nalunk_bal {padding:0;}
	.ker_nalunk_bal h2,
	.ker_nalunk_bal h2 span {font-size:27px; line-height:40px;}
	.ker_nalunk_bal p {max-width:none; font-size:15px; line-height:24px;}
	.ker_nalunk_gomb {margin-bottom:28px;}
	.ker_nalunk_jobb {position:static; min-height:0;}
	.ker_nalunk_kartya {position:static; width:100%; margin:0 0 12px 0; box-shadow:0 3px 12px rgba(0,0,0,.08); transform:none;}
	.ker_nalunk_kereso {display:none;}
	.ker_nalunk_motorblokk {padding:14px 14px 0 14px;}
	.ker_nalunk_exvas {padding:14px;}
	.ker_nalunk_uveghang {padding:14px 14px 0 14px;}
	.ker_nalunk_kartya h3 {font-size:19px; line-height:28px;}
	.ker_nalunk_kartya p {font-size:13px; line-height:20px;}
	/*.ker_nalunk_uveghang img {width:calc(100% + 28px); margin:7px -14px 0 -14px;}*/
	.ker_nalunk_uveghang img {width:100%; margin-top:7px;}


	.ker_kredit {display:block; margin-bottom:40px; padding:22px 15px 18px 15px;}
	.ker_kredit_szoveg {display:grid; grid-template-columns:55px 1fr; gap:15px;}
	.ker_kredit_ikon {width:55px;}
	.ker_kredit_ikon .sm-icon {width:55px; height:55px;}
	.ker_kredit_szoveg h2 {font-size:19px; line-height:28px;}
	.ker_kredit_szoveg p {grid-column:1 / 3; font-size:15px; line-height:24px;}
	.ker_kredit_jobbra {margin-top:20px;}
	.ker_kredit_atvaltas {display:flex; min-height:205px; padding:16px; flex-direction:column; justify-content:center;}
	.ker_kredit_atvaltas b {font-size:24px; line-height:36px;}
	.ker_kredit_atvaltas span {font-size:16px; line-height:24px;}
	.ker_kredit_nyil {margin:15px 0; font-size:0;}
	.ker_kredit_nyil:after {content:"↓"; font-size:32px;}
	.ker_kredit_keziras {margin:14px 15px 0 15px; font-size:16px; line-height:24px;}
	
		
	.ker_dijcsomagok {padding-bottom:55px;}
	.ker_dijcsomagok > h2 {font-size:25px; line-height:38px;}
	.ker_csomagok {display:flex; gap:12px; overflow-x:auto; padding:14px 0 12px 0; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; scrollbar-color:#f50 #eee; scrollbar-width:auto;}
	.ker_csomagok::-webkit-scrollbar {height:10px;}
	.ker_csomagok::-webkit-scrollbar-track {background:#eee;}
	.ker_csomagok::-webkit-scrollbar-thumb {background:#f50; border-radius:10px;}
	.ker_csomag {flex:0 0 85%; max-width:380px; scroll-snap-align:start; padding:20px 15px 15px 15px;}
	.ker_csomag.ajanlott {border-top:10px solid #f50;}
	.ker_csomag_fejlec h3 {font-size:20px; line-height:30px;}
	.ker_csomag_fejlec b {font-size:27px; line-height:40px;}
	.ker_csomag_lista > div {font-size:13px; line-height:20px;}
	


	.ker_kovetkezo {min-height:0; margin-bottom:30px; padding:28px 15px 285px 15px; background-image:linear-gradient(to bottom,#f8f9fa 0%,#f8f9fa 42%,rgba(248,249,250,.95) 49%,rgba(248,249,250,.35) 58%,rgba(248,249,250,0) 66%),url(../images/kereskedo-kovetkezo-mobil.webp); background-position:center top,center bottom; background-repeat:no-repeat,no-repeat; background-size:100% 100%,100% auto;}
	.ker_kovetkezo_tartalom {width:100%;}
	.ker_kovetkezo h2 {font-size:26px; line-height:40px;}
	.ker_kovetkezo_tartalom > p {margin-bottom:22px; font-size:15px; line-height:24px;}
	.ker_kovetkezo_gombok {display:flex; gap:10px; align-items:flex-start; flex-direction:column;}
	.ker_kovetkezo_reg {width:100%; min-width:0;}
	.ker_kovetkezo_dij {width:auto; min-width:165px;}
	.ker_kovetkezo_login {margin-top:15px;}
.ker_kovetkezo_keziras {left:28px; right:auto; top:auto; bottom:175px; font-size:23px; line-height:35px;}
	}



@media screen and (max-width:420px) {
	.ker_bevezeto h1 {font-size:30px;}
	.ker_bevezeto_gombok {display:block;}
	.ker_bevezeto_gombok .my_button {display:inline-block;}
	.ker_link {display:block; margin-top:18px;}
	
	
	}