.elementor-24066 .elementor-element.elementor-element-9c7109e{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-24066 .elementor-element.elementor-element-26e5fba{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:100px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-24066 .elementor-element.elementor-element-26e5fba.e-con{--align-self:center;}.elementor-24066 .elementor-element.elementor-element-4a56b1b{--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-24066 .elementor-element.elementor-element-d940d98 > .elementor-widget-container{margin:-100px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-24066 .elementor-element.elementor-element-d940d98 .wcf-embed-checkout-form .woocommerce-checkout #payment ul.payment_methods{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-24066 .elementor-element.elementor-element-f62bf58{margin:-50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-24066 .elementor-element.elementor-element-6b70d2e{--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-24066 .elementor-element.elementor-element-5e214b2{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-24066 .elementor-element.elementor-element-26e5fba{--width:70%;}.elementor-24066 .elementor-element.elementor-element-4a56b1b{--width:50%;}.elementor-24066 .elementor-element.elementor-element-6b70d2e{--width:50%;}}/* Start custom CSS for checkout-form, class: .elementor-element-d940d98 *//* ══════════════════════════════════════════════════════════════
   MZ VIKTOR · 3 HAVI CHECKOUT — CartFlows Custom CSS
   A WooCommerce/CartFlows checkout formot a landing brandhez igazítja.
   Ezt a CartFlows checkout lépés "Custom CSS" mezőjébe másold.
   Csak a kinézetet állítja — a fizetés működését NEM érinti.
   ══════════════════════════════════════════════════════════════ */

/* ── Brand-változók ── */
:root{
  --mzv-ink:#232323; --mzv-muted:#6E7683; --mzv-line:#E9EDF2;
  --mzv-orange:#FF6525; --mzv-orange-dark:#E5511A; --mzv-orange-deep:#B83E0E;
  --mzv-blue:#25BFFF; --mzv-blue-deep:#0A7FB3; --mzv-lightblue:#F6FBFF;
  --mzv-green:#14684A; --mzv-mint:#E3F7EE;
}

/* ── Form-keret + tipográfia ── */
form.checkout.woocommerce-checkout{
  font-family:'Montserrat',sans-serif !important;
  color:var(--mzv-ink) !important;
}

/* ── Szekció-címek (Számlázási adatok, További információk, Your Products) ── */
form.checkout h2,
form.checkout h3,
.wcf-embed-checkout-form h2,
.wcf-embed-checkout-form h3{
  font-family:'Montserrat',sans-serif !important;
  font-weight:900 !important;
  color:var(--mzv-ink) !important;
  letter-spacing:-.01em;
}

/* ── Mezők címkéi ── */
form.checkout label{
  font-weight:700 !important;
  font-size:13px !important;
  color:#3F4652 !important;
}
/* piros csillag a kötelezőknél */
form.checkout .required,
form.checkout abbr.required{
  color:var(--mzv-orange-dark) !important;
  border:none !important;
  text-decoration:none !important;
}

/* ── Beviteli mezők ── */
form.checkout .input-text,
form.checkout input[type="text"],
form.checkout input[type="email"],
form.checkout input[type="tel"],
form.checkout input[type="password"],
form.checkout select,
form.checkout textarea,
.wcf-embed-checkout-form .input-text,
.wcf-embed-checkout-form select{
  font-family:'Montserrat',sans-serif !important;
  font-size:15.5px !important;
  color:var(--mzv-ink) !important;
  background:#fff !important;
  border:2px solid var(--mzv-line) !important;
  border-radius:12px !important;
  padding:12px 14px !important;
  box-shadow:none !important;
  transition:border-color .2s,box-shadow .2s !important;
}
form.checkout .input-text::placeholder{color:#A6ADB9 !important}

/* fókusz — kék glow, mint a landingen */
form.checkout .input-text:focus,
form.checkout select:focus,
form.checkout textarea:focus,
.wcf-embed-checkout-form .input-text:focus{
  outline:none !important;
  border-color:var(--mzv-blue) !important;
  box-shadow:0 0 0 4px rgba(37,191,255,.18) !important;
}

/* ── "Megrendelem" gomb (#place_order) — kék márkagomb ── */
form.checkout #place_order,
.wcf-embed-checkout-form #place_order{
  font-family:'Montserrat',sans-serif !important;
  font-weight:800 !important;
  font-size:18px !important;
  color:#fff !important;
  background:linear-gradient(180deg,#3FCBFF,var(--mzv-blue)) !important;
  border:none !important;
  border-radius:14px !important;
  padding:17px 24px !important;
  box-shadow:0 6px 0 var(--mzv-blue-deep),0 18px 34px -12px rgba(37,191,255,.7) !important;
  text-shadow:0 1px 0 rgba(0,0,0,.14) !important;
  transition:transform .15s cubic-bezier(.22,1,.36,1),box-shadow .15s cubic-bezier(.22,1,.36,1) !important;
  width:100% !important;
  cursor:pointer !important;
}
form.checkout #place_order:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 8px 0 var(--mzv-blue-deep),0 24px 40px -12px rgba(37,191,255,.85) !important;
}
form.checkout #place_order:active{
  transform:translateY(4px) !important;
  box-shadow:0 2px 0 var(--mzv-blue-deep) !important;
}

/* ── Your Products / rendelés-összegző ── */
form.checkout .cart_totals,
form.checkout .wcf-order-wrap,
.wcf-embed-checkout-form .woocommerce-checkout-review-order{
  border-radius:16px !important;
}

/* ── Fizetési mód doboz ── */
form.checkout #payment,
form.checkout .wc_payment_methods,
.wcf-embed-checkout-form #payment{
  background:var(--mzv-lightblue) !important;
  border-radius:16px !important;
}

/* ── CartFlows demo-maradékok elrejtése (ha megjelennének) ── */
.wcf-embed-checkout-form .cartflows-demo-notice,
form.checkout .woocommerce-form-login-toggle{ /* opcionális: bejelentkezés-sáv */
  /* display:none; */  /* csak akkor kapcsold be, ha tényleg zavar */
}

/* ── "Welcome Back" / bejelentkezett üdvözlő — halványabb ── */
form.checkout .woocommerce-info{
  border-radius:12px !important;
  border-left:4px solid var(--mzv-blue) !important;
}

/* ══════════════════════════════════════════════════════════════
   FINOMÍTÁSOK
   ══════════════════════════════════════════════════════════════ */

/* ── Checkboxok + rádiók narancs színűre ── */
form.checkout input[type="checkbox"],
form.checkout input[type="radio"],
.wcf-embed-checkout-form input[type="checkbox"],
.wcf-embed-checkout-form input[type="radio"]{
  accent-color:var(--mzv-orange) !important;
  width:20px !important;
  height:20px !important;
  cursor:pointer !important;
}

/* ── Több levegő a szakaszok között ── */
/* fizetési mód doboz alá */
form.checkout #payment,
.wcf-embed-checkout-form #payment{
  padding:18px !important;
  margin-top:18px !important;
}
/* adatvédelmi / ÁSZF szövegblokk fölé-alá */
form.checkout .woocommerce-privacy-policy-text,
form.checkout .wcf-privacy-policy-text{
  margin:18px 0 14px !important;
  line-height:1.55 !important;
}
/* checkbox-sorok (ÁSZF, hírlevél, mentés) levegősebben */
form.checkout .wcf-custom-checkout-field,
form.checkout .woocommerce-terms-and-conditions-wrapper,
form.checkout p.form-row:has(input[type="checkbox"]){
  margin-top:14px !important;
  margin-bottom:14px !important;
}
/* a fizetési mód cím és a checkboxok között elválasztó levegő */
form.checkout .wc_payment_method label{
  padding:4px 0 !important;
}
/* a Megrendelem gomb kapjon rendes felső teret */
form.checkout #place_order{
  margin-top:20px !important;
}

/* ══════════════════════════════════════════════════════════════
   MENNYISÉG-MEZŐ ELREJTÉSE (rendelés-összegző)
   A vásárló csak 1 előfizetést vesz, ezért a qty-t elrejtjük.
   (Tiszta megoldás: a WooCommerce terméknél is pipáld be az
   "Egyesével eladva / Sold individually" opciót.)
   ══════════════════════════════════════════════════════════════ */
.woocommerce-checkout-review-order .quantity,
.woocommerce-checkout-review-order input.qty,
.woocommerce-checkout-review-order .product-quantity,
form.checkout .cart-item .quantity,
.wcf-embed-checkout-form .quantity,
.wcf-embed-checkout-form input.qty{
  display:none !important;
}

/* ── "Kérem az ingyenes anyagokat" promóciós opt-in sor elrejtése ── */
form.checkout #email_optin_field,
.wcf-embed-checkout-form #email_optin_field{
  display:none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a56b1b */@media(min-width:941px){
  .mzv-sticky-col{
    position:sticky !important;
    top:10px !important;
    align-self:start !important;
  }
}/* End custom CSS */