.rendeles_bevezeto {width:100%; max-width:800px; margin:0 auto 25px auto; font-size:15px; line-height:24px;}

.rendeles {clear:both; width:100%; max-width:800px; margin:0 auto 50px auto;}
.rendeles span.e{font-size:85%;}
.rendeles div.e{border-radius:6px;}
.rendeles .sm-icon{color:#d00;}

.rendeles .szekcio_cim {margin-top:15px;}
.rendeles .szekcio_cim p	{text-align:left; font-size:18px; line-height:30px; margin-top:20px;}

.rendeles_jatek {display:flex; align-items:center; gap:20px; box-sizing:border-box; width:100%; margin:0 0 20px 0; padding:15px; background:#f5f5f5; border:1px solid #ddd; border-radius:10px;}
.rendeles_jatek img {float:none !important; flex:0 0 150px; width:150px; height:auto; margin:0 !important; border-radius:6px;}
.rendeles_jatek_adatok {min-width:0;}
.rendeles_jatek_adatok span {display:block; margin:0 0 2px 0; color:#d00; font-size:11px; line-height:18px; font-weight:700; letter-spacing:.5px;}
.rendeles_jatek_adatok b {display:block; color:#111; font-size:20px; line-height:28px; font-weight:700;}
.rendeles_jatek_adatok small {display:block; color:#555; font-size:13px; line-height:20px;}

.rendeles_box {box-sizing:border-box; width:100%; margin:0 0 20px 0; padding:20px 25px; background:#fff; border:1px solid #ddd; border-radius:10px; box-shadow:0 2px 8px rgba(0,0,0,.05);}
.rendeles_box h2 {margin:0 0 15px 0; padding:0 0 10px 0; border-bottom:1px solid #e5e5e5; color:#111; font-size:20px; line-height:28px; font-weight:600; text-align:left;}

.rendeles .frm {overflow:visible; width:100%; max-width:none; margin:11px 0;}
.rendeles .frm:after {content:""; display:block; clear:both;}
.rendeles .frm .l {float:left; clear:left; width:200px; box-sizing:border-box; padding:8px 15px 0 0; color:#333; /*font-size:13px; line-height:20px;*/}
.rendeles .frm .r {float:left; width:calc(100% - 200px); box-sizing:border-box;}
.rendeles .frm .r input[type=text] {float:none; width:100%; height:40px; padding:7px 10px; border:1px solid #bbb; border-radius:5px; background:#fff; /*font-size:14px;*/ transition:border-color .2s,box-shadow .2s;}
.rendeles .frm .r input[type=text]:focus {border-color:#d00; outline:0; box-shadow:0 0 0 2px rgba(221,0,0,.08);}

.rendeles .frm .r input#irszam {float:left; width:120px; margin-right:10px;}
.rendeles .frm .r input#varos {float:left; width:calc(100% - 130px);}

.rendeles .frm .r textarea {float:none; box-sizing:border-box; width:100%; padding:10px; border:1px solid #bbb; border-radius:5px; background:#fff; /*font-size:14px;*/ line-height:30px; resize:vertical; transition:border-color .2s,box-shadow .2s;}
.rendeles .frm .r textarea:focus {border-color:#d00; outline:0; box-shadow:0 0 0 2px rgba(221,0,0,.08);}


.rendeles_osszeg {display:flex; align-items:center; justify-content:space-between; box-sizing:border-box; width:100%; min-height:70px; margin:0 0 20px 0; padding:14px 25px; overflow:hidden; background:#f1f8f3; border-left:5px solid #278a45; border-radius:7px;}
.rendeles_osszeg span {color:#333; font-size:14px; line-height:22px; font-weight:600;}
.rendeles_osszeg b {color:#278a45; font-size:27px; line-height:34px; font-weight:700;}
.rendeles_osszeg b#vegosszeg {color:#278a45;}

.rendeles_osszeg_bal {display:flex; flex-direction:column;}
.rendeles_osszeg_bal .sm-icon{color:#278a45;}
.rendeles_osszeg_bal > b {color:#333; font-size:20px; line-height:30px; font-weight:600;}
.rendeles_osszeg_bal #kup_on {color:#278a45; font-size:12px; line-height:18px; font-weight:500;}

.rendeles_feltetelek {padding-top:18px; padding-bottom:18px;}
.rendeles_feltetelek .frm {margin:0;}
.rendeles_feltetelek .frm .l {display:none;}
.rendeles_feltetelek .frm .r {float:none; width:100%;}
.rendeles_feltetelek label {font-size:12px !important; line-height:19px; color:#555;}
.rendeles_feltetelek a {font-size:12px; line-height:20px;}


.rendeles_captcha {width:100%; margin:15px 0; text-align:center;}
.rendeles_captcha .cap {display:inline-flex; flex-direction:column; align-items:center; gap:5px; box-sizing:border-box; padding:18px 28px; background:#f5f5f5; border:1px solid #ddd; border-radius:7px;}
.rendeles_captcha .cap > b {margin:0; font-size:16px; line-height:24px; font-weight:500;}
.rendeles_captcha_sor {display:flex; align-items:center; justify-content:center; gap:7px; white-space:nowrap;}
.rendeles_captcha_sor b {display:flex; align-items:center; gap:5px; margin:0; font-size:16px; line-height:30px; font-weight:500; white-space:nowrap;}
.rendeles_captcha_sor img.captcha {display:block; width:100px; height:30px; margin:0 5px; border-radius:3px;}
.rendeles_captcha_sor .input_captcha {display:block; box-sizing:border-box; width:100px; height:32px; margin:0; padding:4px 7px; border:1px solid #aaa; border-radius:4px; background:#fff; font-size:16px; font-weight:bold;}
.rendeles_captcha_sor .input_captcha:focus {border-color:#d00; outline:0; box-shadow:0 0 0 2px rgba(221,0,0,.08);}



.rendeles_submit {width:100%; margin:10px 0 0 0; text-align:center;}
.rendeles_submit .my_button {min-width:260px; padding:10px 25px; border-radius:6px; font-size:15px;}

.rendeles_simplepay {width:100%; margin:20px 0 0 0; padding-top:15px; border-top:1px dotted #ddd;}
.rendeles_simplepay img {display:inline-block; margin-left:-50px;}
.rendeles_fizetes_info {font-size:13px; color:#777; line-height:20x;}

.rendeles .h .r input,
.rendeles .h .r textarea,
.rendeles .h .r select {border-color:#d00 !important; background:#fff8f8;}


.rendeles_opcio {display:flex; align-items:flex-start; height:34px; margin:5px 0;}
.rendeles_opcio > label {flex:0 0 280px; box-sizing:border-box; margin:0; padding-top:0; color:#333; font-size:13px; line-height:24px; vertical-align:middle;}
.rendeles_opcio > input[type=text] {display:none; flex:0 0 250px; box-sizing:border-box; width:250px; height:34px; margin:0 0 0 10px; padding:5px 9px; border:1px solid #bbb; border-radius:5px; background:#fff; font-size:13px;}
.rendeles_opcio > input[type=text]:focus {border-color:#d00; outline:0; box-shadow:0 0 0 2px rgba(221,0,0,.08);}
.rendeles_opcio #kup_on {margin-left:8px; font-size:12px;}
.rendeles_opcio input[type="checkbox"] + label::before {top:0;}
.rendeles_opcio input[type="checkbox"]:checked + label::after {top:4px;}

.rendeles_feltetelek .frm {display:block; overflow:visible;}
.rendeles_feltetelek .frm .r {float:none; width:100%;}
.rendeles_feltetelek input[type="checkbox"] + label {display:block; padding-left:30px;}
.rendeles_feltetelek input[type="checkbox"] + label::before {top:1px;}
.rendeles_feltetelek input[type="checkbox"]:checked + label::after {top:5px;}



@media only screen and (max-width:600px) {
	.rendeles_bevezeto {margin-bottom:18px; font-size:14px; line-height:22px;}

	.rendeles {margin-bottom:35px;}

	.rendeles_jatek {gap:12px; margin-bottom:12px; padding:10px;}
	.rendeles_jatek img {flex:0 0 105px; width:105px;}
	.rendeles_jatek_adatok span {font-size:9px; line-height:15px;}
	.rendeles_jatek_adatok b {font-size:16px; line-height:21px;}
	.rendeles_jatek_adatok small {font-size:11px; line-height:17px;}

	.rendeles_box {margin-bottom:12px; padding:15px; border-radius:8px;}
	.rendeles_box h2 {margin-bottom:12px; padding-bottom:8px; font-size:17px; line-height:24px;}

	.rendeles .frm {margin:9px 0;}
	.rendeles .frm .l {float:none; width:100%; padding:0 0 3px 0; font-size:12px; line-height:18px;}
	.rendeles .frm .r {float:none; width:100%;}
	.rendeles .frm .r input[type=text] {height:38px; font-size:13px;}

	.rendeles .frm .r input#irszam {width:95px; margin-right:8px;}
	.rendeles .frm .r input#varos {width:calc(100% - 103px);}

	
	.rendeles_opcio {flex-wrap:wrap; height:auto; min-height:34px;}
	.rendeles_opcio > label {flex:1; width:auto;}
	.rendeles_opcio > input[type=text] {flex:0 0 calc(100% - 30px); width:calc(100% - 30px); margin:6px 0 0 30px;}
	
	.rendeles .frm .r textarea {font-size:13px;}



	.rendeles_osszeg {min-height:58px; margin-bottom:12px; padding:10px 15px;}
	.rendeles_osszeg span {font-size:12px;}
	.rendeles_osszeg b {font-size:23px; line-height:30px;}

	.rendeles_feltetelek label {font-size:11px !important; line-height:17px;}
	.rendeles_feltetelek a {font-size:11px;}

	.rendeles_captcha {margin:12px 0;}
	.rendeles_captcha .cap {padding:10px; width:100%;}
	.rendeles_captcha .cap b {font-size:11px;}
	.rendeles_captcha img.captcha {width:90px; height:27px;}
	.rendeles_captcha .input_captcha {width:80px; height:31px;}

	.rendeles_submit .my_button {width:100%; max-width:400px; min-width:0; margin-left:0; margin-right:0;}

	.rendeles_simplepay {margin-top:18px;}

	.rendeles_fizetes_info {padding-top:10px;}
	.rendeles_fizetes_info .frm .l {font-size:10px; line-height:16px;}
	.rendeles_fizetes_info .frm .r,
	.rendeles_fizetes_info .frm .r a {font-size:9px; line-height:15px;}
	}