.elementor-754 .elementor-element.elementor-element-fa8b5de{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-754 .elementor-element.elementor-element-bf0f894{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-754 .elementor-element.elementor-element-dfe4675{--display:flex;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-754 .elementor-element.elementor-element-9e13879 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-754 .elementor-element.elementor-element-9e13879 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-754 .elementor-element.elementor-element-9e13879 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-754 .elementor-element.elementor-element-9e13879 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-754 .elementor-element.elementor-element-9e13879 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-754 .elementor-element.elementor-element-9e13879 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-754 .elementor-element.elementor-element-9e13879 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-754 .elementor-element.elementor-element-9e13879 .elementor-field-type-html{padding-bottom:0px;}.elementor-754 .elementor-element.elementor-element-9e13879 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-754 .elementor-element.elementor-element-9e13879 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-754 .elementor-element.elementor-element-9e13879 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-754 .elementor-element.elementor-element-9e13879 .elementor-button[type="submit"]{color:#ffffff;}.elementor-754 .elementor-element.elementor-element-9e13879 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-754 .elementor-element.elementor-element-9e13879 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-754 .elementor-element.elementor-element-9e13879 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-754 .elementor-element.elementor-element-9e13879 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-754 .elementor-element.elementor-element-9e13879 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-754 .elementor-element.elementor-element-9e13879 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-754 .elementor-element.elementor-element-9e13879{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}@media(max-width:1024px){.elementor-754 .elementor-element.elementor-element-fa8b5de{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-754 .elementor-element.elementor-element-fa8b5de{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for container, class: .elementor-element-fa8b5de *//* =========================================================
   BB-AJTÓABLAK – AJÁNLATKÉRŐ OLDAL
   Külső Elementor konténer ID: bba-quote-page
   Bal konténer class: bba-quote-left
   Jobb konténer class: bba-quote-right
   Elementor Form widget class: bba-quote-form
   ========================================================= */

:root {
  --bba-q-ink: #1d130f;
  --bba-q-brown: #35231b;
  --bba-q-deep: #21140f;
  --bba-q-rust: #58311f;
  --bba-q-gold: #e29a52;
  --bba-q-gold-light: #f1bd82;
  --bba-q-cream: #f8f3ec;
  --bba-q-paper: #fffdf9;
  --bba-q-line: #ded2c5;
  --bba-q-muted: #75655c;
  --bba-q-white: #ffffff;
}

#bba-quote-page,
#bba-quote-page * {
  box-sizing: border-box;
}

#bba-quote-page {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(520px, 1.08fr);
  align-items: stretch;
  width: 100%;
  min-height: 820px;
  margin: 0;
  padding: 0;
  background: var(--bba-q-cream);
  color: var(--bba-q-ink);
  overflow: hidden;
}

#bba-quote-page > .e-con-inner {
  display: contents;
}

#bba-quote-page .bba-quote-left,
#bba-quote-page .bba-quote-right {
  width: 100%;
  max-width: none;
  margin: 0;
}

#bba-quote-page .bba-quote-left {
  position: relative;
  display: flex;
  justify-content: flex-end;
  padding: 82px clamp(42px, 5vw, 92px) 82px clamp(28px, 6vw, 120px);
  background:
    radial-gradient(circle at 14% 12%, rgba(226,154,82,.14), transparent 28%),
    linear-gradient(145deg, #21140f 0%, #3b2419 58%, #542e1d 100%);
  color: var(--bba-q-white);
}

#bba-quote-page .bba-quote-left::after {
  content: "";
  position: absolute;
  right: -1px;
  top: 0;
  width: 1px;
  height: 100%;
  background: rgba(255,255,255,.12);
}

.bba-quote-intro {
  width: 100%;
  max-width: 610px;
}

.bba-quote-eyebrow {
  display: flex;
  align-items: center;
  gap: 13px;
  margin-bottom: 26px;
  color: var(--bba-q-gold-light);
  font: 800 11px/1.2 Arial, sans-serif;
  letter-spacing: .18em;
}

.bba-quote-eyebrow span {
  width: 38px;
  height: 1px;
  background: var(--bba-q-gold);
}

.bba-quote-intro h1 {
  margin: 0 0 26px;
  color: var(--bba-q-white);
  font: 400 clamp(48px, 4.8vw, 78px)/.98 Georgia, "Times New Roman", serif;
  letter-spacing: -.048em;
}

.bba-quote-intro h1 em {
  color: var(--bba-q-gold-light);
  font-weight: 400;
}

.bba-quote-lead {
  max-width: 540px;
  margin: 0 0 36px;
  color: #d8cbc3;
  font: 400 16px/1.75 Arial, sans-serif;
}

.bba-selected-product {
  position: relative;
  margin-bottom: 34px;
  padding: 19px 22px 19px 26px;
  border: 1px solid rgba(241,189,130,.42);
  background: rgba(255,255,255,.06);
}

.bba-selected-product::before {
  content: "";
  position: absolute;
  left: -1px;
  top: -1px;
  bottom: -1px;
  width: 4px;
  background: var(--bba-q-gold);
}

.bba-selected-product span,
.bba-selected-product strong,
.bba-selected-product small {
  display: block;
}

.bba-selected-product span {
  margin-bottom: 7px;
  color: var(--bba-q-gold-light);
  font: 800 9px/1.2 Arial, sans-serif;
  letter-spacing: .16em;
}

.bba-selected-product strong {
  color: #fff;
  font: 400 21px/1.25 Georgia, "Times New Roman", serif;
}

.bba-selected-product small {
  margin-top: 5px;
  color: #baa9a0;
  font: 400 11px/1.4 Arial, sans-serif;
}

.bba-quote-steps {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid rgba(255,255,255,.15);
}

.bba-quote-steps li {
  display: grid;
  grid-template-columns: 55px 1fr;
  gap: 17px;
  align-items: center;
  padding: 19px 0;
  border-bottom: 1px solid rgba(255,255,255,.15);
}

.bba-quote-steps b {
  color: var(--bba-q-gold);
  font: 400 26px/1 Georgia, "Times New Roman", serif;
}

.bba-quote-steps strong,
.bba-quote-steps span {
  display: block;
}

.bba-quote-steps strong {
  margin-bottom: 4px;
  color: #fff;
  font: 400 17px/1.2 Georgia, "Times New Roman", serif;
}

.bba-quote-steps span {
  color: #bfaea4;
  font: 400 12px/1.5 Arial, sans-serif;
}

.bba-quote-contact {
  margin-top: 31px;
}

.bba-quote-contact p {
  margin: 0 0 6px;
  color: #baa9a0;
  font: 700 10px/1.2 Arial, sans-serif;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.bba-quote-contact a {
  display: inline-block;
  color: var(--bba-q-gold-light);
  font: 400 29px/1.2 Georgia, "Times New Roman", serif;
  text-decoration: none;
}

.bba-quote-contact span {
  display: block;
  margin-top: 5px;
  color: #9f8e85;
  font: 400 11px/1.4 Arial, sans-serif;
}

.bba-quote-trust {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
  margin-top: 28px;
  color: #d7c9c0;
  font: 600 10px/1.4 Arial, sans-serif;
}

/* JOBB OLDALI FORM KÁRTYA */
#bba-quote-page .bba-quote-right {
  display: flex;
  align-items: center;
  padding: 70px clamp(28px, 6vw, 110px) 80px clamp(35px, 5vw, 86px);
  background:
    linear-gradient(rgba(53,35,27,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(53,35,27,.035) 1px, transparent 1px),
    var(--bba-q-cream);
  background-size: 34px 34px;
}

#bba-quote-page .bba-quote-right > .elementor-widget-form,
#bba-quote-page .bba-quote-right > .elementor-element,
#bba-quote-page .bba-quote-form {
  width: 100%;
  max-width: 780px;
}

.bba-quote-form {
  padding: clamp(28px, 4vw, 52px);
  border: 1px solid var(--bba-q-line);
  background: rgba(255,253,249,.96);
  box-shadow: 0 28px 80px rgba(53,35,27,.12);
}

.bba-quote-form::before {
  content: "KÉRJEN SZEMÉLYRE SZABOTT AJÁNLATOT";
  display: block;
  margin-bottom: 11px;
  color: #b76a31;
  font: 800 10px/1.2 Arial, sans-serif;
  letter-spacing: .16em;
}

.bba-quote-form::after {
  content: "A *-gal jelölt mezők kitöltése kötelező.";
  display: block;
  margin-top: 15px;
  color: #8c7d74;
  font: 400 10px/1.5 Arial, sans-serif;
}

.bba-quote-form .elementor-form::before {
  content: "Mondja el, miben segíthetünk.";
  display: block;
  width: 100%;
  margin: 0 0 30px;
  color: var(--bba-q-ink);
  font: 400 clamp(32px, 3vw, 48px)/1.02 Georgia, "Times New Roman", serif;
  letter-spacing: -.035em;
}

.bba-quote-form .elementor-form-fields-wrapper {
  margin-left: -7px;
  margin-right: -7px;
}

.bba-quote-form .elementor-field-group {
  padding-left: 7px;
  padding-right: 7px;
  margin-bottom: 17px;
}

.bba-quote-form .elementor-field-label {
  margin-bottom: 7px;
  color: #4d3a30;
  font: 700 11px/1.3 Arial, sans-serif;
  letter-spacing: .025em;
}

.bba-quote-form .elementor-field-required .elementor-field-label::after {
  color: #b75f2b;
}

.bba-quote-form input.elementor-field,
.bba-quote-form select.elementor-field,
.bba-quote-form textarea.elementor-field {
  width: 100%;
  min-height: 53px;
  padding: 13px 15px;
  border: 1px solid #d8cdc2 !important;
  border-radius: 0 !important;
  outline: none;
  background: #fff !important;
  box-shadow: none !important;
  color: var(--bba-q-ink) !important;
  font: 400 14px/1.4 Arial, sans-serif;
  transition: border-color .2s, box-shadow .2s, background .2s;
}

.bba-quote-form textarea.elementor-field {
  min-height: 132px;
  resize: vertical;
}

.bba-quote-form input.elementor-field:focus,
.bba-quote-form select.elementor-field:focus,
.bba-quote-form textarea.elementor-field:focus {
  border-color: var(--bba-q-gold) !important;
  box-shadow: 0 0 0 3px rgba(226,154,82,.13) !important;
}

.bba-quote-form input[readonly] {
  border-color: #e7c69f !important;
  background: #fff7ed !important;
  color: #70401f !important;
  font-weight: 700;
}

.bba-quote-form input::placeholder,
.bba-quote-form textarea::placeholder {
  color: #aaa099 !important;
  opacity: 1;
}

.bba-quote-form .elementor-field-type-html {
  width: 100%;
  margin: 8px 7px 19px;
  padding: 15px 0 9px;
  border-bottom: 1px solid var(--bba-q-line);
  color: #a45f2d;
  font: 800 10px/1.2 Arial, sans-serif;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.bba-quote-form .elementor-field-type-acceptance {
  margin-top: 2px;
}

.bba-quote-form .elementor-field-type-acceptance .elementor-field-option {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: #75665d;
  font: 400 11px/1.55 Arial, sans-serif;
}

.bba-quote-form .elementor-field-type-acceptance input {
  flex: 0 0 auto;
  width: 17px;
  height: 17px;
  margin-top: 1px;
  accent-color: var(--bba-q-gold);
}

.bba-quote-form .elementor-field-type-acceptance a {
  color: #935326;
  text-decoration: underline;
}

.bba-quote-form .elementor-field-type-upload input {
  min-height: auto;
  padding: 13px;
  border: 1px dashed #cdbdab !important;
  background: #fbf8f3 !important;
  font-size: 12px;
}

.bba-quote-form .elementor-button {
  width: 100%;
  min-height: 58px;
  margin-top: 5px;
  padding: 16px 25px;
  border: 1px solid var(--bba-q-gold) !important;
  border-radius: 0 !important;
  background: var(--bba-q-gold) !important;
  color: #20140f !important;
  box-shadow: none !important;
  font: 900 11px/1.2 Arial, sans-serif;
  letter-spacing: .1em;
  text-transform: uppercase;
  transition: transform .2s, background .2s, box-shadow .2s;
}

.bba-quote-form .elementor-button:hover {
  transform: translateY(-2px);
  background: #efad6b !important;
  box-shadow: 0 12px 28px rgba(112,64,31,.18) !important;
}

.bba-quote-form .elementor-message {
  margin: 18px 0 0;
  padding: 14px 16px;
  border: 1px solid #c9bda9;
  background: #fff;
  font: 600 12px/1.5 Arial, sans-serif;
}

.bba-quote-form .elementor-message-success {
  border-color: #8eae8d;
  background: #f2f8f1;
  color: #345c36;
}

.bba-quote-form .elementor-message-danger {
  border-color: #c58c80;
  background: #fff3f0;
  color: #8a3428;
}

@media (max-width: 1024px) {
  #bba-quote-page {
    grid-template-columns: minmax(0, .82fr) minmax(480px, 1.18fr);
  }

  #bba-quote-page .bba-quote-left {
    padding: 65px 40px;
  }

  #bba-quote-page .bba-quote-right {
    padding: 55px 34px;
  }

  .bba-quote-intro h1 {
    font-size: 54px;
  }
}

@media (max-width: 767px) {
  #bba-quote-page {
    display: block;
    min-height: 0;
  }

  #bba-quote-page .bba-quote-left {
    justify-content: flex-start;
    padding: 50px 22px 55px;
  }

  #bba-quote-page .bba-quote-right {
    display: block;
    padding: 28px 14px 55px;
    background-size: 26px 26px;
  }

  .bba-quote-intro {
    max-width: none;
  }

  .bba-quote-intro h1 {
    font-size: clamp(42px, 13vw, 58px);
  }

  .bba-quote-lead {
    font-size: 14px;
  }

  .bba-quote-trust {
    display: grid;
    gap: 7px;
  }

  .bba-quote-form {
    max-width: none !important;
    padding: 27px 18px;
  }

  .bba-quote-form .elementor-form::before {
    font-size: 35px;
  }

  .bba-quote-form .elementor-field-group {
    width: 100% !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #bba-quote-page *,
  #bba-quote-page *::before,
  #bba-quote-page *::after {
    scroll-behavior: auto !important;
    transition: none !important;
  }
}/* End custom CSS */