.elementor-6561 .elementor-element.elementor-element-bde4803{--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-6561 .elementor-element.elementor-element-bde4803:not(.elementor-motion-effects-element-type-background), .elementor-6561 .elementor-element.elementor-element-bde4803 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#C28FDF;}.elementor-6561 .elementor-element.elementor-element-bde4803 > .elementor-shape-top svg, .elementor-6561 .elementor-element.elementor-element-bde4803 > .e-con-inner > .elementor-shape-top svg{width:calc(126% + 1.3px);height:34px;}.elementor-6561 .elementor-element.elementor-element-b0aa06a > .elementor-widget-container{margin:91px 0px 0px 0px;}.elementor-6561 .elementor-element.elementor-element-b0aa06a{text-align:center;}.elementor-6561 .elementor-element.elementor-element-b0aa06a .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:45px;font-weight:500;color:#FFFFFF;}.elementor-6561 .elementor-element.elementor-element-a479b27 > .elementor-widget-container{padding:14px 0px 0px 0px;}.elementor-6561 .elementor-element.elementor-element-a479b27{text-align:center;}.elementor-6561 .elementor-element.elementor-element-a479b27 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:400;color:#FFFFFF;}.elementor-6561 .elementor-element.elementor-element-d1a5b51{text-align:center;}.elementor-6561 .elementor-element.elementor-element-d1a5b51 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:25px;font-weight:500;color:#FFFFFF;}.elementor-6561 .elementor-element.elementor-element-24d35b6{text-align:center;}.elementor-6561 .elementor-element.elementor-element-24d35b6 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:16px;color:#FFFFFF;}.elementor-6561 .elementor-element.elementor-element-23a7610 > .elementor-widget-container{border-style:none;}.elementor-6561 .elementor-element.elementor-element-23a7610 .elementor-tab-title, .elementor-6561 .elementor-element.elementor-element-23a7610 .elementor-tab-title:before, .elementor-6561 .elementor-element.elementor-element-23a7610 .elementor-tab-title:after, .elementor-6561 .elementor-element.elementor-element-23a7610 .elementor-tab-content, .elementor-6561 .elementor-element.elementor-element-23a7610 .elementor-tabs-content-wrapper{border-width:0px;}.elementor-6561 .elementor-element.elementor-element-23a7610 .elementor-tab-desktop-title.elementor-active{background-color:#FFFFFF;}.elementor-6561 .elementor-element.elementor-element-23a7610 .elementor-tabs-content-wrapper{background-color:#FFFFFF;}.elementor-6561 .elementor-element.elementor-element-23a7610 .elementor-tab-title{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:500;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-6561 .elementor-element.elementor-element-601ff36{--display:flex;}.elementor-6561 .elementor-element.elementor-element-9763529 .elementor-menu-toggle{margin:0 auto;}/* Start custom CSS for container, class: .elementor-element-bde4803 *//* ================= OKOSPC PRICING V2 ================= */

.okpc-pricing.okpc-v2{
  --p:#D8A0F8;
  --text:#1b1b1f;
  --muted:rgba(27,27,31,.72);
  --muted2:rgba(27,27,31,.58);
  --border:rgba(27,27,31,.14);
  --r:18px;
  --rli:12px;

  color:var(--text);
  font:inherit;
}

/* ---------- RADIO CHOICE (.elementor-6561 .elementor-element.elementor-element-bde4803) ---------- */
.okpc-v2 .okpc-choice{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin: 0 0 14px;
}

/* a sor: input + label */
.okpc-v2 .okpc-radioWrap{
  display:flex;
  align-items:center;
  gap:10px;
  border-radius:14px;
}

/* a VALÓDI rádiógomb látható */
.okpc-v2 .okpc-radio{
  width:16px;
  height:16px;
  margin:0;
  accent-color: #D8A0F8; /* lila pötty */
  flex:0 0 auto;
}

/* a kattintható “gomb” rész (label) */
.okpc-v2 .okpc-radioRow{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:10px 12px;
  border:2px solid var(--p);
  border-radius:14px;
  background: var(--p);
  color:#fff;
  cursor:pointer;
  transition: background .15s ease, color .15s ease;
  max-width: 420px;
}

/* minden szöveg középre */
.okpc-v2 .okpc-radioText{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:2px;
}

/* tipó */
.okpc-v2 .okpc-radioTitle{
  font-weight:900;
  font-size:13px;
  line-height:1.2;
}

.okpc-v2 .okpc-radioMeta{
  font-size:11px;
  opacity:.9;
  line-height:1.2;
}

/* AKTÍV = invert (input checked + label) */
.okpc-v2 .okpc-radio:checked + .okpc-radioRow{
  background:#fff;
  color: var(--p);
}

/* HOVER = fordított */
.okpc-v2 .okpc-radioRow:hover{
  background:#fff;
  color: var(--p);
}

/* HOVER aktívon = vissza az alapra */
.okpc-v2 .okpc-radio:checked + .okpc-radioRow:hover{
  background: var(--p);
  color:#fff;
}

/* yearly micro */
.okpc-v2 .okpc-recommend{
  display:inline-block;
  margin-left:6px;
  font-size:11px;
  font-weight:800;
  opacity:.95;
}

/* EGYÖSSZEGŰ badge */
.okpc-v2 .okpc-badge{
  display:inline-block;
  margin-left:6px;
  padding:2px 6px;
  font-size:10px;
  font-weight:900;
  border-radius:999px;
  border:2px solid var(--p);
  background:#fff;
  color: var(--p);
  vertical-align:middle;
}


/* ---------- CARD ---------- */
.okpc-v2 .okpc-card{
  border:1px solid var(--border);
  border-radius:22px;
  background:#fff;
  overflow:hidden;
}

.okpc-v2 .okpc-head{
  padding:24px;
  border-bottom:1px solid var(--border);
}

.okpc-v2 .okpc-kicker{
  display:inline-block;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid var(--border);
  font-weight:900;
  font-size:12px;
  margin-bottom:10px;
}

.okpc-v2 .okpc-title h3{ margin:0 0 6px; font-size:22px; }
.okpc-v2 .okpc-title p{ margin:0; color:var(--muted); }

/* ---------- TWO COLUMNS ---------- */
.okpc-v2 .okpc-columns{
  display:grid;
  grid-template-columns: 1.15fr .85fr;
  gap:20px;
  padding:24px;
}

.okpc-v2 .okpc-box{
  border:1px solid var(--border);
  border-radius:var(--r);
  padding:18px;
  background:#fff;
}

.okpc-v2 .okpc-col{
  display:grid;
  gap:14px;
  align-content:start;
}

/* ---------- PRICE SWITCH ---------- */
.okpc-v2 .okpc-price--yearly{ display:none; }
#okpc_yearly:checked ~ .okpc-card .okpc-price--monthly{ display:none; }
#okpc_yearly:checked ~ .okpc-card .okpc-price--yearly{ display:block; }

.okpc-v2 .okpc-amount{ font-size:26px; font-weight:950; letter-spacing:-.2px; }
.okpc-v2 .okpc-amount span{ font-size:14px; font-weight:750; color:var(--muted); }
.okpc-v2 .okpc-sub{ margin-top:6px; font-weight:900; }
.okpc-v2 .okpc-note{ margin-top:8px; font-size:13px; color:var(--muted2); line-height:1.45; }

/* ---------- BENEFITS (no bullets, 4px spacing, micro left bar + hover) ---------- */
.okpc-v2 .okpc-benefits ul{
  list-style:none !important;
  margin:0;
  padding:0;
}
.okpc-v2 .okpc-benefits li{
  margin:0;
  border:1px solid var(--border);
  border-radius:var(--rli);
  padding:10px 12px 10px 14px;
  color:var(--muted);
  position:relative;
  transition: background-color .15s ease, border-color .15s ease;
}
.okpc-v2 .okpc-benefits li + li{ margin-top:4px; }

.okpc-v2 .okpc-benefits li::before{
  content:"";
  position:absolute;
  left:0;
  top:8px;
  bottom:8px;
  width:2px;
  border-radius:2px;
  background: var(--p);
  opacity:.85;
  pointer-events:none;
}

.okpc-v2 .okpc-benefits li:hover{
  background: rgba(216,160,248,.10);
  border-color: var(--p);
}
.okpc-v2 .okpc-benefits li:hover::before{ opacity:1; }
.okpc-v2 .okpc-benefits li b{ color:rgba(27,27,31,.96); font-weight:700; }

/* ---------- CTA (swap + flat) ---------- */
.okpc-v2 .okpc-cta-title{ font-weight:950; margin-bottom:12px; }

.okpc-v2 .okpc-btn{
  display:flex;
  justify-content:center;
  align-items:center;
  padding:14px;
  border-radius: var(--rli); /* ugyanaz, mint a listáé */
  border:2px solid var(--p);
  background: var(--p);
  color:#fff;
  font-weight:900;
  text-decoration:none;
  transition: background .15s ease, color .15s ease;
  margin-bottom:10px;
}
.okpc-v2 .okpc-btn:hover{
  background:#fff;
  color:var(--p);
}

.okpc-v2 .okpc-btn--yearly{ display:none; }
#okpc_yearly:checked ~ .okpc-card .okpc-btn--monthly{ display:none; }
#okpc_yearly:checked ~ .okpc-card .okpc-btn--yearly{ display:flex; }

/* Guarantees show per plan */
.okpc-v2 .okpc-guarantee{
  margin-top:-4px;
  margin-bottom:10px;
  font-size:12.5px;
  line-height:1.4;
  color:var(--muted2);
}
.okpc-v2 .okpc-guarantee--monthly,
.okpc-v2 .okpc-guarantee--yearly{ display:none; }

#okpc_monthly:checked ~ .okpc-card .okpc-guarantee--monthly{ display:block; }
#okpc_yearly:checked  ~ .okpc-card .okpc-guarantee--yearly{ display:block; }

.okpc-v2 .okpc-mini{ font-size:12.5px; color:var(--muted2); margin-top:8px; }

/* ---------- RIGHT COLUMN: Steps ---------- */
.okpc-v2 .okpc-next h4{ margin:0 0 10px; }
.okpc-v2 .okpc-steps{
  margin:0;
  padding-left: 18px;
  display:grid;
  gap:10px;
}
.okpc-v2 .okpc-steps li{
  color:var(--muted);
}
.okpc-v2 .okpc-steps li b{
  display:block;
  color:rgba(27,27,31,.96);
  margin-bottom:2px;
}
.okpc-v2 .okpc-steps li span{
  display:block;
  color:var(--muted2);
  font-size:13px;
}

.okpc-v2 .okpc-nextNote{
  margin-top:12px;
  padding:12px;
  border-radius: var(--rli);
  border:1px solid var(--border);
  background: rgba(216,160,248,.10);
  color: var(--muted);
}
.okpc-v2 .okpc-nextNote b{ color:rgba(27,27,31,.96); }

/* ---------- RESPONSIVE ---------- */
@media (max-width: 900px){
  .okpc-v2 .okpc-columns{ grid-template-columns: 1fr; }
  .okpc-v2 .okpc-choice{ flex-direction:column; }
  .okpc-v2 .okpc-radioRow{ max-width: 100%; }
}/* End custom CSS */