body{
font-family:'Open Sans',Arial;
margin:0;
color:#222;
background: linear-gradient(135deg,#f5f7fa,#e4edf5);
}

html body div.cont-111{
    background:#222;
    color: #2BE9FF;
}

/* ===== WRAPPER ===== */

.inner{
max-width:1100px;
margin:0 auto;
padding:18px;   /* kisebb padding */
}

/* ===== HEADER – VÉKONYABB ===== */

.cont-111{
background:#900;
color:#fff;
text-align:center;
padding:6px 0;     /* még vékonyabb */
}

.cont-111 h2{
margin:0;
font-size:1.45em;
}

/* ===== KÁRTYA SZEKCIÓ ===== */

.packages{
padding:24px 0 36px;
}

.section.group{
display:flex;
flex-wrap:nowrap;
gap:20px;
align-items:stretch;
}

.col.span_1_of_2{
flex:1;
max-width:50%;
}

/* ===== KÁRTYÁK ===== */

.verzio-box{
border:2px solid #ddd;
border-radius:12px;
padding:18px;
/*background:#F8F6F0; /* luxusmagazin papir szinu */
background:#f8f9fa; /* luxusfeher */
box-shadow:0 4px 14px rgba(0,0,0,.15);
display:flex;
flex-direction:column;
}

.verzio-header{
font-size:1.6em;
font-weight:700;
margin-bottom:8px;
text-align:center;
}

.verzio-ar{
font-size:1.6em;
font-weight:700;
color:#d00;
margin:12px 0;
text-align:center;
}

.cta-btn{
display:block;
background:#f00;
color:#fff;
padding:14px;
text-align:center;
border-radius:10px;
font-weight:bold;
text-decoration:none;
margin-top:12px;
box-shadow:
0 0 8px rgba(255,0,0,.35),
0 4px 12px rgba(0,0,0,.18);
transition:box-shadow .25s ease, transform .05s ease;
}
.cta-btn:hover{
box-shadow:
0 0 14px rgba(255,0,0,.55),
0 6px 18px rgba(0,0,0,.25);
}


/* ===== BONUS BLOKK ===== */

.bonus-row{
display:flex;
gap:14px;
align-items:center;
margin:12px 0;
}

.bonus-row img{
width:130px;
height:auto;
box-shadow:0 0 6px rgba(0,0,0,.3);
}

.bonus-text{
flex:1;
}

/* ===== VERZIO BOX KÉP ===== */
.verzio-box .bonus-row {
  display: flex;
  margin: 12px 0;
}

.verzio-box .bonus-row img {
  width: 100%;
  max-width: 380px;
  height: auto;
  display: block;
  margin: 0 auto;
  box-shadow: 0 0 6px rgba(0,0,0,.3);
  border-radius: 8px;
}

/* ===== TABLET ===== */

@media(max-width:900px){

.section.group{
flex-wrap:wrap;
gap:18px;
}

.col.span_1_of_2{
max-width:100%;
}

.inner{
padding:16px;
}

}

/* ===== MOBILE ===== */

@media(max-width:520px){

.cont-111{
padding:5px 0;
}

.cont-111 h2{
font-size:1.25em;
}

.verzio-header{
font-size:1.4em;
}

.verzio-ar{
font-size:1.4em;
}

.cta-btn{
padding:13px;
font-size:.95em;
}

.bonus-row img{
width:110px;
}

}

/* az A verzionál középen legyen? */
/*div.col:nth-child(1) > div:nth-child(1) > p:nth-child(4){
    text-align:center;
}*/

/* na és az A verzió és kép közötti szöveg?*/
div.col:nth-child(1) > div:nth-child(1) > h3:nth-child(2) {
    text-align:center!important;
}



#footer a{
color: #2BE9FF;
text-decoration:underline;
}

/* ===== CONTENT ONLY TEXT ALIGN ===== */
.verzio-box h3,
.verzio-box p,
.verzio-box ul,
.verzio-box ol,
.verzio-box li,
.inner h3,
.inner p,
.inner ul,
.inner ol,
.inner li {
  text-align: left!important;
}

/* ===== FOOTER – VÉKONYABB ===== */

#footer{
    background:#222;
    color: #2BE9FF;
    text-align:center!important;
    padding:16px 10px;   /* vékony footer */
    margin-top:28px;
    font-size:.9em;
}

#footer p{
margin:6px 0;
}