.elementor-1830 .elementor-element.elementor-element-b1f4e8a{--display:flex;}.elementor-1830 .elementor-element.elementor-element-6e7587d{--display:flex;}.elementor-1830 .elementor-element.elementor-element-015d0ac{--display:flex;}.elementor-1830 .elementor-element.elementor-element-491a301{--display:flex;}.elementor-1830 .elementor-element.elementor-element-fe2d797{--display:flex;}.elementor-1830 .elementor-element.elementor-element-51f4422.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1830 .elementor-element.elementor-element-a4f6224{--display:flex;}.elementor-1830 .elementor-element.elementor-element-e4f1807{--display:flex;}.elementor-1830 .elementor-element.elementor-element-162e9f1{--display:flex;}.elementor-1830 .elementor-element.elementor-element-0b4c598{--display:flex;}.elementor-1830 .elementor-element.elementor-element-0b93d41{--display:flex;}.elementor-1830 .elementor-element.elementor-element-8c98ff8{--display:flex;}.elementor-1830 .elementor-element.elementor-element-5dabcb9{--display:flex;}.elementor-1830 .elementor-element.elementor-element-bee3ac9{--display:flex;}.elementor-1830 .elementor-element.elementor-element-c3f4869{width:100%;max-width:100%;}.elementor-1830 .elementor-element.elementor-element-7bc4625{--display:flex;}.elementor-1830 .elementor-element.elementor-element-b8f1258.elementor-element{--align-self:center;}/* Start custom CSS for html, class: .elementor-element-544c257 *//* FORCE: szorongás = kávébarna (globál accent/gradient ellen is) */
#cs-hero-soft .cs-accent--coffee{
  color: var(--cs-coffee-1) !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  -webkit-text-fill-color: var(--cs-coffee-1) !important;
  text-shadow: 0 18px 44px rgba(0,0,0,.18) !important;
}
/* ===== MOBILE/TABLET RESPONSIVE PATCH (cs-hero-soft) ===== */

/* kiszúrás: mobilon ne legyen véletlen vízszintes scroll */
#cs-hero-soft{ overflow-x: hidden; }
#cs-hero-soft .cs-card{ max-width: 100%; }

/* tablet */
@media (max-width: 980px){
  #cs-hero-soft{ padding: 56px 14px; background-position: 60% 50%; }
  #cs-hero-soft .cs-card{ width: min(860px, 100%); }
}

/* mobil */
@media (max-width: 720px){
  #cs-hero-soft{ padding: 44px 12px; background-position: 62% 48%; }

  #cs-hero-soft .cs-card{
    padding: 20px 16px;
    border-radius: 20px;
  }

  #cs-hero-soft .cs-pill{
    max-width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    padding: 10px 12px;
    font-size: 13px;
    text-align: center;
  }

  #cs-hero-soft h1{
    font-size: clamp(30px, 9vw, 44px);
    line-height: 1.05;
    margin-bottom: 10px;
  }

  #cs-hero-soft .cs-sub{
    font-size: 16px;
    line-height: 1.65;
    max-width: 46ch;
  }

  /* social proof szépen törjön */
  #cs-hero-soft .cs-proof{
    gap: 10px 14px;
    margin: 14px 0 18px;
  }
  #cs-hero-soft .cs-avatars{
    justify-content: center;
    flex-wrap: wrap;
  }
  #cs-hero-soft .cs-avatars .cs-prooftext{
    white-space: normal;
    margin-left: 8px;
    text-align: center;
  }

  /* gombok mobilon egymás alá, teljes szélesség */
  #cs-hero-soft .cs-cta{
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }
  #cs-hero-soft .cs-btn{
    width: 100%;
    justify-content: center;
  }

  #cs-hero-soft .cs-scroll{ margin-top: 18px; }
}

/* extra kicsi mobil */
@media (max-width: 420px){
  #cs-hero-soft .cs-card{ padding: 18px 14px; }
  #cs-hero-soft h1{ font-size: 32px; }
  #cs-hero-soft .cs-pill{ font-size: 12.5px; }
}/* End custom CSS */






/* Start custom CSS for html, class: .elementor-element-51f4422 */#cs-steps-glass-pastel.cs-fullbleed{ margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }/* End custom CSS */






/* Start custom CSS for html, class: .elementor-element-96ad52c */.cs-item:nth-child(14) .cs-icon-box::before { 
      -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3l2.5 5 5.5.8-4 3.9.9 5.5-4.9-2.6-4.9 2.6.9-5.5-4-3.9 5.5-.8L12 3Z"/><path d="M7.5 14.2c.8-.6 1.8-1 2.9-1h3.2c1.1 0 2.1.4 2.9 1"/><path d="M9 20h6"/></svg>'); 
    }

    .cs-item:nth-child(15) .cs-icon-box::before { 
      -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="4" y="4" width="16" height="16" rx="3"/><path d="M12 4v16"/><path d="M4 12h16"/><path d="M6.5 7.5h4"/><path d="M13.5 7.5h4"/><path d="M6.5 16.5h4"/><path d="M13.5 16.5h4"/></svg>'); 
    }/* End custom CSS */