@import url('https://fonts.googleapis.com/css2?family=Encode+Sans:wght@400;500;600;700;800&family=Sansita+Swashed:wght@500;600;700&display=swap');

table.termek_reszletek_kosar_gomb {}
table.termek_reszletek_kosar_gomb:hover {background-image:url('site_images/termek_reszletek_kosar_gomb.jpg');}


iframe {
    display:block;
    width:100%;
}


table.vasarlas_kulso_keret_1
    {
    font-size:24px; font-family:arial;
    color: #6c96db;

    background-color: #ffffff;

    padding: 10px 20px 20px 20px;
    cursor: default;
    }



table.vasarlas_kulso_keret_2
    {
    font-size:18px; font-family:arial;
    color: #222222;

    background-color: #def6ff;

    padding: 10px 20px 10px 10px;
    cursor: default;

    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    }




.textbox_2
    {
    font-family:arial,verdana;
    font-size:16px;

    height:28px;
      
    resize: none; 
    outline:none;

    border: 1px solid #7598d2;
    padding: 3px 6px;

    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    }

.textbox_2:focus
    {
    border: 1px solid #20d500;

    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;

    box-shadow: 0 0 5px #0dfd00;
    -webkit-box-shadow: 0 0 5px #0dfd00;
    -moz-box-shadow: 0 0 5px #0dfd00;
    }


table.vasarlas_fizetesi_modok_gomb
    {
    font-size:18px; font-family:arial;
    color: #005aba;

    background-color: #bbffbb;

    padding: 12px 0px 12px 0px;
    cursor: default;

    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

    box-shadow: 1px 1px 2px #aaaaaa;
    }

table.vasarlas_fizetesi_modok_gomb:hover
    {
    background-color: #88ff88;
    }



table.vasarlas_tovabb_gomb
    {
    font-size:18px; font-family:arial;
    color: #005aba;

    background-color: #aed8f2;

    padding: 12px 0px 12px 0px;
    cursor: default;

    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

    box-shadow: 1px 1px 2px #aaaaaa;
    }

table.vasarlas_tovabb_gomb:hover
    {
    background-color: #86c7f0;
    color: #005aba;
    }


table.vasarlas_vissza_gomb
    {
    font-size:16px; font-family:arial;
    color: #c4aa62;

    background-color: #ffd96e;

    padding: 12px 0px 12px 0px;
    cursor: default;

    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

    box-shadow: 1px 1px 2px #aaaaaa;
    }

table.vasarlas_vissza_gomb:hover
    {
    background-color: #ffcd42;
    color: #005aba;
    }



table.vasarlas_fizetes_gomb
    {
    font-size:16px; font-family:arial;
    color: #c4aa62;

    background-color: #ffd96e;

    padding: 12px 0px 12px 0px;
    cursor: default;

    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

    box-shadow: 1px 1px 2px #aaaaaa;
    }

table.vasarlas_fizetes_gomb:hover
    {
    background-color: #ffcd42;
    color: #005aba;
    }


table.gomb_round_all
    {
    border-radius: 5px;
    }

table.gomb_round_jobb
    {
    border-radius: 0px 5px 5px 0px;
    }

table.gomb_round_bal
    {
    border-radius: 5px 0px 0px 5px;
    }


table.vasarlas_foxpost_kivalasztas
    {
    font-size:18px; font-family:arial;
    color: #ff0000;

    background-color: #ffffff;
    }

    /* A kiválasztott automata felirat piros hátterű, fehér szöveg */
    .piros-hatter {
        background-color: red;
        color: white;
        padding: 10px; /* Elegendő belső tér */
        border-radius: 15px 15px 0 0; /* Lekerekített felső sarkok */
    }

    /* Az alsó két sor fehér hátterű, és 18px távolság van a piros sortól */
    .feher-hatter {
        background-color: white;
        margin-top: 18px;
        padding: 10px;
    }












input.rb_kivalaszto[type="radio"] {
  /* remove standard background appearance */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* create custom radiobutton appearance */
  display: inline-block;
  width: 22px;
  height: 22px;
  padding: 5px;
  /* background-color only for content */
  background-clip: content-box;
  border: 2px solid #b7d5f7;
  background-color: #cedef0;
  border-radius: 50%;
}

/* appearance for checked radiobutton */
input.rb_kivalaszto[type="radio"]:checked {
  padding: 4px;
  border: 3px solid #5eb86b;
  background-color: #93e026;
}

/* optional styles, I'm using this for centering radiobuttons */
.flex {
  display: flex;
  align-items: center;
}



table.order_p_kulso_keret
    {
    font-size:24px; font-family:arial;
    color: #6c96db;

    background-color: #d2ddfb;

    border: 2px solid #666666;

    padding: 0px 0px 0px 0px;
    cursor: default;

    border-radius: 9px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    }


table.order_p_bezar_x
    {
    font-size: 14px; font-family:arial; text-align:center;
    color: #F4F4F4;
    background-color: #D2D2D2;
    border: 1px solid #B5B5B5;
    padding: 2px 4px 3px 4px;
    cursor: hand;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    }


table.order_p_bezar_x:hover
    {
    font-size: 14px; font-family:arial; font-weight:bold;
    color: #FFFFFF;
    background-color: #E63E00;
    border: 1px solid #BD0000;
    padding: 2px 4px 3px 4px;
    cursor: hand;
    box-shadow: inset 0px 0px 9px gold;
    -webkit-box-shadow: inset 0px 0px 9px gold;
    -moz-box-shadow: inset 0px 0px 9px gold;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    }


table.order_p_bezar_x
    {
    font-size: 14px; font-family:arial; text-align:center;
    color: #F4F4F4;
    background-color: #D2D2D2;
    border: 1px solid #B5B5B5;
    padding: 2px 4px 3px 4px;
    cursor: hand;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    }


table.order_p_bezar_x:hover
    {
    font-size: 14px; font-family:arial; font-weight:bold;
    color: #FFFFFF;
    background-color: #E63E00;
    border: 1px solid #BD0000;
    padding: 2px 4px 3px 4px;
    cursor: hand;
    box-shadow: inset 0px 0px 9px gold;
    -webkit-box-shadow: inset 0px 0px 9px gold;
    -moz-box-shadow: inset 0px 0px 9px gold;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    }


table.odata_atvetel_modja_mezo
    {
	display: none;
    font-size:10px; font-family:verdana,arial;
    color: #2b5aaa;
    background-color: #ffffff;

    padding: 3px 6px 3px 6px;
    cursor: default;

    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    }


table.order_valasztas_gomb
    {
    font-size:24px; font-family:verdana,arial;
    text-align:center;
    color: #ffffff;

    background-color: #87aee9;
    border: 1px solid #7598d2;
    padding: 2px 2px 2px 2px;

    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    }

table.order_valasztas_gomb:hover
    {
    background-color: #3a73d1;
    border: 1px solid #285aac;
    }



table.odata_atvetel_modja_gomb
    {
    border: 0px;
    padding: 2px 2px 2px 2px;

    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    }

table.odata_atvetel_modja_gomb:hover
    {
    background-color: #cbdcf5;
    font-weight: bold;
    }

table.odata_atvetel_modja_gomb_addclass
    {
    background-color: #cbdcf5;
    }






table.vasarlas_modkivalaszo_gomb_1
    {
     font-family:arial;
    color: #005aba;

    background-color: #ffffff;

    padding: 12px 20px 12px 10px;
    cursor: default;

    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

    box-shadow: 1px 1px 2px #aaaaaa;

    /*border-block-end: 10px solid #ffffff;*/
    }

table.vasarlas_modkivalaszo_gomb_1:hover
    {
    background-color: #f8fff8;
    -webkit-box-shadow:  1px 1px 2px #aaaaaa;
    -moz-box-shadow:  1px 1px 2px #aaaaaa;
    box-shadow:  1px 1px 2px #aaaaaa;
    /*border-block-end: 10px solid #44bb44;*/
    }

table.vasarlas_modkivalaszo_gomb_1_addclass
    {
    background-color: #f0fff0;
    border-block-end: 10px solid #44bb44;
    }



table.vasarlas_atvetel_doboz
    {
    font-size:13px; font-family:arial;
    color: #497fb8;

    background-color: #ffffff;

    padding: 12px 20px 12px 10px;
    cursor: default;

    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

    box-shadow: 1px 1px 2px #aaaaaa;
    }



table.vasarlas_fizetesi_modok_top
    {
    font-size:18px; font-family:arial;
    color: #005aba;

    background-color: #f0fff0;

    cursor: default;

    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

    border: solid #ada;
    border-width: 2px;
    }






.boldtext {font-weight:bold;}
.normaltext {font-weight:normal;}
.padding6040 {padding:6px 0px 4px 0px;}
.flipflop {background-color:#ffffff;}
.flipflop:hover {background-color:#e1ffbf;}



table.order_p1_adat_keret
    {
    font-size:12px; font-family:arial,verdana;
    color: #454545;
    }




tr.kiszallitas_nap
    {
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    }

tr.kiszallitas_nap:hover
    {
    background-color: #dce4fa;
    }


table.kiszallitas_ora_ki
    {
    font-size:12px; font-family:arial,verdana;
    color: #666666;

    background-color: #f4f4f4;
    border: 1px solid #e1e1e1;

    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;

    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    }

table.kiszallitas_ora_ki:hover
    {
    font-size:12px; font-family:arial,verdana;
    color: #222222;

    background-color: #cbd6f5;
    border: 1px solid #8d9fe9;

    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    }


table.kiszallitas_ora_be
    {
    font-size:12px; font-family:arial,verdana;
    color: #666666;

    background-color: #38ff22;
    border: 1px solid #14c600;

    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;

    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    }

table.kiszallitas_ora_be:hover
    {
    font-size:12px; font-family:arial,verdana;
    color: #222222;

    background-color: #ff5b5b;
    border: 1px solid #dd0000;

    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    }




/* =========================================================
   ORGANZA CHECKOUT STEP 1 V1
   Átvételi és fizetési módok modern, kártyás megjelenítése.
   Csak megjelenítés, a választási/session logikát nem módosítja.
========================================================= */

.org-checkout-step1 {
  width: 100%;
  box-sizing: border-box;
  background: linear-gradient(to bottom, #fffaf4 0%, #ffffff 100%);
  border: 1px solid #ead8c6;
  border-radius: 14px;
  padding: 20px 22px 24px 22px;
  color: #3a2520;
  font-family: 'Encode Sans', Arial, Helvetica, sans-serif;
  box-shadow: 0 5px 18px rgba(70,40,30,0.10);
}

.org-checkout-progress {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin-bottom: 20px;
}

.org-checkout-progress-item {
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 40px;
  padding: 8px 10px;
  border: 1px solid #e8d8ca;
  border-radius: 999px;
  background: #ffffff;
  box-sizing: border-box;
  color: #8a7469;
}

.org-checkout-progress-item span {
  display: inline-flex;
  width: 25px;
  height: 25px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #d2c2b6;
  color: #ffffff;
  font-size: 13px;
  font-weight: 700;
  flex: 0 0 25px;
}

.org-checkout-progress-item strong {
  display: block;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.15;
}

.org-checkout-progress-item.active {
  border-color: #c79250;
  background: linear-gradient(to bottom, #fff4e8 0%, #ffffff 100%);
  color: #8a2035;
}

.org-checkout-progress-item.active span {
  background: #8a2035;
}

.org-checkout-step-head {
  margin: 0 0 18px 0;
  padding: 0 4px 2px 4px;
}

.org-checkout-step-head h2 {
  margin: 0 0 8px 0;
  color: #8a2035;
  font-family: 'Sansita Swashed', Georgia, serif;
  font-size: 30px;
  line-height: 1.15;
  font-weight: 600;
}

.org-checkout-step-head p {
  max-width: 850px;
  margin: 0;
  color: #5d514b;
  font-size: 14px;
  line-height: 1.5;
}

.org-checkout-options {
  display: grid;
  gap: 14px;
}

.org-checkout-option-card {
  display: grid;
  grid-template-columns: 285px 1fr 145px;
  gap: 16px;
  align-items: stretch;
  padding: 14px;
  border: 1px solid #ead8c6;
  border-left: 6px solid var(--org-option-accent, #c79250);
  border-radius: 13px;
  background: linear-gradient(to bottom, #ffffff 0%, #fffaf4 100%);
  box-shadow: 0 3px 12px rgba(70,40,30,0.08);
  box-sizing: border-box;
}

.org-checkout-option-card:hover {
  box-shadow: 0 6px 18px rgba(70,40,30,0.13);
  border-color: #ddc7b5;
}

.org-checkout-option-main {
  display: grid;
  grid-template-columns: 86px 1fr;
  gap: 12px;
  align-items: center;
}

.org-checkout-option-icon {
  width: 82px;
  height: 82px;
  border-radius: 10px;
  background: #fff8f1;
  border: 1px solid #ead8c6;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.org-checkout-option-icon img {
  width: 76px !important;
  height: 76px !important;
  object-fit: contain;
  display: block;
  border-radius: 7px;
}

.org-checkout-option-title {
  color: #4b2d23;
  font-size: 16px;
  line-height: 1.22;
  font-weight: 700;
}

.org-checkout-option-title span {
  font-size: 16px !important;
  line-height: 1.22 !important;
}

.org-checkout-option-title table {
  margin-top: 7px;
  color: #6d5a51;
  font-size: 12px !important;
  line-height: 1.18 !important;
  border: 0 !important;
}

.org-checkout-option-info {
  display: grid;
  grid-template-columns: 1fr 1.25fr 1fr;
  gap: 10px;
}

.org-checkout-option-box {
  padding: 10px 11px;
  border: 1px solid #eadbd0;
  border-radius: 10px;
  background: rgba(255,255,255,0.72);
  box-sizing: border-box;
}

.org-checkout-option-box span {
  display: block;
  margin-bottom: 6px;
  color: #8a2035;
  font-size: 11px;
  line-height: 1.15;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.25px;
}

.org-checkout-option-box strong {
  display: block;
  color: #4b2d23;
  font-size: 13px;
  line-height: 1.35;
  font-weight: 600;
}

.org-checkout-option-box strong b {
  color: #8a2035;
  font-weight: 800;
}

.org-checkout-option-box strong span {
  display: inline;
  margin: 0;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  text-transform: none;
  letter-spacing: 0;
}

.org-checkout-option-action {
  display: flex;
  align-items: center;
  justify-content: center;
}

.org-checkout-option-action a {
  display: flex;
  width: 100%;
  min-height: 52px;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  background: linear-gradient(to bottom, #ad243d 0%, #8a2035 100%);
  color: #ffffff !important;
  text-decoration: none !important;
  font-size: 15px;
  font-weight: 800;
  text-align: center;
  box-shadow: 0 2px 7px rgba(80,30,45,0.20);
}

.org-checkout-option-action a:hover {
  background: linear-gradient(to bottom, #bf314c 0%, #96263b 100%);
}

.org-checkout-back {
  margin-top: 17px;
  text-align: left;
}

.org-checkout-back a {
  display: inline-flex;
  min-width: 190px;
  min-height: 42px;
  padding: 0 18px;
  align-items: center;
  justify-content: center;
  border: 1px solid #d8c4ae;
  border-radius: 9px;
  background: linear-gradient(to bottom, #fffaf4 0%, #f0e3d8 100%);
  color: #8a2035 !important;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none !important;
}

.org-checkout-back a:hover {
  background: linear-gradient(to bottom, #fff4e8 0%, #ead7c9 100%);
}

@media screen and (max-width: 1100px) {
  .org-checkout-option-card {
    grid-template-columns: 1fr;
  }

  .org-checkout-option-info {
    grid-template-columns: repeat(3, 1fr);
  }

  .org-checkout-option-action a {
    max-width: 260px;
  }
}

@media screen and (max-width: 760px) {
  .org-checkout-progress {
    grid-template-columns: 1fr 1fr;
  }

  .org-checkout-option-info {
    grid-template-columns: 1fr;
  }

  .org-checkout-option-main {
    grid-template-columns: 74px 1fr;
  }

  .org-checkout-option-icon {
    width: 70px;
    height: 70px;
  }

  .org-checkout-option-icon img {
    width: 64px !important;
    height: 64px !important;
  }
}



/* =========================================================
   ORGANZA CHECKOUT STEP 1 V5 - modernizált összehasonlító táblázat
   A felső folyamatjelző marad. Az opciók az eredeti logikához hasonlóan
   oszloposan összehasonlíthatók, de modernebb, krém/bordó megjelenéssel.
========================================================= */

.org-checkout-step1 {
  width: 1080px !important;
  box-sizing: border-box !important;
  background: linear-gradient(to bottom, #fffaf4 0%, #ffffff 100%) !important;
  border: 1px solid #ead8c6 !important;
  border-radius: 14px !important;
  padding: 20px 22px 24px 22px !important;
  color: #3a2520 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  box-shadow: 0 5px 18px rgba(70,40,30,0.10) !important;
}

.org-checkout-options {
  display: grid !important;
  gap: 8px !important;
}

/* Táblázatszerű fejléc: ettől lesz összehasonlítható */
.org-checkout-compare-head {
  display: grid !important;
  grid-template-columns: 365px 165px 225px 155px 125px !important;
  gap: 0 !important;
  align-items: center !important;
  min-height: 34px !important;
  padding: 0 12px 0 12px !important;
  box-sizing: border-box !important;
  border: 1px solid #d9bfa7 !important;
  border-radius: 10px !important;
  background: linear-gradient(to bottom, #f3dfcf 0%, #fff4e8 100%) !important;
  color: #8a2035 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12px !important;
  text-transform: uppercase !important;
}

.org-checkout-compare-head div {
  padding: 0 10px !important;
  border-right: 1px solid rgba(138,32,53,0.14) !important;
  box-sizing: border-box !important;
}

.org-checkout-compare-head div:last-child {
  border-right: 0 !important;
}

/* Sorok: táblázatszerű, de nem régies */
.org-checkout-option-card {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 365px 165px 225px 155px 125px !important;
  gap: 0 !important;
  align-items: stretch !important;
  min-height: 112px !important;
  padding: 0 !important;
  border: 1px solid #dcc4ad !important;
  border-left: 8px solid var(--org-option-accent, #c79250) !important;
  border-radius: 12px !important;
  background: linear-gradient(to bottom, #ffffff 0%, #fffaf4 100%) !important;
  box-shadow: 0 3px 12px rgba(70,40,30,0.10) !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.org-checkout-option-card:hover {
  border-color: #c79250 !important;
  background: linear-gradient(to bottom, #fffdf9 0%, #fff4e8 100%) !important;
  box-shadow: 0 5px 16px rgba(70,40,30,0.15) !important;
}

/* Bal oldali termék/mód cella */
.org-checkout-option-main {
  display: grid !important;
  grid-template-columns: 96px 1fr !important;
  gap: 14px !important;
  align-items: center !important;
  padding: 12px 14px !important;
  background: rgba(255,244,232,0.55) !important;
  border-right: 1px solid #ead8c6 !important;
  box-sizing: border-box !important;
}

.org-checkout-option-icon {
  width: 88px !important;
  height: 88px !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  border: 1px solid #e2cbb7 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  box-shadow: 0 3px 9px rgba(90,55,30,0.12) !important;
}

.org-checkout-option-icon img {
  width: 82px !important;
  height: 82px !important;
  object-fit: contain !important;
  display: block !important;
  border-radius: 9px !important;
}

/* Elnevezések: kevésbé széles, kevésbé agresszív */
.org-checkout-option-title {
  color: #2f1d18 !important;
  font-size: 15.5px !important;
  line-height: 1.22 !important;
  font-weight: 600 !important;
}

.org-checkout-option-title span {
  font-size: 15.5px !important;
  line-height: 1.22 !important;
  font-weight: 600 !important;
}

.org-checkout-option-title table {
  margin-top: 7px !important;
  color: #665248 !important;
  font-size: 12px !important;
  line-height: 1.22 !important;
  border: 0 !important;
  font-weight: 400 !important;
}

.org-checkout-option-title table td {
  padding: 0 !important;
}

/* A három adatcellát a kártya grid-rendszerében egyesével cellába tesszük */
.org-checkout-option-info {
  display: contents !important;
}

.org-checkout-option-box {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  min-height: 112px !important;
  padding: 10px 13px !important;
  border: 0 !important;
  border-right: 1px solid #ead8c6 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

.org-checkout-option-box span {
  display: block !important;
  margin: 0 0 6px 0 !important;
  color: #8a2035 !important;
  font-size: 10.5px !important;
  line-height: 1.18 !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.10px !important;
}

.org-checkout-option-box strong {
  display: block !important;
  color: #2f1d18 !important;
  font-size: 12.5px !important;
  line-height: 1.32 !important;
  font-weight: 500 !important;
}

.org-checkout-option-box strong b {
  color: #8a2035 !important;
  font-weight: 700 !important;
}

.org-checkout-option-box strong span {
  display: inline !important;
  margin: 0 !important;
  color: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: inherit !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

/* Fizetés oszlop: középre, de nem túlbóldozva */
.org-checkout-option-box:nth-child(3) strong {
  color: #8a2035 !important;
  font-size: 12px !important;
  line-height: 1.28 !important;
  font-weight: 600 !important;
  text-align: center !important;
}

/* Választás cella */
.org-checkout-option-action {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 112px !important;
  padding: 10px 10px !important;
  box-sizing: border-box !important;
}

.org-checkout-option-action a {
  display: flex !important;
  width: 108px !important;
  min-height: 42px !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 8px !important;
  background: linear-gradient(to bottom, #ad243d 0%, #8a2035 100%) !important;
  color: #ffffff !important;
  text-decoration: none !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-align: center !important;
  box-shadow: 0 3px 10px rgba(138,32,53,0.22), inset 0 1px 0 rgba(255,255,255,0.18) !important;
}

.org-checkout-option-action a:hover {
  background: linear-gradient(to bottom, #c03a55 0%, #98263d 100%) !important;
}

/* Címsor: marad elegáns, de ne harsogjon */
.org-checkout-step-head h2 {
  color: #8a2035 !important;
  font-weight: 700 !important;
}

/* Keskenyebb nézet: ott már nem erőltetjük az oszlopokat */
@media screen and (max-width: 1100px) {
  .org-checkout-step1 {
    width: 100% !important;
  }

  .org-checkout-compare-head {
    display: none !important;
  }

  .org-checkout-option-card {
    grid-template-columns: 1fr !important;
  }

  .org-checkout-option-main {
    border-right: 0 !important;
    border-bottom: 1px solid #ead8c6 !important;
  }

  .org-checkout-option-info {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  .org-checkout-option-box {
    min-height: auto !important;
    border-right: 0 !important;
    border-bottom: 1px solid #ead8c6 !important;
  }

  .org-checkout-option-action {
    justify-content: flex-start !important;
    min-height: auto !important;
    padding: 12px 14px !important;
  }

  .org-checkout-option-action a {
    width: 190px !important;
  }
}


/* =========================================================
   ORGANZA CHECKOUT STEP 1 V6 - kért finomítások
   - erősebb, figyelemfelhívóbb hover
   - bal oldali sáv hoverben nem barnul, hanem bordó/arany kiemelést kap
========================================================= */

.org-checkout-option-box span {
  opacity: 0.78 !important;
}

.org-checkout-option-card:hover {
  border-color: #8a2035 !important;
  border-left-color: #8a2035 !important;
  background: linear-gradient(to bottom, #fff6ec 0%, #ffffff 46%, #fff0e4 100%) !important;
  box-shadow: 0 0 0 2px rgba(199,146,80,0.45),
              0 10px 26px rgba(90,55,30,0.24) !important;
}

.org-checkout-option-card:hover:before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  height: 5px !important;
  background: linear-gradient(to right, #8a2035 0%, #c79250 62%, rgba(199,146,80,0) 100%) !important;
  z-index: 2 !important;
}

.org-checkout-option-card:hover .org-checkout-option-main {
  background: linear-gradient(to right, #fff0e0 0%, #ffffff 100%) !important;
}

.org-checkout-option-card:hover .org-checkout-option-action a {
  background: linear-gradient(to bottom, #c83a58 0%, #8a2035 100%) !important;
  box-shadow: 0 5px 15px rgba(138,32,53,0.32),
              inset 0 1px 0 rgba(255,255,255,0.25) !important;
}


/* =========================================================
   ORGANZA CHECKOUT STEP 1 V7 - hover csíkok és ikonkitöltés
   - bal oldali színes csík hoverkor nem változik
   - felső és alsó hover csík az adott sor saját accent színét használja
   - ikon nagyobb kitöltést kap a sor magasságának növelése nélkül
========================================================= */

/* Bal oldali színes sáv maradjon mindig az adott sor saját színe */
.org-checkout-option-card:hover {
  border-left-color: var(--org-option-accent, #c79250) !important;
}

/* A hover felső csíkja ne barna/bordó legyen, hanem az adott sor színéből induljon */
.org-checkout-option-card:hover:before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  height: 5px !important;
  background: linear-gradient(to right,
              var(--org-option-accent, #c79250) 0%,
              rgba(255,255,255,0.48) 72%,
              rgba(255,255,255,0) 100%) !important;
  z-index: 2 !important;
}

/* Ugyanez alul is, hover esetén */
.org-checkout-option-card:hover:after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 5px !important;
  background: linear-gradient(to right,
              var(--org-option-accent, #c79250) 0%,
              rgba(255,255,255,0.48) 72%,
              rgba(255,255,255,0) 100%) !important;
  z-index: 2 !important;
}

/* Az általános hover kiemelés maradjon, de ne írja felül a saját sávszínt */
.org-checkout-option-card:hover {
  border-color: #8a2035 !important;
  border-left-color: var(--org-option-accent, #c79250) !important;
  background: linear-gradient(to bottom, #fff6ec 0%, #ffffff 46%, #fff0e4 100%) !important;
  box-shadow: 0 0 0 2px rgba(199,146,80,0.45),
              0 10px 26px rgba(90,55,30,0.24) !important;
}

/* Ikondoboz mérete változatlan marad, hogy a sor ne nőjön */
.org-checkout-option-icon {
  width: 88px !important;
  height: 88px !important;
  min-width: 88px !important;
  min-height: 88px !important;
  max-width: 88px !important;
  max-height: 88px !important;
  padding: 0 !important;
}

/* Maga a kép nagyobb kitöltést kap ugyanakkora ikondobozon belül */
.org-checkout-option-icon img {
  width: 86px !important;
  height: 86px !important;
  max-width: 86px !important;
  max-height: 86px !important;
  object-fit: contain !important;
  border-radius: 9px !important;
}


/* =========================================================
   ORGANZA CHECKOUT STEP 1 V8 - hover csík és ikon végleges javítás
   Ezt szándékosan a fájl végére / oldal végére tesszük, hogy felülírja a V6 hover szabályokat.
========================================================= */

/* Hoverkor a teljes keret kiemelhető, de a bal oldali sáv saját színe maradjon. */
.org-checkout-option-card:hover {
  border-color: #8a2035 !important;
  border-left-color: var(--org-option-accent, #c79250) !important;
  background: linear-gradient(to bottom, #fff6ec 0%, #ffffff 46%, #fff0e4 100%) !important;
  box-shadow: 0 0 0 2px rgba(199,146,80,0.45),
              0 10px 26px rgba(90,55,30,0.24) !important;
}

/* Felső hover csík: az adott sor saját színéből indul, nem barna/bordó fix színből. */
.org-checkout-option-card:hover::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  height: 5px !important;
  background: linear-gradient(to right,
              var(--org-option-accent, #c79250) 0%,
              var(--org-option-accent, #c79250) 18%,
              rgba(255,255,255,0.58) 78%,
              rgba(255,255,255,0) 100%) !important;
  z-index: 5 !important;
}

/* Alsó hover csík ugyanezzel a soronkénti saját színnel. */
.org-checkout-option-card:hover::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 5px !important;
  background: linear-gradient(to right,
              var(--org-option-accent, #c79250) 0%,
              var(--org-option-accent, #c79250) 18%,
              rgba(255,255,255,0.58) 78%,
              rgba(255,255,255,0) 100%) !important;
  z-index: 5 !important;
}

/* Az ikon doboza nem nő, ezért a sor magassága sem nő. */
.org-checkout-option-icon {
  width: 88px !important;
  height: 88px !important;
  min-width: 88px !important;
  min-height: 88px !important;
  max-width: 88px !important;
  max-height: 88px !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* Nagyobb képkitöltés ugyanakkora dobozon belül. A cover miatt a kép valóban kitölti a négyzetet. */
.org-checkout-option-icon img {
  width: 96px !important;
  height: 96px !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  border-radius: 9px !important;
}


/* =========================================================
   ORGANZA CHECKOUT STEP 1 V9 - címsor betűtípus igazítása
   A vásárlási folyamat 1. lépésének fő címsora a főoldali
   kategória/section címsorokhoz igazodik.
========================================================= */

.org-checkout-step-head h2 {
  font-family: 'Sansita Swashed', Georgia, 'Times New Roman', serif !important;
  color: #8a2035 !important;
  font-size: 32px !important;
  line-height: 1.14 !important;
  font-weight: 600 !important;
  letter-spacing: 0.1px !important;
}



/* =========================================================
   ORGANZA CHECKOUT STEP 2 V1 - Számlázási adatok modern űrlap
   Csak megjelenítés és HTML-szerkezet tisztítás, az eredeti mező-ID-k,
   validáció és session mentés változatlan.
========================================================= */

.org-checkout-step2 .org-checkout-step-head h2 {
  font-family: 'Sansita Swashed', Georgia, 'Times New Roman', serif !important;
  color: #8a2035 !important;
  font-size: 32px !important;
  line-height: 1.14 !important;
  font-weight: 600 !important;
}

.org-checkout-step2 .org-checkout-step-head p strong {
  color: #8a2035 !important;
  font-weight: 700 !important;
}

.org-checkout-form-card {
  border: 1px solid #dcc4ad !important;
  border-radius: 14px !important;
  background: linear-gradient(to bottom, #ffffff 0%, #fffaf4 100%) !important;
  box-shadow: 0 5px 18px rgba(70,40,30,0.10) !important;
  padding: 22px 24px 20px 24px !important;
  box-sizing: border-box !important;
}

.org-checkout-form-section {
  margin: 0 0 22px 0 !important;
  padding: 0 0 20px 0 !important;
  border-bottom: 1px solid #ead8c6 !important;
}

.org-checkout-form-section:last-of-type {
  border-bottom: 0 !important;
  padding-bottom: 6px !important;
}

.org-checkout-form-section h3 {
  margin: 0 0 16px 0 !important;
  color: #8a2035 !important;
  font-family: 'Encode Sans', Arial, Helvetica, sans-serif !important;
  font-size: 18px !important;
  line-height: 1.22 !important;
  font-weight: 700 !important;
}

.org-checkout-field {
  display: block !important;
  margin: 0 0 14px 0 !important;
  color: #3a2520 !important;
  font-family: 'Encode Sans', Arial, Helvetica, sans-serif !important;
}

.org-checkout-field span {
  display: block !important;
  margin: 0 0 6px 0 !important;
  color: #8a2035 !important;
  font-size: 13px !important;
  line-height: 1.22 !important;
  font-weight: 700 !important;
}

.org-checkout-field span em {
  color: #7a665d !important;
  font-style: normal !important;
  font-weight: 500 !important;
}

.org-checkout-field-row {
  display: flex !important;
  gap: 18px !important;
  align-items: flex-start !important;
  flex-wrap: wrap !important;
}

.org-checkout-field-wide input {
  width: 560px !important;
}

.org-checkout-field-zip input {
  width: 82px !important;
  text-align: center !important;
}

.org-checkout-field-city input {
  width: 250px !important;
}

.org-checkout-field-phone input {
  width: 170px !important;
}

.org-checkout-field-email input {
  width: 360px !important;
}

.org-checkout-form-card .textbox_2 {
  height: 36px !important;
  border: 1px solid #d8c4ae !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  color: #3a2520 !important;
  font-size: 15px !important;
  padding: 5px 9px !important;
  box-shadow: inset 0 1px 3px rgba(70,40,30,0.08) !important;
  box-sizing: border-box !important;
}

.org-checkout-form-card .textbox_2:focus {
  border-color: #c79250 !important;
  box-shadow: 0 0 0 2px rgba(199,146,80,0.22), inset 0 1px 3px rgba(70,40,30,0.08) !important;
}

.org-checkout-form-actions {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 18px !important;
  padding-top: 14px !important;
}

.org-checkout-back-button,
.org-checkout-next-button {
  display: inline-flex !important;
  min-width: 170px !important;
  min-height: 46px !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 9px !important;
  text-decoration: none !important;
  font-family: 'Encode Sans', Arial, Helvetica, sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  box-sizing: border-box !important;
}

.org-checkout-back-button {
  border: 1px solid #d8c4ae !important;
  background: linear-gradient(to bottom, #fffaf4 0%, #f0e3d8 100%) !important;
  color: #8a2035 !important;
}

.org-checkout-back-button:hover {
  background: linear-gradient(to bottom, #fff4e8 0%, #ead7c9 100%) !important;
}

.org-checkout-next-button {
  border: 1px solid #8a2035 !important;
  background: linear-gradient(to bottom, #ad243d 0%, #8a2035 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 3px 10px rgba(138,32,53,0.22), inset 0 1px 0 rgba(255,255,255,0.18) !important;
}

.org-checkout-next-button:hover {
  background: linear-gradient(to bottom, #c03a55 0%, #98263d 100%) !important;
}

@media screen and (max-width: 760px) {
  .org-checkout-field-wide input,
  .org-checkout-field-city input,
  .org-checkout-field-phone input,
  .org-checkout-field-email input {
    width: 100% !important;
  }

  .org-checkout-field-row {
    display: block !important;
  }

  .org-checkout-form-actions {
    flex-direction: column-reverse !important;
    align-items: stretch !important;
  }

  .org-checkout-back-button,
  .org-checkout-next-button {
    width: 100% !important;
  }
}


/* ORGANZA CHECKOUT GLOBAL TITLE FONT SAFETY */
.org-checkout-step-head h2 {
  font-family: 'Sansita Swashed', Georgia, 'Times New Roman', serif !important;
  color: #8a2035 !important;
  font-size: 32px !important;
  line-height: 1.14 !important;
  font-weight: 600 !important;
  letter-spacing: 0.1px !important;
}
.org-foxpost-map-wrap iframe {
  height: 1020px !important;
}


/* ORGANZA CHECKOUT FONT LOAD REAL FIX */
.org-checkout-step-head h2,
.org-checkout-foxpost .org-checkout-step-head h2,
.org-checkout-step1 .org-checkout-step-head h2,
.org-checkout-step2 .org-checkout-step-head h2 {
  font-family: 'Sansita Swashed', Georgia, 'Times New Roman', serif !important;
  color: #8a2035 !important;
  font-size: 32px !important;
  line-height: 1.14 !important;
  font-weight: 600 !important;
  letter-spacing: 0.1px !important;
}

.org-checkout-step-head p,
.org-checkout-progress-item,
.org-checkout-form-card,
.org-foxpost-side-card,
.org-foxpost-map-card {
  font-family: 'Encode Sans', Arial, Helvetica, sans-serif !important;
}

/* Step 3 remaining forms are styled inline in vasarlas_3_posta_automata.php and vasarlas_3_hazhozszallitas.php. */