{"id":453,"date":"2026-09-08T16:40:13","date_gmt":"2026-09-08T14:40:13","guid":{"rendered":"https:\/\/zalasprings.hu\/?page_id=453"},"modified":"2026-09-19T13:32:56","modified_gmt":"2026-09-19T11:32:56","slug":"partnerseg","status":"publish","type":"page","link":"https:\/\/zalasprings.hu\/hu\/partnerseg\/","title":{"rendered":"Partners\u00e9g"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"453\" class=\"elementor elementor-453\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-da0cbeb e-con-full e-flex e-con e-parent\" data-id=\"da0cbeb\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fe92fa7 elementor-widget elementor-widget-html\" data-id=\"fe92fa7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ZALA SPRINGS MAIN \u2014 K\u00dcL\u00d6NLEGES LEHET\u0150S\u00c9GEK HERO -->\r\n<section id=\"zs-special-opportunities-hero\" class=\"zs-main zsspecialhero\" aria-labelledby=\"zsspecialhero-title\">\r\n  <div class=\"zsspecialhero__shell\">\r\n    <div class=\"zsspecialhero__media\" aria-hidden=\"true\">\r\n      <img\r\n        src=\"\/wp-content\/uploads\/2026\/09\/header.jpg\"\r\n        alt=\"\"\r\n        fetchpriority=\"high\"\r\n        decoding=\"async\"\r\n      >\r\n    <\/div>\r\n\r\n    <div class=\"zsspecialhero__overlay\" aria-hidden=\"true\"><\/div>\r\n    <div class=\"zsspecialhero__glow\" aria-hidden=\"true\"><\/div>\r\n\r\n    <div class=\"zsspecialhero__topline\" aria-hidden=\"true\">\r\n      <span>ZALA SPRINGS<\/span>\r\n      <i><\/i>\r\n      <span>INGATLAN<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"zsspecialhero__content\">\r\n      <div class=\"zsspecialhero__eyebrow\">\r\n        <span><\/span>\r\n        <b>K\u00dcL\u00d6NLEGES INGATLANLEHET\u0150S\u00c9GEK<\/b>\r\n      <\/div>\r\n\r\n      <h1 id=\"zsspecialhero-title\">\r\n        K\u00fcl\u00f6nleges Lehet\u0151s\u00e9gek a Zala Springs Health & Golf Resorttal\r\n      <\/h1>\r\n\r\n      <a\r\n        class=\"zsspecialhero__cta\"\r\n        href=\"#inquiry\"\r\n        data-zspp-scroll\r\n      >\r\n        <span>Regisztr\u00e1ci\u00f3<\/span>\r\n\r\n        <span class=\"zsspecialhero__cta-icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <path d=\"M12 5v14M7 14l5 5 5-5\"><\/path>\r\n          <\/svg>\r\n        <\/span>\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <div class=\"zsspecialhero__bottom\" aria-hidden=\"true\">\r\n      <div class=\"zsspecialhero__scroll-label\">\r\n        <span>Felfedez\u00e9s<\/span>\r\n        <i><b><\/b><\/i>\r\n      <\/div>\r\n\r\n      <div class=\"zsspecialhero__signature\">\r\n        K\u00dcL\u00d6NLEGES LEHET\u0150S\u00c9GEK\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <style>\r\n    #zs-special-opportunities-hero,\r\n    #zs-special-opportunities-hero *,\r\n    #zs-special-opportunities-hero *::before,\r\n    #zs-special-opportunities-hero *::after {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    #zs-special-opportunities-hero {\r\n      --gold: var(--zs-brand-gold, #c2a22f);\r\n      --dark: var(--zs-brand-midnight, #26352c);\r\n      --forest: var(--zs-brand-forest, #394a40);\r\n      --ivory: var(--zs-surface, #fbfaf7);\r\n\r\n      --frame: 28px;\r\n      --radius: 28px;\r\n\r\n      position: relative;\r\n\r\n      width: 100%;\r\n      height: 78vh;\r\n      height: 78svh;\r\n      min-height: 620px;\r\n\r\n      padding: var(--frame);\r\n\r\n      overflow: hidden;\r\n\r\n      background: var(--ivory);\r\n\r\n      color: #fff;\r\n\r\n      font-family:\r\n        \"Brandon book\",\r\n        \"Brandon Grotesque\",\r\n        Arial,\r\n        Helvetica,\r\n        sans-serif !important;\r\n    }\r\n\r\n    #zs-special-opportunities-hero * {\r\n      font-family:\r\n        \"Brandon book\",\r\n        \"Brandon Grotesque\",\r\n        Arial,\r\n        Helvetica,\r\n        sans-serif !important;\r\n    }\r\n\r\n    #zs-special-opportunities-hero a {\r\n      text-decoration: none;\r\n    }\r\n\r\n    .zsspecialhero__shell {\r\n      position: relative;\r\n\r\n      width: 100%;\r\n      height: 100%;\r\n\r\n      overflow: hidden;\r\n\r\n      border-radius: var(--radius);\r\n\r\n      background: var(--dark);\r\n\r\n      isolation: isolate;\r\n    }\r\n\r\n    .zsspecialhero__media {\r\n      position: absolute;\r\n\r\n      inset: 0;\r\n\r\n      z-index: -4;\r\n\r\n      overflow: hidden;\r\n    }\r\n\r\n    .zsspecialhero__media img {\r\n      position: absolute;\r\n\r\n      inset: -3%;\r\n\r\n      display: block;\r\n\r\n      width: 106%;\r\n      max-width: none;\r\n      height: 106%;\r\n\r\n      object-fit: cover;\r\n      object-position: center center;\r\n\r\n      transform: scale(1.035);\r\n\r\n      animation:\r\n        zsppHeroImage 14s ease-out both;\r\n    }\r\n\r\n    .zsspecialhero__overlay {\r\n      position: absolute;\r\n\r\n      inset: 0;\r\n\r\n      z-index: -3;\r\n\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          rgba(17,37,26,.84) 0%,\r\n          rgba(17,37,26,.66) 34%,\r\n          rgba(17,37,26,.30) 62%,\r\n          rgba(17,37,26,.12) 100%\r\n        ),\r\n        linear-gradient(\r\n          0deg,\r\n          rgba(14,31,22,.46),\r\n          rgba(14,31,22,.08) 52%,\r\n          rgba(14,31,22,.06)\r\n        );\r\n    }\r\n\r\n    .zsspecialhero__glow {\r\n      position: absolute;\r\n\r\n      z-index: -2;\r\n\r\n      left: 7%;\r\n      bottom: 7%;\r\n\r\n      width: 42vw;\r\n      height: 42vw;\r\n\r\n      border-radius: 50%;\r\n\r\n      background:\r\n        radial-gradient(\r\n          circle,\r\n          rgba(194,162,47,.11),\r\n          rgba(194,162,47,.035) 38%,\r\n          transparent 70%\r\n        );\r\n\r\n      pointer-events: none;\r\n    }\r\n\r\n    .zsspecialhero__topline {\r\n      position: absolute;\r\n\r\n      z-index: 4;\r\n\r\n      top: clamp(24px, 3vw, 42px);\r\n      left: clamp(28px, 4.5vw, 76px);\r\n\r\n      display: flex;\r\n      align-items: center;\r\n\r\n      gap: 13px;\r\n\r\n      color: rgba(255,255,255,.60);\r\n\r\n      font-size: 9px;\r\n      font-weight: 600;\r\n\r\n      letter-spacing: .21em;\r\n      text-transform: uppercase;\r\n\r\n      opacity: 0;\r\n      transform: translateY(-10px);\r\n    }\r\n\r\n    .zsspecialhero__topline i {\r\n      width: 38px;\r\n      height: 1px;\r\n\r\n      background:\r\n        rgba(194,162,47,.75);\r\n    }\r\n\r\n    .zsspecialhero__content {\r\n      position: absolute;\r\n\r\n      z-index: 5;\r\n\r\n      left: clamp(42px, 7vw, 132px);\r\n      bottom: clamp(88px, 12vh, 142px);\r\n\r\n      width: min(900px, 67vw);\r\n    }\r\n\r\n    .zsspecialhero__eyebrow {\r\n      display: flex;\r\n      align-items: center;\r\n\r\n      gap: 12px;\r\n\r\n      margin-bottom: 17px;\r\n\r\n      color: #e1cd77;\r\n\r\n      font-size:\r\n        clamp(9px, .64vw, 12px);\r\n\r\n      font-weight: 700;\r\n\r\n      letter-spacing: .20em;\r\n      text-transform: uppercase;\r\n\r\n      opacity: 0;\r\n      transform: translateY(14px);\r\n    }\r\n\r\n    .zsspecialhero__eyebrow > span {\r\n      width: 34px;\r\n      height: 1px;\r\n\r\n      background: var(--gold);\r\n    }\r\n\r\n    .zsspecialhero__eyebrow b {\r\n      font-weight: 700;\r\n    }\r\n\r\n    .zsspecialhero__content h1 {\r\n      max-width: 980px;\r\n\r\n      margin: 0 !important;\r\n\r\n      color: #fff !important;\r\n\r\n      font-size:\r\n        clamp(50px, 4.6vw, 88px);\r\n\r\n      font-weight: 400 !important;\r\n\r\n      line-height: 1.02 !important;\r\n\r\n      letter-spacing: -.018em;\r\n\r\n      text-wrap: balance;\r\n\r\n      opacity: 0;\r\n      transform: translateY(30px);\r\n      filter: blur(2px);\r\n    }\r\n\r\n    .zsspecialhero__cta {\r\n      min-height: 60px;\r\n\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n\r\n      gap: 18px;\r\n\r\n      margin-top: 30px;\r\n\r\n      padding:\r\n        7px 8px 7px 27px;\r\n\r\n      border:\r\n        1px solid var(--gold);\r\n\r\n      border-radius: 999px;\r\n\r\n      background: var(--gold);\r\n\r\n      color: var(--dark) !important;\r\n\r\n      box-shadow:\r\n        0 14px 34px rgba(194,162,47,.24);\r\n\r\n      font-size: 13px;\r\n      font-weight: 700;\r\n\r\n      letter-spacing: .01em;\r\n\r\n      opacity: 0;\r\n      transform: translateY(16px);\r\n\r\n      transition:\r\n        transform .3s ease,\r\n        background-color .3s ease,\r\n        box-shadow .3s ease;\r\n    }\r\n\r\n    .zsspecialhero__cta-icon {\r\n      width: 44px;\r\n      height: 44px;\r\n\r\n      flex: 0 0 44px;\r\n\r\n      display: grid;\r\n      place-items: center;\r\n\r\n      border-radius: 50%;\r\n\r\n      background:\r\n        rgba(38,53,44,.10);\r\n\r\n      transition:\r\n        background-color .3s ease;\r\n    }\r\n\r\n    .zsspecialhero__cta svg {\r\n      width: 18px;\r\n      height: 18px;\r\n\r\n      fill: none;\r\n\r\n      stroke: currentColor;\r\n\r\n      stroke-width: 1.6;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n\r\n      transition:\r\n        transform .3s ease;\r\n    }\r\n\r\n    .zsspecialhero__bottom {\r\n      position: absolute;\r\n\r\n      z-index: 5;\r\n\r\n      right: clamp(28px, 4vw, 66px);\r\n      bottom: clamp(24px, 3vw, 40px);\r\n      left: clamp(28px, 4vw, 66px);\r\n\r\n      display: flex;\r\n      align-items: flex-end;\r\n      justify-content: space-between;\r\n\r\n      gap: 20px;\r\n\r\n      pointer-events: none;\r\n\r\n      opacity: 0;\r\n    }\r\n\r\n    .zsspecialhero__scroll-label {\r\n      display: flex;\r\n      align-items: center;\r\n\r\n      gap: 11px;\r\n\r\n      color:\r\n        rgba(255,255,255,.55);\r\n\r\n      font-size: 8px;\r\n      font-weight: 600;\r\n\r\n      letter-spacing: .17em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .zsspecialhero__scroll-label i {\r\n      position: relative;\r\n\r\n      width: 66px;\r\n      height: 1px;\r\n\r\n      overflow: hidden;\r\n\r\n      background:\r\n        rgba(255,255,255,.20);\r\n    }\r\n\r\n    .zsspecialhero__scroll-label i b {\r\n      position: absolute;\r\n\r\n      inset: 0;\r\n\r\n      background: var(--gold);\r\n\r\n      animation:\r\n        zsppScrollLine 2.8s ease-in-out infinite;\r\n    }\r\n\r\n    .zsspecialhero__signature {\r\n      color:\r\n        rgba(255,255,255,.30);\r\n\r\n      font-size: 8px;\r\n      font-weight: 600;\r\n\r\n      letter-spacing: .22em;\r\n    }\r\n\r\n    #zs-special-opportunities-hero.is-entered\r\n    .zsspecialhero__topline {\r\n      opacity: 1;\r\n      transform: none;\r\n\r\n      transition:\r\n        opacity .8s .18s,\r\n        transform .8s .18s;\r\n    }\r\n\r\n    #zs-special-opportunities-hero.is-entered\r\n    .zsspecialhero__eyebrow {\r\n      opacity: 1;\r\n      transform: none;\r\n\r\n      transition:\r\n        opacity .8s .28s,\r\n        transform .8s .28s;\r\n    }\r\n\r\n    #zs-special-opportunities-hero.is-entered\r\n    .zsspecialhero__content h1 {\r\n      opacity: 1;\r\n      transform: none;\r\n      filter: blur(0);\r\n\r\n      transition:\r\n        opacity .9s .38s,\r\n        transform 1.05s cubic-bezier(.16,.74,.2,1) .38s,\r\n        filter .9s .38s;\r\n    }\r\n\r\n    #zs-special-opportunities-hero.is-entered\r\n    .zsspecialhero__cta {\r\n      opacity: 1;\r\n      transform: none;\r\n\r\n      transition:\r\n        opacity .8s .68s,\r\n        transform .8s .68s,\r\n        background-color .3s ease,\r\n        box-shadow .3s ease;\r\n    }\r\n\r\n    #zs-special-opportunities-hero.is-entered\r\n    .zsspecialhero__bottom {\r\n      opacity: 1;\r\n\r\n      transition:\r\n        opacity .8s .82s;\r\n    }\r\n\r\n    @keyframes zsppHeroImage {\r\n      from {\r\n        transform: scale(1.025);\r\n      }\r\n\r\n      to {\r\n        transform: scale(1.075);\r\n      }\r\n    }\r\n\r\n    @keyframes zsppScrollLine {\r\n      0% {\r\n        transform: translateX(-100%);\r\n      }\r\n\r\n      60% {\r\n        transform: translateX(0);\r\n      }\r\n\r\n      100% {\r\n        transform: translateX(100%);\r\n      }\r\n    }\r\n\r\n    @media (hover:hover) and (pointer:fine) {\r\n\r\n      .zsspecialhero__cta:hover {\r\n        transform: translateY(-3px) !important;\r\n\r\n        background: #ceb03f;\r\n\r\n        box-shadow:\r\n          0 19px 44px rgba(194,162,47,.31);\r\n      }\r\n\r\n      .zsspecialhero__cta:hover\r\n      .zsspecialhero__cta-icon {\r\n        background:\r\n          rgba(38,53,44,.15);\r\n      }\r\n\r\n      .zsspecialhero__cta:hover svg {\r\n        transform:\r\n          translateY(4px);\r\n      }\r\n\r\n    }\r\n\r\n    @media (max-width:1366px) {\r\n\r\n      #zs-special-opportunities-hero {\r\n        --frame: 22px;\r\n        --radius: 28px;\r\n\r\n        min-height: 600px;\r\n      }\r\n\r\n      .zsspecialhero__content {\r\n        left:\r\n          clamp(36px, 6vw, 90px);\r\n\r\n        width:\r\n          min(820px, 70vw);\r\n      }\r\n\r\n    }\r\n\r\n    @media (max-width:1200px) {\r\n\r\n      #zs-special-opportunities-hero {\r\n        --frame: 18px;\r\n        --radius: 24px;\r\n      }\r\n\r\n      .zsspecialhero__content {\r\n        left:\r\n          clamp(34px, 5vw, 68px);\r\n\r\n        width:\r\n          min(790px, 74vw);\r\n      }\r\n\r\n    }\r\n\r\n    @media (max-width:1024px) {\r\n\r\n      #zs-special-opportunities-hero {\r\n        --frame: 16px;\r\n        --radius: 22px;\r\n\r\n        height: 78vh;\r\n        height: 78svh;\r\n\r\n        min-height: 620px;\r\n      }\r\n\r\n      .zsspecialhero__content {\r\n        left: 50px;\r\n\r\n        width:\r\n          min(760px, 80vw);\r\n      }\r\n\r\n      .zsspecialhero__topline {\r\n        left: 50px;\r\n      }\r\n\r\n    }\r\n\r\n    @media (max-width:880px) {\r\n\r\n      #zs-special-opportunities-hero {\r\n        --frame: 12px;\r\n        --radius: 19px;\r\n\r\n        min-height: 650px;\r\n      }\r\n\r\n      .zsspecialhero__content {\r\n        right: 34px;\r\n        left: 34px;\r\n\r\n        width: auto;\r\n      }\r\n\r\n      .zsspecialhero__topline {\r\n        left: 34px;\r\n      }\r\n\r\n    }\r\n\r\n    @media (max-width:767px) {\r\n\r\n      #zs-special-opportunities-hero {\r\n        --frame: 10px;\r\n        --radius: 18px;\r\n\r\n        height: 86svh;\r\n\r\n        min-height: 680px;\r\n      }\r\n\r\n      .zsspecialhero__media img {\r\n        object-position:\r\n          58% center;\r\n      }\r\n\r\n      .zsspecialhero__overlay {\r\n        background:\r\n          linear-gradient(\r\n            0deg,\r\n            rgba(14,31,22,.90),\r\n            rgba(14,31,22,.72) 37%,\r\n            rgba(14,31,22,.28) 69%,\r\n            rgba(14,31,22,.10)\r\n          ),\r\n          linear-gradient(\r\n            90deg,\r\n            rgba(14,31,22,.24),\r\n            rgba(14,31,22,.04)\r\n          );\r\n      }\r\n\r\n      .zsspecialhero__topline {\r\n        top: 24px;\r\n        left: 22px;\r\n\r\n        gap: 9px;\r\n\r\n        font-size: 8px;\r\n      }\r\n\r\n      .zsspecialhero__topline i {\r\n        width: 26px;\r\n      }\r\n\r\n      .zsspecialhero__content {\r\n        right: 22px;\r\n        bottom: 68px;\r\n        left: 22px;\r\n      }\r\n\r\n      .zsspecialhero__eyebrow {\r\n        margin-bottom: 12px;\r\n\r\n        font-size: 9px;\r\n\r\n        letter-spacing: .16em;\r\n      }\r\n\r\n      .zsspecialhero__content h1 {\r\n        font-size:\r\n          clamp(38px, 10vw, 54px);\r\n      }\r\n\r\n      .zsspecialhero__cta {\r\n        width: 100%;\r\n\r\n        min-height: 58px;\r\n\r\n        justify-content: space-between;\r\n\r\n        gap: 12px;\r\n\r\n        margin-top: 24px;\r\n\r\n        padding:\r\n          7px 7px 7px 20px;\r\n\r\n        font-size: 12px;\r\n      }\r\n\r\n      .zsspecialhero__cta-icon {\r\n        width: 42px;\r\n        height: 42px;\r\n\r\n        flex-basis: 42px;\r\n      }\r\n\r\n      .zsspecialhero__bottom {\r\n        right: 20px;\r\n        bottom: 20px;\r\n        left: 20px;\r\n      }\r\n\r\n      .zsspecialhero__signature {\r\n        display: none;\r\n      }\r\n\r\n      .zsspecialhero__scroll-label {\r\n        font-size: 8px;\r\n      }\r\n\r\n    }\r\n\r\n    @media (prefers-reduced-motion:reduce) {\r\n\r\n      #zs-special-opportunities-hero *,\r\n      #zs-special-opportunities-hero *::before,\r\n      #zs-special-opportunities-hero *::after {\r\n        animation: none !important;\r\n        transition: none !important;\r\n      }\r\n\r\n      .zsspecialhero__topline,\r\n      .zsspecialhero__eyebrow,\r\n      .zsspecialhero__content h1,\r\n      .zsspecialhero__cta,\r\n      .zsspecialhero__bottom {\r\n        opacity: 1 !important;\r\n        transform: none !important;\r\n        filter: none !important;\r\n      }\r\n\r\n    }\r\n  <\/style>\r\n\r\n  <script>\r\n  (() => {\r\n\r\n    const hero =\r\n      document.getElementById(\r\n        'zs-special-opportunities-hero'\r\n      );\r\n\r\n    if (\r\n      !hero ||\r\n      hero.dataset.ready === '1'\r\n    ) {\r\n      return;\r\n    }\r\n\r\n    hero.dataset.ready = '1';\r\n\r\n    const reduce =\r\n      window.matchMedia(\r\n        '(prefers-reduced-motion: reduce)'\r\n      ).matches;\r\n\r\n    requestAnimationFrame(\r\n      () =>\r\n        requestAnimationFrame(\r\n          () =>\r\n            hero.classList.add(\r\n              'is-entered'\r\n            )\r\n        )\r\n    );\r\n\r\n    const cta =\r\n      hero.querySelector(\r\n        '[data-zspp-scroll]'\r\n      );\r\n\r\n    if (!cta) {\r\n      return;\r\n    }\r\n\r\n    cta.addEventListener(\r\n      'click',\r\n      event => {\r\n\r\n        const target =\r\n          document.querySelector(\r\n            '#inquiry'\r\n          );\r\n\r\n        if (!target) {\r\n          return;\r\n        }\r\n\r\n        event.preventDefault();\r\n\r\n        target.scrollIntoView({\r\n          behavior:\r\n            reduce\r\n              ? 'auto'\r\n              : 'smooth',\r\n\r\n          block:\r\n            'start'\r\n        });\r\n\r\n      }\r\n    );\r\n\r\n  })();\r\n  <\/script>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fe3e494 e-con-full e-flex e-con e-parent\" data-id=\"fe3e494\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0be0951 elementor-widget elementor-widget-html\" data-id=\"0be0951\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ZALA SPRINGS MAIN \u2014 K\u00dcL\u00d6NLEGES LEHET\u0150S\u00c9GEK \/ PARTNER GAL\u00c9RIA -->\r\n<section\r\n  id=\"zs-special-partner-gallery\"\r\n  class=\"zs-main zsspgallery\"\r\n  aria-labelledby=\"zsspgallery-title\"\r\n>\r\n  <div class=\"zsspgallery__inner\">\r\n\r\n    <header class=\"zsspgallery__header zsspgallery__reveal\">\r\n      <div class=\"zsspgallery__eyebrow\">\r\n        PARTNERI LEHET\u0150S\u00c9G\r\n      <\/div>\r\n\r\n      <h2 id=\"zsspgallery-title\">\r\n        Legyen a partner\u00fcnk: b\u0151v\u00edtse portf\u00f3li\u00f3j\u00e1t luxusingatlanokkal\r\n      <\/h2>\r\n\r\n      <div class=\"zsspgallery__header-line\"><\/div>\r\n    <\/header>\r\n\r\n\r\n    <div class=\"zsspgallery__grid\">\r\n\r\n      <!-- GALLERY -->\r\n      <div class=\"zsspgallery__gallery zsspgallery__reveal\">\r\n        <div\r\n          class=\"zsspgallery__gallery-frame\"\r\n          tabindex=\"0\"\r\n          aria-label=\"Zala Springs partneri lehet\u0151s\u00e9gek gal\u00e9ria\"\r\n        >\r\n          <div class=\"zsspgallery__track\">\r\n\r\n            <figure class=\"zsspgallery__slide is-active\">\r\n              <img\r\n                src=\"\/wp-content\/uploads\/2026\/09\/ingatlan-1-1.jpg\"\r\n                alt=\"Zala Springs luxusingatlan enteri\u0151r\"\r\n                loading=\"eager\"\r\n                decoding=\"async\"\r\n              >\r\n            <\/figure>\r\n\r\n            <figure class=\"zsspgallery__slide\">\r\n              <img\r\n                src=\"\/wp-content\/uploads\/2026\/09\/lifestyle-1-1.jpg\"\r\n                alt=\"Zala Springs lifestyle\"\r\n                loading=\"lazy\"\r\n                decoding=\"async\"\r\n              >\r\n            <\/figure>\r\n\r\n            <figure class=\"zsspgallery__slide\">\r\n              <img\r\n                src=\"\/wp-content\/uploads\/2026\/09\/ingatlan-3.jpg\"\r\n                alt=\"Zala Springs pr\u00e9mium ingatlan\"\r\n                loading=\"lazy\"\r\n                decoding=\"async\"\r\n              >\r\n            <\/figure>\r\n\r\n            <figure class=\"zsspgallery__slide\">\r\n              <img\r\n                src=\"\/wp-content\/uploads\/2026\/09\/lifestyle-3.jpg\"\r\n                alt=\"Zala Springs resort \u00e9let\u00e9rz\u00e9s\"\r\n                loading=\"lazy\"\r\n                decoding=\"async\"\r\n              >\r\n            <\/figure>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"zsspgallery__counter\" aria-hidden=\"true\">\r\n            <span class=\"zsspgallery__current\">01<\/span>\r\n            <i><\/i>\r\n            <span class=\"zsspgallery__total\">04<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"zsspgallery__controls\">\r\n            <button\r\n              class=\"zsspgallery__arrow zsspgallery__arrow--prev\"\r\n              type=\"button\"\r\n              aria-label=\"El\u0151z\u0151 k\u00e9p\"\r\n            >\r\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <path d=\"M15 5l-7 7 7 7\"><\/path>\r\n              <\/svg>\r\n            <\/button>\r\n\r\n            <button\r\n              class=\"zsspgallery__arrow zsspgallery__arrow--next\"\r\n              type=\"button\"\r\n              aria-label=\"K\u00f6vetkez\u0151 k\u00e9p\"\r\n            >\r\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <path d=\"M9 5l7 7-7 7\"><\/path>\r\n              <\/svg>\r\n            <\/button>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div\r\n          class=\"zsspgallery__dots\"\r\n          role=\"tablist\"\r\n          aria-label=\"Gal\u00e9ria\"\r\n        ><\/div>\r\n      <\/div>\r\n\r\n\r\n      <!-- CONTENT -->\r\n      <article class=\"zsspgallery__content zsspgallery__reveal\">\r\n\r\n        <div class=\"zsspgallery__content-eyebrow\">\r\n          ZALA SPRINGS RESIDENCES\r\n        <\/div>\r\n\r\n        <h3>\r\n          Ingatlanszak\u00e9rt\u0151k\u00e9nt, szeretn\u00e9 b\u0151v\u00edteni portf\u00f3li\u00f3j\u00e1t kiv\u00e9teles, magas sz\u00ednvonal\u00fa ingatlanokkal?\r\n        <\/h3>\r\n\r\n        <div class=\"zsspgallery__gold-line\"><\/div>\r\n\r\n        <p>\r\n          A Zala Springs Health &amp; Golf Resort egyed\u00fcl\u00e1ll\u00f3 lehet\u0151s\u00e9get k\u00edn\u00e1l arra,\r\n          hogy \u00fcgyfeleinek luxuslak\u00e1sokat aj\u00e1nljon Magyarorsz\u00e1g vezet\u0151\r\n          golf\u00fcd\u00fcl\u0151hely\u00e9n \u2013 mik\u00f6zben vonz\u00f3 jutal\u00e9kokat kereshet.\r\n        <\/p>\r\n\r\n        <a\r\n          class=\"zsspgallery__cta\"\r\n          href=\"#inquiry\"\r\n          data-zsspgallery-scroll\r\n        >\r\n          <span>Regisztr\u00e1ci\u00f3<\/span>\r\n\r\n          <span class=\"zsspgallery__cta-icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <path d=\"M12 5v14M7 14l5 5 5-5\"><\/path>\r\n            <\/svg>\r\n          <\/span>\r\n        <\/a>\r\n\r\n      <\/article>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n\r\n  <style>\r\n    #zs-special-partner-gallery,\r\n    #zs-special-partner-gallery *,\r\n    #zs-special-partner-gallery *::before,\r\n    #zs-special-partner-gallery *::after {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    #zs-special-partner-gallery {\r\n      --gold: var(--zs-brand-gold, #c2a22f);\r\n      --dark: var(--zs-brand-midnight, #26352c);\r\n      --forest: var(--zs-brand-forest, #394a40);\r\n      --muted: var(--zs-text-soft, #68716c);\r\n\r\n      width: 100%;\r\n\r\n      padding:\r\n        clamp(92px,8vw,138px)\r\n        clamp(20px,4vw,64px);\r\n\r\n      overflow: hidden;\r\n\r\n      background:\r\n        linear-gradient(\r\n          180deg,\r\n          #fbfaf7,\r\n          #f6f3ec\r\n        );\r\n\r\n      color: var(--dark);\r\n\r\n      font-family:\r\n        \"Brandon book\",\r\n        \"Brandon Grotesque\",\r\n        Arial,\r\n        Helvetica,\r\n        sans-serif !important;\r\n    }\r\n\r\n    #zs-special-partner-gallery * {\r\n      font-family:\r\n        \"Brandon book\",\r\n        \"Brandon Grotesque\",\r\n        Arial,\r\n        Helvetica,\r\n        sans-serif !important;\r\n    }\r\n\r\n    #zs-special-partner-gallery a {\r\n      text-decoration: none;\r\n    }\r\n\r\n    #zs-special-partner-gallery button {\r\n      font: inherit;\r\n    }\r\n\r\n    .zsspgallery__inner {\r\n      width: min(100%,1480px);\r\n      margin: 0 auto;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       HEADER\r\n       ========================================================= *\/\r\n\r\n    .zsspgallery__header {\r\n      width: min(100%,1100px);\r\n\r\n      margin:\r\n        0 auto clamp(50px,5vw,76px);\r\n\r\n      text-align: center;\r\n    }\r\n\r\n    .zsspgallery__eyebrow {\r\n      margin-bottom: 13px;\r\n\r\n      color: var(--gold);\r\n\r\n      font-size: 10px;\r\n      font-weight: 700;\r\n\r\n      letter-spacing: .20em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .zsspgallery__header h2 {\r\n      margin: 0 !important;\r\n\r\n      color: var(--dark) !important;\r\n\r\n      font-size:\r\n        clamp(42px,4vw,66px);\r\n\r\n      font-weight:\r\n        400 !important;\r\n\r\n      line-height:\r\n        1.04 !important;\r\n\r\n      letter-spacing:\r\n        -.025em;\r\n\r\n      text-wrap: balance;\r\n    }\r\n\r\n    .zsspgallery__header-line {\r\n      width: 58px;\r\n      height: 1px;\r\n\r\n      margin: 26px auto 0;\r\n\r\n      background: var(--gold);\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       GRID\r\n       ========================================================= *\/\r\n\r\n    .zsspgallery__grid {\r\n      display: grid;\r\n\r\n      grid-template-columns:\r\n        minmax(0,1.12fr)\r\n        minmax(390px,.88fr);\r\n\r\n      gap:\r\n        clamp(58px,7vw,112px);\r\n\r\n      align-items: center;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       GALLERY\r\n       ========================================================= *\/\r\n\r\n    .zsspgallery__gallery {\r\n      min-width: 0;\r\n    }\r\n\r\n    .zsspgallery__gallery-frame {\r\n      position: relative;\r\n\r\n      width: 100%;\r\n      aspect-ratio: 1.48 \/ 1;\r\n\r\n      overflow: hidden;\r\n\r\n      padding: 8px;\r\n\r\n      border:\r\n        1px solid rgba(194,162,47,.22);\r\n\r\n      border-radius: 28px;\r\n\r\n      background:\r\n        rgba(255,255,255,.84);\r\n\r\n      box-shadow:\r\n        0 26px 75px rgba(38,53,44,.10);\r\n\r\n      outline: none;\r\n    }\r\n\r\n    .zsspgallery__gallery-frame:focus-visible {\r\n      box-shadow:\r\n        0 0 0 3px rgba(194,162,47,.24),\r\n        0 26px 75px rgba(38,53,44,.10);\r\n    }\r\n\r\n    .zsspgallery__track {\r\n      position: relative;\r\n\r\n      width: 100%;\r\n      height: 100%;\r\n\r\n      overflow: hidden;\r\n\r\n      border-radius: 20px;\r\n\r\n      background: #e8e7e2;\r\n    }\r\n\r\n    .zsspgallery__slide {\r\n      position: absolute;\r\n\r\n      inset: 0;\r\n\r\n      margin: 0;\r\n\r\n      opacity: 0;\r\n      visibility: hidden;\r\n\r\n      transform: scale(1.035);\r\n\r\n      transition:\r\n        opacity .65s ease,\r\n        visibility .65s ease,\r\n        transform 1.05s cubic-bezier(.2,.72,.2,1);\r\n    }\r\n\r\n    .zsspgallery__slide.is-active {\r\n      opacity: 1;\r\n      visibility: visible;\r\n\r\n      transform: scale(1);\r\n    }\r\n\r\n    .zsspgallery__slide img {\r\n      display: block;\r\n\r\n      width: 100% !important;\r\n      max-width: none !important;\r\n      height: 100% !important;\r\n\r\n      object-fit: cover !important;\r\n      object-position: center center !important;\r\n    }\r\n\r\n    .zsspgallery__gallery-frame::after {\r\n      content: \"\";\r\n\r\n      position: absolute;\r\n\r\n      inset: 8px;\r\n\r\n      z-index: 2;\r\n\r\n      border-radius: 20px;\r\n\r\n      background:\r\n        linear-gradient(\r\n          180deg,\r\n          transparent 62%,\r\n          rgba(16,31,23,.26)\r\n        );\r\n\r\n      pointer-events: none;\r\n    }\r\n\r\n    .zsspgallery__counter {\r\n      position: absolute;\r\n\r\n      z-index: 4;\r\n\r\n      left: 31px;\r\n      bottom: 29px;\r\n\r\n      display: flex;\r\n      align-items: center;\r\n\r\n      gap: 10px;\r\n\r\n      color:\r\n        rgba(255,255,255,.88);\r\n\r\n      font-size: 10px;\r\n      font-weight: 600;\r\n\r\n      letter-spacing: .16em;\r\n    }\r\n\r\n    .zsspgallery__counter i {\r\n      width: 34px;\r\n      height: 1px;\r\n\r\n      background:\r\n        rgba(194,162,47,.92);\r\n    }\r\n\r\n    .zsspgallery__controls {\r\n      position: absolute;\r\n\r\n      z-index: 5;\r\n\r\n      right: 27px;\r\n      bottom: 24px;\r\n\r\n      display: flex;\r\n\r\n      gap: 8px;\r\n    }\r\n\r\n    .zsspgallery__arrow {\r\n      width: 46px;\r\n      height: 46px;\r\n\r\n      display: grid;\r\n      place-items: center;\r\n\r\n      padding: 0;\r\n\r\n      border:\r\n        1px solid rgba(255,255,255,.5) !important;\r\n\r\n      border-radius: 50% !important;\r\n\r\n      background:\r\n        rgba(255,255,255,.93) !important;\r\n\r\n      color:\r\n        var(--dark) !important;\r\n\r\n      cursor: pointer;\r\n      appearance: none;\r\n\r\n      box-shadow:\r\n        0 8px 24px rgba(14,28,20,.14);\r\n\r\n      transition: .25s ease;\r\n    }\r\n\r\n    .zsspgallery__arrow svg {\r\n      width: 18px;\r\n      height: 18px;\r\n\r\n      fill: none;\r\n      stroke: currentColor;\r\n\r\n      stroke-width: 1.8;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n    }\r\n\r\n    .zsspgallery__dots {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n\r\n      gap: 8px;\r\n\r\n      margin-top: 20px;\r\n    }\r\n\r\n    .zsspgallery__dot {\r\n      width: 7px;\r\n      height: 7px;\r\n\r\n      padding: 0;\r\n\r\n      border: 0 !important;\r\n      border-radius: 50% !important;\r\n\r\n      background:\r\n        rgba(38,53,44,.20) !important;\r\n\r\n      cursor: pointer;\r\n      appearance: none;\r\n\r\n      transition: .3s ease;\r\n    }\r\n\r\n    .zsspgallery__dot.is-active {\r\n      width: 27px;\r\n\r\n      border-radius: 999px !important;\r\n\r\n      background:\r\n        var(--gold) !important;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       CONTENT\r\n       ========================================================= *\/\r\n\r\n    .zsspgallery__content {\r\n      max-width: 620px;\r\n    }\r\n\r\n    .zsspgallery__content-eyebrow {\r\n      margin-bottom: 13px;\r\n\r\n      color: var(--gold);\r\n\r\n      font-size: 10px;\r\n      font-weight: 700;\r\n\r\n      letter-spacing: .20em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .zsspgallery__content h3 {\r\n      margin: 0 !important;\r\n\r\n      color:\r\n        var(--dark) !important;\r\n\r\n      font-size:\r\n        clamp(34px,3vw,52px);\r\n\r\n      font-weight:\r\n        400 !important;\r\n\r\n      line-height:\r\n        1.07 !important;\r\n\r\n      letter-spacing:\r\n        -.02em;\r\n\r\n      text-wrap: balance;\r\n    }\r\n\r\n    .zsspgallery__gold-line {\r\n      width: 56px;\r\n      height: 1px;\r\n\r\n      margin:\r\n        25px 0 27px;\r\n\r\n      background:\r\n        var(--gold);\r\n    }\r\n\r\n    .zsspgallery__content p {\r\n      margin: 0 !important;\r\n\r\n      color:\r\n        var(--muted);\r\n\r\n      font-size:\r\n        clamp(16px,1.06vw,18px);\r\n\r\n      line-height:\r\n        1.72;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       CTA\r\n       ========================================================= *\/\r\n\r\n    .zsspgallery__cta {\r\n      min-height: 56px;\r\n\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n\r\n      gap: 15px;\r\n\r\n      margin-top: 28px;\r\n\r\n      padding:\r\n        7px 7px 7px 22px;\r\n\r\n      border:\r\n        1px solid var(--gold);\r\n\r\n      border-radius: 999px;\r\n\r\n      background: var(--gold);\r\n\r\n      color:\r\n        var(--dark) !important;\r\n\r\n      box-shadow:\r\n        0 12px 30px rgba(194,162,47,.18);\r\n\r\n      font-size: 12px;\r\n      font-weight: 700;\r\n\r\n      letter-spacing: .02em;\r\n\r\n      transition:\r\n        transform .3s ease,\r\n        background-color .3s ease,\r\n        box-shadow .3s ease;\r\n    }\r\n\r\n    .zsspgallery__cta-icon {\r\n      width: 40px;\r\n      height: 40px;\r\n\r\n      flex: 0 0 40px;\r\n\r\n      display: grid;\r\n      place-items: center;\r\n\r\n      border-radius: 50%;\r\n\r\n      background:\r\n        rgba(38,53,44,.10);\r\n    }\r\n\r\n    .zsspgallery__cta svg {\r\n      width: 16px;\r\n      height: 16px;\r\n\r\n      fill: none;\r\n      stroke: currentColor;\r\n\r\n      stroke-width: 1.7;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n\r\n      transition:\r\n        transform .3s ease;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       REVEAL\r\n       ========================================================= *\/\r\n\r\n    .zsspgallery__reveal {\r\n      opacity: 0;\r\n\r\n      transform:\r\n        translateY(30px);\r\n\r\n      transition:\r\n        opacity .8s ease,\r\n        transform .95s cubic-bezier(.2,.72,.2,1);\r\n    }\r\n\r\n    .zsspgallery__reveal.is-visible {\r\n      opacity: 1;\r\n      transform: none;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       HOVER\r\n       ========================================================= *\/\r\n\r\n    @media (hover:hover) and (pointer:fine) {\r\n\r\n      .zsspgallery__arrow:hover {\r\n        transform:\r\n          translateY(-2px);\r\n\r\n        background:\r\n          var(--gold) !important;\r\n\r\n        border-color:\r\n          var(--gold) !important;\r\n\r\n        color:\r\n          #fff !important;\r\n      }\r\n\r\n      .zsspgallery__cta:hover {\r\n        transform:\r\n          translateY(-2px);\r\n\r\n        background:\r\n          #ceb03f;\r\n\r\n        box-shadow:\r\n          0 16px 36px rgba(194,162,47,.24);\r\n      }\r\n\r\n      .zsspgallery__cta:hover svg {\r\n        transform:\r\n          translateY(3px);\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       RESPONSIVE\r\n       ========================================================= *\/\r\n\r\n    @media (max-width:1366px) {\r\n\r\n      #zs-special-partner-gallery {\r\n        padding:\r\n          104px 40px;\r\n      }\r\n\r\n    }\r\n\r\n    @media (max-width:1200px) {\r\n\r\n      #zs-special-partner-gallery {\r\n        padding:\r\n          96px 32px;\r\n      }\r\n\r\n      .zsspgallery__grid {\r\n        gap:\r\n          60px;\r\n      }\r\n\r\n    }\r\n\r\n    @media (max-width:1024px) {\r\n\r\n      #zs-special-partner-gallery {\r\n        padding:\r\n          86px 24px;\r\n      }\r\n\r\n      .zsspgallery__grid {\r\n        display: flex;\r\n        flex-direction: column;\r\n\r\n        gap:\r\n          48px;\r\n      }\r\n\r\n      .zsspgallery__gallery {\r\n        order: 1;\r\n\r\n        width:\r\n          min(100%,850px);\r\n      }\r\n\r\n      .zsspgallery__content {\r\n        order: 2;\r\n\r\n        width:\r\n          min(100%,850px);\r\n\r\n        max-width: none;\r\n      }\r\n\r\n    }\r\n\r\n    @media (max-width:880px) {\r\n\r\n      .zsspgallery__gallery-frame {\r\n        border-radius:\r\n          22px;\r\n      }\r\n\r\n      .zsspgallery__track,\r\n      .zsspgallery__gallery-frame::after {\r\n        border-radius:\r\n          15px;\r\n      }\r\n\r\n    }\r\n\r\n    @media (max-width:767px) {\r\n\r\n      #zs-special-partner-gallery {\r\n        padding:\r\n          68px 14px;\r\n      }\r\n\r\n      .zsspgallery__header {\r\n        margin-bottom:\r\n          40px;\r\n      }\r\n\r\n      .zsspgallery__header h2 {\r\n        font-size:\r\n          clamp(36px,9.4vw,48px);\r\n      }\r\n\r\n      .zsspgallery__grid {\r\n        gap:\r\n          35px;\r\n      }\r\n\r\n      .zsspgallery__content h3 {\r\n        font-size:\r\n          clamp(32px,8.7vw,44px);\r\n      }\r\n\r\n      .zsspgallery__gallery-frame {\r\n        aspect-ratio:\r\n          1.12 \/ 1;\r\n\r\n        padding:\r\n          6px;\r\n\r\n        border-radius:\r\n          20px;\r\n      }\r\n\r\n      .zsspgallery__track {\r\n        border-radius:\r\n          14px;\r\n      }\r\n\r\n      .zsspgallery__gallery-frame::after {\r\n        inset:\r\n          6px;\r\n\r\n        border-radius:\r\n          14px;\r\n      }\r\n\r\n      .zsspgallery__counter {\r\n        left:\r\n          21px;\r\n\r\n        bottom:\r\n          22px;\r\n      }\r\n\r\n      .zsspgallery__controls {\r\n        right:\r\n          18px;\r\n\r\n        bottom:\r\n          16px;\r\n      }\r\n\r\n      .zsspgallery__arrow {\r\n        width:\r\n          42px;\r\n\r\n        height:\r\n          42px;\r\n      }\r\n\r\n      .zsspgallery__dots {\r\n        margin-top:\r\n          15px;\r\n      }\r\n\r\n      .zsspgallery__content p {\r\n        font-size:\r\n          15px;\r\n      }\r\n\r\n      .zsspgallery__cta {\r\n        width: 100%;\r\n\r\n        justify-content:\r\n          space-between;\r\n      }\r\n\r\n    }\r\n\r\n    @media (max-width:480px) {\r\n\r\n      .zsspgallery__gallery-frame {\r\n        aspect-ratio:\r\n          .98 \/ 1;\r\n      }\r\n\r\n    }\r\n\r\n    @media (prefers-reduced-motion:reduce) {\r\n\r\n      .zsspgallery__reveal,\r\n      .zsspgallery__slide,\r\n      .zsspgallery__arrow,\r\n      .zsspgallery__dot,\r\n      .zsspgallery__cta,\r\n      .zsspgallery__cta svg {\r\n        transition:\r\n          none !important;\r\n      }\r\n\r\n      .zsspgallery__reveal {\r\n        opacity:\r\n          1 !important;\r\n\r\n        transform:\r\n          none !important;\r\n      }\r\n\r\n    }\r\n\r\n  <\/style>\r\n\r\n\r\n  <script>\r\n  (() => {\r\n\r\n    const root =\r\n      document.getElementById(\r\n        'zs-special-partner-gallery'\r\n      );\r\n\r\n    if (\r\n      !root ||\r\n      root.dataset.ready === '1'\r\n    ) {\r\n      return;\r\n    }\r\n\r\n    root.dataset.ready =\r\n      '1';\r\n\r\n    const slides = [\r\n      ...root.querySelectorAll(\r\n        '.zsspgallery__slide'\r\n      )\r\n    ];\r\n\r\n    const dotsWrap =\r\n      root.querySelector(\r\n        '.zsspgallery__dots'\r\n      );\r\n\r\n    const prev =\r\n      root.querySelector(\r\n        '.zsspgallery__arrow--prev'\r\n      );\r\n\r\n    const next =\r\n      root.querySelector(\r\n        '.zsspgallery__arrow--next'\r\n      );\r\n\r\n    const current =\r\n      root.querySelector(\r\n        '.zsspgallery__current'\r\n      );\r\n\r\n    const total =\r\n      root.querySelector(\r\n        '.zsspgallery__total'\r\n      );\r\n\r\n    const frame =\r\n      root.querySelector(\r\n        '.zsspgallery__gallery-frame'\r\n      );\r\n\r\n    if (!slides.length) {\r\n      return;\r\n    }\r\n\r\n    let index = 0;\r\n    let startX = 0;\r\n    let endX = 0;\r\n\r\n    total.textContent =\r\n      String(slides.length)\r\n        .padStart(2,'0');\r\n\r\n\r\n    slides.forEach(\r\n      (slide,i) => {\r\n\r\n        const dot =\r\n          document.createElement(\r\n            'button'\r\n          );\r\n\r\n        dot.type =\r\n          'button';\r\n\r\n        dot.className =\r\n          'zsspgallery__dot' +\r\n          (\r\n            i === 0\r\n              ? ' is-active'\r\n              : ''\r\n          );\r\n\r\n        dot.setAttribute(\r\n          'aria-label',\r\n          (i + 1) + '. k\u00e9p'\r\n        );\r\n\r\n        dot.addEventListener(\r\n          'click',\r\n          () =>\r\n            show(i)\r\n        );\r\n\r\n        dotsWrap.appendChild(\r\n          dot\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n\r\n    const dots = [\r\n      ...dotsWrap.querySelectorAll(\r\n        '.zsspgallery__dot'\r\n      )\r\n    ];\r\n\r\n\r\n    function show(nextIndex) {\r\n\r\n      index =\r\n        (\r\n          nextIndex +\r\n          slides.length\r\n        ) %\r\n        slides.length;\r\n\r\n      slides.forEach(\r\n        (slide,i) =>\r\n          slide.classList.toggle(\r\n            'is-active',\r\n            i === index\r\n          )\r\n      );\r\n\r\n      dots.forEach(\r\n        (dot,i) =>\r\n          dot.classList.toggle(\r\n            'is-active',\r\n            i === index\r\n          )\r\n      );\r\n\r\n      current.textContent =\r\n        String(index + 1)\r\n          .padStart(2,'0');\r\n\r\n    }\r\n\r\n\r\n    prev.addEventListener(\r\n      'click',\r\n      () =>\r\n        show(index - 1)\r\n    );\r\n\r\n    next.addEventListener(\r\n      'click',\r\n      () =>\r\n        show(index + 1)\r\n    );\r\n\r\n\r\n    frame.addEventListener(\r\n      'keydown',\r\n      event => {\r\n\r\n        if (\r\n          event.key ===\r\n          'ArrowLeft'\r\n        ) {\r\n          show(index - 1);\r\n        }\r\n\r\n        if (\r\n          event.key ===\r\n          'ArrowRight'\r\n        ) {\r\n          show(index + 1);\r\n        }\r\n\r\n      }\r\n    );\r\n\r\n\r\n    frame.addEventListener(\r\n      'touchstart',\r\n      event => {\r\n\r\n        startX =\r\n          event.changedTouches[0]\r\n            .screenX;\r\n\r\n      },\r\n      {\r\n        passive: true\r\n      }\r\n    );\r\n\r\n\r\n    frame.addEventListener(\r\n      'touchend',\r\n      event => {\r\n\r\n        endX =\r\n          event.changedTouches[0]\r\n            .screenX;\r\n\r\n        const delta =\r\n          endX -\r\n          startX;\r\n\r\n        if (\r\n          Math.abs(delta) >=\r\n          45\r\n        ) {\r\n\r\n          show(\r\n            delta < 0\r\n              ? index + 1\r\n              : index - 1\r\n          );\r\n\r\n        }\r\n\r\n      },\r\n      {\r\n        passive: true\r\n      }\r\n    );\r\n\r\n\r\n    show(0);\r\n\r\n\r\n    const cta =\r\n      root.querySelector(\r\n        '[data-zsspgallery-scroll]'\r\n      );\r\n\r\n    if (cta) {\r\n\r\n      cta.addEventListener(\r\n        'click',\r\n        event => {\r\n\r\n          const target =\r\n            document.querySelector(\r\n              '#inquiry'\r\n            );\r\n\r\n          if (!target) {\r\n            return;\r\n          }\r\n\r\n          event.preventDefault();\r\n\r\n          target.scrollIntoView({\r\n            behavior:\r\n              window.matchMedia(\r\n                '(prefers-reduced-motion: reduce)'\r\n              ).matches\r\n                ? 'auto'\r\n                : 'smooth',\r\n\r\n            block:\r\n              'start'\r\n          });\r\n\r\n        }\r\n      );\r\n\r\n    }\r\n\r\n\r\n    const reveal =\r\n      root.querySelectorAll(\r\n        '.zsspgallery__reveal'\r\n      );\r\n\r\n    if (\r\n      !(\r\n        'IntersectionObserver'\r\n        in window\r\n      )\r\n    ) {\r\n\r\n      reveal.forEach(\r\n        element =>\r\n          element.classList.add(\r\n            'is-visible'\r\n          )\r\n      );\r\n\r\n      return;\r\n    }\r\n\r\n    const observer =\r\n      new IntersectionObserver(\r\n        entries => {\r\n\r\n          entries.forEach(\r\n            entry => {\r\n\r\n              if (\r\n                !entry.isIntersecting\r\n              ) {\r\n                return;\r\n              }\r\n\r\n              entry.target.classList.add(\r\n                'is-visible'\r\n              );\r\n\r\n              observer.unobserve(\r\n                entry.target\r\n              );\r\n\r\n            }\r\n          );\r\n\r\n        },\r\n        {\r\n          threshold:\r\n            .12,\r\n\r\n          rootMargin:\r\n            '0px 0px -6% 0px'\r\n        }\r\n      );\r\n\r\n    reveal.forEach(\r\n      element =>\r\n        observer.observe(\r\n          element\r\n        )\r\n    );\r\n\r\n  })();\r\n  <\/script>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a21f6a0 e-con-full e-flex e-con e-parent\" data-id=\"a21f6a0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2885f38 elementor-widget elementor-widget-html\" data-id=\"2885f38\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ZALA SPRINGS MAIN \u2014 K\u00dcL\u00d6NLEGES LEHET\u0150S\u00c9GEK \/ MI\u00c9RT \u00c9RDEMES VEL\u00dcNK DOLGOZNI -->\r\n<section\r\n  id=\"zs-special-why-us\"\r\n  class=\"zs-main zssowhy\"\r\n  aria-labelledby=\"zssowhy-title\"\r\n>\r\n  <div class=\"zssowhy__inner\">\r\n\r\n    <header class=\"zssowhy__header zssowhy__reveal\">\r\n      <div class=\"zssowhy__eyebrow\">\r\n        <span><\/span>\r\n        <b>ZALA SPRINGS RESIDENCES<\/b>\r\n        <span><\/span>\r\n      <\/div>\r\n\r\n      <h2 id=\"zssowhy-title\">\r\n        Mi\u00e9rt \u00e9rdemes vel\u00fcnk dolgozni?\r\n      <\/h2>\r\n\r\n      <div class=\"zssowhy__header-line\"><\/div>\r\n\r\n      <p>\r\n        <strong>Soksz\u00edn\u0171 ingatlank\u00edn\u00e1lat:<\/strong>\r\n        Exkluz\u00edv ingatlanportf\u00f3li\u00f3nk sz\u00e1mos luxusotthont k\u00edn\u00e1l,\r\n        amelyek k\u00fcl\u00f6nb\u00f6z\u0151 \u00edzl\u00e9seknek \u00e9s \u00e9letst\u00edlusoknak is megfelelnek.\r\n      <\/p>\r\n    <\/header>\r\n\r\n\r\n    <div class=\"zssowhy__grid\">\r\n\r\n      <!-- GOLF-SIDE -->\r\n      <a\r\n        class=\"zssowhy__card zssowhy__reveal\"\r\n        href=\"\/hu\/ingatlan-golf-side-apartmanok\/\"\r\n      >\r\n        <div class=\"zssowhy__media\">\r\n          <img\r\n            src=\"\/wp-content\/uploads\/2026\/09\/ingatlan-bemutato-tipus-02.jpg\"\r\n            alt=\"Golf-Side apartmanok a Zala Springsben\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\"\r\n          >\r\n\r\n          <div\r\n            class=\"zssowhy__media-shade\"\r\n            aria-hidden=\"true\"\r\n          ><\/div>\r\n\r\n          <span\r\n            class=\"zssowhy__number\"\r\n            aria-hidden=\"true\"\r\n          >\r\n            01\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"zssowhy__body\">\r\n          <span class=\"zssowhy__type\">\r\n            APARTMANOK\r\n          <\/span>\r\n\r\n          <h3>\r\n            Golf-Side apartmanok\r\n          <\/h3>\r\n\r\n          <div class=\"zssowhy__line\"><\/div>\r\n\r\n          <p>\r\n            A Resort 18 lyuk\u00fa golfp\u00e1ly\u00e1ja ment\u00e9n elhelyezked\u0151,\r\n            modern \u00e9s eleg\u00e1ns lak\u00e1sok leny\u0171g\u00f6z\u0151 kil\u00e1t\u00e1st ny\u00fajtanak\r\n            a z\u00f6ld fairway-ekre. \u00dcgyfelei k\u00f6zvetlen hozz\u00e1f\u00e9r\u00e9st\r\n            \u00e9lvezhetnek a golfp\u00e1ly\u00e1hoz, kieg\u00e9sz\u00edtve a legmodernebb\r\n            k\u00e9nyelmi szolg\u00e1ltat\u00e1sokkal.\r\n          <\/p>\r\n\r\n          <span class=\"zssowhy__card-cta\">\r\n            <span>R\u00e9szletek<\/span>\r\n\r\n            <span\r\n              class=\"zssowhy__card-cta-icon\"\r\n              aria-hidden=\"true\"\r\n            >\r\n              <svg viewBox=\"0 0 24 24\">\r\n                <path d=\"M5 12h14M14 7l5 5-5 5\"><\/path>\r\n              <\/svg>\r\n            <\/span>\r\n          <\/span>\r\n        <\/div>\r\n      <\/a>\r\n\r\n\r\n      <!-- LAKE-SIDE -->\r\n      <a\r\n        class=\"zssowhy__card zssowhy__reveal\"\r\n        href=\"\/hu\/ingatlan-lake-side-apartmanok\/\"\r\n      >\r\n        <div class=\"zssowhy__media\">\r\n          <img\r\n            src=\"\/wp-content\/uploads\/2026\/09\/ingatlan-bemutato-tipus-03.jpg\"\r\n            alt=\"Lake-Side apartmanok a Zala Springsben\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\"\r\n          >\r\n\r\n          <div\r\n            class=\"zssowhy__media-shade\"\r\n            aria-hidden=\"true\"\r\n          ><\/div>\r\n\r\n          <span\r\n            class=\"zssowhy__number\"\r\n            aria-hidden=\"true\"\r\n          >\r\n            02\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"zssowhy__body\">\r\n          <span class=\"zssowhy__type\">\r\n            APARTMANOK\r\n          <\/span>\r\n\r\n          <h3>\r\n            Lake-Side apartmanok\r\n          <\/h3>\r\n\r\n          <div class=\"zssowhy__line\"><\/div>\r\n\r\n          <p>\r\n            Ezek az exkluz\u00edv ingatlanok a Resort tavai k\u00f6zel\u00e9ben\r\n            helyezkednek el, \u00e9s csendes k\u00f6rnyezetet k\u00edn\u00e1lnak\r\n            l\u00e9legzetel\u00e1ll\u00edt\u00f3 v\u00edzi panor\u00e1m\u00e1val. Ide\u00e1lis v\u00e1laszt\u00e1s azok\r\n            sz\u00e1m\u00e1ra, akik b\u00e9k\u00e9t \u00e9s nyugalmat keresnek; a t\u00f3parti\r\n            otthonok \u00f6tv\u00f6zik a term\u00e9szeti sz\u00e9ps\u00e9get a modern luxussal.\r\n          <\/p>\r\n\r\n          <span class=\"zssowhy__card-cta\">\r\n            <span>R\u00e9szletek<\/span>\r\n\r\n            <span\r\n              class=\"zssowhy__card-cta-icon\"\r\n              aria-hidden=\"true\"\r\n            >\r\n              <svg viewBox=\"0 0 24 24\">\r\n                <path d=\"M5 12h14M14 7l5 5-5 5\"><\/path>\r\n              <\/svg>\r\n            <\/span>\r\n          <\/span>\r\n        <\/div>\r\n      <\/a>\r\n\r\n\r\n      <!-- LUXURY VILLAS -->\r\n      <a\r\n        class=\"zssowhy__card zssowhy__reveal\"\r\n        href=\"\/hu\/ingatlan-luxus-villak\/\"\r\n      >\r\n        <div class=\"zssowhy__media\">\r\n          <img\r\n            src=\"\/wp-content\/uploads\/2026\/09\/ingatlan-bemutato-tipus-04.jpg\"\r\n            alt=\"Luxus vill\u00e1k a Zala Springsben\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\"\r\n          >\r\n\r\n          <div\r\n            class=\"zssowhy__media-shade\"\r\n            aria-hidden=\"true\"\r\n          ><\/div>\r\n\r\n          <span\r\n            class=\"zssowhy__number\"\r\n            aria-hidden=\"true\"\r\n          >\r\n            03\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"zssowhy__body\">\r\n          <span class=\"zssowhy__type\">\r\n            VILL\u00c1K\r\n          <\/span>\r\n\r\n          <h3>\r\n            Luxus vill\u00e1k\r\n          <\/h3>\r\n\r\n          <div class=\"zssowhy__line\"><\/div>\r\n\r\n          <p>\r\n            Luxus Vill\u00e1ink az elegancia \u00e9s a kifinomults\u00e1g cs\u00facs\u00e1t\r\n            k\u00e9pviselik. A Resort exkluz\u00edv, priv\u00e1t helysz\u00ednein tal\u00e1lhat\u00f3\r\n            t\u00e1gas vill\u00e1k modern \u00e9p\u00edt\u00e9szettel, pr\u00e9mium kivitelez\u00e9ssel \u00e9s\r\n            t\u00e1gas k\u00fclt\u00e9ri terekkel rendelkeznek, biztos\u00edtva \u00fcgyfelei\r\n            sz\u00e1m\u00e1ra a p\u00e1ratlan \u00e9let\u00e9lm\u00e9nyt.\r\n          <\/p>\r\n\r\n          <span class=\"zssowhy__card-cta\">\r\n            <span>R\u00e9szletek<\/span>\r\n\r\n            <span\r\n              class=\"zssowhy__card-cta-icon\"\r\n              aria-hidden=\"true\"\r\n            >\r\n              <svg viewBox=\"0 0 24 24\">\r\n                <path d=\"M5 12h14M14 7l5 5-5 5\"><\/path>\r\n              <\/svg>\r\n            <\/span>\r\n          <\/span>\r\n        <\/div>\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n\r\n  <style>\r\n    #zs-special-why-us,\r\n    #zs-special-why-us *,\r\n    #zs-special-why-us *::before,\r\n    #zs-special-why-us *::after {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    #zs-special-why-us {\r\n      --gold:\r\n        var(--zs-brand-gold, #c2a22f);\r\n\r\n      --dark:\r\n        var(--zs-brand-midnight, #26352c);\r\n\r\n      --surface:\r\n        var(--zs-surface, #fbfaf7);\r\n\r\n      --muted:\r\n        var(--zs-text-soft, #68716c);\r\n\r\n      --line:\r\n        var(--zs-line, rgba(38,53,44,.12));\r\n\r\n      width: 100%;\r\n\r\n      padding:\r\n        clamp(94px,8vw,142px)\r\n        clamp(20px,4vw,64px)\r\n        clamp(96px,8vw,140px);\r\n\r\n      overflow: hidden;\r\n\r\n      background:\r\n        linear-gradient(\r\n          180deg,\r\n          #fbfaf7 0%,\r\n          #f6f3ec 100%\r\n        );\r\n\r\n      color:\r\n        var(--dark);\r\n\r\n      font-family:\r\n        \"Brandon book\",\r\n        \"Brandon Grotesque\",\r\n        Arial,\r\n        Helvetica,\r\n        sans-serif !important;\r\n    }\r\n\r\n    #zs-special-why-us * {\r\n      font-family:\r\n        \"Brandon book\",\r\n        \"Brandon Grotesque\",\r\n        Arial,\r\n        Helvetica,\r\n        sans-serif !important;\r\n    }\r\n\r\n    #zs-special-why-us a {\r\n      text-decoration: none;\r\n    }\r\n\r\n    .zssowhy__inner {\r\n      width:\r\n        min(100%,1480px);\r\n\r\n      margin:\r\n        0 auto;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       HEADER\r\n       ========================================================= *\/\r\n\r\n    .zssowhy__header {\r\n      width:\r\n        min(100%,1060px);\r\n\r\n      margin:\r\n        0 auto\r\n        clamp(46px,5vw,74px);\r\n\r\n      text-align:\r\n        center;\r\n    }\r\n\r\n    .zssowhy__eyebrow {\r\n      display:\r\n        flex;\r\n\r\n      align-items:\r\n        center;\r\n\r\n      justify-content:\r\n        center;\r\n\r\n      gap:\r\n        13px;\r\n\r\n      margin-bottom:\r\n        15px;\r\n\r\n      color:\r\n        #9f842b;\r\n\r\n      font-size:\r\n        9px;\r\n\r\n      font-weight:\r\n        700;\r\n\r\n      letter-spacing:\r\n        .21em;\r\n    }\r\n\r\n    .zssowhy__eyebrow span {\r\n      width:\r\n        50px;\r\n\r\n      height:\r\n        1px;\r\n\r\n      background:\r\n        rgba(194,162,47,.65);\r\n    }\r\n\r\n    .zssowhy__eyebrow b {\r\n      font-weight:\r\n        700;\r\n    }\r\n\r\n    .zssowhy__header h2 {\r\n      margin:\r\n        0 !important;\r\n\r\n      color:\r\n        var(--dark) !important;\r\n\r\n      font-size:\r\n        clamp(43px,4.6vw,74px);\r\n\r\n      font-weight:\r\n        400 !important;\r\n\r\n      line-height:\r\n        1.04 !important;\r\n\r\n      letter-spacing:\r\n        -.025em;\r\n\r\n      text-wrap:\r\n        balance;\r\n    }\r\n\r\n    .zssowhy__header-line {\r\n      width:\r\n        58px;\r\n\r\n      height:\r\n        1px;\r\n\r\n      margin:\r\n        25px auto 0;\r\n\r\n      background:\r\n        var(--gold);\r\n    }\r\n\r\n    .zssowhy__header p {\r\n      width:\r\n        min(100%,960px);\r\n\r\n      margin:\r\n        26px auto 0 !important;\r\n\r\n      color:\r\n        var(--muted);\r\n\r\n      font-size:\r\n        clamp(16px,1.2vw,20px);\r\n\r\n      line-height:\r\n        1.65;\r\n    }\r\n\r\n    .zssowhy__header p strong {\r\n      color:\r\n        var(--dark);\r\n\r\n      font-weight:\r\n        600;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       GRID\r\n       ========================================================= *\/\r\n\r\n    .zssowhy__grid {\r\n      display:\r\n        grid;\r\n\r\n      grid-template-columns:\r\n        repeat(3,minmax(0,1fr));\r\n\r\n      gap:\r\n        clamp(20px,2vw,30px);\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       CARD\r\n       ========================================================= *\/\r\n\r\n    .zssowhy__card {\r\n      position:\r\n        relative;\r\n\r\n      display:\r\n        flex;\r\n\r\n      flex-direction:\r\n        column;\r\n\r\n      min-height:\r\n        100%;\r\n\r\n      overflow:\r\n        hidden;\r\n\r\n      border:\r\n        1px solid rgba(38,53,44,.08);\r\n\r\n      border-radius:\r\n        28px;\r\n\r\n      background:\r\n        rgba(255,255,255,.88);\r\n\r\n      color:\r\n        inherit !important;\r\n\r\n      box-shadow:\r\n        0 18px 55px\r\n        rgba(38,53,44,.055);\r\n\r\n      transition:\r\n        transform .45s\r\n        cubic-bezier(.2,.72,.2,1),\r\n        box-shadow .4s ease,\r\n        border-color .35s ease;\r\n    }\r\n\r\n    .zssowhy__media {\r\n      position:\r\n        relative;\r\n\r\n      aspect-ratio:\r\n        1.36 \/ 1;\r\n\r\n      overflow:\r\n        hidden;\r\n\r\n      margin:\r\n        8px;\r\n\r\n      border-radius:\r\n        20px;\r\n\r\n      background:\r\n        #dbe1dc;\r\n    }\r\n\r\n    .zssowhy__media img {\r\n      position:\r\n        absolute !important;\r\n\r\n      inset:\r\n        0 !important;\r\n\r\n      display:\r\n        block !important;\r\n\r\n      width:\r\n        100% !important;\r\n\r\n      max-width:\r\n        none !important;\r\n\r\n      height:\r\n        100% !important;\r\n\r\n      object-fit:\r\n        cover !important;\r\n\r\n      object-position:\r\n        center center !important;\r\n\r\n      transform:\r\n        scale(1.02);\r\n\r\n      transition:\r\n        transform .85s\r\n        cubic-bezier(.2,.72,.2,1);\r\n    }\r\n\r\n    .zssowhy__media-shade {\r\n      position:\r\n        absolute;\r\n\r\n      inset:\r\n        0;\r\n\r\n      background:\r\n        linear-gradient(\r\n          180deg,\r\n          rgba(16,31,23,.02),\r\n          rgba(16,31,23,.30)\r\n        );\r\n\r\n      pointer-events:\r\n        none;\r\n    }\r\n\r\n    .zssowhy__number {\r\n      position:\r\n        absolute;\r\n\r\n      left:\r\n        18px;\r\n\r\n      bottom:\r\n        16px;\r\n\r\n      z-index:\r\n        3;\r\n\r\n      min-width:\r\n        42px;\r\n\r\n      height:\r\n        31px;\r\n\r\n      display:\r\n        inline-flex;\r\n\r\n      align-items:\r\n        center;\r\n\r\n      justify-content:\r\n        center;\r\n\r\n      padding:\r\n        0 10px;\r\n\r\n      border:\r\n        1px solid rgba(255,255,255,.38);\r\n\r\n      border-radius:\r\n        999px;\r\n\r\n      background:\r\n        rgba(255,255,255,.13);\r\n\r\n      color:\r\n        #fff;\r\n\r\n      font-size:\r\n        9px;\r\n\r\n      font-weight:\r\n        700;\r\n\r\n      letter-spacing:\r\n        .13em;\r\n\r\n      backdrop-filter:\r\n        blur(10px);\r\n\r\n      -webkit-backdrop-filter:\r\n        blur(10px);\r\n    }\r\n\r\n    .zssowhy__body {\r\n      display:\r\n        flex;\r\n\r\n      flex:\r\n        1;\r\n\r\n      flex-direction:\r\n        column;\r\n\r\n      align-items:\r\n        center;\r\n\r\n      padding:\r\n        25px 26px 29px;\r\n\r\n      text-align:\r\n        center;\r\n    }\r\n\r\n    .zssowhy__type {\r\n      display:\r\n        inline-block;\r\n\r\n      margin-bottom:\r\n        8px;\r\n\r\n      color:\r\n        #a2872e;\r\n\r\n      font-size:\r\n        9px;\r\n\r\n      font-weight:\r\n        700;\r\n\r\n      letter-spacing:\r\n        .18em;\r\n\r\n      text-transform:\r\n        uppercase;\r\n    }\r\n\r\n    .zssowhy__body h3 {\r\n      margin:\r\n        0 !important;\r\n\r\n      color:\r\n        var(--dark) !important;\r\n\r\n      font-size:\r\n        clamp(30px,2.15vw,40px);\r\n\r\n      font-weight:\r\n        400 !important;\r\n\r\n      line-height:\r\n        1.05 !important;\r\n\r\n      letter-spacing:\r\n        -.018em;\r\n\r\n      text-wrap:\r\n        balance;\r\n    }\r\n\r\n    .zssowhy__line {\r\n      width:\r\n        42px;\r\n\r\n      height:\r\n        1px;\r\n\r\n      margin:\r\n        16px auto 16px;\r\n\r\n      background:\r\n        var(--gold);\r\n    }\r\n\r\n    .zssowhy__body p {\r\n      margin:\r\n        0 !important;\r\n\r\n      color:\r\n        var(--muted);\r\n\r\n      font-size:\r\n        15px;\r\n\r\n      line-height:\r\n        1.62;\r\n    }\r\n\r\n    .zssowhy__card-cta {\r\n      display:\r\n        inline-flex;\r\n\r\n      align-items:\r\n        center;\r\n\r\n      justify-content:\r\n        center;\r\n\r\n      gap:\r\n        11px;\r\n\r\n      margin-top:\r\n        auto;\r\n\r\n      padding-top:\r\n        24px;\r\n\r\n      color:\r\n        var(--dark);\r\n\r\n      font-size:\r\n        10px;\r\n\r\n      font-weight:\r\n        700;\r\n\r\n      letter-spacing:\r\n        .08em;\r\n\r\n      text-transform:\r\n        uppercase;\r\n    }\r\n\r\n    .zssowhy__card-cta-icon {\r\n      width:\r\n        32px;\r\n\r\n      height:\r\n        32px;\r\n\r\n      display:\r\n        grid;\r\n\r\n      place-items:\r\n        center;\r\n\r\n      border:\r\n        1px solid rgba(38,53,44,.14);\r\n\r\n      border-radius:\r\n        50%;\r\n\r\n      background:\r\n        #fff;\r\n\r\n      color:\r\n        var(--gold);\r\n\r\n      transition:\r\n        background-color .3s ease,\r\n        color .3s ease,\r\n        border-color .3s ease,\r\n        transform .3s ease;\r\n    }\r\n\r\n    .zssowhy__card-cta-icon svg {\r\n      width:\r\n        14px;\r\n\r\n      height:\r\n        14px;\r\n\r\n      fill:\r\n        none;\r\n\r\n      stroke:\r\n        currentColor;\r\n\r\n      stroke-width:\r\n        1.8;\r\n\r\n      stroke-linecap:\r\n        round;\r\n\r\n      stroke-linejoin:\r\n        round;\r\n\r\n      transition:\r\n        transform .3s ease;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       REVEAL\r\n       ========================================================= *\/\r\n\r\n    .zssowhy__reveal {\r\n      opacity:\r\n        0;\r\n\r\n      transform:\r\n        translateY(28px);\r\n\r\n      transition:\r\n        opacity .75s ease,\r\n        transform .9s\r\n        cubic-bezier(.2,.72,.2,1);\r\n    }\r\n\r\n    .zssowhy__reveal.is-visible {\r\n      opacity:\r\n        1;\r\n\r\n      transform:\r\n        none;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       HOVER\r\n       ========================================================= *\/\r\n\r\n    @media (hover:hover) and (pointer:fine) {\r\n\r\n      .zssowhy__card:hover {\r\n        transform:\r\n          translateY(-8px);\r\n\r\n        border-color:\r\n          rgba(194,162,47,.30);\r\n\r\n        box-shadow:\r\n          0 28px 75px\r\n          rgba(38,53,44,.10);\r\n      }\r\n\r\n      .zssowhy__card:hover\r\n      .zssowhy__media img {\r\n        transform:\r\n          scale(1.07);\r\n      }\r\n\r\n      .zssowhy__card:hover\r\n      .zssowhy__card-cta-icon {\r\n        border-color:\r\n          var(--gold);\r\n\r\n        background:\r\n          var(--gold);\r\n\r\n        color:\r\n          var(--dark);\r\n\r\n        transform:\r\n          translateX(2px);\r\n      }\r\n\r\n      .zssowhy__card:hover\r\n      .zssowhy__card-cta-icon svg {\r\n        transform:\r\n          translateX(3px);\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       1366\r\n       ========================================================= *\/\r\n\r\n    @media (max-width:1366px) {\r\n\r\n      #zs-special-why-us {\r\n        padding:\r\n          104px 40px 110px;\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       1200\r\n       ========================================================= *\/\r\n\r\n    @media (max-width:1200px) {\r\n\r\n      #zs-special-why-us {\r\n        padding:\r\n          94px 30px 102px;\r\n      }\r\n\r\n      .zssowhy__grid {\r\n        gap:\r\n          18px;\r\n      }\r\n\r\n      .zssowhy__body {\r\n        padding:\r\n          23px 21px 26px;\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       1024\r\n       ========================================================= *\/\r\n\r\n    @media (max-width:1024px) {\r\n\r\n      #zs-special-why-us {\r\n        padding:\r\n          84px 22px 94px;\r\n      }\r\n\r\n      .zssowhy__grid {\r\n        grid-template-columns:\r\n          1fr;\r\n      }\r\n\r\n      .zssowhy__card {\r\n        width:\r\n          min(100%,820px);\r\n\r\n        margin:\r\n          0 auto;\r\n\r\n        display:\r\n          grid;\r\n\r\n        grid-template-columns:\r\n          minmax(320px,.95fr)\r\n          minmax(0,1.05fr);\r\n\r\n        align-items:\r\n          stretch;\r\n      }\r\n\r\n      .zssowhy__media {\r\n        min-height:\r\n          340px;\r\n\r\n        aspect-ratio:\r\n          auto;\r\n      }\r\n\r\n      .zssowhy__body {\r\n        justify-content:\r\n          center;\r\n\r\n        padding:\r\n          34px;\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       880\r\n       ========================================================= *\/\r\n\r\n    @media (max-width:880px) {\r\n\r\n      #zs-special-why-us {\r\n        padding:\r\n          76px 18px 86px;\r\n      }\r\n\r\n      .zssowhy__card {\r\n        grid-template-columns:\r\n          1fr;\r\n      }\r\n\r\n      .zssowhy__media {\r\n        min-height:\r\n          300px;\r\n\r\n        aspect-ratio:\r\n          1.5 \/ 1;\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       767\r\n       ========================================================= *\/\r\n\r\n    @media (max-width:767px) {\r\n\r\n      #zs-special-why-us {\r\n        padding:\r\n          68px 12px 76px;\r\n      }\r\n\r\n      .zssowhy__header {\r\n        margin-bottom:\r\n          38px;\r\n      }\r\n\r\n      .zssowhy__eyebrow {\r\n        gap:\r\n          9px;\r\n\r\n        font-size:\r\n          8px;\r\n      }\r\n\r\n      .zssowhy__eyebrow span {\r\n        width:\r\n          28px;\r\n      }\r\n\r\n      .zssowhy__header h2 {\r\n        font-size:\r\n          clamp(38px,10vw,50px);\r\n      }\r\n\r\n      .zssowhy__header p {\r\n        font-size:\r\n          15px;\r\n      }\r\n\r\n      .zssowhy__card {\r\n        border-radius:\r\n          20px;\r\n      }\r\n\r\n      .zssowhy__media {\r\n        min-height:\r\n          250px;\r\n\r\n        margin:\r\n          6px;\r\n\r\n        border-radius:\r\n          14px;\r\n      }\r\n\r\n      .zssowhy__body {\r\n        padding:\r\n          24px 20px 27px;\r\n      }\r\n\r\n      .zssowhy__body h3 {\r\n        font-size:\r\n          clamp(31px,8.5vw,40px);\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       REDUCED MOTION\r\n       ========================================================= *\/\r\n\r\n    @media (prefers-reduced-motion:reduce) {\r\n\r\n      #zs-special-why-us *,\r\n      #zs-special-why-us *::before,\r\n      #zs-special-why-us *::after {\r\n        animation:\r\n          none !important;\r\n\r\n        transition:\r\n          none !important;\r\n      }\r\n\r\n      .zssowhy__reveal {\r\n        opacity:\r\n          1 !important;\r\n\r\n        transform:\r\n          none !important;\r\n      }\r\n\r\n    }\r\n\r\n  <\/style>\r\n\r\n\r\n  <script>\r\n  (() => {\r\n\r\n    const root =\r\n      document.getElementById(\r\n        'zs-special-why-us'\r\n      );\r\n\r\n    if (\r\n      !root ||\r\n      root.dataset.ready === '1'\r\n    ) {\r\n      return;\r\n    }\r\n\r\n    root.dataset.ready =\r\n      '1';\r\n\r\n    const items =\r\n      root.querySelectorAll(\r\n        '.zssowhy__reveal'\r\n      );\r\n\r\n    if (\r\n      !(\r\n        'IntersectionObserver'\r\n        in window\r\n      )\r\n    ) {\r\n\r\n      items.forEach(\r\n        item =>\r\n          item.classList.add(\r\n            'is-visible'\r\n          )\r\n      );\r\n\r\n      return;\r\n    }\r\n\r\n    const observer =\r\n      new IntersectionObserver(\r\n        entries => {\r\n\r\n          entries.forEach(\r\n            entry => {\r\n\r\n              if (\r\n                !entry.isIntersecting\r\n              ) {\r\n                return;\r\n              }\r\n\r\n              entry.target.classList.add(\r\n                'is-visible'\r\n              );\r\n\r\n              observer.unobserve(\r\n                entry.target\r\n              );\r\n\r\n            }\r\n          );\r\n\r\n        },\r\n        {\r\n          threshold:\r\n            .10,\r\n\r\n          rootMargin:\r\n            '0px 0px -6% 0px'\r\n        }\r\n      );\r\n\r\n    items.forEach(\r\n      item =>\r\n        observer.observe(\r\n          item\r\n        )\r\n    );\r\n\r\n  })();\r\n  <\/script>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7a089cb e-con-full e-flex e-con e-parent\" data-id=\"7a089cb\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7add9ad elementor-widget elementor-widget-html\" data-id=\"7add9ad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ZALA SPRINGS MAIN \u2014 K\u00dcL\u00d6NLEGES LEHET\u0150S\u00c9GEK \/ KIV\u00c1L\u00d3 ELHELYEZKED\u00c9S\r\n     4-step cinematic zoom:\r\n     01 Europe -> Hungary\r\n     02 Hungary -> Zala \/ Balaton western region\r\n     03 Balaton -> Zala Springs\r\n     04 Zala Springs resort \/ golf course\r\n-->\r\n<section id=\"zs-property-location\" class=\"zs-main zslocation\" aria-labelledby=\"zslocation-title\">\r\n\r\n  <div class=\"zslocation__inner\">\r\n\r\n    <!-- ======================================================\r\n         INTERACTIVE MAP \/ ZOOM\r\n         ====================================================== -->\r\n\r\n    <div class=\"zslocation__visual zslocation__reveal\">\r\n\r\n      <div\r\n        class=\"zslocation__stage\"\r\n        data-stage\r\n        tabindex=\"0\"\r\n        aria-label=\"Zala Springs elhelyezked\u00e9se \u2013 n\u00e9gyl\u00e9pcs\u0151s t\u00e9rk\u00e9pes nagy\u00edt\u00e1s\"\r\n      >\r\n\r\n        <div class=\"zslocation__image-layer is-active\" data-layer=\"a\">\r\n          <img decoding=\"async\"\r\n            src=\"\/wp-content\/uploads\/2026\/09\/terkep-hu.jpg\"\r\n            alt=\"A Zala Springs elhelyezked\u00e9se Eur\u00f3p\u00e1ban\"\r\n            data-map-image\r\n            draggable=\"false\"\r\n          >\r\n        <\/div>\r\n\r\n        <div class=\"zslocation__image-layer\" data-layer=\"b\">\r\n          <img decoding=\"async\"\r\n            src=\"\/wp-content\/uploads\/2026\/09\/terkep-hu.jpg\"\r\n            alt=\"\"\r\n            data-map-image\r\n            draggable=\"false\"\r\n          >\r\n        <\/div>\r\n\r\n\r\n        <!-- TOP LABEL -->\r\n\r\n        <div class=\"zslocation__stage-top\">\r\n          <div class=\"zslocation__level\">\r\n            <span data-level-number>01<\/span>\r\n            <i><\/i>\r\n            <strong data-level-label>Eur\u00f3pa<\/strong>\r\n          <\/div>\r\n\r\n          <div class=\"zslocation__hint\">\r\n            K\u00f6zel mindenhez\r\n          <\/div>\r\n        <\/div>\r\n\r\n\r\n        <!-- ZOOM CONTROLS -->\r\n\r\n        <div\r\n          class=\"zslocation__zoom-controls\"\r\n          aria-label=\"T\u00e9rk\u00e9p nagy\u00edt\u00e1sa\"\r\n        >\r\n\r\n          <button\r\n            class=\"zslocation__zoom-button\"\r\n            type=\"button\"\r\n            data-zoom-out\r\n            aria-label=\"Kicsiny\u00edt\u00e9s\"\r\n            disabled\r\n          >\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <circle cx=\"10.5\" cy=\"10.5\" r=\"6.5\"><\/circle>\r\n              <path d=\"M15.5 15.5 21 21M7.5 10.5h6\"><\/path>\r\n            <\/svg>\r\n          <\/button>\r\n\r\n          <div class=\"zslocation__progress\" aria-hidden=\"true\">\r\n            <span data-progress-bar><\/span>\r\n          <\/div>\r\n\r\n          <button\r\n            class=\"zslocation__zoom-button zslocation__zoom-button--primary\"\r\n            type=\"button\"\r\n            data-zoom-in\r\n            aria-label=\"Nagy\u00edt\u00e1s\"\r\n          >\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <circle cx=\"10.5\" cy=\"10.5\" r=\"6.5\"><\/circle>\r\n              <path d=\"M15.5 15.5 21 21M7.5 10.5h6M10.5 7.5v6\"><\/path>\r\n            <\/svg>\r\n          <\/button>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- STEP NAV -->\r\n\r\n        <div class=\"zslocation__steps\" aria-label=\"T\u00e9rk\u00e9pszintek\">\r\n\r\n          <button\r\n            type=\"button\"\r\n            class=\"zslocation__step is-active\"\r\n            data-step=\"0\"\r\n            aria-label=\"Eur\u00f3pa\"\r\n            aria-current=\"step\"\r\n          >\r\n            <span>01<\/span>\r\n          <\/button>\r\n\r\n          <button\r\n            type=\"button\"\r\n            class=\"zslocation__step\"\r\n            data-step=\"1\"\r\n            aria-label=\"Magyarorsz\u00e1g\"\r\n          >\r\n            <span>02<\/span>\r\n          <\/button>\r\n\r\n          <button\r\n            type=\"button\"\r\n            class=\"zslocation__step\"\r\n            data-step=\"2\"\r\n            aria-label=\"Balaton\"\r\n          >\r\n            <span>03<\/span>\r\n          <\/button>\r\n\r\n          <button\r\n            type=\"button\"\r\n            class=\"zslocation__step\"\r\n            data-step=\"3\"\r\n            aria-label=\"Zala Springs\"\r\n          >\r\n            <span>04<\/span>\r\n          <\/button>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- FOCAL PULSE: visually reinforces the zoom target -->\r\n\r\n        <div\r\n          class=\"zslocation__focus\"\r\n          data-focus\r\n          aria-hidden=\"true\"\r\n        >\r\n          <span><\/span>\r\n          <i><\/i>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"zslocation__caption\">\r\n        <span>Nagy\u00edtson a t\u00e9rk\u00e9pen<\/span>\r\n        <i><\/i>\r\n        <strong data-caption>Zala Springs Eur\u00f3pa sz\u00edv\u00e9ben<\/strong>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- ======================================================\r\n         COPY\r\n         ====================================================== -->\r\n\r\n    <article class=\"zslocation__content zslocation__reveal\">\r\n\r\n      <div class=\"zslocation__eyebrow\">\r\n        <span><\/span>\r\n        <b>ZALA SPRINGS RESIDENCES<\/b>\r\n      <\/div>\r\n\r\n      <h2 id=\"zslocation-title\">\r\n        Kiv\u00e1l\u00f3 elhelyezked\u00e9s\r\n      <\/h2>\r\n\r\n      <div class=\"zslocation__gold-line\"><\/div>\r\n\r\n      <p>\r\n        A magyarorsz\u00e1gi Zala-v\u00f6lgy fest\u0151i sz\u00e9ps\u00e9g\u00e9be \u00e1gyazott Zala Springs\r\n        Health &amp; Golf Resort t\u00f6bb mint egy lak\u00f3hely \u2013 ez egy \u00e9letst\u00edlus.\r\n        Vil\u00e1gsz\u00ednvonal\u00fa golf, wellness l\u00e9tes\u00edtm\u00e9nyek \u00e9s gourmet \u00e9tkez\u00e9si\r\n        lehet\u0151s\u00e9gek r\u00e9v\u00e9n a Resort p\u00e1ratlan \u00e9lm\u00e9nyt ny\u00fajt, amely leny\u0171g\u00f6zi\r\n        \u00fcgyfeleit.\r\n      <\/p>\r\n\r\n    <\/article>\r\n\r\n  <\/div>\r\n\r\n\r\n  <style>\r\n    #zs-property-location,\r\n    #zs-property-location *,\r\n    #zs-property-location *::before,\r\n    #zs-property-location *::after {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    #zs-property-location {\r\n      --gold:\r\n        var(--zs-brand-gold, #c2a22f);\r\n\r\n      --dark:\r\n        var(--zs-brand-midnight, #26352c);\r\n\r\n      --forest:\r\n        var(--zs-brand-forest, #394a40);\r\n\r\n      --viridian:\r\n        var(--zs-brand-viridian, #6b887c);\r\n\r\n      --surface:\r\n        var(--zs-surface, #fbfaf7);\r\n\r\n      --bg:\r\n        var(--zs-bg, #f5f3ed);\r\n\r\n      --muted:\r\n        var(--zs-text-soft, #68716c);\r\n\r\n      --line:\r\n        var(--zs-line, rgba(38,53,44,.12));\r\n\r\n      width: 100%;\r\n\r\n      padding:\r\n        clamp(95px, 8vw, 145px)\r\n        clamp(20px, 4vw, 64px);\r\n\r\n      overflow: hidden;\r\n\r\n      background:\r\n        radial-gradient(\r\n          circle at 9% 8%,\r\n          rgba(194,162,47,.065),\r\n          transparent 25%\r\n        ),\r\n        linear-gradient(\r\n          180deg,\r\n          #fbfaf7,\r\n          #f6f3eb\r\n        );\r\n\r\n      color:\r\n        var(--dark);\r\n\r\n      font-family:\r\n        \"Brandon book\",\r\n        \"Brandon Grotesque\",\r\n        Arial,\r\n        Helvetica,\r\n        sans-serif !important;\r\n    }\r\n\r\n    #zs-property-location * {\r\n      font-family:\r\n        \"Brandon book\",\r\n        \"Brandon Grotesque\",\r\n        Arial,\r\n        Helvetica,\r\n        sans-serif !important;\r\n    }\r\n\r\n    button {\r\n      font: inherit;\r\n    }\r\n\r\n    .zslocation__inner {\r\n      width:\r\n        min(100%, 1480px);\r\n\r\n      margin:\r\n        0 auto;\r\n\r\n      display:\r\n        grid;\r\n\r\n      grid-template-columns:\r\n        minmax(0, 1.12fr)\r\n        minmax(390px, .88fr);\r\n\r\n      gap:\r\n        clamp(58px, 7vw, 112px);\r\n\r\n      align-items:\r\n        center;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       MAP STAGE\r\n       ========================================================= *\/\r\n\r\n    .zslocation__visual {\r\n      min-width: 0;\r\n    }\r\n\r\n    .zslocation__stage {\r\n      position: relative;\r\n\r\n      width: 100%;\r\n      aspect-ratio: 1.6 \/ 1;\r\n\r\n      overflow: hidden;\r\n\r\n      border:\r\n        1px solid rgba(38,53,44,.09);\r\n\r\n      border-radius:\r\n        28px;\r\n\r\n      background:\r\n        #fff;\r\n\r\n      box-shadow:\r\n        0 28px 80px\r\n        rgba(38,53,44,.09);\r\n\r\n      isolation: isolate;\r\n\r\n      outline: none;\r\n\r\n      touch-action:\r\n        pan-y;\r\n    }\r\n\r\n    .zslocation__stage:focus-visible {\r\n      box-shadow:\r\n        0 0 0 3px rgba(194,162,47,.28),\r\n        0 28px 80px rgba(38,53,44,.09);\r\n    }\r\n\r\n    .zslocation__image-layer {\r\n      position: absolute;\r\n\r\n      inset: 0;\r\n\r\n      z-index: 1;\r\n\r\n      opacity: 0;\r\n\r\n      overflow: hidden;\r\n\r\n      pointer-events: none;\r\n\r\n      will-change:\r\n        opacity,\r\n        transform;\r\n    }\r\n\r\n    .zslocation__image-layer.is-active {\r\n      opacity: 1;\r\n    }\r\n\r\n    .zslocation__image-layer img {\r\n      position: absolute !important;\r\n\r\n      inset: 0 !important;\r\n\r\n      display: block !important;\r\n\r\n      width: 100% !important;\r\n      max-width: none !important;\r\n      height: 100% !important;\r\n\r\n      object-fit: cover !important;\r\n      object-position: center center !important;\r\n\r\n      transform:\r\n        scale(1);\r\n\r\n      transform-origin:\r\n        50% 50%;\r\n\r\n      will-change:\r\n        transform,\r\n        opacity;\r\n\r\n      user-select: none;\r\n\r\n      -webkit-user-drag: none;\r\n    }\r\n\r\n\r\n    \/*\r\n     * FORWARD:\r\n     * current image dramatically zooms exactly into the point\r\n     * where the next map lives.\r\n     *\/\r\n\r\n    .zslocation__image-layer.is-zooming-outgoing img {\r\n      animation:\r\n        zslocationZoomOutgoing\r\n        .82s\r\n        cubic-bezier(.58,.02,.3,1)\r\n        both;\r\n    }\r\n\r\n    .zslocation__image-layer.is-zooming-outgoing {\r\n      animation:\r\n        zslocationFadeOutgoing\r\n        .82s\r\n        cubic-bezier(.58,.02,.3,1)\r\n        both;\r\n    }\r\n\r\n    .zslocation__image-layer.is-zooming-incoming img {\r\n      animation:\r\n        zslocationZoomIncoming\r\n        .82s\r\n        cubic-bezier(.18,.75,.24,1)\r\n        both;\r\n    }\r\n\r\n    .zslocation__image-layer.is-zooming-incoming {\r\n      animation:\r\n        zslocationFadeIncoming\r\n        .82s\r\n        cubic-bezier(.18,.75,.24,1)\r\n        both;\r\n    }\r\n\r\n\r\n    \/*\r\n     * REVERSE \/ ZOOM OUT.\r\n     *\/\r\n\r\n    .zslocation__image-layer.is-unzooming-outgoing img {\r\n      animation:\r\n        zslocationUnzoomOutgoing\r\n        .78s\r\n        cubic-bezier(.58,.02,.3,1)\r\n        both;\r\n    }\r\n\r\n    .zslocation__image-layer.is-unzooming-outgoing {\r\n      animation:\r\n        zslocationFadeOutgoing\r\n        .78s\r\n        ease\r\n        both;\r\n    }\r\n\r\n    .zslocation__image-layer.is-unzooming-incoming img {\r\n      animation:\r\n        zslocationUnzoomIncoming\r\n        .78s\r\n        cubic-bezier(.18,.75,.24,1)\r\n        both;\r\n    }\r\n\r\n    .zslocation__image-layer.is-unzooming-incoming {\r\n      animation:\r\n        zslocationFadeIncoming\r\n        .78s\r\n        ease\r\n        both;\r\n    }\r\n\r\n    @keyframes zslocationZoomOutgoing {\r\n      0% {\r\n        transform:\r\n          scale(1);\r\n      }\r\n\r\n      100% {\r\n        transform:\r\n          scale(2.55);\r\n      }\r\n    }\r\n\r\n    @keyframes zslocationZoomIncoming {\r\n      0% {\r\n        transform:\r\n          scale(.82);\r\n      }\r\n\r\n      100% {\r\n        transform:\r\n          scale(1);\r\n      }\r\n    }\r\n\r\n    @keyframes zslocationUnzoomOutgoing {\r\n      0% {\r\n        transform:\r\n          scale(1);\r\n      }\r\n\r\n      100% {\r\n        transform:\r\n          scale(.82);\r\n      }\r\n    }\r\n\r\n    @keyframes zslocationUnzoomIncoming {\r\n      0% {\r\n        transform:\r\n          scale(2.2);\r\n      }\r\n\r\n      100% {\r\n        transform:\r\n          scale(1);\r\n      }\r\n    }\r\n\r\n    @keyframes zslocationFadeOutgoing {\r\n      0%,\r\n      38% {\r\n        opacity: 1;\r\n      }\r\n\r\n      100% {\r\n        opacity: 0;\r\n      }\r\n    }\r\n\r\n    @keyframes zslocationFadeIncoming {\r\n      0%,\r\n      27% {\r\n        opacity: 0;\r\n      }\r\n\r\n      100% {\r\n        opacity: 1;\r\n      }\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       MAP TOP\r\n       ========================================================= *\/\r\n\r\n    .zslocation__stage-top {\r\n      position: absolute;\r\n\r\n      z-index: 10;\r\n\r\n      top: 20px;\r\n      right: 20px;\r\n      left: 20px;\r\n\r\n      display:\r\n        flex;\r\n\r\n      align-items:\r\n        center;\r\n\r\n      justify-content:\r\n        space-between;\r\n\r\n      gap: 20px;\r\n\r\n      pointer-events: none;\r\n    }\r\n\r\n    .zslocation__level {\r\n      min-height: 38px;\r\n\r\n      display:\r\n        inline-flex;\r\n\r\n      align-items:\r\n        center;\r\n\r\n      gap: 10px;\r\n\r\n      padding:\r\n        0 13px;\r\n\r\n      border:\r\n        1px solid rgba(38,53,44,.10);\r\n\r\n      border-radius:\r\n        999px;\r\n\r\n      background:\r\n        rgba(251,250,247,.92);\r\n\r\n      box-shadow:\r\n        0 7px 24px rgba(38,53,44,.05);\r\n\r\n      backdrop-filter:\r\n        blur(12px);\r\n\r\n      -webkit-backdrop-filter:\r\n        blur(12px);\r\n    }\r\n\r\n    .zslocation__level > span {\r\n      color:\r\n        var(--gold);\r\n\r\n      font-size: 10px;\r\n      font-weight: 700;\r\n\r\n      font-variant-numeric:\r\n        tabular-nums;\r\n    }\r\n\r\n    .zslocation__level i {\r\n      width: 24px;\r\n      height: 1px;\r\n\r\n      background:\r\n        rgba(38,53,44,.19);\r\n    }\r\n\r\n    .zslocation__level strong {\r\n      color:\r\n        var(--dark);\r\n\r\n      font-size: 9px;\r\n      font-weight: 700;\r\n\r\n      letter-spacing:\r\n        .14em;\r\n\r\n      text-transform:\r\n        uppercase;\r\n    }\r\n\r\n    .zslocation__hint {\r\n      color:\r\n        rgba(38,53,44,.56);\r\n\r\n      font-size: 8px;\r\n      font-weight: 700;\r\n\r\n      letter-spacing:\r\n        .16em;\r\n\r\n      text-transform:\r\n        uppercase;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       ZOOM CONTROL\r\n       ========================================================= *\/\r\n\r\n    .zslocation__zoom-controls {\r\n      position: absolute;\r\n\r\n      z-index: 15;\r\n\r\n      right: 20px;\r\n      bottom: 20px;\r\n\r\n      display:\r\n        flex;\r\n\r\n      align-items:\r\n        center;\r\n\r\n      gap: 7px;\r\n\r\n      padding: 6px;\r\n\r\n      border:\r\n        1px solid rgba(38,53,44,.10);\r\n\r\n      border-radius:\r\n        999px;\r\n\r\n      background:\r\n        rgba(251,250,247,.94);\r\n\r\n      box-shadow:\r\n        0 12px 35px\r\n        rgba(38,53,44,.10);\r\n\r\n      backdrop-filter:\r\n        blur(15px);\r\n\r\n      -webkit-backdrop-filter:\r\n        blur(15px);\r\n    }\r\n\r\n    .zslocation__zoom-button {\r\n      width: 46px;\r\n      height: 46px;\r\n\r\n      display:\r\n        grid;\r\n\r\n      place-items:\r\n        center;\r\n\r\n      padding: 0;\r\n\r\n      border:\r\n        0;\r\n\r\n      border-radius:\r\n        50%;\r\n\r\n      background:\r\n        transparent;\r\n\r\n      color:\r\n        var(--dark);\r\n\r\n      cursor: pointer;\r\n\r\n      transition:\r\n        background-color .25s ease,\r\n        color .25s ease,\r\n        transform .25s ease,\r\n        opacity .25s ease;\r\n    }\r\n\r\n    .zslocation__zoom-button svg {\r\n      width: 20px;\r\n      height: 20px;\r\n\r\n      fill: none;\r\n\r\n      stroke:\r\n        currentColor;\r\n\r\n      stroke-width:\r\n        1.6;\r\n\r\n      stroke-linecap:\r\n        round;\r\n\r\n      stroke-linejoin:\r\n        round;\r\n    }\r\n\r\n    .zslocation__zoom-button--primary {\r\n      background:\r\n        var(--gold);\r\n\r\n      color:\r\n        var(--dark);\r\n\r\n      box-shadow:\r\n        0 8px 22px\r\n        rgba(194,162,47,.20);\r\n    }\r\n\r\n    .zslocation__zoom-button:disabled {\r\n      opacity: .30;\r\n\r\n      cursor:\r\n        default;\r\n    }\r\n\r\n    .zslocation__progress {\r\n      width: 68px;\r\n      height: 2px;\r\n\r\n      overflow: hidden;\r\n\r\n      border-radius:\r\n        999px;\r\n\r\n      background:\r\n        rgba(38,53,44,.11);\r\n    }\r\n\r\n    .zslocation__progress span {\r\n      display: block;\r\n\r\n      width: 25%;\r\n      height: 100%;\r\n\r\n      border-radius:\r\n        inherit;\r\n\r\n      background:\r\n        var(--gold);\r\n\r\n      transform-origin:\r\n        left center;\r\n\r\n      transition:\r\n        width .55s\r\n        cubic-bezier(.2,.72,.2,1);\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       STEPS\r\n       ========================================================= *\/\r\n\r\n    .zslocation__steps {\r\n      position: absolute;\r\n\r\n      z-index: 15;\r\n\r\n      bottom: 25px;\r\n      left: 24px;\r\n\r\n      display:\r\n        flex;\r\n\r\n      align-items:\r\n        center;\r\n\r\n      gap: 7px;\r\n    }\r\n\r\n    .zslocation__step {\r\n      position:\r\n        relative;\r\n\r\n      width: 29px;\r\n      height: 29px;\r\n\r\n      display:\r\n        grid;\r\n\r\n      place-items:\r\n        center;\r\n\r\n      padding: 0;\r\n\r\n      border:\r\n        1px solid rgba(38,53,44,.12);\r\n\r\n      border-radius:\r\n        50%;\r\n\r\n      background:\r\n        rgba(251,250,247,.90);\r\n\r\n      color:\r\n        rgba(38,53,44,.45);\r\n\r\n      cursor:\r\n        pointer;\r\n\r\n      transition:\r\n        .3s ease;\r\n    }\r\n\r\n    .zslocation__step span {\r\n      font-size:\r\n        8px;\r\n\r\n      font-weight:\r\n        700;\r\n\r\n      font-variant-numeric:\r\n        tabular-nums;\r\n    }\r\n\r\n    .zslocation__step.is-active {\r\n      border-color:\r\n        var(--gold);\r\n\r\n      background:\r\n        var(--dark);\r\n\r\n      color:\r\n        #fff;\r\n\r\n      transform:\r\n        scale(1.10);\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       FOCAL PULSE\r\n       ========================================================= *\/\r\n\r\n    .zslocation__focus {\r\n      position:\r\n        absolute;\r\n\r\n      z-index:\r\n        12;\r\n\r\n      left:\r\n        var(--focus-x, 71%);\r\n\r\n      top:\r\n        var(--focus-y, 55%);\r\n\r\n      width:\r\n        34px;\r\n\r\n      height:\r\n        34px;\r\n\r\n      transform:\r\n        translate(-50%, -50%);\r\n\r\n      pointer-events:\r\n        none;\r\n\r\n      opacity:\r\n        0;\r\n\r\n      transition:\r\n        left .55s ease,\r\n        top .55s ease;\r\n    }\r\n\r\n    .zslocation__focus.is-pulsing {\r\n      opacity:\r\n        1;\r\n    }\r\n\r\n    .zslocation__focus span,\r\n    .zslocation__focus i {\r\n      position:\r\n        absolute;\r\n\r\n      inset:\r\n        50% auto auto 50%;\r\n\r\n      border:\r\n        1px solid rgba(194,162,47,.82);\r\n\r\n      border-radius:\r\n        50%;\r\n\r\n      transform:\r\n        translate(-50%, -50%);\r\n    }\r\n\r\n    .zslocation__focus span {\r\n      width: 11px;\r\n      height: 11px;\r\n\r\n      background:\r\n        var(--gold);\r\n    }\r\n\r\n    .zslocation__focus i {\r\n      width: 34px;\r\n      height: 34px;\r\n\r\n      animation:\r\n        zslocationPulse 1.25s\r\n        ease-out infinite;\r\n    }\r\n\r\n    @keyframes zslocationPulse {\r\n      0% {\r\n        opacity: .8;\r\n        transform:\r\n          translate(-50%, -50%)\r\n          scale(.45);\r\n      }\r\n\r\n      100% {\r\n        opacity: 0;\r\n        transform:\r\n          translate(-50%, -50%)\r\n          scale(1.35);\r\n      }\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       CAPTION\r\n       ========================================================= *\/\r\n\r\n    .zslocation__caption {\r\n      display:\r\n        flex;\r\n\r\n      align-items:\r\n        center;\r\n\r\n      gap: 12px;\r\n\r\n      margin-top:\r\n        18px;\r\n\r\n      color:\r\n        #8a918d;\r\n\r\n      font-size:\r\n        10px;\r\n\r\n      letter-spacing:\r\n        .06em;\r\n    }\r\n\r\n    .zslocation__caption > span {\r\n      color:\r\n        #a18730;\r\n\r\n      font-weight:\r\n        700;\r\n\r\n      text-transform:\r\n        uppercase;\r\n\r\n      letter-spacing:\r\n        .13em;\r\n    }\r\n\r\n    .zslocation__caption i {\r\n      width:\r\n        34px;\r\n\r\n      height:\r\n        1px;\r\n\r\n      background:\r\n        rgba(194,162,47,.55);\r\n    }\r\n\r\n    .zslocation__caption strong {\r\n      color:\r\n        var(--muted);\r\n\r\n      font-weight:\r\n        400;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       CONTENT\r\n       ========================================================= *\/\r\n\r\n    .zslocation__content {\r\n      max-width:\r\n        590px;\r\n    }\r\n\r\n    .zslocation__eyebrow {\r\n      display:\r\n        flex;\r\n\r\n      align-items:\r\n        center;\r\n\r\n      gap:\r\n        12px;\r\n\r\n      margin-bottom:\r\n        14px;\r\n\r\n      color:\r\n        var(--gold);\r\n\r\n      font-size:\r\n        9px;\r\n\r\n      font-weight:\r\n        700;\r\n\r\n      letter-spacing:\r\n        .20em;\r\n\r\n      text-transform:\r\n        uppercase;\r\n    }\r\n\r\n    .zslocation__eyebrow span {\r\n      width:\r\n        32px;\r\n\r\n      height:\r\n        1px;\r\n\r\n      background:\r\n        var(--gold);\r\n    }\r\n\r\n    .zslocation__eyebrow b {\r\n      font-weight:\r\n        700;\r\n    }\r\n\r\n    .zslocation__content h2 {\r\n      margin:\r\n        0 !important;\r\n\r\n      color:\r\n        var(--dark) !important;\r\n\r\n      font-size:\r\n        clamp(43px, 4vw, 67px);\r\n\r\n      font-weight:\r\n        400 !important;\r\n\r\n      line-height:\r\n        1.04 !important;\r\n\r\n      letter-spacing:\r\n        -.025em;\r\n\r\n      text-wrap:\r\n        balance;\r\n    }\r\n\r\n    .zslocation__gold-line {\r\n      width:\r\n        58px;\r\n\r\n      height:\r\n        1px;\r\n\r\n      margin:\r\n        27px 0 28px;\r\n\r\n      background:\r\n        var(--gold);\r\n    }\r\n\r\n    .zslocation__content p {\r\n      margin:\r\n        0 0 19px !important;\r\n\r\n      color:\r\n        var(--muted);\r\n\r\n      font-size:\r\n        clamp(15px, 1.03vw, 17px);\r\n\r\n      line-height:\r\n        1.72;\r\n    }\r\n\r\n    .zslocation__content\r\n    .zslocation__lead {\r\n      color:\r\n        var(--dark);\r\n\r\n      font-size:\r\n        clamp(18px, 1.32vw, 22px);\r\n\r\n      line-height:\r\n        1.55;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       REVEAL\r\n       ========================================================= *\/\r\n\r\n    .zslocation__reveal {\r\n      opacity:\r\n        0;\r\n\r\n      transform:\r\n        translateY(28px);\r\n\r\n      transition:\r\n        opacity .8s ease,\r\n        transform .95s\r\n        cubic-bezier(.2,.72,.2,1);\r\n    }\r\n\r\n    .zslocation__reveal.is-visible {\r\n      opacity:\r\n        1;\r\n\r\n      transform:\r\n        none;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       HOVER\r\n       ========================================================= *\/\r\n\r\n    @media (hover:hover) and (pointer:fine) {\r\n\r\n      .zslocation__zoom-button:not(:disabled):hover {\r\n        background:\r\n          var(--forest);\r\n\r\n        color:\r\n          #fff;\r\n\r\n        transform:\r\n          translateY(-2px);\r\n      }\r\n\r\n      .zslocation__zoom-button--primary:not(:disabled):hover {\r\n        background:\r\n          #ceb03f;\r\n\r\n        color:\r\n          var(--dark);\r\n      }\r\n\r\n      .zslocation__step:hover {\r\n        border-color:\r\n          rgba(194,162,47,.65);\r\n\r\n        color:\r\n          var(--dark);\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       1366\r\n       ========================================================= *\/\r\n\r\n    @media (max-width:1366px) {\r\n\r\n      #zs-property-location {\r\n        padding:\r\n          105px 40px;\r\n      }\r\n\r\n      .zslocation__inner {\r\n        gap:\r\n          70px;\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       1200\r\n       ========================================================= *\/\r\n\r\n    @media (max-width:1200px) {\r\n\r\n      #zs-property-location {\r\n        padding:\r\n          94px 32px;\r\n      }\r\n\r\n      .zslocation__inner {\r\n        grid-template-columns:\r\n          minmax(0, 1.05fr)\r\n          minmax(360px, .95fr);\r\n\r\n        gap:\r\n          55px;\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       1024\r\n       Image \/ map ALWAYS first.\r\n       ========================================================= *\/\r\n\r\n    @media (max-width:1024px) {\r\n\r\n      #zs-property-location {\r\n        padding:\r\n          84px 24px 96px;\r\n      }\r\n\r\n      .zslocation__inner {\r\n        display:\r\n          flex;\r\n\r\n        flex-direction:\r\n          column;\r\n\r\n        gap:\r\n          52px;\r\n      }\r\n\r\n      .zslocation__visual {\r\n        order:\r\n          1;\r\n\r\n        width:\r\n          min(100%, 850px);\r\n      }\r\n\r\n      .zslocation__content {\r\n        order:\r\n          2;\r\n\r\n        width:\r\n          min(100%, 850px);\r\n\r\n        max-width:\r\n          none;\r\n      }\r\n\r\n      .zslocation__stage {\r\n        aspect-ratio:\r\n          1.6 \/ 1;\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       880\r\n       ========================================================= *\/\r\n\r\n    @media (max-width:880px) {\r\n\r\n      #zs-property-location {\r\n        padding:\r\n          76px 18px 86px;\r\n      }\r\n\r\n      .zslocation__stage {\r\n        border-radius:\r\n          22px;\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       767\r\n       ========================================================= *\/\r\n\r\n    @media (max-width:767px) {\r\n\r\n      #zs-property-location {\r\n        padding:\r\n          68px 12px 78px;\r\n      }\r\n\r\n      .zslocation__inner {\r\n        gap:\r\n          38px;\r\n      }\r\n\r\n      .zslocation__stage {\r\n        aspect-ratio:\r\n          1 \/ .88;\r\n\r\n        border-radius:\r\n          19px;\r\n      }\r\n\r\n      .zslocation__image-layer img {\r\n        object-fit:\r\n          cover !important;\r\n      }\r\n\r\n      .zslocation__stage-top {\r\n        top:\r\n          12px;\r\n\r\n        right:\r\n          12px;\r\n\r\n        left:\r\n          12px;\r\n      }\r\n\r\n      .zslocation__hint {\r\n        display:\r\n          none;\r\n      }\r\n\r\n      .zslocation__level {\r\n        min-height:\r\n          34px;\r\n\r\n        padding:\r\n          0 11px;\r\n      }\r\n\r\n      .zslocation__zoom-controls {\r\n        right:\r\n          12px;\r\n\r\n        bottom:\r\n          12px;\r\n\r\n        padding:\r\n          5px;\r\n      }\r\n\r\n      .zslocation__zoom-button {\r\n        width:\r\n          42px;\r\n\r\n        height:\r\n          42px;\r\n      }\r\n\r\n      .zslocation__progress {\r\n        width:\r\n          44px;\r\n      }\r\n\r\n      .zslocation__steps {\r\n        bottom:\r\n          17px;\r\n\r\n        left:\r\n          14px;\r\n\r\n        gap:\r\n          5px;\r\n      }\r\n\r\n      .zslocation__step {\r\n        width:\r\n          26px;\r\n\r\n        height:\r\n          26px;\r\n      }\r\n\r\n      .zslocation__caption {\r\n        margin-top:\r\n          13px;\r\n\r\n        font-size:\r\n          9px;\r\n      }\r\n\r\n      .zslocation__caption strong {\r\n        display:\r\n          none;\r\n      }\r\n\r\n      .zslocation__content h2 {\r\n        font-size:\r\n          clamp(38px, 10vw, 50px);\r\n      }\r\n\r\n      .zslocation__content\r\n      .zslocation__lead {\r\n        font-size:\r\n          17px;\r\n      }\r\n\r\n      .zslocation__content p {\r\n        font-size:\r\n          15px;\r\n\r\n        line-height:\r\n          1.68;\r\n      }\r\n\r\n    }\r\n\r\n\r\n    @media (max-width:480px) {\r\n\r\n      .zslocation__stage {\r\n        aspect-ratio:\r\n          .92 \/ 1;\r\n      }\r\n\r\n      .zslocation__zoom-controls {\r\n        gap:\r\n          4px;\r\n      }\r\n\r\n      .zslocation__progress {\r\n        width:\r\n          34px;\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       REDUCED MOTION\r\n       ========================================================= *\/\r\n\r\n    @media (prefers-reduced-motion:reduce) {\r\n\r\n      #zs-property-location *,\r\n      #zs-property-location *::before,\r\n      #zs-property-location *::after {\r\n        animation:\r\n          none !important;\r\n\r\n        transition:\r\n          none !important;\r\n      }\r\n\r\n      .zslocation__reveal {\r\n        opacity:\r\n          1 !important;\r\n\r\n        transform:\r\n          none !important;\r\n      }\r\n\r\n      .zslocation__image-layer {\r\n        opacity:\r\n          0 !important;\r\n      }\r\n\r\n      .zslocation__image-layer.is-active {\r\n        opacity:\r\n          1 !important;\r\n      }\r\n\r\n    }\r\n\r\n  <\/style>\r\n\r\n\r\n  <script>\r\n  (() => {\r\n\r\n    const root =\r\n      document.getElementById(\r\n        'zs-property-location'\r\n      );\r\n\r\n    if (\r\n      !root ||\r\n      root.dataset.ready === '1'\r\n    ) {\r\n      return;\r\n    }\r\n\r\n    root.dataset.ready =\r\n      '1';\r\n\r\n\r\n    \/* =========================================================\r\n       MAP DATA\r\n       focalX \/ focalY:\r\n       exact visual point toward which the CURRENT map zooms\r\n       before revealing the NEXT level.\r\n       ========================================================= *\/\r\n\r\n    const maps = [\r\n\r\n      {\r\n        src:\r\n          '\/wp-content\/uploads\/2026\/09\/terkep-hu.jpg',\r\n\r\n        alt:\r\n          'A Zala Springs elhelyezked\u00e9se Eur\u00f3p\u00e1ban',\r\n\r\n        label:\r\n          'Eur\u00f3pa',\r\n\r\n        caption:\r\n          'Zala Springs Eur\u00f3pa sz\u00edv\u00e9ben',\r\n\r\n        focalX:\r\n          71.0,\r\n\r\n        focalY:\r\n          56.0\r\n      },\r\n\r\n      {\r\n        src:\r\n          '\/wp-content\/uploads\/2026\/09\/ingatlan-bemutato-02.jpg',\r\n\r\n        alt:\r\n          'A Zala Springs elhelyezked\u00e9se Magyarorsz\u00e1gon',\r\n\r\n        label:\r\n          'Magyarorsz\u00e1g',\r\n\r\n        caption:\r\n          'A Balaton nyugati kapuj\u00e1ban',\r\n\r\n        focalX:\r\n          23.5,\r\n\r\n        focalY:\r\n          60.0\r\n      },\r\n\r\n      {\r\n        src:\r\n          '\/wp-content\/uploads\/2026\/09\/ingatlan-bemutato-03.jpg',\r\n\r\n        alt:\r\n          'A Zala Springs a Balaton \u00e9s H\u00e9v\u00edz k\u00f6zel\u00e9ben',\r\n\r\n        label:\r\n          'Balaton',\r\n\r\n        caption:\r\n          'H\u00e9v\u00edzt\u0151l mind\u00f6ssze 8 kilom\u00e9terre',\r\n\r\n        focalX:\r\n          27.8,\r\n\r\n        focalY:\r\n          49.5\r\n      },\r\n\r\n      {\r\n        src:\r\n          '\/wp-content\/uploads\/2026\/09\/ingatlan-bemutato-04.jpg',\r\n\r\n        alt:\r\n          'A Zala Springs Golf Resort t\u00e9rk\u00e9pe',\r\n\r\n        label:\r\n          'Zala Springs',\r\n\r\n        caption:\r\n          '160 hekt\u00e1r egyed\u00fcl\u00e1ll\u00f3 k\u00f6rnyezetben',\r\n\r\n        focalX:\r\n          50,\r\n\r\n        focalY:\r\n          52\r\n      }\r\n\r\n    ];\r\n\r\n\r\n    const stage =\r\n      root.querySelector(\r\n        '[data-stage]'\r\n      );\r\n\r\n    const layers = [\r\n      root.querySelector(\r\n        '[data-layer=\"a\"]'\r\n      ),\r\n\r\n      root.querySelector(\r\n        '[data-layer=\"b\"]'\r\n      )\r\n    ];\r\n\r\n    const zoomIn =\r\n      root.querySelector(\r\n        '[data-zoom-in]'\r\n      );\r\n\r\n    const zoomOut =\r\n      root.querySelector(\r\n        '[data-zoom-out]'\r\n      );\r\n\r\n    const progress =\r\n      root.querySelector(\r\n        '[data-progress-bar]'\r\n      );\r\n\r\n    const levelNumber =\r\n      root.querySelector(\r\n        '[data-level-number]'\r\n      );\r\n\r\n    const levelLabel =\r\n      root.querySelector(\r\n        '[data-level-label]'\r\n      );\r\n\r\n    const caption =\r\n      root.querySelector(\r\n        '[data-caption]'\r\n      );\r\n\r\n    const focus =\r\n      root.querySelector(\r\n        '[data-focus]'\r\n      );\r\n\r\n    const stepButtons =\r\n      [\r\n        ...root.querySelectorAll(\r\n          '[data-step]'\r\n        )\r\n      ];\r\n\r\n\r\n    let index =\r\n      0;\r\n\r\n    let activeLayer =\r\n      0;\r\n\r\n    let busy =\r\n      false;\r\n\r\n    let touchStartX =\r\n      0;\r\n\r\n    const reduce =\r\n      window.matchMedia(\r\n        '(prefers-reduced-motion: reduce)'\r\n      ).matches;\r\n\r\n\r\n    \/* =========================================================\r\n       PRELOAD\r\n       ========================================================= *\/\r\n\r\n    maps.forEach(\r\n      item => {\r\n\r\n        const img =\r\n          new Image();\r\n\r\n        img.src =\r\n          item.src;\r\n\r\n      }\r\n    );\r\n\r\n\r\n    \/* =========================================================\r\n       UI\r\n       ========================================================= *\/\r\n\r\n    const updateUi =\r\n      () => {\r\n\r\n        const item =\r\n          maps[index];\r\n\r\n        levelNumber.textContent =\r\n          String(index + 1)\r\n            .padStart(2, '0');\r\n\r\n        levelLabel.textContent =\r\n          item.label;\r\n\r\n        caption.textContent =\r\n          item.caption;\r\n\r\n        progress.style.width =\r\n          (\r\n            ((index + 1) \/\r\n            maps.length) *\r\n            100\r\n          ) + '%';\r\n\r\n        zoomOut.disabled =\r\n          index === 0;\r\n\r\n        zoomIn.disabled =\r\n          index ===\r\n          maps.length - 1;\r\n\r\n        stepButtons.forEach(\r\n          (button, buttonIndex) => {\r\n\r\n            const active =\r\n              buttonIndex ===\r\n              index;\r\n\r\n            button.classList\r\n              .toggle(\r\n                'is-active',\r\n                active\r\n              );\r\n\r\n            if (active) {\r\n              button.setAttribute(\r\n                'aria-current',\r\n                'step'\r\n              );\r\n            }\r\n\r\n            else {\r\n              button.removeAttribute(\r\n                'aria-current'\r\n              );\r\n            }\r\n\r\n          }\r\n        );\r\n\r\n      };\r\n\r\n\r\n    \/* =========================================================\r\n       FOCUS PULSE\r\n       ========================================================= *\/\r\n\r\n    const pulseFocus =\r\n      fromIndex => {\r\n\r\n        const item =\r\n          maps[fromIndex];\r\n\r\n        root.style.setProperty(\r\n          '--focus-x',\r\n          item.focalX + '%'\r\n        );\r\n\r\n        root.style.setProperty(\r\n          '--focus-y',\r\n          item.focalY + '%'\r\n        );\r\n\r\n        focus.classList.remove(\r\n          'is-pulsing'\r\n        );\r\n\r\n        void focus.offsetWidth;\r\n\r\n        focus.classList.add(\r\n          'is-pulsing'\r\n        );\r\n\r\n        window.setTimeout(\r\n          () =>\r\n            focus.classList.remove(\r\n              'is-pulsing'\r\n            ),\r\n          720\r\n        );\r\n\r\n      };\r\n\r\n\r\n    \/* =========================================================\r\n       TRANSITION\r\n       ========================================================= *\/\r\n\r\n    const goTo =\r\n      nextIndex => {\r\n\r\n        if (\r\n          busy ||\r\n          nextIndex === index ||\r\n          nextIndex < 0 ||\r\n          nextIndex >= maps.length\r\n        ) {\r\n          return;\r\n        }\r\n\r\n        const forward =\r\n          nextIndex > index;\r\n\r\n        \/*\r\n         * For direct dot navigation we still perform one\r\n         * cinematic transition toward the selected level.\r\n         *\/\r\n        const oldIndex =\r\n          index;\r\n\r\n        const outgoing =\r\n          layers[activeLayer];\r\n\r\n        const incoming =\r\n          layers[1 - activeLayer];\r\n\r\n        const outgoingImg =\r\n          outgoing.querySelector(\r\n            'img'\r\n          );\r\n\r\n        const incomingImg =\r\n          incoming.querySelector(\r\n            'img'\r\n          );\r\n\r\n        const target =\r\n          maps[nextIndex];\r\n\r\n        busy =\r\n          true;\r\n\r\n        pulseFocus(\r\n          forward\r\n            ? oldIndex\r\n            : nextIndex\r\n        );\r\n\r\n\r\n        \/*\r\n         * Critical:\r\n         * transform-origin is the exact geographic point\r\n         * where the next map is located.\r\n         *\/\r\n        const focal =\r\n          forward\r\n            ? maps[oldIndex]\r\n            : maps[nextIndex];\r\n\r\n        outgoingImg.style\r\n          .transformOrigin =\r\n            focal.focalX + '% ' +\r\n            focal.focalY + '%';\r\n\r\n        incomingImg.style\r\n          .transformOrigin =\r\n            focal.focalX + '% ' +\r\n            focal.focalY + '%';\r\n\r\n        incomingImg.src =\r\n          target.src;\r\n\r\n        incomingImg.alt =\r\n          target.alt;\r\n\r\n\r\n        if (reduce) {\r\n\r\n          outgoing.className =\r\n            'zslocation__image-layer';\r\n\r\n          incoming.className =\r\n            'zslocation__image-layer is-active';\r\n\r\n          activeLayer =\r\n            1 - activeLayer;\r\n\r\n          index =\r\n            nextIndex;\r\n\r\n          updateUi();\r\n\r\n          busy =\r\n            false;\r\n\r\n          return;\r\n        }\r\n\r\n\r\n        incoming.className =\r\n          'zslocation__image-layer';\r\n\r\n\r\n        void incoming.offsetWidth;\r\n\r\n\r\n        if (forward) {\r\n\r\n          outgoing.className =\r\n            'zslocation__image-layer is-active is-zooming-outgoing';\r\n\r\n          incoming.className =\r\n            'zslocation__image-layer is-zooming-incoming';\r\n\r\n        }\r\n\r\n        else {\r\n\r\n          outgoing.className =\r\n            'zslocation__image-layer is-active is-unzooming-outgoing';\r\n\r\n          incoming.className =\r\n            'zslocation__image-layer is-unzooming-incoming';\r\n\r\n        }\r\n\r\n\r\n        \/*\r\n         * Text\/nav updates around the visual midpoint,\r\n         * making the level change feel attached to the zoom.\r\n         *\/\r\n        window.setTimeout(\r\n          () => {\r\n\r\n            index =\r\n              nextIndex;\r\n\r\n            updateUi();\r\n\r\n          },\r\n          390\r\n        );\r\n\r\n\r\n        window.setTimeout(\r\n          () => {\r\n\r\n            outgoing.className =\r\n              'zslocation__image-layer';\r\n\r\n            incoming.className =\r\n              'zslocation__image-layer is-active';\r\n\r\n            outgoingImg.style\r\n              .transformOrigin =\r\n                '50% 50%';\r\n\r\n            incomingImg.style\r\n              .transformOrigin =\r\n                '50% 50%';\r\n\r\n            activeLayer =\r\n              1 - activeLayer;\r\n\r\n            busy =\r\n              false;\r\n\r\n          },\r\n          850\r\n        );\r\n\r\n      };\r\n\r\n\r\n    \/* =========================================================\r\n       CONTROLS\r\n       ========================================================= *\/\r\n\r\n    zoomIn.addEventListener(\r\n      'click',\r\n      () =>\r\n        goTo(\r\n          index + 1\r\n        )\r\n    );\r\n\r\n    zoomOut.addEventListener(\r\n      'click',\r\n      () =>\r\n        goTo(\r\n          index - 1\r\n        )\r\n    );\r\n\r\n\r\n    stepButtons.forEach(\r\n      button => {\r\n\r\n        button.addEventListener(\r\n          'click',\r\n          () =>\r\n            goTo(\r\n              Number(\r\n                button.dataset.step\r\n              )\r\n            )\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n\r\n    stage.addEventListener(\r\n      'keydown',\r\n      event => {\r\n\r\n        if (\r\n          event.key ===\r\n          'ArrowRight' ||\r\n          event.key ===\r\n          '+' ||\r\n          event.key ===\r\n          '='\r\n        ) {\r\n\r\n          event.preventDefault();\r\n\r\n          goTo(\r\n            index + 1\r\n          );\r\n\r\n        }\r\n\r\n        if (\r\n          event.key ===\r\n          'ArrowLeft' ||\r\n          event.key ===\r\n          '-'\r\n        ) {\r\n\r\n          event.preventDefault();\r\n\r\n          goTo(\r\n            index - 1\r\n          );\r\n\r\n        }\r\n\r\n      }\r\n    );\r\n\r\n\r\n    \/* =========================================================\r\n       SWIPE\r\n       ========================================================= *\/\r\n\r\n    stage.addEventListener(\r\n      'touchstart',\r\n      event => {\r\n\r\n        touchStartX =\r\n          event.touches[0]\r\n            .clientX;\r\n\r\n      },\r\n      {\r\n        passive:\r\n          true\r\n      }\r\n    );\r\n\r\n\r\n    stage.addEventListener(\r\n      'touchend',\r\n      event => {\r\n\r\n        const endX =\r\n          event.changedTouches[0]\r\n            .clientX;\r\n\r\n        const delta =\r\n          endX -\r\n          touchStartX;\r\n\r\n        if (\r\n          Math.abs(delta) <\r\n          45\r\n        ) {\r\n          return;\r\n        }\r\n\r\n        goTo(\r\n          delta < 0\r\n            ? index + 1\r\n            : index - 1\r\n        );\r\n\r\n      },\r\n      {\r\n        passive:\r\n          true\r\n      }\r\n    );\r\n\r\n\r\n    \/* =========================================================\r\n       REVEAL\r\n       ========================================================= *\/\r\n\r\n    const reveal =\r\n      root.querySelectorAll(\r\n        '.zslocation__reveal'\r\n      );\r\n\r\n    if (\r\n      !(\r\n        'IntersectionObserver'\r\n        in window\r\n      )\r\n    ) {\r\n\r\n      reveal.forEach(\r\n        element =>\r\n          element.classList.add(\r\n            'is-visible'\r\n          )\r\n      );\r\n\r\n    }\r\n\r\n    else {\r\n\r\n      const observer =\r\n        new IntersectionObserver(\r\n          entries => {\r\n\r\n            entries.forEach(\r\n              entry => {\r\n\r\n                if (\r\n                  !entry.isIntersecting\r\n                ) {\r\n                  return;\r\n                }\r\n\r\n                entry.target\r\n                  .classList.add(\r\n                    'is-visible'\r\n                  );\r\n\r\n                observer.unobserve(\r\n                  entry.target\r\n                );\r\n\r\n              }\r\n            );\r\n\r\n          },\r\n          {\r\n            threshold:\r\n              .10,\r\n\r\n            rootMargin:\r\n              '0px 0px -6% 0px'\r\n          }\r\n        );\r\n\r\n      reveal.forEach(\r\n        element =>\r\n          observer.observe(\r\n            element\r\n          )\r\n      );\r\n\r\n    }\r\n\r\n\r\n    updateUi();\r\n\r\n  })();\r\n  <\/script>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-304f401 e-con-full e-flex e-con e-parent\" data-id=\"304f401\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-21e3df5 elementor-widget elementor-widget-html\" data-id=\"21e3df5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ZALA SPRINGS MAIN \u2014 K\u00dcL\u00d6NLEGES LEHET\u0150S\u00c9GEK \/ PARTNER EL\u0150NY\u00d6K -->\r\n<section\r\n  id=\"zs-special-partner-benefits\"\r\n  class=\"zs-main zspbenefits\"\r\n  aria-label=\"Partneri el\u0151ny\u00f6k\"\r\n>\r\n  <div class=\"zspbenefits__inner\">\r\n\r\n    <div class=\"zspbenefits__grid\">\r\n\r\n      <!-- RUGALMAS AJ\u00c1NLATOK -->\r\n      <article class=\"zspbenefits__card zspbenefits__reveal\">\r\n\r\n        <figure class=\"zspbenefits__media\">\r\n          <img\r\n            src=\"\/wp-content\/uploads\/2026\/09\/attractive-comm.jpg\"\r\n            alt=\"Pr\u00e9mium Zala Springs apartman enteri\u0151r\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\"\r\n          >\r\n        <\/figure>\r\n\r\n        <div class=\"zspbenefits__body\">\r\n          <span class=\"zspbenefits__number\" aria-hidden=\"true\">01<\/span>\r\n\r\n          <h2>\r\n            Rugalmas aj\u00e1nlatok\r\n          <\/h2>\r\n\r\n          <div class=\"zspbenefits__line\"><\/div>\r\n\r\n          <p>\r\n            Meg\u00e9rtj\u00fck, hogy minden \u00fcgyf\u00e9l egyedi ig\u00e9nyekkel \u00e9s preferenci\u00e1kkal\r\n            rendelkezik. Ez\u00e9rt k\u00edn\u00e1lunk rugalmas lehet\u0151s\u00e9geket \u00e9s testre szabott\r\n            megold\u00e1sokat, hogy minden \u00fcgyf\u00e9l megtal\u00e1lja a t\u00f6k\u00e9letes otthont a\r\n            Zala Springs-ben.\r\n          <\/p>\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- VONZ\u00d3 JUTAL\u00c9KOK -->\r\n      <article class=\"zspbenefits__card zspbenefits__reveal\">\r\n\r\n        <figure class=\"zspbenefits__media\">\r\n          <img\r\n            src=\"\/wp-content\/uploads\/2026\/09\/lifestyle-4.jpg\"\r\n            alt=\"Zala Springs pr\u00e9mium lifestyle\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\"\r\n          >\r\n        <\/figure>\r\n\r\n        <div class=\"zspbenefits__body\">\r\n          <span class=\"zspbenefits__number\" aria-hidden=\"true\">02<\/span>\r\n\r\n          <h2>\r\n            Vonz\u00f3 jutal\u00e9kok\r\n          <\/h2>\r\n\r\n          <div class=\"zspbenefits__line\"><\/div>\r\n\r\n          <p>\r\n            Partnereink sz\u00e1m\u00e1ra j\u00f3l meg\u00e9rdemelt jutal\u00e9kot k\u00edn\u00e1lunk minden\r\n            sikeres \u00e9rt\u00e9kes\u00edt\u00e9s ut\u00e1n. A versenyk\u00e9pes bev\u00e9telekkel \u00e9s a rendk\u00edv\u00fcl\r\n            keresett ingatlanok portf\u00f3li\u00f3j\u00e1val a Zala Springs-szel val\u00f3\r\n            partners\u00e9g j\u00f6vedelmez\u0151 lehet\u0151s\u00e9get k\u00edn\u00e1l v\u00e1llalkoz\u00e1sa sz\u00e1m\u00e1ra.\r\n          <\/p>\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- EXKLUZ\u00cdV AJ\u00c1NLATOK -->\r\n      <article class=\"zspbenefits__card zspbenefits__reveal\">\r\n\r\n        <figure class=\"zspbenefits__media\">\r\n          <img\r\n            src=\"\/wp-content\/uploads\/2026\/09\/ingatlan-4.jpg\"\r\n            alt=\"Zala Springs exkluz\u00edv ingatlan \u00e9s panor\u00e1ma\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\"\r\n          >\r\n        <\/figure>\r\n\r\n        <div class=\"zspbenefits__body\">\r\n          <span class=\"zspbenefits__number\" aria-hidden=\"true\">03<\/span>\r\n\r\n          <h2>\r\n            Exkluz\u00edv aj\u00e1nlatok\r\n          <\/h2>\r\n\r\n          <div class=\"zspbenefits__line\"><\/div>\r\n\r\n          <p>\r\n            Partnereink sz\u00e1m\u00e1ra speci\u00e1lis aj\u00e1nlatokat \u00e9s \u00f6szt\u00f6nz\u0151ket biztos\u00edtunk,\r\n            amelyek az \u00d6n siker\u00e9t szolg\u00e1lj\u00e1k. \u00c1tfog\u00f3 marketinganyagokat,\r\n            k\u00e9pz\u00e9st \u00e9s dedik\u00e1lt t\u00e1mogat\u00e1st ny\u00fajtunk, hogy biztosak lehessenek\r\n            abban, hogy \u00fcgyfeleiknek magabiztosan mutathatj\u00e1k be ezeket az\r\n            ingatlanokat.\r\n          <\/p>\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n\r\n  <style>\r\n    #zs-special-partner-benefits,\r\n    #zs-special-partner-benefits *,\r\n    #zs-special-partner-benefits *::before,\r\n    #zs-special-partner-benefits *::after {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    #zs-special-partner-benefits {\r\n      --gold:\r\n        var(--zs-brand-gold, #c2a22f);\r\n\r\n      --dark:\r\n        var(--zs-brand-midnight, #26352c);\r\n\r\n      --surface:\r\n        var(--zs-surface, #fbfaf7);\r\n\r\n      --muted:\r\n        var(--zs-text-soft, #68716c);\r\n\r\n      --line:\r\n        var(--zs-line, rgba(38,53,44,.12));\r\n\r\n      width: 100%;\r\n\r\n      padding:\r\n        clamp(84px,7vw,122px)\r\n        clamp(20px,4vw,64px)\r\n        clamp(96px,8vw,136px);\r\n\r\n      overflow: hidden;\r\n\r\n      background:\r\n        linear-gradient(\r\n          180deg,\r\n          #fbfaf7 0%,\r\n          #f6f3ec 100%\r\n        );\r\n\r\n      color:\r\n        var(--dark);\r\n\r\n      font-family:\r\n        \"Brandon book\",\r\n        \"Brandon Grotesque\",\r\n        Arial,\r\n        Helvetica,\r\n        sans-serif !important;\r\n    }\r\n\r\n    #zs-special-partner-benefits * {\r\n      font-family:\r\n        \"Brandon book\",\r\n        \"Brandon Grotesque\",\r\n        Arial,\r\n        Helvetica,\r\n        sans-serif !important;\r\n    }\r\n\r\n    .zspbenefits__inner {\r\n      width:\r\n        min(100%,1480px);\r\n\r\n      margin:\r\n        0 auto;\r\n    }\r\n\r\n    .zspbenefits__grid {\r\n      display:\r\n        grid;\r\n\r\n      grid-template-columns:\r\n        repeat(3,minmax(0,1fr));\r\n\r\n      gap:\r\n        clamp(20px,2vw,30px);\r\n    }\r\n\r\n    .zspbenefits__card {\r\n      display:\r\n        flex;\r\n\r\n      flex-direction:\r\n        column;\r\n\r\n      min-width:\r\n        0;\r\n\r\n      overflow:\r\n        hidden;\r\n\r\n      border:\r\n        1px solid rgba(38,53,44,.08);\r\n\r\n      border-radius:\r\n        28px;\r\n\r\n      background:\r\n        rgba(255,255,255,.86);\r\n\r\n      box-shadow:\r\n        0 18px 54px rgba(38,53,44,.055);\r\n    }\r\n\r\n    .zspbenefits__media {\r\n      position:\r\n        relative;\r\n\r\n      aspect-ratio:\r\n        1.42 \/ 1;\r\n\r\n      overflow:\r\n        hidden;\r\n\r\n      margin:\r\n        8px;\r\n\r\n      border-radius:\r\n        20px;\r\n\r\n      background:\r\n        #dfe3df;\r\n    }\r\n\r\n    .zspbenefits__media::after {\r\n      content: \"\";\r\n\r\n      position:\r\n        absolute;\r\n\r\n      inset:\r\n        0;\r\n\r\n      background:\r\n        linear-gradient(\r\n          180deg,\r\n          rgba(16,31,23,.01),\r\n          rgba(16,31,23,.10)\r\n        );\r\n\r\n      pointer-events:\r\n        none;\r\n    }\r\n\r\n    .zspbenefits__media img {\r\n      display:\r\n        block !important;\r\n\r\n      width:\r\n        100% !important;\r\n\r\n      max-width:\r\n        none !important;\r\n\r\n      height:\r\n        100% !important;\r\n\r\n      object-fit:\r\n        cover !important;\r\n\r\n      object-position:\r\n        center center !important;\r\n    }\r\n\r\n    .zspbenefits__body {\r\n      position:\r\n        relative;\r\n\r\n      display:\r\n        flex;\r\n\r\n      flex:\r\n        1;\r\n\r\n      flex-direction:\r\n        column;\r\n\r\n      align-items:\r\n        center;\r\n\r\n      padding:\r\n        25px 27px 31px;\r\n\r\n      text-align:\r\n        center;\r\n    }\r\n\r\n    .zspbenefits__number {\r\n      min-width:\r\n        42px;\r\n\r\n      height:\r\n        29px;\r\n\r\n      display:\r\n        inline-flex;\r\n\r\n      align-items:\r\n        center;\r\n\r\n      justify-content:\r\n        center;\r\n\r\n      margin-bottom:\r\n        13px;\r\n\r\n      padding:\r\n        0 10px;\r\n\r\n      border-radius:\r\n        999px;\r\n\r\n      background:\r\n        rgba(194,162,47,.10);\r\n\r\n      color:\r\n        var(--gold);\r\n\r\n      font-size:\r\n        9px;\r\n\r\n      font-weight:\r\n        700;\r\n\r\n      letter-spacing:\r\n        .13em;\r\n    }\r\n\r\n    .zspbenefits__body h2 {\r\n      margin:\r\n        0 !important;\r\n\r\n      color:\r\n        var(--dark) !important;\r\n\r\n      font-size:\r\n        clamp(30px,2.15vw,40px);\r\n\r\n      font-weight:\r\n        400 !important;\r\n\r\n      line-height:\r\n        1.05 !important;\r\n\r\n      letter-spacing:\r\n        -.018em;\r\n\r\n      text-wrap:\r\n        balance;\r\n    }\r\n\r\n    .zspbenefits__line {\r\n      width:\r\n        44px;\r\n\r\n      height:\r\n        1px;\r\n\r\n      margin:\r\n        17px auto 17px;\r\n\r\n      background:\r\n        var(--gold);\r\n    }\r\n\r\n    .zspbenefits__body p {\r\n      margin:\r\n        0 !important;\r\n\r\n      color:\r\n        var(--muted);\r\n\r\n      font-size:\r\n        15px;\r\n\r\n      line-height:\r\n        1.64;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       REVEAL\r\n       ========================================================= *\/\r\n\r\n    .zspbenefits__reveal {\r\n      opacity:\r\n        0;\r\n\r\n      transform:\r\n        translateY(28px);\r\n\r\n      transition:\r\n        opacity .75s ease,\r\n        transform .9s\r\n        cubic-bezier(.2,.72,.2,1);\r\n    }\r\n\r\n    .zspbenefits__reveal.is-visible {\r\n      opacity:\r\n        1;\r\n\r\n      transform:\r\n        none;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       RESPONSIVE\r\n       ========================================================= *\/\r\n\r\n    @media (max-width:1366px) {\r\n\r\n      #zs-special-partner-benefits {\r\n        padding:\r\n          96px 40px 108px;\r\n      }\r\n\r\n    }\r\n\r\n    @media (max-width:1200px) {\r\n\r\n      #zs-special-partner-benefits {\r\n        padding:\r\n          90px 30px 102px;\r\n      }\r\n\r\n      .zspbenefits__grid {\r\n        gap:\r\n          18px;\r\n      }\r\n\r\n      .zspbenefits__body {\r\n        padding:\r\n          24px 22px 28px;\r\n      }\r\n\r\n    }\r\n\r\n    @media (max-width:1024px) {\r\n\r\n      #zs-special-partner-benefits {\r\n        padding:\r\n          82px 22px 94px;\r\n      }\r\n\r\n      .zspbenefits__grid {\r\n        grid-template-columns:\r\n          1fr;\r\n      }\r\n\r\n      .zspbenefits__card {\r\n        width:\r\n          min(100%,860px);\r\n\r\n        margin:\r\n          0 auto;\r\n\r\n        display:\r\n          grid;\r\n\r\n        grid-template-columns:\r\n          minmax(320px,.96fr)\r\n          minmax(0,1.04fr);\r\n\r\n        align-items:\r\n          stretch;\r\n      }\r\n\r\n      .zspbenefits__media {\r\n        min-height:\r\n          340px;\r\n\r\n        aspect-ratio:\r\n          auto;\r\n      }\r\n\r\n      .zspbenefits__body {\r\n        justify-content:\r\n          center;\r\n\r\n        padding:\r\n          36px;\r\n      }\r\n\r\n    }\r\n\r\n    @media (max-width:880px) {\r\n\r\n      #zs-special-partner-benefits {\r\n        padding:\r\n          76px 18px 86px;\r\n      }\r\n\r\n      .zspbenefits__card {\r\n        grid-template-columns:\r\n          1fr;\r\n      }\r\n\r\n      .zspbenefits__media {\r\n        min-height:\r\n          300px;\r\n\r\n        aspect-ratio:\r\n          1.5 \/ 1;\r\n      }\r\n\r\n    }\r\n\r\n    @media (max-width:767px) {\r\n\r\n      #zs-special-partner-benefits {\r\n        padding:\r\n          68px 12px 76px;\r\n      }\r\n\r\n      .zspbenefits__card {\r\n        border-radius:\r\n          20px;\r\n      }\r\n\r\n      .zspbenefits__media {\r\n        min-height:\r\n          245px;\r\n\r\n        margin:\r\n          6px;\r\n\r\n        border-radius:\r\n          14px;\r\n      }\r\n\r\n      .zspbenefits__body {\r\n        padding:\r\n          24px 20px 28px;\r\n      }\r\n\r\n      .zspbenefits__body h2 {\r\n        font-size:\r\n          clamp(31px,8.5vw,40px);\r\n      }\r\n\r\n      .zspbenefits__body p {\r\n        font-size:\r\n          15px;\r\n\r\n        line-height:\r\n          1.62;\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       REDUCED MOTION\r\n       ========================================================= *\/\r\n\r\n    @media (prefers-reduced-motion:reduce) {\r\n\r\n      #zs-special-partner-benefits *,\r\n      #zs-special-partner-benefits *::before,\r\n      #zs-special-partner-benefits *::after {\r\n        animation:\r\n          none !important;\r\n\r\n        transition:\r\n          none !important;\r\n      }\r\n\r\n      .zspbenefits__reveal {\r\n        opacity:\r\n          1 !important;\r\n\r\n        transform:\r\n          none !important;\r\n      }\r\n\r\n    }\r\n\r\n  <\/style>\r\n\r\n\r\n  <script>\r\n  (() => {\r\n\r\n    const root =\r\n      document.getElementById(\r\n        'zs-special-partner-benefits'\r\n      );\r\n\r\n    if (\r\n      !root ||\r\n      root.dataset.ready === '1'\r\n    ) {\r\n      return;\r\n    }\r\n\r\n    root.dataset.ready =\r\n      '1';\r\n\r\n    const items =\r\n      root.querySelectorAll(\r\n        '.zspbenefits__reveal'\r\n      );\r\n\r\n    if (\r\n      !(\r\n        'IntersectionObserver'\r\n        in window\r\n      )\r\n    ) {\r\n\r\n      items.forEach(\r\n        item =>\r\n          item.classList.add(\r\n            'is-visible'\r\n          )\r\n      );\r\n\r\n      return;\r\n    }\r\n\r\n    const observer =\r\n      new IntersectionObserver(\r\n        entries => {\r\n\r\n          entries.forEach(\r\n            entry => {\r\n\r\n              if (\r\n                !entry.isIntersecting\r\n              ) {\r\n                return;\r\n              }\r\n\r\n              entry.target.classList.add(\r\n                'is-visible'\r\n              );\r\n\r\n              observer.unobserve(\r\n                entry.target\r\n              );\r\n\r\n            }\r\n          );\r\n\r\n        },\r\n        {\r\n          threshold:\r\n            .10,\r\n\r\n          rootMargin:\r\n            '0px 0px -6% 0px'\r\n        }\r\n      );\r\n\r\n    items.forEach(\r\n      item =>\r\n        observer.observe(\r\n          item\r\n        )\r\n    );\r\n\r\n  })();\r\n  <\/script>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d5996a1 e-con-full e-flex e-con e-parent\" data-id=\"d5996a1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-be9233c elementor-widget elementor-widget-html\" data-id=\"be9233c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ZALA SPRINGS MAIN \u2014 K\u00dcL\u00d6NLEGES LEHET\u0150S\u00c9GEK \/ A SIKER K\u00d6Z\u00d6S -->\r\n<section\r\n  id=\"zs-special-success-gallery\"\r\n  class=\"zs-main zssuccessgallery\"\r\n  aria-labelledby=\"zssuccessgallery-title\"\r\n>\r\n  <div class=\"zssuccessgallery__inner\">\r\n\r\n    <header class=\"zssuccessgallery__header zssuccessgallery__reveal\">\r\n      <div class=\"zssuccessgallery__eyebrow\">\r\n        PARTNERI EGY\u00dcTTM\u0170K\u00d6D\u00c9S\r\n      <\/div>\r\n\r\n      <h2 id=\"zssuccessgallery-title\">\r\n        A siker k\u00f6z\u00f6s\r\n      <\/h2>\r\n\r\n      <div class=\"zssuccessgallery__header-line\"><\/div>\r\n\r\n      <p class=\"zssuccessgallery__header-copy\">\r\n        A Zala Springs-ben hissz\u00fck, hogy er\u0151s, k\u00f6lcs\u00f6n\u00f6sen el\u0151ny\u00f6s kapcsolatokat\r\n        \u00e9p\u00edt\u00fcnk ingatlanpartnereinkkel. Az egy\u00fcttm\u0171k\u00f6d\u00e9s \u00e1ltal nemcsak Eur\u00f3pa\r\n        legkiv\u00e1l\u00f3bb ingatlanjait k\u00edn\u00e1lhatja \u00fcgyfeleinek, hanem meger\u0151s\u00edtheti\r\n        h\u00edrnev\u00e9t is, mint a pr\u00e9mium ingatlanlehet\u0151s\u00e9gek megb\u00edzhat\u00f3 forr\u00e1sa.\r\n      <\/p>\r\n    <\/header>\r\n\r\n\r\n    <div class=\"zssuccessgallery__grid\">\r\n\r\n      <!-- GALLERY -->\r\n      <div class=\"zssuccessgallery__gallery zssuccessgallery__reveal\">\r\n        <div\r\n          class=\"zssuccessgallery__gallery-frame\"\r\n          tabindex=\"0\"\r\n          aria-label=\"Zala Springs partneri egy\u00fcttm\u0171k\u00f6d\u00e9s gal\u00e9ria\"\r\n        >\r\n          <div class=\"zssuccessgallery__track\">\r\n\r\n            <figure class=\"zssuccessgallery__slide is-active\">\r\n              <img\r\n                src=\"\/wp-content\/uploads\/2026\/09\/join-2.jpg\"\r\n                alt=\"Zala Springs partneri egy\u00fcttm\u0171k\u00f6d\u00e9s enteri\u0151r\"\r\n                loading=\"eager\"\r\n                decoding=\"async\"\r\n              >\r\n            <\/figure>\r\n\r\n            <figure class=\"zssuccessgallery__slide\">\r\n              <img\r\n                src=\"\/wp-content\/uploads\/2026\/09\/lifestyle-2.jpg\"\r\n                alt=\"Zala Springs lifestyle\"\r\n                loading=\"lazy\"\r\n                decoding=\"async\"\r\n              >\r\n            <\/figure>\r\n\r\n            <figure class=\"zssuccessgallery__slide\">\r\n              <img\r\n                src=\"\/wp-content\/uploads\/2026\/09\/ingatlan-2.jpg\"\r\n                alt=\"Zala Springs pr\u00e9mium ingatlan\"\r\n                loading=\"lazy\"\r\n                decoding=\"async\"\r\n              >\r\n            <\/figure>\r\n\r\n            <figure class=\"zssuccessgallery__slide\">\r\n              <img\r\n                src=\"\/wp-content\/uploads\/2026\/09\/join-1.jpg\"\r\n                alt=\"Zala Springs partneri egy\u00fcttm\u0171k\u00f6d\u00e9s\"\r\n                loading=\"lazy\"\r\n                decoding=\"async\"\r\n              >\r\n            <\/figure>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"zssuccessgallery__counter\" aria-hidden=\"true\">\r\n            <span class=\"zssuccessgallery__current\">01<\/span>\r\n            <i><\/i>\r\n            <span class=\"zssuccessgallery__total\">04<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"zssuccessgallery__controls\">\r\n            <button\r\n              class=\"zssuccessgallery__arrow zssuccessgallery__arrow--prev\"\r\n              type=\"button\"\r\n              aria-label=\"El\u0151z\u0151 k\u00e9p\"\r\n            >\r\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <path d=\"M15 5l-7 7 7 7\"><\/path>\r\n              <\/svg>\r\n            <\/button>\r\n\r\n            <button\r\n              class=\"zssuccessgallery__arrow zssuccessgallery__arrow--next\"\r\n              type=\"button\"\r\n              aria-label=\"K\u00f6vetkez\u0151 k\u00e9p\"\r\n            >\r\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <path d=\"M9 5l7 7-7 7\"><\/path>\r\n              <\/svg>\r\n            <\/button>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div\r\n          class=\"zssuccessgallery__dots\"\r\n          role=\"tablist\"\r\n          aria-label=\"Gal\u00e9ria\"\r\n        ><\/div>\r\n      <\/div>\r\n\r\n\r\n      <!-- CONTENT -->\r\n      <article class=\"zssuccessgallery__content zssuccessgallery__reveal\">\r\n\r\n        <div class=\"zssuccessgallery__content-eyebrow\">\r\n          ZALA SPRINGS RESIDENCES\r\n        <\/div>\r\n\r\n        <h3>\r\n          Legyen a partner\u00fcnk ma\r\n        <\/h3>\r\n\r\n        <div class=\"zssuccessgallery__gold-line\"><\/div>\r\n\r\n        <p>\r\n          K\u00e9sz b\u0151v\u00edteni ingatlanportf\u00f3li\u00f3j\u00e1t exkluz\u00edv luxusingatlanokkal \u00e9s\r\n          vonz\u00f3 jutal\u00e9kokat keresni? Vegye fel vel\u00fcnk a kapcsolatot m\u00e9g ma,\r\n          hogy felfedezze a partners\u00e9g r\u00e9szleteit, hogy \u00fcgyfelei min\u00e9l\r\n          hamarabb \u00e9rtes\u00fcljenek err\u0151l az egyed\u00fcl\u00e1ll\u00f3 lehet\u0151s\u00e9gr\u0151l.\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n\r\n  <style>\r\n    #zs-special-success-gallery,\r\n    #zs-special-success-gallery *,\r\n    #zs-special-success-gallery *::before,\r\n    #zs-special-success-gallery *::after {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    #zs-special-success-gallery {\r\n      --gold: var(--zs-brand-gold, #c2a22f);\r\n      --dark: var(--zs-brand-midnight, #26352c);\r\n      --forest: var(--zs-brand-forest, #394a40);\r\n      --muted: var(--zs-text-soft, #68716c);\r\n\r\n      width: 100%;\r\n\r\n      padding:\r\n        clamp(92px,8vw,138px)\r\n        clamp(20px,4vw,64px);\r\n\r\n      overflow: hidden;\r\n\r\n      background:\r\n        linear-gradient(\r\n          180deg,\r\n          #fbfaf7,\r\n          #f6f3ec\r\n        );\r\n\r\n      color: var(--dark);\r\n\r\n      font-family:\r\n        \"Brandon book\",\r\n        \"Brandon Grotesque\",\r\n        Arial,\r\n        Helvetica,\r\n        sans-serif !important;\r\n    }\r\n\r\n    #zs-special-success-gallery * {\r\n      font-family:\r\n        \"Brandon book\",\r\n        \"Brandon Grotesque\",\r\n        Arial,\r\n        Helvetica,\r\n        sans-serif !important;\r\n    }\r\n\r\n    #zs-special-success-gallery a {\r\n      text-decoration: none;\r\n    }\r\n\r\n    #zs-special-success-gallery button {\r\n      font: inherit;\r\n    }\r\n\r\n    .zssuccessgallery__inner {\r\n      width: min(100%,1480px);\r\n      margin: 0 auto;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       HEADER\r\n       ========================================================= *\/\r\n\r\n    .zssuccessgallery__header {\r\n      width: min(100%,1100px);\r\n\r\n      margin:\r\n        0 auto clamp(50px,5vw,76px);\r\n\r\n      text-align: center;\r\n    }\r\n\r\n    .zssuccessgallery__eyebrow {\r\n      margin-bottom: 13px;\r\n\r\n      color: var(--gold);\r\n\r\n      font-size: 10px;\r\n      font-weight: 700;\r\n\r\n      letter-spacing: .20em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .zssuccessgallery__header h2 {\r\n      margin: 0 !important;\r\n\r\n      color: var(--dark) !important;\r\n\r\n      font-size:\r\n        clamp(42px,4vw,66px);\r\n\r\n      font-weight:\r\n        400 !important;\r\n\r\n      line-height:\r\n        1.04 !important;\r\n\r\n      letter-spacing:\r\n        -.025em;\r\n\r\n      text-wrap: balance;\r\n    }\r\n\r\n    .zssuccessgallery__header-line {\r\n      width: 58px;\r\n      height: 1px;\r\n\r\n      margin: 26px auto 0;\r\n\r\n      background: var(--gold);\r\n    }\r\n\r\n    .zssuccessgallery__header-copy {\r\n      width: min(100%,1040px);\r\n\r\n      margin: 26px auto 0 !important;\r\n\r\n      color: var(--muted);\r\n\r\n      font-size:\r\n        clamp(16px,1.2vw,20px);\r\n\r\n      line-height: 1.7;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       GRID\r\n       ========================================================= *\/\r\n\r\n    .zssuccessgallery__grid {\r\n      display: grid;\r\n\r\n      grid-template-columns:\r\n        minmax(0,1.12fr)\r\n        minmax(390px,.88fr);\r\n\r\n      gap:\r\n        clamp(58px,7vw,112px);\r\n\r\n      align-items: center;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       GALLERY\r\n       ========================================================= *\/\r\n\r\n    .zssuccessgallery__gallery {\r\n      min-width: 0;\r\n    }\r\n\r\n    .zssuccessgallery__gallery-frame {\r\n      position: relative;\r\n\r\n      width: 100%;\r\n      aspect-ratio: 1.48 \/ 1;\r\n\r\n      overflow: hidden;\r\n\r\n      padding: 8px;\r\n\r\n      border:\r\n        1px solid rgba(194,162,47,.22);\r\n\r\n      border-radius: 28px;\r\n\r\n      background:\r\n        rgba(255,255,255,.84);\r\n\r\n      box-shadow:\r\n        0 26px 75px rgba(38,53,44,.10);\r\n\r\n      outline: none;\r\n    }\r\n\r\n    .zssuccessgallery__gallery-frame:focus-visible {\r\n      box-shadow:\r\n        0 0 0 3px rgba(194,162,47,.24),\r\n        0 26px 75px rgba(38,53,44,.10);\r\n    }\r\n\r\n    .zssuccessgallery__track {\r\n      position: relative;\r\n\r\n      width: 100%;\r\n      height: 100%;\r\n\r\n      overflow: hidden;\r\n\r\n      border-radius: 20px;\r\n\r\n      background: #e8e7e2;\r\n    }\r\n\r\n    .zssuccessgallery__slide {\r\n      position: absolute;\r\n\r\n      inset: 0;\r\n\r\n      margin: 0;\r\n\r\n      opacity: 0;\r\n      visibility: hidden;\r\n\r\n      transform: scale(1.035);\r\n\r\n      transition:\r\n        opacity .65s ease,\r\n        visibility .65s ease,\r\n        transform 1.05s cubic-bezier(.2,.72,.2,1);\r\n    }\r\n\r\n    .zssuccessgallery__slide.is-active {\r\n      opacity: 1;\r\n      visibility: visible;\r\n\r\n      transform: scale(1);\r\n    }\r\n\r\n    .zssuccessgallery__slide img {\r\n      display: block;\r\n\r\n      width: 100% !important;\r\n      max-width: none !important;\r\n      height: 100% !important;\r\n\r\n      object-fit: cover !important;\r\n      object-position: center center !important;\r\n    }\r\n\r\n    .zssuccessgallery__gallery-frame::after {\r\n      content: \"\";\r\n\r\n      position: absolute;\r\n\r\n      inset: 8px;\r\n\r\n      z-index: 2;\r\n\r\n      border-radius: 20px;\r\n\r\n      background:\r\n        linear-gradient(\r\n          180deg,\r\n          transparent 62%,\r\n          rgba(16,31,23,.26)\r\n        );\r\n\r\n      pointer-events: none;\r\n    }\r\n\r\n    .zssuccessgallery__counter {\r\n      position: absolute;\r\n\r\n      z-index: 4;\r\n\r\n      left: 31px;\r\n      bottom: 29px;\r\n\r\n      display: flex;\r\n      align-items: center;\r\n\r\n      gap: 10px;\r\n\r\n      color:\r\n        rgba(255,255,255,.88);\r\n\r\n      font-size: 10px;\r\n      font-weight: 600;\r\n\r\n      letter-spacing: .16em;\r\n    }\r\n\r\n    .zssuccessgallery__counter i {\r\n      width: 34px;\r\n      height: 1px;\r\n\r\n      background:\r\n        rgba(194,162,47,.92);\r\n    }\r\n\r\n    .zssuccessgallery__controls {\r\n      position: absolute;\r\n\r\n      z-index: 5;\r\n\r\n      right: 27px;\r\n      bottom: 24px;\r\n\r\n      display: flex;\r\n\r\n      gap: 8px;\r\n    }\r\n\r\n    .zssuccessgallery__arrow {\r\n      width: 46px;\r\n      height: 46px;\r\n\r\n      display: grid;\r\n      place-items: center;\r\n\r\n      padding: 0;\r\n\r\n      border:\r\n        1px solid rgba(255,255,255,.5) !important;\r\n\r\n      border-radius: 50% !important;\r\n\r\n      background:\r\n        rgba(255,255,255,.93) !important;\r\n\r\n      color:\r\n        var(--dark) !important;\r\n\r\n      cursor: pointer;\r\n      appearance: none;\r\n\r\n      box-shadow:\r\n        0 8px 24px rgba(14,28,20,.14);\r\n\r\n      transition: .25s ease;\r\n    }\r\n\r\n    .zssuccessgallery__arrow svg {\r\n      width: 18px;\r\n      height: 18px;\r\n\r\n      fill: none;\r\n      stroke: currentColor;\r\n\r\n      stroke-width: 1.8;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n    }\r\n\r\n    .zssuccessgallery__dots {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n\r\n      gap: 8px;\r\n\r\n      margin-top: 20px;\r\n    }\r\n\r\n    .zssuccessgallery__dot {\r\n      width: 7px;\r\n      height: 7px;\r\n\r\n      padding: 0;\r\n\r\n      border: 0 !important;\r\n      border-radius: 50% !important;\r\n\r\n      background:\r\n        rgba(38,53,44,.20) !important;\r\n\r\n      cursor: pointer;\r\n      appearance: none;\r\n\r\n      transition: .3s ease;\r\n    }\r\n\r\n    .zssuccessgallery__dot.is-active {\r\n      width: 27px;\r\n\r\n      border-radius: 999px !important;\r\n\r\n      background:\r\n        var(--gold) !important;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       CONTENT\r\n       ========================================================= *\/\r\n\r\n    .zssuccessgallery__content {\r\n      max-width: 620px;\r\n    }\r\n\r\n    .zssuccessgallery__content-eyebrow {\r\n      margin-bottom: 13px;\r\n\r\n      color: var(--gold);\r\n\r\n      font-size: 10px;\r\n      font-weight: 700;\r\n\r\n      letter-spacing: .20em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .zssuccessgallery__content h3 {\r\n      margin: 0 !important;\r\n\r\n      color:\r\n        var(--dark) !important;\r\n\r\n      font-size:\r\n        clamp(34px,3vw,52px);\r\n\r\n      font-weight:\r\n        400 !important;\r\n\r\n      line-height:\r\n        1.07 !important;\r\n\r\n      letter-spacing:\r\n        -.02em;\r\n\r\n      text-wrap: balance;\r\n    }\r\n\r\n    .zssuccessgallery__gold-line {\r\n      width: 56px;\r\n      height: 1px;\r\n\r\n      margin:\r\n        25px 0 27px;\r\n\r\n      background:\r\n        var(--gold);\r\n    }\r\n\r\n    .zssuccessgallery__content p {\r\n      margin: 0 !important;\r\n\r\n      color:\r\n        var(--muted);\r\n\r\n      font-size:\r\n        clamp(16px,1.06vw,18px);\r\n\r\n      line-height:\r\n        1.72;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       CTA\r\n       ========================================================= *\/\r\n\r\n    .zssuccessgallery__cta {\r\n      min-height: 56px;\r\n\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n\r\n      gap: 15px;\r\n\r\n      margin-top: 28px;\r\n\r\n      padding:\r\n        7px 7px 7px 22px;\r\n\r\n      border:\r\n        1px solid var(--gold);\r\n\r\n      border-radius: 999px;\r\n\r\n      background: var(--gold);\r\n\r\n      color:\r\n        var(--dark) !important;\r\n\r\n      box-shadow:\r\n        0 12px 30px rgba(194,162,47,.18);\r\n\r\n      font-size: 12px;\r\n      font-weight: 700;\r\n\r\n      letter-spacing: .02em;\r\n\r\n      transition:\r\n        transform .3s ease,\r\n        background-color .3s ease,\r\n        box-shadow .3s ease;\r\n    }\r\n\r\n    .zssuccessgallery__cta-icon {\r\n      width: 40px;\r\n      height: 40px;\r\n\r\n      flex: 0 0 40px;\r\n\r\n      display: grid;\r\n      place-items: center;\r\n\r\n      border-radius: 50%;\r\n\r\n      background:\r\n        rgba(38,53,44,.10);\r\n    }\r\n\r\n    .zssuccessgallery__cta svg {\r\n      width: 16px;\r\n      height: 16px;\r\n\r\n      fill: none;\r\n      stroke: currentColor;\r\n\r\n      stroke-width: 1.7;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n\r\n      transition:\r\n        transform .3s ease;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       REVEAL\r\n       ========================================================= *\/\r\n\r\n    .zssuccessgallery__reveal {\r\n      opacity: 0;\r\n\r\n      transform:\r\n        translateY(30px);\r\n\r\n      transition:\r\n        opacity .8s ease,\r\n        transform .95s cubic-bezier(.2,.72,.2,1);\r\n    }\r\n\r\n    .zssuccessgallery__reveal.is-visible {\r\n      opacity: 1;\r\n      transform: none;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       HOVER\r\n       ========================================================= *\/\r\n\r\n    @media (hover:hover) and (pointer:fine) {\r\n\r\n      .zssuccessgallery__arrow:hover {\r\n        transform:\r\n          translateY(-2px);\r\n\r\n        background:\r\n          var(--gold) !important;\r\n\r\n        border-color:\r\n          var(--gold) !important;\r\n\r\n        color:\r\n          #fff !important;\r\n      }\r\n\r\n      .zssuccessgallery__cta:hover {\r\n        transform:\r\n          translateY(-2px);\r\n\r\n        background:\r\n          #ceb03f;\r\n\r\n        box-shadow:\r\n          0 16px 36px rgba(194,162,47,.24);\r\n      }\r\n\r\n      .zssuccessgallery__cta:hover svg {\r\n        transform:\r\n          translateY(3px);\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       RESPONSIVE\r\n       ========================================================= *\/\r\n\r\n    @media (max-width:1366px) {\r\n\r\n      #zs-special-success-gallery {\r\n        padding:\r\n          104px 40px;\r\n      }\r\n\r\n    }\r\n\r\n    @media (max-width:1200px) {\r\n\r\n      #zs-special-success-gallery {\r\n        padding:\r\n          96px 32px;\r\n      }\r\n\r\n      .zssuccessgallery__grid {\r\n        gap:\r\n          60px;\r\n      }\r\n\r\n    }\r\n\r\n    @media (max-width:1024px) {\r\n\r\n      #zs-special-success-gallery {\r\n        padding:\r\n          86px 24px;\r\n      }\r\n\r\n      .zssuccessgallery__grid {\r\n        display: flex;\r\n        flex-direction: column;\r\n\r\n        gap:\r\n          48px;\r\n      }\r\n\r\n      .zssuccessgallery__gallery {\r\n        order: 1;\r\n\r\n        width:\r\n          min(100%,850px);\r\n      }\r\n\r\n      .zssuccessgallery__content {\r\n        order: 2;\r\n\r\n        width:\r\n          min(100%,850px);\r\n\r\n        max-width: none;\r\n      }\r\n\r\n    }\r\n\r\n    @media (max-width:880px) {\r\n\r\n      .zssuccessgallery__gallery-frame {\r\n        border-radius:\r\n          22px;\r\n      }\r\n\r\n      .zssuccessgallery__track,\r\n      .zssuccessgallery__gallery-frame::after {\r\n        border-radius:\r\n          15px;\r\n      }\r\n\r\n    }\r\n\r\n    @media (max-width:767px) {\r\n\r\n      #zs-special-success-gallery {\r\n        padding:\r\n          68px 14px;\r\n      }\r\n\r\n      .zssuccessgallery__header {\r\n        margin-bottom:\r\n          40px;\r\n      }\r\n\r\n      .zssuccessgallery__header h2 {\r\n        font-size:\r\n          clamp(36px,9.4vw,48px);\r\n      }\r\n\r\n      .zssuccessgallery__grid {\r\n        gap:\r\n          35px;\r\n      }\r\n\r\n      .zssuccessgallery__content h3 {\r\n        font-size:\r\n          clamp(32px,8.7vw,44px);\r\n      }\r\n\r\n      .zssuccessgallery__gallery-frame {\r\n        aspect-ratio:\r\n          1.12 \/ 1;\r\n\r\n        padding:\r\n          6px;\r\n\r\n        border-radius:\r\n          20px;\r\n      }\r\n\r\n      .zssuccessgallery__track {\r\n        border-radius:\r\n          14px;\r\n      }\r\n\r\n      .zssuccessgallery__gallery-frame::after {\r\n        inset:\r\n          6px;\r\n\r\n        border-radius:\r\n          14px;\r\n      }\r\n\r\n      .zssuccessgallery__counter {\r\n        left:\r\n          21px;\r\n\r\n        bottom:\r\n          22px;\r\n      }\r\n\r\n      .zssuccessgallery__controls {\r\n        right:\r\n          18px;\r\n\r\n        bottom:\r\n          16px;\r\n      }\r\n\r\n      .zssuccessgallery__arrow {\r\n        width:\r\n          42px;\r\n\r\n        height:\r\n          42px;\r\n      }\r\n\r\n      .zssuccessgallery__dots {\r\n        margin-top:\r\n          15px;\r\n      }\r\n\r\n      .zssuccessgallery__content p {\r\n        font-size:\r\n          15px;\r\n      }\r\n\r\n      .zssuccessgallery__cta {\r\n        width: 100%;\r\n\r\n        justify-content:\r\n          space-between;\r\n      }\r\n\r\n    }\r\n\r\n    @media (max-width:480px) {\r\n\r\n      .zssuccessgallery__gallery-frame {\r\n        aspect-ratio:\r\n          .98 \/ 1;\r\n      }\r\n\r\n    }\r\n\r\n    @media (prefers-reduced-motion:reduce) {\r\n\r\n      .zssuccessgallery__reveal,\r\n      .zssuccessgallery__slide,\r\n      .zssuccessgallery__arrow,\r\n      .zssuccessgallery__dot,\r\n      .zssuccessgallery__cta,\r\n      .zssuccessgallery__cta svg {\r\n        transition:\r\n          none !important;\r\n      }\r\n\r\n      .zssuccessgallery__reveal {\r\n        opacity:\r\n          1 !important;\r\n\r\n        transform:\r\n          none !important;\r\n      }\r\n\r\n    }\r\n\r\n  <\/style>\r\n\r\n\r\n  <script>\r\n  (() => {\r\n\r\n    const root =\r\n      document.getElementById(\r\n        'zs-special-success-gallery'\r\n      );\r\n\r\n    if (\r\n      !root ||\r\n      root.dataset.ready === '1'\r\n    ) {\r\n      return;\r\n    }\r\n\r\n    root.dataset.ready =\r\n      '1';\r\n\r\n    const slides = [\r\n      ...root.querySelectorAll(\r\n        '.zssuccessgallery__slide'\r\n      )\r\n    ];\r\n\r\n    const dotsWrap =\r\n      root.querySelector(\r\n        '.zssuccessgallery__dots'\r\n      );\r\n\r\n    const prev =\r\n      root.querySelector(\r\n        '.zssuccessgallery__arrow--prev'\r\n      );\r\n\r\n    const next =\r\n      root.querySelector(\r\n        '.zssuccessgallery__arrow--next'\r\n      );\r\n\r\n    const current =\r\n      root.querySelector(\r\n        '.zssuccessgallery__current'\r\n      );\r\n\r\n    const total =\r\n      root.querySelector(\r\n        '.zssuccessgallery__total'\r\n      );\r\n\r\n    const frame =\r\n      root.querySelector(\r\n        '.zssuccessgallery__gallery-frame'\r\n      );\r\n\r\n    if (!slides.length) {\r\n      return;\r\n    }\r\n\r\n    let index = 0;\r\n    let startX = 0;\r\n    let endX = 0;\r\n\r\n    total.textContent =\r\n      String(slides.length)\r\n        .padStart(2,'0');\r\n\r\n\r\n    slides.forEach(\r\n      (slide,i) => {\r\n\r\n        const dot =\r\n          document.createElement(\r\n            'button'\r\n          );\r\n\r\n        dot.type =\r\n          'button';\r\n\r\n        dot.className =\r\n          'zssuccessgallery__dot' +\r\n          (\r\n            i === 0\r\n              ? ' is-active'\r\n              : ''\r\n          );\r\n\r\n        dot.setAttribute(\r\n          'aria-label',\r\n          (i + 1) + '. k\u00e9p'\r\n        );\r\n\r\n        dot.addEventListener(\r\n          'click',\r\n          () =>\r\n            show(i)\r\n        );\r\n\r\n        dotsWrap.appendChild(\r\n          dot\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n\r\n    const dots = [\r\n      ...dotsWrap.querySelectorAll(\r\n        '.zssuccessgallery__dot'\r\n      )\r\n    ];\r\n\r\n\r\n    function show(nextIndex) {\r\n\r\n      index =\r\n        (\r\n          nextIndex +\r\n          slides.length\r\n        ) %\r\n        slides.length;\r\n\r\n      slides.forEach(\r\n        (slide,i) =>\r\n          slide.classList.toggle(\r\n            'is-active',\r\n            i === index\r\n          )\r\n      );\r\n\r\n      dots.forEach(\r\n        (dot,i) =>\r\n          dot.classList.toggle(\r\n            'is-active',\r\n            i === index\r\n          )\r\n      );\r\n\r\n      current.textContent =\r\n        String(index + 1)\r\n          .padStart(2,'0');\r\n\r\n    }\r\n\r\n\r\n    prev.addEventListener(\r\n      'click',\r\n      () =>\r\n        show(index - 1)\r\n    );\r\n\r\n    next.addEventListener(\r\n      'click',\r\n      () =>\r\n        show(index + 1)\r\n    );\r\n\r\n\r\n    frame.addEventListener(\r\n      'keydown',\r\n      event => {\r\n\r\n        if (\r\n          event.key ===\r\n          'ArrowLeft'\r\n        ) {\r\n          show(index - 1);\r\n        }\r\n\r\n        if (\r\n          event.key ===\r\n          'ArrowRight'\r\n        ) {\r\n          show(index + 1);\r\n        }\r\n\r\n      }\r\n    );\r\n\r\n\r\n    frame.addEventListener(\r\n      'touchstart',\r\n      event => {\r\n\r\n        startX =\r\n          event.changedTouches[0]\r\n            .screenX;\r\n\r\n      },\r\n      {\r\n        passive: true\r\n      }\r\n    );\r\n\r\n\r\n    frame.addEventListener(\r\n      'touchend',\r\n      event => {\r\n\r\n        endX =\r\n          event.changedTouches[0]\r\n            .screenX;\r\n\r\n        const delta =\r\n          endX -\r\n          startX;\r\n\r\n        if (\r\n          Math.abs(delta) >=\r\n          45\r\n        ) {\r\n\r\n          show(\r\n            delta < 0\r\n              ? index + 1\r\n              : index - 1\r\n          );\r\n\r\n        }\r\n\r\n      },\r\n      {\r\n        passive: true\r\n      }\r\n    );\r\n\r\n\r\n    show(0);\r\n\r\n\r\n    const reveal =\r\n      root.querySelectorAll(\r\n        '.zssuccessgallery__reveal'\r\n      );\r\n\r\n    if (\r\n      !(\r\n        'IntersectionObserver'\r\n        in window\r\n      )\r\n    ) {\r\n\r\n      reveal.forEach(\r\n        element =>\r\n          element.classList.add(\r\n            'is-visible'\r\n          )\r\n      );\r\n\r\n      return;\r\n    }\r\n\r\n    const observer =\r\n      new IntersectionObserver(\r\n        entries => {\r\n\r\n          entries.forEach(\r\n            entry => {\r\n\r\n              if (\r\n                !entry.isIntersecting\r\n              ) {\r\n                return;\r\n              }\r\n\r\n              entry.target.classList.add(\r\n                'is-visible'\r\n              );\r\n\r\n              observer.unobserve(\r\n                entry.target\r\n              );\r\n\r\n            }\r\n          );\r\n\r\n        },\r\n        {\r\n          threshold:\r\n            .12,\r\n\r\n          rootMargin:\r\n            '0px 0px -6% 0px'\r\n        }\r\n      );\r\n\r\n    reveal.forEach(\r\n      element =>\r\n        observer.observe(\r\n          element\r\n        )\r\n    );\r\n\r\n  })();\r\n  <\/script>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d0d5e70 e-con-full e-flex e-con e-parent\" data-id=\"d0d5e70\" data-element_type=\"container\" data-e-type=\"container\" id=\"inquiry\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2f9c689 elementor-widget elementor-widget-shortcode\" data-id=\"2f9c689\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style id=\"zs-managed-form-heading-css\">.zs-managed-form-intro{width:min(100%,960px);margin:0 auto clamp(28px,4vw,46px);text-align:center;color:var(--zs-text,#26312b);font-family:\"Brandon book\",Arial,Helvetica,sans-serif}.zs-managed-form-title{margin:0;color:var(--zs-brand-midnight,#26352c);font-family:\"Brandon book\",Arial,Helvetica,sans-serif!important;font-size:clamp(34px,4vw,54px);font-weight:400;line-height:1.08;letter-spacing:-.018em}.zs-managed-form-title::after{content:\"\";display:block;width:58px;height:2px;margin:18px auto 0;border-radius:999px;background:var(--zs-brand-gold,#c2a22f)}.zs-managed-form-lead{max-width:760px;margin:18px auto 0;color:var(--zs-text-soft,#68716c);font-family:\"Brandon book\",Arial,Helvetica,sans-serif!important;font-size:clamp(17px,1.6vw,20px);font-weight:400;line-height:1.65}.zs-managed-form-lead p{margin:0 0 .75em}.zs-managed-form-lead p:last-child{margin-bottom:0}@media(max-width:767px){.zs-managed-form-intro{margin-bottom:28px}.zs-managed-form-title{font-size:clamp(30px,9vw,40px)}.zs-managed-form-lead{font-size:17px;line-height:1.55}}<\/style><link rel=\"stylesheet\" href=\"https:\/\/r3.minicrm.hu\/api\/minicrm.css\"><style id=\"zs-managed-forms-css\">\/*\n * Zala Springs managed forms \u2014 central frontend design\n * MAIN canonical UI aligned version \u2014 alignment refinement.\n * Typography: Brandon book (canonical custom MAIN font)\n * Breakpoints: 1366 \/ 1200 \/ 1024 \/ 880 \/ 767\n *\/\n\n\/* Full-width visual stage around managed forms. *\/\n.zs-managed-form-stage {\n    width: 100%;\n    margin: 0;\n    padding: clamp(48px, 6vw, 88px) clamp(20px, 4vw, 48px);\n    background: var(--zs-bg, #f5f3ed);\n}\n\n.zs-managed-form-stage .zs-managed-form {\n    margin-top: 0;\n    margin-bottom: 0;\n}\n\n.zs-managed-form {\n    --zsf-deep: var(--zs-brand-midnight, #26352c);\n    --zsf-forest: var(--zs-brand-forest, #394a40);\n    --zsf-viridian: var(--zs-brand-viridian, #6b887c);\n    --zsf-gold: var(--zs-brand-gold, #c2a22f);\n    --zsf-gold-soft: var(--zs-gold-100, #f4eed3);\n    --zsf-bg: var(--zs-bg, #f5f3ed);\n    --zsf-surface: var(--zs-surface, #fbfaf7);\n    --zsf-white: var(--zs-surface-2, #ffffff);\n    --zsf-text: var(--zs-text, #26312b);\n    --zsf-muted: var(--zs-text-soft, #68716c);\n    --zsf-line: var(--zs-line, rgba(38, 53, 44, .12));\n    --zsf-line-strong: var(--zs-line-strong, rgba(38, 53, 44, .22));\n    --zsf-danger: var(--zs-danger, #dc4026);\n    --zsf-radius-sm: var(--zs-radius-sm, 12px);\n    --zsf-radius-md: var(--zs-radius-md, 18px);\n    --zsf-radius-lg: var(--zs-radius-lg, 28px);\n    --zsf-pill: var(--zs-radius-pill, 999px);\n    --zsf-shadow: var(--zs-shadow-md, 0 20px 54px rgba(38, 53, 44, .13));\n\n    position: relative;\n    isolation: isolate;\n    width: min(100%, 1080px);\n    margin: clamp(22px, 4vw, 52px) auto;\n    padding: clamp(32px, 4.5vw, 64px);\n    overflow: hidden;\n    border: 1px solid var(--zsf-line);\n    border-radius: var(--zsf-radius-lg);\n    background:\n        radial-gradient(circle at 100% 0%, rgba(194,162,47,.10), transparent 34%),\n        linear-gradient(180deg, var(--zsf-white) 0%, var(--zsf-surface) 100%);\n    color: var(--zsf-text);\n    box-shadow: var(--zsf-shadow);\n    font-family: \"Brandon book\", Arial, Helvetica, sans-serif !important;\n    font-size: 16px;\n    line-height: 1.55;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n}\n\n.zs-managed-form::before {\n    content: \"\";\n    position: absolute;\n    z-index: 2;\n    top: 0;\n    left: clamp(32px, 4.5vw, 64px);\n    width: clamp(72px, 8vw, 118px);\n    height: 3px;\n    border-radius: 0 0 999px 999px;\n    background: var(--zsf-gold);\n}\n\n.zs-managed-form *,\n.zs-managed-form *::before,\n.zs-managed-form *::after {\n    box-sizing: border-box;\n    font-family: \"Brandon book\", Arial, Helvetica, sans-serif !important;\n}\n\n.zs-managed-form .TurnKeyCRM {\n    width: 100% !important;\n    max-width: none !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    background: transparent !important;\n    border: 0 !important;\n    color: inherit !important;\n    font-family: \"Brandon book\", Arial, Helvetica, sans-serif !important;\n    box-shadow: none !important;\n}\n\n.zs-managed-form .TurnKeyCRM fieldset {\n    min-width: 0;\n    margin: 0 0 clamp(34px, 4vw, 52px) !important;\n    padding: 0 !important;\n    border: 0 !important;\n    background: transparent !important;\n}\n\n.zs-managed-form .TurnKeyCRM fieldset:last-of-type {\n    margin-bottom: 28px !important;\n}\n\n.zs-managed-form .TurnKeyCRM legend {\n    display: flex !important;\n    align-items: center !important;\n    gap: 14px !important;\n    width: 100% !important;\n    margin: 0 0 26px !important;\n    padding: 0 0 16px !important;\n    border: 0 !important;\n    border-bottom: 1px solid var(--zsf-line) !important;\n    color: var(--zsf-deep) !important;\n    font-size: clamp(24px, 2.2vw, 32px) !important;\n    font-weight: 400 !important;\n    line-height: 1.12 !important;\n    letter-spacing: -.012em !important;\n    text-transform: none !important;\n}\n\n.zs-managed-form .TurnKeyCRM legend::before {\n    content: \"\";\n    flex: 0 0 auto;\n    width: 28px;\n    height: 2px;\n    border-radius: 999px;\n    background: var(--zsf-gold);\n}\n\n.zs-managed-form .TurnKeyCRM .InputBlock {\n    position: relative !important;\n    width: 100% !important;\n    min-width: 0 !important;\n    margin: 0 0 20px !important;\n    padding: 0 !important;\n    background: transparent !important;\n    border: 0 !important;\n    clear: none !important;\n}\n\n.zs-managed-form .TurnKeyCRM label:not(.SetLabel) {\n    display: block !important;\n    margin: 0 0 9px !important;\n    padding: 0 !important;\n    color: var(--zsf-deep) !important;\n    font-size: 13px !important;\n    font-weight: 500 !important;\n    line-height: 1.25 !important;\n    letter-spacing: .07em !important;\n    text-transform: uppercase !important;\n    width: 100% !important;\n    max-width: none !important;\n    float: none !important;\n    text-align: left !important;\n}\n\n.zs-managed-form .TurnKeyCRM .InputBlock > label:not(.SetLabel) {\n    position: static !important;\n    inset: auto !important;\n    transform: none !important;\n}\n\n.zs-managed-form .TurnKeyCRM label.Required:not(.SetLabel)::after {\n    content: \" *\";\n    color: var(--zsf-gold);\n}\n\n.zs-managed-form .TurnKeyCRM input[type=\"text\"],\n.zs-managed-form .TurnKeyCRM input[type=\"email\"],\n.zs-managed-form .TurnKeyCRM input[type=\"tel\"],\n.zs-managed-form .TurnKeyCRM input[type=\"date\"],\n.zs-managed-form .TurnKeyCRM input[type=\"number\"],\n.zs-managed-form .TurnKeyCRM input[type=\"password\"],\n.zs-managed-form .TurnKeyCRM select,\n.zs-managed-form .TurnKeyCRM textarea {\n    display: block !important;\n    width: 100% !important;\n    max-width: none !important;\n    min-height: 56px !important;\n    margin: 0 !important;\n    padding: 15px 17px !important;\n    border: 1px solid rgba(38,53,44,.18) !important;\n    border-radius: 14px !important;\n    outline: 0 !important;\n    background: rgba(255,255,255,.92) !important;\n    color: var(--zsf-text) !important;\n    font-size: 16px !important;\n    font-weight: 400 !important;\n    line-height: 1.45 !important;\n    letter-spacing: 0 !important;\n    box-shadow: 0 1px 0 rgba(38,53,44,.02) !important;\n    transition:\n        border-color .2s ease,\n        box-shadow .2s ease,\n        background-color .2s ease,\n        transform .2s ease !important;\n}\n\n.zs-managed-form .TurnKeyCRM input[type=\"text\"]:hover,\n.zs-managed-form .TurnKeyCRM input[type=\"email\"]:hover,\n.zs-managed-form .TurnKeyCRM input[type=\"tel\"]:hover,\n.zs-managed-form .TurnKeyCRM input[type=\"date\"]:hover,\n.zs-managed-form .TurnKeyCRM input[type=\"number\"]:hover,\n.zs-managed-form .TurnKeyCRM input[type=\"password\"]:hover,\n.zs-managed-form .TurnKeyCRM select:hover,\n.zs-managed-form .TurnKeyCRM textarea:hover {\n    border-color: rgba(38,53,44,.34) !important;\n    background: #fff !important;\n}\n\n.zs-managed-form .TurnKeyCRM input[type=\"text\"]:focus,\n.zs-managed-form .TurnKeyCRM input[type=\"email\"]:focus,\n.zs-managed-form .TurnKeyCRM input[type=\"tel\"]:focus,\n.zs-managed-form .TurnKeyCRM input[type=\"date\"]:focus,\n.zs-managed-form .TurnKeyCRM input[type=\"number\"]:focus,\n.zs-managed-form .TurnKeyCRM input[type=\"password\"]:focus,\n.zs-managed-form .TurnKeyCRM select:focus,\n.zs-managed-form .TurnKeyCRM textarea:focus {\n    border-color: var(--zsf-forest) !important;\n    background: #fff !important;\n    box-shadow: 0 0 0 4px rgba(57,74,64,.09), 0 10px 26px rgba(38,53,44,.06) !important;\n}\n\n.zs-managed-form .TurnKeyCRM textarea {\n    min-height: 160px !important;\n    resize: vertical !important;\n}\n\n.zs-managed-form .TurnKeyCRM select {\n    appearance: auto !important;\n    cursor: pointer !important;\n}\n\n.zs-managed-form .TurnKeyCRM .Description {\n    margin: 8px 2px 0 !important;\n    color: var(--zsf-muted) !important;\n    font-size: 13px !important;\n    line-height: 1.45 !important;\n}\n\n\/* Checkbox \/ radio groups: keep the group aligned with its own field. *\/\n.zs-managed-form .TurnKeyCRM .InputBlock > div[data-field] {\n    width: 100% !important;\n    max-width: none !important;\n    margin: 0 !important;\n    padding: 2px 0 0 !important;\n    float: none !important;\n    text-align: left !important;\n}\n\n.zs-managed-form .TurnKeyCRM .InputBlock > div[data-field]:not([data-field=\"GDPR_Contribution\"]) {\n    display: flex !important;\n    flex-wrap: wrap !important;\n    align-items: center !important;\n    gap: 10px 18px !important;\n}\n\n.zs-managed-form .TurnKeyCRM .InputBlock > div[data-field]:not([data-field=\"GDPR_Contribution\"]) .SetLabel {\n    width: auto !important;\n    margin: 0 !important;\n}\n\n.zs-managed-form .TurnKeyCRM .InputBlock > div[data-field=\"GDPR_Contribution\"] {\n    display: block !important;\n    padding-top: 0 !important;\n}\n\n.zs-managed-form .TurnKeyCRM .InputBlock > div[data-field=\"GDPR_Contribution\"] .SetLabel {\n    width: 100% !important;\n    margin: 0 !important;\n}\n\n.zs-managed-form .TurnKeyCRM .SetLabel {\n    display: flex !important;\n    align-items: flex-start !important;\n    gap: 12px !important;\n    width: fit-content !important;\n    max-width: 100% !important;\n    margin: 0 0 11px !important;\n    padding: 0 !important;\n    color: var(--zsf-text) !important;\n    font-size: 15px !important;\n    font-weight: 400 !important;\n    line-height: 1.5 !important;\n    letter-spacing: 0 !important;\n    text-transform: none !important;\n    cursor: pointer !important;\n}\n\n.zs-managed-form .TurnKeyCRM .SetLabel input[type=\"checkbox\"],\n.zs-managed-form .TurnKeyCRM .SetLabel input[type=\"radio\"] {\n    appearance: none !important;\n    -webkit-appearance: none !important;\n    position: relative !important;\n    flex: 0 0 auto !important;\n    width: 21px !important;\n    height: 21px !important;\n    margin: 1px 0 0 !important;\n    padding: 0 !important;\n    border: 1px solid rgba(38,53,44,.30) !important;\n    background: #fff !important;\n    box-shadow: none !important;\n    cursor: pointer !important;\n    transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease !important;\n}\n\n.zs-managed-form .TurnKeyCRM .SetLabel input[type=\"checkbox\"] {\n    border-radius: 6px !important;\n}\n\n.zs-managed-form .TurnKeyCRM .SetLabel input[type=\"radio\"] {\n    border-radius: 50% !important;\n}\n\n.zs-managed-form .TurnKeyCRM .SetLabel input[type=\"checkbox\"]:checked,\n.zs-managed-form .TurnKeyCRM .SetLabel input[type=\"radio\"]:checked {\n    border-color: var(--zsf-forest) !important;\n    background: var(--zsf-forest) !important;\n}\n\n.zs-managed-form .TurnKeyCRM .SetLabel input[type=\"checkbox\"]:checked::after {\n    content: \"\";\n    position: absolute;\n    left: 6px;\n    top: 3px;\n    width: 6px;\n    height: 11px;\n    border: solid #fff;\n    border-width: 0 2px 2px 0;\n    transform: rotate(45deg);\n}\n\n.zs-managed-form .TurnKeyCRM .SetLabel input[type=\"radio\"]:checked::after {\n    content: \"\";\n    position: absolute;\n    inset: 5px;\n    border-radius: 50%;\n    background: #fff;\n}\n\n.zs-managed-form .TurnKeyCRM .SetLabel input[type=\"checkbox\"]:focus-visible,\n.zs-managed-form .TurnKeyCRM .SetLabel input[type=\"radio\"]:focus-visible {\n    outline: 0 !important;\n    box-shadow: 0 0 0 4px rgba(194,162,47,.20) !important;\n}\n\n.zs-managed-form .TurnKeyCRM .InputBlock:has([data-field=\"GDPR_Contribution\"]) > label:not(.SetLabel) {\n    margin-bottom: 12px !important;\n}\n\n.zs-managed-form .TurnKeyCRM .CheckBoxLabel {\n    white-space: normal !important;\n    overflow: visible !important;\n    text-overflow: clip !important;\n}\n\n.zs-managed-form .TurnKeyCRM .SetLabel a {\n    color: var(--zsf-forest) !important;\n    font-weight: 500 !important;\n    text-decoration: underline !important;\n    text-decoration-color: rgba(57,74,64,.35) !important;\n    text-underline-offset: 3px !important;\n}\n\n.zs-managed-form .TurnKeyCRM br {\n    display: none !important;\n}\n\n.zs-managed-form .TurnKeyCRM .Response {\n    margin: 0 0 22px !important;\n    padding: 16px 18px !important;\n    border: 1px solid var(--zsf-line) !important;\n    border-left: 3px solid var(--zsf-gold) !important;\n    border-radius: 12px !important;\n    background: var(--zsf-gold-soft) !important;\n    color: var(--zsf-deep) !important;\n    font-size: 15px !important;\n    line-height: 1.5 !important;\n}\n\n.zs-managed-form .TurnKeyCRM input[type=\"submit\"] {\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    min-width: 210px !important;\n    min-height: 56px !important;\n    margin: 6px 0 0 !important;\n    padding: 0 30px !important;\n    border: 1px solid var(--zsf-forest) !important;\n    border-radius: var(--zsf-pill) !important;\n    background: var(--zsf-forest) !important;\n    color: #fff !important;\n    font-size: 14px !important;\n    font-weight: 500 !important;\n    line-height: 1.15 !important;\n    letter-spacing: .06em !important;\n    text-transform: uppercase !important;\n    cursor: pointer !important;\n    box-shadow: 0 10px 24px rgba(38,53,44,.14) !important;\n    transition:\n        background-color .2s ease,\n        border-color .2s ease,\n        color .2s ease,\n        box-shadow .2s ease,\n        transform .16s ease !important;\n}\n\n.zs-managed-form .TurnKeyCRM input[type=\"submit\"]:hover {\n    border-color: var(--zsf-deep) !important;\n    background: var(--zsf-deep) !important;\n    color: #fff !important;\n    box-shadow: 0 14px 32px rgba(38,53,44,.20) !important;\n    transform: translateY(-2px) !important;\n}\n\n.zs-managed-form .TurnKeyCRM input[type=\"submit\"]:active {\n    transform: translateY(0) scale(.985) !important;\n}\n\n.zs-managed-form .TurnKeyCRM input[type=\"submit\"]:focus-visible {\n    outline: 3px solid rgba(194,162,47,.35) !important;\n    outline-offset: 4px !important;\n}\n\n.zs-managed-form .TurnKeyCRM .Error,\n.zs-managed-form .TurnKeyCRM .error {\n    color: var(--zsf-danger) !important;\n}\n\n.zs-managed-form .pika-single {\n    z-index: 99999 !important;\n    border: 1px solid var(--zsf-line) !important;\n    border-radius: 14px !important;\n    font-family: \"Brandon book\", Arial, Helvetica, sans-serif !important;\n    box-shadow: 0 18px 44px rgba(38,53,44,.18) !important;\n}\n\n\/* Desktop layout *\/\n@media (min-width: 881px) {\n    .zs-managed-form .TurnKeyCRM fieldset {\n        display: grid !important;\n        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n        column-gap: 24px !important;\n        row-gap: 0 !important;\n    }\n\n    .zs-managed-form .TurnKeyCRM fieldset > legend {\n        grid-column: 1 \/ -1 !important;\n    }\n\n    \/* Only genuinely wide controls span both columns. *\/\n    .zs-managed-form .TurnKeyCRM fieldset > .InputBlock:has(textarea),\n    .zs-managed-form .TurnKeyCRM fieldset > .InputBlock:has(.Description),\n    .zs-managed-form .TurnKeyCRM fieldset > .InputBlock:has([data-field=\"GDPR_Contribution\"]) {\n        grid-column: 1 \/ -1 !important;\n    }\n\n    \/* Ordinary checkbox\/radio groups stay in their natural grid column. *\/\n    .zs-managed-form .TurnKeyCRM fieldset > .InputBlock:has(.SetLabel):not(:has([data-field=\"GDPR_Contribution\"])) {\n        grid-column: auto !important;\n    }\n}\n\n\/* Laptop *\/\n@media (max-width: 1366px) {\n    .zs-managed-form {\n        width: min(100%, 1020px);\n    }\n}\n\n\/* Tablet Landscape *\/\n@media (max-width: 1200px) {\n    .zs-managed-form {\n        width: min(100%, 960px);\n    }\n}\n\n\/* Tablet Portrait *\/\n@media (max-width: 1024px) {\n    .zs-managed-form {\n        border-radius: 24px;\n        box-shadow: 0 16px 42px rgba(38,53,44,.11);\n    }\n}\n\n\/* Mobile Landscape *\/\n@media (max-width: 880px) {\n    .zs-managed-form {\n        padding: clamp(28px, 6vw, 44px);\n    }\n\n    .zs-managed-form::before {\n        left: clamp(28px, 6vw, 44px);\n    }\n\n    .zs-managed-form .TurnKeyCRM fieldset {\n        display: block !important;\n    }\n\n    .zs-managed-form .TurnKeyCRM .InputBlock {\n        margin-bottom: 18px !important;\n    }\n}\n\n\/* Mobile Portrait *\/\n@media (max-width: 767px) {\n    .zs-managed-form {\n        margin: 20px auto;\n        padding: 26px 20px 24px;\n        border-radius: 20px;\n    }\n\n    .zs-managed-form::before {\n        left: 20px;\n        width: 72px;\n    }\n\n    .zs-managed-form .TurnKeyCRM legend {\n        gap: 10px !important;\n        margin-bottom: 22px !important;\n        font-size: clamp(22px, 7vw, 28px) !important;\n    }\n\n    .zs-managed-form .TurnKeyCRM legend::before {\n        width: 22px;\n    }\n\n    .zs-managed-form .TurnKeyCRM input[type=\"text\"],\n    .zs-managed-form .TurnKeyCRM input[type=\"email\"],\n    .zs-managed-form .TurnKeyCRM input[type=\"tel\"],\n    .zs-managed-form .TurnKeyCRM input[type=\"date\"],\n    .zs-managed-form .TurnKeyCRM input[type=\"number\"],\n    .zs-managed-form .TurnKeyCRM input[type=\"password\"],\n    .zs-managed-form .TurnKeyCRM select,\n    .zs-managed-form .TurnKeyCRM textarea {\n        min-height: 54px !important;\n        padding: 14px 15px !important;\n        border-radius: 12px !important;\n        font-size: 16px !important;\n    }\n\n    .zs-managed-form .TurnKeyCRM textarea {\n        min-height: 145px !important;\n    }\n\n    .zs-managed-form .TurnKeyCRM input[type=\"submit\"] {\n        width: 100% !important;\n        min-width: 0 !important;\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .zs-managed-form *,\n    .zs-managed-form *::before,\n    .zs-managed-form *::after {\n        scroll-behavior: auto !important;\n        transition-duration: .01ms !important;\n        animation-duration: .01ms !important;\n        animation-iteration-count: 1 !important;\n    }\n}\n\n\/* Career \/ application upload controls *\/\n.zs-managed-form .TurnKeyCRM input[type=\"file\"] {\n    display:block !important;\n    width:100% !important;\n    max-width:none !important;\n    min-height:58px !important;\n    margin:0 !important;\n    padding:7px 9px !important;\n    border:1px dashed rgba(38,53,44,.24) !important;\n    border-radius:14px !important;\n    background:rgba(255,255,255,.82) !important;\n    color:var(--zsf-muted) !important;\n    font-size:14px !important;\n    cursor:pointer !important;\n    transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease !important;\n}\n.zs-managed-form .TurnKeyCRM input[type=\"file\"]:hover {\n    border-color:rgba(194,162,47,.7) !important;\n    background:#fff !important;\n}\n.zs-managed-form .TurnKeyCRM input[type=\"file\"]:focus-visible {\n    outline:0 !important;\n    border-color:var(--zsf-gold) !important;\n    box-shadow:0 0 0 4px rgba(194,162,47,.12) !important;\n}\n.zs-managed-form .TurnKeyCRM input[type=\"file\"]::file-selector-button {\n    min-height:42px !important;\n    margin:0 12px 0 0 !important;\n    padding:0 16px !important;\n    border:0 !important;\n    border-radius:10px !important;\n    background:var(--zsf-deep) !important;\n    color:#fff !important;\n    font-family:\"Brandon book\",Arial,Helvetica,sans-serif !important;\n    font-size:13px !important;\n    font-weight:500 !important;\n    cursor:pointer !important;\n}\n<\/style><div class=\"zs-managed-form-stage\" data-zs-form-stage=\"ingatlan-erdeklodes\"><div class=\"zs-managed-form-intro\"><h2 class=\"zs-managed-form-title\">Regisztr\u00e1ci\u00f3<\/h2><div class=\"zs-managed-form-lead\"><p>Regisztr\u00e1ljon az al\u00e1bbi \u0171rlap seg\u00edts\u00e9g\u00e9vel \u00e9s \u00e9rt\u00e9kes\u00edt\u0151nk t\u00e1j\u00e9koztatja az \u00d6n sz\u00e1m\u00e1ra legjobb aj\u00e1nlatainkr\u00f3l!<\/p>\n<\/div><\/div><div class=\"zs-main zs-managed-form\" data-zs-form=\"ingatlan-erdeklodes\" data-zs-form-lang=\"hu\" data-zs-form-source-lang=\"hu\" id=\"zs-managed-form-1953-1\"><form formhash=\"48770-0j9ojp9f3k1p395rx9b60xknai4cxx\" action=\"https:\/\/r3.minicrm.hu\/Api\/Signup\" method=\"post\" class=\"TurnKeyCRM\" id=\"Web\">\r\n    <fieldset>\r\n        <legend>\r\n            Szem\u00e9lyes adatok\r\n        <\/legend>\r\n        <div class=\"InputBlock\">\r\n            <label for=\"Contact_FirstName_1564\" class=\"Required\">\r\n                Keresztn\u00e9v\r\n            <\/label>\r\n            <input data-field=\"FirstName\" data-table=\"Contact\" data-type=\"Person\" name=\"Contact[1564][FirstName]\" id=\"Contact_FirstName_1564\" language=\"HU\" value type=\"text\" \/>\r\n        <\/div>\r\n        <div class=\"InputBlock\">\r\n            <label for=\"Contact_LastName_1564\" class=\"Required\">\r\n                Vezet\u00e9kn\u00e9v\r\n            <\/label>\r\n            <input data-field=\"LastName\" data-table=\"Contact\" data-type=\"Person\" name=\"Contact[1564][LastName]\" id=\"Contact_LastName_1564\" language=\"HU\" value type=\"text\" \/>\r\n        <\/div>\r\n        <div class=\"InputBlock\">\r\n            <label for=\"Contact_Phone_1564\" class=\"Required\">\r\n                Telefon\r\n            <\/label>\r\n            <input data-field=\"Phone\" data-table=\"Contact\" data-type=\"Person\" name=\"Contact[1564][Phone]\" id=\"Contact_Phone_1564\" language=\"HU\" value type=\"text\" \/>\r\n        <\/div>\r\n        <div class=\"InputBlock\">\r\n            <label for=\"Contact_Email_1564\" class=\"Required\">\r\n                Email\r\n            <\/label>\r\n            <input data-field=\"Email\" data-table=\"Contact\" data-type=\"Person\" name=\"Contact[1564][Email]\" id=\"Contact_Email_1564\" language=\"HU\" value type=\"text\" \/>\r\n        <\/div>\r\n        <div class=\"InputBlock\">\r\n            <label for=\"Project_Text1267_1562\">\r\n                \u00dczenet\r\n            <\/label>\r\n            <textarea data-field=\"Text1267\" data-table=\"Project\" data-type name=\"Project[1562][Text1267]\" id=\"Project_Text1267_1562\" language=\"HU\" value>\r\n            <\/textarea>\r\n        <\/div>\r\n    <\/fieldset>\r\n    <fieldset>\r\n        <legend>\r\n            Ingatlanv\u00e1s\u00e1rl\u00e1s\r\n        <\/legend>\r\n        <div class=\"InputBlock\">\r\n            <label for=\"Project_IngatlanvasarlasCelja_1562\" class=\"Required\">\r\n                Ingatlanv\u00e1s\u00e1rl\u00e1s c\u00e9lja\r\n            <\/label>\r\n            <div data-field=\"IngatlanvasarlasCelja\" data-table=\"Project\" data-type id=\"Project_IngatlanvasarlasCelja_1562\" language=\"HU\" value>\r\n                <label class=\"SetLabel\">\r\n                    <input id=\"Project_IngatlanvasarlasCelja_1562_3182\" type=\"checkbox\" value=\"1\" name=\"Project[1562][IngatlanvasarlasCelja][]\" \/>\r\n                    <span class=\"OverflowEllipsis CheckBoxLabel\">\r\n                        Befektet\u00e9s\r\n                    <\/span>\r\n                <\/label>\r\n                <br \/>\r\n                <label class=\"SetLabel\">\r\n                    <input id=\"Project_IngatlanvasarlasCelja_1562_3183\" type=\"checkbox\" value=\"2\" name=\"Project[1562][IngatlanvasarlasCelja][]\" \/>\r\n                    <span class=\"OverflowEllipsis CheckBoxLabel\">\r\n                        Saj\u00e1t haszn\u00e1lat\r\n                    <\/span>\r\n                <\/label>\r\n                <br \/>\r\n                <label class=\"SetLabel\">\r\n                    <input id=\"Project_IngatlanvasarlasCelja_1562_3184\" type=\"checkbox\" value=\"4\" name=\"Project[1562][IngatlanvasarlasCelja][]\" \/>\r\n                    <span class=\"OverflowEllipsis CheckBoxLabel\">\r\n                        Mindkett\u0151\r\n                    <\/span>\r\n                <\/label>\r\n                <br \/>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"InputBlock\">\r\n            <label for=\"Project_Aktualitas_1562\" class=\"Required\">\r\n                Mikor aktu\u00e1lis a v\u00e1s\u00e1rl\u00e1s?\r\n            <\/label>\r\n            <div data-field=\"Aktualitas\" data-table=\"Project\" data-type id=\"Project_Aktualitas_1562\" language=\"HU\" value>\r\n                <label class=\"SetLabel\">\r\n                    <input id=\"Project_Aktualitas_1562_3027\" type=\"checkbox\" value=\"1\" name=\"Project[1562][Aktualitas][]\" \/>\r\n                    <span class=\"OverflowEllipsis CheckBoxLabel\">\r\n                        Most szeretne v\u00e1s\u00e1rolni\r\n                    <\/span>\r\n                <\/label>\r\n                <br \/>\r\n                <label class=\"SetLabel\">\r\n                    <input id=\"Project_Aktualitas_1562_3028\" type=\"checkbox\" value=\"2\" name=\"Project[1562][Aktualitas][]\" \/>\r\n                    <span class=\"OverflowEllipsis CheckBoxLabel\">\r\n                        1 \u00e9ven bel\u00fcl\r\n                    <\/span>\r\n                <\/label>\r\n                <br \/>\r\n                <label class=\"SetLabel\">\r\n                    <input id=\"Project_Aktualitas_1562_3029\" type=\"checkbox\" value=\"4\" name=\"Project[1562][Aktualitas][]\" \/>\r\n                    <span class=\"OverflowEllipsis CheckBoxLabel\">\r\n                        1-2 \u00e9v m\u00falva\r\n                    <\/span>\r\n                <\/label>\r\n                <br \/>\r\n                <label class=\"SetLabel\">\r\n                    <input id=\"Project_Aktualitas_1562_3031\" type=\"checkbox\" value=\"8\" name=\"Project[1562][Aktualitas][]\" \/>\r\n                    <span class=\"OverflowEllipsis CheckBoxLabel\">\r\n                        T\u00f6bb mint 2 \u00e9v m\u00falva\r\n                    <\/span>\r\n                <\/label>\r\n                <br \/>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"InputBlock\">\r\n            <label for=\"Dummy_GDPR_Contribution_\" class=\"Required\">\r\n                Adatkezel\u00e9si hozz\u00e1j\u00e1rul\u00e1s\r\n            <\/label>\r\n            <div data-field=\"GDPR_Contribution\" data-table=\"Dummy\" data-type id=\"Dummy_GDPR_Contribution_\" language=\"HU\" value>\r\n                <label class=\"SetLabel\">\r\n                    <input id=\"Dummy_GDPR_Contribution__0\" type=\"checkbox\" value=\"1\" name=\"Dummy[][GDPR_Contribution][]\" \/>\r\n                    <span class=\"OverflowEllipsis CheckBoxLabel\">\r\n                        Hozz\u00e1j\u00e1rulok, hogy a(z) Zala Springs Health & Golf Resort\r\n                        <a href=\"https:\/\/www.minicrm.hu\/gdpr\/\" target=\"_blank\">\r\n                            CRM rendszer\u00e9ben\r\n                        <\/a>\r\n                        kezelje az adataimat.\r\n                    <\/span>\r\n                <\/label>\r\n                <br \/>\r\n            <\/div>\r\n        <\/div>\r\n    <\/fieldset>\r\n    <div id=\"Response_48770-0j9ojp9f3k1p395rx9b60xknai4cxx\" style=\"display: none;\" class=\"Response\">\r\n    <\/div>\r\n    <input id=\"Submit_48770-0j9ojp9f3k1p395rx9b60xknai4cxx\" type=\"Submit\" value=\"Elk\u00fcld\" \/>\r\n<\/form><\/div><\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-71afe0d e-con-full e-flex e-con e-parent\" data-id=\"71afe0d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c23714e elementor-widget elementor-widget-html\" data-id=\"c23714e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  ZALA SPRINGS MAIN \u2014 REAL ESTATE \/ FLOATING PRIVATE VIEWING CTA + CALENDLY MODAL\r\n\r\n  Usage:\r\n  - Paste this whole block once into an Elementor HTML widget on any real-estate page.\r\n  - Text language is built in: \/hu\/ -> HU, \/en\/ -> EN, \/de\/ -> DE.\r\n  - No TranslatePress string setup is required for this component.\r\n  - Calendly only loads after the visitor opens the popup for the first time.\r\n\r\n  Calendly source:\r\n  https:\/\/calendly.com\/zalaspringssales\/30min\r\n-->\r\n\r\n<div id=\"zs-viewing-booking\" class=\"zs-main zscal\" data-zscal-root>\r\n  <button\r\n    class=\"zscal-fab\"\r\n    type=\"button\"\r\n    aria-haspopup=\"dialog\"\r\n    aria-controls=\"zscal-dialog\"\r\n    aria-expanded=\"false\"\r\n    data-zscal-open\r\n  >\r\n    <span class=\"zscal-fab__icon\" aria-hidden=\"true\">\r\n      <svg viewBox=\"0 0 24 24\">\r\n        <rect x=\"3.5\" y=\"5.5\" width=\"17\" height=\"15\" rx=\"3\"><\/rect>\r\n        <path d=\"M7.5 3.5v4M16.5 3.5v4M3.5 9.5h17\"><\/path>\r\n        <path d=\"m9 15 2 2 4-4\"><\/path>\r\n      <\/svg>\r\n    <\/span>\r\n\r\n    <span class=\"zscal-fab__copy\">\r\n      <small data-zscal-fab-kicker>LAK\u00c1SBEMUTAT\u00d3<\/small>\r\n      <strong data-zscal-fab-label>Id\u0151pontfoglal\u00e1s<\/strong>\r\n    <\/span>\r\n\r\n    <span class=\"zscal-fab__arrow\" aria-hidden=\"true\">\r\n      <svg viewBox=\"0 0 24 24\">\r\n        <path d=\"M5 12h14M14 7l5 5-5 5\"><\/path>\r\n      <\/svg>\r\n    <\/span>\r\n  <\/button>\r\n\r\n  <div\r\n    class=\"zscal-modal\"\r\n    id=\"zscal-dialog\"\r\n    role=\"dialog\"\r\n    aria-modal=\"true\"\r\n    aria-labelledby=\"zscal-title\"\r\n    aria-describedby=\"zscal-description\"\r\n    aria-hidden=\"true\"\r\n    hidden\r\n    data-zscal-modal\r\n  >\r\n    <div class=\"zscal-modal__backdrop\" data-zscal-backdrop><\/div>\r\n\r\n    <button\r\n      class=\"zscal-modal__close\"\r\n      type=\"button\"\r\n      aria-label=\"Bez\u00e1r\u00e1s\"\r\n      data-zscal-close\r\n    >\r\n      <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n        <path d=\"m6 6 12 12M18 6 6 18\"><\/path>\r\n      <\/svg>\r\n    <\/button>\r\n\r\n    <div class=\"zscal-modal__dialog\" role=\"document\">\r\n      <aside class=\"zscal-modal__intro\">\r\n        <div class=\"zscal-modal__brandline\" aria-hidden=\"true\">\r\n          <span>ZALA SPRINGS<\/span>\r\n          <i><\/i>\r\n          <span>RESIDENCES<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"zscal-modal__eyebrow\">\r\n          <span><\/span>\r\n          <b data-zscal-eyebrow>SZEM\u00c9LYES BEMUTAT\u00d3<\/b>\r\n        <\/div>\r\n\r\n        <h2 id=\"zscal-title\" data-zscal-title>\r\n          Foglaljon id\u0151pontot lak\u00e1sbemutat\u00f3ra!\r\n        <\/h2>\r\n\r\n        <p id=\"zscal-description\" data-zscal-description>\r\n          V\u00e1lassza ki az \u00d6nnek megfelel\u0151 id\u0151pontot, \u00e9s tal\u00e1lkozzunk szem\u00e9lyesen a Zala Springsben.\r\n        <\/p>\r\n\r\n        <div class=\"zscal-modal__note\">\r\n          <span class=\"zscal-modal__note-icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <circle cx=\"12\" cy=\"12\" r=\"8.5\"><\/circle>\r\n              <path d=\"M12 7.5V12l3 2\"><\/path>\r\n            <\/svg>\r\n          <\/span>\r\n          <span data-zscal-note>A foglal\u00e1s n\u00e9h\u00e1ny percet vesz ig\u00e9nybe.<\/span>\r\n        <\/div>\r\n\r\n        <a\r\n          class=\"zscal-modal__fallback-link\"\r\n          href=\"https:\/\/calendly.com\/zalaspringssales\/30min\"\r\n          target=\"_blank\"\r\n          rel=\"noopener noreferrer\"\r\n          data-zscal-fallback-link\r\n        >\r\n          <span data-zscal-fallback-label>Foglal\u00e1s megnyit\u00e1sa \u00faj ablakban<\/span>\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M7 17 17 7M9 7h8v8\"><\/path>\r\n          <\/svg>\r\n        <\/a>\r\n      <\/aside>\r\n\r\n      <section class=\"zscal-modal__calendar\" aria-label=\"Calendly\">\r\n        <div class=\"zscal-modal__calendar-head\">\r\n          <span data-zscal-calendar-label>V\u00c1LASSZON ID\u0150PONTOT<\/span>\r\n          <i><\/i>\r\n        <\/div>\r\n\r\n        <div class=\"zscal-modal__loading\" data-zscal-loading>\r\n          <span class=\"zscal-modal__loader\" aria-hidden=\"true\"><\/span>\r\n          <p data-zscal-loading-label>Id\u0151pontfoglal\u00f3 bet\u00f6lt\u00e9se\u2026<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"zscal-modal__mount\" data-zscal-mount><\/div>\r\n\r\n        <div class=\"zscal-modal__error\" hidden data-zscal-error>\r\n          <p data-zscal-error-label>\r\n            Az id\u0151pontfoglal\u00f3 most nem t\u00f6lthet\u0151 be.\r\n          <\/p>\r\n          <a\r\n            href=\"https:\/\/calendly.com\/zalaspringssales\/30min\"\r\n            target=\"_blank\"\r\n            rel=\"noopener noreferrer\"\r\n            data-zscal-error-link\r\n          >\r\n            <span data-zscal-error-link-label>Foglal\u00e1s megnyit\u00e1sa<\/span>\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M5 12h14M14 7l5 5-5 5\"><\/path>\r\n            <\/svg>\r\n          <\/a>\r\n        <\/div>\r\n      <\/section>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <style>\r\n    #zs-viewing-booking,\r\n    #zs-viewing-booking *,\r\n    #zs-viewing-booking *::before,\r\n    #zs-viewing-booking *::after {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    #zs-viewing-booking {\r\n      --zscal-gold: var(--zs-brand-gold, #c2a22f);\r\n      --zscal-dark: var(--zs-brand-midnight, #26352c);\r\n      --zscal-forest: var(--zs-brand-forest, #394a40);\r\n      --zscal-viridian: var(--zs-brand-viridian, #6b887c);\r\n      --zscal-ivory: var(--zs-surface, #fbfaf7);\r\n      --zscal-soft: var(--zs-bg, #f5f3ed);\r\n      --zscal-text: var(--zs-text, #26312b);\r\n      --zscal-muted: var(--zs-text-soft, #68716c);\r\n\r\n      \/*\r\n       * IMPORTANT:\r\n       * Do not create a stacking context here.\r\n       * The fixed CTA\/modal must participate in the document-level stack.\r\n       *\/\r\n      position: static !important;\r\n      z-index: auto !important;\r\n      overflow: visible !important;\r\n      isolation: auto !important;\r\n      transform: none !important;\r\n      filter: none !important;\r\n\r\n      font-family:\r\n        \"Brandon book\",\r\n        \"Brandon Grotesque\",\r\n        Arial,\r\n        Helvetica,\r\n        sans-serif !important;\r\n    }\r\n\r\n    #zs-viewing-booking *,\r\n    #zs-viewing-booking *::before,\r\n    #zs-viewing-booking *::after {\r\n      font-family:\r\n        \"Brandon book\",\r\n        \"Brandon Grotesque\",\r\n        Arial,\r\n        Helvetica,\r\n        sans-serif !important;\r\n    }\r\n\r\n    #zs-viewing-booking button,\r\n    #zs-viewing-booking a {\r\n      -webkit-tap-highlight-color: transparent;\r\n    }\r\n\r\n    #zs-viewing-booking button {\r\n      font: inherit;\r\n    }\r\n\r\n    \/*\r\n     * Booking is a true full-screen modal. Hide the custom MAIN header while\r\n     * it is open instead of trying to win a z-index race against another\r\n     * fixed viewport component. The WordPress admin bar is not affected.\r\n     *\/\r\n    html.zscal-booking-open [data-zsfh-shell] {\r\n      opacity: 0 !important;\r\n      visibility: hidden !important;\r\n      pointer-events: none !important;\r\n    }\r\n\r\n    body.zsfh-menu-open .zscal-fab,\r\n    html.zscal-booking-open .zscal-fab {\r\n      opacity: 0 !important;\r\n      visibility: hidden !important;\r\n      pointer-events: none !important;\r\n      transform: translateY(12px) scale(.98) !important;\r\n    }\r\n\r\n    .zscal-fab {\r\n      position: fixed !important;\r\n      z-index: 99997 !important;\r\n\r\n      left: max(22px, env(safe-area-inset-left, 0px));\r\n      bottom: max(24px, calc(env(safe-area-inset-bottom, 0px) + 18px));\r\n\r\n      min-height: 68px;\r\n      max-width: min(390px, calc(100vw - 44px));\r\n\r\n      display: grid;\r\n      grid-template-columns: 48px minmax(0, 1fr) 38px;\r\n      align-items: center;\r\n      gap: 13px;\r\n\r\n      padding: 8px 10px 8px 9px;\r\n\r\n      border: 1px solid rgba(194,162,47,.42);\r\n      border-radius: 999px;\r\n\r\n      background:\r\n        linear-gradient(\r\n          135deg,\r\n          rgba(38,53,44,.97),\r\n          rgba(29,45,35,.98)\r\n        );\r\n\r\n      color: #fff;\r\n\r\n      box-shadow:\r\n        0 20px 54px rgba(21,36,27,.24),\r\n        0 5px 18px rgba(21,36,27,.14),\r\n        inset 0 1px 0 rgba(255,255,255,.06);\r\n\r\n      cursor: pointer;\r\n\r\n      visibility: visible !important;\r\n      opacity: 1 !important;\r\n      pointer-events: auto !important;\r\n\r\n      isolation: isolate;\r\n\r\n      transition:\r\n        transform .38s cubic-bezier(.16,.74,.2,1),\r\n        opacity .24s ease,\r\n        box-shadow .25s ease,\r\n        border-color .25s ease;\r\n    }\r\n\r\n    \/*\r\n     * Keep the floating CTA out of the footer\/content area.\r\n     * IntersectionObserver toggles this state shortly before the footer\r\n     * reaches the viewport. It slides fully off-canvas to the left and\r\n     * comes back automatically when scrolling upward.\r\n     *\/\r\n    .zscal-fab.is-footer-away {\r\n      opacity: 0 !important;\r\n      pointer-events: none !important;\r\n      transform:\r\n        translateX(\r\n          calc(-100% - 72px)\r\n        ) !important;\r\n    }\r\n\r\n    .zscal-fab::before {\r\n      content: \"\";\r\n\r\n      position: absolute;\r\n      z-index: -1;\r\n\r\n      inset: -1px;\r\n\r\n      border: 1px solid rgba(194,162,47,.24);\r\n      border-radius: inherit;\r\n\r\n      animation: zscalPulse 3.4s ease-out infinite;\r\n    }\r\n\r\n    .zscal-fab__icon {\r\n      width: 48px;\r\n      height: 48px;\r\n\r\n      display: grid;\r\n      place-items: center;\r\n\r\n      border-radius: 50%;\r\n\r\n      background:\r\n        linear-gradient(\r\n          145deg,\r\n          #d2b44a,\r\n          var(--zscal-gold)\r\n        );\r\n\r\n      color: var(--zscal-dark);\r\n\r\n      box-shadow:\r\n        inset 0 1px 0 rgba(255,255,255,.25);\r\n    }\r\n\r\n    .zscal-fab__icon svg {\r\n      width: 21px;\r\n      height: 21px;\r\n\r\n      fill: none;\r\n      stroke: currentColor;\r\n      stroke-width: 1.55;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n    }\r\n\r\n    .zscal-fab__copy {\r\n      min-width: 0;\r\n\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: flex-start;\r\n\r\n      text-align: left;\r\n    }\r\n\r\n    .zscal-fab__copy small {\r\n      margin-bottom: 2px;\r\n\r\n      color: rgba(255,255,255,.56);\r\n\r\n      font-size: 8px;\r\n      font-weight: 700;\r\n\r\n      line-height: 1.2;\r\n\r\n      letter-spacing: .17em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .zscal-fab__copy strong {\r\n      color: #fff;\r\n\r\n      font-size: 15px;\r\n      font-weight: 500;\r\n\r\n      line-height: 1.18;\r\n\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .zscal-fab__arrow {\r\n      width: 38px;\r\n      height: 38px;\r\n\r\n      display: grid;\r\n      place-items: center;\r\n\r\n      border: 1px solid rgba(255,255,255,.15);\r\n      border-radius: 50%;\r\n\r\n      color: #e2ce77;\r\n\r\n      transition:\r\n        background .22s ease,\r\n        transform .22s ease;\r\n    }\r\n\r\n    .zscal-fab__arrow svg {\r\n      width: 17px;\r\n      height: 17px;\r\n\r\n      fill: none;\r\n      stroke: currentColor;\r\n      stroke-width: 1.5;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n    }\r\n\r\n    @keyframes zscalPulse {\r\n      0% {\r\n        opacity: .55;\r\n        transform: scale(1);\r\n      }\r\n\r\n      70%,\r\n      100% {\r\n        opacity: 0;\r\n        transform: scale(1.075);\r\n      }\r\n    }\r\n\r\n    .zscal-modal {\r\n      position: fixed !important;\r\n      z-index: 99998 !important;\r\n\r\n      inset: 0;\r\n\r\n      display: grid;\r\n      place-items: center;\r\n\r\n      padding:\r\n        max(24px, env(safe-area-inset-top, 0px))\r\n        max(24px, env(safe-area-inset-right, 0px))\r\n        max(24px, env(safe-area-inset-bottom, 0px))\r\n        max(24px, env(safe-area-inset-left, 0px));\r\n\r\n      opacity: 0;\r\n      visibility: hidden;\r\n      pointer-events: none;\r\n\r\n      transition:\r\n        opacity .26s ease,\r\n        visibility .26s ease;\r\n    }\r\n\r\n    \/*\r\n     * Keep the modal laid out while visually hidden so the preloaded Calendly\r\n     * iframe receives a real desktop\/mobile width and can render correctly.\r\n     *\/\r\n    .zscal-modal[hidden] {\r\n      display: grid !important;\r\n    }\r\n\r\n    .zscal-modal.is-open {\r\n      opacity: 1;\r\n      visibility: visible;\r\n      pointer-events: auto;\r\n    }\r\n\r\n    .zscal-modal__backdrop {\r\n      position: absolute;\r\n\r\n      inset: 0;\r\n\r\n      background:\r\n        rgba(16,29,21,.66);\r\n\r\n      backdrop-filter:\r\n        blur(9px) saturate(92%);\r\n\r\n      -webkit-backdrop-filter:\r\n        blur(9px) saturate(92%);\r\n    }\r\n\r\n    .zscal-modal__dialog {\r\n      position: relative;\r\n      z-index: 2;\r\n\r\n      width:\r\n        min(1280px, calc(100vw - 40px));\r\n\r\n      height:\r\n        min(800px, calc(100dvh - 48px));\r\n\r\n      min-height: 560px;\r\n\r\n      display: grid;\r\n      grid-template-columns:\r\n        minmax(400px, .92fr)\r\n        minmax(0, 1.48fr);\r\n\r\n      overflow: hidden;\r\n\r\n      border:\r\n        1px solid rgba(255,255,255,.72);\r\n\r\n      border-radius: 28px;\r\n\r\n      background:\r\n        var(--zscal-ivory);\r\n\r\n      box-shadow:\r\n        0 34px 100px rgba(14,28,19,.32);\r\n\r\n      opacity: 0;\r\n\r\n      transform:\r\n        translateY(18px)\r\n        scale(.985);\r\n\r\n      transition:\r\n        opacity .35s ease,\r\n        transform .45s cubic-bezier(.16,.74,.2,1);\r\n    }\r\n\r\n    .zscal-modal.is-open\r\n    .zscal-modal__dialog {\r\n      opacity: 1;\r\n      transform: none;\r\n    }\r\n\r\n    .zscal-modal__close {\r\n      position: fixed !important;\r\n      z-index: 99998 !important;\r\n\r\n      top: max(24px, env(safe-area-inset-top, 0px));\r\n      right: max(24px, env(safe-area-inset-right, 0px));\r\n\r\n      width: 46px;\r\n      height: 46px;\r\n\r\n      display: grid;\r\n      place-items: center;\r\n\r\n      padding: 0;\r\n\r\n      border:\r\n        1px solid rgba(38,53,44,.12);\r\n\r\n      border-radius: 50%;\r\n\r\n      background:\r\n        rgba(251,250,247,.94);\r\n\r\n      color:\r\n        var(--zscal-dark);\r\n\r\n      box-shadow:\r\n        0 8px 24px rgba(38,53,44,.08);\r\n\r\n      cursor: pointer;\r\n\r\n      transition:\r\n        transform .22s ease,\r\n        border-color .22s ease,\r\n        background .22s ease;\r\n    }\r\n\r\n    .zscal-modal__close svg {\r\n      width: 18px;\r\n      height: 18px;\r\n\r\n      fill: none;\r\n      stroke: currentColor;\r\n      stroke-width: 1.5;\r\n      stroke-linecap: round;\r\n    }\r\n\r\n    .zscal-modal__intro {\r\n      position: relative;\r\n\r\n      display: flex;\r\n      flex-direction: column;\r\n\r\n      padding:\r\n        clamp(52px,4.4vw,72px)\r\n        clamp(34px,3vw,44px)\r\n        40px;\r\n\r\n      overflow: hidden;\r\n\r\n      background:\r\n        radial-gradient(\r\n          circle at 5% 92%,\r\n          rgba(194,162,47,.12),\r\n          transparent 32%\r\n        ),\r\n        linear-gradient(\r\n          150deg,\r\n          #31443a,\r\n          #203128\r\n        );\r\n\r\n      color: #fff;\r\n    }\r\n\r\n    .zscal-modal__intro::after {\r\n      content: \"\";\r\n\r\n      position: absolute;\r\n\r\n      right: -120px;\r\n      bottom: -120px;\r\n\r\n      width: 310px;\r\n      height: 310px;\r\n\r\n      border:\r\n        1px solid rgba(194,162,47,.09);\r\n\r\n      border-radius: 50%;\r\n\r\n      pointer-events: none;\r\n    }\r\n\r\n    .zscal-modal__brandline {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n\r\n      margin-bottom:\r\n        clamp(52px,7vh,88px);\r\n\r\n      color:\r\n        rgba(255,255,255,.42);\r\n\r\n      font-size: 8px;\r\n      font-weight: 600;\r\n\r\n      letter-spacing: .19em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .zscal-modal__brandline i {\r\n      width: 32px;\r\n      height: 1px;\r\n\r\n      background:\r\n        rgba(194,162,47,.75);\r\n    }\r\n\r\n    .zscal-modal__eyebrow {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n\r\n      margin-bottom: 15px;\r\n\r\n      color: #e0cb74;\r\n\r\n      font-size: 9px;\r\n      font-weight: 700;\r\n\r\n      letter-spacing: .18em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .zscal-modal__eyebrow > span {\r\n      width: 30px;\r\n      height: 1px;\r\n\r\n      background:\r\n        var(--zscal-gold);\r\n    }\r\n\r\n    .zscal-modal__eyebrow b {\r\n      font-weight: 700;\r\n    }\r\n\r\n    .zscal-modal__intro h2 {\r\n      margin: 0 !important;\r\n\r\n      color: #fff !important;\r\n\r\n      max-width: 100%;\r\n\r\n      font-size:\r\n        clamp(36px,2.9vw,50px);\r\n\r\n      font-weight: 400 !important;\r\n\r\n      line-height: 1.08 !important;\r\n\r\n      overflow: visible;\r\n      overflow-wrap: normal;\r\n      word-break: normal;\r\n      hyphens: auto;\r\n\r\n      letter-spacing: -.018em;\r\n\r\n      text-wrap: balance;\r\n    }\r\n\r\n    .zscal-modal__intro > p {\r\n      max-width: 400px;\r\n\r\n      margin:\r\n        24px 0 0;\r\n\r\n      color:\r\n        rgba(255,255,255,.70);\r\n\r\n      font-size: 15px;\r\n\r\n      line-height: 1.62;\r\n    }\r\n\r\n    .zscal-modal__note {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n\r\n      margin-top: 26px;\r\n\r\n      color:\r\n        rgba(255,255,255,.54);\r\n\r\n      font-size: 11px;\r\n\r\n      line-height: 1.4;\r\n    }\r\n\r\n    .zscal-modal__note-icon {\r\n      width: 30px;\r\n      height: 30px;\r\n\r\n      flex: 0 0 30px;\r\n\r\n      display: grid;\r\n      place-items: center;\r\n\r\n      border:\r\n        1px solid rgba(255,255,255,.15);\r\n\r\n      border-radius: 50%;\r\n    }\r\n\r\n    .zscal-modal__note-icon svg {\r\n      width: 15px;\r\n      height: 15px;\r\n\r\n      fill: none;\r\n      stroke: #e0cb74;\r\n      stroke-width: 1.45;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n    }\r\n\r\n    .zscal-modal__fallback-link {\r\n      width: fit-content;\r\n\r\n      display: inline-flex !important;\r\n      align-items: center;\r\n      gap: 9px;\r\n\r\n      margin-top: auto;\r\n      padding-top: 34px;\r\n\r\n      color:\r\n        rgba(255,255,255,.70) !important;\r\n\r\n      font-size: 11px;\r\n      font-weight: 500;\r\n\r\n      text-decoration: none !important;\r\n\r\n      transition:\r\n        color .2s ease;\r\n    }\r\n\r\n    .zscal-modal__fallback-link svg {\r\n      width: 15px;\r\n      height: 15px;\r\n\r\n      fill: none;\r\n      stroke: currentColor;\r\n      stroke-width: 1.45;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n    }\r\n\r\n    .zscal-modal__calendar {\r\n      position: relative;\r\n\r\n      min-width: 0;\r\n\r\n      overflow-x: hidden;\r\n      overflow-y: auto;\r\n      overscroll-behavior: contain;\r\n\r\n      background:\r\n        linear-gradient(\r\n          180deg,\r\n          #fbfaf7,\r\n          #f6f3ec\r\n        );\r\n    }\r\n\r\n    .zscal-modal__calendar-head {\r\n      position: absolute;\r\n      z-index: 4;\r\n\r\n      top: 25px;\r\n      left: 30px;\r\n\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n\r\n      color:\r\n        #8e7520;\r\n\r\n      font-size: 8px;\r\n      font-weight: 700;\r\n\r\n      letter-spacing: .17em;\r\n      text-transform: uppercase;\r\n\r\n      pointer-events: none;\r\n    }\r\n\r\n    .zscal-modal__calendar-head i {\r\n      width: 28px;\r\n      height: 1px;\r\n\r\n      background:\r\n        var(--zscal-gold);\r\n    }\r\n\r\n    .zscal-modal__mount {\r\n      min-width: 0;\r\n      min-height: 700px;\r\n      width: 100%;\r\n\r\n      padding-top: 12px;\r\n    }\r\n\r\n    .zscal-modal__mount\r\n    .calendly-inline-widget {\r\n      min-width: 320px !important;\r\n      width: 100% !important;\r\n      height: 700px;\r\n      overflow-y: hidden !important;\r\n      transition: height .18s ease;\r\n    }\r\n\r\n    .zscal-modal__mount iframe {\r\n      display: block;\r\n      width: 100% !important;\r\n      min-width: 320px !important;\r\n      min-height: 700px !important;\r\n      border: 0 !important;\r\n    }\r\n\r\n    .zscal-modal__loading,\r\n    .zscal-modal__error {\r\n      position: absolute;\r\n      z-index: 3;\r\n\r\n      inset: 0;\r\n\r\n      display: grid;\r\n      align-content: center;\r\n      justify-items: center;\r\n      gap: 16px;\r\n\r\n      padding: 40px;\r\n\r\n      background:\r\n        linear-gradient(\r\n          180deg,\r\n          rgba(251,250,247,.98),\r\n          rgba(246,243,236,.98)\r\n        );\r\n\r\n      color:\r\n        var(--zscal-muted);\r\n\r\n      text-align: center;\r\n    }\r\n\r\n    .zscal-modal__loading.is-hidden {\r\n      display: none;\r\n    }\r\n\r\n    .zscal-modal__loader {\r\n      width: 42px;\r\n      height: 42px;\r\n\r\n      border:\r\n        2px solid rgba(38,53,44,.12);\r\n\r\n      border-top-color:\r\n        var(--zscal-gold);\r\n\r\n      border-radius: 50%;\r\n\r\n      animation:\r\n        zscalSpin .8s linear infinite;\r\n    }\r\n\r\n    .zscal-modal__loading p,\r\n    .zscal-modal__error p {\r\n      margin: 0;\r\n\r\n      color:\r\n        var(--zscal-muted);\r\n\r\n      font-size: 14px;\r\n    }\r\n\r\n    .zscal-modal__error[hidden] {\r\n      display: none !important;\r\n    }\r\n\r\n    .zscal-modal__error a {\r\n      min-height: 50px;\r\n\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n\r\n      padding:\r\n        0 20px;\r\n\r\n      border-radius: 999px;\r\n\r\n      background:\r\n        var(--zscal-gold);\r\n\r\n      color:\r\n        var(--zscal-dark) !important;\r\n\r\n      font-size: 13px;\r\n      font-weight: 700;\r\n\r\n      text-decoration: none !important;\r\n    }\r\n\r\n    .zscal-modal__error a svg {\r\n      width: 16px;\r\n      height: 16px;\r\n\r\n      fill: none;\r\n      stroke: currentColor;\r\n      stroke-width: 1.5;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n    }\r\n\r\n    @keyframes zscalSpin {\r\n      to {\r\n        transform: rotate(360deg);\r\n      }\r\n    }\r\n\r\n    @media (hover:hover) and (pointer:fine) {\r\n      .zscal-fab:hover {\r\n        transform:\r\n          translateY(-3px);\r\n\r\n        border-color:\r\n          rgba(194,162,47,.70);\r\n\r\n        box-shadow:\r\n          0 24px 64px rgba(21,36,27,.28),\r\n          0 7px 22px rgba(21,36,27,.16);\r\n      }\r\n\r\n      .zscal-fab:hover\r\n      .zscal-fab__arrow {\r\n        background:\r\n          rgba(194,162,47,.11);\r\n\r\n        transform:\r\n          translateX(3px);\r\n      }\r\n\r\n      .zscal-modal__close:hover {\r\n        transform:\r\n          rotate(4deg);\r\n\r\n        border-color:\r\n          rgba(194,162,47,.34);\r\n\r\n        background:\r\n          #fff;\r\n      }\r\n\r\n      .zscal-modal__fallback-link:hover {\r\n        color:\r\n          #e0cb74 !important;\r\n      }\r\n    }\r\n\r\n    @media (max-width:1366px) {\r\n      .zscal-modal__dialog {\r\n        width:\r\n          min(1080px, calc(100vw - 44px));\r\n\r\n        grid-template-columns:\r\n          minmax(370px,.88fr)\r\n          minmax(0,1.42fr);\r\n      }\r\n    }\r\n\r\n    @media (max-width:1200px) {\r\n      .zscal-modal {\r\n        padding: 20px;\r\n      }\r\n\r\n      .zscal-modal__dialog {\r\n        width:\r\n          min(1000px, calc(100vw - 40px));\r\n\r\n        height:\r\n          min(760px, calc(100dvh - 40px));\r\n\r\n        grid-template-columns:\r\n          minmax(340px,.84fr)\r\n          minmax(0,1.36fr);\r\n      }\r\n\r\n      .zscal-modal__intro {\r\n        padding:\r\n          54px 34px 36px;\r\n      }\r\n    }\r\n\r\n    @media (max-width:1024px) {\r\n      .zscal-modal {\r\n        padding:\r\n          max(16px, env(safe-area-inset-top, 0px))\r\n          max(16px, env(safe-area-inset-right, 0px))\r\n          max(16px, env(safe-area-inset-bottom, 0px))\r\n          max(16px, env(safe-area-inset-left, 0px));\r\n      }\r\n\r\n      .zscal-modal__dialog {\r\n        width: 100%;\r\n        height:\r\n          min(820px, calc(100dvh - 32px));\r\n\r\n        grid-template-columns:\r\n          minmax(320px,.82fr)\r\n          minmax(0,1.18fr);\r\n\r\n        border-radius: 24px;\r\n      }\r\n\r\n      .zscal-modal__intro {\r\n        padding:\r\n          48px 28px 32px;\r\n      }\r\n\r\n      .zscal-modal__brandline {\r\n        margin-bottom: 46px;\r\n      }\r\n\r\n      .zscal-modal__intro h2 {\r\n        font-size:\r\n          clamp(34px,4.7vw,48px);\r\n      }\r\n    }\r\n\r\n    @media (max-width:880px) {\r\n      .zscal-modal {\r\n        align-items: end;\r\n\r\n        padding:\r\n          max(10px, env(safe-area-inset-top, 0px))\r\n          max(10px, env(safe-area-inset-right, 0px))\r\n          max(10px, env(safe-area-inset-bottom, 0px))\r\n          max(10px, env(safe-area-inset-left, 0px));\r\n      }\r\n\r\n      .zscal-modal__dialog {\r\n        height:\r\n          calc(100dvh - 20px);\r\n\r\n        min-height: 0;\r\n\r\n        grid-template-columns: 1fr;\r\n        grid-template-rows: auto minmax(0,1fr);\r\n\r\n        border-radius: 22px;\r\n      }\r\n\r\n      .zscal-modal__intro {\r\n        display: block;\r\n\r\n        padding:\r\n          34px 68px 24px 24px;\r\n      }\r\n\r\n      .zscal-modal__brandline,\r\n      .zscal-modal__note,\r\n      .zscal-modal__fallback-link {\r\n        display: none !important;\r\n      }\r\n\r\n      .zscal-modal__eyebrow {\r\n        margin-bottom: 9px;\r\n\r\n        font-size: 8px;\r\n      }\r\n\r\n      .zscal-modal__intro h2 {\r\n        max-width: 650px;\r\n\r\n        font-size:\r\n          clamp(30px,6vw,42px);\r\n      }\r\n\r\n      .zscal-modal__intro > p {\r\n        max-width: 640px;\r\n\r\n        margin-top: 10px;\r\n\r\n        font-size: 13px;\r\n\r\n        line-height: 1.45;\r\n      }\r\n\r\n      .zscal-modal__calendar {\r\n        min-height: 0;\r\n      }\r\n\r\n      .zscal-modal__calendar-head {\r\n        display: none;\r\n      }\r\n\r\n      .zscal-modal__mount {\r\n        min-height: 690px;\r\n\r\n        padding-top: 0;\r\n      }\r\n    }\r\n\r\n    @media (max-width:767px) {\r\n      .zscal-fab {\r\n        left:\r\n          max(12px, env(safe-area-inset-left, 0px));\r\n\r\n        bottom:\r\n          max(14px, calc(env(safe-area-inset-bottom, 0px) + 10px));\r\n\r\n        min-height: 60px;\r\n        max-width:\r\n          calc(100vw - 24px);\r\n\r\n        grid-template-columns:\r\n          42px minmax(0,1fr) 34px;\r\n\r\n        gap: 10px;\r\n\r\n        padding:\r\n          7px 8px 7px 7px;\r\n      }\r\n\r\n      .zscal-fab__icon {\r\n        width: 42px;\r\n        height: 42px;\r\n      }\r\n\r\n      .zscal-fab__icon svg {\r\n        width: 19px;\r\n        height: 19px;\r\n      }\r\n\r\n      .zscal-fab__copy small {\r\n        font-size: 7px;\r\n      }\r\n\r\n      .zscal-fab__copy strong {\r\n        overflow: hidden;\r\n\r\n        font-size: 13px;\r\n\r\n        text-overflow: ellipsis;\r\n        white-space: nowrap;\r\n      }\r\n\r\n      .zscal-fab__arrow {\r\n        width: 34px;\r\n        height: 34px;\r\n      }\r\n\r\n      .zscal-modal__dialog {\r\n        border-radius: 18px;\r\n      }\r\n\r\n      .zscal-modal__close {\r\n        top: max(14px, env(safe-area-inset-top, 0px));\r\n        right: max(14px, env(safe-area-inset-right, 0px));\r\n\r\n        width: 42px;\r\n        height: 42px;\r\n      }\r\n\r\n      .zscal-modal__intro {\r\n        padding:\r\n          24px 62px 18px 20px;\r\n      }\r\n\r\n      .zscal-modal__eyebrow {\r\n        gap: 7px;\r\n\r\n        margin-bottom: 8px;\r\n\r\n        font-size: 7px;\r\n\r\n        letter-spacing: .14em;\r\n      }\r\n\r\n      .zscal-modal__eyebrow > span {\r\n        width: 20px;\r\n      }\r\n\r\n      .zscal-modal__intro h2 {\r\n        font-size:\r\n          clamp(27px,8vw,36px);\r\n\r\n        line-height:\r\n          1.04 !important;\r\n      }\r\n\r\n      .zscal-modal__intro > p {\r\n        display: none;\r\n      }\r\n\r\n      .zscal-modal__mount {\r\n        min-height: 700px;\r\n      }\r\n\r\n      .zscal-modal__mount\r\n      .calendly-inline-widget,\r\n      .zscal-modal__mount iframe {\r\n        min-height: 700px !important;\r\n        height: 700px;\r\n        overflow-y: hidden !important;\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .zscal-fab::before,\r\n      .zscal-modal__loader {\r\n        animation: none !important;\r\n      }\r\n\r\n      .zscal-fab,\r\n      .zscal-modal,\r\n      .zscal-modal__dialog,\r\n      .zscal-modal__close,\r\n      .zscal-fab__arrow {\r\n        transition: none !important;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <script>\r\n  (() => {\r\n    \"use strict\";\r\n\r\n    const root =\r\n      document.querySelector(\r\n        \"[data-zscal-root]\"\r\n      );\r\n\r\n    if (\r\n      !root ||\r\n      root.dataset.ready === \"1\"\r\n    ) {\r\n      return;\r\n    }\r\n\r\n    root.dataset.ready = \"1\";\r\n\r\n    \/*\r\n     * Elementor containers may use transform\/filter\/overflow and therefore\r\n     * trap or clip position:fixed descendants. Portal the whole component\r\n     * directly under BODY so its fixed positioning and z-index are truly\r\n     * viewport-level on every real-estate page.\r\n     *\/\r\n    if (\r\n      document.body &&\r\n      root.parentElement !== document.body\r\n    ) {\r\n      document.body.appendChild(\r\n        root\r\n      );\r\n    }\r\n\r\n    const openButton =\r\n      root.querySelector(\r\n        \"[data-zscal-open]\"\r\n      );\r\n\r\n    const modal =\r\n      root.querySelector(\r\n        \"[data-zscal-modal]\"\r\n      );\r\n\r\n    const closeButton =\r\n      root.querySelector(\r\n        \"[data-zscal-close]\"\r\n      );\r\n\r\n    const backdrop =\r\n      root.querySelector(\r\n        \"[data-zscal-backdrop]\"\r\n      );\r\n\r\n    const mount =\r\n      root.querySelector(\r\n        \"[data-zscal-mount]\"\r\n      );\r\n\r\n    const loading =\r\n      root.querySelector(\r\n        \"[data-zscal-loading]\"\r\n      );\r\n\r\n    const errorBox =\r\n      root.querySelector(\r\n        \"[data-zscal-error]\"\r\n      );\r\n\r\n    if (\r\n      !openButton ||\r\n      !modal ||\r\n      !closeButton ||\r\n      !mount\r\n    ) {\r\n      return;\r\n    }\r\n\r\n    const CALENDLY_BASE =\r\n      \"https:\/\/calendly.com\/zalaspringssales\/30min\";\r\n\r\n    const CALENDLY_EMBED =\r\n      CALENDLY_BASE +\r\n      \"?hide_event_type_details=1\" +\r\n      \"&hide_gdpr_banner=1\" +\r\n      \"&background_color=fbfaf7\" +\r\n      \"&text_color=26352c\" +\r\n      \"&primary_color=c2a22f\";\r\n\r\n    const translations = {\r\n      hu: {\r\n        fabKicker:\r\n          \"LAK\u00c1SBEMUTAT\u00d3\",\r\n\r\n        fabLabel:\r\n          \"Id\u0151pontfoglal\u00e1s\",\r\n\r\n        eyebrow:\r\n          \"SZEM\u00c9LYES BEMUTAT\u00d3\",\r\n\r\n        title:\r\n          \"Foglaljon id\u0151pontot lak\u00e1sbemutat\u00f3ra!\",\r\n\r\n        description:\r\n          \"V\u00e1lassza ki az \u00d6nnek megfelel\u0151 id\u0151pontot, \u00e9s tal\u00e1lkozzunk szem\u00e9lyesen a Zala Springsben.\",\r\n\r\n        note:\r\n          \"A foglal\u00e1s n\u00e9h\u00e1ny percet vesz ig\u00e9nybe.\",\r\n\r\n        calendar:\r\n          \"V\u00c1LASSZON ID\u0150PONTOT\",\r\n\r\n        loading:\r\n          \"Id\u0151pontfoglal\u00f3 bet\u00f6lt\u00e9se\u2026\",\r\n\r\n        fallback:\r\n          \"Foglal\u00e1s megnyit\u00e1sa \u00faj ablakban\",\r\n\r\n        error:\r\n          \"Az id\u0151pontfoglal\u00f3 most nem t\u00f6lthet\u0151 be.\",\r\n\r\n        errorLink:\r\n          \"Foglal\u00e1s megnyit\u00e1sa\",\r\n\r\n        close:\r\n          \"Bez\u00e1r\u00e1s\"\r\n      },\r\n\r\n      en: {\r\n        fabKicker:\r\n          \"PRIVATE VIEWING\",\r\n\r\n        fabLabel:\r\n          \"Book an appointment\",\r\n\r\n        eyebrow:\r\n          \"PRIVATE APARTMENT VIEWING\",\r\n\r\n        title:\r\n          \"Book an appointment for a private apartment viewing!\",\r\n\r\n        description:\r\n          \"Choose a convenient time and meet our real-estate team personally at Zala Springs.\",\r\n\r\n        note:\r\n          \"Booking only takes a few minutes.\",\r\n\r\n        calendar:\r\n          \"CHOOSE A TIME\",\r\n\r\n        loading:\r\n          \"Loading appointment calendar\u2026\",\r\n\r\n        fallback:\r\n          \"Open booking in a new window\",\r\n\r\n        error:\r\n          \"The appointment calendar cannot be loaded right now.\",\r\n\r\n        errorLink:\r\n          \"Open booking\",\r\n\r\n        close:\r\n          \"Close\"\r\n      },\r\n\r\n      de: {\r\n        fabKicker:\r\n          \"WOHNUNGSBESICHTIGUNG\",\r\n\r\n        fabLabel:\r\n          \"Termin vereinbaren\",\r\n\r\n        eyebrow:\r\n          \"PRIVATE WOHNUNGSBESICHTIGUNG\",\r\n\r\n        title:\r\n          \"Vereinbaren Sie einen Termin f\u00fcr eine private Wohnungsbesichtigung!\",\r\n\r\n        description:\r\n          \"W\u00e4hlen Sie Ihren Wunschtermin und treffen Sie unser Immobilienteam pers\u00f6nlich im Zala Springs.\",\r\n\r\n        note:\r\n          \"Die Terminbuchung dauert nur wenige Minuten.\",\r\n\r\n        calendar:\r\n          \"TERMIN AUSW\u00c4HLEN\",\r\n\r\n        loading:\r\n          \"Terminkalender wird geladen\u2026\",\r\n\r\n        fallback:\r\n          \"Buchung in neuem Fenster \u00f6ffnen\",\r\n\r\n        error:\r\n          \"Der Terminkalender kann derzeit nicht geladen werden.\",\r\n\r\n        errorLink:\r\n          \"Buchung \u00f6ffnen\",\r\n\r\n        close:\r\n          \"Schlie\u00dfen\"\r\n      }\r\n    };\r\n\r\n    const getLanguage = () => {\r\n      const path =\r\n        window.location.pathname\r\n          .toLowerCase();\r\n\r\n      const match =\r\n        path.match(\r\n          \/^\\\/(hu|en|de)(?:\\\/|$)\/\r\n        );\r\n\r\n      if (\r\n        match &&\r\n        translations[match[1]]\r\n      ) {\r\n        return match[1];\r\n      }\r\n\r\n      const htmlLang =\r\n        (\r\n          document.documentElement\r\n            .lang || \"\"\r\n        )\r\n          .slice(0,2)\r\n          .toLowerCase();\r\n\r\n      return translations[htmlLang]\r\n        ? htmlLang\r\n        : \"hu\";\r\n    };\r\n\r\n    const lang =\r\n      getLanguage();\r\n\r\n    const copy =\r\n      translations[lang];\r\n\r\n    const setText =\r\n      (selector, value) => {\r\n        const element =\r\n          root.querySelector(\r\n            selector\r\n          );\r\n\r\n        if (element) {\r\n          element.textContent =\r\n            value;\r\n        }\r\n      };\r\n\r\n    setText(\r\n      \"[data-zscal-fab-kicker]\",\r\n      copy.fabKicker\r\n    );\r\n\r\n    setText(\r\n      \"[data-zscal-fab-label]\",\r\n      copy.fabLabel\r\n    );\r\n\r\n    setText(\r\n      \"[data-zscal-eyebrow]\",\r\n      copy.eyebrow\r\n    );\r\n\r\n    setText(\r\n      \"[data-zscal-title]\",\r\n      copy.title\r\n    );\r\n\r\n    setText(\r\n      \"[data-zscal-description]\",\r\n      copy.description\r\n    );\r\n\r\n    setText(\r\n      \"[data-zscal-note]\",\r\n      copy.note\r\n    );\r\n\r\n    setText(\r\n      \"[data-zscal-calendar-label]\",\r\n      copy.calendar\r\n    );\r\n\r\n    setText(\r\n      \"[data-zscal-loading-label]\",\r\n      copy.loading\r\n    );\r\n\r\n    setText(\r\n      \"[data-zscal-fallback-label]\",\r\n      copy.fallback\r\n    );\r\n\r\n    setText(\r\n      \"[data-zscal-error-label]\",\r\n      copy.error\r\n    );\r\n\r\n    setText(\r\n      \"[data-zscal-error-link-label]\",\r\n      copy.errorLink\r\n    );\r\n\r\n    closeButton.setAttribute(\r\n      \"aria-label\",\r\n      copy.close\r\n    );\r\n\r\n    let calendlyInitialized =\r\n      false;\r\n\r\n    let previousFocus =\r\n      null;\r\n\r\n    let scrollState =\r\n      null;\r\n\r\n    let calendlyHeightHandler =\r\n      null;\r\n\r\n    let preloadStarted =\r\n      false;\r\n\r\n    let footerAvoidanceCleanup =\r\n      null;\r\n\r\n    const loadCalendlyScript =\r\n      () => {\r\n        if (\r\n          window.Calendly &&\r\n          typeof\r\n            window.Calendly\r\n              .initInlineWidget ===\r\n            \"function\"\r\n        ) {\r\n          return Promise.resolve();\r\n        }\r\n\r\n        if (\r\n          window\r\n            .__zsCalendlyScriptPromise\r\n        ) {\r\n          return window\r\n            .__zsCalendlyScriptPromise;\r\n        }\r\n\r\n        window\r\n          .__zsCalendlyScriptPromise =\r\n          new Promise(\r\n            (resolve, reject) => {\r\n              const existing =\r\n                document.querySelector(\r\n                  'script[src*=\"assets.calendly.com\/assets\/external\/widget.js\"]'\r\n                );\r\n\r\n              if (existing) {\r\n                const waitForApi =\r\n                  (attempt = 0) => {\r\n                    if (\r\n                      window.Calendly &&\r\n                      typeof\r\n                        window.Calendly\r\n                          .initInlineWidget ===\r\n                        \"function\"\r\n                    ) {\r\n                      resolve();\r\n                      return;\r\n                    }\r\n\r\n                    if (attempt > 80) {\r\n                      reject(\r\n                        new Error(\r\n                          \"Calendly API timeout\"\r\n                        )\r\n                      );\r\n                      return;\r\n                    }\r\n\r\n                    window.setTimeout(\r\n                      () =>\r\n                        waitForApi(\r\n                          attempt + 1\r\n                        ),\r\n                      50\r\n                    );\r\n                  };\r\n\r\n                waitForApi();\r\n\r\n                return;\r\n              }\r\n\r\n              const script =\r\n                document.createElement(\r\n                  \"script\"\r\n                );\r\n\r\n              script.src =\r\n                \"https:\/\/assets.calendly.com\/assets\/external\/widget.js\";\r\n\r\n              script.async =\r\n                true;\r\n\r\n              script.onload =\r\n                () => {\r\n                  if (\r\n                    window.Calendly &&\r\n                    typeof\r\n                      window.Calendly\r\n                        .initInlineWidget ===\r\n                      \"function\"\r\n                  ) {\r\n                    resolve();\r\n                  } else {\r\n                    reject(\r\n                      new Error(\r\n                        \"Calendly API unavailable\"\r\n                      )\r\n                    );\r\n                  }\r\n                };\r\n\r\n              script.onerror =\r\n                () =>\r\n                  reject(\r\n                    new Error(\r\n                      \"Calendly script failed\"\r\n                    )\r\n                  );\r\n\r\n              document.head\r\n                .appendChild(\r\n                  script\r\n                );\r\n            }\r\n          );\r\n\r\n        return window\r\n          .__zsCalendlyScriptPromise;\r\n      };\r\n\r\n    const installCalendlyHeightListener =\r\n      () => {\r\n        if (calendlyHeightHandler) {\r\n          return;\r\n        }\r\n\r\n        calendlyHeightHandler =\r\n          event => {\r\n            if (\r\n              event.origin !==\r\n                \"https:\/\/calendly.com\" ||\r\n              !event.data ||\r\n              event.data.event !==\r\n                \"calendly.page_height\"\r\n            ) {\r\n              return;\r\n            }\r\n\r\n            const rawHeight =\r\n              event.data.payload &&\r\n              event.data.payload.height;\r\n\r\n            const height =\r\n              parseInt(\r\n                rawHeight,\r\n                10\r\n              );\r\n\r\n            if (\r\n              !Number.isFinite(height) ||\r\n              height < 480 ||\r\n              height > 1600\r\n            ) {\r\n              return;\r\n            }\r\n\r\n            const widget =\r\n              mount.querySelector(\r\n                \".calendly-inline-widget\"\r\n              );\r\n\r\n            const safeHeight =\r\n              Math.min(\r\n                Math.max(\r\n                  height,\r\n                  700\r\n                ),\r\n                1400\r\n              );\r\n\r\n            if (widget) {\r\n              widget.style.height =\r\n                safeHeight + \"px\";\r\n            }\r\n\r\n            const iframe =\r\n              mount.querySelector(\r\n                \"iframe\"\r\n              );\r\n\r\n            if (iframe) {\r\n              iframe.style.height =\r\n                safeHeight + \"px\";\r\n            }\r\n\r\n            mount.style.minHeight =\r\n              safeHeight + \"px\";\r\n          };\r\n\r\n        window.addEventListener(\r\n          \"message\",\r\n          calendlyHeightHandler\r\n        );\r\n      };\r\n\r\n    const initCalendly =\r\n      async () => {\r\n        if (\r\n          calendlyInitialized\r\n        ) {\r\n          return;\r\n        }\r\n\r\n        calendlyInitialized =\r\n          true;\r\n\r\n        if (loading) {\r\n          loading.classList\r\n            .remove(\r\n              \"is-hidden\"\r\n            );\r\n        }\r\n\r\n        if (errorBox) {\r\n          errorBox.hidden =\r\n            true;\r\n        }\r\n\r\n        try {\r\n          await loadCalendlyScript();\r\n\r\n          mount.innerHTML = \"\";\r\n\r\n          installCalendlyHeightListener();\r\n\r\n          window.Calendly\r\n            .initInlineWidget({\r\n              url:\r\n                CALENDLY_EMBED,\r\n\r\n              parentElement:\r\n                mount\r\n            });\r\n\r\n          window.setTimeout(\r\n            () => {\r\n              if (loading) {\r\n                loading.classList\r\n                  .add(\r\n                    \"is-hidden\"\r\n                  );\r\n              }\r\n            },\r\n            350\r\n          );\r\n        } catch (error) {\r\n          calendlyInitialized =\r\n            false;\r\n\r\n          if (loading) {\r\n            loading.classList\r\n              .add(\r\n                \"is-hidden\"\r\n              );\r\n          }\r\n\r\n          if (errorBox) {\r\n            errorBox.hidden =\r\n              false;\r\n          }\r\n        }\r\n      };\r\n\r\n    const lockScroll =\r\n      () => {\r\n        if (scrollState) {\r\n          return;\r\n        }\r\n\r\n        const body =\r\n          document.body;\r\n\r\n        const html =\r\n          document.documentElement;\r\n\r\n        const scrollX =\r\n          window.scrollX ||\r\n          window.pageXOffset ||\r\n          0;\r\n\r\n        const scrollY =\r\n          window.scrollY ||\r\n          window.pageYOffset ||\r\n          0;\r\n\r\n        const scrollbar =\r\n          Math.max(\r\n            0,\r\n            window.innerWidth -\r\n              html.clientWidth\r\n          );\r\n\r\n        const paddingRight =\r\n          parseFloat(\r\n            window\r\n              .getComputedStyle(\r\n                body\r\n              )\r\n              .paddingRight\r\n          ) || 0;\r\n\r\n        scrollState = {\r\n          x: scrollX,\r\n          y: scrollY,\r\n          htmlOverflow:\r\n            html.style.overflow,\r\n          bodyPosition:\r\n            body.style.position,\r\n          bodyTop:\r\n            body.style.top,\r\n          bodyLeft:\r\n            body.style.left,\r\n          bodyRight:\r\n            body.style.right,\r\n          bodyWidth:\r\n            body.style.width,\r\n          bodyOverflow:\r\n            body.style.overflow,\r\n          bodyPaddingRight:\r\n            body.style.paddingRight\r\n        };\r\n\r\n        html.style.overflow =\r\n          \"hidden\";\r\n\r\n        body.style.position =\r\n          \"fixed\";\r\n\r\n        body.style.top =\r\n          (-scrollY) + \"px\";\r\n\r\n        body.style.left =\r\n          (-scrollX) + \"px\";\r\n\r\n        body.style.right =\r\n          \"0\";\r\n\r\n        body.style.width =\r\n          \"100%\";\r\n\r\n        body.style.overflow =\r\n          \"hidden\";\r\n\r\n        if (scrollbar > 0) {\r\n          body.style.paddingRight =\r\n            (paddingRight +\r\n              scrollbar) +\r\n            \"px\";\r\n        }\r\n      };\r\n\r\n    const unlockScroll =\r\n      () => {\r\n        if (!scrollState) {\r\n          return;\r\n        }\r\n\r\n        const state =\r\n          scrollState;\r\n\r\n        scrollState =\r\n          null;\r\n\r\n        const body =\r\n          document.body;\r\n\r\n        const html =\r\n          document.documentElement;\r\n\r\n        html.style.overflow =\r\n          state.htmlOverflow;\r\n\r\n        body.style.position =\r\n          state.bodyPosition;\r\n\r\n        body.style.top =\r\n          state.bodyTop;\r\n\r\n        body.style.left =\r\n          state.bodyLeft;\r\n\r\n        body.style.right =\r\n          state.bodyRight;\r\n\r\n        body.style.width =\r\n          state.bodyWidth;\r\n\r\n        body.style.overflow =\r\n          state.bodyOverflow;\r\n\r\n        body.style.paddingRight =\r\n          state.bodyPaddingRight;\r\n\r\n        window.scrollTo(\r\n          state.x,\r\n          state.y\r\n        );\r\n      };\r\n\r\n    const setupFooterAvoidance =\r\n      () => {\r\n        \/*\r\n         * Elementor can render several footer-like wrappers\/templates.\r\n         * Instead of observing the first matching node, always resolve the\r\n         * lowest visible footer candidate and calculate against its real\r\n         * viewport position.\r\n         *\/\r\n        const getFooter =\r\n          () => {\r\n            const selectors = [\r\n              \".zsmf\",\r\n              \".elementor-location-footer\",\r\n              '[data-elementor-type=\"footer\"]',\r\n              \"footer\"\r\n            ];\r\n\r\n            const nodes =\r\n              Array.from(\r\n                document.querySelectorAll(\r\n                  selectors.join(\",\")\r\n                )\r\n              );\r\n\r\n            const visible =\r\n              nodes.filter(\r\n                node => {\r\n                  const rect =\r\n                    node.getBoundingClientRect();\r\n\r\n                  const style =\r\n                    window.getComputedStyle(\r\n                      node\r\n                    );\r\n\r\n                  return (\r\n                    rect.width > 0 &&\r\n                    rect.height > 0 &&\r\n                    style.display !==\r\n                      \"none\" &&\r\n                    style.visibility !==\r\n                      \"hidden\"\r\n                  );\r\n                }\r\n              );\r\n\r\n            if (!visible.length) {\r\n              return null;\r\n            }\r\n\r\n            visible.sort(\r\n              (a,b) => {\r\n                const aTop =\r\n                  a.getBoundingClientRect()\r\n                    .top +\r\n                  window.scrollY;\r\n\r\n                const bTop =\r\n                  b.getBoundingClientRect()\r\n                    .top +\r\n                  window.scrollY;\r\n\r\n                return bTop - aTop;\r\n              }\r\n            );\r\n\r\n            return visible[0];\r\n          };\r\n\r\n        let ticking =\r\n          false;\r\n\r\n        let lastAway =\r\n          null;\r\n\r\n        const update =\r\n          () => {\r\n            ticking =\r\n              false;\r\n\r\n            const footer =\r\n              getFooter();\r\n\r\n            if (!footer) {\r\n              if (lastAway !== false) {\r\n                openButton.classList\r\n                  .remove(\r\n                    \"is-footer-away\"\r\n                  );\r\n\r\n                lastAway =\r\n                  false;\r\n              }\r\n\r\n              return;\r\n            }\r\n\r\n            const rect =\r\n              footer\r\n                .getBoundingClientRect();\r\n\r\n            \/*\r\n             * Begin sliding out just before the visible footer reaches the\r\n             * bottom of the viewport. Keep it hidden while the footer is on\r\n             * screen. Scrolling upward reverses this automatically.\r\n             *\/\r\n            const shouldHide =\r\n              rect.top <=\r\n                window.innerHeight +\r\n                  140 &&\r\n              rect.bottom >\r\n                -40;\r\n\r\n            if (\r\n              shouldHide ===\r\n              lastAway\r\n            ) {\r\n              return;\r\n            }\r\n\r\n            lastAway =\r\n              shouldHide;\r\n\r\n            openButton.classList\r\n              .toggle(\r\n                \"is-footer-away\",\r\n                shouldHide\r\n              );\r\n          };\r\n\r\n        const requestUpdate =\r\n          () => {\r\n            if (ticking) {\r\n              return;\r\n            }\r\n\r\n            ticking =\r\n              true;\r\n\r\n            window.requestAnimationFrame(\r\n              update\r\n            );\r\n          };\r\n\r\n        window.addEventListener(\r\n          \"scroll\",\r\n          requestUpdate,\r\n          {\r\n            passive:\r\n              true\r\n          }\r\n        );\r\n\r\n        window.addEventListener(\r\n          \"resize\",\r\n          requestUpdate,\r\n          {\r\n            passive:\r\n              true\r\n          }\r\n        );\r\n\r\n        let resizeObserver =\r\n          null;\r\n\r\n        if (\r\n          \"ResizeObserver\" in\r\n          window\r\n        ) {\r\n          resizeObserver =\r\n            new ResizeObserver(\r\n              requestUpdate\r\n            );\r\n\r\n          resizeObserver.observe(\r\n            document.documentElement\r\n          );\r\n        }\r\n\r\n        const mutationObserver =\r\n          new MutationObserver(\r\n            requestUpdate\r\n          );\r\n\r\n        mutationObserver.observe(\r\n          document.body,\r\n          {\r\n            childList:\r\n              true,\r\n            subtree:\r\n              true\r\n          }\r\n        );\r\n\r\n        footerAvoidanceCleanup =\r\n          () => {\r\n            window.removeEventListener(\r\n              \"scroll\",\r\n              requestUpdate\r\n            );\r\n\r\n            window.removeEventListener(\r\n              \"resize\",\r\n              requestUpdate\r\n            );\r\n\r\n            if (resizeObserver) {\r\n              resizeObserver\r\n                .disconnect();\r\n            }\r\n\r\n            mutationObserver\r\n              .disconnect();\r\n          };\r\n\r\n        requestUpdate();\r\n      };\r\n\r\n    const preloadCalendly =\r\n      () => {\r\n        if (preloadStarted) {\r\n          return;\r\n        }\r\n\r\n        preloadStarted =\r\n          true;\r\n\r\n        [\r\n          \"https:\/\/assets.calendly.com\",\r\n          \"https:\/\/calendly.com\"\r\n        ].forEach(\r\n          href => {\r\n            if (\r\n              document.querySelector(\r\n                'link[rel=\"preconnect\"][href=\"' +\r\n                  href +\r\n                '\"]'\r\n              )\r\n            ) {\r\n              return;\r\n            }\r\n\r\n            const link =\r\n              document.createElement(\r\n                \"link\"\r\n              );\r\n\r\n            link.rel =\r\n              \"preconnect\";\r\n\r\n            link.href =\r\n              href;\r\n\r\n            link.crossOrigin =\r\n              \"anonymous\";\r\n\r\n            document.head\r\n              .appendChild(\r\n                link\r\n              );\r\n          }\r\n        );\r\n\r\n        \/*\r\n         * The modal stays visibility:hidden but participates in layout.\r\n         * Initialising here means Calendly has the correct width and is\r\n         * already loaded by the time the visitor clicks the floating CTA.\r\n         *\/\r\n        initCalendly();\r\n      };\r\n\r\n    const openModal =\r\n      () => {\r\n        if (\r\n          modal.classList\r\n            .contains(\r\n              \"is-open\"\r\n            )\r\n        ) {\r\n          return;\r\n        }\r\n\r\n        previousFocus =\r\n          document.activeElement\r\n            instanceof HTMLElement\r\n            ? document.activeElement\r\n            : null;\r\n\r\n        lockScroll();\r\n\r\n        document.documentElement\r\n          .classList.add(\r\n            \"zscal-booking-open\"\r\n          );\r\n\r\n        modal.hidden =\r\n          false;\r\n\r\n        modal.setAttribute(\r\n          \"aria-hidden\",\r\n          \"false\"\r\n        );\r\n\r\n        openButton.setAttribute(\r\n          \"aria-expanded\",\r\n          \"true\"\r\n        );\r\n\r\n        window\r\n          .requestAnimationFrame(\r\n            () =>\r\n              window\r\n                .requestAnimationFrame(\r\n                  () => {\r\n                    modal.classList\r\n                      .add(\r\n                        \"is-open\"\r\n                      );\r\n\r\n                    closeButton.focus({\r\n                      preventScroll:\r\n                        true\r\n                    });\r\n                  }\r\n                )\r\n          );\r\n\r\n        preloadCalendly();\r\n      };\r\n\r\n    const closeModal =\r\n      () => {\r\n        if (\r\n          !modal.classList\r\n            .contains(\r\n              \"is-open\"\r\n            )\r\n        ) {\r\n          return;\r\n        }\r\n\r\n        modal.classList\r\n          .remove(\r\n            \"is-open\"\r\n          );\r\n\r\n        modal.setAttribute(\r\n          \"aria-hidden\",\r\n          \"true\"\r\n        );\r\n\r\n        openButton.setAttribute(\r\n          \"aria-expanded\",\r\n          \"false\"\r\n        );\r\n\r\n        unlockScroll();\r\n\r\n        window.setTimeout(\r\n          () => {\r\n            document.documentElement\r\n              .classList.remove(\r\n                \"zscal-booking-open\"\r\n              );\r\n\r\n            if (\r\n              previousFocus &&\r\n              document.contains(\r\n                previousFocus\r\n              )\r\n            ) {\r\n              try {\r\n                previousFocus.focus({\r\n                  preventScroll:\r\n                    true\r\n                });\r\n              } catch (error) {\r\n                previousFocus.focus();\r\n              }\r\n            }\r\n\r\n            previousFocus =\r\n              null;\r\n          },\r\n          280\r\n        );\r\n      };\r\n\r\n    const getFocusable =\r\n      () =>\r\n        Array.from(\r\n          modal.querySelectorAll(\r\n            'a[href],button:not([disabled]),iframe,[tabindex]:not([tabindex=\"-1\"])'\r\n          )\r\n        )\r\n          .filter(\r\n            element =>\r\n              element\r\n                .getClientRects()\r\n                .length > 0\r\n          );\r\n\r\n    modal.hidden =\r\n      false;\r\n\r\n    setupFooterAvoidance();\r\n\r\n    const schedulePreload =\r\n      () => {\r\n        if (\r\n          \"requestIdleCallback\" in\r\n          window\r\n        ) {\r\n          window.requestIdleCallback(\r\n            preloadCalendly,\r\n            {\r\n              timeout: 1200\r\n            }\r\n          );\r\n        } else {\r\n          window.setTimeout(\r\n            preloadCalendly,\r\n            450\r\n          );\r\n        }\r\n      };\r\n\r\n    if (\r\n      document.readyState ===\r\n      \"complete\"\r\n    ) {\r\n      schedulePreload();\r\n    } else {\r\n      window.addEventListener(\r\n        \"load\",\r\n        schedulePreload,\r\n        {\r\n          once: true\r\n        }\r\n      );\r\n    }\r\n\r\n    openButton\r\n      .addEventListener(\r\n        \"click\",\r\n        openModal\r\n      );\r\n\r\n    closeButton\r\n      .addEventListener(\r\n        \"click\",\r\n        closeModal\r\n      );\r\n\r\n    if (backdrop) {\r\n      backdrop.addEventListener(\r\n        \"click\",\r\n        closeModal\r\n      );\r\n    }\r\n\r\n    document\r\n      .addEventListener(\r\n        \"keydown\",\r\n        event => {\r\n          if (\r\n            !modal.classList\r\n              .contains(\r\n                \"is-open\"\r\n              )\r\n          ) {\r\n            return;\r\n          }\r\n\r\n          if (\r\n            event.key ===\r\n            \"Escape\"\r\n          ) {\r\n            event.preventDefault();\r\n\r\n            closeModal();\r\n\r\n            return;\r\n          }\r\n\r\n          if (\r\n            event.key !==\r\n            \"Tab\"\r\n          ) {\r\n            return;\r\n          }\r\n\r\n          const focusable =\r\n            getFocusable();\r\n\r\n          if (!focusable.length) {\r\n            return;\r\n          }\r\n\r\n          const first =\r\n            focusable[0];\r\n\r\n          const last =\r\n            focusable[\r\n              focusable.length -\r\n              1\r\n            ];\r\n\r\n          if (\r\n            event.shiftKey &&\r\n            document.activeElement ===\r\n              first\r\n          ) {\r\n            event.preventDefault();\r\n\r\n            last.focus();\r\n\r\n            return;\r\n          }\r\n\r\n          if (\r\n            !event.shiftKey &&\r\n            document.activeElement ===\r\n              last\r\n          ) {\r\n            event.preventDefault();\r\n\r\n            first.focus();\r\n          }\r\n        }\r\n      );\r\n\r\n    window.addEventListener(\r\n      \"pagehide\",\r\n      () => {\r\n        unlockScroll();\r\n\r\n        document.documentElement\r\n          .classList.remove(\r\n            \"zscal-booking-open\"\r\n          );\r\n\r\n        if (\r\n          typeof\r\n            footerAvoidanceCleanup ===\r\n            \"function\"\r\n        ) {\r\n          footerAvoidanceCleanup();\r\n\r\n          footerAvoidanceCleanup =\r\n            null;\r\n        }\r\n\r\n        if (\r\n          calendlyHeightHandler\r\n        ) {\r\n          window.removeEventListener(\r\n            \"message\",\r\n            calendlyHeightHandler\r\n          );\r\n\r\n          calendlyHeightHandler =\r\n            null;\r\n        }\r\n      }\r\n    );\r\n  })();\r\n  <\/script>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>ZALA SPRINGS INGATLAN K\u00dcL\u00d6NLEGES INGATLANLEHET\u0150S\u00c9GEK K\u00fcl\u00f6nleges Lehet\u0151s\u00e9gek a Zala Springs Health &#038; Golf Resorttal Regisztr\u00e1ci\u00f3 Felfedez\u00e9s K\u00dcL\u00d6NLEGES LEHET\u0150S\u00c9GEK PARTNERI LEHET\u0150S\u00c9G Legyen a partner\u00fcnk: b\u0151v\u00edtse portf\u00f3li\u00f3j\u00e1t luxusingatlanokkal 01 04 ZALA SPRINGS RESIDENCES Ingatlanszak\u00e9rt\u0151k\u00e9nt, szeretn\u00e9 b\u0151v\u00edteni portf\u00f3li\u00f3j\u00e1t kiv\u00e9teles, magas sz\u00ednvonal\u00fa ingatlanokkal? A Zala Springs Health &amp; Golf Resort egyed\u00fcl\u00e1ll\u00f3 lehet\u0151s\u00e9get k\u00edn\u00e1l arra, hogy \u00fcgyfeleinek luxuslak\u00e1sokat aj\u00e1nljon Magyarorsz\u00e1g [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-453","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/zalasprings.hu\/hu\/wp-json\/wp\/v2\/pages\/453","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zalasprings.hu\/hu\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zalasprings.hu\/hu\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zalasprings.hu\/hu\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zalasprings.hu\/hu\/wp-json\/wp\/v2\/comments?post=453"}],"version-history":[{"count":13,"href":"https:\/\/zalasprings.hu\/hu\/wp-json\/wp\/v2\/pages\/453\/revisions"}],"predecessor-version":[{"id":2765,"href":"https:\/\/zalasprings.hu\/hu\/wp-json\/wp\/v2\/pages\/453\/revisions\/2765"}],"wp:attachment":[{"href":"https:\/\/zalasprings.hu\/hu\/wp-json\/wp\/v2\/media?parent=453"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}