.elementor-109 .elementor-element.elementor-element-8f7996e{--display:flex;border-style:none;--border-style:none;}.elementor-109 .elementor-element.elementor-element-e90f786 > .elementor-widget-container{border-style:dashed;border-width:1px 1px 1px 1px;border-radius:10px 10px 10px 10px;}.elementor-109 .elementor-element.elementor-element-fa54bc1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-109 .elementor-element.elementor-element-fa54bc1.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-109 .elementor-element.elementor-element-3fdb6a9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-109 .elementor-element.elementor-element-9a5c070{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-109 .elementor-element.elementor-element-df3b46e{--display:flex;}.elementor-109 .elementor-element.elementor-element-0d54351{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}@media(min-width:768px){.elementor-109 .elementor-element.elementor-element-8f7996e{--content-width:500px;}.elementor-109 .elementor-element.elementor-element-fa54bc1{--width:94.259%;}}/* Start custom CSS for html, class: .elementor-element-dca97bb *//* =========================================================
   GO – EGYEDI KONFIGURÁTOR (FINAL CSS – TELJES)
   ========================================================= */

/* ====== KERET ====== */
.cb-wrap{
  background:#ffffff;
  border-radius:18px;
  padding:30px;
  border:1px solid rgba(17,24,39,0.08);
  box-shadow:0 16px 40px rgba(0,0,0,0.10);
  box-sizing:border-box;
  max-width:1100px;
  margin:40px auto;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}

.cb-wrap *{
  box-sizing:border-box;
}

/* ====== FEJLÉC ====== */
.cb-head h3{
  font-size:22px;
  font-weight:700;
  color:#111827;
  margin-bottom:6px;
}

.cb-head p{
  font-size:14px;
  color:#6B7280;
  margin-bottom:22px;
  line-height:1.5;
}

/* ====== GRID ====== */
.cb-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:20px;
  margin-bottom:26px;
}

/* ====== INPUT KÁRTYA ====== */
.cb-card{
  background:#ffffff;
  border-radius:14px;
  padding:16px;
  border:1px solid rgba(17,24,39,0.08);
  transition:box-shadow .15s ease, transform .15s ease;
}

.cb-card:hover{
  box-shadow:0 12px 30px rgba(0,0,0,0.10);
  transform:translateY(-1px);
}

.cb-card label{
  font-size:13px;
  font-weight:700;
  color:#374151;
  display:block;
}

.cb-card select,
.cb-card input{
  margin-top:8px;
  width:100%;
  padding:11px 12px;
  border-radius:10px;
  border:1px solid rgba(17,24,39,0.18);
  font-size:14px;
  color:#111827;
  background:#ffffff;
}

.cb-card select:focus,
.cb-card input:focus{
  outline:none;
  border-color:rgba(201,164,76,0.85);
  box-shadow:0 0 0 1px rgba(201,164,76,0.25);
}

/* ====== ÖSSZEGZÉS ====== */
.cb-summary{
  display:grid;
  grid-template-columns:1.4fr 1fr;
  gap:26px;
  margin-top:6px;
}

/* BAL OLDAL */
.cb-summary-left{
  background:linear-gradient(180deg,#F9FAFB,#FFFFFF);
  border:1px dashed rgba(17,24,39,0.14);
  border-radius:14px;
  padding:18px;
}

.cb-line{
  margin-bottom:6px;
}

.cb-summary-left strong{
  color:#111827;
  font-size:15px;
}

/* CSOMAGNÉV – KIEMELT */
.cb-package-name{
  margin-top:10px;
  font-size:16px;
  font-weight:800;
  color:#111827;
}

/* ====== KÉPES BLOKK ====== */
.cb-visuals{
  margin-top:16px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}

.cb-visual-box{
  border:1px solid rgba(17,24,39,0.10);
  border-radius:12px;
  padding:10px;
  background:#ffffff;
  text-align:center;
}

.cb-visual-title{
  font-size:12px;
  font-weight:800;
  color:#374151;
  margin-bottom:6px;
  letter-spacing:0.04em;
  text-transform:uppercase;
}

.cb-visual-placeholder{
  height:90px;
  border-radius:8px;
  background:#F3F4F6;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}

.cb-visual-placeholder img{
  max-width:100%;
  max-height:90px;
  object-fit:contain;
}

.cb-visual-meta{
  margin-top:6px;
  font-size:12px;
  font-weight:700;
  color:#111827;
}

/* ====== ÁR BLOKK ====== */
.cb-pricebox{
  background:#ffffff;
  border-radius:16px;
  padding:22px;
  border:1.5px solid rgba(201,164,76,0.55);
  box-shadow:
    0 20px 48px rgba(0,0,0,0.14),
    0 0 0 1px rgba(201,164,76,0.22);
}

.cb-price-row{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  margin-bottom:10px;
}

.cb-price-row span{
  font-size:14px;
  color:#6B7280;
}

.cb-price-row strong{
  font-size:16px;
  font-weight:700;
  color:#111827;
}

/* ====== ÖNRÉSZ – FÓKUSZ ====== */
.cb-own-box{
  margin-top:16px;
  padding-top:14px;
  border-top:1px dashed rgba(17,24,39,0.18);
}

.cb-own-label{
  font-size:14px;
  font-weight:700;
  color:#374151;
  letter-spacing:0.04em;
  text-transform:uppercase;
}

.cb-own{
  margin-top:4px;
  font-size:42px;
  font-weight:900;
  color:#111827;
  letter-spacing:-0.03em;
}

/* ====== CTA ====== */
.cb-cta{
  margin-top:28px;
  width:100%;
  padding:16px;
  border-radius:14px;
  background:#111827;
  color:#ffffff;
  font-size:15px;
  font-weight:800;
  letter-spacing:0.06em;
  border:none;
  cursor:pointer;
  box-shadow:
    0 14px 30px rgba(17,24,39,0.30),
    inset 0 1px 0 rgba(255,255,255,0.06);
  transition:transform .15s ease, box-shadow .15s ease;
}

.cb-cta:hover{
  transform:translateY(-1px);
  box-shadow:
    0 18px 38px rgba(17,24,39,0.38),
    inset 0 1px 0 rgba(255,255,255,0.08);
}

/* ====== RESPONSIVE ====== */
@media(max-width:1024px){
  .cb-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:768px){
  .cb-grid{
    grid-template-columns:1fr;
  }
  .cb-summary{
    grid-template-columns:1fr;
  }
  .cb-visuals{
    grid-template-columns:1fr;
  }
  .cb-own{
    font-size:34px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dca97bb *//* =========================================================
   GO – EGYEDI KONFIGURÁTOR (FINAL CSS – TELJES)
   ========================================================= */

/* ====== KERET ====== */
.cb-wrap{
  background:#ffffff;
  border-radius:18px;
  padding:30px;
  border:1px solid rgba(17,24,39,0.08);
  box-shadow:0 16px 40px rgba(0,0,0,0.10);
  box-sizing:border-box;
  max-width:1100px;
  margin:40px auto;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}

.cb-wrap *{
  box-sizing:border-box;
}

/* ====== FEJLÉC ====== */
.cb-head h3{
  font-size:22px;
  font-weight:700;
  color:#111827;
  margin-bottom:6px;
}

.cb-head p{
  font-size:14px;
  color:#6B7280;
  margin-bottom:22px;
  line-height:1.5;
}

/* ====== GRID ====== */
.cb-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:20px;
  margin-bottom:26px;
}

/* ====== INPUT KÁRTYA ====== */
.cb-card{
  background:#ffffff;
  border-radius:14px;
  padding:16px;
  border:1px solid rgba(17,24,39,0.08);
  transition:box-shadow .15s ease, transform .15s ease;
}

.cb-card:hover{
  box-shadow:0 12px 30px rgba(0,0,0,0.10);
  transform:translateY(-1px);
}

.cb-card label{
  font-size:13px;
  font-weight:700;
  color:#374151;
  display:block;
}

.cb-card select,
.cb-card input{
  margin-top:8px;
  width:100%;
  padding:11px 12px;
  border-radius:10px;
  border:1px solid rgba(17,24,39,0.18);
  font-size:14px;
  color:#111827;
  background:#ffffff;
}

.cb-card select:focus,
.cb-card input:focus{
  outline:none;
  border-color:rgba(201,164,76,0.85);
  box-shadow:0 0 0 1px rgba(201,164,76,0.25);
}

/* ====== ÖSSZEGZÉS ====== */
.cb-summary{
  display:grid;
  grid-template-columns:1.4fr 1fr;
  gap:26px;
  margin-top:6px;
}

/* BAL OLDAL */
.cb-summary-left{
  background:linear-gradient(180deg,#F9FAFB,#FFFFFF);
  border:1px dashed rgba(17,24,39,0.14);
  border-radius:14px;
  padding:18px;
}

.cb-line{
  margin-bottom:6px;
}

.cb-summary-left strong{
  color:#111827;
  font-size:15px;
}

/* CSOMAGNÉV – KIEMELT */
.cb-package-name{
  margin-top:10px;
  font-size:16px;
  font-weight:800;
  color:#111827;
}

/* ====== KÉPES BLOKK ====== */
.cb-visuals{
  margin-top:16px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}

.cb-visual-box{
  border:1px solid rgba(17,24,39,0.10);
  border-radius:12px;
  padding:10px;
  background:#ffffff;
  text-align:center;
}

.cb-visual-title{
  font-size:12px;
  font-weight:800;
  color:#374151;
  margin-bottom:6px;
  letter-spacing:0.04em;
  text-transform:uppercase;
}

.cb-visual-placeholder{
  height:90px;
  border-radius:8px;
  background:#F3F4F6;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}

.cb-visual-placeholder img{
  max-width:100%;
  max-height:90px;
  object-fit:contain;
}

.cb-visual-meta{
  margin-top:6px;
  font-size:12px;
  font-weight:700;
  color:#111827;
}

/* ====== ÁR BLOKK ====== */
.cb-pricebox{
  background:#ffffff;
  border-radius:16px;
  padding:22px;
  border:1.5px solid rgba(201,164,76,0.55);
  box-shadow:
    0 20px 48px rgba(0,0,0,0.14),
    0 0 0 1px rgba(201,164,76,0.22);
}

.cb-price-row{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  margin-bottom:10px;
}

.cb-price-row span{
  font-size:14px;
  color:#6B7280;
}

.cb-price-row strong{
  font-size:16px;
  font-weight:700;
  color:#111827;
}

/* ====== ÖNRÉSZ – FÓKUSZ ====== */
.cb-own-box{
  margin-top:16px;
  padding-top:14px;
  border-top:1px dashed rgba(17,24,39,0.18);
}

.cb-own-label{
  font-size:14px;
  font-weight:700;
  color:#374151;
  letter-spacing:0.04em;
  text-transform:uppercase;
}

.cb-own{
  margin-top:4px;
  font-size:42px;
  font-weight:900;
  color:#111827;
  letter-spacing:-0.03em;
}

/* ====== CTA ====== */
.cb-cta{
  margin-top:28px;
  width:100%;
  padding:16px;
  border-radius:14px;
  background:#111827;
  color:#ffffff;
  font-size:15px;
  font-weight:800;
  letter-spacing:0.06em;
  border:none;
  cursor:pointer;
  box-shadow:
    0 14px 30px rgba(17,24,39,0.30),
    inset 0 1px 0 rgba(255,255,255,0.06);
  transition:transform .15s ease, box-shadow .15s ease;
}

.cb-cta:hover{
  transform:translateY(-1px);
  box-shadow:
    0 18px 38px rgba(17,24,39,0.38),
    inset 0 1px 0 rgba(255,255,255,0.08);
}

/* ====== RESPONSIVE ====== */
@media(max-width:1024px){
  .cb-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:768px){
  .cb-grid{
    grid-template-columns:1fr;
  }
  .cb-summary{
    grid-template-columns:1fr;
  }
  .cb-visuals{
    grid-template-columns:1fr;
  }
  .cb-own{
    font-size:34px;
  }
}/* End custom CSS */