{"id":2771,"date":"2026-09-19T13:51:26","date_gmt":"2026-09-19T11:51:26","guid":{"rendered":"https:\/\/zalasprings.hu\/?page_id=2771"},"modified":"2026-09-19T15:28:14","modified_gmt":"2026-09-19T13:28:14","slug":"golf-relaxation","status":"publish","type":"page","link":"https:\/\/zalasprings.hu\/en\/golf-pihenes\/","title":{"rendered":"Golf &amp; Relaxation"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2771\" class=\"elementor elementor-2771\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0b2c332 e-con-full e-flex e-con e-parent\" data-id=\"0b2c332\" 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-ec928b5 elementor-widget elementor-widget-html\" data-id=\"ec928b5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ZALA SPRINGS MAIN \u2014 GOLF & PIHEN\u00c9S HERO -->\r\n<section\r\n  id=\"zs-golf-relax-hero\"\r\n  class=\"zs-main zs-ui zsgrelax\"\r\n  aria-labelledby=\"zsgrelax-title\"\r\n>\r\n\r\n  <div class=\"zsgrelax__frame\">\r\n\r\n    <div class=\"zsgrelax__media\" aria-hidden=\"true\">\r\n      <img\r\n        src=\"\/wp-content\/uploads\/2026\/09\/header-2.jpg\"\r\n        alt=\"\"\r\n        fetchpriority=\"high\"\r\n        decoding=\"async\"\r\n      >\r\n    <\/div>\r\n\r\n    <div class=\"zsgrelax__overlay\" aria-hidden=\"true\"><\/div>\r\n    <div class=\"zsgrelax__vignette\" aria-hidden=\"true\"><\/div>\r\n\r\n    <div class=\"zsgrelax__content\">\r\n\r\n      <div class=\"zsgrelax__eyebrow\">\r\n        <span><\/span>\r\n        <b>GOLF & PIHEN\u00c9S<\/b>\r\n        <span><\/span>\r\n      <\/div>\r\n\r\n      <h1 id=\"zsgrelax-title\" class=\"zsgrelax__title\">\r\n        Zala Springs Golf Resort\r\n      <\/h1>\r\n\r\n      <a\r\n        class=\"zsgrelax__cta\"\r\n        href=\"mailto:info@zalasprings.hu\"\r\n      >\r\n        <span>info@zalasprings.hu<\/span>\r\n\r\n        <span class=\"zsgrelax__cta-icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <path d=\"M4 6h16v12H4z\"><\/path>\r\n            <path d=\"m4 7 8 6 8-6\"><\/path>\r\n          <\/svg>\r\n        <\/span>\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n\r\n  <style>\r\n    #zs-golf-relax-hero,\r\n    #zs-golf-relax-hero *,\r\n    #zs-golf-relax-hero *::before,\r\n    #zs-golf-relax-hero *::after {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    #zs-golf-relax-hero {\r\n      --gold: var(--zs-brand-gold, #c2a22f);\r\n      --dark: var(--zs-brand-midnight, #26352c);\r\n      --ivory: var(--zs-surface, #fbfaf7);\r\n\r\n      width: 100%;\r\n      padding: 28px;\r\n\r\n      background: var(--ivory);\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-golf-relax-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-golf-relax-hero a {\r\n      text-decoration: none;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       FRAME\r\n       ========================================================= *\/\r\n\r\n    .zsgrelax__frame {\r\n      position: relative;\r\n\r\n      width: 100%;\r\n      min-height: clamp(560px, 68svh, 780px);\r\n\r\n      overflow: hidden;\r\n\r\n      display: grid;\r\n      place-items: center;\r\n\r\n      border-radius: 28px;\r\n\r\n      background: var(--dark);\r\n\r\n      isolation: isolate;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       IMAGE\r\n       ========================================================= *\/\r\n\r\n    .zsgrelax__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    .zsgrelax__media img {\r\n      position: absolute;\r\n\r\n      inset: -2%;\r\n\r\n      display: block;\r\n\r\n      width: 104%;\r\n      max-width: none;\r\n      height: 104%;\r\n\r\n      object-fit: cover;\r\n      object-position: center center;\r\n\r\n      transform: scale(1.04);\r\n\r\n      animation:\r\n        zsgrelaxImage 12s ease-out both;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       OVERLAY\r\n       ========================================================= *\/\r\n\r\n    .zsgrelax__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          0deg,\r\n          rgba(17,34,25,.58) 0%,\r\n          rgba(17,34,25,.25) 52%,\r\n          rgba(17,34,25,.18) 100%\r\n        ),\r\n        linear-gradient(\r\n          90deg,\r\n          rgba(20,39,29,.24),\r\n          rgba(20,39,29,.05) 50%,\r\n          rgba(20,39,29,.24)\r\n        );\r\n\r\n      pointer-events: none;\r\n    }\r\n\r\n    .zsgrelax__vignette {\r\n      position: absolute;\r\n\r\n      inset: 0;\r\n\r\n      z-index: -2;\r\n\r\n      box-shadow:\r\n        inset 0 0 130px rgba(15,30,22,.24);\r\n\r\n      pointer-events: none;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       CONTENT\r\n       ========================================================= *\/\r\n\r\n    .zsgrelax__content {\r\n      position: relative;\r\n\r\n      z-index: 2;\r\n\r\n      width:\r\n        min(calc(100% - 100px), 1100px);\r\n\r\n      margin:\r\n        0 auto;\r\n\r\n      display:\r\n        flex;\r\n\r\n      flex-direction:\r\n        column;\r\n\r\n      align-items:\r\n        center;\r\n\r\n      text-align:\r\n        center;\r\n\r\n      animation:\r\n        zsgrelaxContentIn\r\n        .9s .15s\r\n        cubic-bezier(.2,.72,.2,1)\r\n        both;\r\n    }\r\n\r\n\r\n    .zsgrelax__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        18px;\r\n\r\n      color:\r\n        #e1cd77;\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      text-transform:\r\n        uppercase;\r\n    }\r\n\r\n    .zsgrelax__eyebrow span {\r\n      width:\r\n        44px;\r\n\r\n      height:\r\n        1px;\r\n\r\n      background:\r\n        rgba(194,162,47,.78);\r\n    }\r\n\r\n    .zsgrelax__eyebrow b {\r\n      font-weight:\r\n        700;\r\n    }\r\n\r\n\r\n    .zsgrelax__title {\r\n      margin:\r\n        0 !important;\r\n\r\n      color:\r\n        #fff !important;\r\n\r\n      font-size:\r\n        clamp(52px, 5.4vw, 90px);\r\n\r\n      font-weight:\r\n        400 !important;\r\n\r\n      line-height:\r\n        .98 !important;\r\n\r\n      letter-spacing:\r\n        -.025em;\r\n\r\n      text-shadow:\r\n        0 4px 28px rgba(0,0,0,.22);\r\n\r\n      text-wrap:\r\n        balance;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       CTA\r\n       ========================================================= *\/\r\n\r\n    .zsgrelax__cta {\r\n      min-height:\r\n        60px;\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      gap:\r\n        18px;\r\n\r\n      margin-top:\r\n        32px;\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:\r\n        999px;\r\n\r\n      background:\r\n        var(--gold);\r\n\r\n      color:\r\n        var(--dark) !important;\r\n\r\n      box-shadow:\r\n        0 14px 34px\r\n        rgba(194,162,47,.24);\r\n\r\n      font-size:\r\n        13px;\r\n\r\n      font-weight:\r\n        700;\r\n\r\n      letter-spacing:\r\n        .025em;\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    .zsgrelax__cta-icon {\r\n      width:\r\n        44px;\r\n\r\n      height:\r\n        44px;\r\n\r\n      flex:\r\n        0 0 44px;\r\n\r\n      display:\r\n        grid;\r\n\r\n      place-items:\r\n        center;\r\n\r\n      border-radius:\r\n        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    .zsgrelax__cta svg {\r\n      width:\r\n        18px;\r\n\r\n      height:\r\n        18px;\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.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\r\n    \/* =========================================================\r\n       HOVER\r\n       ========================================================= *\/\r\n\r\n    @media (hover:hover) and (pointer:fine) {\r\n\r\n      .zsgrelax__cta:hover {\r\n        transform:\r\n          translateY(-3px);\r\n\r\n        background:\r\n          #ceb03f;\r\n\r\n        box-shadow:\r\n          0 19px 44px\r\n          rgba(194,162,47,.31);\r\n      }\r\n\r\n      .zsgrelax__cta:hover\r\n      .zsgrelax__cta-icon {\r\n        background:\r\n          rgba(38,53,44,.15);\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       ANIMATION\r\n       ========================================================= *\/\r\n\r\n    @keyframes zsgrelaxImage {\r\n      from {\r\n        transform:\r\n          scale(1.035);\r\n      }\r\n\r\n      to {\r\n        transform:\r\n          scale(1.085);\r\n      }\r\n    }\r\n\r\n    @keyframes zsgrelaxContentIn {\r\n      from {\r\n        opacity:\r\n          0;\r\n\r\n        transform:\r\n          translateY(22px);\r\n      }\r\n\r\n      to {\r\n        opacity:\r\n          1;\r\n\r\n        transform:\r\n          translateY(0);\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-golf-relax-hero {\r\n        padding:\r\n          22px;\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-golf-relax-hero {\r\n        padding:\r\n          18px;\r\n      }\r\n\r\n      .zsgrelax__frame {\r\n        min-height:\r\n          620px;\r\n\r\n        border-radius:\r\n          24px;\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-golf-relax-hero {\r\n        padding:\r\n          16px;\r\n      }\r\n\r\n      .zsgrelax__frame {\r\n        min-height:\r\n          600px;\r\n\r\n        border-radius:\r\n          22px;\r\n      }\r\n\r\n      .zsgrelax__content {\r\n        width:\r\n          calc(100% - 56px);\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-golf-relax-hero {\r\n        padding:\r\n          12px;\r\n      }\r\n\r\n      .zsgrelax__frame {\r\n        border-radius:\r\n          19px;\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-golf-relax-hero {\r\n        padding:\r\n          10px;\r\n      }\r\n\r\n      .zsgrelax__frame {\r\n        min-height:\r\n          560px;\r\n\r\n        border-radius:\r\n          17px;\r\n      }\r\n\r\n      .zsgrelax__media img {\r\n        object-position:\r\n          center center;\r\n      }\r\n\r\n      .zsgrelax__overlay {\r\n        background:\r\n          linear-gradient(\r\n            0deg,\r\n            rgba(17,34,25,.72),\r\n            rgba(17,34,25,.30) 60%,\r\n            rgba(17,34,25,.17)\r\n          );\r\n      }\r\n\r\n      .zsgrelax__content {\r\n        width:\r\n          calc(100% - 34px);\r\n      }\r\n\r\n      .zsgrelax__eyebrow {\r\n        gap:\r\n          9px;\r\n\r\n        font-size:\r\n          8px;\r\n      }\r\n\r\n      .zsgrelax__eyebrow span {\r\n        width:\r\n          27px;\r\n      }\r\n\r\n      .zsgrelax__title {\r\n        font-size:\r\n          clamp(44px, 13vw, 62px);\r\n      }\r\n\r\n      .zsgrelax__cta {\r\n        width:\r\n          min(100%, 390px);\r\n\r\n        justify-content:\r\n          space-between;\r\n\r\n        margin-top:\r\n          26px;\r\n\r\n        padding:\r\n          7px 7px 7px 20px;\r\n\r\n        font-size:\r\n          12px;\r\n      }\r\n\r\n      .zsgrelax__cta-icon {\r\n        width:\r\n          42px;\r\n\r\n        height:\r\n          42px;\r\n\r\n        flex-basis:\r\n          42px;\r\n      }\r\n\r\n    }\r\n\r\n\r\n    @media (max-width:420px) {\r\n\r\n      .zsgrelax__frame {\r\n        min-height:\r\n          520px;\r\n      }\r\n\r\n      .zsgrelax__title {\r\n        font-size:\r\n          42px;\r\n      }\r\n\r\n    }\r\n\r\n\r\n    @media (prefers-reduced-motion:reduce) {\r\n\r\n      #zs-golf-relax-hero *,\r\n      #zs-golf-relax-hero *::before,\r\n      #zs-golf-relax-hero *::after {\r\n        animation:\r\n          none !important;\r\n\r\n        transition:\r\n          none !important;\r\n      }\r\n\r\n    }\r\n\r\n  <\/style>\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-f292018 e-con-full e-flex e-con e-parent\" data-id=\"f292018\" 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-770a084 elementor-widget elementor-widget-html\" data-id=\"770a084\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ZALA SPRINGS MAIN \u2014 GOLF & PIHEN\u00c9S \/ CSOMAGAJ\u00c1NLATOK -->\r\n<section\r\n  id=\"zs-golf-relax-packages\"\r\n  class=\"zs-main zsgrp\"\r\n  aria-labelledby=\"zsgrp-title\"\r\n>\r\n\r\n  <div class=\"zsgrp__inner\">\r\n\r\n    <header class=\"zsgrp__header zsgrp__reveal\">\r\n\r\n      <div class=\"zsgrp__eyebrow\">\r\n        <span><\/span>\r\n        <b>GOLF & PIHEN\u00c9S<\/b>\r\n        <span><\/span>\r\n      <\/div>\r\n\r\n      <h2 id=\"zsgrp-title\">\r\n        Pihenjen st\u00edlusosan, j\u00e1tsszon szenved\u00e9llyel!\r\n      <\/h2>\r\n\r\n      <p>\r\n        Foglaljon most, \u00e9s \u00e9lvezze a golf \u00e9s a pihen\u00e9s t\u00f6k\u00e9letes harm\u00f3ni\u00e1j\u00e1t!\r\n      <\/p>\r\n\r\n    <\/header>\r\n\r\n\r\n    <div class=\"zsgrp__grid\">\r\n\r\n      <!-- GOLF BREAK -->\r\n      <article class=\"zsgrp__card zsgrp__reveal\">\r\n\r\n        <div class=\"zsgrp__media\">\r\n          <img\r\n            src=\"\/wp-content\/uploads\/2026\/09\/csomag-01.jpg\"\r\n            alt=\"Golf Break csomag a Zala Springsben\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\"\r\n          >\r\n\r\n          <div class=\"zsgrp__media-shade\" aria-hidden=\"true\"><\/div>\r\n\r\n          <span class=\"zsgrp__number\" aria-hidden=\"true\">\r\n            01\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"zsgrp__body\">\r\n\r\n          <span class=\"zsgrp__type\">\r\n            GOLF & WELLNESS\r\n          <\/span>\r\n\r\n          <h3>\r\n            Golf Break\r\n          <\/h3>\r\n\r\n          <div class=\"zsgrp__line\"><\/div>\r\n\r\n          <div class=\"zsgrp__details\">\r\n\r\n            <p>\r\n              <strong>A csomag tartalma:<\/strong>\r\n              1 \u00e9jszaka sz\u00e1ll\u00e1s, reggeli \u00e9s Spa-haszn\u00e1lat, valamint szem\u00e9lyenk\u00e9nt 2 green fee.\r\n            <\/p>\r\n\r\n            <p>\r\n              <strong>\u00c9rkez\u00e9si napok:<\/strong>\r\n              vas\u00e1rnap, h\u00e9tf\u0151 \u00e9s kedd.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"zsgrp__price\">\r\n            <span class=\"zsgrp__price-label\">\u00c1r<\/span>\r\n            <strong>229 EUR \/ f\u0151<\/strong>\r\n          <\/div>\r\n\r\n          <div class=\"zsgrp__meta\">\r\n            <span>Egy\u00e1gyas fel\u00e1r: 50 EUR \/ \u00e9j<\/span>\r\n          <\/div>\r\n\r\n          <p class=\"zsgrp__validity\">\r\n            Az aj\u00e1nlat 2026.08.01. \u00e9s 2026.11.14. k\u00f6z\u00f6tt, vas\u00e1rnapi, h\u00e9tf\u0151i \u00e9s keddi\r\n            \u00e9rkez\u00e9ssel \u00e9rv\u00e9nyes.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- STAY & PLAY 2 -->\r\n      <article class=\"zsgrp__card zsgrp__reveal\">\r\n\r\n        <div class=\"zsgrp__media\">\r\n          <img\r\n            src=\"\/wp-content\/uploads\/2026\/09\/csomag-02.jpg\"\r\n            alt=\"Stay & Play 2 \u00e9jszak\u00e1s golfcsomag a Zala Springsben\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\"\r\n          >\r\n\r\n          <div class=\"zsgrp__media-shade\" aria-hidden=\"true\"><\/div>\r\n\r\n          <span class=\"zsgrp__number\" aria-hidden=\"true\">\r\n            02\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"zsgrp__body\">\r\n\r\n          <span class=\"zsgrp__type\">\r\n            STAY & PLAY\r\n          <\/span>\r\n\r\n          <h3>\r\n            Stay & Play \u2013 2 \u00e9jszaka, 2 green fee\r\n          <\/h3>\r\n\r\n          <div class=\"zsgrp__line\"><\/div>\r\n\r\n          <div class=\"zsgrp__details\">\r\n\r\n            <p>\r\n              <strong>A csomag tartalma:<\/strong>\r\n              2 \u00e9jszaka sz\u00e1ll\u00e1s, reggeli \u00e9s Spa-haszn\u00e1lat, valamint szem\u00e9lyenk\u00e9nt 2 green fee.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"zsgrp__price\">\r\n            <span class=\"zsgrp__price-label\">\u00c1r<\/span>\r\n            <strong>319 EUR \/ f\u0151<\/strong>\r\n          <\/div>\r\n\r\n          <div class=\"zsgrp__meta\">\r\n            <span>Egy\u00e1gyas fel\u00e1r: 50 EUR \/ \u00e9j<\/span>\r\n          <\/div>\r\n\r\n          <p class=\"zsgrp__validity\">\r\n            Az aj\u00e1nlat 2026.08.01. \u00e9s 2026.11.14. k\u00f6z\u00f6tt \u00e9rv\u00e9nyes.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- STAY & PLAY 3 -->\r\n      <article class=\"zsgrp__card zsgrp__reveal\">\r\n\r\n        <div class=\"zsgrp__media\">\r\n          <img\r\n            src=\"\/wp-content\/uploads\/2026\/09\/csomag-03.jpg\"\r\n            alt=\"Stay & Play 3 \u00e9jszak\u00e1s golfcsomag a Zala Springsben\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\"\r\n          >\r\n\r\n          <div class=\"zsgrp__media-shade\" aria-hidden=\"true\"><\/div>\r\n\r\n          <span class=\"zsgrp__number\" aria-hidden=\"true\">\r\n            03\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"zsgrp__body\">\r\n\r\n          <span class=\"zsgrp__type\">\r\n            STAY & PLAY\r\n          <\/span>\r\n\r\n          <h3>\r\n            Stay & Play \u2013 3 \u00e9jszaka, 3 green fee\r\n          <\/h3>\r\n\r\n          <div class=\"zsgrp__line\"><\/div>\r\n\r\n          <div class=\"zsgrp__details\">\r\n\r\n            <p>\r\n              <strong>A csomag tartalma:<\/strong>\r\n              3 \u00e9jszaka sz\u00e1ll\u00e1s, reggeli \u00e9s Spa-haszn\u00e1lat, valamint szem\u00e9lyenk\u00e9nt 3 green fee.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"zsgrp__price\">\r\n            <span class=\"zsgrp__price-label\">\u00c1r<\/span>\r\n            <strong>469 EUR \/ f\u0151<\/strong>\r\n          <\/div>\r\n\r\n          <div class=\"zsgrp__meta\">\r\n            <span>Egy\u00e1gyas fel\u00e1r: 50 EUR \/ \u00e9j<\/span>\r\n          <\/div>\r\n\r\n          <p class=\"zsgrp__validity\">\r\n            Az aj\u00e1nlat 2026.08.01. \u00e9s 2026.11.14. k\u00f6z\u00f6tt \u00e9rv\u00e9nyes.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"zsgrp__note zsgrp__reveal\">\r\n      <span class=\"zsgrp__note-line\" aria-hidden=\"true\"><\/span>\r\n\r\n      <p>\r\n        A fenti \u00e1rak az al\u00e1bbi szobat\u00edpusokra \u00e9rv\u00e9nyesek:\r\n        Boutique Rooms | Junior Suite | Superior Golf Studio Suite terasszal\r\n      <\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n\r\n  <style>\r\n\r\n    #zs-golf-relax-packages,\r\n    #zs-golf-relax-packages *,\r\n    #zs-golf-relax-packages *::before,\r\n    #zs-golf-relax-packages *::after {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    #zs-golf-relax-packages {\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      --line: var(--zs-line, rgba(38,53,44,.12));\r\n\r\n      position: relative;\r\n\r\n      width: 100%;\r\n\r\n      padding:\r\n        clamp(88px, 7.5vw, 138px)\r\n        clamp(18px, 4vw, 64px)\r\n        clamp(80px, 6.5vw, 120px);\r\n\r\n      overflow: hidden;\r\n\r\n      background:\r\n        radial-gradient(\r\n          circle at 8% 14%,\r\n          rgba(194,162,47,.07),\r\n          transparent 24%\r\n        ),\r\n        linear-gradient(\r\n          180deg,\r\n          #fcfbf7 0%,\r\n          #f7f4ed 100%\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-golf-relax-packages * {\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\r\n    .zsgrp__inner {\r\n      width: min(100%, 1510px);\r\n      margin: 0 auto;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       HEADER\r\n       ========================================================= *\/\r\n\r\n    .zsgrp__header {\r\n      width: min(100%, 1020px);\r\n\r\n      margin:\r\n        0 auto\r\n        clamp(48px, 5vw, 72px);\r\n\r\n      text-align: center;\r\n    }\r\n\r\n    .zsgrp__eyebrow {\r\n      display: flex;\r\n\r\n      align-items: center;\r\n      justify-content: center;\r\n\r\n      gap: 14px;\r\n\r\n      margin-bottom: 18px;\r\n\r\n      color: #a3882e;\r\n\r\n      font-size: 10px;\r\n      font-weight: 700;\r\n\r\n      letter-spacing: .24em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .zsgrp__eyebrow span {\r\n      width: 58px;\r\n      height: 1px;\r\n\r\n      background:\r\n        rgba(194,162,47,.72);\r\n    }\r\n\r\n    .zsgrp__eyebrow b {\r\n      font-weight: 700;\r\n    }\r\n\r\n    .zsgrp__header h2 {\r\n      margin: 0 !important;\r\n\r\n      color: var(--dark) !important;\r\n\r\n      font-size:\r\n        clamp(46px, 4.8vw, 82px);\r\n\r\n      font-weight: 400 !important;\r\n\r\n      line-height: 1.03 !important;\r\n\r\n      letter-spacing: -.02em;\r\n\r\n      text-wrap: balance;\r\n    }\r\n\r\n    .zsgrp__header > p {\r\n      width: min(100%, 760px);\r\n\r\n      margin:\r\n        18px auto 0 !important;\r\n\r\n      color: var(--muted);\r\n\r\n      font-size:\r\n        clamp(16px, 1.05vw, 20px);\r\n\r\n      line-height: 1.55;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       GRID\r\n       ========================================================= *\/\r\n\r\n    .zsgrp__grid {\r\n      display: grid;\r\n\r\n      grid-template-columns:\r\n        repeat(3, minmax(0, 1fr));\r\n\r\n      gap: 22px;\r\n\r\n      align-items: stretch;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       CARD\r\n       ========================================================= *\/\r\n\r\n    .zsgrp__card {\r\n      position: relative;\r\n\r\n      min-width: 0;\r\n\r\n      display: flex;\r\n      flex-direction: column;\r\n\r\n      overflow: hidden;\r\n\r\n      border:\r\n        1px solid rgba(194,162,47,.26);\r\n\r\n      border-radius:\r\n        22px;\r\n\r\n      background:\r\n        rgba(255,255,255,.88);\r\n\r\n      box-shadow:\r\n        0 18px 45px rgba(38,53,44,.055);\r\n\r\n      transition:\r\n        transform .45s cubic-bezier(.2,.72,.2,1),\r\n        border-color .4s ease,\r\n        box-shadow .4s ease;\r\n    }\r\n\r\n\r\n    .zsgrp__media {\r\n      position: relative;\r\n\r\n      aspect-ratio:\r\n        1.55 \/ 1;\r\n\r\n      overflow: hidden;\r\n\r\n      margin: 9px;\r\n\r\n      border-radius: 15px;\r\n\r\n      background:\r\n        linear-gradient(\r\n          135deg,\r\n          #d8ded9,\r\n          #a7b3aa\r\n        );\r\n    }\r\n\r\n    .zsgrp__media img {\r\n      position: absolute;\r\n\r\n      inset: 0;\r\n\r\n      display: block;\r\n\r\n      width: 100%;\r\n      max-width: none;\r\n      height: 100%;\r\n\r\n      object-fit: cover;\r\n      object-position: center;\r\n\r\n      transform:\r\n        scale(1.015);\r\n\r\n      transition:\r\n        transform .75s cubic-bezier(.2,.72,.2,1);\r\n    }\r\n\r\n    .zsgrp__media-shade {\r\n      position: absolute;\r\n\r\n      inset: 0;\r\n\r\n      background:\r\n        linear-gradient(\r\n          180deg,\r\n          rgba(15,31,22,.02) 45%,\r\n          rgba(15,31,22,.30)\r\n        );\r\n\r\n      pointer-events: none;\r\n    }\r\n\r\n    .zsgrp__number {\r\n      position: absolute;\r\n\r\n      z-index: 3;\r\n\r\n      left: 14px;\r\n      bottom: 14px;\r\n\r\n      min-width: 42px;\r\n      height: 32px;\r\n\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n\r\n      padding:\r\n        0 11px;\r\n\r\n      border:\r\n        1px solid rgba(255,255,255,.42);\r\n\r\n      border-radius:\r\n        999px;\r\n\r\n      background:\r\n        rgba(255,255,255,.16);\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\r\n    .zsgrp__body {\r\n      display: flex;\r\n\r\n      flex-direction: column;\r\n\r\n      flex: 1;\r\n\r\n      padding:\r\n        18px 24px 26px;\r\n\r\n      text-align: center;\r\n    }\r\n\r\n\r\n    .zsgrp__type {\r\n      display: inline-block;\r\n\r\n      margin-bottom: 9px;\r\n\r\n      color: #a2872e;\r\n\r\n      font-size: 9px;\r\n\r\n      font-weight: 700;\r\n\r\n      letter-spacing: .18em;\r\n\r\n      text-transform: uppercase;\r\n    }\r\n\r\n\r\n    .zsgrp__body h3 {\r\n      min-height: 2.16em;\r\n\r\n      margin: 0 !important;\r\n\r\n      color: var(--dark) !important;\r\n\r\n      font-size:\r\n        clamp(27px, 1.8vw, 35px);\r\n\r\n      font-weight: 400 !important;\r\n\r\n      line-height: 1.08 !important;\r\n\r\n      letter-spacing: -.015em;\r\n\r\n      text-wrap: balance;\r\n    }\r\n\r\n\r\n    .zsgrp__line {\r\n      width: 44px;\r\n      height: 1px;\r\n\r\n      margin:\r\n        17px auto 18px;\r\n\r\n      background:\r\n        var(--gold);\r\n    }\r\n\r\n\r\n    .zsgrp__details {\r\n      min-height: 125px;\r\n    }\r\n\r\n    .zsgrp__details p {\r\n      margin: 0 !important;\r\n\r\n      color: var(--muted);\r\n\r\n      font-size: 14px;\r\n\r\n      line-height: 1.55;\r\n    }\r\n\r\n    .zsgrp__details p + p {\r\n      margin-top:\r\n        8px !important;\r\n    }\r\n\r\n    .zsgrp__details strong {\r\n      color: var(--dark);\r\n\r\n      font-weight: 500;\r\n    }\r\n\r\n\r\n    \/* PRICE *\/\r\n\r\n    .zsgrp__price {\r\n      margin-top:\r\n        19px;\r\n\r\n      padding:\r\n        17px 12px;\r\n\r\n      border-top:\r\n        1px solid rgba(38,53,44,.08);\r\n\r\n      border-bottom:\r\n        1px solid rgba(38,53,44,.08);\r\n    }\r\n\r\n    .zsgrp__price-label {\r\n      display: block;\r\n\r\n      margin-bottom:\r\n        4px;\r\n\r\n      color: #a2872e;\r\n\r\n      font-size: 9px;\r\n\r\n      font-weight: 700;\r\n\r\n      letter-spacing: .17em;\r\n\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .zsgrp__price strong {\r\n      display: block;\r\n\r\n      color:\r\n        var(--dark);\r\n\r\n      font-size:\r\n        clamp(25px, 1.65vw, 31px);\r\n\r\n      font-weight:\r\n        400;\r\n\r\n      line-height:\r\n        1.1;\r\n    }\r\n\r\n\r\n    .zsgrp__meta {\r\n      margin-top:\r\n        15px;\r\n    }\r\n\r\n    .zsgrp__meta span {\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      min-height:\r\n        32px;\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        #f7f7f3;\r\n\r\n      color:\r\n        #59635e;\r\n\r\n      font-size:\r\n        11px;\r\n\r\n      font-weight:\r\n        500;\r\n    }\r\n\r\n\r\n    .zsgrp__validity {\r\n      margin:\r\n        15px 0 0 !important;\r\n\r\n      color:\r\n        var(--muted);\r\n\r\n      font-size:\r\n        12px;\r\n\r\n      line-height:\r\n        1.5;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       FOOTNOTE\r\n       ========================================================= *\/\r\n\r\n    .zsgrp__note {\r\n      width:\r\n        min(100%, 1120px);\r\n\r\n      margin:\r\n        clamp(42px, 4vw, 62px)\r\n        auto\r\n        0;\r\n\r\n      text-align:\r\n        center;\r\n    }\r\n\r\n    .zsgrp__note-line {\r\n      display: block;\r\n\r\n      width: 70px;\r\n      height: 1px;\r\n\r\n      margin:\r\n        0 auto 18px;\r\n\r\n      background:\r\n        rgba(194,162,47,.72);\r\n    }\r\n\r\n    .zsgrp__note 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        12px;\r\n\r\n      line-height:\r\n        1.65;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       REVEAL\r\n       ========================================================= *\/\r\n\r\n    .zsgrp__reveal {\r\n      opacity: 0;\r\n\r\n      transform:\r\n        translateY(26px);\r\n\r\n      transition:\r\n        opacity .7s ease,\r\n        transform .85s cubic-bezier(.2,.72,.2,1);\r\n    }\r\n\r\n    .zsgrp__reveal.is-visible {\r\n      opacity: 1;\r\n\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      .zsgrp__card:hover {\r\n        transform:\r\n          translateY(-6px);\r\n\r\n        border-color:\r\n          rgba(194,162,47,.48);\r\n\r\n        box-shadow:\r\n          0 24px 54px\r\n          rgba(38,53,44,.12);\r\n      }\r\n\r\n      .zsgrp__card:hover\r\n      .zsgrp__media img {\r\n        transform:\r\n          scale(1.06);\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-golf-relax-packages {\r\n        padding:\r\n          96px 28px 104px;\r\n      }\r\n\r\n      .zsgrp__grid {\r\n        gap: 20px;\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-golf-relax-packages {\r\n        padding:\r\n          88px 22px 96px;\r\n      }\r\n\r\n      .zsgrp__grid {\r\n        grid-template-columns:\r\n          repeat(2, minmax(0,1fr));\r\n\r\n        gap: 20px;\r\n      }\r\n\r\n      .zsgrp__card:last-child {\r\n        grid-column:\r\n          1 \/ -1;\r\n\r\n        width:\r\n          min(100%, calc(50% - 10px));\r\n\r\n        justify-self:\r\n          center;\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-golf-relax-packages {\r\n        padding:\r\n          82px 18px 92px;\r\n      }\r\n\r\n      .zsgrp__header {\r\n        margin-bottom:\r\n          46px;\r\n      }\r\n\r\n      .zsgrp__body {\r\n        padding:\r\n          17px 20px 23px;\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-golf-relax-packages {\r\n        padding:\r\n          76px 16px 84px;\r\n      }\r\n\r\n      .zsgrp__grid {\r\n        grid-template-columns:\r\n          1fr;\r\n      }\r\n\r\n      .zsgrp__card,\r\n      .zsgrp__card:last-child {\r\n        grid-column: auto;\r\n\r\n        width:\r\n          min(100%, 720px);\r\n\r\n        margin:\r\n          0 auto;\r\n      }\r\n\r\n      .zsgrp__media {\r\n        aspect-ratio:\r\n          1.65 \/ 1;\r\n      }\r\n\r\n      .zsgrp__body h3 {\r\n        min-height:\r\n          auto;\r\n\r\n        font-size:\r\n          clamp(29px, 4.3vw, 36px);\r\n      }\r\n\r\n      .zsgrp__details {\r\n        min-height:\r\n          auto;\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-golf-relax-packages {\r\n        padding:\r\n          72px\r\n          clamp(12px,4vw,18px)\r\n          78px;\r\n      }\r\n\r\n      .zsgrp__header {\r\n        margin-bottom:\r\n          36px;\r\n      }\r\n\r\n      .zsgrp__eyebrow {\r\n        gap:\r\n          10px;\r\n\r\n        margin-bottom:\r\n          14px;\r\n\r\n        font-size:\r\n          9px;\r\n\r\n        letter-spacing:\r\n          .20em;\r\n      }\r\n\r\n      .zsgrp__eyebrow span {\r\n        width:\r\n          38px;\r\n      }\r\n\r\n      .zsgrp__header h2 {\r\n        font-size:\r\n          clamp(40px, 10.5vw, 54px);\r\n      }\r\n\r\n      .zsgrp__header > p {\r\n        font-size:\r\n          15px;\r\n      }\r\n\r\n      .zsgrp__card {\r\n        border-radius:\r\n          19px;\r\n      }\r\n\r\n      .zsgrp__media {\r\n        aspect-ratio:\r\n          1.45 \/ 1;\r\n\r\n        margin:\r\n          7px;\r\n\r\n        border-radius:\r\n          13px;\r\n      }\r\n\r\n      .zsgrp__body {\r\n        padding:\r\n          16px 18px 21px;\r\n      }\r\n\r\n      .zsgrp__body h3 {\r\n        font-size:\r\n          clamp(28px, 8vw, 35px);\r\n      }\r\n\r\n      .zsgrp__details p {\r\n        font-size:\r\n          14px;\r\n      }\r\n\r\n      .zsgrp__price strong {\r\n        font-size:\r\n          27px;\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-golf-relax-packages *,\r\n      #zs-golf-relax-packages *::before,\r\n      #zs-golf-relax-packages *::after {\r\n        animation: none !important;\r\n        transition: none !important;\r\n      }\r\n\r\n      .zsgrp__reveal {\r\n        opacity: 1 !important;\r\n        transform: 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-golf-relax-packages'\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    const items =\r\n      root.querySelectorAll(\r\n        '.zsgrp__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: .10,\r\n          rootMargin: '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-3fa2ebd e-con-full e-flex e-con e-parent\" data-id=\"3fa2ebd\" 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-d825a90 elementor-widget elementor-widget-html\" data-id=\"d825a90\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ZALA SPRINGS MAIN \u2014 GOLF & PIHEN\u00c9S \/ SZEZON\u00c1LIS AJ\u00c1NLATOK -->\r\n<section\r\n  id=\"zs-golf-seasonal-offers\"\r\n  class=\"zs-main zsgso\"\r\n  aria-labelledby=\"zsgso-title\"\r\n>\r\n\r\n  <div class=\"zsgso__inner\">\r\n\r\n    <header class=\"zsgso__header zsgso__reveal\">\r\n\r\n      <div class=\"zsgso__eyebrow\">\r\n        <span><\/span>\r\n        <b>SZEZON\u00c1LIS GOLF AJ\u00c1NLATOK<\/b>\r\n        <span><\/span>\r\n      <\/div>\r\n\r\n      <h2 id=\"zsgso-title\">\r\n        M\u00e9g t\u00f6bb \u00e9lm\u00e9ny minden k\u00f6r mell\u00e9\r\n      <\/h2>\r\n\r\n    <\/header>\r\n\r\n\r\n    <div class=\"zsgso__grid\">\r\n\r\n      <!-- NY\u00c1RI AJ\u00c1NLAT -->\r\n      <article class=\"zsgso__card zsgso__reveal\">\r\n\r\n        <div class=\"zsgso__media\">\r\n          <img\r\n            src=\"\/wp-content\/uploads\/2026\/09\/action-01.jpg\"\r\n            alt=\"Ny\u00e1ri golf \u00e9s wellness aj\u00e1nlat a Zala Springsben\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\"\r\n          >\r\n\r\n          <div class=\"zsgso__shade\" aria-hidden=\"true\"><\/div>\r\n\r\n          <span class=\"zsgso__number\" aria-hidden=\"true\">\r\n            01\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"zsgso__body\">\r\n\r\n          <span class=\"zsgso__type\">\r\n            GOLF & WELLNESS\r\n          <\/span>\r\n\r\n          <h3>\r\n            Ny\u00e1ri aj\u00e1nlat\r\n          <\/h3>\r\n\r\n          <div class=\"zsgso__line\"><\/div>\r\n\r\n          <p class=\"zsgso__lead\">\r\n            Minden megv\u00e1s\u00e1rolt green fee automatikusan bel\u00e9p\u00e9st biztos\u00edt\r\n            a Boutique Spa-ba.\r\n          <\/p>\r\n\r\n          <div class=\"zsgso__validity\">\r\n            <span>\u00c9rv\u00e9nyes<\/span>\r\n            <strong>2026. augusztus 1. \u2013 szeptember 13.<\/strong>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- \u0150SZI AJ\u00c1NLAT -->\r\n      <article class=\"zsgso__card zsgso__reveal\">\r\n\r\n        <div class=\"zsgso__media\">\r\n          <img\r\n            src=\"\/wp-content\/uploads\/2026\/09\/action-02.jpg\"\r\n            alt=\"\u0150szi golf aj\u00e1nlat a Zala Springsben\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\"\r\n          >\r\n\r\n          <div class=\"zsgso__shade\" aria-hidden=\"true\"><\/div>\r\n\r\n          <span class=\"zsgso__number\" aria-hidden=\"true\">\r\n            02\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"zsgso__body\">\r\n\r\n          <span class=\"zsgso__type\">\r\n            GOLF & GASTRON\u00d3MIA\r\n          <\/span>\r\n\r\n          <h3>\r\n            \u0150szi aj\u00e1nlat\r\n          <\/h3>\r\n\r\n          <div class=\"zsgso__line\"><\/div>\r\n\r\n          <p class=\"zsgso__lead\">\r\n            Minden teljes \u00e1r\u00fa green fee mell\u00e9 aj\u00e1nd\u00e9k f\u0151\u00e9telt biztos\u00edtunk\r\n            a golf\u00e9tlap k\u00edn\u00e1lat\u00e1b\u00f3l, valamint egy s\u00f6rt vagy alkoholmentes italt.*\r\n          <\/p>\r\n\r\n          <div class=\"zsgso__validity\">\r\n            <span>\u00c9rv\u00e9nyes<\/span>\r\n            <strong>2026. szeptember 14. \u2013 november 14.<\/strong>\r\n          <\/div>\r\n\r\n          <p class=\"zsgso__note\">\r\n            *Az aj\u00e1nlat m\u00e1s kedvezm\u00e9nyekkel nem vonhat\u00f3 \u00f6ssze.\r\n          <\/p>\r\n\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\r\n    #zs-golf-seasonal-offers,\r\n    #zs-golf-seasonal-offers *,\r\n    #zs-golf-seasonal-offers *::before,\r\n    #zs-golf-seasonal-offers *::after {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    #zs-golf-seasonal-offers {\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      --line: var(--zs-line, rgba(38,53,44,.12));\r\n\r\n      width: 100%;\r\n\r\n      padding:\r\n        clamp(88px, 7.5vw, 130px)\r\n        clamp(18px, 4vw, 64px)\r\n        clamp(88px, 7vw, 120px);\r\n\r\n      overflow: hidden;\r\n\r\n      background:\r\n        linear-gradient(\r\n          180deg,\r\n          #f7f4ed 0%,\r\n          #fbfaf7 100%\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-golf-seasonal-offers * {\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\r\n    .zsgso__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    \/* HEADER *\/\r\n\r\n    .zsgso__header {\r\n      width:\r\n        min(100%, 920px);\r\n\r\n      margin:\r\n        0 auto\r\n        clamp(46px, 5vw, 68px);\r\n\r\n      text-align:\r\n        center;\r\n    }\r\n\r\n    .zsgso__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        14px;\r\n\r\n      margin-bottom:\r\n        17px;\r\n\r\n      color:\r\n        #a3882e;\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        .22em;\r\n\r\n      text-transform:\r\n        uppercase;\r\n    }\r\n\r\n    .zsgso__eyebrow span {\r\n      width:\r\n        52px;\r\n\r\n      height:\r\n        1px;\r\n\r\n      background:\r\n        rgba(194,162,47,.70);\r\n    }\r\n\r\n    .zsgso__eyebrow b {\r\n      font-weight:\r\n        700;\r\n    }\r\n\r\n    .zsgso__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(44px, 4.5vw, 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        -.022em;\r\n\r\n      text-wrap:\r\n        balance;\r\n    }\r\n\r\n\r\n    \/* GRID *\/\r\n\r\n    .zsgso__grid {\r\n      display:\r\n        grid;\r\n\r\n      grid-template-columns:\r\n        repeat(2, minmax(0, 1fr));\r\n\r\n      gap:\r\n        clamp(22px, 2.4vw, 36px);\r\n    }\r\n\r\n\r\n    \/* CARD *\/\r\n\r\n    .zsgso__card {\r\n      overflow:\r\n        hidden;\r\n\r\n      display:\r\n        flex;\r\n\r\n      flex-direction:\r\n        column;\r\n\r\n      border:\r\n        1px solid rgba(194,162,47,.24);\r\n\r\n      border-radius:\r\n        24px;\r\n\r\n      background:\r\n        rgba(255,255,255,.88);\r\n\r\n      box-shadow:\r\n        0 18px 50px rgba(38,53,44,.06);\r\n\r\n      transition:\r\n        transform .45s cubic-bezier(.2,.72,.2,1),\r\n        border-color .4s ease,\r\n        box-shadow .4s ease;\r\n    }\r\n\r\n\r\n    \/* IMAGE *\/\r\n\r\n    .zsgso__media {\r\n      position:\r\n        relative;\r\n\r\n      aspect-ratio:\r\n        1.58 \/ 1;\r\n\r\n      overflow:\r\n        hidden;\r\n\r\n      margin:\r\n        9px;\r\n\r\n      border-radius:\r\n        16px;\r\n\r\n      background:\r\n        #d9dfda;\r\n    }\r\n\r\n    .zsgso__media img {\r\n      position:\r\n        absolute;\r\n\r\n      inset:\r\n        0;\r\n\r\n      display:\r\n        block;\r\n\r\n      width:\r\n        100%;\r\n\r\n      height:\r\n        100%;\r\n\r\n      object-fit:\r\n        cover;\r\n\r\n      object-position:\r\n        center center;\r\n\r\n      transform:\r\n        scale(1.015);\r\n\r\n      transition:\r\n        transform .8s cubic-bezier(.2,.72,.2,1);\r\n    }\r\n\r\n    .zsgso__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(15,31,22,.01) 45%,\r\n          rgba(15,31,22,.28)\r\n        );\r\n\r\n      pointer-events:\r\n        none;\r\n    }\r\n\r\n    .zsgso__number {\r\n      position:\r\n        absolute;\r\n\r\n      z-index:\r\n        3;\r\n\r\n      left:\r\n        15px;\r\n\r\n      bottom:\r\n        15px;\r\n\r\n      min-width:\r\n        43px;\r\n\r\n      height:\r\n        32px;\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,.42);\r\n\r\n      border-radius:\r\n        999px;\r\n\r\n      background:\r\n        rgba(255,255,255,.15);\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\r\n    \/* BODY *\/\r\n\r\n    .zsgso__body {\r\n      display:\r\n        flex;\r\n\r\n      flex-direction:\r\n        column;\r\n\r\n      align-items:\r\n        center;\r\n\r\n      flex:\r\n        1;\r\n\r\n      padding:\r\n        clamp(24px, 2.4vw, 34px)\r\n        clamp(22px, 3vw, 42px)\r\n        clamp(30px, 3vw, 42px);\r\n\r\n      text-align:\r\n        center;\r\n    }\r\n\r\n    .zsgso__type {\r\n      margin-bottom:\r\n        9px;\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    .zsgso__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(34px, 2.65vw, 46px);\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\r\n    .zsgso__line {\r\n      width:\r\n        46px;\r\n\r\n      height:\r\n        1px;\r\n\r\n      margin:\r\n        18px auto 19px;\r\n\r\n      background:\r\n        var(--gold);\r\n    }\r\n\r\n    .zsgso__lead {\r\n      width:\r\n        min(100%, 560px);\r\n\r\n      margin:\r\n        0 !important;\r\n\r\n      color:\r\n        var(--muted);\r\n\r\n      font-size:\r\n        clamp(15px, 1.02vw, 17px);\r\n\r\n      line-height:\r\n        1.65;\r\n    }\r\n\r\n\r\n    \/* VALIDITY *\/\r\n\r\n    .zsgso__validity {\r\n      width:\r\n        100%;\r\n\r\n      margin-top:\r\n        25px;\r\n\r\n      padding-top:\r\n        19px;\r\n\r\n      border-top:\r\n        1px solid rgba(38,53,44,.08);\r\n    }\r\n\r\n    .zsgso__validity span {\r\n      display:\r\n        block;\r\n\r\n      margin-bottom:\r\n        5px;\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        .16em;\r\n\r\n      text-transform:\r\n        uppercase;\r\n    }\r\n\r\n    .zsgso__validity strong {\r\n      color:\r\n        var(--dark);\r\n\r\n      font-size:\r\n        15px;\r\n\r\n      font-weight:\r\n        500;\r\n\r\n      line-height:\r\n        1.5;\r\n    }\r\n\r\n    .zsgso__note {\r\n      margin:\r\n        18px 0 0 !important;\r\n\r\n      color:\r\n        var(--muted);\r\n\r\n      font-size:\r\n        11px;\r\n\r\n      line-height:\r\n        1.5;\r\n    }\r\n\r\n\r\n    \/* REVEAL *\/\r\n\r\n    .zsgso__reveal {\r\n      opacity:\r\n        0;\r\n\r\n      transform:\r\n        translateY(26px);\r\n\r\n      transition:\r\n        opacity .7s ease,\r\n        transform .85s cubic-bezier(.2,.72,.2,1);\r\n    }\r\n\r\n    .zsgso__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    \/* HOVER *\/\r\n\r\n    @media (hover:hover) and (pointer:fine) {\r\n\r\n      .zsgso__card:hover {\r\n        transform:\r\n          translateY(-6px);\r\n\r\n        border-color:\r\n          rgba(194,162,47,.46);\r\n\r\n        box-shadow:\r\n          0 26px 60px rgba(38,53,44,.11);\r\n      }\r\n\r\n      .zsgso__card:hover\r\n      .zsgso__media img {\r\n        transform:\r\n          scale(1.055);\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* 1366 *\/\r\n\r\n    @media (max-width:1366px) {\r\n\r\n      #zs-golf-seasonal-offers {\r\n        padding:\r\n          96px 28px 102px;\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* 1200 *\/\r\n\r\n    @media (max-width:1200px) {\r\n\r\n      #zs-golf-seasonal-offers {\r\n        padding:\r\n          88px 22px 94px;\r\n      }\r\n\r\n      .zsgso__grid {\r\n        gap:\r\n          20px;\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* 1024 *\/\r\n\r\n    @media (max-width:1024px) {\r\n\r\n      #zs-golf-seasonal-offers {\r\n        padding:\r\n          82px 18px 90px;\r\n      }\r\n\r\n      .zsgso__header {\r\n        margin-bottom:\r\n          44px;\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* 880 *\/\r\n\r\n    @media (max-width:880px) {\r\n\r\n      #zs-golf-seasonal-offers {\r\n        padding:\r\n          76px 16px 84px;\r\n      }\r\n\r\n      .zsgso__grid {\r\n        grid-template-columns:\r\n          1fr;\r\n      }\r\n\r\n      .zsgso__card {\r\n        width:\r\n          min(100%, 760px);\r\n\r\n        margin:\r\n          0 auto;\r\n      }\r\n\r\n      .zsgso__media {\r\n        aspect-ratio:\r\n          1.65 \/ 1;\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* 767 *\/\r\n\r\n    @media (max-width:767px) {\r\n\r\n      #zs-golf-seasonal-offers {\r\n        padding:\r\n          70px 12px 76px;\r\n      }\r\n\r\n      .zsgso__header {\r\n        margin-bottom:\r\n          36px;\r\n      }\r\n\r\n      .zsgso__eyebrow {\r\n        gap:\r\n          9px;\r\n\r\n        font-size:\r\n          8px;\r\n      }\r\n\r\n      .zsgso__eyebrow span {\r\n        width:\r\n          30px;\r\n      }\r\n\r\n      .zsgso__header h2 {\r\n        font-size:\r\n          clamp(38px, 10vw, 50px);\r\n      }\r\n\r\n      .zsgso__card {\r\n        border-radius:\r\n          19px;\r\n      }\r\n\r\n      .zsgso__media {\r\n        aspect-ratio:\r\n          1.45 \/ 1;\r\n\r\n        margin:\r\n          7px;\r\n\r\n        border-radius:\r\n          13px;\r\n      }\r\n\r\n      .zsgso__body {\r\n        padding:\r\n          24px 19px 28px;\r\n      }\r\n\r\n      .zsgso__body h3 {\r\n        font-size:\r\n          clamp(31px, 8.5vw, 40px);\r\n      }\r\n\r\n      .zsgso__lead {\r\n        font-size:\r\n          15px;\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* REDUCED MOTION *\/\r\n\r\n    @media (prefers-reduced-motion:reduce) {\r\n\r\n      #zs-golf-seasonal-offers *,\r\n      #zs-golf-seasonal-offers *::before,\r\n      #zs-golf-seasonal-offers *::after {\r\n        animation:\r\n          none !important;\r\n\r\n        transition:\r\n          none !important;\r\n      }\r\n\r\n      .zsgso__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-golf-seasonal-offers'\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        '.zsgso__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-b0536e4 e-con-full e-flex e-con e-parent\" data-id=\"b0536e4\" 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-b5cacf5 elementor-widget elementor-widget-html\" data-id=\"b5cacf5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ZALA SPRINGS MAIN \u2014 GOLF & PIHEN\u00c9S \/ SZOB\u00c1K \u00c9S KIEG\u00c9SZ\u00cdT\u0150K -->\r\n<section\r\n  id=\"zs-golf-room-extras\"\r\n  class=\"zs-main zsgre\"\r\n  aria-labelledby=\"zsgre-title\"\r\n>\r\n\r\n  <div class=\"zsgre__inner\">\r\n\r\n    <!-- GAL\u00c9RIA -->\r\n    <div\r\n      class=\"zsgre__gallery\"\r\n      data-zs-golf-room-gallery\r\n      aria-label=\"Zala Springs szobagal\u00e9ria\"\r\n    >\r\n\r\n      <div class=\"zsgre__gallery-frame\">\r\n\r\n        <div class=\"zsgre__slides\">\r\n\r\n          <figure class=\"zsgre__slide is-active\" data-zs-slide>\r\n            <img\r\n              src=\"\/wp-content\/uploads\/2026\/09\/room-4.jpg\"\r\n              alt=\"Premium Balance Suite\"\r\n              loading=\"lazy\"\r\n              decoding=\"async\"\r\n            >\r\n          <\/figure>\r\n\r\n          <figure class=\"zsgre__slide\" data-zs-slide>\r\n            <img\r\n              src=\"\/wp-content\/uploads\/2026\/09\/room-2.jpg\"\r\n              alt=\"Zala Springs pr\u00e9mium szoba\"\r\n              loading=\"lazy\"\r\n              decoding=\"async\"\r\n            >\r\n          <\/figure>\r\n\r\n          <figure class=\"zsgre__slide\" data-zs-slide>\r\n            <img\r\n              src=\"\/wp-content\/uploads\/2026\/09\/room-5.jpg\"\r\n              alt=\"Zala Springs lakoszt\u00e1ly\"\r\n              loading=\"lazy\"\r\n              decoding=\"async\"\r\n            >\r\n          <\/figure>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"zsgre__badge\">\r\n          Premium Balance Suite\r\n        <\/div>\r\n\r\n        <div class=\"zsgre__counter\" aria-hidden=\"true\">\r\n          <span data-zs-current>01<\/span>\r\n          <span class=\"zsgre__counter-line\"><\/span>\r\n          <span>03<\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"zsgre__gallery-nav\">\r\n\r\n        <div class=\"zsgre__dots\" role=\"group\" aria-label=\"Gal\u00e9ria k\u00e9pek\">\r\n\r\n          <button\r\n            class=\"zsgre__dot is-active\"\r\n            type=\"button\"\r\n            data-zs-dot=\"0\"\r\n            aria-label=\"1. k\u00e9p\"\r\n            aria-current=\"true\"\r\n          ><\/button>\r\n\r\n          <button\r\n            class=\"zsgre__dot\"\r\n            type=\"button\"\r\n            data-zs-dot=\"1\"\r\n            aria-label=\"2. k\u00e9p\"\r\n          ><\/button>\r\n\r\n          <button\r\n            class=\"zsgre__dot\"\r\n            type=\"button\"\r\n            data-zs-dot=\"2\"\r\n            aria-label=\"3. k\u00e9p\"\r\n          ><\/button>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"zsgre__arrows\">\r\n\r\n          <button\r\n            class=\"zsgre__arrow\"\r\n            type=\"button\"\r\n            data-zs-prev\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 18l-6-6 6-6\"><\/path>\r\n            <\/svg>\r\n          <\/button>\r\n\r\n          <button\r\n            class=\"zsgre__arrow\"\r\n            type=\"button\"\r\n            data-zs-next\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 18l6-6-6-6\"><\/path>\r\n            <\/svg>\r\n          <\/button>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- SZ\u00d6VEG -->\r\n    <div class=\"zsgre__content\">\r\n\r\n      <div class=\"zsgre__eyebrow\">\r\n        <span><\/span>\r\n        <b>EGYEDI IG\u00c9NYEKRE SZABVA<\/b>\r\n      <\/div>\r\n\r\n      <h2 id=\"zsgre-title\">\r\n        Tegye teljess\u00e9 tart\u00f3zkod\u00e1s\u00e1t\r\n      <\/h2>\r\n\r\n\r\n      <div class=\"zsgre__group\">\r\n\r\n        <h3>\r\n          Szobakateg\u00f3ria-fel\u00e1rak\r\n        <\/h3>\r\n\r\n        <div class=\"zsgre__price-list\">\r\n\r\n          <div class=\"zsgre__price-row\">\r\n            <span>Premium Balance Suite<\/span>\r\n            <strong>30 EUR \/ \u00e9j<\/strong>\r\n          <\/div>\r\n\r\n          <div class=\"zsgre__price-row\">\r\n            <span>Penthouse Premium Luxury Suite<\/span>\r\n            <strong>20 EUR \/ \u00e9j<\/strong>\r\n          <\/div>\r\n\r\n          <div class=\"zsgre__price-row\">\r\n            <span>Resort View Boutique Suite<\/span>\r\n            <strong>15 EUR \/ \u00e9j<\/strong>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"zsgre__group\">\r\n\r\n        <h3>\r\n          Tov\u00e1bbi szolg\u00e1ltat\u00e1sok\r\n        <\/h3>\r\n\r\n        <div class=\"zsgre__price-list\">\r\n\r\n          <div class=\"zsgre__price-row\">\r\n            <span>F\u00e9lpanzi\u00f3<\/span>\r\n            <strong>38 EUR \/ f\u0151 \/ \u00e9j<\/strong>\r\n          <\/div>\r\n\r\n          <div class=\"zsgre__price-row\">\r\n            <span>Clubcar 18 lyukra<\/span>\r\n            <strong>60 EUR \/ 18 lyuk \/ clubcar<\/strong>\r\n          <\/div>\r\n\r\n          <div class=\"zsgre__price-row\">\r\n            <span>E-Trolley 18 lyukra<\/span>\r\n            <strong>25 EUR \/ 18 lyuk \/ E-Trolley<\/strong>\r\n          <\/div>\r\n\r\n          <div class=\"zsgre__price-row\">\r\n            <span>Trolley<\/span>\r\n            <strong>7 EUR \/ 18 lyuk \/ trolley<\/strong>\r\n          <\/div>\r\n\r\n          <div class=\"zsgre__price-row\">\r\n            <span>Golf\u00fct\u0151 szett<\/span>\r\n            <strong>30 EUR \/ nap \/ szett<\/strong>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"zsgre__contact\">\r\n\r\n        <span>\r\n          Tov\u00e1bbi inform\u00e1ci\u00f3 \u00e9s foglal\u00e1s\r\n        <\/span>\r\n\r\n        <a href=\"mailto:info@zalasprings.hu\">\r\n          <span>info@zalasprings.hu<\/span>\r\n\r\n          <span class=\"zsgre__contact-icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <path d=\"M4 6h16v12H4z\"><\/path>\r\n              <path d=\"m4 7 8 6 8-6\"><\/path>\r\n            <\/svg>\r\n          <\/span>\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n\r\n  <style>\r\n\r\n    #zs-golf-room-extras,\r\n    #zs-golf-room-extras *,\r\n    #zs-golf-room-extras *::before,\r\n    #zs-golf-room-extras *::after {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    #zs-golf-room-extras {\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      --cream: #f4f0e7;\r\n\r\n      width: 100%;\r\n\r\n      padding:\r\n        clamp(80px,7vw,120px)\r\n        clamp(20px,5vw,86px);\r\n\r\n      background:\r\n        #fbfaf7;\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-golf-room-extras * {\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-golf-room-extras a {\r\n      text-decoration: none;\r\n    }\r\n\r\n\r\n    .zsgre__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.08fr)\r\n        minmax(0,.92fr);\r\n\r\n      align-items:\r\n        center;\r\n\r\n      gap:\r\n        clamp(60px,7vw,110px);\r\n    }\r\n\r\n\r\n    \/* GALLERY *\/\r\n\r\n    .zsgre__gallery {\r\n      width:\r\n        100%;\r\n\r\n      min-width:\r\n        0;\r\n    }\r\n\r\n    .zsgre__gallery-frame {\r\n      position:\r\n        relative;\r\n\r\n      width:\r\n        100%;\r\n\r\n      aspect-ratio:\r\n        1.42 \/ 1;\r\n\r\n      overflow:\r\n        hidden;\r\n\r\n      border-radius:\r\n        26px;\r\n\r\n      background:\r\n        var(--cream);\r\n\r\n      box-shadow:\r\n        0 28px 65px\r\n        rgba(38,53,44,.10);\r\n    }\r\n\r\n    .zsgre__slides {\r\n      position:\r\n        relative;\r\n\r\n      width:\r\n        100%;\r\n\r\n      height:\r\n        100%;\r\n    }\r\n\r\n    .zsgre__slide {\r\n      position:\r\n        absolute;\r\n\r\n      inset:\r\n        0;\r\n\r\n      margin:\r\n        0;\r\n\r\n      opacity:\r\n        0;\r\n\r\n      visibility:\r\n        hidden;\r\n\r\n      transform:\r\n        scale(1.025);\r\n\r\n      transition:\r\n        opacity .65s ease,\r\n        visibility .65s ease,\r\n        transform 1.1s cubic-bezier(.2,.72,.2,1);\r\n    }\r\n\r\n    .zsgre__slide.is-active {\r\n      opacity:\r\n        1;\r\n\r\n      visibility:\r\n        visible;\r\n\r\n      transform:\r\n        scale(1);\r\n    }\r\n\r\n    .zsgre__slide 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\r\n    \/* BADGE *\/\r\n\r\n    .zsgre__badge {\r\n      position:\r\n        absolute;\r\n\r\n      top:\r\n        22px;\r\n\r\n      left:\r\n        22px;\r\n\r\n      z-index:\r\n        4;\r\n\r\n      padding:\r\n        10px 16px;\r\n\r\n      border:\r\n        1px solid rgba(255,255,255,.42);\r\n\r\n      border-radius:\r\n        999px;\r\n\r\n      background:\r\n        rgba(194,162,47,.94);\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        .12em;\r\n\r\n      text-transform:\r\n        uppercase;\r\n\r\n      box-shadow:\r\n        0 12px 28px rgba(0,0,0,.10);\r\n    }\r\n\r\n\r\n    \/* COUNTER *\/\r\n\r\n    .zsgre__counter {\r\n      position:\r\n        absolute;\r\n\r\n      right:\r\n        20px;\r\n\r\n      bottom:\r\n        20px;\r\n\r\n      z-index:\r\n        4;\r\n\r\n      display:\r\n        flex;\r\n\r\n      align-items:\r\n        center;\r\n\r\n      gap:\r\n        8px;\r\n\r\n      padding:\r\n        10px 14px;\r\n\r\n      border-radius:\r\n        999px;\r\n\r\n      background:\r\n        rgba(251,250,246,.92);\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      color:\r\n        var(--dark);\r\n\r\n      font-size:\r\n        11px;\r\n\r\n      letter-spacing:\r\n        .08em;\r\n    }\r\n\r\n    .zsgre__counter-line {\r\n      width:\r\n        18px;\r\n\r\n      height:\r\n        1px;\r\n\r\n      background:\r\n        rgba(38,53,44,.35);\r\n    }\r\n\r\n\r\n    \/* NAV *\/\r\n\r\n    .zsgre__gallery-nav {\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:\r\n        24px;\r\n\r\n      margin-top:\r\n        20px;\r\n    }\r\n\r\n    .zsgre__dots {\r\n      display:\r\n        flex;\r\n\r\n      align-items:\r\n        center;\r\n\r\n      gap:\r\n        9px;\r\n    }\r\n\r\n    .zsgre__dot {\r\n      appearance:\r\n        none;\r\n\r\n      -webkit-appearance:\r\n        none;\r\n\r\n      width:\r\n        7px;\r\n\r\n      height:\r\n        7px;\r\n\r\n      min-width:\r\n        7px;\r\n\r\n      padding:\r\n        0 !important;\r\n\r\n      margin:\r\n        0 !important;\r\n\r\n      border:\r\n        0 !important;\r\n\r\n      border-radius:\r\n        50% !important;\r\n\r\n      background:\r\n        rgba(38,53,44,.18) !important;\r\n\r\n      box-shadow:\r\n        none !important;\r\n\r\n      cursor:\r\n        pointer;\r\n\r\n      transition:\r\n        width .25s ease,\r\n        background .25s ease;\r\n    }\r\n\r\n    .zsgre__dot.is-active {\r\n      width:\r\n        26px;\r\n\r\n      border-radius:\r\n        999px !important;\r\n\r\n      background:\r\n        var(--gold) !important;\r\n    }\r\n\r\n    .zsgre__arrows {\r\n      display:\r\n        flex;\r\n\r\n      gap:\r\n        10px;\r\n    }\r\n\r\n    .zsgre__arrow {\r\n      appearance:\r\n        none;\r\n\r\n      -webkit-appearance:\r\n        none;\r\n\r\n      display:\r\n        grid;\r\n\r\n      place-items:\r\n        center;\r\n\r\n      width:\r\n        48px;\r\n\r\n      height:\r\n        48px;\r\n\r\n      min-width:\r\n        48px;\r\n\r\n      padding:\r\n        0 !important;\r\n\r\n      margin:\r\n        0 !important;\r\n\r\n      border:\r\n        1px solid rgba(38,53,44,.14) !important;\r\n\r\n      border-radius:\r\n        50% !important;\r\n\r\n      background:\r\n        transparent !important;\r\n\r\n      color:\r\n        var(--dark) !important;\r\n\r\n      box-shadow:\r\n        none !important;\r\n\r\n      cursor:\r\n        pointer;\r\n\r\n      transition:\r\n        color .25s ease,\r\n        background .25s ease,\r\n        border-color .25s ease,\r\n        transform .25s ease;\r\n    }\r\n\r\n    .zsgre__arrow svg {\r\n      width:\r\n        19px;\r\n\r\n      height:\r\n        19px;\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.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\r\n    \/* CONTENT *\/\r\n\r\n    .zsgre__content {\r\n      width:\r\n        100%;\r\n\r\n      max-width:\r\n        590px;\r\n\r\n      margin:\r\n        0 auto;\r\n    }\r\n\r\n    .zsgre__eyebrow {\r\n      display:\r\n        flex;\r\n\r\n      align-items:\r\n        center;\r\n\r\n      gap:\r\n        13px;\r\n\r\n      margin-bottom:\r\n        16px;\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        .20em;\r\n\r\n      text-transform:\r\n        uppercase;\r\n    }\r\n\r\n    .zsgre__eyebrow span {\r\n      width:\r\n        36px;\r\n\r\n      height:\r\n        1px;\r\n\r\n      background:\r\n        var(--gold);\r\n    }\r\n\r\n    .zsgre__content h2 {\r\n      margin:\r\n        0 0 35px !important;\r\n\r\n      color:\r\n        var(--dark) !important;\r\n\r\n      font-size:\r\n        clamp(40px,3.7vw,64px);\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\r\n\r\n    \/* GROUPS *\/\r\n\r\n    .zsgre__group + .zsgre__group {\r\n      margin-top:\r\n        32px;\r\n    }\r\n\r\n    .zsgre__group h3 {\r\n      margin:\r\n        0 0 14px !important;\r\n\r\n      color:\r\n        var(--dark) !important;\r\n\r\n      font-size:\r\n        20px;\r\n\r\n      font-weight:\r\n        400 !important;\r\n\r\n      line-height:\r\n        1.3;\r\n    }\r\n\r\n    .zsgre__price-list {\r\n      border-top:\r\n        1px solid rgba(38,53,44,.10);\r\n    }\r\n\r\n    .zsgre__price-row {\r\n      display:\r\n        flex;\r\n\r\n      align-items:\r\n        flex-start;\r\n\r\n      justify-content:\r\n        space-between;\r\n\r\n      gap:\r\n        25px;\r\n\r\n      padding:\r\n        11px 0;\r\n\r\n      border-bottom:\r\n        1px solid rgba(38,53,44,.08);\r\n\r\n      color:\r\n        var(--muted);\r\n\r\n      font-size:\r\n        14px;\r\n\r\n      line-height:\r\n        1.45;\r\n    }\r\n\r\n    .zsgre__price-row strong {\r\n      flex:\r\n        0 0 auto;\r\n\r\n      color:\r\n        var(--dark);\r\n\r\n      font-weight:\r\n        500;\r\n\r\n      text-align:\r\n        right;\r\n    }\r\n\r\n\r\n    \/* CONTACT *\/\r\n\r\n    .zsgre__contact {\r\n      margin-top:\r\n        38px;\r\n\r\n      padding-top:\r\n        25px;\r\n\r\n      border-top:\r\n        1px solid rgba(38,53,44,.10);\r\n    }\r\n\r\n    .zsgre__contact > span {\r\n      display:\r\n        block;\r\n\r\n      margin-bottom:\r\n        13px;\r\n\r\n      color:\r\n        #a2872e;\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        .15em;\r\n\r\n      text-transform:\r\n        uppercase;\r\n    }\r\n\r\n    .zsgre__contact a {\r\n      min-height:\r\n        58px;\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      gap:\r\n        20px;\r\n\r\n      padding:\r\n        7px 8px 7px 24px;\r\n\r\n      border:\r\n        1px solid var(--dark);\r\n\r\n      border-radius:\r\n        999px;\r\n\r\n      background:\r\n        var(--dark);\r\n\r\n      color:\r\n        #fff !important;\r\n\r\n      font-size:\r\n        12px;\r\n\r\n      font-weight:\r\n        700;\r\n\r\n      letter-spacing:\r\n        .035em;\r\n\r\n      transition:\r\n        transform .3s ease,\r\n        background-color .3s ease,\r\n        color .3s ease,\r\n        border-color .3s ease;\r\n    }\r\n\r\n    .zsgre__contact-icon {\r\n      width:\r\n        43px;\r\n\r\n      height:\r\n        43px;\r\n\r\n      flex:\r\n        0 0 43px;\r\n\r\n      display:\r\n        grid;\r\n\r\n      place-items:\r\n        center;\r\n\r\n      border-radius:\r\n        50%;\r\n\r\n      background:\r\n        var(--gold);\r\n\r\n      color:\r\n        var(--dark);\r\n    }\r\n\r\n    .zsgre__contact svg {\r\n      width:\r\n        17px;\r\n\r\n      height:\r\n        17px;\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.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\r\n    \/* HOVER *\/\r\n\r\n    @media (hover:hover) and (pointer:fine) {\r\n\r\n      .zsgre__arrow:hover {\r\n        color:\r\n          #fff !important;\r\n\r\n        background:\r\n          var(--dark) !important;\r\n\r\n        border-color:\r\n          var(--dark) !important;\r\n\r\n        transform:\r\n          translateY(-2px);\r\n      }\r\n\r\n      .zsgre__contact a:hover {\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) !important;\r\n\r\n        transform:\r\n          translateY(-2px);\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* 1366 *\/\r\n\r\n    @media (max-width:1366px) {\r\n\r\n      .zsgre__inner {\r\n        gap:\r\n          70px;\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* 1200 *\/\r\n\r\n    @media (max-width:1200px) {\r\n\r\n      #zs-golf-room-extras {\r\n        padding:\r\n          75px 42px;\r\n      }\r\n\r\n      .zsgre__inner {\r\n        gap:\r\n          55px;\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* 1024 *\/\r\n\r\n    @media (max-width:1024px) {\r\n\r\n      #zs-golf-room-extras {\r\n        padding:\r\n          70px 32px;\r\n      }\r\n\r\n      .zsgre__inner {\r\n        grid-template-columns:\r\n          1fr;\r\n\r\n        gap:\r\n          48px;\r\n      }\r\n\r\n      .zsgre__gallery {\r\n        order:\r\n          1;\r\n\r\n        width:\r\n          min(100%,820px);\r\n\r\n        margin:\r\n          0 auto;\r\n      }\r\n\r\n      .zsgre__content {\r\n        order:\r\n          2;\r\n\r\n        max-width:\r\n          720px;\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* 880 *\/\r\n\r\n    @media (max-width:880px) {\r\n\r\n      #zs-golf-room-extras {\r\n        padding:\r\n          64px 24px;\r\n      }\r\n\r\n      .zsgre__gallery-frame {\r\n        border-radius:\r\n          21px;\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* 767 *\/\r\n\r\n    @media (max-width:767px) {\r\n\r\n      #zs-golf-room-extras {\r\n        padding:\r\n          58px 18px;\r\n      }\r\n\r\n      .zsgre__inner {\r\n        gap:\r\n          38px;\r\n      }\r\n\r\n      .zsgre__gallery-frame {\r\n        aspect-ratio:\r\n          1 \/ .78;\r\n\r\n        border-radius:\r\n          18px;\r\n      }\r\n\r\n      .zsgre__badge {\r\n        top:\r\n          14px;\r\n\r\n        left:\r\n          14px;\r\n\r\n        padding:\r\n          8px 12px;\r\n\r\n        font-size:\r\n          8px;\r\n      }\r\n\r\n      .zsgre__counter {\r\n        right:\r\n          14px;\r\n\r\n        bottom:\r\n          14px;\r\n      }\r\n\r\n      .zsgre__gallery-nav {\r\n        margin-top:\r\n          16px;\r\n      }\r\n\r\n      .zsgre__arrow {\r\n        width:\r\n          44px;\r\n\r\n        height:\r\n          44px;\r\n\r\n        min-width:\r\n          44px;\r\n      }\r\n\r\n      .zsgre__content h2 {\r\n        margin-bottom:\r\n          28px !important;\r\n\r\n        font-size:\r\n          clamp(37px,10vw,50px);\r\n      }\r\n\r\n      .zsgre__price-row {\r\n        flex-direction:\r\n          column;\r\n\r\n        gap:\r\n          3px;\r\n      }\r\n\r\n      .zsgre__price-row strong {\r\n        text-align:\r\n          left;\r\n      }\r\n\r\n      .zsgre__contact a {\r\n        width:\r\n          100%;\r\n\r\n        justify-content:\r\n          space-between;\r\n      }\r\n\r\n    }\r\n\r\n\r\n    @media (max-width:420px) {\r\n\r\n      #zs-golf-room-extras {\r\n        padding-left:\r\n          15px;\r\n\r\n        padding-right:\r\n          15px;\r\n      }\r\n\r\n      .zsgre__gallery-frame {\r\n        aspect-ratio:\r\n          .92 \/ 1;\r\n      }\r\n\r\n    }\r\n\r\n\r\n    @media (prefers-reduced-motion:reduce) {\r\n\r\n      .zsgre__slide,\r\n      .zsgre__arrow,\r\n      .zsgre__dot,\r\n      .zsgre__contact a {\r\n        transition:\r\n          none !important;\r\n      }\r\n\r\n    }\r\n\r\n  <\/style>\r\n\r\n\r\n  <script>\r\n  (function () {\r\n\r\n    const galleries =\r\n      document.querySelectorAll(\r\n        '[data-zs-golf-room-gallery]'\r\n      );\r\n\r\n    galleries.forEach(function (gallery) {\r\n\r\n      if (\r\n        gallery.dataset.ready === '1'\r\n      ) {\r\n        return;\r\n      }\r\n\r\n      gallery.dataset.ready =\r\n        '1';\r\n\r\n      const slides =\r\n        Array.from(\r\n          gallery.querySelectorAll(\r\n            '[data-zs-slide]'\r\n          )\r\n        );\r\n\r\n      const dots =\r\n        Array.from(\r\n          gallery.querySelectorAll(\r\n            '[data-zs-dot]'\r\n          )\r\n        );\r\n\r\n      const prev =\r\n        gallery.querySelector(\r\n          '[data-zs-prev]'\r\n        );\r\n\r\n      const next =\r\n        gallery.querySelector(\r\n          '[data-zs-next]'\r\n        );\r\n\r\n      const current =\r\n        gallery.querySelector(\r\n          '[data-zs-current]'\r\n        );\r\n\r\n      if (!slides.length) {\r\n        return;\r\n      }\r\n\r\n      let index =\r\n        0;\r\n\r\n\r\n      function showSlide(newIndex) {\r\n\r\n        index =\r\n          (newIndex + slides.length)\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          function (dot, i) {\r\n\r\n            const active =\r\n              i === index;\r\n\r\n            dot.classList.toggle(\r\n              'is-active',\r\n              active\r\n            );\r\n\r\n            if (active) {\r\n              dot.setAttribute(\r\n                'aria-current',\r\n                'true'\r\n              );\r\n            } else {\r\n              dot.removeAttribute(\r\n                'aria-current'\r\n              );\r\n            }\r\n\r\n          }\r\n        );\r\n\r\n        if (current) {\r\n          current.textContent =\r\n            String(index + 1)\r\n              .padStart(2, '0');\r\n        }\r\n\r\n      }\r\n\r\n\r\n      if (prev) {\r\n        prev.addEventListener(\r\n          'click',\r\n          () =>\r\n            showSlide(\r\n              index - 1\r\n            )\r\n        );\r\n      }\r\n\r\n      if (next) {\r\n        next.addEventListener(\r\n          'click',\r\n          () =>\r\n            showSlide(\r\n              index + 1\r\n            )\r\n        );\r\n      }\r\n\r\n      dots.forEach(\r\n        dot =>\r\n          dot.addEventListener(\r\n            'click',\r\n            () =>\r\n              showSlide(\r\n                Number(\r\n                  dot.dataset.zsDot\r\n                )\r\n              )\r\n          )\r\n      );\r\n\r\n\r\n      \/* Swipe \/ touch *\/\r\n\r\n      let startX =\r\n        null;\r\n\r\n      let startY =\r\n        null;\r\n\r\n      gallery.addEventListener(\r\n        'pointerdown',\r\n        event => {\r\n\r\n          startX =\r\n            event.clientX;\r\n\r\n          startY =\r\n            event.clientY;\r\n\r\n        }\r\n      );\r\n\r\n      gallery.addEventListener(\r\n        'pointerup',\r\n        event => {\r\n\r\n          if (\r\n            startX === null ||\r\n            startY === null\r\n          ) {\r\n            return;\r\n          }\r\n\r\n          const dx =\r\n            event.clientX -\r\n            startX;\r\n\r\n          const dy =\r\n            event.clientY -\r\n            startY;\r\n\r\n          startX =\r\n            null;\r\n\r\n          startY =\r\n            null;\r\n\r\n          if (\r\n            Math.abs(dx) < 45 ||\r\n            Math.abs(dx) <=\r\n            Math.abs(dy)\r\n          ) {\r\n            return;\r\n          }\r\n\r\n          showSlide(\r\n            dx < 0\r\n              ? index + 1\r\n              : index - 1\r\n          );\r\n\r\n        }\r\n      );\r\n\r\n      gallery.addEventListener(\r\n        'pointercancel',\r\n        () => {\r\n\r\n          startX =\r\n            null;\r\n\r\n          startY =\r\n            null;\r\n\r\n        }\r\n      );\r\n\r\n      showSlide(0);\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-44439e1 e-con-full e-flex e-con e-parent\" data-id=\"44439e1\" 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-06a0a03 elementor-widget elementor-widget-html\" data-id=\"06a0a03\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ZALA SPRINGS MAIN \u2014 GOLF & PIHEN\u00c9S \/ \u00c9LM\u00c9NYGAL\u00c9RIA -->\r\n<section\r\n  id=\"zs-golf-service-gallery\"\r\n  class=\"zs-main zsgallery\"\r\n  aria-labelledby=\"zsgallery-title\"\r\n>\r\n\r\n  <div class=\"zsgallery__inner\">\r\n\r\n    <header class=\"zsgallery__header\">\r\n\r\n      <div class=\"zsgallery__eyebrow\">\r\n        <span><\/span>\r\n        <b>ZALA SPRINGS \u00c9LM\u00c9NY<\/b>\r\n        <span><\/span>\r\n      <\/div>\r\n\r\n      <h2 id=\"zsgallery-title\">\r\n        T\u00f6bb mint golf\r\n      <\/h2>\r\n\r\n      <p>\r\n        Pihen\u00e9s, gasztron\u00f3mia, wellness \u00e9s golf\u00e9lm\u00e9nyek egy k\u00fcl\u00f6nleges k\u00f6rnyezetben.\r\n      <\/p>\r\n\r\n    <\/header>\r\n\r\n\r\n    <div class=\"zsgallery__grid\">\r\n\r\n      <button class=\"zsgallery__item zsgallery__item--wide\" type=\"button\" data-index=\"0\">\r\n        <img\r\n          src=\"\/wp-content\/uploads\/2026\/09\/service-1.jpg\"\r\n          alt=\"Wellness \u00e9lm\u00e9ny a Zala Springsben\"\r\n          loading=\"lazy\"\r\n          decoding=\"async\"\r\n        >\r\n      <\/button>\r\n\r\n      <button class=\"zsgallery__item\" type=\"button\" data-index=\"1\">\r\n        <img\r\n          src=\"\/wp-content\/uploads\/2026\/09\/service-2.jpg\"\r\n          alt=\"Gasztron\u00f3miai \u00e9lm\u00e9ny a Zala Springsben\"\r\n          loading=\"lazy\"\r\n          decoding=\"async\"\r\n        >\r\n      <\/button>\r\n\r\n      <button class=\"zsgallery__item\" type=\"button\" data-index=\"2\">\r\n        <img\r\n          src=\"\/wp-content\/uploads\/2026\/09\/service-3.jpg\"\r\n          alt=\"Medence \u00e9s pihen\u00e9s a Zala Springsben\"\r\n          loading=\"lazy\"\r\n          decoding=\"async\"\r\n        >\r\n      <\/button>\r\n\r\n      <button class=\"zsgallery__item zsgallery__item--tall\" type=\"button\" data-index=\"3\">\r\n        <img\r\n          src=\"\/wp-content\/uploads\/2026\/09\/service-4.jpg\"\r\n          alt=\"\u00c9tkez\u00e9s a Zala Springsben\"\r\n          loading=\"lazy\"\r\n          decoding=\"async\"\r\n        >\r\n      <\/button>\r\n\r\n      <button class=\"zsgallery__item\" type=\"button\" data-index=\"4\">\r\n        <img\r\n          src=\"\/wp-content\/uploads\/2026\/09\/service-5.jpg\"\r\n          alt=\"Zala Springs k\u00f6rnyezet\"\r\n          loading=\"lazy\"\r\n          decoding=\"async\"\r\n        >\r\n      <\/button>\r\n\r\n      <button class=\"zsgallery__item\" type=\"button\" data-index=\"5\">\r\n        <img\r\n          src=\"\/wp-content\/uploads\/2026\/09\/service-6.jpg\"\r\n          alt=\"Wellness kezel\u00e9s\"\r\n          loading=\"lazy\"\r\n          decoding=\"async\"\r\n        >\r\n      <\/button>\r\n\r\n      <button class=\"zsgallery__item zsgallery__item--wide\" type=\"button\" data-index=\"6\">\r\n        <img\r\n          src=\"\/wp-content\/uploads\/2026\/09\/service-8.jpg\"\r\n          alt=\"Zala Springs sz\u00e1ll\u00e1s\"\r\n          loading=\"lazy\"\r\n          decoding=\"async\"\r\n        >\r\n      <\/button>\r\n\r\n      <button class=\"zsgallery__item\" type=\"button\" data-index=\"7\">\r\n        <img\r\n          src=\"\/wp-content\/uploads\/2026\/09\/service-9.jpg\"\r\n          alt=\"Zala Springs golfp\u00e1lya\"\r\n          loading=\"lazy\"\r\n          decoding=\"async\"\r\n        >\r\n      <\/button>\r\n\r\n      <button class=\"zsgallery__item\" type=\"button\" data-index=\"8\">\r\n        <img\r\n          src=\"\/wp-content\/uploads\/2026\/09\/service-10.jpg\"\r\n          alt=\"Gasztron\u00f3mia a Zala Springsben\"\r\n          loading=\"lazy\"\r\n          decoding=\"async\"\r\n        >\r\n      <\/button>\r\n\r\n      <button class=\"zsgallery__item zsgallery__item--tall\" type=\"button\" data-index=\"9\">\r\n        <img\r\n          src=\"\/wp-content\/uploads\/2026\/09\/service-11.jpg\"\r\n          alt=\"\u00c9ttermi \u00e9lm\u00e9ny\"\r\n          loading=\"lazy\"\r\n          decoding=\"async\"\r\n        >\r\n      <\/button>\r\n\r\n      <button class=\"zsgallery__item\" type=\"button\" data-index=\"10\">\r\n        <img\r\n          src=\"\/wp-content\/uploads\/2026\/09\/service-12.jpg\"\r\n          alt=\"Spa \u00e9s pihen\u00e9s\"\r\n          loading=\"lazy\"\r\n          decoding=\"async\"\r\n        >\r\n      <\/button>\r\n\r\n      <button class=\"zsgallery__item zsgallery__item--wide\" type=\"button\" data-index=\"11\">\r\n        <img\r\n          src=\"\/wp-content\/uploads\/2026\/09\/service-13.jpg\"\r\n          alt=\"Massz\u00e1zs a Zala Springsben\"\r\n          loading=\"lazy\"\r\n          decoding=\"async\"\r\n        >\r\n      <\/button>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n\r\n  <!-- LIGHTBOX -->\r\n  <div class=\"zsgallery__lightbox\" aria-hidden=\"true\">\r\n\r\n    <button\r\n      class=\"zsgallery__close\"\r\n      type=\"button\"\r\n      aria-label=\"Gal\u00e9ria bez\u00e1r\u00e1sa\"\r\n    >\r\n      \u00d7\r\n    <\/button>\r\n\r\n    <button\r\n      class=\"zsgallery__nav zsgallery__nav--prev\"\r\n      type=\"button\"\r\n      aria-label=\"El\u0151z\u0151 k\u00e9p\"\r\n    >\r\n      <svg viewBox=\"0 0 24 24\">\r\n        <path d=\"M15 18l-6-6 6-6\"><\/path>\r\n      <\/svg>\r\n    <\/button>\r\n\r\n    <div class=\"zsgallery__lightbox-image\">\r\n      <img decoding=\"async\" src=\"\" alt=\"\">\r\n    <\/div>\r\n\r\n    <button\r\n      class=\"zsgallery__nav zsgallery__nav--next\"\r\n      type=\"button\"\r\n      aria-label=\"K\u00f6vetkez\u0151 k\u00e9p\"\r\n    >\r\n      <svg viewBox=\"0 0 24 24\">\r\n        <path d=\"M9 18l6-6-6-6\"><\/path>\r\n      <\/svg>\r\n    <\/button>\r\n\r\n    <div class=\"zsgallery__counter\">\r\n      <span data-current>01<\/span>\r\n      <span><\/span>\r\n      <b>12<\/b>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n\r\n  <style>\r\n    #zs-golf-service-gallery,\r\n    #zs-golf-service-gallery *,\r\n    #zs-golf-service-gallery *::before,\r\n    #zs-golf-service-gallery *::after {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    #zs-golf-service-gallery {\r\n      --gold: var(--zs-brand-gold, #c2a22f);\r\n      --dark: var(--zs-brand-midnight, #26352c);\r\n      --muted: var(--zs-text-soft, #68716c);\r\n\r\n      width: 100%;\r\n\r\n      padding:\r\n        clamp(88px,7vw,128px)\r\n        clamp(20px,5vw,86px);\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: 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-golf-service-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    .zsgallery__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    \/* HEADER *\/\r\n\r\n    .zsgallery__header {\r\n      width:\r\n        min(100%,900px);\r\n\r\n      margin:\r\n        0 auto\r\n        clamp(44px,5vw,70px);\r\n\r\n      text-align:\r\n        center;\r\n    }\r\n\r\n    .zsgallery__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        17px;\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        .21em;\r\n\r\n      text-transform:\r\n        uppercase;\r\n    }\r\n\r\n    .zsgallery__eyebrow span {\r\n      width:\r\n        48px;\r\n\r\n      height:\r\n        1px;\r\n\r\n      background:\r\n        rgba(194,162,47,.70);\r\n    }\r\n\r\n    .zsgallery__eyebrow b {\r\n      font-weight:\r\n        700;\r\n    }\r\n\r\n    .zsgallery__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(44px,4.6vw,76px);\r\n\r\n      font-weight:\r\n        400 !important;\r\n\r\n      line-height:\r\n        1.03 !important;\r\n\r\n      letter-spacing:\r\n        -.025em;\r\n    }\r\n\r\n    .zsgallery__header p {\r\n      width:\r\n        min(100%,680px);\r\n\r\n      margin:\r\n        17px auto 0 !important;\r\n\r\n      color:\r\n        var(--muted);\r\n\r\n      font-size:\r\n        clamp(15px,1vw,18px);\r\n\r\n      line-height:\r\n        1.6;\r\n    }\r\n\r\n\r\n    \/* BENTO GRID *\/\r\n\r\n    .zsgallery__grid {\r\n      display:\r\n        grid;\r\n\r\n      grid-template-columns:\r\n        repeat(4,minmax(0,1fr));\r\n\r\n      grid-auto-rows:\r\n        clamp(190px,16vw,255px);\r\n\r\n      gap:\r\n        clamp(12px,1.4vw,20px);\r\n    }\r\n\r\n    .zsgallery__item {\r\n      appearance:\r\n        none;\r\n\r\n      -webkit-appearance:\r\n        none;\r\n\r\n      position:\r\n        relative;\r\n\r\n      width:\r\n        100%;\r\n\r\n      min-width:\r\n        0;\r\n\r\n      margin:\r\n        0;\r\n\r\n      padding:\r\n        0 !important;\r\n\r\n      overflow:\r\n        hidden;\r\n\r\n      border:\r\n        0 !important;\r\n\r\n      border-radius:\r\n        20px !important;\r\n\r\n      background:\r\n        #dce1dc !important;\r\n\r\n      box-shadow:\r\n        0 16px 40px rgba(38,53,44,.06);\r\n\r\n      cursor:\r\n        pointer;\r\n    }\r\n\r\n    .zsgallery__item--wide {\r\n      grid-column:\r\n        span 2;\r\n    }\r\n\r\n    .zsgallery__item--tall {\r\n      grid-row:\r\n        span 2;\r\n    }\r\n\r\n    .zsgallery__item::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          transparent 55%,\r\n          rgba(20,35,28,.18)\r\n        );\r\n\r\n      opacity:\r\n        .65;\r\n\r\n      transition:\r\n        opacity .4s ease;\r\n    }\r\n\r\n    .zsgallery__item 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      transform:\r\n        scale(1.01);\r\n\r\n      transition:\r\n        transform .75s\r\n        cubic-bezier(.2,.72,.2,1);\r\n    }\r\n\r\n\r\n    \/* HOVER *\/\r\n\r\n    @media (hover:hover) and (pointer:fine) {\r\n\r\n      .zsgallery__item:hover img {\r\n        transform:\r\n          scale(1.065);\r\n      }\r\n\r\n      .zsgallery__item:hover::after {\r\n        opacity:\r\n          .25;\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* LIGHTBOX *\/\r\n\r\n    .zsgallery__lightbox {\r\n      position:\r\n        fixed;\r\n\r\n      inset:\r\n        0;\r\n\r\n      z-index:\r\n        999999;\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        center;\r\n\r\n      padding:\r\n        40px;\r\n\r\n      background:\r\n        rgba(18,29,23,.93);\r\n\r\n      backdrop-filter:\r\n        blur(14px);\r\n\r\n      -webkit-backdrop-filter:\r\n        blur(14px);\r\n\r\n      opacity:\r\n        0;\r\n\r\n      visibility:\r\n        hidden;\r\n\r\n      pointer-events:\r\n        none;\r\n\r\n      transition:\r\n        opacity .35s ease,\r\n        visibility .35s ease;\r\n    }\r\n\r\n    .zsgallery__lightbox.is-open {\r\n      opacity:\r\n        1;\r\n\r\n      visibility:\r\n        visible;\r\n\r\n      pointer-events:\r\n        auto;\r\n    }\r\n\r\n    .zsgallery__lightbox-image {\r\n      width:\r\n        min(1100px,82vw);\r\n\r\n      height:\r\n        min(760px,78vh);\r\n\r\n      overflow:\r\n        hidden;\r\n\r\n      border-radius:\r\n        24px;\r\n\r\n      background:\r\n        #111;\r\n    }\r\n\r\n    .zsgallery__lightbox-image img {\r\n      display:\r\n        block;\r\n\r\n      width:\r\n        100%;\r\n\r\n      height:\r\n        100%;\r\n\r\n      object-fit:\r\n        contain;\r\n    }\r\n\r\n    .zsgallery__close {\r\n      position:\r\n        absolute;\r\n\r\n      top:\r\n        24px;\r\n\r\n      right:\r\n        28px;\r\n\r\n      width:\r\n        48px;\r\n\r\n      height:\r\n        48px;\r\n\r\n      display:\r\n        grid;\r\n\r\n      place-items:\r\n        center;\r\n\r\n      padding:\r\n        0 !important;\r\n\r\n      border:\r\n        1px solid rgba(255,255,255,.22) !important;\r\n\r\n      border-radius:\r\n        50% !important;\r\n\r\n      background:\r\n        rgba(255,255,255,.08) !important;\r\n\r\n      color:\r\n        #fff !important;\r\n\r\n      font-size:\r\n        29px;\r\n\r\n      font-weight:\r\n        300;\r\n\r\n      line-height:\r\n        1;\r\n\r\n      cursor:\r\n        pointer;\r\n    }\r\n\r\n    .zsgallery__nav {\r\n      position:\r\n        absolute;\r\n\r\n      top:\r\n        50%;\r\n\r\n      width:\r\n        52px;\r\n\r\n      height:\r\n        52px;\r\n\r\n      display:\r\n        grid;\r\n\r\n      place-items:\r\n        center;\r\n\r\n      padding:\r\n        0 !important;\r\n\r\n      border:\r\n        1px solid rgba(255,255,255,.25) !important;\r\n\r\n      border-radius:\r\n        50% !important;\r\n\r\n      background:\r\n        rgba(255,255,255,.08) !important;\r\n\r\n      color:\r\n        #fff !important;\r\n\r\n      cursor:\r\n        pointer;\r\n\r\n      transform:\r\n        translateY(-50%);\r\n    }\r\n\r\n    .zsgallery__nav--prev {\r\n      left:\r\n        28px;\r\n    }\r\n\r\n    .zsgallery__nav--next {\r\n      right:\r\n        28px;\r\n    }\r\n\r\n    .zsgallery__nav svg {\r\n      width:\r\n        20px;\r\n\r\n      height:\r\n        20px;\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.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    .zsgallery__counter {\r\n      position:\r\n        absolute;\r\n\r\n      bottom:\r\n        25px;\r\n\r\n      left:\r\n        50%;\r\n\r\n      display:\r\n        flex;\r\n\r\n      align-items:\r\n        center;\r\n\r\n      gap:\r\n        8px;\r\n\r\n      padding:\r\n        9px 14px;\r\n\r\n      border-radius:\r\n        999px;\r\n\r\n      background:\r\n        rgba(255,255,255,.10);\r\n\r\n      color:\r\n        rgba(255,255,255,.85);\r\n\r\n      font-size:\r\n        11px;\r\n\r\n      letter-spacing:\r\n        .08em;\r\n\r\n      transform:\r\n        translateX(-50%);\r\n    }\r\n\r\n    .zsgallery__counter > span:nth-child(2) {\r\n      width:\r\n        18px;\r\n\r\n      height:\r\n        1px;\r\n\r\n      background:\r\n        rgba(255,255,255,.35);\r\n    }\r\n\r\n    .zsgallery__counter b {\r\n      font-weight:\r\n        400;\r\n    }\r\n\r\n\r\n    \/* 1366 *\/\r\n\r\n    @media (max-width:1366px) {\r\n\r\n      #zs-golf-service-gallery {\r\n        padding:\r\n          96px 40px;\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* 1200 *\/\r\n\r\n    @media (max-width:1200px) {\r\n\r\n      #zs-golf-service-gallery {\r\n        padding:\r\n          88px 30px;\r\n      }\r\n\r\n      .zsgallery__grid {\r\n        grid-template-columns:\r\n          repeat(3,minmax(0,1fr));\r\n\r\n        grid-auto-rows:\r\n          220px;\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* 1024 *\/\r\n\r\n    @media (max-width:1024px) {\r\n\r\n      #zs-golf-service-gallery {\r\n        padding:\r\n          82px 22px;\r\n      }\r\n\r\n      .zsgallery__grid {\r\n        grid-template-columns:\r\n          repeat(2,minmax(0,1fr));\r\n\r\n        grid-auto-rows:\r\n          220px;\r\n      }\r\n\r\n      .zsgallery__item--wide {\r\n        grid-column:\r\n          span 2;\r\n      }\r\n\r\n      .zsgallery__item--tall {\r\n        grid-row:\r\n          span 2;\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* 880 *\/\r\n\r\n    @media (max-width:880px) {\r\n\r\n      #zs-golf-service-gallery {\r\n        padding:\r\n          76px 18px;\r\n      }\r\n\r\n      .zsgallery__item {\r\n        border-radius:\r\n          17px !important;\r\n      }\r\n\r\n      .zsgallery__lightbox {\r\n        padding:\r\n          22px;\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* 767 *\/\r\n\r\n    @media (max-width:767px) {\r\n\r\n      #zs-golf-service-gallery {\r\n        padding:\r\n          68px 12px;\r\n      }\r\n\r\n      .zsgallery__header {\r\n        margin-bottom:\r\n          36px;\r\n      }\r\n\r\n      .zsgallery__eyebrow {\r\n        gap:\r\n          9px;\r\n\r\n        font-size:\r\n          8px;\r\n      }\r\n\r\n      .zsgallery__eyebrow span {\r\n        width:\r\n          28px;\r\n      }\r\n\r\n      .zsgallery__header h2 {\r\n        font-size:\r\n          clamp(38px,10vw,50px);\r\n      }\r\n\r\n      .zsgallery__grid {\r\n        grid-template-columns:\r\n          1fr;\r\n\r\n        grid-auto-rows:\r\n          auto;\r\n\r\n        gap:\r\n          12px;\r\n      }\r\n\r\n      .zsgallery__item,\r\n      .zsgallery__item--wide,\r\n      .zsgallery__item--tall {\r\n        grid-column:\r\n          auto;\r\n\r\n        grid-row:\r\n          auto;\r\n\r\n        aspect-ratio:\r\n          1.35 \/ 1;\r\n      }\r\n\r\n      .zsgallery__item {\r\n        border-radius:\r\n          15px !important;\r\n      }\r\n\r\n      .zsgallery__lightbox {\r\n        padding:\r\n          12px;\r\n      }\r\n\r\n      .zsgallery__lightbox-image {\r\n        width:\r\n          100%;\r\n\r\n        height:\r\n          72vh;\r\n\r\n        border-radius:\r\n          18px;\r\n      }\r\n\r\n      .zsgallery__nav {\r\n        top:\r\n          auto;\r\n\r\n        bottom:\r\n          22px;\r\n\r\n        width:\r\n          46px;\r\n\r\n        height:\r\n          46px;\r\n\r\n        transform:\r\n          none;\r\n      }\r\n\r\n      .zsgallery__nav--prev {\r\n        left:\r\n          20px;\r\n      }\r\n\r\n      .zsgallery__nav--next {\r\n        right:\r\n          20px;\r\n      }\r\n\r\n      .zsgallery__counter {\r\n        bottom:\r\n          27px;\r\n      }\r\n\r\n      .zsgallery__close {\r\n        top:\r\n          18px;\r\n\r\n        right:\r\n          18px;\r\n      }\r\n\r\n    }\r\n\r\n\r\n    @media (prefers-reduced-motion:reduce) {\r\n\r\n      #zs-golf-service-gallery *,\r\n      #zs-golf-service-gallery *::before,\r\n      #zs-golf-service-gallery *::after {\r\n        transition:\r\n          none !important;\r\n\r\n        animation:\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-golf-service-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\r\n    const items =\r\n      Array.from(\r\n        root.querySelectorAll(\r\n          '.zsgallery__item'\r\n        )\r\n      );\r\n\r\n    const lightbox =\r\n      root.querySelector(\r\n        '.zsgallery__lightbox'\r\n      );\r\n\r\n    const lightboxImg =\r\n      root.querySelector(\r\n        '.zsgallery__lightbox-image img'\r\n      );\r\n\r\n    const currentEl =\r\n      root.querySelector(\r\n        '[data-current]'\r\n      );\r\n\r\n    const close =\r\n      root.querySelector(\r\n        '.zsgallery__close'\r\n      );\r\n\r\n    const prev =\r\n      root.querySelector(\r\n        '.zsgallery__nav--prev'\r\n      );\r\n\r\n    const next =\r\n      root.querySelector(\r\n        '.zsgallery__nav--next'\r\n      );\r\n\r\n\r\n    let index =\r\n      0;\r\n\r\n\r\n    function show(newIndex) {\r\n\r\n      index =\r\n        (newIndex + items.length)\r\n        % items.length;\r\n\r\n      const img =\r\n        items[index]\r\n          .querySelector('img');\r\n\r\n      if (!img) {\r\n        return;\r\n      }\r\n\r\n      lightboxImg.src =\r\n        img.src;\r\n\r\n      lightboxImg.alt =\r\n        img.alt || '';\r\n\r\n      currentEl.textContent =\r\n        String(index + 1)\r\n          .padStart(2,'0');\r\n\r\n    }\r\n\r\n\r\n    function open(newIndex) {\r\n\r\n      show(newIndex);\r\n\r\n      lightbox.classList.add(\r\n        'is-open'\r\n      );\r\n\r\n      lightbox.setAttribute(\r\n        'aria-hidden',\r\n        'false'\r\n      );\r\n\r\n      document.body.style.overflow =\r\n        'hidden';\r\n\r\n    }\r\n\r\n\r\n    function closeLightbox() {\r\n\r\n      lightbox.classList.remove(\r\n        'is-open'\r\n      );\r\n\r\n      lightbox.setAttribute(\r\n        'aria-hidden',\r\n        'true'\r\n      );\r\n\r\n      document.body.style.overflow =\r\n        '';\r\n\r\n    }\r\n\r\n\r\n    items.forEach(\r\n      (item,i) => {\r\n\r\n        item.addEventListener(\r\n          'click',\r\n          () => open(i)\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n\r\n    prev.addEventListener(\r\n      'click',\r\n      () => show(index - 1)\r\n    );\r\n\r\n    next.addEventListener(\r\n      'click',\r\n      () => show(index + 1)\r\n    );\r\n\r\n    close.addEventListener(\r\n      'click',\r\n      closeLightbox\r\n    );\r\n\r\n\r\n    lightbox.addEventListener(\r\n      'click',\r\n      event => {\r\n\r\n        if (\r\n          event.target === lightbox\r\n        ) {\r\n          closeLightbox();\r\n        }\r\n\r\n      }\r\n    );\r\n\r\n\r\n    document.addEventListener(\r\n      'keydown',\r\n      event => {\r\n\r\n        if (\r\n          !lightbox.classList.contains(\r\n            'is-open'\r\n          )\r\n        ) {\r\n          return;\r\n        }\r\n\r\n        if (\r\n          event.key === 'Escape'\r\n        ) {\r\n          closeLightbox();\r\n        }\r\n\r\n        if (\r\n          event.key === 'ArrowLeft'\r\n        ) {\r\n          show(index - 1);\r\n        }\r\n\r\n        if (\r\n          event.key === 'ArrowRight'\r\n        ) {\r\n          show(index + 1);\r\n        }\r\n\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-d497d61 e-con-full e-flex e-con e-parent\" data-id=\"d497d61\" 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-60b3e0d elementor-widget elementor-widget-html\" data-id=\"60b3e0d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  ZALA SPRINGS MAIN\r\n  KAPCSOLAT \u2014 ELHELYEZKED\u00c9S \/ 3-SZINT\u0170 ZOOM T\u00c9RK\u00c9P\r\n  Kiindul\u00e1s: ingatlan bemutat\u00f3 lok\u00e1ci\u00f3-zoom komponens.\r\n  A legm\u00e9lyebb Zala Springs resort szint elt\u00e1vol\u00edtva.\r\n-->\r\n\r\n<section\r\n  id=\"zs-contact-location\"\r\n  class=\"zs-main zsclocation\"\r\n  aria-labelledby=\"zsclocation-title\"\r\n>\r\n  <div class=\"zsclocation__shell\">\r\n\r\n    <header class=\"zsclocation__header zsclocation__reveal\">\r\n      <div class=\"zsclocation__eyebrow\">\r\n        KAPCSOLAT\r\n      <\/div>\r\n\r\n      <h2 id=\"zsclocation-title\">\r\n        Elhelyezked\u00e9s\r\n      <\/h2>\r\n\r\n      <div class=\"zsclocation__header-line\"><\/div>\r\n    <\/header>\r\n\r\n\r\n    <div class=\"zsclocation__inner\">\r\n\r\n      <!-- ======================================================\r\n           MAP \/ ZOOM\r\n           ====================================================== -->\r\n\r\n      <div class=\"zsclocation__visual zsclocation__reveal\">\r\n\r\n        <div\r\n          class=\"zsclocation__stage\"\r\n          data-stage\r\n          tabindex=\"0\"\r\n          aria-label=\"A Zala Springs elhelyezked\u00e9se \u2013 h\u00e1roml\u00e9pcs\u0151s t\u00e9rk\u00e9pes nagy\u00edt\u00e1s\"\r\n        >\r\n\r\n          <div\r\n            class=\"zsclocation__image-layer is-active\"\r\n            data-layer=\"a\"\r\n          >\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\r\n            class=\"zsclocation__image-layer\"\r\n            data-layer=\"b\"\r\n          >\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          <div class=\"zsclocation__stage-top\">\r\n\r\n            <div class=\"zsclocation__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=\"zsclocation__hint\">\r\n              K\u00f6zel mindenhez\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div\r\n            class=\"zsclocation__zoom-controls\"\r\n            aria-label=\"T\u00e9rk\u00e9p nagy\u00edt\u00e1sa\"\r\n          >\r\n\r\n            <button\r\n              class=\"zsclocation__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\r\n              class=\"zsclocation__progress\"\r\n              aria-hidden=\"true\"\r\n            >\r\n              <span data-progress-bar><\/span>\r\n            <\/div>\r\n\r\n            <button\r\n              class=\"zsclocation__zoom-button zsclocation__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          <div\r\n            class=\"zsclocation__steps\"\r\n            aria-label=\"T\u00e9rk\u00e9pszintek\"\r\n          >\r\n\r\n            <button\r\n              type=\"button\"\r\n              class=\"zsclocation__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=\"zsclocation__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=\"zsclocation__step\"\r\n              data-step=\"2\"\r\n              aria-label=\"Balaton \u00e9s H\u00e9v\u00edz t\u00e9rs\u00e9ge\"\r\n            >\r\n              <span>03<\/span>\r\n            <\/button>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div\r\n            class=\"zsclocation__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\r\n        <div class=\"zsclocation__caption\">\r\n          <span>Nagy\u00edtson a t\u00e9rk\u00e9pen<\/span>\r\n          <i><\/i>\r\n          <strong data-caption>\r\n            Zala Springs Eur\u00f3pa sz\u00edv\u00e9ben\r\n          <\/strong>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- ======================================================\r\n           DYNAMIC COPY\r\n           Europe => GPS + rep\u00fcl\u0151\r\n           Hungary \/ Balaton => aut\u00f3s megk\u00f6zel\u00edt\u00e9s\r\n           ====================================================== -->\r\n\r\n      <div\r\n        class=\"zsclocation__copy-wrap zsclocation__reveal\"\r\n        aria-live=\"polite\"\r\n      >\r\n\r\n        <!-- HUNGARY \/ BALATON: AUT\u00d3S MEGK\u00d6ZEL\u00cdT\u00c9S -->\r\n        <article\r\n          class=\"zsclocation__copy-panel\"\r\n          data-copy-panel=\"road\"\r\n        >\r\n          <div class=\"zsclocation__copy-eyebrow\">\r\n            K\u00d6Z\u00daTON\r\n          <\/div>\r\n\r\n          <h3>\r\n            Aut\u00f3val\r\n          <\/h3>\r\n\r\n          <div class=\"zsclocation__gold-line\"><\/div>\r\n\r\n\r\n          <div class=\"zsclocation__route\">\r\n            <span class=\"zsclocation__route-index\">\r\n              01\r\n            <\/span>\r\n\r\n            <div>\r\n              <h4>\r\n                Aut\u00f3val Budapestr\u0151l\r\n              <\/h4>\r\n\r\n              <p>\r\n                Az M7\/E71-es aut\u00f3p\u00e1ly\u00e1r\u00f3l a 170-es kilom\u00e9terk\u0151n\u00e9l Balatonfenyves\r\n                ut\u00e1n kell lehajtani a 76-os kij\u00e1ratn\u00e1l. Balatonszentgy\u00f6rgy\r\n                ir\u00e1ny\u00e1ba, majd jobbra fordulva a 7-es jelz\u00e9s\u0171 \u00faton Keszthely fel\u00e9\r\n                kell haladni. H\u00e9v\u00edz ut\u00e1n a 760-as jelz\u00e9s\u0171 \u00faton 5 km ut\u00e1n\r\n                \u00e9rkez\u00fcnk meg Zalacs\u00e1nyba. Az utaz\u00e1s kb. k\u00e9t \u00f3r\u00e1t vesz ig\u00e9nybe.\r\n              <\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n\r\n          <div class=\"zsclocation__route\">\r\n            <span class=\"zsclocation__route-index\">\r\n              02\r\n            <\/span>\r\n\r\n            <div>\r\n              <h4>\r\n                Aut\u00f3val B\u00e9csb\u0151l\r\n              <\/h4>\r\n\r\n              <p>\r\n                Az A3-as jelz\u00e9s\u0171 aut\u00f3p\u00e1ly\u00e1n kell haladni, majd a magyar hat\u00e1rt\r\n                \u00e1tl\u00e9pve a 84-es jelz\u00e9s\u0171 \u00faton S\u00e1rv\u00e1r fel\u00e9. Kehidakust\u00e1ny\r\n                telep\u00fcl\u00e9s ut\u00e1n k\u00f6vetkezik Zalacs\u00e1ny. Az utaz\u00e1s valamivel t\u00f6bb,\r\n                mint k\u00e9t \u00f3r\u00e1t vesz ig\u00e9nybe.\r\n              <\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n\r\n          <div class=\"zsclocation__route\">\r\n            <span class=\"zsclocation__route-index\">\r\n              03\r\n            <\/span>\r\n\r\n            <div>\r\n              <h4>\r\n                Aut\u00f3val Z\u00e1gr\u00e1b fel\u0151l\r\n              <\/h4>\r\n\r\n              <p>\r\n                Az A4-es jelz\u00e9s\u0171 aut\u00f3p\u00e1ly\u00e1n Budapest fel\u00e9 sz\u00fcks\u00e9ges haladni.\r\n                A magyar hat\u00e1rt \u00e1tl\u00e9pve az M7-es aut\u00f3p\u00e1lya ir\u00e1ny\u00e1ba forduljunk,\r\n                majd Nagykanizs\u00e1t elhagyva Balatonszentgy\u00f6rgy ir\u00e1ny\u00e1ba kell\r\n                let\u00e9rni az aut\u00f3p\u00e1ly\u00e1r\u00f3l \u00e9s a 7-es jelz\u00e9s\u0171 \u00faton Keszthely fel\u00e9\r\n                forduljunk. H\u00e9v\u00edz ut\u00e1n a 760-as jelz\u00e9s\u0171 \u00faton 5 km ut\u00e1n\r\n                \u00e9rkez\u00fcnk meg Zalacs\u00e1nyba. Az utaz\u00e1s kb. k\u00e9t \u00f3r\u00e1t vesz ig\u00e9nybe.\r\n              <\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n        <!-- EUROPE: GPS + REP\u00dcL\u0150S MEGK\u00d6ZEL\u00cdT\u00c9S -->\r\n        <article\r\n          class=\"zsclocation__copy-panel is-active\"\r\n          data-copy-panel=\"access\"\r\n        >\r\n          <div class=\"zsclocation__copy-eyebrow\">\r\n            \u00c9RKEZ\u00c9S\r\n          <\/div>\r\n\r\n          <h3>\r\n            GPS koordin\u00e1t\u00e1k\r\n          <\/h3>\r\n\r\n          <div class=\"zsclocation__gold-line\"><\/div>\r\n\r\n\r\n          <div class=\"zsclocation__coordinates\">\r\n            <span>\r\n              46.822453, 17.094343\r\n            <\/span>\r\n\r\n            <span>\r\n              46\u00b049\u203220.8\u2033N 17\u00b005\u203239.6\u2033E\r\n            <\/span>\r\n          <\/div>\r\n\r\n\r\n          <div class=\"zsclocation__route zsclocation__route--air\">\r\n            <span class=\"zsclocation__route-index\">\r\n              01\r\n            <\/span>\r\n\r\n            <div>\r\n              <h4>\r\n                Rep\u00fcl\u0151vel Budapestre\r\n              <\/h4>\r\n\r\n              <p>\r\n                A budapesti Liszt Ferenc rep\u00fcl\u0151t\u00e9r a r\u00e9gi\u00f3 egyik\r\n                legforgalmasabb rep\u00fcl\u0151tere sz\u00e1mos nemzetk\u00f6zi j\u00e1rattal.\r\n                Aut\u00f3b\u00e9rl\u00e9sre mind a rept\u00e9ren, mind a f\u0151v\u00e1rosban sz\u00e1mos helyen\r\n                lehet\u0151s\u00e9g ny\u00edlik, ig\u00e9ny eset\u00e9n transzfert biztos\u00edtunk a\r\n                rep\u00fcl\u0151t\u00e9r \u00e9s Zala Springs k\u00f6z\u00f6tt.\r\n              <\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n\r\n          <div class=\"zsclocation__route zsclocation__route--air\">\r\n            <span class=\"zsclocation__route-index\">\r\n              02\r\n            <\/span>\r\n\r\n            <div>\r\n              <h4>\r\n                Rep\u00fcl\u0151vel H\u00e9v\u00edz-Balatonra \u00e1prilist\u00f3l novemberig\r\n              <\/h4>\r\n\r\n              <p>\r\n                A H\u00e9v\u00edz-Balaton rep\u00fcl\u0151t\u00e9r \u00e1prilis \u00e9s november k\u00f6z\u00f6tt sz\u00e1mos\r\n                eur\u00f3pai nagyv\u00e1rossal forgalmi \u00f6sszek\u00f6ttet\u00e9sben van.\r\n                A rep\u00fcl\u0151t\u00e9r mind\u00f6ssze 15 perc aut\u00f3\u00fatra tal\u00e1lhat\u00f3 Zala\r\n                Springs-t\u0151l, el\u0151zetes egyeztet\u00e9s alapj\u00e1n a k\u00e9t helysz\u00edn k\u00f6z\u00f6tt\r\n                transzfert biztos\u00edtunk. A rep\u00fcl\u0151t\u00e9ren aut\u00f3b\u00e9rl\u00e9sre is van\r\n                lehet\u0151s\u00e9g.\r\n              <\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n\r\n  <style>\r\n    #zs-contact-location,\r\n    #zs-contact-location *,\r\n    #zs-contact-location *::before,\r\n    #zs-contact-location *::after {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    #zs-contact-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      --muted:\r\n        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        radial-gradient(\r\n          circle at 8% 10%,\r\n          rgba(194,162,47,.055),\r\n          transparent 26%\r\n        ),\r\n        linear-gradient(\r\n          180deg,\r\n          #f5f3ed,\r\n          #fbfaf7\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-contact-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    #zs-contact-location button {\r\n      font:\r\n        inherit;\r\n    }\r\n\r\n    .zsclocation__shell {\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    .zsclocation__header {\r\n      width:\r\n        min(100%,900px);\r\n\r\n      margin:\r\n        0 auto clamp(48px,5vw,72px);\r\n\r\n      text-align:\r\n        center;\r\n    }\r\n\r\n    .zsclocation__eyebrow {\r\n      margin-bottom:\r\n        12px;\r\n\r\n      color:\r\n        var(--gold);\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        .20em;\r\n\r\n      text-transform:\r\n        uppercase;\r\n    }\r\n\r\n    .zsclocation__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,4vw,66px);\r\n\r\n      font-weight:\r\n        400 !important;\r\n\r\n      line-height:\r\n        1.03 !important;\r\n\r\n      letter-spacing:\r\n        -.025em;\r\n    }\r\n\r\n    .zsclocation__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\r\n    \/* =========================================================\r\n       GRID\r\n       ========================================================= *\/\r\n\r\n    .zsclocation__inner {\r\n      display:\r\n        grid;\r\n\r\n      grid-template-columns:\r\n        minmax(0,1.08fr)\r\n        minmax(390px,.92fr);\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    .zsclocation__visual {\r\n      min-width: 0;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       MAP STAGE\r\n       ========================================================= *\/\r\n\r\n    .zsclocation__stage {\r\n      position: relative;\r\n\r\n      width: 100%;\r\n\r\n      aspect-ratio:\r\n        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:\r\n        isolate;\r\n\r\n      outline:\r\n        none;\r\n\r\n      touch-action:\r\n        pan-y;\r\n    }\r\n\r\n    .zsclocation__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    .zsclocation__image-layer {\r\n      position:\r\n        absolute;\r\n\r\n      inset:\r\n        0;\r\n\r\n      z-index:\r\n        1;\r\n\r\n      opacity:\r\n        0;\r\n\r\n      overflow:\r\n        hidden;\r\n\r\n      pointer-events:\r\n        none;\r\n\r\n      will-change:\r\n        opacity,\r\n        transform;\r\n    }\r\n\r\n    .zsclocation__image-layer.is-active {\r\n      opacity:\r\n        1;\r\n    }\r\n\r\n    .zsclocation__image-layer 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);\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:\r\n        none;\r\n\r\n      -webkit-user-drag:\r\n        none;\r\n    }\r\n\r\n\r\n    \/* FORWARD *\/\r\n\r\n    .zsclocation__image-layer.is-zooming-outgoing img {\r\n      animation:\r\n        zsclocationZoomOutgoing\r\n        .82s\r\n        cubic-bezier(.58,.02,.3,1)\r\n        both;\r\n    }\r\n\r\n    .zsclocation__image-layer.is-zooming-outgoing {\r\n      animation:\r\n        zsclocationFadeOutgoing\r\n        .82s\r\n        cubic-bezier(.58,.02,.3,1)\r\n        both;\r\n    }\r\n\r\n    .zsclocation__image-layer.is-zooming-incoming img {\r\n      animation:\r\n        zsclocationZoomIncoming\r\n        .82s\r\n        cubic-bezier(.18,.75,.24,1)\r\n        both;\r\n    }\r\n\r\n    .zsclocation__image-layer.is-zooming-incoming {\r\n      animation:\r\n        zsclocationFadeIncoming\r\n        .82s\r\n        cubic-bezier(.18,.75,.24,1)\r\n        both;\r\n    }\r\n\r\n\r\n    \/* REVERSE *\/\r\n\r\n    .zsclocation__image-layer.is-unzooming-outgoing img {\r\n      animation:\r\n        zsclocationUnzoomOutgoing\r\n        .78s\r\n        cubic-bezier(.58,.02,.3,1)\r\n        both;\r\n    }\r\n\r\n    .zsclocation__image-layer.is-unzooming-outgoing {\r\n      animation:\r\n        zsclocationFadeOutgoing\r\n        .78s\r\n        ease\r\n        both;\r\n    }\r\n\r\n    .zsclocation__image-layer.is-unzooming-incoming img {\r\n      animation:\r\n        zsclocationUnzoomIncoming\r\n        .78s\r\n        cubic-bezier(.18,.75,.24,1)\r\n        both;\r\n    }\r\n\r\n    .zsclocation__image-layer.is-unzooming-incoming {\r\n      animation:\r\n        zsclocationFadeIncoming\r\n        .78s\r\n        ease\r\n        both;\r\n    }\r\n\r\n    @keyframes zsclocationZoomOutgoing {\r\n      from {\r\n        transform:\r\n          scale(1);\r\n      }\r\n\r\n      to {\r\n        transform:\r\n          scale(2.55);\r\n      }\r\n    }\r\n\r\n    @keyframes zsclocationZoomIncoming {\r\n      from {\r\n        transform:\r\n          scale(.82);\r\n      }\r\n\r\n      to {\r\n        transform:\r\n          scale(1);\r\n      }\r\n    }\r\n\r\n    @keyframes zsclocationUnzoomOutgoing {\r\n      from {\r\n        transform:\r\n          scale(1);\r\n      }\r\n\r\n      to {\r\n        transform:\r\n          scale(.82);\r\n      }\r\n    }\r\n\r\n    @keyframes zsclocationUnzoomIncoming {\r\n      from {\r\n        transform:\r\n          scale(2.2);\r\n      }\r\n\r\n      to {\r\n        transform:\r\n          scale(1);\r\n      }\r\n    }\r\n\r\n    @keyframes zsclocationFadeOutgoing {\r\n      0%,\r\n      38% {\r\n        opacity:\r\n          1;\r\n      }\r\n\r\n      100% {\r\n        opacity:\r\n          0;\r\n      }\r\n    }\r\n\r\n    @keyframes zsclocationFadeIncoming {\r\n      0%,\r\n      27% {\r\n        opacity:\r\n          0;\r\n      }\r\n\r\n      100% {\r\n        opacity:\r\n          1;\r\n      }\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       TOP LABEL\r\n       ========================================================= *\/\r\n\r\n    .zsclocation__stage-top {\r\n      position:\r\n        absolute;\r\n\r\n      z-index:\r\n        10;\r\n\r\n      top:\r\n        20px;\r\n\r\n      right:\r\n        20px;\r\n\r\n      left:\r\n        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:\r\n        20px;\r\n\r\n      pointer-events:\r\n        none;\r\n    }\r\n\r\n    .zsclocation__level {\r\n      min-height:\r\n        38px;\r\n\r\n      display:\r\n        inline-flex;\r\n\r\n      align-items:\r\n        center;\r\n\r\n      gap:\r\n        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    .zsclocation__level > span {\r\n      color:\r\n        var(--gold);\r\n\r\n      font-size:\r\n        10px;\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    .zsclocation__level i {\r\n      width:\r\n        24px;\r\n\r\n      height:\r\n        1px;\r\n\r\n      background:\r\n        rgba(38,53,44,.19);\r\n    }\r\n\r\n    .zsclocation__level strong {\r\n      color:\r\n        var(--dark);\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        .14em;\r\n\r\n      text-transform:\r\n        uppercase;\r\n    }\r\n\r\n    .zsclocation__hint {\r\n      color:\r\n        rgba(38,53,44,.56);\r\n\r\n      font-size:\r\n        8px;\r\n\r\n      font-weight:\r\n        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       CONTROLS\r\n       ========================================================= *\/\r\n\r\n    .zsclocation__zoom-controls {\r\n      position:\r\n        absolute;\r\n\r\n      z-index:\r\n        15;\r\n\r\n      right:\r\n        20px;\r\n\r\n      bottom:\r\n        20px;\r\n\r\n      display:\r\n        flex;\r\n\r\n      align-items:\r\n        center;\r\n\r\n      gap:\r\n        7px;\r\n\r\n      padding:\r\n        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    .zsclocation__zoom-button {\r\n      width:\r\n        46px;\r\n\r\n      height:\r\n        46px;\r\n\r\n      display:\r\n        grid;\r\n\r\n      place-items:\r\n        center;\r\n\r\n      padding:\r\n        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:\r\n        pointer;\r\n\r\n      appearance:\r\n        none;\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    .zsclocation__zoom-button svg {\r\n      width:\r\n        20px;\r\n\r\n      height:\r\n        20px;\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.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    .zsclocation__zoom-button--primary {\r\n      position:\r\n        relative;\r\n\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    .zsclocation__zoom-button--primary:not(:disabled) {\r\n      animation:\r\n        zsclocationZoomButtonPulse\r\n        1.7s\r\n        cubic-bezier(.2,.72,.2,1)\r\n        infinite;\r\n    }\r\n\r\n    .zsclocation__zoom-button--primary:not(:disabled)::after {\r\n      content:\r\n        \"\";\r\n\r\n      position:\r\n        absolute;\r\n\r\n      inset:\r\n        -6px;\r\n\r\n      border:\r\n        1px solid rgba(194,162,47,.72);\r\n\r\n      border-radius:\r\n        50%;\r\n\r\n      pointer-events:\r\n        none;\r\n\r\n      animation:\r\n        zsclocationZoomRingPulse\r\n        1.7s\r\n        ease-out\r\n        infinite;\r\n    }\r\n\r\n    @keyframes zsclocationZoomButtonPulse {\r\n      0%,\r\n      100% {\r\n        transform:\r\n          scale(1);\r\n\r\n        box-shadow:\r\n          0 8px 22px rgba(194,162,47,.20),\r\n          0 0 0 0 rgba(194,162,47,.30);\r\n      }\r\n\r\n      50% {\r\n        transform:\r\n          scale(1.08);\r\n\r\n        box-shadow:\r\n          0 10px 28px rgba(194,162,47,.28),\r\n          0 0 0 8px rgba(194,162,47,.10);\r\n      }\r\n    }\r\n\r\n    @keyframes zsclocationZoomRingPulse {\r\n      0% {\r\n        opacity:\r\n          .9;\r\n\r\n        transform:\r\n          scale(.88);\r\n      }\r\n\r\n      75%,\r\n      100% {\r\n        opacity:\r\n          0;\r\n\r\n        transform:\r\n          scale(1.35);\r\n      }\r\n    }\r\n\r\n    .zsclocation__zoom-button:disabled {\r\n      opacity:\r\n        .30;\r\n\r\n      cursor:\r\n        default;\r\n    }\r\n\r\n    .zsclocation__progress {\r\n      width:\r\n        68px;\r\n\r\n      height:\r\n        2px;\r\n\r\n      overflow:\r\n        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    .zsclocation__progress span {\r\n      display:\r\n        block;\r\n\r\n      width:\r\n        33.333%;\r\n\r\n      height:\r\n        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    .zsclocation__steps {\r\n      position:\r\n        absolute;\r\n\r\n      z-index:\r\n        15;\r\n\r\n      bottom:\r\n        25px;\r\n\r\n      left:\r\n        24px;\r\n\r\n      display:\r\n        flex;\r\n\r\n      align-items:\r\n        center;\r\n\r\n      gap:\r\n        7px;\r\n    }\r\n\r\n    .zsclocation__step {\r\n      position:\r\n        relative;\r\n\r\n      width:\r\n        29px;\r\n\r\n      height:\r\n        29px;\r\n\r\n      display:\r\n        grid;\r\n\r\n      place-items:\r\n        center;\r\n\r\n      padding:\r\n        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    .zsclocation__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    .zsclocation__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       FOCUS\r\n       ========================================================= *\/\r\n\r\n    .zsclocation__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,56%);\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    .zsclocation__focus.is-pulsing {\r\n      opacity:\r\n        1;\r\n    }\r\n\r\n    .zsclocation__focus span,\r\n    .zsclocation__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    .zsclocation__focus span {\r\n      width:\r\n        11px;\r\n\r\n      height:\r\n        11px;\r\n\r\n      background:\r\n        var(--gold);\r\n    }\r\n\r\n    .zsclocation__focus i {\r\n      width:\r\n        34px;\r\n\r\n      height:\r\n        34px;\r\n\r\n      animation:\r\n        zsclocationPulse\r\n        1.25s ease-out infinite;\r\n    }\r\n\r\n    @keyframes zsclocationPulse {\r\n      0% {\r\n        opacity:\r\n          .8;\r\n\r\n        transform:\r\n          translate(-50%,-50%)\r\n          scale(.45);\r\n      }\r\n\r\n      100% {\r\n        opacity:\r\n          0;\r\n\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    .zsclocation__caption {\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-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    .zsclocation__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    .zsclocation__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    .zsclocation__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       COPY\r\n       ========================================================= *\/\r\n\r\n    .zsclocation__copy-wrap {\r\n      position:\r\n        relative;\r\n\r\n      min-height:\r\n        560px;\r\n    }\r\n\r\n    .zsclocation__copy-panel {\r\n      display:\r\n        none;\r\n    }\r\n\r\n    .zsclocation__copy-panel.is-active {\r\n      display:\r\n        block;\r\n\r\n      animation:\r\n        zsclocationCopyIn\r\n        .55s\r\n        cubic-bezier(.2,.72,.2,1)\r\n        both;\r\n    }\r\n\r\n    @keyframes zsclocationCopyIn {\r\n      from {\r\n        opacity:\r\n          0;\r\n\r\n        transform:\r\n          translateY(18px);\r\n      }\r\n\r\n      to {\r\n        opacity:\r\n          1;\r\n\r\n        transform:\r\n          none;\r\n      }\r\n    }\r\n\r\n    .zsclocation__copy-eyebrow {\r\n      margin-bottom:\r\n        12px;\r\n\r\n      color:\r\n        var(--gold);\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        .20em;\r\n\r\n      text-transform:\r\n        uppercase;\r\n    }\r\n\r\n    .zsclocation__copy-panel 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(38px,3.4vw,56px);\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        -.022em;\r\n    }\r\n\r\n    .zsclocation__gold-line {\r\n      width:\r\n        56px;\r\n\r\n      height:\r\n        1px;\r\n\r\n      margin:\r\n        24px 0 30px;\r\n\r\n      background:\r\n        var(--gold);\r\n    }\r\n\r\n    .zsclocation__route {\r\n      display:\r\n        grid;\r\n\r\n      grid-template-columns:\r\n        auto minmax(0,1fr);\r\n\r\n      gap:\r\n        17px;\r\n\r\n      padding:\r\n        0 0 22px;\r\n\r\n      margin-bottom:\r\n        22px;\r\n\r\n      border-bottom:\r\n        1px solid rgba(38,53,44,.10);\r\n    }\r\n\r\n    .zsclocation__route:last-child {\r\n      margin-bottom:\r\n        0;\r\n\r\n      padding-bottom:\r\n        0;\r\n\r\n      border-bottom:\r\n        0;\r\n    }\r\n\r\n    .zsclocation__route-index {\r\n      width:\r\n        31px;\r\n\r\n      height:\r\n        31px;\r\n\r\n      display:\r\n        grid;\r\n\r\n      place-items:\r\n        center;\r\n\r\n      margin-top:\r\n        2px;\r\n\r\n      border:\r\n        1px solid rgba(194,162,47,.34);\r\n\r\n      border-radius:\r\n        50%;\r\n\r\n      color:\r\n        var(--gold);\r\n\r\n      font-size:\r\n        8px;\r\n\r\n      font-weight:\r\n        700;\r\n    }\r\n\r\n    .zsclocation__route h4 {\r\n      margin:\r\n        0 0 8px !important;\r\n\r\n      color:\r\n        var(--dark) !important;\r\n\r\n      font-size:\r\n        clamp(19px,1.45vw,24px);\r\n\r\n      font-weight:\r\n        400 !important;\r\n\r\n      line-height:\r\n        1.2 !important;\r\n    }\r\n\r\n    .zsclocation__route 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        clamp(14px,.96vw,16px);\r\n\r\n      line-height:\r\n        1.68;\r\n    }\r\n\r\n    .zsclocation__coordinates {\r\n      display:\r\n        grid;\r\n\r\n      gap:\r\n        5px;\r\n\r\n      margin-bottom:\r\n        30px;\r\n\r\n      padding:\r\n        20px 22px;\r\n\r\n      border-left:\r\n        2px solid var(--gold);\r\n\r\n      border-radius:\r\n        0 17px 17px 0;\r\n\r\n      background:\r\n        rgba(255,255,255,.62);\r\n    }\r\n\r\n    .zsclocation__coordinates span {\r\n      color:\r\n        var(--dark);\r\n\r\n      font-size:\r\n        16px;\r\n\r\n      font-variant-numeric:\r\n        tabular-nums;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       REVEAL\r\n       ========================================================= *\/\r\n\r\n    .zsclocation__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    .zsclocation__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      .zsclocation__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      .zsclocation__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        animation-play-state:\r\n          paused;\r\n      }\r\n\r\n      .zsclocation__zoom-button--primary:not(:disabled):hover::after {\r\n        animation-play-state:\r\n          paused;\r\n      }\r\n\r\n      .zsclocation__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       RESPONSIVE\r\n       ========================================================= *\/\r\n\r\n    @media (max-width:1366px) {\r\n      #zs-contact-location {\r\n        padding:\r\n          104px 40px;\r\n      }\r\n\r\n      .zsclocation__inner {\r\n        gap:\r\n          70px;\r\n      }\r\n    }\r\n\r\n    @media (max-width:1200px) {\r\n      #zs-contact-location {\r\n        padding:\r\n          96px 32px;\r\n      }\r\n\r\n      .zsclocation__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    @media (max-width:1024px) {\r\n      #zs-contact-location {\r\n        padding:\r\n          86px 24px 96px;\r\n      }\r\n\r\n      .zsclocation__inner {\r\n        display:\r\n          flex;\r\n\r\n        flex-direction:\r\n          column;\r\n\r\n        gap:\r\n          48px;\r\n      }\r\n\r\n      .zsclocation__visual {\r\n        order:\r\n          1;\r\n\r\n        width:\r\n          min(100%,850px);\r\n      }\r\n\r\n      .zsclocation__copy-wrap {\r\n        order:\r\n          2;\r\n\r\n        width:\r\n          min(100%,850px);\r\n\r\n        min-height:\r\n          0;\r\n      }\r\n    }\r\n\r\n    @media (max-width:880px) {\r\n      #zs-contact-location {\r\n        padding:\r\n          76px 18px 86px;\r\n      }\r\n\r\n      .zsclocation__stage {\r\n        border-radius:\r\n          22px;\r\n      }\r\n    }\r\n\r\n    @media (max-width:767px) {\r\n      #zs-contact-location {\r\n        padding:\r\n          68px 12px 78px;\r\n      }\r\n\r\n      .zsclocation__header {\r\n        margin-bottom:\r\n          38px;\r\n      }\r\n\r\n      .zsclocation__header h2 {\r\n        font-size:\r\n          clamp(38px,10vw,50px);\r\n      }\r\n\r\n      .zsclocation__inner {\r\n        gap:\r\n          36px;\r\n      }\r\n\r\n      .zsclocation__stage {\r\n        aspect-ratio:\r\n          1 \/ .88;\r\n\r\n        border-radius:\r\n          19px;\r\n      }\r\n\r\n      .zsclocation__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      .zsclocation__hint {\r\n        display:\r\n          none;\r\n      }\r\n\r\n      .zsclocation__level {\r\n        min-height:\r\n          34px;\r\n\r\n        padding:\r\n          0 11px;\r\n      }\r\n\r\n      .zsclocation__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      .zsclocation__zoom-button {\r\n        width:\r\n          42px;\r\n\r\n        height:\r\n          42px;\r\n      }\r\n\r\n      .zsclocation__progress {\r\n        width:\r\n          44px;\r\n      }\r\n\r\n      .zsclocation__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      .zsclocation__step {\r\n        width:\r\n          26px;\r\n\r\n        height:\r\n          26px;\r\n      }\r\n\r\n      .zsclocation__caption {\r\n        margin-top:\r\n          13px;\r\n\r\n        font-size:\r\n          9px;\r\n      }\r\n\r\n      .zsclocation__caption strong {\r\n        display:\r\n          none;\r\n      }\r\n\r\n      .zsclocation__copy-panel h3 {\r\n        font-size:\r\n          clamp(34px,9vw,46px);\r\n      }\r\n\r\n      .zsclocation__route {\r\n        gap:\r\n          13px;\r\n      }\r\n\r\n      .zsclocation__route p {\r\n        font-size:\r\n          14px;\r\n\r\n        line-height:\r\n          1.65;\r\n      }\r\n\r\n      .zsclocation__coordinates {\r\n        padding:\r\n          18px 19px;\r\n      }\r\n\r\n      .zsclocation__coordinates span {\r\n        font-size:\r\n          14px;\r\n      }\r\n    }\r\n\r\n    @media (max-width:480px) {\r\n      .zsclocation__stage {\r\n        aspect-ratio:\r\n          .92 \/ 1;\r\n      }\r\n\r\n      .zsclocation__zoom-controls {\r\n        gap:\r\n          4px;\r\n      }\r\n\r\n      .zsclocation__progress {\r\n        width:\r\n          34px;\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      #zs-contact-location *,\r\n      #zs-contact-location *::before,\r\n      #zs-contact-location *::after {\r\n        animation:\r\n          none !important;\r\n\r\n        transition:\r\n          none !important;\r\n      }\r\n\r\n      .zsclocation__reveal {\r\n        opacity:\r\n          1 !important;\r\n\r\n        transform:\r\n          none !important;\r\n      }\r\n\r\n      .zsclocation__image-layer {\r\n        opacity:\r\n          0 !important;\r\n      }\r\n\r\n      .zsclocation__image-layer.is-active {\r\n        opacity:\r\n          1 !important;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n\r\n  <script>\r\n  (() => {\r\n    const root =\r\n      document.getElementById(\r\n        'zs-contact-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       3 LEVELS ONLY\r\n       Deepest Zala Springs resort level intentionally removed.\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        copy:\r\n          'access'\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        copy:\r\n          'road'\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\u00edz \u00e9s a Balaton k\u00f6zel\u00e9ben',\r\n\r\n        focalX:\r\n          27.8,\r\n\r\n        focalY:\r\n          49.5,\r\n\r\n        copy:\r\n          'road'\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      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      ...root.querySelectorAll(\r\n        '[data-step]'\r\n      )\r\n    ];\r\n\r\n    const copyPanels = [\r\n      ...root.querySelectorAll(\r\n        '[data-copy-panel]'\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    maps.forEach(\r\n      item => {\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    const updateCopy =\r\n      mode => {\r\n\r\n        copyPanels.forEach(\r\n          panel => {\r\n\r\n            panel.classList.toggle(\r\n              'is-active',\r\n              panel.dataset.copyPanel ===\r\n              mode\r\n            );\r\n\r\n          }\r\n        );\r\n\r\n      };\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.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        updateCopy(\r\n          item.copy\r\n        );\r\n\r\n      };\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    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        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        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            'zsclocation__image-layer';\r\n\r\n          incoming.className =\r\n            'zsclocation__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          'zsclocation__image-layer';\r\n\r\n        void incoming.offsetWidth;\r\n\r\n\r\n        if (forward) {\r\n\r\n          outgoing.className =\r\n            'zsclocation__image-layer is-active is-zooming-outgoing';\r\n\r\n          incoming.className =\r\n            'zsclocation__image-layer is-zooming-incoming';\r\n\r\n        }\r\n\r\n        else {\r\n\r\n          outgoing.className =\r\n            'zsclocation__image-layer is-active is-unzooming-outgoing';\r\n\r\n          incoming.className =\r\n            'zsclocation__image-layer is-unzooming-incoming';\r\n\r\n        }\r\n\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              'zsclocation__image-layer';\r\n\r\n            incoming.className =\r\n              'zsclocation__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    zoomIn.addEventListener(\r\n      'click',\r\n      () =>\r\n        goTo(index + 1)\r\n    );\r\n\r\n    zoomOut.addEventListener(\r\n      'click',\r\n      () =>\r\n        goTo(index - 1)\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    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    const reveal =\r\n      root.querySelectorAll(\r\n        '.zsclocation__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-af11f8e e-con-full e-flex e-con e-parent\" data-id=\"af11f8e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t<div class=\"elementor-element elementor-element-64302e8 e-con-full e-flex e-con e-child\" data-id=\"64302e8\" 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-38c2082 elementor-widget elementor-widget-shortcode\" data-id=\"38c2082\" 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>.zs-content-block,.zs-content-block *,.zs-content-block *::before,.zs-content-block *::after{box-sizing:border-box}.zs-content-block{--gold:#c2a22f;--goldDark:#9f842c;--dark:#26352c;--forest:#394a40;--muted:#707974;--ivory:#fbfaf6;--cream:#f4f0e7;--white:#fff;--radius:28px;--media-ratio:4\/3;width:100%;position:relative;color:var(--dark);font-family:\"Brandon book\",Arial,Helvetica,sans-serif!important}.zs-content-block *{font-family:\"Brandon book\",Arial,Helvetica,sans-serif!important}.zs-content-block--theme-light{background:#fff}.zs-content-block--theme-cream{background:linear-gradient(180deg,#fbfaf6 0%,#f5f0e6 100%)}.zs-content-block--theme-dark{background:#26352c;color:#fff}.zs-content-block--spacing-tight{padding:24px clamp(18px,4vw,70px)}.zs-content-block--spacing-compact{padding:50px clamp(18px,4.5vw,78px)}.zs-content-block--spacing-normal{padding:82px clamp(18px,5vw,86px)}.zs-content-block--spacing-large{padding:120px clamp(18px,5vw,86px)}.zs-content-block--promo_strip.zs-content-block--spacing-tight{padding-block:10px}.zs-content-block--promo_strip.zs-content-block--spacing-compact{padding-block:20px}.zs-content-block--promo_strip.zs-content-block--spacing-normal{padding-block:34px}.zs-content-block--promo_strip.zs-content-block--spacing-large{padding-block:52px}.zs-content-block--width-full .zscb__inner{max-width:none}.zs-content-block--width-wide .zscb__inner{max-width:1480px}.zs-content-block--width-content .zscb__inner{max-width:1180px}.zs-content-block--width-narrow .zscb__inner{max-width:900px}.zscb__inner{width:100%;margin:0 auto}.zs-content-block--radius-none{--radius:0}.zs-content-block--radius-medium{--radius:16px}.zs-content-block--radius-large{--radius:28px}.zs-content-block--ratio-auto{--media-ratio:auto}.zs-content-block--ratio-wide{--media-ratio:16\/9}.zs-content-block--ratio-landscape{--media-ratio:4\/3}.zs-content-block--ratio-square{--media-ratio:1\/1}.zs-content-block--ratio-portrait{--media-ratio:4\/5}.zscb__eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:16px;color:var(--goldDark);font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.zs-content-block--theme-dark .zscb__eyebrow{color:#dbc96e}.zscb__eyebrow span{width:40px;height:1px;background:var(--gold)}.zscb__title{margin:0;color:inherit;font-size:clamp(40px,4.4vw,76px);font-weight:400;line-height:1.04}.zs-content-block--title-compact .zscb__title{font-size:clamp(28px,2.8vw,48px)}.zs-content-block--title-display .zscb__title{font-size:clamp(52px,6vw,100px)}.zscb__rich{color:var(--muted);font-size:clamp(15px,1.1vw,19px);line-height:1.65}.zs-content-block--theme-dark .zscb__rich{color:rgba(255,255,255,.72)}.zscb__rich>*:first-child{margin-top:0}.zscb__rich>*:last-child{margin-bottom:0}.zscb__cta{display:inline-flex;align-items:center;gap:12px;margin-top:24px;color:inherit;text-decoration:none;font-size:13px;font-weight:700;letter-spacing:.045em;text-transform:uppercase;transition:.2s ease}.zscb__cta i{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(38,53,44,.18);border-radius:50%;font-style:normal;transition:.2s ease}.zs-content-block--theme-dark .zscb__cta i{border-color:rgba(255,255,255,.25)}.zs-content-block--cta-link .zscb__cta:hover i{background:var(--gold);border-color:var(--gold);color:#fff;transform:translateX(3px)}.zs-content-block--cta-outline .zscb__cta,.zs-content-block--cta-solid .zscb__cta{padding:12px 16px;border-radius:999px}.zs-content-block--cta-outline .zscb__cta{border:1px solid currentColor}.zs-content-block--cta-solid .zscb__cta{background:var(--dark);color:#fff}.zs-content-block--theme-dark.zs-content-block--cta-solid .zscb__cta{background:var(--gold);color:var(--dark)}.zs-content-block--cta-outline .zscb__cta i,.zs-content-block--cta-solid .zscb__cta i{width:auto;height:auto;border:0}.zs-content-block--align-center .zscb__eyebrow{justify-content:center}.zs-content-block--align-center .zscb-editorial,.zs-content-block--align-center .zscb-image-text__copy,.zs-content-block--align-center .zscb-split__copy,.zs-content-block--align-center .zscb-hero__copy,.zs-content-block--align-center .zscb-notice>div:first-child,.zs-content-block--align-center .zscb-strip__copy{text-align:center}.zscb-date{max-width:920px;margin:0 auto}.zscb-date__head{text-align:center;margin-bottom:30px}.zscb-date__head .zscb__eyebrow{justify-content:center}.zscb-date__list{border-top:1px solid rgba(38,53,44,.14)}.zscb-date__row{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:15px 12px;border-bottom:1px solid rgba(38,53,44,.14);font-size:15px}.zscb-date__date{color:#77817b}.zscb-date__label{text-align:right;color:inherit}.zs-content-block--theme-dark .zscb-date__list,.zs-content-block--theme-dark .zscb-date__row{border-color:rgba(255,255,255,.14)}.zscb-price{max-width:920px;margin:0 auto}.zscb-price__head{text-align:center;margin-bottom:30px}.zscb-price__head .zscb__eyebrow{justify-content:center}.zscb-price__list{border-top:1px solid rgba(38,53,44,.14)}.zscb-price__row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center;padding:15px 12px;border-bottom:1px solid rgba(38,53,44,.14);font-size:15px}.zscb-price__item{color:inherit}.zscb-price__value{text-align:right;color:inherit;font-weight:600;white-space:nowrap}.zs-content-block--theme-dark .zscb-price__list,.zs-content-block--theme-dark .zscb-price__row{border-color:rgba(255,255,255,.14)}.zscb-editorial{max-width:940px}.zs-content-block--align-center .zscb-editorial{margin-inline:auto;text-align:center}.zscb-editorial__head{margin-bottom:28px}.zscb-image-text{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(38px,6vw,100px);align-items:center}.zscb-image-text--no-media{grid-template-columns:1fr;max-width:940px}.zscb-image-text--image-right .zscb-image-text__media{order:2}.zscb-image-text__media,.zscb-split__media,.zscb-centered__media{border-radius:var(--radius);overflow:hidden;background:rgba(38,53,44,.055)}.zscb-image-text__media{aspect-ratio:var(--media-ratio);min-height:0}.zscb-image-text__media img,.zscb-split__media img,.zscb-centered__media img{display:block;width:100%;height:100%;object-fit:cover}.zs-content-block--fit-contain .zscb-image-text__media img,.zs-content-block--fit-contain .zscb-split__media img,.zs-content-block--fit-contain .zscb-centered__media img,.zs-content-block--fit-contain .zscb-strip__media img{object-fit:contain}.zscb-image-text__copy .zscb__rich{margin-top:26px}.zscb-hero{min-height:580px;display:flex;align-items:flex-end;padding:clamp(34px,6vw,78px);border-radius:var(--radius);background:#425349;color:#fff;overflow:hidden;position:relative}.zscb-hero.has-image{background-image:linear-gradient(90deg,rgba(22,35,28,.76),rgba(22,35,28,.24)),var(--zscb-hero-image);background-position:center;background-size:cover}.zscb-hero__copy{max-width:760px;position:relative;z-index:1}.zscb-hero .zscb__rich{max-width:650px;margin-top:24px;color:rgba(255,255,255,.84)}.zscb-strip{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:clamp(18px,3vw,42px);align-items:center;padding:clamp(18px,2.3vw,30px);border:1px solid rgba(38,53,44,.09);border-radius:var(--radius);background:rgba(255,255,255,.82);box-shadow:0 12px 34px rgba(38,53,44,.06)}.zs-content-block--theme-light .zscb-strip{background:#f8f5ed}.zs-content-block--theme-dark .zscb-strip{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.12)}.zscb-strip__media{width:clamp(110px,11vw,170px);height:clamp(72px,7vw,105px);display:grid;place-items:center;border-radius:calc(var(--radius)*.65);overflow:hidden;background:#fff}.zscb-strip__media img{display:block;width:100%;height:100%;object-fit:cover}.zscb-strip__copy .zscb__eyebrow{margin-bottom:8px}.zscb-strip__copy .zscb__title{font-size:clamp(28px,2.8vw,48px)}.zscb-strip__copy .zscb__rich{margin-top:8px;font-size:15px}.zscb-strip__copy .zscb__rich p{margin-block:0}.zscb-strip__action .zscb__cta{margin-top:0;white-space:nowrap}.zscb-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,120px);align-items:start}.zscb-split__body .zscb__rich{font-size:18px}.zscb-split__media{margin-top:34px;aspect-ratio:var(--media-ratio)}.zscb-centered{max-width:1080px;margin:0 auto;text-align:center}.zscb-centered__media{margin:0 auto 38px;aspect-ratio:var(--media-ratio);box-shadow:0 16px 45px rgba(38,53,44,.07)}.zscb-centered__copy{max-width:960px;margin:0 auto}.zscb-centered .zscb__eyebrow{justify-content:center}.zscb-centered .zscb__rich{max-width:700px;margin:26px auto 0}.zscb-quote{max-width:1180px;margin:0 auto;text-align:center}.zscb-quote .zscb__eyebrow{justify-content:center}.zscb-quote .zscb__title{color:var(--gold)}.zscb-quote__body{max-width:720px;margin:28px auto 0;color:var(--muted);font-size:18px;line-height:1.65}.zs-content-block--theme-dark .zscb-quote__body{color:rgba(255,255,255,.72)}.zscb-cards .zscb__title{max-width:850px}.zscb-cards__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:44px}.zscb-card{min-height:210px;padding:26px;border:1px solid rgba(38,53,44,.10);border-radius:var(--radius);background:rgba(255,255,255,.58)}.zs-content-block--theme-dark .zscb-card{border-color:rgba(255,255,255,.13);background:rgba(255,255,255,.045)}.zscb-card__line{display:block;width:30px;height:1px;margin-bottom:38px;background:var(--gold)}.zscb-card h3{margin:0 0 10px;font-size:23px;font-weight:400}.zscb-card p{margin:0;color:var(--muted);font-size:15px;line-height:1.6}.zs-content-block--theme-dark .zscb-card p{color:rgba(255,255,255,.62)}.zscb-notice{display:grid;grid-template-columns:1fr auto;gap:44px;align-items:center;padding:38px clamp(28px,5vw,66px);border-radius:var(--radius);background:#fff;border:1px solid rgba(38,53,44,.08);box-shadow:0 16px 46px rgba(38,53,44,.055)}.zs-content-block--theme-dark .zscb-notice{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12)}.zscb-notice .zscb__title{font-size:clamp(32px,3vw,50px)}.zscb-notice .zscb__rich{max-width:760px;margin-top:14px}.zscb-notice .zscb__cta{margin-top:0;white-space:nowrap}@media(max-width:1024px){.zscb-image-text,.zscb-split{grid-template-columns:1fr}.zscb-image-text--image-right .zscb-image-text__media{order:0}.zs-content-block--mobile-text_first .zscb-image-text__media{order:2}.zs-content-block--mobile-text_first .zscb-image-text__copy{order:1}.zscb-cards__grid{grid-template-columns:repeat(2,1fr)}.zscb-notice{grid-template-columns:1fr}.zscb-notice .zscb__cta{margin-top:8px}.zscb-strip{grid-template-columns:auto 1fr}.zscb-strip__action{grid-column:2}.zscb-strip__action .zscb__cta{margin-top:4px}}@media(max-width:767px){.zs-content-block--spacing-tight{padding:16px 16px}.zs-content-block--spacing-compact,.zs-content-block--spacing-normal,.zs-content-block--spacing-large{padding:52px 18px}.zs-content-block--promo_strip{padding:12px 14px!important}.zscb__title{font-size:clamp(34px,9vw,50px)}.zs-content-block--title-compact .zscb__title{font-size:30px}.zs-content-block--title-display .zscb__title{font-size:48px}.zscb-date__head .zscb__title{font-size:28px}.zscb-date__row{grid-template-columns:1fr;gap:5px;padding:13px 5px}.zscb-date__label{text-align:left;font-size:16px}.zscb-price__head .zscb__title{font-size:28px}.zscb-price__row{grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:13px 5px}.zscb-price__value{text-align:right;font-size:16px}.zscb-image-text__media{aspect-ratio:4\/3}.zscb-hero{min-height:480px;padding:26px 20px}.zscb-strip{grid-template-columns:1fr;gap:14px;padding:18px}.zscb-strip__media{width:100%;height:110px}.zscb-strip__action{grid-column:auto}.zscb-strip__action .zscb__cta{white-space:normal}.zs-content-block--mobile-text_first .zscb-strip__copy{order:1}.zs-content-block--mobile-text_first .zscb-strip__media{order:2}.zs-content-block--mobile-text_first .zscb-strip__action{order:3}.zscb-centered__media{margin-bottom:26px}.zscb-cards__grid{grid-template-columns:1fr}.zscb-card{min-height:auto}.zscb-notice{padding:28px 22px}}<\/style>        <section id=\"zs-block-1773-1\" class=\"zs-content-block zs-content-block--date_list zs-content-block--theme-light zs-content-block--align-left zs-content-block--spacing-compact zs-content-block--width-full zs-content-block--title-normal zs-content-block--radius-large zs-content-block--cta-link zs-content-block--ratio-landscape zs-content-block--fit-cover zs-content-block--mobile-media_first\" lang=\"en\">\n            <div class=\"zscb__inner\">\n                <div class=\"zscb-date\"><div class=\"zscb-date__head\"><div class=\"zscb__eyebrow\"><span><\/span><b>TOURNAMENT CALENDAR 2026<\/b><\/div><\/div><div class=\"zscb-date__list\"><div class=\"zscb-date__row\"><span class=\"zscb-date__date\">2026.03.21.<\/span><span class=\"zscb-date__label\">Pairs scramble tournament<\/span><\/div><div class=\"zscb-date__row\"><span class=\"zscb-date__date\">2026.04.10.<\/span><span class=\"zscb-date__label\">Magyar \u00c9p\u00edt\u0151 - Lake Resort GolfTour I.<\/span><\/div><div class=\"zscb-date__row\"><span class=\"zscb-date__date\">2026.04.11.<\/span><span class=\"zscb-date__label\">Race to Zala Springs I.<\/span><\/div><div class=\"zscb-date__row\"><span class=\"zscb-date__date\">2026.07.10.<\/span><span class=\"zscb-date__label\">Magyar \u00c9p\u00edt\u0151 - Lake Resort GolfTour IV.<\/span><\/div><div class=\"zscb-date__row\"><span class=\"zscb-date__date\">2026.07.11.<\/span><span class=\"zscb-date__label\">Race to Zala Springs II.<\/span><\/div><div class=\"zscb-date__row\"><span class=\"zscb-date__date\">2026.07.31.<\/span><span class=\"zscb-date__label\">Magyar \u00c9p\u00edt\u0151 - Lake Resort GolfTour VI.<\/span><\/div><div class=\"zscb-date__row\"><span class=\"zscb-date__date\">2026.08.01.<\/span><span class=\"zscb-date__label\">Race to Zala Springs III.<\/span><\/div><div class=\"zscb-date__row\"><span class=\"zscb-date__date\">2026.08.11-13.<\/span><span class=\"zscb-date__label\">Open Hungarian Junior Championship<\/span><\/div><div class=\"zscb-date__row\"><span class=\"zscb-date__date\">2026.08.15.<\/span><span class=\"zscb-date__label\">Race to Zala Springs IV.<\/span><\/div><div class=\"zscb-date__row\"><span class=\"zscb-date__date\">2026.08.29-31.<\/span><span class=\"zscb-date__label\">Open Mid-Am Championship<\/span><\/div><div class=\"zscb-date__row\"><span class=\"zscb-date__date\">2026.10.16.<\/span><span class=\"zscb-date__label\">Magyar \u00c9p\u00edt\u0151 - Lake Resort GolfTour X.<\/span><\/div><div class=\"zscb-date__row\"><span class=\"zscb-date__date\">2026.10.17.<\/span><span class=\"zscb-date__label\">Race to Zala Springs V.<\/span><\/div><div class=\"zscb-date__row\"><span class=\"zscb-date__date\">2026.11.14.<\/span><span class=\"zscb-date__label\">St. Martin&#039;s Day Pairs Scramble<\/span><\/div><\/div><\/div>            <\/div>\n        <\/section>\n        <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-930e79c e-con-full e-flex e-con e-child\" data-id=\"930e79c\" 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-707e4a8 elementor-widget elementor-widget-shortcode\" data-id=\"707e4a8\" 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\">        <section id=\"zs-block-1774-1\" class=\"zs-content-block zs-content-block--date_list zs-content-block--theme-light zs-content-block--align-left zs-content-block--spacing-compact zs-content-block--width-full zs-content-block--title-normal zs-content-block--radius-large zs-content-block--cta-link zs-content-block--ratio-landscape zs-content-block--fit-cover zs-content-block--mobile-media_first\" lang=\"en\">\n            <div class=\"zscb__inner\">\n                <div class=\"zscb-date\"><div class=\"zscb-date__head\"><div class=\"zscb__eyebrow\"><span><\/span><b>PLANNED COURSE MAINTENANCE 2026<\/b><\/div><\/div><div class=\"zscb-date__list\"><div class=\"zscb-date__row\"><span class=\"zscb-date__date\">2026.03.02-03.<\/span><span class=\"zscb-date__label\">Greens<\/span><\/div><div class=\"zscb-date__row\"><span class=\"zscb-date__date\">2026.04.13-14.<\/span><span class=\"zscb-date__label\">Tees<\/span><\/div><div class=\"zscb-date__row\"><span class=\"zscb-date__date\">2026.05.04-05.<\/span><span class=\"zscb-date__label\">Approaches<\/span><\/div><div class=\"zscb-date__row\"><span class=\"zscb-date__date\">2026.07.27-28.<\/span><span class=\"zscb-date__label\">Greens<\/span><\/div><div class=\"zscb-date__row\"><span class=\"zscb-date__date\">2026.07.29-30.<\/span><span class=\"zscb-date__label\">Greens<\/span><\/div><div class=\"zscb-date__row\"><span class=\"zscb-date__date\">2026.08.17-18.<\/span><span class=\"zscb-date__label\">Tees<\/span><\/div><div class=\"zscb-date__row\"><span class=\"zscb-date__date\">2026.08.31-09.01.<\/span><span class=\"zscb-date__label\">Approaches<\/span><\/div><div class=\"zscb-date__row\"><span class=\"zscb-date__date\">2026.10.26-27.<\/span><span class=\"zscb-date__label\">Greens<\/span><\/div><\/div><\/div>            <\/div>\n        <\/section>\n        <\/div>\n\t\t\t\t\t\t<\/div>\n\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>GOLF &#038; PIHEN\u00c9S Zala Springs Golf Resort info@zalasprings.hu GOLF &#038; PIHEN\u00c9S Pihenjen st\u00edlusosan, j\u00e1tsszon szenved\u00e9llyel! Foglaljon most, \u00e9s \u00e9lvezze a golf \u00e9s a pihen\u00e9s t\u00f6k\u00e9letes harm\u00f3ni\u00e1j\u00e1t! 01 GOLF &#038; WELLNESS Golf Break A csomag tartalma: 1 \u00e9jszaka sz\u00e1ll\u00e1s, reggeli \u00e9s Spa-haszn\u00e1lat, valamint szem\u00e9lyenk\u00e9nt 2 green fee. \u00c9rkez\u00e9si napok: vas\u00e1rnap, h\u00e9tf\u0151 \u00e9s kedd. \u00c1r 229 EUR [&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-2771","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/zalasprings.hu\/en\/wp-json\/wp\/v2\/pages\/2771","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zalasprings.hu\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zalasprings.hu\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zalasprings.hu\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zalasprings.hu\/en\/wp-json\/wp\/v2\/comments?post=2771"}],"version-history":[{"count":7,"href":"https:\/\/zalasprings.hu\/en\/wp-json\/wp\/v2\/pages\/2771\/revisions"}],"predecessor-version":[{"id":2824,"href":"https:\/\/zalasprings.hu\/en\/wp-json\/wp\/v2\/pages\/2771\/revisions\/2824"}],"wp:attachment":[{"href":"https:\/\/zalasprings.hu\/en\/wp-json\/wp\/v2\/media?parent=2771"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}