{"id":4064,"date":"2026-04-06T13:21:32","date_gmt":"2026-04-06T11:21:32","guid":{"rendered":"https:\/\/along.hu\/kezdolap\/"},"modified":"2026-10-11T21:32:53","modified_gmt":"2026-10-11T19:32:53","slug":"kezdolap","status":"publish","type":"page","link":"https:\/\/along.hu\/hu\/","title":{"rendered":"Kezd\u0151lap"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4064\" class=\"elementor elementor-4064 elementor-5\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a64ca34 e-con-full e-flex e-con e-parent\" data-id=\"a64ca34\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;shape_divider_bottom&quot;:&quot;split&quot;}\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-bottom\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 20\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M0,0v3c0,0,393.8,0,483.4,0c9.2,0,16.6,7.4,16.6,16.6c0-9.1,7.4-16.6,16.6-16.6C606.2,3,1000,3,1000,3V0H0z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3250979 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"3250979\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Anton&family=DM+Sans:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n.al-hero, .al-hero * { box-sizing:border-box; }\r\n.al-hero p:empty { display:none !important; }\r\n@keyframes alFadeUp { from { opacity:0; transform:translateY(28px); } to { opacity:1; transform:translateY(0); } }\r\n@keyframes alScaleBg { from { transform:scale(1.06); } to { transform:scale(1); } }\r\n@keyframes alFloat { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-8px); } }\r\n@keyframes alCardIn { from { opacity:0; transform:translateY(20px) scale(.96); } to { opacity:1; transform:translateY(0) scale(1); } }\r\n@keyframes alNotif { 0% { opacity:0; transform:translateY(-16px) scale(.96); } 8% { opacity:1; transform:translateY(0) scale(1); } 72% { opacity:1; transform:translateY(0) scale(1); } 82% { opacity:0; transform:translateY(-10px) scale(.98); } 100% { opacity:0; } }\r\n@keyframes alBubble { 0%,20% { opacity:0; transform:translateY(10px) scale(.94); } 30% { opacity:1; transform:translateY(0) scale(1); } 80% { opacity:1; } 90%,100% { opacity:0; } }\r\n@keyframes alDot { 0%,60%,100% { transform:translateY(0); opacity:.4; } 30% { transform:translateY(-4px); opacity:1; } }\r\n@keyframes alLive { 0%,100% { box-shadow:0 0 0 0 rgba(176,120,128,.6); } 50% { box-shadow:0 0 0 6px rgba(176,120,128,0); } }\r\n@keyframes alP1 { 0%,3% { opacity:0; transform:scale(.3); } 5% { opacity:1; transform:scale(1.3); } 8%,84% { opacity:1; transform:scale(1); } 94%,100% { opacity:0; transform:scale(1); } }\r\n@keyframes alP2 { 0%,13% { opacity:0; transform:scale(.3); } 15% { opacity:1; transform:scale(1.3); } 18%,84% { opacity:1; transform:scale(1); } 94%,100% { opacity:0; transform:scale(1); } }\r\n@keyframes alP3 { 0%,27% { opacity:0; transform:scale(.3); } 29.5% { opacity:1; transform:scale(1.3); } 32%,84% { opacity:1; transform:scale(1); } 94%,100% { opacity:0; transform:scale(1); } }\r\n@keyframes alP4 { 0%,42% { opacity:0; transform:scale(.3); } 44.5% { opacity:1; transform:scale(1.3); } 47%,84% { opacity:1; transform:scale(1); } 94%,100% { opacity:0; transform:scale(1); } }\r\n@keyframes alP5 { 0%,53% { opacity:0; transform:scale(.3); } 55% { opacity:1; transform:scale(1.3); } 58%,84% { opacity:1; transform:scale(1); } 94%,100% { opacity:0; transform:scale(1); } }\r\n@keyframes alRing { 0%,55% { opacity:0; transform:scale(1); } 60% { opacity:.8; transform:scale(1); } 84% { opacity:0; transform:scale(3.2); } 100% { opacity:0; } }\r\n.al-ey { animation:alFadeUp .9s cubic-bezier(.22,1,.36,1) both .2s; }\r\n.al-hl { animation:alFadeUp .9s cubic-bezier(.22,1,.36,1) both .35s; }\r\n.al-sub { animation:alFadeUp .9s cubic-bezier(.22,1,.36,1) both .5s; }\r\n.al-cta { animation:alFadeUp .9s cubic-bezier(.22,1,.36,1) both .65s; }\r\n.al-tr { animation:alFadeUp .9s cubic-bezier(.22,1,.36,1) both .8s; }\r\n.al-bg { animation:alScaleBg 2s cubic-bezier(.22,1,.36,1) both; }\r\n.al-card-in { animation:alCardIn 1s cubic-bezier(.22,1,.36,1) both; }\r\n.al-float { animation:alFloat 6s ease-in-out infinite; }\r\n.al-dots .al-pt { transform-box:fill-box; transform-origin:center; }\r\n.al-glass { background:rgba(29,29,31,.8); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); border:1px solid rgba(255,255,255,.1); box-shadow:0 20px 60px rgba(0,0,0,.4); }\r\n.al-btn { transition:transform .18s cubic-bezier(.22,1,.36,1), box-shadow .2s, background .2s; }\r\n.al-btn:hover { background:#BC858D; transform:scale(1.03) translateY(-1px); box-shadow:0 16px 56px rgba(176,120,128,.7); }\r\n.al-btn:active { transform:scale(.97); }\r\n.al-link:hover { color:#fff !important; }\r\n@media (max-width:1400px) { .al-side { display:none !important; } }\r\n@media (max-width:600px) { .al-trust { flex-direction:column; gap:6px !important; } .al-trust .al-sep { display:none; } }\r\n<\/style>\r\n<section class=\"al-hero\" lang=\"hu\" style=\"position:relative; width:100%; min-height:calc(100vh + 90px); padding:166px 24px 120px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; overflow:hidden; background:#0d0805;\">\r\n<div class=\"al-bg\" style=\"position:absolute; inset:-60px; background-image:url('https:\/\/along.hu\/wp-content\/uploads\/2026\/04\/No-more-akward-dates.png'); background-size:cover; background-position:center; background-attachment:fixed;\"><\/div>\r\n<div style=\"position:absolute; inset:0; background:linear-gradient(to bottom, rgba(0,0,0,.42) 0%, rgba(0,0,0,.28) 35%, rgba(0,0,0,.55) 70%, #0d0805 100%);\"><\/div>\r\n<svg class=\"al-dots\" viewBox=\"0 0 1600 900\" preserveAspectRatio=\"xMidYMid slice\" style=\"position:absolute; inset:0; width:100%; height:100%; z-index:1; pointer-events:none;\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\">\r\n<defs>\r\n<filter id=\"alGlow\" x=\"-20%\" y=\"-20%\" width=\"140%\" height=\"140%\"><feGaussianBlur stdDeviation=\"4\" result=\"b\"\/><feMerge><feMergeNode in=\"b\"\/><feMergeNode in=\"SourceGraphic\"\/><\/feMerge><\/filter>\r\n<path id=\"alCurve\" d=\"M160 640 C 250 420, 330 300, 420 300 C 560 300, 640 800, 780 800 C 940 800, 1000 290, 1160 290 C 1300 290, 1380 520, 1450 620\"\/>\r\n<\/defs>\r\n<use href=\"#alCurve\" xlink:href=\"#alCurve\" fill=\"none\" stroke=\"rgba(255,255,255,.28)\" stroke-width=\"2\" stroke-dasharray=\"3 9\" stroke-linecap=\"round\"\/>\r\n<g>\r\n<animate attributeName=\"opacity\" values=\"1;1;0;0\" keyTimes=\"0;0.84;0.94;1\" dur=\"16s\" repeatCount=\"indefinite\"\/>\r\n<use href=\"#alCurve\" xlink:href=\"#alCurve\" fill=\"none\" stroke=\"#E8A6AE\" stroke-width=\"3.5\" stroke-linecap=\"round\" pathLength=\"100\" stroke-dasharray=\"100\" stroke-dashoffset=\"100\" filter=\"url(#alGlow)\">\r\n<animate attributeName=\"stroke-dashoffset\" values=\"100;100;0;0\" keyTimes=\"0;0.05;0.55;1\" dur=\"16s\" repeatCount=\"indefinite\"\/>\r\n<\/use>\r\n<circle r=\"7\" fill=\"#fff\" filter=\"url(#alGlow)\">\r\n<animateMotion dur=\"16s\" repeatCount=\"indefinite\" keyPoints=\"0;0;1;1\" keyTimes=\"0;0.05;0.55;1\" calcMode=\"linear\"><mpath href=\"#alCurve\" xlink:href=\"#alCurve\"\/><\/animateMotion>\r\n<\/circle>\r\n<\/g>\r\n<circle class=\"al-pt\" cx=\"160\" cy=\"640\" r=\"9\" fill=\"#C4A0A4\" style=\"animation:alP1 16s ease-in-out infinite;\"\/>\r\n<circle class=\"al-pt\" cx=\"420\" cy=\"300\" r=\"9\" fill=\"#C4A0A4\" style=\"animation:alP2 16s ease-in-out infinite;\"\/>\r\n<circle class=\"al-pt\" cx=\"780\" cy=\"800\" r=\"9\" fill=\"#C4A0A4\" style=\"animation:alP3 16s ease-in-out infinite;\"\/>\r\n<circle class=\"al-pt\" cx=\"1160\" cy=\"290\" r=\"9\" fill=\"#C4A0A4\" style=\"animation:alP4 16s ease-in-out infinite;\"\/>\r\n<circle class=\"al-pt\" cx=\"1450\" cy=\"620\" r=\"10\" fill=\"none\" stroke=\"#E8A6AE\" stroke-width=\"2\" style=\"animation:alRing 16s ease-out infinite;\"\/>\r\n<circle class=\"al-pt\" cx=\"1450\" cy=\"620\" r=\"10\" fill=\"#B07880\" style=\"animation:alP5 16s ease-in-out infinite;\"\/>\r\n<\/svg>\r\n<div style=\"position:absolute; inset:0; z-index:2; background:radial-gradient(ellipse 44% 48% at 50% 52%, rgba(10,6,4,.72) 0%, rgba(10,6,4,.3) 60%, transparent 100%); pointer-events:none;\"><\/div>\r\n<div class=\"al-stage\" style=\"position:relative; top:50px; z-index:5; width:100%; max-width:760px; display:flex; flex-direction:column; align-items:center;\">\r\n<div class=\"al-side\" style=\"position:absolute; left:calc(100% + 30px); top:-10px; text-align:left;\">\r\n<div style=\"animation:alNotif 7s cubic-bezier(.22,1,.36,1) infinite 1.4s; opacity:0;\">\r\n<div style=\"width:280px; padding:12px 14px; display:flex; gap:12px; background:rgba(245,245,247,.96); border-radius:20px; box-shadow:0 20px 60px rgba(0,0,0,.45);\">\r\n<div style=\"width:38px; height:38px; flex-shrink:0; border-radius:10px; background:#B07880; display:flex; align-items:center; justify-content:center; font-size:17px;\">\ud83d\udccd<\/div>\r\n<div style=\"font-family:'DM Sans',sans-serif;\">\r\n<div style=\"display:flex; justify-content:space-between; font-size:11px; font-weight:700; color:#6E6E73; margin-bottom:2px;\"><span>ROUTON<\/span><span style=\"font-weight:500;\">most<\/span><\/div>\r\n<div style=\"font-size:13px; font-weight:700; color:#1D1D1F;\">Meg\u00e9rkeztetek \u2726<\/div>\r\n<div style=\"font-size:12px; color:#3A3A3C; line-height:1.4;\">Koppints, \u00e9s feloldod a k\u00e9rd\u00e9st.<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"al-side\" style=\"position:absolute; left:calc(100% + 54px); top:140px; text-align:left;\">\r\n<div class=\"al-float\" style=\"animation-delay:.8s;\">\r\n<div style=\"animation:alBubble 7s cubic-bezier(.22,1,.36,1) infinite 1.4s; opacity:0;\">\r\n<div style=\"background:#fff; color:#1D1D1F; border-radius:20px 20px 20px 6px; padding:14px 18px; width:260px; font-family:'DM Sans',sans-serif; font-size:14px; font-weight:500; line-height:1.45; box-shadow:0 20px 50px rgba(0,0,0,.45);\">\r\n<div style=\"font-size:9px; font-weight:700; letter-spacing:.14em; color:#B07880; margin-bottom:6px;\">\u2726 LIGHT \u00b7 3. K\u00c9RD\u00c9S<\/div>\r\nMit szerett\u00e9l volna, hogy ma este megk\u00e9rdezzek t\u0151led?\r\n<\/div>\r\n<div class=\"al-glass\" style=\"display:inline-flex; gap:5px; padding:10px 14px; margin-top:8px; border-radius:16px;\">\r\n<span style=\"width:6px; height:6px; border-radius:50%; background:#fff; animation:alDot 1.2s infinite 0s;\"><\/span>\r\n<span style=\"width:6px; height:6px; border-radius:50%; background:#fff; animation:alDot 1.2s infinite .15s;\"><\/span>\r\n<span style=\"width:6px; height:6px; border-radius:50%; background:#fff; animation:alDot 1.2s infinite .3s;\"><\/span>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"al-side al-card-in\" style=\"position:absolute; right:calc(100% + 30px); top:200px; animation-delay:1.2s;\">\r\n<div class=\"al-float al-glass\" style=\"padding:12px 18px; border-radius:40px; display:flex; align-items:center; gap:10px; white-space:nowrap; animation-delay:1.5s;\">\r\n<span style=\"width:9px; height:9px; border-radius:50%; background:#B07880; animation:alLive 2s infinite;\"><\/span>\r\n<span style=\"font-family:'DM Sans',sans-serif; font-size:13px; font-weight:600; color:#fff;\">K\u00f6z\u00f6s s\u00e9ta<\/span>\r\n<span style=\"font-family:'DM Sans',sans-serif; font-size:13px; font-weight:700; color:#C4A0A4;\">0:42<\/span>\r\n<\/div>\r\n<\/div>\r\n<div class=\"al-side al-card-in\" style=\"position:absolute; right:calc(100% + 60px); top:268px; animation-delay:1.4s;\">\r\n<div class=\"al-float al-glass\" style=\"padding:10px 16px; border-radius:40px; display:flex; align-items:center; gap:8px; white-space:nowrap; animation-delay:2.4s;\">\r\n<span style=\"font-family:'DM Sans',sans-serif; font-size:12px; color:rgba(255,255,255,.6);\">K\u00f6vetkez\u0151 pont<\/span>\r\n<span style=\"font-family:'DM Sans',sans-serif; font-size:12px; font-weight:700; color:#fff;\">120 m \u2192<\/span>\r\n<\/div>\r\n<\/div>\r\n<div class=\"al-ey\" style=\"display:inline-flex; align-items:center; gap:8px; background:rgba(176,120,128,.22); border:1px solid rgba(196,160,164,.45); border-radius:40px; padding:8px 18px; margin-bottom:26px; backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);\">\r\n<span style=\"width:6px; height:6px; border-radius:50%; background:#E8C4C8;\"><\/span>\r\n<span style=\"font-family:'DM Sans',sans-serif; font-size:12px; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:#fff;\">M\u00e9g mindig a telefont nyomkodj\u00e1tok?<\/span>\r\n<\/div>\r\n<h1 class=\"al-hl\" style=\"font-family:'Anton',sans-serif; font-size:clamp(58px,8vw,108px); color:#fff; text-transform:uppercase; letter-spacing:.01em; line-height:.92; margin:0 0 30px; text-shadow:0 2px 6px rgba(0,0,0,.4), 0 8px 60px rgba(0,0,0,.6);\">\r\n<span style=\"display:block;\">Nincs t\u00f6bb<\/span>\r\n<span style=\"display:block; margin-top:25px;\">k\u00ednos randi<\/span>\r\n<\/h1>\r\n<h2 class=\"al-sub\" style=\"font-family:'DM Sans',sans-serif; font-size:clamp(17px,1.6vw,21px); font-weight:400; color:rgba(255,255,255,.92); line-height:1.6; max-width:540px; margin:0 0 60px; text-shadow:0 2px 20px rgba(0,0,0,.6);\">T\u00f6bb besz\u00e9lget\u00e9s. Kevesebb k\u00ednos csend.<br><strong style=\"font-weight:600; color:#fff;\">Egy randi, amit nem akartok majd befejezni.<\/strong><\/h2>\r\n<div class=\"al-cta\" style=\"display:flex; align-items:center; gap:24px; flex-wrap:wrap; justify-content:center;\">\r\n<a class=\"al-btn\" href=\"#walks\" style=\"display:inline-flex; align-items:center; justify-content:center; background:#B07880; color:#fff; border-radius:56px; height:60px; padding:0 52px; font-family:'DM Sans',sans-serif; font-size:15px; font-weight:700; letter-spacing:.06em; text-decoration:none; text-transform:uppercase; box-shadow:0 10px 44px rgba(176,120,128,.55);\">V\u00e1lasszatok s\u00e9t\u00e1t \u2192<\/a>\r\n<a class=\"al-link\" href=\"\/hu\/hogyan-mukodik\" style=\"font-family:'DM Sans',sans-serif; font-size:15px; font-weight:600; color:rgba(255,255,255,.8); text-decoration:none; border-bottom:1px solid rgba(255,255,255,.35); padding-bottom:2px; transition:color .2s;\">Hogyan m\u0171k\u00f6dik?<\/a>\r\n<\/div>\r\n<div class=\"al-tr al-trust\" style=\"display:flex; align-items:center; gap:14px; margin-top:26px; font-family:'DM Sans',sans-serif; font-size:13px; color:rgba(255,255,255,.75); flex-wrap:wrap; justify-content:center;\">\r\n<span><span style=\"color:#E8C4C8; letter-spacing:2px;\">\u2605\u2605\u2605\u2605\u2605<\/span> A p\u00e1rok kedvence<\/span><span class=\"al-sep\" style=\"opacity:.35;\">\u00b7<\/span><span><strong style=\"color:#fff;\">9 990 Ft<\/strong>-t\u00f3l<\/span><span class=\"al-sep\" style=\"opacity:.35;\">\u00b7<\/span><span>B\u00e1rmikor ig\u00e9nybe vehet\u0151<\/span><span class=\"al-sep\" style=\"opacity:.35;\">\u00b7<\/span><span>T\u00f6bb nyelven el\u00e9rhet\u0151<\/span>\r\n<\/div>\r\n<\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-51ebcad e-flex e-con-boxed e-con e-parent\" data-id=\"51ebcad\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-84a1a5c elementor-widget elementor-widget-html\" data-id=\"84a1a5c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\r\n     ALONG \u2013 \u201eEgy randinak nem kellene \u00e1ll\u00e1sinterj\u00fanak \u00e9rz\u0151dnie\u201d szekci\u00f3 \u2013 MAGYAR VERZI\u00d3\r\n     Elementor: full-width section, background #f4f4f4, no padding,\r\n     ONE \"HTML\" widget, paste everything below.\r\n     ============================================================ -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Anton&family=Poppins:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"al-ji\" lang=\"hu\">\r\n  <div class=\"al-ji__inner\">\r\n\r\n    <h2 class=\"al-ji__title\">\r\n      Egy randinak nem kell<br><span class=\"al-ji__strike\">\u00e1ll\u00e1sinterj\u00fanak<\/span> \u00e9rz\u0151dnie.\r\n    <\/h2>\r\n    <p class=\"al-ji__sub\">Ugye ismer\u0151s?<\/p>\r\n\r\n    <div class=\"al-ji__cards\">\r\n\r\n      <!-- 1. phones -->\r\n      <div class=\"al-ji__card\">\r\n        <div class=\"al-ji__scene\">\r\n          <div class=\"al-ji__phone al-ji__phone--a\"><i class=\"al-ji__glow\"><\/i><b class=\"al-ji__badge\"><span>1<\/span><span>2<\/span><\/b><\/div>\r\n          <div class=\"al-ji__phone al-ji__phone--b\"><i class=\"al-ji__glow\"><\/i><b class=\"al-ji__badge\"><span>1<\/span><span>2<\/span><\/b><\/div>\r\n        <\/div>\r\n        <p class=\"al-ji__cap\">R\u00e1n\u00e9ztetek m\u00e1r a telefonra.<br><strong>Mindketten. K\u00e9tszer.<\/strong><\/p>\r\n      <\/div>\r\n\r\n      <!-- 2. the pause -->\r\n      <div class=\"al-ji__card\">\r\n        <div class=\"al-ji__scene\">\r\n          <div class=\"al-ji__bubble al-ji__bubble--say\">H\u00e1t\u2026 ez eg\u00e9sz j\u00f3 hely.<\/div>\r\n          <div class=\"al-ji__bubble al-ji__bubble--typing\"><i><\/i><i><\/i><i><\/i><\/div>\r\n          <div class=\"al-ji__timer\">csend <span class=\"al-ji__digits\"><span>0:01 0:02 0:03 0:04 0:05 0:06 0:07 0:08 0:09<\/span><\/span><\/div>\r\n        <\/div>\r\n        <p class=\"al-ji__cap\">Az a bizonyos csend a<br><strong>\u201eh\u00e1t\u2026 ez eg\u00e9sz j\u00f3 hely\u201d<\/strong> ut\u00e1n.<\/p>\r\n      <\/div>\r\n\r\n      <!-- 3. again -->\r\n      <div class=\"al-ji__card\">\r\n        <div class=\"al-ji__scene\">\r\n          <div class=\"al-ji__stack\">\r\n            <div class=\"al-ji__bubble al-ji__q al-ji__q--1\">\u00c9s\u2026 mivel foglalkozol?<\/div>\r\n            <div class=\"al-ji__bubble al-ji__q al-ji__q--2\">\u00c9s\u2026 mivel foglalkozol?<\/div>\r\n            <div class=\"al-ji__bubble al-ji__q al-ji__q--3\">\u00c9s\u2026 mivel foglalkozol?<\/div>\r\n          <\/div>\r\n          <span class=\"al-ji__again\">\u00d73<\/span>\r\n        <\/div>\r\n        <p class=\"al-ji__cap\"><strong>\u201e\u00c9s\u2026 mivel foglalkozol?\u201d<\/strong><br>M\u00e1r megint.<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <p class=\"al-ji__punch\">\r\n     Nem az a baj, hogy nincs mir\u0151l besz\u00e9lni.<br>\r\n      <strong>Csak n\u00e9ha kell egy j\u00f3 k\u00e9rd\u00e9s, hogy beinduljon a <span class=\"al-ji__plan\">besz\u00e9lget\u00e9s.<\/span><\/strong>\r\n    <\/p>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.al-ji{\r\n  --ji-bg:#f4f4f4; --ji-ink:#1c1c1e; --ji-text:#4a4a4e; --ji-muted:#8e8e93;\r\n  --ji-rose:#c4707a; --ji-dark:#1c1c1e; --ji-line:#e2e2e4;\r\n  background:var(--ji-bg);padding:110px 24px 110px;\r\n  font-family:'Poppins',sans-serif!important;color:var(--ji-text);text-align:center;overflow:hidden;\r\n}\r\n.al-ji *,.al-ji *::before,.al-ji *::after{box-sizing:border-box}\r\n.al-ji__inner{max-width:1120px;margin:0 auto}\r\n\r\n\/* ---------- headline with strike-through ---------- *\/\r\n.al-ji__title{font-family:'Anton',sans-serif!important;font-weight:400;font-size:clamp(38px,5.4vw,68px);line-height:1.1;color:var(--ji-ink);margin:0 0 14px}\r\n.al-ji__strike{position:relative;white-space:nowrap;transition:color .8s ease .9s}\r\n.al-ji__strike::after{content:\"\";position:absolute;left:-1%;right:0;top:54%;height:.09em;background:var(--ji-rose);border-radius:4px;\r\n  transform:scaleX(1);transform-origin:left}\r\n.al-ji.al-js .al-ji__strike::after{transform:scaleX(0);transition:transform 1s cubic-bezier(.65,0,.35,1) .4s}\r\n.al-ji.al-js.al-in .al-ji__strike::after{transform:scaleX(1)}\r\n.al-ji.al-in .al-ji__strike,.al-ji:not(.al-js) .al-ji__strike{color:#b9b9bd}\r\n.al-ji__sub{font-size:15px;color:var(--ji-muted);margin:0 0 56px}\r\n\r\n\/* ---------- cards ---------- *\/\r\n.al-ji__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;text-align:left}\r\n.al-ji__card{background:#fff;border:1px solid var(--ji-line);border-radius:18px;overflow:hidden;\r\n  transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s}\r\n.al-ji__card:hover{transform:translateY(-4px);box-shadow:0 22px 40px -24px rgba(0,0,0,.35)}\r\n.al-ji__scene{position:relative;height:190px;background:var(--ji-dark);overflow:hidden;\r\n  display:flex;align-items:center;justify-content:center}\r\n.al-ji__cap{margin:0;padding:22px 24px 26px;text-align:center;font-size:15px;line-height:1.55;color:var(--ji-text)}\r\n.al-ji__cap strong{color:var(--ji-ink);font-weight:600}\r\n\r\n\/* scene 1 \u2013 two phones lighting up, badge 1 \u2192 2 *\/\r\n.al-ji__phone{position:relative;width:46px;height:82px;border:2px solid rgba(255,255,255,.85);border-radius:10px;margin:0 20px}\r\n.al-ji__phone::before{content:\"\";position:absolute;top:5px;left:50%;width:12px;height:2px;margin-left:-6px;border-radius:2px;background:rgba(255,255,255,.6)}\r\n.al-ji__glow{position:absolute;inset:4px;border-radius:6px;background:rgba(255,255,255,.9);opacity:0}\r\n.al-ji__badge{position:absolute;top:-9px;right:-11px;width:22px;height:22px;border-radius:50%;background:var(--ji-rose);\r\n  color:#fff;font:600 11px\/22px 'Poppins',sans-serif;text-align:center;overflow:hidden;opacity:0;transform:scale(.4)}\r\n.al-ji__badge span{display:block;height:22px}\r\n.al-ji__phone--a{animation:ji-buzz 8s ease-in-out infinite}\r\n.al-ji__phone--b{animation:ji-buzz 8s ease-in-out infinite 1.1s}\r\n.al-ji__phone--a .al-ji__glow{animation:ji-glow 8s ease-in-out infinite}\r\n.al-ji__phone--b .al-ji__glow{animation:ji-glow 8s ease-in-out infinite 1.1s}\r\n.al-ji__phone--a .al-ji__badge{animation:ji-badge 8s cubic-bezier(.2,.8,.2,1) infinite}\r\n.al-ji__phone--b .al-ji__badge{animation:ji-badge 8s cubic-bezier(.2,.8,.2,1) infinite 1.1s}\r\n.al-ji__phone--a .al-ji__badge span:first-child{animation:ji-count 8s ease-in-out infinite}\r\n.al-ji__phone--b .al-ji__badge span:first-child{animation:ji-count 8s ease-in-out infinite 1.1s}\r\n@keyframes ji-buzz{0%,8%,14%,48%,54%,100%{transform:rotate(0)}10%,50%{transform:rotate(-6deg)}12%,52%{transform:rotate(6deg)}}\r\n@keyframes ji-glow{0%,8%{opacity:0}12%,28%{opacity:.16}36%,48%{opacity:0}52%,68%{opacity:.16}78%,100%{opacity:0}}\r\n@keyframes ji-badge{0%,8%{opacity:0;transform:scale(.4)}12%,86%{opacity:1;transform:scale(1)}92%,100%{opacity:0;transform:scale(.4)}}\r\n@keyframes ji-count{0%,48%{margin-top:0}54%,100%{margin-top:-22px}}\r\n\r\n\/* bubbles (shared) *\/\r\n.al-ji__bubble{background:#fff;color:var(--ji-ink);font-size:13.5px;font-weight:500;padding:9px 14px;border-radius:16px;white-space:nowrap}\r\n\r\n\/* scene 2 \u2013 the pause *\/\r\n.al-ji__bubble--say{position:absolute;left:24px;top:34px;border-bottom-left-radius:4px;opacity:0;animation:ji-say 9s ease-in-out infinite}\r\n.al-ji__bubble--typing{position:absolute;right:24px;top:84px;display:flex;gap:4px;padding:12px 14px;background:rgba(255,255,255,.14);border-bottom-right-radius:4px;opacity:0;animation:ji-typing 9s ease-in-out infinite}\r\n.al-ji__bubble--typing i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.75);animation:ji-dot 1.2s ease-in-out infinite}\r\n.al-ji__bubble--typing i:nth-child(2){animation-delay:.15s}\r\n.al-ji__bubble--typing i:nth-child(3){animation-delay:.3s}\r\n.al-ji__timer{position:absolute;left:24px;bottom:20px;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,.45);display:flex;gap:8px;align-items:center}\r\n.al-ji__digits{display:inline-block;height:16px;overflow:hidden;font-weight:600;color:var(--ji-rose);letter-spacing:.5px}\r\n.al-ji__digits span{display:block;width:30px;line-height:16px;word-spacing:30px;animation:ji-tick 9s steps(9) infinite}\r\n@keyframes ji-say{0%,4%{opacity:0;transform:translateY(8px)}9%,90%{opacity:1;transform:none}96%,100%{opacity:0}}\r\n@keyframes ji-typing{0%,16%{opacity:0;transform:translateY(8px)}22%,90%{opacity:1;transform:none}96%,100%{opacity:0}}\r\n@keyframes ji-dot{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-4px);opacity:1}}\r\n@keyframes ji-tick{from{transform:translateY(0)}to{transform:translateY(-144px)}}\r\n\r\n\/* scene 3 \u2013 the same question, again and again *\/\r\n.al-ji__stack{position:relative;width:100%;height:100%}\r\n.al-ji__q{position:absolute;left:50%;top:50%;opacity:0;border-bottom-left-radius:4px}\r\n.al-ji__q--1{animation:ji-q1 9s ease-in-out infinite}\r\n.al-ji__q--2{animation:ji-q2 9s ease-in-out infinite}\r\n.al-ji__q--3{animation:ji-q3 9s ease-in-out infinite}\r\n@keyframes ji-q1{0%,4%{opacity:0;transform:translate(-50%,-50%) translateY(14px)}\r\n  10%,30%{opacity:1;transform:translate(-50%,-50%)}\r\n  36%,62%{opacity:.35;transform:translate(-50%,-50%) translateY(-34px) scale(.92)}\r\n  68%,90%{opacity:.15;transform:translate(-50%,-50%) translateY(-62px) scale(.86)}\r\n  96%,100%{opacity:0;transform:translate(-50%,-50%) translateY(-62px) scale(.86)}}\r\n@keyframes ji-q2{0%,34%{opacity:0;transform:translate(-50%,-50%) translateY(14px)}\r\n  40%,62%{opacity:1;transform:translate(-50%,-50%)}\r\n  68%,90%{opacity:.35;transform:translate(-50%,-50%) translateY(-34px) scale(.92)}\r\n  96%,100%{opacity:0;transform:translate(-50%,-50%) translateY(-34px) scale(.92)}}\r\n@keyframes ji-q3{0%,66%{opacity:0;transform:translate(-50%,-50%) translateY(14px)}\r\n  72%,90%{opacity:1;transform:translate(-50%,-50%)}\r\n  96%,100%{opacity:0;transform:translate(-50%,-50%)}}\r\n.al-ji__again{position:absolute;right:18px;bottom:16px;font-family:'Anton',sans-serif!important;font-size:22px;color:var(--ji-rose);\r\n  opacity:0;animation:ji-again 9s ease-in-out infinite}\r\n@keyframes ji-again{0%,72%{opacity:0;transform:scale(.6)}77%,90%{opacity:1;transform:scale(1)}96%,100%{opacity:0}}\r\n\r\n\/* ---------- punchline ---------- *\/\r\n.al-ji__punch{margin:60px 0 0;font-size:clamp(17px,1.7vw,20px);line-height:1.6;color:var(--ji-muted)}\r\n.al-ji__punch strong{color:var(--ji-ink);font-weight:600}\r\n.al-ji__plan{position:relative;white-space:nowrap}\r\n.al-ji__plan::after{content:\"\";position:absolute;left:0;right:6%;bottom:-3px;height:3px;border-radius:3px;background:var(--ji-rose);transform-origin:left}\r\n.al-ji.al-js .al-ji__plan::after{transform:scaleX(0);transition:transform .9s cubic-bezier(.65,0,.35,1) 1.6s}\r\n.al-ji.al-js.al-in .al-ji__plan::after{transform:scaleX(1)}\r\n\r\n\/* gentle fade-in of the whole block (no flying cards) *\/\r\n.al-ji.al-js .al-ji__cards,.al-ji.al-js .al-ji__punch{opacity:0;transition:opacity 1.2s ease .3s}\r\n.al-ji.al-js .al-ji__punch{transition-delay:.9s}\r\n.al-ji.al-js.al-in .al-ji__cards,.al-ji.al-js.al-in .al-ji__punch{opacity:1}\r\n\r\n\/* ---------- responsive ---------- *\/\r\n@media (max-width:860px){\r\n  .al-ji{padding:72px 16px}\r\n  .al-ji__cards{grid-template-columns:1fr;max-width:420px;margin:0 auto}\r\n  .al-ji__sub{margin-bottom:40px}\r\n  .al-ji__strike{white-space:normal}\r\n}\r\n@media (prefers-reduced-motion:reduce){\r\n  .al-ji *{animation:none!important}\r\n  .al-ji__bubble--say,.al-ji__bubble--typing,.al-ji__q--1,.al-ji__again,.al-ji__badge{opacity:1!important;transform:none!important}\r\n  .al-ji__q--1{transform:translate(-50%,-50%)!important}\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  var s=document.querySelector('.al-ji'); if(!s||!('IntersectionObserver' in window)) return;\r\n  s.classList.add('al-js');\r\n  var io=new IntersectionObserver(function(es){\r\n    es.forEach(function(e){ if(e.isIntersecting){ s.classList.add('al-in'); io.disconnect(); } });\r\n  },{threshold:.25});\r\n  io.observe(s);\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-af1c97c e-con e-atomic-element e-flexbox-base e-default-div e-559a3bf \" data-id=\"af1c97c\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"af1c97c\">\n    \t\t<div class=\"elementor-element elementor-element-a8a7e42 elementor-widget elementor-widget-html\" data-id=\"a8a7e42\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\r\n     ALONG \u2013 \"V\u00e1lasszatok helyet\" szekci\u00f3 v4 (lista + nagy el\u0151n\u00e9zet + anim\u00e1lt h\u00e1tt\u00e9r) \u2013 MAGYAR\r\n     Desktop: big walk names on the left, hover\/click one and the big\r\n     photo panel on the right changes. Mobile: tap a name, it opens\r\n     with the photo + button underneath (accordion).\r\n     Minden gomb a s\u00e9ta term\u00e9koldal\u00e1ra mutat (a szintet ott v\u00e1lasztj\u00e1k ki).\r\n     Elementor: full-width section, background #f4f4f4, no padding,\r\n     ONE \"HTML\" widget, paste everything below.\r\n     Walks, photos and links live in the WALKS list at the bottom of the code.\r\n     ============================================================ -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Anton&family=Poppins:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"al-wp\" lang=\"hu\">\r\n\r\n  <!-- animated background: soft drifting colour + a GPS route with a walker -->\r\n  <div class=\"al-wp__bg\" aria-hidden=\"true\">\r\n    <span class=\"al-wp__blob al-wp__b1\"><\/span>\r\n    <span class=\"al-wp__blob al-wp__b2\"><\/span>\r\n    <span class=\"al-wp__blob al-wp__b3\"><\/span>\r\n    <svg class=\"al-wp__route\" viewBox=\"0 0 1440 900\" preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" focusable=\"false\">\r\n      <path id=\"al-wp-path\" d=\"M -40 760 C 160 600, 330 880, 560 700 S 920 430, 1120 600 S 1380 340, 1500 430\" fill=\"none\" stroke=\"#d58a94\" stroke-opacity=\".6\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-dasharray=\"1 13\"\/>\r\n      <g class=\"al-wp__stops\"><\/g>\r\n      <g class=\"al-wp__walker\">\r\n        <circle r=\"15\" fill=\"#d58a94\" fill-opacity=\".22\"\/>\r\n        <circle r=\"5.5\" fill=\"#d58a94\"\/>\r\n        <animateMotion dur=\"40s\" repeatCount=\"indefinite\"><mpath href=\"#al-wp-path\" xlink:href=\"#al-wp-path\"\/><\/animateMotion>\r\n      <\/g>\r\n    <\/svg>\r\n  <\/div>\r\n\r\n  <div class=\"al-wp__inner\">\r\n\r\n    <div class=\"al-wp__head\">\r\n      <h2 class=\"al-wp__title\"><span class=\"al-wp__t1\">V\u00e1lasszatok helyet<\/span><br><span class=\"al-wp__t2\">A k\u00e9rd\u00e9seket mi hozzuk<\/span><\/h2>\r\n      <p class=\"al-wp__sub\">A v\u00e1rosban elsz\u00farva hat helysz\u00edn v\u00e1r. amindegyik 25 meg\u00e1ll\u00f3val \u00e9s k\u00fcl\u00f6nb\u00f6z\u0151 k\u00e9rd\u00e9sekkel.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"al-wp__grid\">\r\n      <ol class=\"al-wp__list\"><\/ol>\r\n      <div class=\"al-wp__stage\" aria-live=\"polite\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"al-wp__foot\">\r\n      <span class=\"al-wp__note\">Nem tudj\u00e1tok, melyik szintet v\u00e1lassz\u00e1tok? A szintv\u00e1laszt\u00e1s a s\u00e9ta aloldal\u00e1n lesz el\u00e9rhet\u0151. Amennyiben nem tudtok d\u00f6nteni, kezdj\u00e9tek a Light verzi\u00f3val.<\/span>\r\n      <a class=\"al-wp__more\" href=\"https:\/\/along.hu\/walks\/\">Megtekintem az \u00f6sszes s\u00e9t\u00e1t <span aria-hidden=\"true\">&rarr;<\/span><\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.al-wp{\r\n  --wp-rose:#d58a94; --wp-ink:#1c1c1e; --wp-text:#4a4a4e; --wp-muted:#85858a; --wp-line:#dcdce0;\r\n  background:#f4f4f4;padding:100px 0 90px;font-family:'Poppins',sans-serif!important;color:var(--wp-text);overflow:hidden;position:relative;isolation:isolate;\r\n}\r\n.al-wp *,.al-wp *::before,.al-wp *::after{box-sizing:border-box}\r\n.al-wp__inner{max-width:1168px;margin:0 auto;padding:0 24px;position:relative;z-index:1}\r\n\r\n\/* ---------- animated background ---------- *\/\r\n.al-wp__bg{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}\r\n.al-wp__blob{position:absolute;border-radius:50%;filter:blur(40px);will-change:transform}\r\n.al-wp__b1{width:600px;height:600px;left:-160px;top:-140px;background:radial-gradient(circle,rgba(213,138,148,.42),rgba(213,138,148,0) 70%);animation:alwpA 22s ease-in-out infinite alternate}\r\n.al-wp__b2{width:660px;height:660px;right:-180px;top:16%;background:radial-gradient(circle,rgba(236,185,193,.5),rgba(236,185,193,0) 70%);animation:alwpB 27s ease-in-out infinite alternate}\r\n.al-wp__b3{width:560px;height:560px;left:28%;bottom:-240px;background:radial-gradient(circle,rgba(255,255,255,.95),rgba(255,255,255,0) 70%);animation:alwpC 24s ease-in-out infinite alternate}\r\n@keyframes alwpA{from{transform:translate(0,0) scale(1)}to{transform:translate(170px,130px) scale(1.18)}}\r\n@keyframes alwpB{from{transform:translate(0,0) scale(1)}to{transform:translate(-190px,-100px) scale(1.12)}}\r\n@keyframes alwpC{from{transform:translate(0,0) scale(1)}to{transform:translate(150px,-90px) scale(1.22)}}\r\n.al-wp__route{position:absolute;inset:0;width:100%;height:100%}\r\n.al-wp__ring{transform-box:fill-box;transform-origin:center;animation:alwpPulse 3.8s ease-out infinite}\r\n@keyframes alwpPulse{0%{transform:scale(1);opacity:.55}100%{transform:scale(3.2);opacity:0}}\r\n\r\n\/* ---------- head ---------- *\/\r\n.al-wp__head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px 48px;flex-wrap:wrap;margin-bottom:52px}\r\n.al-wp__title{font-family:'Anton',sans-serif!important;font-weight:400;font-size:clamp(36px,4.4vw,56px);line-height:1.08;margin:0;color:var(--wp-ink)}\r\n.al-wp__t1,.al-wp__t2{font-family:'Anton',sans-serif!important}\r\n.al-wp__t2{color:var(--wp-rose)}\r\n.al-wp__sub{font-size:15.5px;line-height:1.6;margin:0;color:var(--wp-text);max-width:380px}\r\n\r\n\/* ---------- layout ---------- *\/\r\n.al-wp__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:64px;align-items:start}\r\n\r\n\/* list *\/\r\n.al-wp__list{list-style:none;margin:0;padding:0;border-bottom:1px solid var(--wp-line)}\r\n.al-wp__item{margin:0;padding:0;border-top:1px solid var(--wp-line)}\r\n.al-wp__row{display:grid;grid-template-columns:44px 1fr 28px;align-items:center;width:100%;padding:22px 0;margin:0;text-align:left;cursor:pointer;\r\n  appearance:none;border-radius:0;font-family:'Poppins',sans-serif;transition:padding .45s cubic-bezier(.16,1,.3,1)}\r\n.al-wp__num{font-size:13px;font-weight:600;letter-spacing:.6px;color:var(--wp-muted);transition:color .3s}\r\n.al-wp__txt{display:block}\r\n.al-wp__name{display:block;font-family:'Anton',sans-serif!important;font-weight:400;font-size:clamp(28px,3.1vw,40px);line-height:1.05;color:var(--wp-muted);transition:color .3s}\r\n.al-wp__city{display:block;font-size:12.5px;color:var(--wp-muted);margin-top:5px}\r\n.al-wp__arr{display:flex;justify-content:flex-end;opacity:0;transform:translateX(-10px);transition:opacity .3s,transform .45s cubic-bezier(.16,1,.3,1)}\r\n.al-wp__arr svg{width:22px;height:22px;fill:none;stroke:var(--wp-rose);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}\r\n.al-wp__item.is-active .al-wp__row{padding-left:14px}\r\n.al-wp__item.is-active .al-wp__num{color:var(--wp-rose)}\r\n.al-wp__item.is-active .al-wp__name{color:var(--wp-ink)}\r\n.al-wp__item.is-active .al-wp__arr{opacity:1;transform:none}\r\n.al-wp__row:hover .al-wp__name{color:var(--wp-ink)}\r\n\r\n\/* mobile inline detail (hidden on desktop) *\/\r\n.al-wp__inline{display:none}\r\n\r\n\/* stage (desktop preview) *\/\r\n.al-wp__stage{order:-1;position:sticky;top:120px;height:580px;border-radius:24px;overflow:hidden;background:#2a2a2d;box-shadow:0 30px 60px -40px rgba(0,0,0,.45)}\r\n.al-wp__layer{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility .6s}\r\n.al-wp__layer.is-active{opacity:1;visibility:visible}\r\n.al-wp__ph{position:absolute;inset:0;overflow:hidden}\r\n.al-wp__ph::before{content:\"\";position:absolute;inset:0;background:var(--img) var(--pos,50% 50%)\/cover no-repeat;transform:scale(1.08);transition:transform 1.8s cubic-bezier(.16,1,.3,1)}\r\n.al-wp__layer.is-active .al-wp__ph::before{transform:scale(1)}\r\n.al-wp__ph::after{content:\"\";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,14,16,0) 35%,rgba(14,14,16,.8) 100%)}\r\n.al-wp__info{position:absolute;left:0;right:0;bottom:0;padding:36px;color:#fff;opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .6s cubic-bezier(.16,1,.3,1)}\r\n.al-wp__layer.is-active .al-wp__info{opacity:1;transform:none;transition-delay:.15s}\r\n.al-wp__tag{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;letter-spacing:.3px;padding:6px 13px 6px 10px;border-radius:999px;color:#fff;\r\n  background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,.1));border:1px solid rgba(255,255,255,.4);\r\n  backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 6px 18px -8px rgba(0,0,0,.5)}\r\n.al-wp__tag i{font-style:normal}\r\n.al-wp__bigname{font-family:'Anton',sans-serif!important;font-weight:400;font-size:clamp(34px,3.6vw,48px);line-height:1.05;margin:14px 0 10px;color:#fff}\r\n.al-wp__desc{font-size:15.5px;line-height:1.65;margin:0 0 18px;max-width:520px;color:rgba(255,255,255,.9)}\r\n.al-wp__meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:22px}\r\n.al-wp__meta span{font-size:12px;font-weight:500;padding:5px 11px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);color:#fff;\r\n  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}\r\n.al-wp__btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:10px;background:var(--wp-rose);color:#fff!important;text-decoration:none!important;\r\n  font-weight:600;font-size:14px;transition:background .3s,gap .3s}\r\n.al-wp__btn:hover{background:#c97c87;gap:13px}\r\n\r\n\/* ---------- foot ---------- *\/\r\n.al-wp__foot{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:32px}\r\n.al-wp__note{font-size:13.5px;color:var(--wp-muted);max-width:620px}\r\n.al-wp__more{font-size:14px;font-weight:500;color:var(--wp-ink)!important;text-decoration:none;border-bottom:1px solid #cfcfd2;padding-bottom:2px;transition:border-color .3s}\r\n.al-wp__more:hover{border-color:var(--wp-rose)}\r\n\r\n\/* ---------- mobile: accordion ---------- *\/\r\n@media (max-width:900px){\r\n  .al-wp{padding:70px 0 60px}\r\n  .al-wp__inner{padding:0 16px}\r\n  .al-wp__head{margin-bottom:32px}\r\n  .al-wp__grid{grid-template-columns:1fr;gap:0}\r\n  .al-wp__stage{display:none}\r\n  .al-wp__row{padding:18px 0;grid-template-columns:36px 1fr 28px}\r\n  .al-wp__arr{opacity:1;transform:none}\r\n  .al-wp__arr svg{transform:rotate(90deg);transition:transform .35s}\r\n  .al-wp__item.is-active .al-wp__arr svg{transform:rotate(-90deg)}\r\n  .al-wp__item.is-active .al-wp__row{padding-left:0}\r\n  .al-wp__inline{display:block;max-height:0;overflow:hidden;transition:max-height .6s cubic-bezier(.16,1,.3,1)}\r\n  .al-wp__item.is-active .al-wp__inline{max-height:640px}\r\n  .al-wp__ib{padding:2px 0 26px}\r\n  .al-wp__iph{aspect-ratio:4\/3;border-radius:16px;background:var(--img) var(--pos,50% 50%)\/cover no-repeat,#2a2a2d;margin-bottom:16px}\r\n  .al-wp__ib .al-wp__desc{color:var(--wp-text);max-width:none}\r\n  .al-wp__ib .al-wp__meta span{background:#fff;border:1px solid var(--wp-line);color:var(--wp-text);backdrop-filter:none;-webkit-backdrop-filter:none}\r\n}\r\n@media (max-width:900px){\r\n  .al-wp__b1{width:380px;height:380px}.al-wp__b2{width:420px;height:420px}.al-wp__b3{width:360px;height:360px}\r\n}\r\n@media (prefers-reduced-motion:reduce){\r\n  .al-wp *{transition:none!important;animation:none!important}\r\n  .al-wp__walker{display:none}\r\n}\r\n\r\n\/* override theme (Elementor) button colours \u2013 no magenta on click\/hover\/focus *\/\r\n.al-wp button,.al-wp button:hover,.al-wp button:focus,.al-wp button:active{-webkit-tap-highlight-color:transparent;outline:none;box-shadow:none;text-decoration:none}\r\n.al-wp .al-wp__row,.al-wp .al-wp__row:hover,.al-wp .al-wp__row:focus,.al-wp .al-wp__row:active{background:transparent!important;border:none!important;color:var(--wp-ink)!important}\r\n.al-wp .al-wp__row:focus-visible{box-shadow:0 0 0 2px var(--wp-rose)!important}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  var s=document.querySelector('.al-wp'); if(!s) return;\r\n\r\n  \/* ===== ITT SZERKESZTHET\u0150: s\u00e9t\u00e1k, fot\u00f3k \u00e9s term\u00e9koldal linkek ===== *\/\r\n  var WALKS=[\r\n    {name:'Belv\u00e1ros', city:'Budapest', desc:'Ha szeretitek, hogy mindig t\u00f6rt\u00e9nik valami k\u00f6r\u00fcl\u00f6ttetek.',\r\n     img:'https:\/\/along.hu\/wp-content\/uploads\/2026\/04\/Budapesti-seta.webp', pos:'50% 40%',\r\n     page:'https:\/\/along.hu\/walks\/hungary\/budapest-downtown-2\/'},\r\n    {name:'Margitsziget', city:'Budapest', desc:'J\u00f3 v\u00e1laszt\u00e1s, ha ink\u00e1bb s\u00e9t\u00e1ln\u00e1tok egy nagyot, \u00e9s hagyn\u00e1tok, hogy a besz\u00e9lget\u00e9s vigyen tov\u00e1bb.',\r\n     img:'https:\/\/along.hu\/wp-content\/uploads\/2026\/04\/Couple-walking-in-Budapest.webp', pos:'50% 50%',\r\n     page:'https:\/\/along.hu\/walks\/hungary\/margaret-island-2\/'},\r\n    {name:'V\u00e1rosliget', city:'Budapest', desc:'Ha j\u00f3l esne egy kicsit kiszakadni a belv\u00e1ros forgatag\u00e1b\u00f3l, itt k\u00e9nyelmesen egym\u00e1sra hangol\u00f3dhattok.',\r\n     img:'https:\/\/along.hu\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-2026.-jun.-11.-14_54_27.png', pos:'15% 50%',\r\n     page:'https:\/\/along.hu\/walks\/hungary\/budapest-varosliget\/'},\r\n    {name:'Budai V\u00e1rnegyed', city:'Budapest', desc:'Ide\u00e1lis, ha egy kicsit romantikusabb k\u00f6rnyezetre v\u00e1gytok, ahol j\u00f3lesik lelass\u00edtani \u00e9s elmer\u00fclni a besz\u00e9lget\u00e9sben.',\r\n     img:'https:\/\/along.hu\/wp-content\/uploads\/2026\/06\/f38e1a14-67e4-4d30-84d7-9d3ce104b541.png', pos:'60% 50%',\r\n     page:'https:\/\/along.hu\/walks\/hungary\/budapest-varnegyed\/'},\r\n    {name:'Normafa', city:'Budapest', desc:'Erd\u0151s \u00f6sv\u00e9nyek, friss leveg\u0151 \u00e9s panor\u00e1ma \u2013 t\u00f6k\u00e9letes egy hosszabb s\u00e9t\u00e1hoz, t\u00e1vol a v\u00e1ros zaj\u00e1t\u00f3l.',\r\n     img:'https:\/\/along.hu\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-2026.-jun.-11.-14_52_32.png', pos:'20% 50%',\r\n     page:'https:\/\/along.hu\/walks\/hungary\/budapest-normafa\/'},\r\n    {name:'Tagore s\u00e9t\u00e1ny', city:'Balatonf\u00fcred', desc:'Balatoni panor\u00e1ma, plat\u00e1nf\u00e1k \u00e9s egy kellemes s\u00e9ta a v\u00edz mellett.',\r\n     img:'https:\/\/along.hu\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-2026.-jun.-11.-14_50_13.png', pos:'28% 50%',\r\n     page:'https:\/\/along.hu\/walks\/hungary\/balatonfured-tagore-setany\/'}\r\n  ];\r\n  var BTN='S\u00e9ta megtekint\u00e9se';\r\n  var META='<div class=\"al-wp__meta\"><span>25 \u00e1llom\u00e1s<\/span><span>60\u201390 perc<\/span><span>3 \u00f3r\u00e1s id\u0151s\u00e1v<\/span><\/div>';\r\n  \/* =========================================================== *\/\r\n\r\n  var list=s.querySelector('.al-wp__list'), stage=s.querySelector('.al-wp__stage');\r\n\r\n  \/* route stops: one pulsing dot per walk, placed along the dotted path *\/\r\n  (function(){\r\n    var p=s.querySelector('#al-wp-path'), g=s.querySelector('.al-wp__stops'); if(!p||!g||!p.getTotalLength) return;\r\n    var L=p.getTotalLength(), NS='http:\/\/www.w3.org\/2000\/svg', n=WALKS.length, out='';\r\n    for(var i=0;i<n;i++){\r\n      var pt=p.getPointAtLength(L*(0.08+0.86*i\/(n-1)));\r\n      out+='<circle class=\"al-wp__ring\" cx=\"'+pt.x+'\" cy=\"'+pt.y+'\" r=\"7\" fill=\"#d58a94\" style=\"animation-delay:'+(i*0.6)+'s\"\/>'+\r\n           '<circle cx=\"'+pt.x+'\" cy=\"'+pt.y+'\" r=\"5\" fill=\"#d58a94\"\/><circle cx=\"'+pt.x+'\" cy=\"'+pt.y+'\" r=\"2\" fill=\"#f4f4f4\"\/>';\r\n    }\r\n    g.innerHTML=out;\r\n  })();\r\n  var ARROW='<svg viewBox=\"0 0 24 24\"><path d=\"M9.5 6l6 6-6 6\"\/><\/svg>';\r\n  function pad(i){return (i<9?'0':'')+(i+1)}\r\n  function css(w){return '--img:url(\\''+w.img+'\\');--pos:'+w.pos}\r\n\r\n  list.innerHTML=WALKS.map(function(w,i){\r\n    return '<li class=\"al-wp__item'+(i===0?' is-active':'')+'\">'+\r\n      '<button class=\"al-wp__row\" type=\"button\" data-i=\"'+i+'\" aria-expanded=\"'+(i===0)+'\">'+\r\n        '<span class=\"al-wp__num\">'+pad(i)+'<\/span>'+\r\n        '<span class=\"al-wp__txt\"><span class=\"al-wp__name\">'+w.name+'<\/span><span class=\"al-wp__city\">'+w.city+'<\/span><\/span>'+\r\n        '<span class=\"al-wp__arr\" aria-hidden=\"true\">'+ARROW+'<\/span>'+\r\n      '<\/button>'+\r\n      '<div class=\"al-wp__inline\"><div class=\"al-wp__ib\">'+\r\n        '<div class=\"al-wp__iph\" style=\"'+css(w)+'\"><\/div>'+\r\n        '<p class=\"al-wp__desc\">'+w.desc+'<\/p>'+META+\r\n        '<a class=\"al-wp__btn\" href=\"'+w.page+'\">'+BTN+' <b aria-hidden=\"true\">&rarr;<\/b><\/a>'+\r\n      '<\/div><\/div><\/li>';\r\n  }).join('');\r\n\r\n  stage.innerHTML=WALKS.map(function(w,i){\r\n    return '<div class=\"al-wp__layer'+(i===0?' is-active':'')+'\">'+\r\n      '<div class=\"al-wp__ph\" style=\"'+css(w)+'\"><\/div>'+\r\n      '<div class=\"al-wp__info\">'+\r\n        '<span class=\"al-wp__tag\"><i>\u2726<\/i>Light \u00b7 Bond \u00b7 Deep<\/span>'+\r\n        '<h3 class=\"al-wp__bigname\">'+w.name+'<\/h3>'+\r\n        '<p class=\"al-wp__desc\">'+w.desc+'<\/p>'+META+\r\n        '<a class=\"al-wp__btn\" href=\"'+w.page+'\">'+BTN+' <b aria-hidden=\"true\">&rarr;<\/b><\/a>'+\r\n      '<\/div><\/div>';\r\n  }).join('');\r\n\r\n  var items=[].slice.call(list.querySelectorAll('.al-wp__item')),\r\n      rows=[].slice.call(list.querySelectorAll('.al-wp__row')),\r\n      layers=[].slice.call(stage.querySelectorAll('.al-wp__layer'));\r\n\r\n  function select(i){\r\n    items.forEach(function(it,n){it.classList.toggle('is-active',n===i); rows[n].setAttribute('aria-expanded',n===i)});\r\n    layers.forEach(function(l,n){l.classList.toggle('is-active',n===i)});\r\n  }\r\n  var desk=window.matchMedia('(min-width:901px) and (hover:hover)');\r\n  rows.forEach(function(r,i){\r\n    r.addEventListener('click',function(){select(i)});\r\n    r.addEventListener('mouseenter',function(){if(desk.matches) select(i)});\r\n    r.addEventListener('focus',function(){if(window.matchMedia('(min-width:901px)').matches) select(i)});\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-d45ea62 e-flex e-con-boxed e-con e-parent\" data-id=\"d45ea62\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-acc79f3 elementor-widget elementor-widget-html\" data-id=\"acc79f3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\r\n     ALONG \u2013 \u201eMi az Along + Hogyan m\u0171k\u00f6dik\u201d \u2013 MAGYAR VERZI\u00d3\r\n     Elementor: delete the old section(s), add a full-width section,\r\n     drop in ONE \"HTML\" widget and paste everything below.\r\n     ============================================================ -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Anton&family=Poppins:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"al-how\" id=\"how-it-works\" lang=\"hu\">\r\n  <div class=\"al-grid\">\r\n\r\n    <!-- LEFT: what it is + how it works -->\r\n    <div class=\"al-left\">\r\n      <span class=\"al-eyebrow al-up\">Mi az Along?<\/span>\r\n      <h2 class=\"al-title al-up\">A j\u00f3 randi ott kezd\u0151dik,<br>ahol\r\nelfogy a k\u00ednos csend.<\/h2>\r\n      <p class=\"al-lead al-up\">N\u00e9ha egyetlen j\u00f3 k\u00e9rd\u00e9s el\u00e9g ahhoz, hogy t\u00f6bbet tudjatok meg egym\u00e1sr\u00f3l. Azt\u00e1n m\u00e1r viszi mag\u00e1val a besz\u00e9lget\u00e9s.<\/p>\r\n\r\n      <ol class=\"al-steps\" aria-label=\"Hogyan m\u0171k\u00f6dik\">\r\n        <li class=\"al-step al-up\">\r\n          <span class=\"al-num\">01<\/span>\r\n          <div>\r\n            <h3>V\u00e1lassz\u00e1tok ki az s\u00e9t\u00e1t<\/h3>\r\n            <p>Tal\u00e1lj\u00e1tok meg a hozz\u00e1tok passzol\u00f3 v\u00e1rost, helysz\u00ednt \u00e9s szintet.<\/p>\r\n          <\/div>\r\n        <\/li>\r\n        <li class=\"al-step al-up\">\r\n          <span class=\"al-num\">02<\/span>\r\n          <div>\r\n            <h3>T\u00f6lts\u00e9tek le az ingyenes Routon appot<\/h3>\r\n            <p>Az \u00e9lm\u00e9ny a Routon appon bel\u00fcl fut. Jelentkezzetek be, a s\u00e9t\u00e1tok az Esem\u00e9nyek k\u00f6z\u00f6tt v\u00e1r R\u00e1tok. <\/p>\r\n          <\/div>\r\n        <\/li>\r\n        <li class=\"al-step al-up\">\r\n          <span class=\"al-num\">03<\/span>\r\n          <div>\r\n            <h3>Induljatok el<\/h3>\r\n            <p>S\u00e9t\u00e1ljatok a t\u00e9rk\u00e9pen l\u00e1that\u00f3 pontokhoz. Amikor oda\u00e9rtek, megjelenik egy k\u00e9rd\u00e9s.<\/p>\r\n          <\/div>\r\n        <\/li>\r\n        <li class=\"al-step al-up\">\r\n          <span class=\"al-num\">04<\/span>\r\n          <div>\r\n            <h3>Ne siessetek<\/h3>\r\n            <p>A s\u00e9ta nagyj\u00e1b\u00f3l 60\u201390 perc alatt v\u00e9gigj\u00e1rthat\u00f3, de nem kell v\u00e9gigrohannotok rajta. Maga az \u00e9lm\u00e9ny 3 \u00f3r\u00e1n kereszt\u00fcl \u00e9l.<\/p>\r\n          <\/div>\r\n        <\/li>\r\n      <\/ol>\r\n\r\n      <div class=\"al-cta al-up\">\r\n        <a class=\"al-btn\" href=\"https:\/\/along.hu\/walks\/\">V\u00e1lassz s\u00e9t\u00e1t <span aria-hidden=\"true\">&rarr;<\/span><\/a>\r\n        <span class=\"al-note\">Azonnali hozz\u00e1f\u00e9r\u00e9s \u00b7 Offline is m\u0171k\u00f6dik<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- RIGHT: phone (stays in view while the steps scroll past) -->\r\n    <div class=\"al-right\"><div class=\"al-pin\">\r\n      <div class=\"along-demo\" aria-label=\"Egy p\u00f6tty v\u00e9gigs\u00e9t\u00e1l a t\u00e9rk\u00e9pen, el\u00e9ri a GPS-pontot, \u00e9s megjelenik egy k\u00e9rd\u00e9s a k\u00e9perny\u0151n.\">\r\n  <div class=\"along-demo__phone\">\r\n    <div class=\"along-demo__screen\">\r\n\r\n      <!-- top bar -->\r\n      <div class=\"along-demo__bar\">\r\n        <span class=\"along-demo__walk\">Margitsziget<\/span>\r\n        <span class=\"along-demo__set\">Light szett<\/span>\r\n      <\/div>\r\n\r\n      <!-- map -->\r\n      <svg class=\"along-demo__map\" viewBox=\"0 0 240 480\" aria-hidden=\"true\">\r\n        <!-- river -->\r\n        <path d=\"M-10 60 C 40 90, 30 170, 0 230 L -10 230 Z\" fill=\"#2a3138\"\/>\r\n        <path d=\"M250 330 C 210 360, 220 430, 250 470 Z\" fill=\"#2a3138\"\/>\r\n        <!-- streets -->\r\n        <g stroke=\"#34343a\" stroke-width=\"7\" fill=\"none\" stroke-linecap=\"round\">\r\n          <path d=\"M20 120 L 230 95\"\/>\r\n          <path d=\"M10 250 L 235 230\"\/>\r\n          <path d=\"M15 360 L 225 340\"\/>\r\n          <path d=\"M60 20 L 95 470\"\/>\r\n          <path d=\"M170 15 L 200 470\"\/>\r\n        <\/g>\r\n        <g stroke=\"#2c2c31\" stroke-width=\"3\" fill=\"none\">\r\n          <path d=\"M120 30 L 135 460\"\/>\r\n          <path d=\"M10 190 L 230 165\"\/>\r\n          <path d=\"M10 420 L 230 405\"\/>\r\n        <\/g>\r\n        <!-- park -->\r\n        <rect x=\"108\" y=\"178\" width=\"58\" height=\"44\" rx=\"10\" fill=\"#2b332d\"\/>\r\n        <!-- walking route -->\r\n        <path class=\"along-demo__route\" d=\"M48 400 C 70 330, 175 350, 180 270 C 185 200, 70 210, 78 140\"\r\n              fill=\"none\" stroke=\"#f2f2f2\" stroke-opacity=\".55\" stroke-width=\"2.5\" stroke-dasharray=\"2 7\" stroke-linecap=\"round\"\/>\r\n      <\/svg>\r\n\r\n      <!-- GPS stops -->\r\n      <span class=\"along-demo__pin along-demo__pin--1\"><i><\/i><\/span>\r\n      <span class=\"along-demo__pin along-demo__pin--2\"><i><\/i><\/span>\r\n\r\n      <!-- you -->\r\n      <span class=\"along-demo__dot\"><\/span>\r\n\r\n      <!-- push notifications when you get close to a stop -->\r\n      <div class=\"along-demo__notif along-demo__notif--1\">\r\n        <span class=\"along-demo__appicon\">A<\/span>\r\n        <div><b>Along <em>most<\/em><\/b><span>K\u00f6zel vagytok a 3. ponthoz. Egy k\u00e9rd\u00e9s m\u00e1r v\u00e1r r\u00e1tok.<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"along-demo__notif along-demo__notif--2\">\r\n        <span class=\"along-demo__appicon\">A<\/span>\r\n        <div><b>Along <em>most<\/em><\/b><span>K\u00f6zel vagytok a 4. ponthoz. Egy k\u00e9rd\u00e9s m\u00e1r v\u00e1r r\u00e1tok.<\/span><\/div>\r\n      <\/div>\r\n\r\n      <!-- unlocked questions -->\r\n      <div class=\"along-demo__card along-demo__card--1\">\r\n        <span class=\"along-demo__label\">3. pont \u00b7 megny\u00edlt<\/span>\r\n        <p>Mi az az apr\u00f3s\u00e1g, ami azonnal szebb\u00e9 teszi a napod?<\/p>\r\n      <\/div>\r\n      <div class=\"along-demo__card along-demo__card--2\">\r\n        <span class=\"along-demo__label\">4. pont \u00b7 megny\u00edlt<\/span>\r\n        <p>Melyik helyet mutatn\u00e1d meg ebben a v\u00e1rosban annak, aki tetszik?<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n    <\/div><\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.al-how{\r\n  --al-rose:#c4707a; --al-ink:#1c1c1e; --al-text:#4a4a4e; --al-muted:#8e8e93; --al-line:#e2e2e4;\r\n  max-width:1120px;margin:0 auto;padding:90px 24px;\r\n  font-family:'Poppins',sans-serif!important;color:var(--al-text);\r\n}\r\n.al-how *,.al-how *::before,.al-how *::after{box-sizing:border-box}\r\n\r\n.al-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:72px;align-items:start}\r\n.al-grid{align-items:center}\r\n\/* bigger phone: scaled up so it is as tall as the text column *\/\r\n.al-right{--phone-scale:1.25;display:flex;justify-content:center}\r\n.al-pin{width:calc(260px * var(--phone-scale));height:calc(500px * var(--phone-scale))}\r\n.al-pin .along-demo{transform:scale(var(--phone-scale));transform-origin:top left;width:260px}\r\n@media (max-width:1180px){.al-right{--phone-scale:1.12}}\r\n\r\n\/* type *\/\r\n.al-eyebrow{display:block;font-size:14px;letter-spacing:.6px;text-transform:uppercase;color:var(--al-muted);margin-bottom:16px}\r\n.al-title{font-family:'Anton',sans-serif!important;font-weight:400;font-size:clamp(32px,3.6vw,44px);line-height:1.15;color:var(--al-ink);margin:0 0 20px}\r\n.al-lead{font-size:15.5px;line-height:1.65;margin:0 0 44px;max-width:540px}\r\n\r\n\/* steps \u2013 editorial list, no boxes *\/\r\n.al-steps{list-style:none;margin:0;padding:0;border-top:1px solid var(--al-line)}\r\n.al-step{display:grid;grid-template-columns:76px 1fr;align-items:start;gap:8px;\r\n  padding:24px 0;border-bottom:1px solid var(--al-line);position:relative}\r\n.al-step::before{ \/* rose line that slides in on hover *\/\r\n  content:\"\";position:absolute;left:0;bottom:-1px;height:1px;width:100%;background:var(--al-rose);\r\n  transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.2,.8,.2,1)}\r\n.al-step:hover::before{transform:scaleX(1)}\r\n.al-num{font-family:'Anton',sans-serif!important;font-size:40px;line-height:1;\r\n  color:transparent;-webkit-text-stroke:1.2px var(--al-ink);transition:color .3s,-webkit-text-stroke-color .3s}\r\n.al-step:hover .al-num,.al-step.is-active .al-num{color:var(--al-rose);-webkit-text-stroke-color:var(--al-rose)}\r\n.al-step.is-active::before{transform:scaleX(1)}\r\n.al-step h3{font-family:'Poppins',sans-serif!important;font-size:17px;font-weight:600;color:var(--al-ink);margin:2px 0 4px;line-height:1.35}\r\n.al-step p{font-family:'Poppins',sans-serif!important;font-size:14px;line-height:1.6;margin:0;max-width:440px}\r\n\r\n\/* CTA *\/\r\n.al-cta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:36px}\r\n.al-btn{display:inline-flex;gap:8px;align-items:center;padding:11px 26px;border-radius:8px;background:var(--al-rose);\r\n  color:#fff!important;font-weight:500;font-size:15px;text-decoration:none;transition:opacity .2s}\r\n.al-btn:hover{opacity:.88}\r\n.al-btn span{transition:transform .2s}\r\n.al-btn:hover span{transform:translateX(4px)}\r\n.al-note{font-size:13px;color:var(--al-muted)}\r\n\r\n\/* responsive *\/\r\n@media (max-width:900px){\r\n  .al-how{padding:64px 16px}\r\n  .al-grid{grid-template-columns:1fr;gap:0}\r\n  .al-right{position:static;order:0;margin:0 0 8px}\r\n  .al-right{--phone-scale:1}\r\n  .al-left{display:contents}\r\n  .al-eyebrow{order:-3}.al-title{order:-2}.al-lead{order:-1;margin-bottom:36px}\r\n  .al-steps{order:1;margin-top:40px}.al-cta{order:2}\r\n  .al-step{grid-template-columns:60px 1fr}\r\n  .al-num{font-size:34px}\r\n}\r\n\r\n\/* ===== phone demo ===== *\/\r\n\/* ---------- tweak these ---------- *\/\r\n.along-demo{\r\n  --along-rose:#c4707a;      \/* your dusty-rose accent *\/\r\n  --along-ink:#1c1c1e;       \/* phone screen *\/\r\n  --along-loop:20s;          \/* length of one full loop *\/\r\n  display:flex;justify-content:center;\r\n}\r\n\r\n\/* ---------- phone ---------- *\/\r\n.along-demo__phone{\r\n  width:260px;padding:10px;border-radius:42px;background:#0e0e10;\r\n  box-shadow:0 30px 60px -20px rgba(0,0,0,.45),inset 0 0 0 2px #2a2a2e;\r\n}\r\n.along-demo__screen{\r\n  position:relative;width:240px;height:480px;border-radius:32px;\r\n  overflow:hidden;background:var(--along-ink);\r\n}\r\n.along-demo__map{position:absolute;inset:0;width:240px;height:480px}\r\n\r\n.along-demo__bar{\r\n  position:absolute;z-index:3;top:14px;left:14px;right:14px;\r\n  display:flex;justify-content:space-between;align-items:center;\r\n  padding:9px 12px;border-radius:14px;\r\n  background:rgba(255,255,255,.08);backdrop-filter:blur(6px);\r\n  font-family:'Poppins',sans-serif;font-size:10.5px;color:#fff;\r\n}\r\n.along-demo__walk{font-family:'Anton',sans-serif;font-size:13px;letter-spacing:.3px}\r\n.along-demo__set{padding:3px 8px;border-radius:20px;background:rgba(255,255,255,.14);font-weight:500}\r\n\r\n\/* route draws itself slowly *\/\r\n.along-demo__route{animation:along-dash var(--along-loop) linear infinite}\r\n@keyframes along-dash{to{stroke-dashoffset:-90}}\r\n\r\n\/* ---------- GPS stops ---------- *\/\r\n.along-demo__pin{\r\n  position:absolute;z-index:1;width:14px;height:14px;margin:-10px 0 0 -10px;\r\n  border-radius:50%;background:#fff;border:3px solid #8e8e93;\r\n}\r\n.along-demo__pin--1{left:179px;top:279px}\r\n.along-demo__pin--2{left:78px;top:140px}\r\n.along-demo__pin i{\r\n  position:absolute;inset:-3px;border-radius:50%;border:2px solid #ffffff;opacity:0;\r\n}\r\n.along-demo__pin--1 i{animation:along-ping-1 var(--along-loop) ease-out infinite}\r\n.along-demo__pin--2 i{animation:along-ping-2 var(--along-loop) ease-out infinite}\r\n@keyframes along-ping-1{\r\n  0%,29%{transform:scale(1);opacity:0}\r\n  30%{opacity:.9}\r\n  40%,100%{transform:scale(3.4);opacity:0}\r\n}\r\n@keyframes along-ping-2{\r\n  0%,75%{transform:scale(1);opacity:0}\r\n  76%{opacity:.9}\r\n  86%,100%{transform:scale(3.4);opacity:0}\r\n}\r\n\r\n\/* ---------- the walker ---------- *\/\r\n.along-demo__dot{\r\n  position:absolute;z-index:2;top:0;left:0;width:16px;height:16px;\r\n  border-radius:50%;background:#fff;\r\n  box-shadow:0 0 0 5px rgba(255,255,255,.18),0 0 18px rgba(255,255,255,.6);\r\n  offset-path:path('M48 400 C 70 330, 175 350, 180 270 C 185 200, 70 210, 78 140');\r\n  offset-rotate:0deg;\r\n  animation:along-walk var(--along-loop) cubic-bezier(.42,0,.58,1) infinite;\r\n}\r\n@keyframes along-walk{\r\n  0%  {offset-distance:0%;  opacity:0}\r\n  4%  {offset-distance:0%;  opacity:1}\r\n  30% {offset-distance:50%}\r\n  50% {offset-distance:50%}\r\n  76% {offset-distance:100%}\r\n  96% {offset-distance:100%;opacity:1}\r\n  100%{offset-distance:100%;opacity:0}\r\n}\r\n\r\n\/* ---------- question cards ---------- *\/\r\n.along-demo__card{\r\n  position:absolute;z-index:4;left:12px;right:12px;bottom:14px;\r\n  padding:16px 16px 18px;border-radius:20px;background:#fff;\r\n  box-shadow:0 -10px 30px rgba(0,0,0,.35);\r\n  opacity:0;transform:translateY(110%);\r\n}\r\n.along-demo__card--1{animation:along-card-1 var(--along-loop) cubic-bezier(.45,0,.25,1) infinite}\r\n.along-demo__card--2{animation:along-card-2 var(--along-loop) cubic-bezier(.45,0,.25,1) infinite}\r\n@keyframes along-card-1{\r\n  0%,31%{opacity:0;transform:translateY(110%)}\r\n  36%,46%{opacity:1;transform:translateY(0)}\r\n  50.5%,100%{opacity:0;transform:translateY(110%)}\r\n}\r\n@keyframes along-card-2{\r\n  0%,77%{opacity:0;transform:translateY(110%)}\r\n  82%,92%{opacity:1;transform:translateY(0)}\r\n  96.5%,100%{opacity:0;transform:translateY(110%)}\r\n}\r\n.along-demo__label{\r\n  display:block;margin-bottom:6px;\r\n  font-family:'Poppins',sans-serif;font-size:9.5px;font-weight:600;\r\n  letter-spacing:1.2px;text-transform:uppercase;color:#86868b;\r\n}\r\n.along-demo__card p{\r\n  margin:0;font-family:'Anton',sans-serif;font-size:19px;line-height:1.2;color:#1c1c1e;\r\n}\r\n\r\n\/* ---------- respect \"reduce motion\" ---------- *\/\r\n@media (prefers-reduced-motion:reduce){\r\n  .along-demo *{animation:none!important}\r\n  .along-demo__dot{offset-distance:50%}\r\n  .along-demo__card--1{opacity:1;transform:none}\r\n}\r\n\r\n\r\n\/* scroll reveal: text slides up next to the phone (only when JS runs) *\/\r\n.al-how.al-js .al-up{opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .9s cubic-bezier(.2,.8,.2,1)}\r\n.al-how.al-js .al-up.al-in{opacity:1;transform:none}\r\n@media (prefers-reduced-motion:reduce){.al-how.al-js .al-up{opacity:1;transform:none;transition:none}}\r\n\r\n\/* ---------- push notification ---------- *\/\r\n.along-demo__notif{\r\n  position:absolute;z-index:5;top:10px;left:10px;right:10px;\r\n  display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:18px;\r\n  background:rgba(242,242,245,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);\r\n  box-shadow:0 10px 30px rgba(0,0,0,.35);\r\n  font-family:'Poppins',sans-serif;color:#1c1c1e;\r\n  opacity:0;transform:translateY(-130%);\r\n}\r\n.along-demo__appicon{flex:0 0 30px;height:30px;border-radius:8px;background:#1c1c1e;color:#fff;\r\n  font-family:'Anton',sans-serif;font-size:16px;display:flex;align-items:center;justify-content:center}\r\n.along-demo__notif b{display:flex;justify-content:space-between;font-size:11px;font-weight:600;margin-bottom:1px}\r\n.along-demo__notif em{font-style:normal;font-weight:400;color:#8e8e93;font-size:10px}\r\n.along-demo__notif div{flex:1}\r\n.along-demo__notif div span{display:block;font-size:11px;line-height:1.35;color:#3a3a3c}\r\n.along-demo__notif--1{animation:along-notif-1 var(--along-loop) cubic-bezier(.45,0,.25,1) infinite}\r\n.along-demo__notif--2{animation:along-notif-2 var(--along-loop) cubic-bezier(.45,0,.25,1) infinite}\r\n@keyframes along-notif-1{\r\n  0%,10%{opacity:0;transform:translateY(-130%)}\r\n  15%,25%{opacity:1;transform:translateY(0)}\r\n  29.5%,100%{opacity:0;transform:translateY(-130%)}\r\n}\r\n@keyframes along-notif-2{\r\n  0%,56%{opacity:0;transform:translateY(-130%)}\r\n  61%,71%{opacity:1;transform:translateY(0)}\r\n  75.5%,100%{opacity:0;transform:translateY(-130%)}\r\n}\r\n@media (prefers-reduced-motion:reduce){.along-demo__notif{display:none}}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  var root=document.querySelector('.al-how'); if(!root||!('IntersectionObserver' in window)) return;\r\n  root.classList.add('al-js');\r\n  var els=root.querySelectorAll('.al-up');\r\n  var io=new IntersectionObserver(function(es){\r\n    var i=0;\r\n    es.forEach(function(e){ if(e.isIntersecting){\r\n      e.target.style.transitionDelay=(i++*0.12)+'s';\r\n      e.target.classList.add('al-in'); io.unobserve(e.target);\r\n    }});\r\n  },{threshold:.2,rootMargin:'0px 0px -60px 0px'});\r\n  els.forEach(function(el){io.observe(el)});\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4d730aa e-con e-atomic-element e-flexbox-base e-default-div e-62924ff \" data-id=\"4d730aa\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"4d730aa\">\n    \t\t<div class=\"elementor-element elementor-element-f394e4d elementor-widget elementor-widget-html\" data-id=\"f394e4d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\r\n     ALONG \u2013 \u201eMi\u00e9rt m\u0171k\u00f6dik\u201d szekci\u00f3 \u2013 MAGYAR VERZI\u00d3\r\n     Two dots walk side by side across the section as you scroll.\r\n     Each idea appears when they pass it.\r\n     Elementor: add a full-width section (no padding, any background),\r\n     drop in ONE \"HTML\" widget and paste everything below.\r\n     Place it right after the \"How it works\" section.\r\n     ============================================================ -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Anton&family=Poppins:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"al-ww\" lang=\"hu\">\r\n  <div class=\"al-ww__inner\">\r\n\r\n    <span class=\"al-ww__eyebrow\">Mi\u00e9rt m\u0171k\u00f6dik?<\/span>\r\n    <h2 class=\"al-ww__title\">S\u00e9ta k\u00f6zben<br>k\u00f6nnyebb megny\u00edlni.<\/h2>\r\n\r\n    <div class=\"al-ww__track\">\r\n      <!-- the route -->\r\n      <div class=\"al-ww__path\"><span class=\"al-ww__done\"><\/span><\/div>\r\n      <!-- the two of you -->\r\n      <div class=\"al-ww__walkers\" aria-hidden=\"true\"><i><\/i><i><\/i><\/div>\r\n\r\n      <div class=\"al-ww__blocks\">\r\n        <div class=\"al-ww__block\">\r\n          <span class=\"al-ww__stop\" aria-hidden=\"true\"><\/span>\r\n          <span class=\"al-ww__num\">01<\/span>\r\n          <h3>A mozg\u00e1s mindent megv\u00e1ltoztat<\/h3>\r\n          <p>Egym\u00e1s mellett s\u00e9t\u00e1lva nincs az az \u00e9rz\u00e9s, hogy folyamatosan besz\u00e9lni kell. Van id\u0151 gondolkodni, n\u00e9zel\u0151dni, azt\u00e1n valahogy k\u00f6nnyebben j\u00f6n a k\u00f6vetkez\u0151 mondat.<\/p>\r\n        <\/div>\r\n        <div class=\"al-ww__block\">\r\n          <span class=\"al-ww__stop\" aria-hidden=\"true\"><\/span>\r\n          <span class=\"al-ww__num\">02<\/span>\r\n          <h3>Nem kell mindig tudnod, mit mondj<\/h3>\r\n          <p>A k\u00e9rd\u00e9sek viszik tov\u00e1bb a besz\u00e9lget\u00e9st, \u00edgy nem kell azon t\u00f6rn\u00f6t\u00f6k a fejeteket, mivel folytass\u00e1tok.<\/p>\r\n        <\/div>\r\n        <div class=\"al-ww__block\">\r\n          <span class=\"al-ww__stop\" aria-hidden=\"true\"><\/span>\r\n          <span class=\"al-ww__num\">03<\/span>\r\n          <h3>Vesszetek el egy\u00fctt<\/h3>\r\n          <p>Ismerj\u00e9tek meg a rendihelyeitek eddig rejtett arc\u00e1t, pont \u00fagy, ahogyan a m\u00e1sik gondolatait.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.al-ww{\r\n  --ww-bg:#1c1c1e; --ww-text:rgba(255,255,255,.68); --ww-white:#fff;\r\n  --ww-rose:#c4707a; --ww-line:rgba(255,255,255,.18);\r\n  background:var(--ww-bg);color:var(--ww-text);\r\n  font-family:'Poppins',sans-serif!important;\r\n  padding:120px 24px 130px;overflow:hidden;\r\n}\r\n.al-ww *,.al-ww *::before,.al-ww *::after{box-sizing:border-box}\r\n.al-ww__inner{max-width:1120px;margin:0 auto}\r\n\r\n.al-ww__eyebrow{display:block;font-size:14px;letter-spacing:.6px;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:16px}\r\n.al-ww__title{font-family:'Anton',sans-serif!important;font-weight:400;font-size:clamp(34px,4.6vw,56px);line-height:1.15;color:var(--ww-white);margin:0 0 90px}\r\n\r\n\/* ---------- track (desktop: walks left \u2192 right) ---------- *\/\r\n.al-ww__track{position:relative;padding-top:64px}\r\n.al-ww__path{position:absolute;top:0;left:0;right:0;height:1px;\r\n  background:repeating-linear-gradient(90deg,var(--ww-line) 0 6px,transparent 6px 14px)}\r\n.al-ww__done{position:absolute;left:0;top:0;height:1px;width:0;background:rgba(255,255,255,.75)}\r\n\r\n.al-ww__walkers{position:absolute;top:0;left:0;width:0;height:0;z-index:2;will-change:transform}\r\n.al-ww__walkers i{position:absolute;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;\r\n  background:var(--ww-white);box-shadow:0 0 14px rgba(255,255,255,.55)}\r\n.al-ww__walkers i:nth-child(1){top:-8px}\r\n.al-ww__walkers i:nth-child(2){top:8px}\r\n\/* little steps while moving, out of sync like two people walking *\/\r\n.al-ww.is-walking .al-ww__walkers i{animation:al-ww-step .7s ease-in-out infinite}\r\n.al-ww.is-walking .al-ww__walkers i:nth-child(2){animation-delay:-.35s}\r\n@keyframes al-ww-step{0%,100%{transform:translateX(0)}50%{transform:translateX(3px)}}\r\n\r\n.al-ww__blocks{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}\r\n.al-ww__block{position:relative}\r\n.al-ww__stop{position:absolute;top:-64px;left:0;width:11px;height:11px;margin:-5.5px 0 0 0;border-radius:50%;\r\n  border:1.5px solid rgba(255,255,255,.4);background:var(--ww-bg);transition:background .3s,border-color .3s}\r\n.al-ww__stop::after{content:\"\";position:absolute;inset:-2px;border-radius:50%;border:1.5px solid #fff;opacity:0}\r\n.al-ww__num{display:block;font-family:'Anton',sans-serif!important;font-size:15px;letter-spacing:1px;color:rgba(255,255,255,.4);margin-bottom:14px}\r\n.al-ww__block h3{font-family:'Poppins',sans-serif!important;font-size:16px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:var(--ww-rose);margin:0 0 14px}\r\n.al-ww__block p{font-size:15px;line-height:1.65;margin:0;max-width:320px}\r\n\r\n\/* ---------- reveal (only when JS runs) ---------- *\/\r\n.al-ww.al-js .al-ww__block > :not(.al-ww__stop){opacity:.12;transform:translateY(14px);\r\n  transition:opacity 1.1s ease,transform 1.2s cubic-bezier(.16,1,.3,1)}\r\n.al-ww.al-js .al-ww__block.is-reached > :not(.al-ww__stop){opacity:1;transform:none}\r\n.al-ww.al-js .al-ww__block.is-reached h3{transition-delay:.08s}\r\n.al-ww.al-js .al-ww__block.is-reached p{transition-delay:.16s}\r\n.al-ww__block.is-reached .al-ww__stop{background:#fff;border-color:#fff}\r\n.al-ww__block.is-reached .al-ww__stop::after{animation:al-ww-ping .9s ease-out 1}\r\n@keyframes al-ww-ping{0%{transform:scale(1);opacity:.9}100%{transform:scale(3.2);opacity:0}}\r\n\r\n\/* ---------- mobile (walks top \u2192 bottom) ---------- *\/\r\n@media (max-width:760px){\r\n  .al-ww{padding:80px 16px 90px}\r\n  .al-ww__title{margin-bottom:56px}\r\n  .al-ww__track{padding:0 0 0 40px}\r\n  .al-ww__path{top:0;bottom:0;left:5px;right:auto;width:1px;height:auto;\r\n    background:repeating-linear-gradient(180deg,var(--ww-line) 0 6px,transparent 6px 14px)}\r\n  .al-ww__done{left:0;top:0;width:1px;height:0}\r\n  .al-ww__walkers{left:5px}\r\n  .al-ww__walkers i:nth-child(1){top:0;left:-8px}\r\n  .al-ww__walkers i:nth-child(2){top:0;left:8px}\r\n  @keyframes al-ww-step{0%,100%{transform:translateY(0)}50%{transform:translateY(3px)}}\r\n  .al-ww__blocks{grid-template-columns:1fr;gap:56px}\r\n  .al-ww__stop{top:6px;left:-40px}\r\n}\r\n\r\n@media (prefers-reduced-motion:reduce){\r\n  .al-ww.al-js .al-ww__block > :not(.al-ww__stop){opacity:1;transform:none;transition:none}\r\n  .al-ww__walkers i{animation:none!important}\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  var sec=document.querySelector('.al-ww'); if(!sec) return;\r\n  var track=sec.querySelector('.al-ww__track'),\r\n      walkers=sec.querySelector('.al-ww__walkers'),\r\n      done=sec.querySelector('.al-ww__done'),\r\n      blocks=[].slice.call(sec.querySelectorAll('.al-ww__block'));\r\n  var reduce=window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n  sec.classList.add('al-js');\r\n  var cur=null, target=0, running=false, len=0, vertical=false;\r\n\r\n  \/* where the walkers SHOULD be, based on scroll *\/\r\n  function measure(){\r\n    var vh=window.innerHeight, r=track.getBoundingClientRect(), p;\r\n    vertical=window.innerWidth<=760;\r\n    if(reduce){p=1}\r\n    else if(vertical){p=(vh*0.8-r.top)\/(r.height+vh*0.2)}\r\n    else{p=(vh*0.9-r.top)\/(vh*0.75)}\r\n    p=Math.max(0,Math.min(1,p));\r\n    len=vertical?r.height:r.width;\r\n    target=p*len;\r\n  }\r\n  \/* draw them where they ARE (glides toward the target every frame) *\/\r\n  function draw(pos){\r\n    walkers.style.transform=vertical?'translate3d(0,'+pos+'px,0)':'translate3d('+pos+'px,0,0)';\r\n    if(vertical){done.style.height=pos+'px';done.style.width=''}\r\n    else{done.style.width=pos+'px';done.style.height=''}\r\n    blocks.forEach(function(b){\r\n      var at=vertical?b.offsetTop:b.offsetLeft;\r\n      b.classList.toggle('is-reached',pos>=at-4);\r\n    });\r\n  }\r\n  function frame(){\r\n    var diff=target-cur;\r\n    if(Math.abs(diff)<0.4){cur=target;draw(cur);running=false;sec.classList.remove('is-walking');return}\r\n    cur+=diff*0.06;                      \/* lower = softer, slower glide *\/\r\n    draw(cur);\r\n    sec.classList.add('is-walking');\r\n    requestAnimationFrame(frame);\r\n  }\r\n  function kick(){\r\n    measure();\r\n    if(cur===null||reduce){cur=target;draw(cur);return}\r\n    if(!running){running=true;requestAnimationFrame(frame)}\r\n  }\r\n  window.addEventListener('scroll',kick,{passive:true});\r\n  window.addEventListener('resize',function(){cur=null;kick()});\r\n  kick();\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-72b4ce7 e-con e-atomic-element e-flexbox-base e-default-div e-f811332 \" data-id=\"72b4ce7\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"72b4ce7\">\n    \t\t<div class=\"elementor-element elementor-element-85f4d1d elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"85f4d1d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\r\n     ALONG \u2013 \"V\u00e1lassz szintet\" DIAL section (HU)\r\n     Drag the dial from Light to Deep: the whole section deepens in colour,\r\n     the text changes and the question card flips.\r\n     The button opens the chosen level's own page: \/light\/, \/bond\/, \/deep\/.\r\n     \u25ba If the Hungarian level pages have their own links, change PAGES in the script.\r\n     Elementor: full-width section, NO background, no padding,\r\n     ONE \"HTML\" widget, paste everything below.\r\n     ============================================================ -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Anton&family=Poppins:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"al-dd\" id=\"choose-your-depth\" lang=\"hu\">\r\n  <div class=\"al-dd__glow\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"al-dd__inner\">\r\n    <div class=\"al-dd__top\">\r\n      <span class=\"al-dd__eyebrow\">V\u00e1lassz szintet<\/span>\r\n      <h2 class=\"al-dd__h\">Hol tart most a t\u00f6rt\u00e9netetek?<\/h2>\r\n      <p class=\"al-dd__hint\">M\u00e9g csak ismerkedtek, vagy m\u00e1r j\u00f3l ismeritek egym\u00e1st? Tal\u00e1lj\u00e1tok meg, melyik illik hozz\u00e1tok!<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"al-dd__stage\">\r\n      <!-- text -->\r\n      <div class=\"al-dd__copy\">\r\n        <span class=\"al-dd__level\"><i class=\"al-dd__stars\">\u2726<\/i> <b class=\"al-dd__name\">Light<\/b><\/span>\r\n        <h3 class=\"al-dd__title\">Az \u00faj kezdetekhez<\/h3>\r\n        <p class=\"al-dd__desc\">Az els\u0151 randikhoz, amikor m\u00e9g annyi mindent szeretn\u00e9tek megtudni egym\u00e1sr\u00f3l. K\u00f6nnyed k\u00e9rd\u00e9sek, meglep\u0151 v\u00e1laszok \u00e9s besz\u00e9lget\u00e9sek, amikb\u0151l b\u00e1rmi lehet.<\/p>\r\n        <p class=\"al-dd__who\">Els\u0151 randik \u00b7 Friss kapcsolatok<\/p>\r\n        <a class=\"al-dd__btn\" href=\"https:\/\/along.hu\/walks\/\"><span class=\"al-dd__btn-txt\">N\u00e9zz\u00fck, melyik illik hozz\u00e1nk \u2192<\/span> <b aria-hidden=\"true\">&rarr;<\/b><\/a>\r\n      <\/div>\r\n\r\n      <!-- question card -->\r\n      <div class=\"al-dd__cardwrap\">\r\n        <div class=\"al-dd__card\">\r\n          <div class=\"al-dd__card-top\">\r\n            <span class=\"al-dd__tag\"><i>\u2726<\/i>Light k\u00e9rd\u00e9ssor<\/span>\r\n            <span class=\"al-dd__stop\">4. \u00e1llom\u00e1s \u00b7 feloldva<\/span>\r\n          <\/div>\r\n          <p class=\"al-dd__q\">Szerinted miben vagyunk a legink\u00e1bb k\u00fcl\u00f6nb\u00f6z\u0151ek?<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- the dial: iOS-style segmented slider (drag or tap) -->\r\n    <div class=\"al-dd__dial\">\r\n      <div class=\"al-dd__seg\" role=\"slider\" tabindex=\"0\" aria-label=\"V\u00e1laszd ki a szinted\" aria-valuemin=\"0\" aria-valuemax=\"2\" aria-valuenow=\"0\" aria-valuetext=\"Light\">\r\n        <span class=\"al-dd__thumb\" aria-hidden=\"true\"><\/span>\r\n        <span class=\"al-dd__opt\" data-v=\"0\"><b>\u2726 Light<\/b><small>Els\u0151 randik<\/small><\/span>\r\n        <span class=\"al-dd__opt\" data-v=\"1\"><b>\u2726\u2726 Bond<\/b><small>Egy ideje egy\u00fctt<\/small><\/span>\r\n        <span class=\"al-dd__opt\" data-v=\"2\"><b>\u2726\u2726\u2726 Deep<\/b><small>\u00c9vek \u00f3ta egy\u00fctt<\/small><\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.al-dd{\r\n  --dd-bg:#efdfe1; --dd-fg:#1c1c1e; --dd-soft:rgba(28,28,30,.65); --dd-line:rgba(28,28,30,.15);\r\n  position:relative;overflow:hidden;padding:110px 24px 100px;background:var(--dd-bg);color:var(--dd-fg);\r\n  font-family:'Poppins',sans-serif!important;transition:color .6s ease;\r\n}\r\n.al-dd *,.al-dd *::before,.al-dd *::after{box-sizing:border-box}\r\n.al-dd.is-dark{--dd-fg:#fff;--dd-soft:rgba(255,255,255,.75);--dd-line:rgba(255,255,255,.22)}\r\n.al-dd__glow{position:absolute;width:900px;height:900px;right:-250px;top:50%;margin-top:-450px;border-radius:50%;pointer-events:none;\r\n  background:radial-gradient(circle,rgba(255,255,255,var(--dd-glow,.55)) 0%,rgba(255,255,255,0) 60%);transition:opacity .6s}\r\n.al-dd__inner{position:relative;z-index:1;max-width:1120px;margin:0 auto}\r\n\r\n\r\n\/* top *\/\r\n.al-dd__top{text-align:center;margin-bottom:56px}\r\n.al-dd__eyebrow{display:block;font-size:13px;font-weight:500;letter-spacing:1.2px;text-transform:uppercase;color:var(--dd-soft);margin-bottom:12px}\r\n.al-dd__h{font-family:'Anton',sans-serif!important;font-weight:400;font-size:clamp(34px,4.4vw,56px);line-height:1.08;margin:0 0 12px;color:var(--dd-fg)}\r\n.al-dd__hint{margin:0;font-size:15px;color:var(--dd-soft)}\r\n\r\n\/* stage *\/\r\n.al-dd__stage{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;min-height:330px}\r\n.al-dd__copy{transition:opacity .35s ease,transform .45s cubic-bezier(.16,1,.3,1)}\r\n.al-dd__copy.is-out{opacity:0;transform:translateY(12px)}\r\n.al-dd__level{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:1px;text-transform:uppercase;\r\n  padding:7px 14px;border-radius:999px;border:1px solid var(--dd-line);margin-bottom:22px;\r\n  background:rgba(255,255,255,.18);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}\r\n.al-dd__stars{font-style:normal;letter-spacing:2px}\r\n.al-dd__title{font-family:'Anton',sans-serif!important;font-weight:400;font-size:clamp(30px,3.4vw,44px);line-height:1.1;margin:0 0 16px;color:var(--dd-fg)}\r\n.al-dd__desc{font-size:16px;line-height:1.65;margin:0 0 14px;color:var(--dd-soft);max-width:480px}\r\n.al-dd__who{font-size:13.5px;font-weight:500;margin:0 0 30px;color:var(--dd-fg);opacity:.8}\r\n.al-dd__btn{display:inline-flex;align-items:center;gap:10px;padding:15px 30px;border-radius:999px;font-weight:600;font-size:15px;text-decoration:none!important;\r\n  background:var(--dd-fg);color:var(--dd-bgsolid,#efdfe1)!important;transition:transform .3s,box-shadow .3s,background .6s,color .6s}\r\n.al-dd__btn:hover{transform:translateY(-2px);box-shadow:0 16px 30px -14px rgba(0,0,0,.5)}\r\n.al-dd__btn b{transition:transform .3s}\r\n.al-dd__btn:hover b{transform:translateX(4px)}\r\n\r\n\/* card *\/\r\n.al-dd__cardwrap{perspective:1200px;display:flex;justify-content:center}\r\n.al-dd__card{width:100%;max-width:440px;padding:30px 30px 36px;border-radius:32px;background:#fff;color:#1c1c1e;\r\n  box-shadow:0 40px 70px -30px rgba(40,10,20,.45);transform-style:preserve-3d;\r\n  transition:transform .45s cubic-bezier(.65,0,.35,1)}\r\n.al-dd__card.is-flip{transform:rotateY(90deg)}\r\n.al-dd__card-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:22px}\r\n.al-dd__tag{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:6px 12px;border-radius:999px;color:#fff;background:var(--dd-tag,#c4a0a4)}\r\n.al-dd__tag i{font-style:normal}\r\n.al-dd__stop{font-size:10.5px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:#8e8e93}\r\n.al-dd__q{font-family:'Anton',sans-serif!important;font-size:clamp(26px,2.6vw,34px);line-height:1.18;margin:0}\r\n\r\n\/* dial \u2013 iOS segmented slider *\/\r\n.al-dd__dial{position:relative;margin:64px auto 0;max-width:640px}\r\n.al-dd__seg{position:relative;display:grid;grid-template-columns:repeat(3,1fr);padding:5px;border-radius:999px;\r\n  background:rgba(255,255,255,.28);border:1px solid rgba(255,255,255,.45);\r\n  backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);\r\n  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 18px 40px -22px rgba(40,10,20,.5);\r\n  touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;cursor:grab;outline:none}\r\n.al-dd.is-dark .al-dd__seg{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.22)}\r\n.al-dd__seg:focus-visible{box-shadow:0 0 0 3px rgba(255,255,255,.7)}\r\n.al-dd__seg.is-drag{cursor:grabbing}\r\n.al-dd__thumb{position:absolute;top:5px;bottom:5px;left:5px;width:calc((100% - 10px)\/3);border-radius:999px;background:#fff;\r\n  box-shadow:0 6px 18px -6px rgba(0,0,0,.35),0 1px 2px rgba(0,0,0,.08);will-change:transform}\r\n.al-dd__opt{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 6px;\r\n  text-align:center;color:var(--dd-fg);opacity:.72;transition:color .25s,opacity .25s;pointer-events:none}\r\n.al-dd__opt b{font-size:14.5px;font-weight:600;letter-spacing:.2px;white-space:nowrap}\r\n.al-dd__opt small{font-size:11.5px;opacity:.75;white-space:nowrap}\r\n.al-dd__opt.is-on{color:#1c1c1e;opacity:1}\r\n.al-dd.is-hint .al-dd__thumb{animation:dd-nudge 1.4s cubic-bezier(.45,0,.25,1) 2}\r\n@keyframes dd-nudge{0%,100%{margin-left:0}35%{margin-left:22px}65%{margin-left:-3px}}\r\n\r\n\/* responsive *\/\r\n@media (max-width:860px){\r\n  .al-dd{padding:80px 16px 76px}\r\n  .al-dd__top{margin-bottom:36px}\r\n  .al-dd__stage{grid-template-columns:1fr;gap:32px;min-height:0}\r\n  .al-dd__cardwrap{order:-1}\r\n  .al-dd__card{padding:26px 24px 30px}\r\n  .al-dd__inner{display:flex;flex-direction:column}\r\n  .al-dd__top{order:0}\r\n  .al-dd__dial{order:1;margin:0 auto 40px;width:100%}\r\n  .al-dd__stage{order:2}\r\n  .al-dd__opt small{display:none}\r\n  .al-dd__opt{padding:14px 4px}\r\n  .al-dd__opt b{font-size:13.5px}\r\n  .al-dd__glow{width:600px;height:600px;right:-300px}\r\n}\r\n@media (prefers-reduced-motion:reduce){\r\n  .al-dd,.al-dd *{transition:none!important;animation:none!important}\r\n}\r\n\/* font lock: the theme can't swap our fonts (Poppins everywhere, Anton for headlines) *\/\r\n.al-dd,.al-dd *{font-family:'Poppins',sans-serif!important}\r\n.al-dd .al-dd__h,.al-dd .al-dd__h *,.al-dd .al-dd__title,.al-dd .al-dd__title *,.al-dd .al-dd__q,.al-dd .al-dd__q *{font-family:'Anton',sans-serif!important;font-weight:400!important}\r\n\/* end font lock *\/\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  var s=document.querySelector('.al-dd'); if(!s) return;\r\n\r\n  \/* ===== EDIT HERE ===== *\/\r\n  var L=[\r\n    {key:'light', stars:'\u2726', name:'Light', bg:[239,223,225], tag:'#c4a0a4', dark:false, stop:4,\r\n     title:'Az \u00faj kezdetekhez.',\r\n     desc:'Az els\u0151 randikhoz, amikor m\u00e9g annyi mindent szeretn\u00e9tek megtudni egym\u00e1sr\u00f3l. K\u00f6nnyed k\u00e9rd\u00e9sek, meglep\u0151 v\u00e1laszok \u00e9s besz\u00e9lget\u00e9sek, amikb\u0151l b\u00e1rmi lehet. Ahelyett, hogy megint v\u00e9gigvenn\u00e9tek, ki mivel foglalkozik \u00e9s mit csin\u00e1l szabadidej\u00e9ben, hamarabb eljuthattok azokhoz a t\u00e9m\u00e1khoz, amik t\u00e9nyleg \u00e9rdekesek.',\r\n     who:'Els\u0151 randik \u00b7 Ismerked\u00e9s',\r\n     q:'Szerinted miben vagyunk a legink\u00e1bb k\u00fcl\u00f6nb\u00f6z\u0151ek?', btn:'N\u00e9zz\u00fck, melyik illik hozz\u00e1nk'},\r\n   \r\n{key:'bond', stars:'\u2726\u2726', name:'Bond', bg:[176,120,128], tag:'#b07880', dark:true, stop:9,\r\n     title:'Amikor m\u00e1r j\u00f3l ismeritek egym\u00e1st.',\r\n     desc:'M\u00e1r rengeteg mindent tudtok a m\u00e1sikr\u00f3l. De vajon maradt m\u00e9g p\u00e1r meglep\u0151 v\u00e1lasz \u00e9s olyan t\u00e9ma, ami eddig valahogy nem ker\u00fclt sz\u00f3ba? A Bond k\u00e9rd\u00e9sei seg\u00edtenek \u00faj oldal\u00e1r\u00f3l megismerni azt, akir\u0151l m\u00e1r azt hitt\u00e9tek, hog ymindent tudtok.',\r\n     who:'\u00d6sszeszokott p\u00e1rok \u00b7 Legal\u00e1bb f\u00e9l \u00e9ve egy\u00fctt',\r\n     q:'Van valami, amit r\u00e9gen egy\u00fctt csin\u00e1ltunk, \u00e9s hi\u00e1nyzik?', btn:'N\u00e9zz\u00fck, melyik illik hozz\u00e1nk'},\r\n\r\n{key:'deep', stars:'\u2726\u2726\u2726', name:'Deep', bg:[84,44,52], tag:'#7a4a52', dark:true, stop:17,\r\n     title:'Akik m\u00e9g mindig k\u00edv\u00e1ncsiak egym\u00e1sra.',\r\n     desc:'Sok mindent \u00e1t\u00e9ltetek m\u00e1r egy\u00fctt, \u00e9s tal\u00e1n azt hiszitek, mindent tudtok egym\u00e1sr\u00f3l. De mindig van mit k\u00e9rdezni, \u00e9s mindig van valami, amit j\u00f3 v\u00e9gre kimondani. A Deep olyan besz\u00e9lget\u00e9sekhez ad k\u00e9rd\u00e9seket, amikre a h\u00e9tk\u00f6znapokban ritk\u00e1n jut id\u0151.',\r\n     who:'R\u00e9g\u00f3ta egy\u00fctt \u00e9l\u0151 p\u00e1rok \u00b7 H\u00e1zasp\u00e1rok',\r\n     q:'Mi az, amit szeretn\u00e9l, hogy jobban meg\u00e9rtsek benned?', btn:'N\u00e9zz\u00fck, melyik illik hozz\u00e1nk'}\r\n\r\n  ];\r\n  var PAGES={light:'https:\/\/along.hu\/light\/', bond:'https:\/\/along.hu\/bond\/', deep:'https:\/\/along.hu\/deep\/'};\r\n  \/* ===================== *\/\r\n\r\n  var seg=s.querySelector('.al-dd__seg'), thumb=s.querySelector('.al-dd__thumb'),\r\n      opts=[].slice.call(s.querySelectorAll('.al-dd__opt')),\r\n      copy=s.querySelector('.al-dd__copy'), card=s.querySelector('.al-dd__card'), btn=s.querySelector('.al-dd__btn');\r\n  var cur=-1, val=0, anim=null;\r\n\r\n  function mix(a,b,t){return [0,1,2].map(function(i){return Math.round(a[i]+(b[i]-a[i])*t)})}\r\n  function colourAt(v){v=Math.max(0,Math.min(2,+v||0));var i=Math.min(1,Math.floor(v)), t=v-i; return mix(L[i].bg,L[i+1].bg,t)}\r\n  function setLevel(n){\r\n    if(n===cur) return; var first=cur<0; cur=n; var d=L[n];\r\n    opts.forEach(function(o,k){o.classList.toggle('is-on',k===n)});\r\n    seg.setAttribute('aria-valuenow',n); seg.setAttribute('aria-valuetext',d.name);\r\n    s.style.setProperty('--dd-tag',d.tag);\r\n    if(first){apply(d);return}\r\n    if(navigator.vibrate) try{navigator.vibrate(8)}catch(e){}\r\n    copy.classList.add('is-out'); card.classList.add('is-flip');\r\n    setTimeout(function(){apply(d);copy.classList.remove('is-out');card.classList.remove('is-flip')},380);\r\n  }\r\n  function apply(d){\r\n    s.querySelector('.al-dd__stars').textContent=d.stars;\r\n    s.querySelector('.al-dd__name').textContent=d.name;\r\n    s.querySelector('.al-dd__title').textContent=d.title;\r\n    s.querySelector('.al-dd__desc').textContent=d.desc;\r\n    s.querySelector('.al-dd__who').textContent=d.who;\r\n    s.querySelector('.al-dd__btn-txt').textContent=d.btn;\r\n    btn.href=PAGES[d.key];\r\n    s.querySelector('.al-dd__tag').innerHTML='<i>'+d.stars+'<\/i>'+d.name+' k\u00e9rd\u00e9ssor';\r\n    s.querySelector('.al-dd__stop').textContent=d.stop+'. \u00e1llom\u00e1s \u00b7 feloldva';\r\n    s.querySelector('.al-dd__q').textContent=d.q;\r\n  }\r\n  function render(v){ \/* v: 0..2 *\/\r\n    val=v; var c=colourAt(v);\r\n    s.style.setProperty('--dd-bg','rgb('+c.join(',')+')');\r\n    s.style.setProperty('--dd-bgsolid','rgb('+c.join(',')+')');\r\n    s.style.setProperty('--dd-glow',(.55-v*.2).toFixed(2));\r\n    s.classList.toggle('is-dark',v>.55);\r\n    thumb.style.transform='translateX('+(v*100)+'%)';\r\n    setLevel(Math.round(v));\r\n  }\r\n  function glideTo(target){\r\n    cancelAnimationFrame(anim);\r\n    var from=val, t0=performance.now(), dur=420;\r\n    (function step(now){\r\n      var t=Math.min(1,(now-t0)\/dur), e=1-Math.pow(1-t,3);\r\n      render(from+(target-from)*e); if(t<1) anim=requestAnimationFrame(step);\r\n    })(t0);\r\n  }\r\n\r\n  \/* drag anywhere on the pill (works with finger, mouse and pen \u2013 iOS friendly) *\/\r\n  var dragging=false, startX=0, moved=false;\r\n  function vFromX(x){\r\n    var r=seg.getBoundingClientRect(), w=(r.width-10)\/3;\r\n    return Math.max(0,Math.min(2,(x-r.left-5-w\/2)\/w));\r\n  }\r\n  seg.addEventListener('pointerdown',function(e){\r\n    s.classList.remove('is-hint'); cancelAnimationFrame(anim);\r\n    dragging=true; moved=false; startX=e.clientX; seg.classList.add('is-drag');\r\n    try{seg.setPointerCapture(e.pointerId)}catch(_){}\r\n  });\r\n  seg.addEventListener('pointermove',function(e){\r\n    if(!dragging) return;\r\n    if(Math.abs(e.clientX-startX)>4) moved=true;\r\n    if(moved) render(vFromX(e.clientX));\r\n  });\r\n  function end(e){\r\n    if(!dragging) return; dragging=false; seg.classList.remove('is-drag');\r\n    glideTo(moved?Math.round(val):Math.round(vFromX(e.clientX)));   \/* tap = jump, drag = snap *\/\r\n  }\r\n  seg.addEventListener('pointerup',end); seg.addEventListener('pointercancel',end);\r\n  seg.addEventListener('keydown',function(e){\r\n    if(e.key==='ArrowRight'||e.key==='ArrowUp'){e.preventDefault();glideTo(Math.min(2,cur+1))}\r\n    if(e.key==='ArrowLeft'||e.key==='ArrowDown'){e.preventDefault();glideTo(Math.max(0,cur-1))}\r\n  });\r\n\r\n  \/* button \u2192 the chosen level's own page *\/\r\n  btn.addEventListener('click',function(){btn.href=PAGES[L[cur].key]});\r\n\r\n  render(0);\r\n  \/* small nudge the first time the dial comes into view, so people know it moves *\/\r\n  if('IntersectionObserver' in window){\r\n    var io=new IntersectionObserver(function(es){es.forEach(function(e){if(e.isIntersecting){s.classList.add('is-hint');io.disconnect()}})},{threshold:.6});\r\n    io.observe(seg);\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-f83dc24 e-con e-atomic-element e-flexbox-base e-default-div e-171292f \" data-id=\"f83dc24\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"f83dc24\">\n    \t\t<div class=\"elementor-element elementor-element-2c20574 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"2c20574\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\r\n     ALONG \u2013 \"Nektek val\u00f3 az Along?\" swipe quiz (HU)\r\n     Replaces the \"Yes, if\u2026 \/ Probably not, if\u2026\" lists and the\r\n     \"Worried your partner won't be into it?\" box.\r\n     Elementor: full-width section, NO background image, no padding,\r\n     ONE \"HTML\" widget, paste everything below.\r\n     \u25ba Photo: change the link in --fit-photo below.\r\n     ============================================================ -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Anton&family=Poppins:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"al-fit\" lang=\"hu\" style=\"--fit-photo:url('https:\/\/along.hu\/wp-content\/uploads\/2026\/06\/Top-Attractions-in-Budapest-Hungary-to-add-to-your-Itinerary-scaled-1.webp')\">\r\n  <div class=\"al-fit__bg\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"al-fit__inner\">\r\n    <span class=\"al-fit__eyebrow\">30 m\u00e1sodperces teszt<\/span>\r\n    <h2 class=\"al-fit__title\">Nektek val\u00f3 az Along?<\/h2>\r\n    <p class=\"al-fit__sub\">H\u00fazd jobbra, ha r\u00e1d illik, balra, ha nem. Vagy csak koppints.<\/p>\r\n\r\n    <div class=\"al-fit__progress\" aria-hidden=\"true\"><\/div>\r\n\r\n    <div class=\"al-fit__deck\" aria-live=\"polite\"><\/div>\r\n\r\n    <div class=\"al-fit__actions\">\r\n      <button class=\"al-fit__act al-fit__act--no\" aria-label=\"Nem \u00e9n\"><svg viewBox=\"0 0 24 24\"><path d=\"M6 6l12 12M18 6L6 18\"\/><\/svg><span>Nem \u00e9n<\/span><\/button>\r\n      <button class=\"al-fit__act al-fit__act--yes\" aria-label=\"Ez \u00e9n vagyok\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 20.5s-7.5-4.6-7.5-10.2A4.3 4.3 0 0 1 12 7.6a4.3 4.3 0 0 1 7.5 2.7c0 5.6-7.5 10.2-7.5 10.2z\"\/><\/svg><span>Ez \u00e9n vagyok<\/span><\/button>\r\n    <\/div>\r\n\r\n    <!-- result (filled in by the script) -->\r\n    <div class=\"al-fit__result\" hidden>\r\n      <div class=\"al-fit__score\"><\/div>\r\n      <h3 class=\"al-fit__r-title\"><\/h3>\r\n      <p class=\"al-fit__r-text\"><\/p>\r\n      <div class=\"al-fit__r-cta\">\r\n        <a class=\"al-fit__btn\" href=\"https:\/\/along.hu\/walks\/\"><\/a>\r\n        <button class=\"al-fit__again\">\u00dajrakezdem<\/button>\r\n      <\/div>\r\n\r\n      <div class=\"al-fit__faq\">\r\n        <div class=\"al-fit__bubble al-fit__bubble--in\">F\u00e9lsz, hogy a p\u00e1rod nem lesz oda \u00e9rte?<\/div>\r\n        <div class=\"al-fit__bubble al-fit__bubble--out\">Az \u00e1llom\u00e1sok felkutat\u00e1s\u00e1b\u00f3l egy kis j\u00e1t\u00e9k lesz, \u00e9s ut\u00e1na mindenki err\u0151l mes\u00e9l a legt\u00f6bbet. M\u00e9g a szkeptikusok is versenyezni kezdenek a harmadik \u00e1llom\u00e1sn\u00e1l. \ud83d\ude09<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.al-fit{\r\n  --fit-rose:#d58a94; --fit-ink:#1c1c1e;\r\n  position:relative;overflow:hidden;padding:110px 24px 100px;background:#1c1c1e;color:#fff;text-align:center;\r\n  font-family:'Poppins',sans-serif!important;\r\n}\r\n.al-fit *,.al-fit *::before,.al-fit *::after{box-sizing:border-box}\r\n.al-fit__bg{position:absolute;inset:-4%;background:var(--fit-photo) center\/cover no-repeat;filter:saturate(.95);\r\n  animation:fit-zoom 30s ease-in-out infinite alternate}\r\n@keyframes fit-zoom{from{transform:scale(1)}to{transform:scale(1.07)}}\r\n.al-fit__bg::after{content:\"\";position:absolute;inset:0;background:\r\n  radial-gradient(ellipse 55% 60% at 50% 55%,rgba(18,18,20,.55) 0%,rgba(18,18,20,.82) 100%),\r\n  linear-gradient(180deg,rgba(18,18,20,.55) 0%,rgba(18,18,20,.2) 40%,rgba(18,18,20,.92) 100%)}\r\n.al-fit__inner{position:relative;z-index:1;max-width:560px;margin:0 auto}\r\n\r\n.al-fit__eyebrow{display:inline-block;font-size:12px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;padding:6px 14px;border-radius:999px;\r\n  background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);margin-bottom:18px}\r\n.al-fit__title{font-family:'Anton',sans-serif!important;font-weight:400;font-size:clamp(40px,5.4vw,66px);line-height:1.05;margin:0 0 10px;color:#fff}\r\n.al-fit__sub{font-size:15px;color:rgba(255,255,255,.75);margin:0 0 30px}\r\n\r\n\/* progress (iOS story-style bars) *\/\r\n.al-fit__progress{display:flex;gap:6px;max-width:360px;margin:0 auto 22px}\r\n.al-fit__progress i{flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.22);overflow:hidden;position:relative}\r\n.al-fit__progress i::after{content:\"\";position:absolute;inset:0;background:#fff;transform:scaleX(0);transform-origin:left;transition:transform .45s ease}\r\n.al-fit__progress i.is-done::after{transform:scaleX(1)}\r\n\r\n\/* deck *\/\r\n.al-fit__deck{position:relative;height:300px;max-width:420px;margin:0 auto;perspective:1000px}\r\n.al-fit__card{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:34px 30px;border-radius:32px;\r\n  background:#fff;color:var(--fit-ink);text-align:left;box-shadow:0 30px 60px -28px rgba(0,0,0,.65);\r\n  touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:grab;will-change:transform;\r\n  transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .4s ease}\r\n.al-fit__card.is-drag{transition:none;cursor:grabbing}\r\n.al-fit__card.is-back{transform:translateY(16px) scale(.94);opacity:.55;pointer-events:none}\r\n.al-fit__card.is-back2{transform:translateY(30px) scale(.88);opacity:.25;pointer-events:none}\r\n.al-fit__card small{font-size:11.5px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:#8e8e93;margin-bottom:14px}\r\n.al-fit__card p{font-family:'Anton',sans-serif!important;font-size:clamp(26px,2.9vw,33px);line-height:1.18;margin:0}\r\n.al-fit__stamp{position:absolute;top:24px;padding:5px 12px;border-radius:10px;font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;opacity:0;transition:opacity .15s}\r\n.al-fit__stamp--yes{right:22px;color:var(--fit-rose);border:2px solid var(--fit-rose);transform:rotate(8deg)}\r\n.al-fit__stamp--no{left:22px;color:#8e8e93;border:2px solid #8e8e93;transform:rotate(-8deg)}\r\n\r\n\/* action buttons *\/\r\n.al-fit__actions{display:flex;justify-content:center;gap:22px;margin-top:30px}\r\n.al-fit__act{appearance:none;display:flex;flex-direction:column;align-items:center;gap:8px;background:transparent!important;border:none!important;box-shadow:none!important;\r\n  cursor:pointer;color:#fff!important;font:500 12.5px 'Poppins',sans-serif;-webkit-tap-highlight-color:transparent;outline:none;padding:0}\r\n.al-fit__act svg{width:62px;height:62px;padding:19px;border-radius:50%;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;\r\n  background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);\r\n  transition:transform .25s cubic-bezier(.2,.8,.2,1),background .25s}\r\n.al-fit__act--no svg{stroke:#fff}\r\n.al-fit__act--yes svg{stroke:#fff;fill:var(--fit-rose);background:rgba(213,138,148,.28);border-color:rgba(213,138,148,.6)}\r\n.al-fit__act:hover svg{transform:scale(1.08)}\r\n.al-fit__act:active svg{transform:scale(.92)}\r\n.al-fit__act:focus-visible svg{box-shadow:0 0 0 3px rgba(255,255,255,.6)}\r\n\r\n\/* result *\/\r\n.al-fit__result{animation:fit-in .7s cubic-bezier(.16,1,.3,1)}\r\n@keyframes fit-in{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:none}}\r\n.al-fit__score{display:inline-flex;gap:6px;margin-bottom:16px}\r\n.al-fit__score i{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:13px;\r\n  background:rgba(255,255,255,.14)}\r\n.al-fit__score i.is-hit{background:var(--fit-rose)}\r\n.al-fit__r-title{font-family:'Anton',sans-serif!important;font-weight:400;font-size:clamp(34px,4.4vw,52px);line-height:1.08;margin:0 0 12px;color:#fff}\r\n.al-fit__r-text{font-size:16px;line-height:1.6;color:rgba(255,255,255,.82);margin:0 auto 26px;max-width:460px}\r\n.al-fit__r-cta{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:46px}\r\n.al-fit__btn{display:inline-flex;align-items:center;gap:10px;padding:15px 32px;border-radius:999px;background:var(--fit-rose);color:#fff!important;\r\n  font-weight:600;font-size:15px;text-decoration:none!important;transition:transform .3s,background .3s,box-shadow .3s}\r\n.al-fit__btn:hover{transform:translateY(-2px);background:#c97c87;box-shadow:0 14px 30px -12px rgba(213,138,148,.8)}\r\n.al-fit__again{appearance:none;background:transparent!important;border:none!important;box-shadow:none!important;color:rgba(255,255,255,.65)!important;\r\n  font:500 13.5px 'Poppins',sans-serif;cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:4px}\r\n\r\n\/* objection as an iMessage exchange *\/\r\n.al-fit__faq{display:flex;flex-direction:column;gap:8px;text-align:left;max-width:440px;margin:0 auto}\r\n.al-fit__bubble{max-width:82%;padding:10px 15px;border-radius:20px;font-size:14.5px;line-height:1.45;\r\n  font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text','Poppins',sans-serif;opacity:0;animation:fit-in .6s cubic-bezier(.16,1,.3,1) forwards}\r\n.al-fit__bubble--in{align-self:flex-start;background:rgba(255,255,255,.16);border-bottom-left-radius:6px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation-delay:.6s}\r\n.al-fit__bubble--out{align-self:flex-end;background:var(--fit-rose);border-bottom-right-radius:6px;animation-delay:1.5s}\r\n\r\n@media (max-width:600px){\r\n  .al-fit{padding:80px 16px 70px}\r\n  .al-fit__deck{height:290px}\r\n  .al-fit__card{padding:28px 24px}\r\n  .al-fit__card p{font-size:25px}\r\n}\r\n@media (prefers-reduced-motion:reduce){\r\n  .al-fit *{transition:none!important;animation:none!important}\r\n  .al-fit__bubble{opacity:1}\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  var s=document.querySelector('.al-fit'); if(!s) return;\r\n\r\n  \/* ===== EDIT HERE =====\r\n     good: true  \u2192 \"Ez \u00e9n vagyok\" counts as a match\r\n     good: false \u2192 \"Nem \u00e9n\" counts as a match            *\/\r\n  var CARDS=[\r\n   \r\n{good:true,  text:\"Az els\u0151 randin t\u00f6bbre v\u00e1gysz, mint egy k\u00e1v\u00e9ra \u00e9s a szok\u00e1sos k\u00e9rd\u00e9sekre.\"},\r\n{good:false, text:\"Ink\u00e1bb bulizn\u00e1tok, mint hogy nyugodtan besz\u00e9lgessetek.\"},\r\n{good:true,  text:\"Kezd unalmass\u00e1 v\u00e1lni, hogy mindig ugyan\u00fagy telik a randi.\"},\r\n{good:false, text:\"Jobban szereted, a spont\u00e1n programokat.\"},\r\n{good:true,  text:\"Szeretn\u00e9d t\u00e9nyleg megismerni a m\u00e1sikat\"},\r\n{good:true,  text:\"Szereted, amikor egy randi ut\u00e1n m\u00e9g \u00f3r\u00e1kig van mir\u0151l besz\u00e9lgetni.\"}\r\n\r\n  ];\r\n  var RESULTS={\r\n    high:{title:'Az Alongot nektek tal\u00e1lt\u00e1k ki.', text:\"T\u00f6bbet szeretn\u00e9tek egy kis cseveg\u00e9sn\u00e9l \u00e9s egy foglalt asztaln\u00e1l. 25 \u00e1llom\u00e1s, 25 k\u00e9rd\u00e9s, egy \u00f3ra, amire t\u00e9nyleg eml\u00e9kezni fogtok.\", btn:'V\u00e1lassz\u00e1tok ki a s\u00e9t\u00e1tokat', url:'https:\/\/along.hu\/walks\/'},\r\n    mid: {title:'Ez igennek hangzik. Majdnem.',   text:\"M\u00e9g nem vagytok biztos benne? Pr\u00f3b\u00e1lj\u00e1tok ki el\u0151bb a Sparkot: 10 \u00e1llom\u00e1s, nagyj\u00e1b\u00f3l 30 perc, ugyanaz a j\u00e1t\u00e9k. Ha tetszik, akkor ideje belev\u00e1gni a teljes \u00e9lm\u00e9nybe!.\", btn:'Kipr\u00f3b\u00e1lom a Sparkot', url:'https:\/\/along.hu\/walks\/'},\r\n    low: {title:'Tal\u00e1n m\u00e9g nem\u2026',                 text:\"Az Along azoknak sz\u00f3l, akik szeretn\u00e9nek lelassulni \u00e9s elmer\u00fclni egym\u00e1s gondolataiban. Ha ez egyszer j\u00f3l hangzik, itt lesz\u00fcnk. Az\u00e9rt k\u00edv\u00e1ncsi vagy? Egy Spark csak 30 perc.\", btn:'Megn\u00e9zem a Sparkot', url:'https:\/\/along.hu\/walks\/'}\r\n  };\r\n  var COUNT_LABEL=function(i,n){return i+' \/ '+n};\r\n  var STAMP_YES='Ez \u00e9n vagyok', STAMP_NO='Nem \u00e9n';\r\n  \/* ===================== *\/\r\n\r\n  var deck=s.querySelector('.al-fit__deck'), prog=s.querySelector('.al-fit__progress'),\r\n      actions=s.querySelector('.al-fit__actions'), result=s.querySelector('.al-fit__result');\r\n  var idx=0, hits=[], busy=false;\r\n\r\n  prog.innerHTML=CARDS.map(function(){return '<i><\/i>'}).join('');\r\n  var bars=[].slice.call(prog.children);\r\n\r\n  function makeCard(i){\r\n    var c=document.createElement('div'); c.className='al-fit__card';\r\n    c.innerHTML='<span class=\"al-fit__stamp al-fit__stamp--yes\">'+STAMP_YES+'<\/span><span class=\"al-fit__stamp al-fit__stamp--no\">'+STAMP_NO+'<\/span>'+\r\n      '<small>'+COUNT_LABEL(i+1,CARDS.length)+'<\/small><p>'+CARDS[i].text+'<\/p>';\r\n    return c;\r\n  }\r\n  function build(){\r\n    deck.innerHTML='';\r\n    for(var k=Math.min(CARDS.length-1,idx+2);k>=idx;k--){\r\n      var c=makeCard(k); if(k===idx+1) c.classList.add('is-back'); if(k===idx+2) c.classList.add('is-back2');\r\n      deck.appendChild(c);\r\n    }\r\n    var top=deck.lastChild; if(top) bindDrag(top);\r\n  }\r\n  function answer(yes){\r\n    if(busy||idx>=CARDS.length) return; busy=true;\r\n    var top=deck.lastChild, dir=yes?1:-1;\r\n    top.style.transform='translateX('+(dir*140)+'%) rotate('+(dir*18)+'deg)'; top.style.opacity='0';\r\n    hits.push(CARDS[idx].good===yes);\r\n    bars[idx].classList.add('is-done');\r\n    if(navigator.vibrate) try{navigator.vibrate(8)}catch(e){}\r\n    setTimeout(function(){\r\n      idx++; busy=false;\r\n      if(idx>=CARDS.length){finish()}else{build()}\r\n    },380);\r\n  }\r\n  function finish(){\r\n    deck.style.display='none'; actions.style.display='none'; prog.style.display='none';\r\n    var n=hits.filter(Boolean).length, r=n>=5?RESULTS.high:(n>=3?RESULTS.mid:RESULTS.low);\r\n    result.querySelector('.al-fit__score').innerHTML=hits.map(function(h){return '<i class=\"'+(h?'is-hit':'')+'\">'+(h?'\u2665':'\u00b7')+'<\/i>'}).join('');\r\n    result.querySelector('.al-fit__r-title').textContent=r.title;\r\n    result.querySelector('.al-fit__r-text').textContent=r.text;\r\n    var b=result.querySelector('.al-fit__btn'); b.innerHTML=r.btn+' <span aria-hidden=\"true\">&rarr;<\/span>'; b.href=r.url;\r\n    result.hidden=false;\r\n  }\r\n  function restart(){\r\n    idx=0; hits=[]; bars.forEach(function(b){b.classList.remove('is-done')});\r\n    result.hidden=true; deck.style.display=''; actions.style.display=''; prog.style.display=''; build();\r\n  }\r\n\r\n  \/* swipe with finger or mouse *\/\r\n  function bindDrag(c){\r\n    var x0=null, dx=0, yes=c.querySelector('.al-fit__stamp--yes'), no=c.querySelector('.al-fit__stamp--no');\r\n    c.addEventListener('pointerdown',function(e){x0=e.clientX;dx=0;c.classList.add('is-drag');try{c.setPointerCapture(e.pointerId)}catch(_){}});\r\n    c.addEventListener('pointermove',function(e){\r\n      if(x0===null) return; dx=e.clientX-x0;\r\n      c.style.transform='translateX('+dx+'px) rotate('+(dx\/18)+'deg)';\r\n      yes.style.opacity=Math.max(0,Math.min(1,dx\/90)); no.style.opacity=Math.max(0,Math.min(1,-dx\/90));\r\n    });\r\n    function up(){\r\n      if(x0===null) return; x0=null; c.classList.remove('is-drag');\r\n      if(Math.abs(dx)>90){answer(dx>0)} else {c.style.transform='';yes.style.opacity=0;no.style.opacity=0}\r\n    }\r\n    c.addEventListener('pointerup',up); c.addEventListener('pointercancel',up);\r\n  }\r\n\r\n  s.querySelector('.al-fit__act--yes').addEventListener('click',function(){answer(true)});\r\n  s.querySelector('.al-fit__act--no').addEventListener('click',function(){answer(false)});\r\n  s.querySelector('.al-fit__again').addEventListener('click',restart);\r\n  document.addEventListener('keydown',function(e){\r\n    var r=s.getBoundingClientRect(); if(r.top>innerHeight||r.bottom<0||idx>=CARDS.length) return;\r\n    if(e.key==='ArrowRight') answer(true); if(e.key==='ArrowLeft') answer(false);\r\n  });\r\n  build();\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-dc89e03 e-con e-atomic-element e-flexbox-base e-default-div e-0c2e9af \" data-id=\"dc89e03\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"dc89e03\">\n    \t\t<div class=\"elementor-element elementor-element-781c02a elementor-widget elementor-widget-html\" data-id=\"781c02a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\r\n     ALONG \u2013 \"V\u00e1laszd ki a s\u00e9t\u00e1t\" szekci\u00f3 \u2013 MAGYAR VERZI\u00d3 (Light \/ Bond \/ Deep)\r\n     \u25ba A Routon linkek a MAGYAR term\u00e9kekre mutatnak.\r\n     Elementor: full-width section, background #f4f4f4, no padding,\r\n     ONE \"HTML\" widget, paste everything below.\r\n     Links + photos live in the WALKS list at the bottom of the code.\r\n     ============================================================ -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Anton&family=Poppins:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"al-wk\" data-level=\"light\" lang=\"hu\">\r\n  <div class=\"al-wk__inner\">\r\n\r\n    <div class=\"al-wk__head\">\r\n      <div class=\"al-wk__copy\">\r\n        <h2 class=\"al-wk__title\"><span class=\"al-wk__t1\">Els\u0151 randi?<\/span><br><span class=\"al-wk__t2\">Itt kezden\u00e9nk.<\/span><\/h2>\r\n        <p class=\"al-wk__sub\">K\u00f6nnyed k\u00e9rd\u00e9sek. Gy\u00f6ny\u00f6r\u0171 helyek. Nulla nyom\u00e1s.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"al-wk__tabs\" role=\"tablist\" aria-label=\"V\u00e1laszd ki a m\u00e9lys\u00e9get\">\r\n        <span class=\"al-wk__glider\" aria-hidden=\"true\"><\/span>\r\n        <button class=\"al-wk__tab is-active\" data-level=\"light\" role=\"tab\" aria-selected=\"true\"><b>\u2726 Light<\/b><span>Els\u0151 randik<\/span><\/button>\r\n        <button class=\"al-wk__tab\" data-level=\"bond\" role=\"tab\" aria-selected=\"false\"><b>\u2726\u2726 Bond<\/b><span>Egy ideje egy\u00fctt<\/span><\/button>\r\n        <button class=\"al-wk__tab\" data-level=\"deep\" role=\"tab\" aria-selected=\"false\"><b>\u2726\u2726\u2726 Deep<\/b><span>\u00c9vek \u00f3ta egy\u00fctt<\/span><\/button>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"al-wk__rail-wrap\">\r\n      <button class=\"al-wk__arrow al-wk__prev\" aria-label=\"El\u0151z\u0151\"><svg viewBox=\"0 0 24 24\"><path d=\"M14.5 6l-6 6 6 6\"\/><\/svg><\/button>\r\n      <button class=\"al-wk__arrow al-wk__next\" aria-label=\"K\u00f6vetkez\u0151\"><svg viewBox=\"0 0 24 24\"><path d=\"M9.5 6l6 6-6 6\"\/><\/svg><\/button>\r\n      <div class=\"al-wk__rail\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"al-wk__foot\">\r\n      <span class=\"al-wk__note\">Nem tudj\u00e1tok eld\u00f6nteni? Kezdj\u00e9tek a Lighttal. Legk\u00f6zelebb j\u00f6het a k\u00f6vetkez\u0151 szint.<\/span>\r\n      <a class=\"al-wk__more\" href=\"https:\/\/along.hu\/walks\/\">\u00d6sszes s\u00e9ta \u00e9s csomag <span aria-hidden=\"true\">&rarr;<\/span><\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.al-wk{\r\n  --wk-rose:#d58a94; --wk-ink:#1c1c1e; --wk-text:#4a4a4e; --wk-muted:#8e8e93; --wk-line:#e2e2e4;\r\n  --wk-light:#d9b3b8; --wk-bond:#c98f98; --wk-deep:#a86a74;\r\n  background:#f4f4f4;padding:100px 0 90px;font-family:'Poppins',sans-serif!important;color:var(--wk-text);overflow:hidden;\r\n}\r\n.al-wk *,.al-wk *::before,.al-wk *::after{box-sizing:border-box}\r\n.al-wk__inner{max-width:1168px;margin:0 auto;padding:0 24px}\r\n\r\n\/* ---------- head ---------- *\/\r\n.al-wk__head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap;margin-bottom:40px}\r\n.al-wk__title{font-family:'Anton',sans-serif!important;font-weight:400;font-size:clamp(36px,4.4vw,56px);line-height:1.08;margin:0 0 14px;color:var(--wk-ink)}\r\n.al-wk__t2{color:var(--wk-rose)}\r\n.al-wk__sub{font-size:15.5px;margin:0;color:var(--wk-text)}\r\n.al-wk__copy{transition:opacity .35s ease,transform .45s cubic-bezier(.16,1,.3,1)}\r\n.al-wk__copy.is-out{opacity:0;transform:translateY(-10px)}\r\n\r\n\/* segmented level switch *\/\r\n.al-wk__tabs{position:relative;display:grid;grid-template-columns:repeat(3,1fr);padding:5px;border-radius:16px;background:#fff;border:1px solid var(--wk-line);\r\n  box-shadow:0 10px 30px -18px rgba(0,0,0,.25);min-width:420px}\r\n.al-wk__glider{position:absolute;top:5px;bottom:5px;left:5px;width:calc((100% - 10px)\/3);border-radius:12px;background:var(--wk-ink);\r\n  transition:transform .55s cubic-bezier(.65,0,.35,1)}\r\n.al-wk[data-level=\"bond\"] .al-wk__glider{transform:translateX(100%)}\r\n.al-wk[data-level=\"deep\"] .al-wk__glider{transform:translateX(200%)}\r\n.al-wk__tab{position:relative;z-index:1;appearance:none;border:none;background:transparent;cursor:pointer;padding:10px 12px;border-radius:12px;text-align:center;\r\n  font-family:'Poppins',sans-serif;color:var(--wk-ink);transition:color .4s}\r\n.al-wk__tab b{display:block;font-size:14px;font-weight:600}\r\n.al-wk__tab span{display:block;font-size:11.5px;color:var(--wk-muted);transition:color .4s}\r\n.al-wk__tab.is-active{color:#fff}\r\n.al-wk__tab.is-active span{color:rgba(255,255,255,.65)}\r\n\r\n\/* ---------- rail ---------- *\/\r\n.al-wk__rail-wrap{position:relative;margin:0 -24px}\r\n.al-wk__rail{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:24px;scroll-behavior:smooth;padding:8px 24px 18px;scrollbar-width:none}\r\n.al-wk__rail::-webkit-scrollbar{display:none}\r\n.al-wk__card{flex:0 0 calc((100% - 32px)\/3);scroll-snap-align:start;display:flex;flex-direction:column;background:#fff;border-radius:20px;overflow:hidden;\r\n  border:1px solid var(--wk-line);text-decoration:none!important;color:inherit!important;\r\n  transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s,opacity .4s}\r\n.al-wk__card:hover{transform:translateY(-6px);box-shadow:0 26px 40px -26px rgba(0,0,0,.35)}\r\n.al-wk__rail.is-out .al-wk__card{opacity:0;transform:translateY(14px)}\r\n.al-wk__photo{position:relative;aspect-ratio:4\/3;overflow:hidden;background:#2a2a2d}\r\n.al-wk__photo::before{content:\"\";position:absolute;inset:0;background:var(--img) var(--pos,50% 50%)\/cover no-repeat;transition:transform 1.2s cubic-bezier(.16,1,.3,1)}\r\n.al-wk__photo::after{content:\"\";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,14,16,0) 50%,rgba(14,14,16,.55) 100%)}\r\n.al-wk__card:hover .al-wk__photo::before{transform:scale(1.06)}\r\n.al-wk__tag{position:absolute;z-index:1;left:14px;bottom:14px;display:inline-flex;align-items:center;gap:7px;\r\n  font-size:12px;font-weight:600;letter-spacing:.3px;padding:6px 13px 6px 10px;border-radius:999px;color:#fff;\r\n  background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,.1));\r\n  border:1px solid rgba(255,255,255,.4);backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);\r\n  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 6px 18px -8px rgba(0,0,0,.5)}\r\n.al-wk__tag i{font-style:normal;color:#fff}\r\n.al-wk__body{display:flex;flex-direction:column;flex:1;padding:22px 22px 24px}\r\n.al-wk__name{font-family:'Anton',sans-serif!important;font-weight:400;font-size:26px;line-height:1.1;margin:0;color:var(--wk-ink)}\r\n.al-wk__city{font-size:12.5px;color:var(--wk-muted);margin:2px 0 12px}\r\n.al-wk__desc{font-size:14.5px;line-height:1.6;margin:0 0 16px;flex:1}\r\n.al-wk__meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}\r\n.al-wk__meta span{font-size:12px;font-weight:500;padding:5px 10px;border-radius:999px;background:#f2f2f3;color:var(--wk-text)}\r\n.al-wk__btn{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:10px;background:var(--wk-rose);color:#fff;\r\n  font-weight:600;font-size:14px;transition:background .3s,gap .3s}\r\n.al-wk__card:hover .al-wk__btn{background:#c97c87;gap:12px}\r\n\r\n\/* arrows \u2013 dark glass, same as Spark *\/\r\n.al-wk__arrow{position:absolute;z-index:3;top:120px;width:46px;height:46px;border-radius:50%;cursor:pointer;padding:0;appearance:none;\r\n  display:flex;align-items:center;justify-content:center;background:rgba(20,20,22,.55);border:1px solid rgba(255,255,255,.28);\r\n  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 24px -8px rgba(0,0,0,.6);transition:opacity .35s,transform .35s,background .3s}\r\n.al-wk__arrow svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}\r\n.al-wk__arrow:hover{background:var(--wk-rose);transform:scale(1.06)}\r\n.al-wk__prev{left:36px}.al-wk__next{right:36px}\r\n.al-wk__arrow:disabled{opacity:0;pointer-events:none}\r\n\r\n\/* ---------- foot ---------- *\/\r\n.al-wk__foot{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:18px}\r\n.al-wk__note{font-size:13.5px;color:var(--wk-muted)}\r\n.al-wk__more{font-size:14px;font-weight:500;color:var(--wk-ink)!important;text-decoration:none;border-bottom:1px solid #cfcfd2;padding-bottom:2px;transition:border-color .3s}\r\n.al-wk__more:hover{border-color:var(--wk-rose)}\r\n\r\n\/* ---------- responsive ---------- *\/\r\n@media (max-width:1000px){\r\n  .al-wk__card{flex-basis:calc((100% - 16px)\/2.2)}\r\n  .al-wk__tabs{min-width:0;width:100%}\r\n}\r\n@media (max-width:600px){\r\n  .al-wk{padding:70px 0 60px}\r\n  .al-wk__inner{padding:0 16px}\r\n  .al-wk__rail-wrap{margin:0 -16px}\r\n  .al-wk__rail{padding:8px 16px 18px;gap:12px;scroll-padding-left:16px}\r\n  .al-wk__card{flex-basis:80%}\r\n  .al-wk__arrow{display:none}\r\n  .al-wk__head{margin-bottom:28px}\r\n  .al-wk__tab{padding:9px 6px}\r\n  .al-wk__tab b{font-size:13px}\r\n}\r\n@media (prefers-reduced-motion:reduce){.al-wk *{transition:none!important}}\r\n \r\n\/* override theme (Elementor) button colours \u2013 no magenta on click\/hover *\/\r\n.al-wk button,.al-wk button:hover,.al-wk button:focus,.al-wk button:active{-webkit-tap-highlight-color:transparent;outline:none;box-shadow:none;text-decoration:none}\r\n.al-wk .al-wk__tab,.al-wk .al-wk__tab:hover,.al-wk .al-wk__tab:focus,.al-wk .al-wk__tab:active{background:transparent!important;border:none!important;color:var(--wk-ink)!important}\r\n.al-wk .al-wk__tab.is-active,.al-wk .al-wk__tab.is-active:hover,.al-wk .al-wk__tab.is-active:focus,.al-wk .al-wk__tab.is-active:active{color:#fff!important}\r\n.al-wk .al-wk__tab:not(.is-active):hover span{color:var(--wk-rose)}\r\n.al-wk .al-wk__tab:focus-visible{box-shadow:0 0 0 2px var(--wk-rose)!important}\r\n.al-wk .al-wk__arrow:focus,.al-wk .al-wk__arrow:active{background:rgba(20,20,22,.55)!important;border-color:rgba(255,255,255,.28)!important}\r\n.al-wk .al-wk__arrow:hover{background:var(--wk-rose)!important}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  var s=document.querySelector('.al-wk'); if(!s) return;\r\n\r\n  \/* ===== ITT SZERKESZTHET\u0150: s\u00e9t\u00e1k, fot\u00f3k \u00e9s Routon linkek  ===== *\/\r\n  var WALKS=[\r\n    \r\n{name:'Belv\u00e1ros', city:'Budapest', desc:'Ha szeretitek, hogy mindig t\u00f6rt\u00e9nik valami k\u00f6r\u00fcl\u00f6ttetek. S\u00e9t\u00e1ljatok a belv\u00e1ros utc\u00e1in, kanyarodjatok le, amerre kedvetek tartja, \u00e9s k\u00f6zben ismerj\u00e9tek meg egym\u00e1st egy kicsit jobban.',\r\n     img:'https:\/\/along.hu\/wp-content\/uploads\/2026\/04\/Budapesti-seta.webp', pos:'50% 40%',\r\n     light:'https:\/\/shop.routon-system.com\/event\/951', bond:'https:\/\/shop.routon-system.com\/event\/954', deep:'https:\/\/shop.routon-system.com\/event\/963'},\r\n\r\n{name:'Margitsziget', city:'Budapest', desc:'Egy kis z\u00f6ld, egy kis Duna, \u00e9s v\u00e9gre nem kell sehov\u00e1 sietni. J\u00f3 v\u00e1laszt\u00e1s, ha ink\u00e1bb s\u00e9t\u00e1ln\u00e1tok egy nagyot, \u00e9s hagyn\u00e1tok, hogy a besz\u00e9lget\u00e9s vigyen tov\u00e1bb.',\r\n     img:'https:\/\/along.hu\/wp-content\/uploads\/2026\/04\/Couple-walking-in-Budapest.webp', pos:'50% 50%',\r\n     light:'https:\/\/shop.routon-system.com\/event\/812', bond:'https:\/\/shop.routon-system.com\/event\/813', deep:'https:\/\/shop.routon-system.com\/event\/810'},\r\n\r\n{name:'V\u00e1rosliget', city:'Budapest', desc:'T\u00f3part, Vajdahunyad v\u00e1ra \u00e9s hossz\u00fa s\u00e9t\u00e1nyok. Ha j\u00f3l esne egy kicsit kiszakadni a belv\u00e1ros forgatag\u00e1b\u00f3l, itt k\u00e9nyelmesen egym\u00e1sra hangol\u00f3dhattok.',\r\n     img:'https:\/\/along.hu\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-2026.-jun.-11.-14_54_27.png', pos:'15% 50%',\r\n     light:'https:\/\/shop.routon-system.com\/event\/998', bond:'https:\/\/shop.routon-system.com\/event\/999', deep:'https:\/\/shop.routon-system.com\/event\/816'},\r\n\r\n{name:'Budai V\u00e1rnegyed', city:'Budapest', desc:'Hangulatos utc\u00e1k, eldugott udvarok \u00e9s gy\u00f6ny\u00f6r\u0171 kil\u00e1t\u00e1s. Ide\u00e1lis, ha egy kicsit romantikusabb k\u00f6rnyezetre v\u00e1gytok, ahol j\u00f3lesik lelass\u00edtani \u00e9s elmer\u00fclni a besz\u00e9lget\u00e9sben.',\r\n     img:'https:\/\/along.hu\/wp-content\/uploads\/2026\/06\/f38e1a14-67e4-4d30-84d7-9d3ce104b541.png', pos:'60% 50%',\r\n     light:'https:\/\/shop.routon-system.com\/event\/817', bond:'https:\/\/shop.routon-system.com\/event\/818', deep:'https:\/\/shop.routon-system.com\/event\/819'},\r\n\r\n{name:'Normafa', city:'Budapest', desc:'Ha ink\u00e1bb a term\u00e9szetben t\u00f6lt\u0151dn\u00e9tek fel, ir\u00e1ny a Normafa. Erd\u0151s \u00f6sv\u00e9nyek, friss leveg\u0151 \u00e9s panor\u00e1ma \u2013 t\u00f6k\u00e9letes egy hosszabb s\u00e9t\u00e1hoz, t\u00e1vol a v\u00e1ros zaj\u00e1t\u00f3l.',\r\n     img:'https:\/\/along.hu\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-2026.-jun.-11.-14_52_32.png', pos:'20% 50%',\r\n     light:'https:\/\/shop.routon-system.com\/event\/826', bond:'https:\/\/shop.routon-system.com\/event\/827', deep:'https:\/\/shop.routon-system.com\/event\/828'},\r\n\r\n{name:'Tagore s\u00e9t\u00e1ny', city:'Balatonf\u00fcred', desc:'Balatoni panor\u00e1ma, plat\u00e1nf\u00e1k \u00e9s egy kellemes s\u00e9ta a v\u00edz mellett. Ha j\u00f3l esne kiszakadni a h\u00e9tk\u00f6znapokb\u00f3l, itt nyugodtan egym\u00e1sra figyelhettek.',\r\n     img:'https:\/\/along.hu\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-2026.-jun.-11.-14_50_13.png', pos:'28% 50%',\r\n     light:'https:\/\/shop.routon-system.com\/event\/781', bond:'https:\/\/shop.routon-system.com\/event\/782', deep:'https:\/\/shop.routon-system.com\/event\/783'}\r\n\r\n  ];\r\n  var LEVELS={\r\n   \r\nlight: {\r\n  t1: 'M\u00e9g ismerkedtek?',\r\n  t2: 'Induljon a besz\u00e9lget\u00e9s!',\r\n  sub: 'K\u00f6nnyed k\u00e9rd\u00e9sek, meglep\u0151 v\u00e1laszok, egy eml\u00e9kezetes els\u0151 randi.',\r\n  tag: '<i>\u2726<\/i> Light'\r\n},\r\n\r\nbond: {\r\n  t1: 'M\u00e1r j\u00f3l ismeritek egym\u00e1st?',\r\n  t2: 'Van m\u00e9g mit felfedezni.',\r\n  sub: '\u00daj k\u00e9rd\u00e9sek, k\u00f6z\u00f6s eml\u00e9kek, \u00faj oldalak egym\u00e1sb\u00f3l.',\r\n  tag: '<i>\u2726\u2726<\/i> Bond'\r\n},\r\n\r\ndeep: {\r\n  t1: '\u00c9vek \u00f3ta egy\u00fctt?',\r\n  t2: 'Menjetek m\u00e9lyebbre.',\r\n  sub: '\u0150szinte k\u00e9rd\u00e9sek, fontos t\u00e9m\u00e1k, val\u00f3di egym\u00e1sra figyel\u00e9s.',\r\n  tag: '<i>\u2726\u2726\u2726<\/i> Deep'\r\n}\r\n\r\n  };\r\n  \/* ===================================================== *\/\r\n\r\n  var rail=s.querySelector('.al-wk__rail'), copy=s.querySelector('.al-wk__copy'),\r\n      t1=s.querySelector('.al-wk__t1'), t2=s.querySelector('.al-wk__t2'), sub=s.querySelector('.al-wk__sub'),\r\n      tabs=[].slice.call(s.querySelectorAll('.al-wk__tab')), prev=s.querySelector('.al-wk__prev'), next=s.querySelector('.al-wk__next');\r\n\r\n  \/* build cards once *\/\r\n  rail.innerHTML=WALKS.map(function(w){\r\n    return '<a class=\"al-wk__card\" target=\"_blank\" rel=\"noopener\" href=\"'+w.light+'\">'+\r\n      '<div class=\"al-wk__photo\" style=\"--img:url(\\''+w.img+'\\');--pos:'+w.pos+'\"><span class=\"al-wk__tag\">'+LEVELS.light.tag+'<\/span><\/div>'+\r\n      '<div class=\"al-wk__body\"><h3 class=\"al-wk__name\">'+w.name+'<\/h3><div class=\"al-wk__city\">'+w.city+'<\/div>'+\r\n      '<p class=\"al-wk__desc\">'+w.desc+'<\/p>'+\r\n      '<div class=\"al-wk__meta\"><span>25 \u00e1llom\u00e1s<\/span><span>60\u201390 perc<\/span><span>3 \u00f3r\u00e1s id\u0151s\u00e1v<\/span><\/div>'+\r\n      '<span class=\"al-wk__btn\">Indulhat a s\u00e9ta <b aria-hidden=\"true\">&rarr;<\/b><\/span><\/div><\/a>';\r\n  }).join('');\r\n  var cards=[].slice.call(rail.querySelectorAll('.al-wk__card'));\r\n\r\n  function setLevel(lv){\r\n    if(s.getAttribute('data-level')===lv) return;\r\n    s.setAttribute('data-level',lv);\r\n    tabs.forEach(function(t){var on=t.getAttribute('data-level')===lv;t.classList.toggle('is-active',on);t.setAttribute('aria-selected',on)});\r\n    copy.classList.add('is-out'); rail.classList.add('is-out');\r\n    setTimeout(function(){\r\n      var L=LEVELS[lv]; t1.textContent=L.t1; t2.textContent=L.t2; sub.textContent=L.sub;\r\n      cards.forEach(function(c,i){c.href=WALKS[i][lv]; c.querySelector('.al-wk__tag').innerHTML=L.tag});\r\n      copy.classList.remove('is-out'); rail.classList.remove('is-out');\r\n    },380);\r\n  }\r\n  tabs.forEach(function(t){t.addEventListener('click',function(){setLevel(t.getAttribute('data-level'))})});\r\n\r\n  \/* arrows *\/\r\n  function step(){return cards[0]?cards[0].getBoundingClientRect().width+16:300}\r\n  function upd(){var ph=cards[0]?cards[0].querySelector('.al-wk__photo').offsetHeight:200; prev.style.top=next.style.top=(8+ph\/2-23)+'px';\r\n    var max=rail.scrollWidth-rail.clientWidth;prev.disabled=rail.scrollLeft<5;next.disabled=rail.scrollLeft>max-5}\r\n  prev.addEventListener('click',function(){rail.scrollBy({left:-step(),behavior:'smooth'})});\r\n  next.addEventListener('click',function(){rail.scrollBy({left:step(),behavior:'smooth'})});\r\n  rail.addEventListener('scroll',function(){requestAnimationFrame(upd)},{passive:true});\r\n  window.addEventListener('resize',upd); upd();\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-d1ff1fd e-con e-atomic-element e-flexbox-base e-default-div e-e5c0d3c \" data-id=\"d1ff1fd\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d1ff1fd\">\n    \t\t<div class=\"elementor-element elementor-element-f59150f elementor-widget elementor-widget-html\" data-id=\"f59150f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\r\n     ALONG \u2013 \u201eKezdj\u00e9tek egy Sparkkal\u201d szekci\u00f3 \u2013 MAGYAR VERZI\u00d3\r\n     Elementor: full-width section, background #1c1c1e, no padding,\r\n     ONE \"HTML\" widget, paste everything below.\r\n     \u25ba Photos: replace each IMAGE-\u2026 link with the photo link from your\r\n       Media Library (click photo \u2192 \"Copy URL to clipboard\").\r\n     ============================================================ -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Anton&family=Poppins:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"al-sp\" lang=\"hu\">\r\n  <div class=\"al-sp__inner\">\r\n\r\n    <div class=\"al-sp__head\">\r\n      <div>\r\n        <span class=\"al-sp__eyebrow\"><i class=\"al-sp__flash\">\u2726<\/i> Spark<\/span>\r\n        <h2 class=\"al-sp__title\">Csak kipr\u00f3b\u00e1ln\u00e1tok?<br><span>Kezdj\u00e9tek a Sparkkal.<\/span><\/h2>\r\n      <\/div>\r\n      <div class=\"al-sp__side\">\r\n        <p class=\"al-sp__lead\">Egy r\u00f6vid randi, p\u00e1r j\u00f3 k\u00e9rd\u00e9s, egy kis s\u00e9ta kettesben. Ha csak egy \u00f3r\u00e1tok van egym\u00e1sra, abb\u00f3l is kihozhattok valami j\u00f3t.<\/p>\r\n        <div class=\"al-sp__stats\">\r\n          <div><i><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 21s-6.5-5.8-6.5-11a6.5 6.5 0 0 1 13 0c0 5.2-6.5 11-6.5 11z\"\/><circle cx=\"12\" cy=\"10\" r=\"2.3\"\/><\/svg><\/i><b>10<\/b><span>GPS-pont<\/span><\/div>\r\n          <div><i><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"8.5\"\/><path d=\"M12 7.5V12l3 2\"\/><\/svg><\/i><b>~30<\/b><span>perc<\/span><\/div>\r\n          <div><i><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M7 3.5h10M7 20.5h10M8 3.5c0 4.5 8 5 8 8.5s-8 4-8 8.5M16 3.5c0 4.5-8 5-8 8.5s8 4 8 8.5\"\/><\/svg><\/i><b>1 \u00f3ra<\/b><span>id\u0151keret<\/span><\/div>\r\n          <div class=\"is-price\"><i><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M3.5 12.5V4.5a1 1 0 0 1 1-1h8l8 8-9 9z\"\/><circle cx=\"8.5\" cy=\"8.5\" r=\"1.4\"\/><\/svg><\/i><b>5 990 Ft<\/b><span>p\u00e1ronk\u00e9nt<\/span><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"al-sp__rail-wrap\">\r\n      <button class=\"al-sp__arrow al-sp__prev\" aria-label=\"El\u0151z\u0151\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M14.5 6l-6 6 6 6\"\/><\/svg><\/button>\r\n      <button class=\"al-sp__arrow al-sp__next\" aria-label=\"K\u00f6vetkez\u0151\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M9.5 6l6 6-6 6\"\/><\/svg><\/button>\r\n      <div class=\"al-sp__rail\" tabindex=\"0\" aria-label=\"Spark s\u00e9t\u00e1k\">\r\n\r\n        <a class=\"al-sp__card\" href=\"https:\/\/shop.routon-system.com\/event\/800\" target=\"_blank\" rel=\"noopener\" style=\"--img:url('https:\/\/along.hu\/wp-content\/uploads\/2026\/04\/Couple-walking-in-Budapest.webp');--pos:50% 50%\">\r\n          <span class=\"al-sp__pill\">Spark<\/span>\r\n          <div class=\"al-sp__info\"><h3>Margitsziget<\/h3><span>Budapest<\/span><em>Indulhat a Spark <b>&rarr;<\/b><\/em><\/div>\r\n        <\/a>\r\n        <a class=\"al-sp__card\" href=\"https:\/\/shop.routon-system.com\/event\/898\" target=\"_blank\" rel=\"noopener\" style=\"--img:url('https:\/\/along.hu\/wp-content\/uploads\/2026\/04\/Budapesti-seta.webp');--pos:50% 40%\">\r\n          <span class=\"al-sp__pill\">Spark<\/span>\r\n          <div class=\"al-sp__info\"><h3>Belv\u00e1ros<\/h3><span>Budapest<\/span><em>Indulhat a Spark <b>&rarr;<\/b><\/em><\/div>\r\n        <\/a>\r\n        <a class=\"al-sp__card\" href=\"https:\/\/shop.routon-system.com\/event\/900\" target=\"_blank\" rel=\"noopener\" style=\"--img:url('https:\/\/along.hu\/wp-content\/uploads\/2026\/06\/f38e1a14-67e4-4d30-84d7-9d3ce104b541.png');--pos:60% 50%\">\r\n          <span class=\"al-sp__pill\">Spark<\/span>\r\n          <div class=\"al-sp__info\"><h3>Budai V\u00e1rnegyed<\/h3><span>Budapest<\/span><em>Indulhat a Spark <b>&rarr;<\/b><\/em><\/div>\r\n        <\/a>\r\n        <a class=\"al-sp__card\" href=\"https:\/\/shop.routon-system.com\/event\/901\" target=\"_blank\" rel=\"noopener\" style=\"--img:url('https:\/\/along.hu\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-2026.-jun.-11.-14_54_27.png');--pos:12% 50%\">\r\n          <span class=\"al-sp__pill\">Spark<\/span>\r\n          <div class=\"al-sp__info\"><h3>V\u00e1rosliget<\/h3><span>Budapest<\/span><em>Indulhat a Spark <b>&rarr;<\/b><\/em><\/div>\r\n        <\/a>\r\n        <a class=\"al-sp__card\" href=\"https:\/\/shop.routon-system.com\/event\/803\" target=\"_blank\" rel=\"noopener\" style=\"--img:url('https:\/\/along.hu\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-2026.-jun.-11.-14_52_32.png');--pos:18% 50%\">\r\n          <span class=\"al-sp__pill\">Spark<\/span>\r\n          <div class=\"al-sp__info\"><h3>Normafa<\/h3><span>Budapest<\/span><em>Indulhat a Spark <b>&rarr;<\/b><\/em><\/div>\r\n        <\/a>\r\n        <a class=\"al-sp__card\" href=\"https:\/\/shop.routon-system.com\/event\/972\" target=\"_blank\" rel=\"noopener\" style=\"--img:url('https:\/\/along.hu\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-2026.-jun.-11.-14_50_13.png');--pos:28% 50%\">\r\n          <span class=\"al-sp__pill\">Spark<\/span>\r\n          <div class=\"al-sp__info\"><h3>Tagore s\u00e9t\u00e1ny<\/h3><span>Balatonf\u00fcred<\/span><em>Indulhat a Spark <b>&rarr;<\/b><\/em><\/div>\r\n        <\/a>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"al-sp__foot\">\r\n      <a class=\"al-sp__all\" href=\"https:\/\/along.hu\/walks\/\">Vagy j\u00f6het a teljes s\u00e9ta <span aria-hidden=\"true\">&rarr;<\/span><\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.al-sp{\r\n  --sp-rose:#d58a94; --sp-bg:#1c1c1e;\r\n  background:var(--sp-bg);color:#fff;padding:90px 0 80px;overflow:hidden;\r\n  font-family:'Poppins',sans-serif!important;\r\n}\r\n.al-sp *,.al-sp *::before,.al-sp *::after{box-sizing:border-box}\r\n.al-sp__inner{max-width:1168px;margin:0 auto;padding:0 24px}\r\n\r\n\/* ---------- head ---------- *\/\r\n.al-sp__head{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end;margin-bottom:44px}\r\n.al-sp__eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,.6);margin-bottom:14px}\r\n.al-sp__flash{font-style:normal;color:var(--sp-rose);animation:sp-twinkle 2.6s ease-in-out infinite}\r\n@keyframes sp-twinkle{0%,100%{opacity:.4;transform:scale(.85) rotate(0)}50%{opacity:1;transform:scale(1.15) rotate(20deg)}}\r\n.al-sp__title{font-family:'Anton',sans-serif!important;font-weight:400;font-size:clamp(36px,4.4vw,56px);line-height:1.08;margin:0;color:#fff}\r\n.al-sp__title span{color:var(--sp-rose)}\r\n.al-sp__lead{font-size:15px;line-height:1.6;color:rgba(255,255,255,.75);margin:0 0 20px;max-width:460px}\r\n\r\n\/* stats: four icon tiles *\/\r\n.al-sp__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:500px}\r\n.al-sp__stats div{position:relative;padding:16px 12px 14px;border-radius:16px;text-align:left;\r\n  background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.12);\r\n  transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .35s}\r\n.al-sp__stats div:hover{transform:translateY(-3px);border-color:rgba(213,138,148,.6)}\r\n.al-sp__stats i{display:flex;width:30px;height:30px;border-radius:9px;align-items:center;justify-content:center;margin-bottom:12px;background:rgba(213,138,148,.16)}\r\n.al-sp__stats svg{width:17px;height:17px;fill:none;stroke:var(--sp-rose);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}\r\n.al-sp__stats b{display:block;font-family:'Anton',sans-serif!important;font-weight:400;font-size:28px;line-height:1;color:#fff;margin-bottom:5px}\r\n.al-sp__stats span{display:block;font-size:12px;font-weight:500;color:rgba(255,255,255,.7)}\r\n.al-sp__stats .is-price{background:linear-gradient(160deg,rgba(213,138,148,.35),rgba(213,138,148,.12));border-color:rgba(213,138,148,.5)}\r\n.al-sp__stats .is-price i{background:rgba(255,255,255,.15)}\r\n.al-sp__stats .is-price svg{stroke:#fff}\r\n.al-sp__stats .is-price b{font-size:23px;white-space:nowrap}\r\n\r\n\/* ---------- card rail ---------- *\/\r\n.al-sp__rail-wrap{margin:0 -24px}\r\n.al-sp__rail{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:24px;scroll-behavior:smooth;\r\n  padding:6px 24px 10px;scrollbar-width:none;-ms-overflow-style:none;outline:none}\r\n.al-sp__rail::-webkit-scrollbar{display:none}\r\n.al-sp__card{position:relative;flex:0 0 calc((100% - 32px)\/3);aspect-ratio:3\/4;border-radius:20px;overflow:hidden;\r\n  scroll-snap-align:start;text-decoration:none!important;color:#fff!important;isolation:isolate;\r\n  background:#2a2a2d;transform:translateZ(0)}\r\n.al-sp__card::before{ \/* photo *\/\r\n  content:\"\";position:absolute;inset:0;z-index:-2;background:var(--img) var(--pos,50% 50%)\/cover no-repeat,linear-gradient(160deg,#3a3236,#1f1f22);\r\n  transition:transform 1.2s cubic-bezier(.16,1,.3,1)}\r\n.al-sp__card::after{ \/* fade for text *\/\r\n  content:\"\";position:absolute;inset:0;z-index:-1;background:\r\n    linear-gradient(180deg,rgba(14,14,16,.45) 0%,rgba(14,14,16,0) 22%,rgba(14,14,16,0) 38%,rgba(14,14,16,.55) 60%,rgba(14,14,16,.93) 88%,rgba(14,14,16,.97) 100%)}\r\n.al-sp__card:hover::before{transform:scale(1.07)}\r\n.al-sp__pill{position:absolute;top:16px;left:16px;font-size:11.5px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;\r\n  padding:6px 12px;border-radius:999px;background:rgba(14,14,16,.6);border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}\r\n.al-sp__info{position:absolute;left:18px;right:18px;bottom:18px}\r\n.al-sp__info h3{font-family:'Anton',sans-serif!important;font-weight:400;font-size:26px;line-height:1.1;margin:0 0 2px;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.45)}\r\n.al-sp__info span{display:block;font-size:13px;color:rgba(255,255,255,.85);margin-bottom:14px}\r\n.al-sp__info em{display:inline-flex;align-items:center;gap:8px;font-style:normal;font-size:13.5px;font-weight:600;\r\n  padding:9px 16px;border-radius:9px;background:var(--sp-rose);transition:background .3s,gap .3s}\r\n.al-sp__card:hover .al-sp__info em{background:#c97c87;gap:12px}\r\n\r\n\/* ---------- footer ---------- *\/\r\n.al-sp__foot{display:flex;justify-content:flex-end;margin-top:22px}\r\n.al-sp__rail-wrap{position:relative}\r\n.al-sp__arrow{position:absolute;z-index:3;top:50%;width:46px;height:46px;margin-top:-23px;border-radius:50%;cursor:pointer;padding:0;\r\n  appearance:none;display:flex;align-items:center;justify-content:center;\r\n  background:rgba(20,20,22,.55);border:1px solid rgba(255,255,255,.28);\r\n  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);\r\n  box-shadow:0 8px 24px -8px rgba(0,0,0,.6);transition:opacity .35s,transform .35s,background .3s,border-color .3s}\r\n.al-sp__arrow svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}\r\n.al-sp__arrow:hover{background:var(--sp-rose);border-color:var(--sp-rose);transform:scale(1.06)}\r\n.al-sp__prev{left:36px}\r\n.al-sp__next{right:36px}\r\n.al-sp__arrow:disabled{opacity:0;pointer-events:none;transform:scale(.8)}\r\n.al-sp__all{font-size:14px;font-weight:500;color:#fff!important;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:2px;transition:border-color .3s}\r\n.al-sp__all:hover{border-color:var(--sp-rose)}\r\n\r\n\/* ---------- responsive ---------- *\/\r\n@media (max-width:1000px){\r\n  .al-sp__head{grid-template-columns:1fr;gap:22px;align-items:start}\r\n  .al-sp__card{flex-basis:calc((100% - 32px)\/2.6)}\r\n}\r\n@media (max-width:600px){\r\n  .al-sp{padding:64px 0 56px}\r\n  .al-sp__inner{padding:0 16px}\r\n  .al-sp__rail-wrap{margin:0 -16px}\r\n  .al-sp__rail{padding:6px 16px 10px;gap:12px;scroll-padding-left:16px}\r\n  .al-sp__card{flex-basis:72%}\r\n  .al-sp__arrow{display:none}\r\n  .al-sp__foot{justify-content:flex-start}\r\n  .al-sp__stats{grid-template-columns:repeat(2,1fr)}\r\n  .al-sp__stats b{font-size:26px}\r\n}\r\n@media (prefers-reduced-motion:reduce){\r\n  .al-sp__flash{animation:none}\r\n  .al-sp__rail{scroll-behavior:auto}\r\n}\r\n \r\n\/* override theme (Elementor) button colours *\/\r\n.al-sp button,.al-sp button:focus,.al-sp button:active{-webkit-tap-highlight-color:transparent;outline:none}\r\n.al-sp .al-sp__arrow:focus,.al-sp .al-sp__arrow:active{background:rgba(20,20,22,.55)!important;border-color:rgba(255,255,255,.28)!important}\r\n.al-sp .al-sp__arrow:hover{background:var(--sp-rose)!important;border-color:var(--sp-rose)!important}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  var s=document.querySelector('.al-sp'); if(!s) return;\r\n  var rail=s.querySelector('.al-sp__rail'), prev=s.querySelector('.al-sp__prev'), next=s.querySelector('.al-sp__next'),\r\n      cards=rail.querySelectorAll('.al-sp__card');\r\n  function step(){var c=cards[0];return c?c.getBoundingClientRect().width+16:300}\r\n  function update(){\r\n    var max=rail.scrollWidth-rail.clientWidth;\r\n    prev.disabled=rail.scrollLeft<5; next.disabled=rail.scrollLeft>max-5;\r\n  }\r\n  prev.addEventListener('click',function(){rail.scrollBy({left:-step(),behavior:'smooth'})});\r\n  next.addEventListener('click',function(){rail.scrollBy({left:step(),behavior:'smooth'})});\r\n  rail.addEventListener('scroll',function(){requestAnimationFrame(update)},{passive:true});\r\n  window.addEventListener('resize',update);\r\n\r\n  \/* gentle auto-glide: moves one card every 4s, pauses on hover\/touch, stops after first interaction *\/\r\n  var auto=null, touched=false, reduce=window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n  function tick(){\r\n    var max=rail.scrollWidth-rail.clientWidth;\r\n    if(rail.scrollLeft>=max-5) rail.scrollTo({left:0,behavior:'smooth'}); else rail.scrollBy({left:step(),behavior:'smooth'});\r\n  }\r\n  function start(){if(reduce||touched) return; clearInterval(auto); auto=setInterval(tick,4000)}\r\n  function pause(){clearInterval(auto)}\r\n  rail.addEventListener('mouseenter',pause); rail.addEventListener('mouseleave',start);\r\n  ['touchstart','wheel'].forEach(function(ev){rail.addEventListener(ev,function(){touched=true;pause()},{passive:true})});\r\n  [prev,next].forEach(function(b){b.addEventListener('click',function(){touched=true;pause()})});\r\n  if('IntersectionObserver' in window){\r\n    new IntersectionObserver(function(es){es.forEach(function(e){e.isIntersecting?start():pause()})},{threshold:.4}).observe(s);\r\n  }\r\n  update();\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-f6a1d4b e-con e-atomic-element e-flexbox-base e-default-div e-85a5d7a \" data-id=\"f6a1d4b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"f6a1d4b\">\n    \t\t<div class=\"elementor-element elementor-element-37bd914 elementor-widget elementor-widget-html\" data-id=\"37bd914\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\r\n     ALONG \u2013 \u201eS\u00e9t\u00e1t \u00e9p\u00edt\u00fcnk hozz\u00e1\u201d szekci\u00f3 \u2013 MAGYAR VERZI\u00d3\r\n     Elementor: full-width section, NO background image, no padding,\r\n     ONE \"HTML\" widget, paste everything below.\r\n     \u25ba Put your photo's link in --story-photo below\r\n       (Media Library \u2192 click the photo \u2192 \"Copy URL to clipboard\").\r\n     ============================================================ -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Anton&family=Poppins:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"al-st\" lang=\"hu\" style=\"--story-photo:url('https:\/\/along.hu\/wp-content\/uploads\/2026\/04\/Budapesti-seta.webp')\">\r\n  <div class=\"al-st__bg\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"al-st__shade\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"al-st__inner\">\r\n    <span class=\"al-st__eyebrow\">A ti pillanatotokra szabva<\/span>\r\n\r\n    <h2 class=\"al-st__title\">\r\n      \r\n<h2 class=\"al-st__title\"><span class=\"al-st__word-wrap\"><span class=\"al-st__word\">L\u00e1nyk\u00e9r\u00e9s?<\/span><\/span><br>Seg\u00edt\u00fcnk k\u00fcl\u00f6nlegess\u00e9 tenni.<\/h2>\r\n\r\n<p class=\"al-st__line\">Olyan s\u00e9t\u00e1t \u00e1ll\u00edtunk \u00f6ssze nektek, ami a k\u00f6z\u00f6s t\u00f6rt\u00e9netetekr\u0151l sz\u00f3l. Fontos helysz\u00ednek, k\u00f6z\u00f6s eml\u00e9kek \u00e9s szem\u00e9lyes k\u00e9rd\u00e9sek vezetnek v\u00e9gig rajta, eg\u00e9szen addig a pillanatig, amit igaz\u00e1n eml\u00e9kezetess\u00e9 szeretn\u00e9tek tenni.<\/p>\r\n\r\n<div class=\"al-st__chips\" role=\"tablist\" aria-label=\"Alkalmak\">\r\n  <button class=\"al-st__chip\" data-word=\"L\u00e1nyk\u00e9r\u00e9s?\" data-line=\"Egy szem\u00e9lyre szabott s\u00e9ta a k\u00f6z\u00f6s t\u00f6rt\u00e9netetek fontos helysz\u00ednein, ami elvezet a l\u00e1nyk\u00e9r\u00e9s pillanat\u00e1ig.\">L\u00e1nyk\u00e9r\u00e9s<\/button>\r\n  <button class=\"al-st__chip\" data-word=\"Eljegyz\u00e9s?\" data-line=\"\u00dcnnepelj\u00e9tek az eljegyz\u00e9st egy s\u00e9t\u00e1val a sz\u00e1motokra fontos helyeken, k\u00f6z\u00f6s eml\u00e9kekkel \u00e9s szem\u00e9lyes k\u00e9rd\u00e9sekkel.\">Eljegyz\u00e9s<\/button>\r\n  <button class=\"al-st__chip\" data-word=\"\u00c9vfordul\u00f3?\" data-line=\"J\u00e1rj\u00e1tok v\u00e9gig \u00fajra a kapcsolatotok fontos \u00e1llom\u00e1sait, \u00e9s id\u00e9zz\u00e9tek fel a legszebb k\u00f6z\u00f6s eml\u00e9keiteket.\">\u00c9vfordul\u00f3<\/button>\r\n  <button class=\"al-st__chip\" data-word=\"Sz\u00fclet\u00e9snap?\" data-line=\"Lepd meg egy szem\u00e9lyre szabott s\u00e9t\u00e1val, amely a kedvenc helyein \u00e9s a hozz\u00e1 k\u00f6t\u0151d\u0151 eml\u00e9keken vezet v\u00e9gig.\">Sz\u00fclet\u00e9snap<\/button>\r\n  <button class=\"al-st__chip\" data-word=\"Esk\u00fcv\u0151?\" data-line=\"Szervezzetek szem\u00e9lyes s\u00e9t\u00e1t kett\u0151t\u00f6knek, vagy k\u00e9sz\u00edts\u00fcnk egyedi \u00e9lm\u00e9nyt az esk\u00fcv\u0151i vend\u00e9geknek.\">Esk\u00fcv\u0151<\/button>\r\n  <button class=\"al-st__chip\" data-word=\"Csak \u00fagy?\" data-line=\"Nem kell k\u00fcl\u00f6nleges alkalom ahhoz, hogy meglepd a m\u00e1sikat. Egy s\u00e9ta a kedvenc helyeiteken, n\u00e9h\u00e1ny szem\u00e9lyes k\u00e9rd\u00e9ssel \u00e9s k\u00f6z\u00f6s eml\u00e9kkel.\">Csak \u00fagy<\/button>\r\n<\/div>\r\n\r\n<div class=\"al-st__cta\">\r\n  <a class=\"al-st__btn\" href=\"https:\/\/along.hu\/contact\/\">Tal\u00e1ljuk ki egy\u00fctt <span aria-hidden=\"true\">&rarr;<\/span><\/a>\r\n  <span class=\"al-st__reply\"><i><\/i>12 \u00f3r\u00e1n bel\u00fcl v\u00e1laszolunk<\/span>\r\n<\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.al-st{\r\n  --st-rose:#d58a94; --st-white:#fff;\r\n  position:relative;overflow:hidden;min-height:680px;display:flex;align-items:flex-end;\r\n  padding:120px 24px 90px;background:#1c1c1e;color:var(--st-white);\r\n  font-family:'Poppins',sans-serif!important;\r\n}\r\n.al-st *,.al-st *::before,.al-st *::after{box-sizing:border-box}\r\n\r\n\/* photo with a very slow zoom *\/\r\n.al-st__bg{position:absolute;inset:0;background:var(--story-photo) center 30%\/cover no-repeat;\r\n  animation:st-zoom 28s ease-in-out infinite alternate;will-change:transform}\r\n@keyframes st-zoom{from{transform:scale(1)}to{transform:scale(1.08)}}\r\n\/* dark only where the text is \u2013 faces stay visible *\/\r\n.al-st__shade{position:absolute;inset:0;\r\n  background:\r\n    linear-gradient(90deg,rgba(18,18,20,.88) 0%,rgba(18,18,20,.7) 35%,rgba(18,18,20,.25) 65%,rgba(18,18,20,.1) 100%),\r\n    linear-gradient(0deg,rgba(18,18,20,.85) 0%,rgba(18,18,20,.35) 45%,rgba(18,18,20,0) 75%),\r\n    rgba(18,18,20,.28)}\r\n\r\n.al-st__inner{position:relative;z-index:2;width:100%;max-width:1120px;margin:0 auto}\r\n.al-st__eyebrow{display:block;font-size:14px;letter-spacing:.6px;text-transform:uppercase;color:rgba(255,255,255,.7);margin-bottom:16px}\r\n.al-st__title{font-family:'Anton',sans-serif!important;font-weight:400;font-size:clamp(40px,5.6vw,72px);line-height:1.08;margin:0 0 20px;color:#fff}\r\n\r\n\/* rotating word *\/\r\n.al-st__word-wrap{display:inline-block;vertical-align:bottom;overflow:hidden;padding-bottom:.06em}\r\n.al-st__word{display:inline-block;color:var(--st-rose);transition:transform .55s cubic-bezier(.65,0,.35,1),opacity .55s ease}\r\n.al-st__word.is-out{transform:translateY(-100%);opacity:0}\r\n.al-st__word.is-in-start{transform:translateY(100%);opacity:0;transition:none}\r\n\r\n.al-st__line{font-size:clamp(15px,1.4vw,17px);line-height:1.6;max-width:560px;margin:0 0 30px;color:rgba(255,255,255,.88);\r\n  min-height:3.2em;transition:opacity .45s ease,transform .45s ease}\r\n.al-st__line.is-out{opacity:0;transform:translateY(6px)}\r\n\r\n\/* chips *\/\r\n.al-st__chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:40px}\r\n.al-st__chip{appearance:none;cursor:pointer;font:500 13.5px\/1 'Poppins',sans-serif;color:#fff;\r\n  padding:10px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.06);\r\n  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);position:relative;overflow:hidden;\r\n  transition:background .35s,color .35s,border-color .35s}\r\n.al-st__chip:hover{border-color:#fff}\r\n.al-st__chip.is-active{background:#fff;color:#1c1c1e;border-color:#fff}\r\n\/* tiny progress bar inside the active chip while it auto-plays *\/\r\n.al-st__chip::after{content:\"\";position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--st-rose);transform:scaleX(0);transform-origin:left}\r\n.al-st.is-playing .al-st__chip.is-active::after{animation:st-progress var(--st-step,4.5s) linear forwards}\r\n@keyframes st-progress{to{transform:scaleX(1)}}\r\n\r\n\/* CTA *\/\r\n.al-st__cta{display:flex;align-items:center;gap:22px;flex-wrap:wrap}\r\n.al-st__btn{display:inline-flex;align-items:center;gap:10px;padding:15px 30px;border-radius:10px;background:var(--st-rose);color:#fff!important;\r\n  font-weight:600;font-size:15px;text-decoration:none;transition:transform .3s,box-shadow .3s,background .3s}\r\n.al-st__btn:hover{transform:translateY(-2px);background:#c97c87;box-shadow:0 14px 30px -12px rgba(213,138,148,.7)}\r\n.al-st__btn span{transition:transform .3s}\r\n.al-st__btn:hover span{transform:translateX(4px)}\r\n.al-st__reply{display:inline-flex;align-items:center;gap:9px;font-size:13.5px;color:rgba(255,255,255,.75)}\r\n.al-st__reply i{width:8px;height:8px;border-radius:50%;background:#7fd19b;box-shadow:0 0 0 0 rgba(127,209,155,.6);animation:st-pulse 2.4s ease-out infinite}\r\n@keyframes st-pulse{0%{box-shadow:0 0 0 0 rgba(127,209,155,.55)}70%,100%{box-shadow:0 0 0 9px rgba(127,209,155,0)}}\r\n\r\n@media (max-width:760px){\r\n  .al-st{min-height:640px;padding:90px 16px 60px}\r\n  .al-st__shade{background:linear-gradient(0deg,rgba(18,18,20,.95) 0%,rgba(18,18,20,.78) 50%,rgba(18,18,20,.35) 100%)}\r\n  .al-st__chip{font-size:12.5px;padding:9px 13px}\r\n}\r\n@media (prefers-reduced-motion:reduce){\r\n  .al-st__bg,.al-st__reply i{animation:none}\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  var s=document.querySelector('.al-st'); if(!s) return;\r\n  var chips=[].slice.call(s.querySelectorAll('.al-st__chip')),\r\n      word=s.querySelector('.al-st__word'), line=s.querySelector('.al-st__line');\r\n  var STEP=4500, idx=-1, timer=null, playing=true;\r\n  s.style.setProperty('--st-step',STEP+'ms');\r\n\r\n  function show(i){\r\n    if(i===idx) return; idx=i;\r\n    chips.forEach(function(c,k){c.classList.toggle('is-active',k===i);c.setAttribute('aria-selected',k===i)});\r\n    var c=chips[i];\r\n    \/* word slides up and out, new one slides up and in *\/\r\n    word.classList.add('is-out');\r\n    line.classList.add('is-out');\r\n    setTimeout(function(){\r\n      word.textContent=c.getAttribute('data-word');\r\n      word.classList.remove('is-out'); word.classList.add('is-in-start');\r\n      void word.offsetWidth; word.classList.remove('is-in-start');\r\n      line.textContent=c.getAttribute('data-line'); line.classList.remove('is-out');\r\n    },450);\r\n  }\r\n  function next(){show((idx+1)%chips.length)}\r\n  function play(){clearInterval(timer);playing=true;s.classList.add('is-playing');timer=setInterval(next,STEP)}\r\n  function stop(){clearInterval(timer);playing=false;s.classList.remove('is-playing')}\r\n\r\n  chips.forEach(function(c,k){\r\n    c.addEventListener('click',function(){stop();show(k)});\r\n    c.addEventListener('mouseenter',function(){stop();show(k)});\r\n  });\r\n  s.querySelector('.al-st__chips').addEventListener('mouseleave',play);\r\n\r\n  \/* start when the section is on screen *\/\r\n  if('IntersectionObserver' in window){\r\n    var io=new IntersectionObserver(function(es){es.forEach(function(e){\r\n      if(e.isIntersecting){ if(idx<0){show(0)} play(); } else { stop(); }\r\n    })},{threshold:.35});\r\n    io.observe(s);\r\n  } else { show(0); play(); }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-d365cbc e-con e-atomic-element e-flexbox-base e-default-div e-4c57ce4 \" data-id=\"d365cbc\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d365cbc\">\n    \t\t<div class=\"elementor-element elementor-element-b962729 elementor-widget elementor-widget-html\" data-id=\"b962729\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\r\n     ALONG \u2013 Aj\u00e1nd\u00e9k szekci\u00f3 \u2013 MAGYAR VERZI\u00d3\r\n     Elementor: full-width section, background #f4f4f4, no padding,\r\n     ONE \"HTML\" widget, paste everything below.\r\n     ============================================================ -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Anton&family=Poppins:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"al-gf\" lang=\"hu\">\r\n  <div class=\"al-gf__grid\">\r\n\r\n    <!-- LEFT: the pitch -->\r\n    <div class=\"al-gf__text\">\r\n      <span class=\"al-gf__eyebrow\">Along aj\u00e1nd\u00e9kba<\/span>\r\n      <h2 class=\"al-gf__title\">Ez csak egy k\u00f3d.<br><span>Amit kinyit, az nem.<\/span><\/h2>\r\n      <p class=\"al-gf__lead\">Nincs doboz, nincs csomagol\u00e1s, nincs sz\u00e1ll\u00edt\u00e1s. Csak egy aj\u00e1nd\u00e9kk\u00f3d, amit e-mailben kapsz meg, \u00e9s tov\u00e1bbadhatsz digit\u00e1lisan vagy nyomtathat\u00f3 utalv\u00e1ny form\u00e1j\u00e1ban. Aj\u00e1nd\u00e9kozd meg a p\u00e1rod vagy valakit, aki igaz\u00e1n meg\u00e9rdemel egy k\u00f6z\u00f6s \u00e9lm\u00e9nyt!<\/p>\r\n\r\n      <div class=\"al-gf__for\">\r\n        <span class=\"al-gf__for-label\">T\u00f6k\u00e9letes<\/span>\r\n        <span class=\"al-gf__chip\">Sz\u00fclet\u00e9snapra<\/span><span class=\"al-gf__chip\">\u00c9vfordul\u00f3ra<\/span><span class=\"al-gf__chip\">Kar\u00e1csonyra<\/span><span class=\"al-gf__chip\">Valentin-napra<\/span><span class=\"al-gf__chip\">A sz\u00fcl\u0151k randij\u00e1ra<\/span><span class=\"al-gf__chip\">Csak \u00fagy<\/span>\r\n      <\/div>\r\n\r\n      <ul class=\"al-gf__facts\">\r\n        <li><b>Percek alatt meg\u00e9rkezik<\/b><span>Akkor is, ha az utols\u00f3 pillanatban jut eszedbe.<\/span><\/li>\r\n        <li><b>\u0150k v\u00e1lasztj\u00e1k ki a napot<\/b><span>B\u00e1rmikor bev\u00e1lthat\u00f3.<\/span><\/li>\r\n        <li><b>Nyomtathat\u00f3 utalv\u00e1ny<\/b><span>Sz\u00e9pen megtervezve, \u00e1tad\u00e1sra k\u00e9szen.<\/span><\/li>\r\n      <\/ul>\r\n\r\n      <div class=\"al-gf__cta\">\r\n        <a class=\"al-gf__btn\" href=\"https:\/\/along.hu\/give-along\/\">Aj\u00e1nd\u00e9kozz egy s\u00e9t\u00e1t <span aria-hidden=\"true\">\ud83c\udf81<\/span><\/a>\r\n        <a class=\"al-gf__link\" href=\"mailto:info@along.hu?subject=Nyomtathat%C3%B3%20Along%20utalv%C3%A1ny\">K\u00e9rj nyomtathat\u00f3 utalv\u00e1nyt &rarr;<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- RIGHT: the code, unlocking -->\r\n    <div class=\"al-gf__visual\" aria-hidden=\"true\">\r\n      <div class=\"al-gf__notif\">\r\n        <span class=\"al-gf__icon\">A<\/span>\r\n        <div><b>Along <em>most<\/em><\/b><span>Valaki aj\u00e1nd\u00e9kot k\u00fcld\u00f6tt nektek \ud83c\udf81<\/span><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"al-gf__card\">\r\n        <span class=\"al-gf__to\">Kett\u0151t\u00f6knek<\/span>\r\n        <p class=\"al-gf__msg\">\u201eSzombat? \u00c9n hozom a programot.\u201d<\/p>\r\n        <div class=\"al-gf__code\"><span class=\"al-gf__code-txt\">K7M2QA<\/span><\/div>\r\n        <span class=\"al-gf__unlocks\">Ez a k\u00f3d kinyit<\/span>\r\n        <ul class=\"al-gf__list\">\r\n          <li>25 GPS-pontot<\/li>\r\n          <li>25 k\u00e9rd\u00e9st, amit m\u00e9g sosem tettetek fel<\/li>\r\n          <li>Egy \u00e9lm\u00e9ny, csak kett\u0151t\u00f6knek<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.al-gf{\r\n  --gf-bg:#f4f4f4; --gf-ink:#1c1c1e; --gf-text:#4a4a4e; --gf-muted:#8e8e93;\r\n  --gf-rose:#d58a94; --gf-line:#e2e2e4; --gf-loop:12s;\r\n  background:var(--gf-bg);padding:110px 24px;font-family:'Poppins',sans-serif!important;color:var(--gf-text);overflow:hidden;\r\n}\r\n.al-gf *,.al-gf *::before,.al-gf *::after{box-sizing:border-box}\r\n.al-gf__grid{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}\r\n\r\n\/* ---------- text ---------- *\/\r\n.al-gf__eyebrow{display:block;font-size:14px;letter-spacing:.6px;text-transform:uppercase;color:var(--gf-muted);margin-bottom:16px}\r\n.al-gf__title{font-family:'Anton',sans-serif!important;font-weight:400;font-size:clamp(38px,4.6vw,58px);line-height:1.1;color:var(--gf-ink);margin:0 0 20px}\r\n.al-gf__title span{color:var(--gf-rose)}\r\n.al-gf__lead{font-size:16px;line-height:1.65;margin:0 0 30px;max-width:500px}\r\n\r\n.al-gf__for{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:30px}\r\n.al-gf__for-label{font-size:12px;letter-spacing:.8px;text-transform:uppercase;color:var(--gf-muted);margin-right:6px}\r\n.al-gf__chip{font-size:13px;font-weight:500;color:var(--gf-ink);padding:7px 13px;border-radius:999px;background:#fff;border:1px solid var(--gf-line);\r\n  transition:border-color .3s,color .3s}\r\n.al-gf__chip:hover{border-color:var(--gf-rose);color:var(--gf-rose)}\r\n\r\n.al-gf__facts{list-style:none;margin:0 0 34px;padding:22px 0 0;border-top:1px solid var(--gf-line);display:grid;grid-template-columns:repeat(3,1fr);gap:18px}\r\n.al-gf__facts b{display:block;font-size:14.5px;font-weight:600;color:var(--gf-ink);margin-bottom:3px}\r\n.al-gf__facts span{font-size:13px;color:var(--gf-muted)}\r\n\r\n.al-gf__cta{display:flex;align-items:center;gap:24px;flex-wrap:wrap}\r\n.al-gf__btn{display:inline-flex;align-items:center;gap:10px;padding:15px 30px;border-radius:10px;background:var(--gf-rose);color:#fff!important;\r\n  font-weight:600;font-size:15px;text-decoration:none;transition:transform .3s,background .3s,box-shadow .3s}\r\n.al-gf__btn:hover{transform:translateY(-2px);background:#c97c87;box-shadow:0 14px 30px -12px rgba(213,138,148,.8)}\r\n.al-gf__link{font-size:14px;font-weight:500;color:var(--gf-ink)!important;text-decoration:none;border-bottom:1px solid var(--gf-line);padding-bottom:2px;transition:border-color .3s}\r\n.al-gf__link:hover{border-color:var(--gf-rose)}\r\n\r\n\/* ---------- visual ---------- *\/\r\n.al-gf__visual{position:relative;padding-top:56px;max-width:440px;width:100%;justify-self:center}\r\n.al-gf__card{position:relative;background:var(--gf-ink);color:#fff;border-radius:24px;padding:34px 32px 32px;\r\n  box-shadow:0 40px 70px -30px rgba(0,0,0,.45);transform:rotate(-1.5deg)}\r\n.al-gf__to{display:block;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:10px}\r\n.al-gf__msg{font-family:'Anton',sans-serif!important;font-size:24px;line-height:1.25;margin:0 0 26px;color:#fff}\r\n.al-gf__code{border:1.5px dashed rgba(255,255,255,.35);border-radius:14px;padding:16px;text-align:center;margin-bottom:24px;position:relative;overflow:hidden}\r\n.al-gf__code::after{ \/* light sweep across the code *\/\r\n  content:\"\";position:absolute;top:0;bottom:0;left:-40%;width:40%;\r\n  background:linear-gradient(90deg,transparent,rgba(213,138,148,.35),transparent);animation:gf-sweep var(--gf-loop) ease-in-out infinite}\r\n.al-gf__code-txt{font:600 28px\/1 'Poppins',monospace;letter-spacing:10px;padding-left:10px;color:var(--gf-rose)}\r\n.al-gf__unlocks{display:block;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:12px}\r\n.al-gf__list{list-style:none;margin:0;padding:0}\r\n.al-gf__list li{position:relative;padding:9px 0 9px 26px;font-size:15px;border-top:1px solid rgba(255,255,255,.1);opacity:.15}\r\n.al-gf__list li::before{content:\"\u2726\";position:absolute;left:0;top:9px;color:var(--gf-rose);font-size:13px}\r\n.al-gf__list li:nth-child(1){animation:gf-li1 var(--gf-loop) ease-in-out infinite}\r\n.al-gf__list li:nth-child(2){animation:gf-li2 var(--gf-loop) ease-in-out infinite}\r\n.al-gf__list li:nth-child(3){animation:gf-li3 var(--gf-loop) ease-in-out infinite}\r\n\r\n\/* notification on top *\/\r\n.al-gf__notif{position:absolute;z-index:3;top:0;left:22px;right:22px;display:flex;gap:10px;align-items:center;padding:11px 14px;border-radius:18px;\r\n  background:rgba(255,255,255,.96);box-shadow:0 14px 34px -10px rgba(0,0,0,.3);color:var(--gf-ink);\r\n  animation:gf-notif var(--gf-loop) cubic-bezier(.45,0,.25,1) infinite}\r\n.al-gf__icon{flex:0 0 32px;height:32px;border-radius:9px;background:var(--gf-ink);color:#fff;font-family:'Anton',sans-serif;font-size:17px;display:flex;align-items:center;justify-content:center}\r\n.al-gf__notif div{flex:1}\r\n.al-gf__notif b{display:flex;justify-content:space-between;font-size:12px;font-weight:600}\r\n.al-gf__notif em{font-style:normal;font-weight:400;color:var(--gf-muted);font-size:11px}\r\n.al-gf__notif div span{display:block;font-size:12.5px;color:#3a3a3c}\r\n\r\n\/* timeline (12s): notification \u2192 code decodes \u2192 three unlocks \u2192 hold \u2192 reset *\/\r\n@keyframes gf-notif{0%,3%{opacity:0;transform:translateY(-20px)}8%,30%{opacity:1;transform:none}36%,100%{opacity:0;transform:translateY(-20px)}}\r\n@keyframes gf-sweep{0%,24%{left:-40%}36%,100%{left:110%}}\r\n@keyframes gf-li1{0%,38%{opacity:.15;transform:translateX(-6px)}43%,94%{opacity:1;transform:none}100%{opacity:.15}}\r\n@keyframes gf-li2{0%,46%{opacity:.15;transform:translateX(-6px)}51%,94%{opacity:1;transform:none}100%{opacity:.15}}\r\n@keyframes gf-li3{0%,54%{opacity:.15;transform:translateX(-6px)}59%,94%{opacity:1;transform:none}100%{opacity:.15}}\r\n\r\n\/* ---------- responsive ---------- *\/\r\n@media (max-width:900px){\r\n  .al-gf{padding:72px 16px}\r\n  .al-gf__grid{grid-template-columns:1fr;gap:50px}\r\n  .al-gf__facts{grid-template-columns:1fr;gap:12px}\r\n}\r\n@media (prefers-reduced-motion:reduce){\r\n  .al-gf *{animation:none!important}\r\n  .al-gf__list li{opacity:1}\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\/* the code \"decodes\" letter by letter each loop *\/\r\n(function(){\r\n  var el=document.querySelector('.al-gf__code-txt'); if(!el) return;\r\n  if(window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;\r\n  var FINAL=el.textContent, CH='ABCDEFGHJKLMNPQRSTUVWXYZ23456789', LOOP=12000;\r\n  function scramble(){\r\n    var start=performance.now(), dur=1600;\r\n    (function tick(now){\r\n      var t=Math.min(1,(now-start)\/dur), fixed=Math.floor(t*FINAL.length), out='';\r\n      for(var i=0;i<FINAL.length;i++){\r\n        var c=FINAL[i];\r\n        out+=(i<fixed||c==='-')?c:CH[Math.floor(Math.random()*CH.length)];\r\n      }\r\n      el.textContent=out;\r\n      if(t<1) requestAnimationFrame(tick);\r\n    })(start);\r\n  }\r\n  \/* starts 2.9s into each 12s loop, right after the notification arrives *\/\r\n  setTimeout(function(){scramble();setInterval(scramble,LOOP)},2900);\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-d1d368a e-con e-atomic-element e-flexbox-base e-default-div e-4f725da \" data-id=\"d1d368a\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d1d368a\">\n    \t\t<div class=\"elementor-element elementor-element-36bb25d elementor-widget elementor-widget-html\" data-id=\"36bb25d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\r\n     ALONG \u2013 \u201eVal\u00f3di k\u00e9rd\u00e9sek\u201d + \u201eEls\u0151 s\u00e9t\u00e1l\u00f3k\u201d \u2013 MAGYAR VERZI\u00d3\r\n     (replaces the \"What people say\" section until real reviews come in)\r\n     Elementor: full-width section, NO background image, no padding,\r\n     ONE \"HTML\" widget, paste everything below.\r\n     \u25ba Optional photo: put your Budapest photo link in --q-photo below.\r\n     \u25ba Put your Google review link in the \"Leave a review\" button.\r\n     ============================================================ -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Anton&family=Poppins:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"al-q\" lang=\"hu\" style=\"--q-photo:url('https:\/\/along.hu\/wp-content\/uploads\/2026\/06\/budapest-eletkepek_hirling-balint_20180813.exact1980w.jpg')\">\r\n  <div class=\"al-q__bg\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"al-q__inner\">\r\n    <span class=\"al-q__eyebrow\">\u00cdzel\u00edt\u0151 az Along \u00e9lm\u00e9nyb\u0151l<\/span>\r\n    <h2 class=\"al-q__title\">K\u00e9rd\u00e9sek, amik k\u00f6zelebb hoznak<\/h2>\r\n\r\n    <!-- the rotating question -->\r\n    <div class=\"al-q__stage\" aria-live=\"polite\">\r\n      <div class=\"al-q__card\">\r\n        <div class=\"al-q__meta\">\r\n          <span class=\"al-q__tag\">\u2726 Light<\/span>\r\n          <span class=\"al-q__stop\">4. pont \u00b7 megny\u00edlt<\/span>\r\n        <\/div>\r\n        <p class=\"al-q__text\">Mit rem\u00e9lt\u00e9l, hogy megk\u00e9rdezem t\u0151led ma este?<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"al-q__nav\">\r\n      <div class=\"al-q__dots\" role=\"tablist\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"al-q__cta\">\r\n      <a class=\"al-q__btn\" href=\"https:\/\/along.hu\/walks\/\">V\u00e1lassz s\u00e9t\u00e1t <span aria-hidden=\"true\">&rarr;<\/span><\/a>\r\n      <span class=\"al-q__note\">Minden s\u00e9t\u00e1n 25 ilyen k\u00e9rd\u00e9s v\u00e1r r\u00e1tok.<\/span>\r\n    <\/div>\r\n\r\n    <!-- first walkers strip -->\r\n    <div class=\"al-q__first\">\r\n      <div>\r\n        <b>Legyetek az els\u0151k, akik kipr\u00f3b\u00e1lj\u00e1k!<\/b>\r\n        <span>A technol\u00f3gia m\u00e1r bizony\u00edtott, de ezt az \u00e9lm\u00e9nyt m\u00e9g most ismerik meg az els\u0151 p\u00e1rok. S\u00e9t\u00e1ljatok vel\u00fcnk, \u00e9s \u00edrj\u00e1tok meg, milyen volt! A v\u00e9lem\u00e9nyetekkel m\u00e1s p\u00e1roknak is seg\u00edtetek r\u00e1nk tal\u00e1lni.<\/span>\r\n      <\/div>\r\n      <a class=\"al-q__review\" href=\"https:\/\/g.page\/r\/CdptUANneN3GEBM\/review\" target=\"_blank\" rel=\"noopener\">V\u00e9lem\u00e9nyt \u00edrok <span aria-hidden=\"true\">&#9733;<\/span><\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.al-q{\r\n  --q-rose:#d58a94; --q-light:#d9b3b8; --q-bond:#c98f98; --q-deep:#a86a74;\r\n  position:relative;overflow:hidden;background:#1c1c1e;color:#fff;\r\n  padding:120px 24px 70px;font-family:'Poppins',sans-serif!important;text-align:center;\r\n}\r\n.al-q *,.al-q *::before,.al-q *::after{box-sizing:border-box}\r\n.al-q__bg{position:absolute;inset:0;background:\r\n  linear-gradient(180deg,rgba(18,18,20,.82) 0%,rgba(18,18,20,.7) 45%,rgba(18,18,20,.92) 100%),\r\n  var(--q-photo) center\/cover no-repeat;animation:q-zoom 30s ease-in-out infinite alternate}\r\n@keyframes q-zoom{from{transform:scale(1)}to{transform:scale(1.07)}}\r\n.al-q__inner{position:relative;z-index:2;max-width:900px;margin:0 auto}\r\n\r\n.al-q__eyebrow{display:block;font-size:14px;letter-spacing:.6px;text-transform:uppercase;color:rgba(255,255,255,.6);margin-bottom:14px}\r\n.al-q__title{font-family:'Anton',sans-serif!important;font-weight:400;font-size:clamp(28px,3.2vw,40px);line-height:1.15;margin:0 0 50px;color:rgba(255,255,255,.92)}\r\n\r\n\/* ---------- the question card ---------- *\/\r\n.al-q__stage{position:relative;min-height:290px;display:flex;align-items:center;justify-content:center;touch-action:pan-y}\r\n.al-q__card{width:100%;max-width:780px;padding:40px 44px 46px;border-radius:26px;text-align:left;\r\n  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);\r\n  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);\r\n  box-shadow:0 40px 80px -40px rgba(0,0,0,.7);\r\n  transition:opacity .6s ease,transform .7s cubic-bezier(.16,1,.3,1)}\r\n.al-q__card.is-out{opacity:0;transform:translateY(-22px) scale(.98)}\r\n.al-q__card.is-in{opacity:0;transform:translateY(26px) scale(.98);transition:none}\r\n.al-q__meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px}\r\n.al-q__tag{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;letter-spacing:.4px;padding:6px 14px 6px 11px;border-radius:999px;color:#fff;\r\n  background:linear-gradient(180deg,rgba(255,255,255,.24),rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.35);\r\n  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 6px 18px -8px rgba(0,0,0,.5)}\r\n.al-q__tag i{font-style:normal;color:#fff}\r\n.al-q__stop{font-size:11.5px;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,.5)}\r\n.al-q__text{font-family:'Anton',sans-serif!important;font-size:clamp(28px,3.6vw,46px);line-height:1.18;margin:0;color:#fff}\r\n\r\n\/* ---------- nav ---------- *\/\r\n.al-q__nav{display:flex;align-items:center;justify-content:center;gap:18px;margin:30px 0 44px}\r\n.al-q__dots{display:flex;gap:8px}\r\n.al-q__dot{appearance:none;width:9px;height:9px;padding:0;border:none;border-radius:999px;background:rgba(255,255,255,.3);cursor:pointer;\r\n  position:relative;overflow:hidden;transition:width .5s cubic-bezier(.16,1,.3,1),background .3s}\r\n.al-q__dot.is-active{width:34px;background:rgba(255,255,255,.25)}\r\n.al-q__dot.is-active::after{content:\"\";position:absolute;inset:0;background:var(--q-rose);transform-origin:left;transform:scaleX(0)}\r\n.al-q.is-playing .al-q__dot.is-active::after{animation:q-fill var(--q-step,5s) linear forwards}\r\n@keyframes q-fill{to{transform:scaleX(1)}}\r\n\r\n\/* ---------- CTA ---------- *\/\r\n.al-q__cta{display:flex;flex-direction:column;align-items:center;gap:14px;margin-bottom:80px}\r\n.al-q__btn{display:inline-flex;align-items:center;gap:10px;padding:15px 32px;border-radius:10px;background:var(--q-rose);color:#fff!important;\r\n  font-weight:600;font-size:15px;text-decoration:none;transition:transform .3s,background .3s,box-shadow .3s}\r\n.al-q__btn:hover{transform:translateY(-2px);background:#c97c87;box-shadow:0 14px 30px -12px rgba(213,138,148,.8)}\r\n.al-q__note{font-size:13.5px;color:rgba(255,255,255,.6)}\r\n\r\n\/* ---------- first walkers strip ---------- *\/\r\n.al-q__first{display:flex;align-items:center;justify-content:space-between;gap:24px;text-align:left;\r\n  padding:24px 28px;border-radius:18px;border:1px dashed rgba(255,255,255,.28);background:rgba(255,255,255,.04)}\r\n.al-q__first b{display:block;font-size:16px;font-weight:600;margin-bottom:4px}\r\n.al-q__first span{font-size:14px;line-height:1.55;color:rgba(255,255,255,.7)}\r\n.al-q__review{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:10px;\r\n  background:#fff;color:#1c1c1e!important;font-weight:600;font-size:14px;text-decoration:none;transition:transform .3s}\r\n.al-q__review:hover{transform:translateY(-2px)}\r\n.al-q__review span{color:#e8b94a}\r\n\r\n\/* ---------- mobile ---------- *\/\r\n@media (max-width:760px){\r\n  .al-q{padding:80px 16px 50px}\r\n  .al-q__title{margin-bottom:34px}\r\n  .al-q__stage{min-height:300px}\r\n  .al-q__card{padding:28px 24px 32px;border-radius:22px}\r\n  .al-q__meta{margin-bottom:18px}\r\n  .al-q__nav{margin:22px 0 36px}\r\n  .al-q__cta{margin-bottom:56px}\r\n  .al-q__first{flex-direction:column;align-items:flex-start;padding:22px}\r\n}\r\n@media (prefers-reduced-motion:reduce){\r\n  .al-q__bg{animation:none}\r\n  .al-q__card{transition:none}\r\n}\r\n \r\n\/* override theme (Elementor) button colours *\/\r\n.al-q button,.al-q button:hover,.al-q button:focus,.al-q button:active{-webkit-tap-highlight-color:transparent;outline:none;box-shadow:none;border:none!important}\r\n.al-q .al-q__dot,.al-q .al-q__dot:hover,.al-q .al-q__dot:focus,.al-q .al-q__dot:active{background:rgba(255,255,255,.3)!important}\r\n.al-q .al-q__dot.is-active,.al-q .al-q__dot.is-active:hover,.al-q .al-q__dot.is-active:focus{background:rgba(255,255,255,.25)!important}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  var s=document.querySelector('.al-q'); if(!s) return;\r\n  \/* real questions from the Along sets \u2013 edit freely *\/\r\n  var Q=[\r\n    {set:'Light', stop:4,  text:\"Mit szerett\u00e9l volna m\u00e1r az els\u0151 randin megk\u00e9rdezni t\u0151lem?\"},\r\n{set:'Bond',  stop:9,  text:\"Mi az, amit szerinted m\u00e9g mindig nem l\u00e1tok tiszt\u00e1n benned?\"},\r\n{set:'Light', stop:12, text:\"Van olyan oldalad, amit m\u00e9g nem igaz\u00e1n ismerek?\"},\r\n{set:'Deep',  stop:7,  text:\"Mi az, amit nehezen mondasz el nekem, pedig szeretn\u00e9d, hogy tudjam?\"},\r\n{set:'Bond',  stop:15, text:\"Volt m\u00e1r olyan, hogy el akart\u00e1l mondani valamit, de ink\u00e1bb magadban tartottad?\"},\r\n{set:'Light', stop:18, text:\"Mib\u0151l szeretn\u00e9l most t\u00f6bbet az \u00e9letedben?\"},\r\n{set:'Bond',  stop:21, text:\"Miben szeretn\u00e9d, hogy m\u00e9g jobban m\u0171k\u00f6dj\u00fcnk egy\u00fctt?\"},\r\n{set:'Deep',  stop:23, text:\"Van valami, amir\u0151l szerinted ideje lenne \u0151szint\u00e9n besz\u00e9ln\u00fcnk?\"}\r\n  ];\r\n  var STEP=5000;\r\n  var card=s.querySelector('.al-q__card'), tag=s.querySelector('.al-q__tag'),\r\n      stop=s.querySelector('.al-q__stop'), text=s.querySelector('.al-q__text'),\r\n      dotsWrap=s.querySelector('.al-q__dots'), stage=s.querySelector('.al-q__stage');\r\n  s.style.setProperty('--q-step',STEP+'ms');\r\n  var idx=0, timer=null, busy=false;\r\n  var marks={Light:'\u2726',Bond:'\u2726\u2726',Deep:'\u2726\u2726\u2726'};\r\n\r\n  var dots=Q.map(function(q,i){\r\n    var d=document.createElement('button');d.className='al-q__dot';d.setAttribute('aria-label',(i+1)+'. k\u00e9rd\u00e9s');\r\n    d.addEventListener('click',function(){go(i,true)});dotsWrap.appendChild(d);return d;\r\n  });\r\n\r\n  function paint(i){\r\n    var q=Q[i];\r\n    tag.innerHTML='<i>'+marks[q.set]+'<\/i>'+q.set; tag.setAttribute('data-set',q.set);\r\n    stop.textContent=q.stop+'. pont \u00b7 megny\u00edlt';\r\n    text.textContent=q.text;\r\n    dots.forEach(function(d,k){d.classList.toggle('is-active',k===i)});\r\n  }\r\n  function go(i,user){\r\n    if(busy) return; i=(i+Q.length)%Q.length; if(i===idx&&!user) return;\r\n    busy=true; card.classList.add('is-out');\r\n    setTimeout(function(){\r\n      idx=i; paint(idx);\r\n      card.classList.remove('is-out'); card.classList.add('is-in');\r\n      void card.offsetWidth; card.classList.remove('is-in');\r\n      setTimeout(function(){busy=false},300);\r\n    },550);\r\n    if(user) restart();\r\n  }\r\n  function play(){clearInterval(timer);s.classList.add('is-playing');timer=setInterval(function(){go(idx+1)},STEP)}\r\n  function stop_(){clearInterval(timer);s.classList.remove('is-playing')}\r\n  function restart(){stop_();setTimeout(play,600)}\r\n\r\n  card.style.cursor='pointer';\r\n  card.addEventListener('click',function(){go(idx+1,true)});\r\n  stage.addEventListener('mouseenter',stop_); stage.addEventListener('mouseleave',play);\r\n\r\n  \/* swipe on mobile *\/\r\n  var x0=null;\r\n  stage.addEventListener('touchstart',function(e){x0=e.touches[0].clientX},{passive:true});\r\n  stage.addEventListener('touchend',function(e){\r\n    if(x0===null) return; var dx=e.changedTouches[0].clientX-x0; x0=null;\r\n    if(Math.abs(dx)>40) go(dx<0?idx+1:idx-1,true);\r\n  });\r\n\r\n  paint(0);\r\n  if('IntersectionObserver' in window){\r\n    new IntersectionObserver(function(es){es.forEach(function(e){e.isIntersecting?play():stop_()})},{threshold:.3}).observe(s);\r\n  } else play();\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-b837ceb e-flex e-con-boxed e-con e-parent\" data-id=\"b837ceb\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-6e39995 e-con-full e-flex e-con e-child\" data-id=\"6e39995\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f8fb37d elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"f8fb37d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<i aria-hidden=\"true\" class=\"mdi mdi-email-check-outline\"><\/i>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-170302f elementor-widget elementor-widget-heading\" data-id=\"170302f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u00daj v\u00e1rosok, \u00faj s\u00e9t\u00e1k. <br>\u00c9rtes\u00fclj els\u0151k\u00e9nt!<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-092fa3d elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"092fa3d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-pm-slice=\"1 1 []\">Folyamatosan b\u0151v\u00fcl a k\u00edn\u00e1latunk \u00faj s\u00e9t\u00e1kkal \u00e9s v\u00e1rosokkal. Add meg az e-mail-c\u00edmed, \u00e9s sz\u00f3lunk, ha az Along egy \u00faj helyen is el\u00e9rhet\u0151v\u00e9 v\u00e1lik.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-432df13 fluent-form-widget-step-header-yes fluent-form-widget-step-progressbar-yes fluentform-widget-submit-button-custom elementor-widget elementor-widget-fluent-form-widget\" data-id=\"432df13\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"fluent-form-widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n            <div class=\"fluentform-widget-wrapper fluentform-widget-align-left\">\n\n            \n            <div class='fluentform ff-default fluentform_wrapper_3 ffs_default_wrap'><form data-form_id=\"3\" id=\"fluentform_3\" class=\"frm-fluent-form fluent_form_3 ff-el-form-top ff_form_instance_3_1 ff-form-loading ffs_default\" data-form_instance=\"ff_form_instance_3_1\" method=\"POST\" ><fieldset  style=\"border: none!important;margin: 0!important;padding: 0!important;background-color: transparent!important;box-shadow: none!important;outline: none!important; min-inline-size: 100%;\">\n                    <legend class=\"ff_screen_reader_title\" style=\"display: block; margin: 0!important;padding: 0!important;height: 0!important;text-indent: -999999px;width: 0!important;overflow:hidden;\">Feliratkoz\u00e1s gy\u0171jt\u00e9s<\/legend><input type='hidden' name='__fluent_form_embded_post_id' value='4064' \/><input type=\"hidden\" id=\"_fluentform_3_fluentformnonce\" name=\"_fluentform_3_fluentformnonce\" value=\"520c087b72\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/hu\/wp-json\/wp\/v2\/pages\/4064\" \/><div data-name=\"ff_cn_id_1\"  class='ff-t-container ff-column-container ff_columns_total_2 '><div class='ff-t-cell ff-t-column-1' style='flex-basis: 67.81%;'><div class='ff-el-group'><div class='ff-el-input--content'><input type=\"email\" name=\"email\" id=\"ff_3_email\" class=\"ff-el-form-control\" placeholder=\"Email Address*\" data-name=\"email\"  aria-invalid=\"false\" aria-required=true><\/div><\/div><\/div><div class='ff-t-cell ff-t-column-2' style='flex-basis: 32.19%;'><div class='ff-el-group ff-text-left ff_submit_btn_wrapper ff_submit_btn_wrapper_custom'><button class=\"ff-btn ff-btn-submit ff-btn-md ff_btn_style wpf_has_custom_css\" type=\"submit\" name=\"custom_submit_button-3_1\" data-name=\"custom_submit_button-3_1\"  aria-label=\"Submit\">Submit<\/button><style>form.fluent_form_3 .wpf_has_custom_css.ff-btn-submit { background-color:#1a7efb;border-color:#1a7efb;color:#ffffff;min-width:100%; }form.fluent_form_3 .wpf_has_custom_css.ff-btn-submit:hover { background-color:#ffffff;border-color:#1a7efb;color:#1a7efb;min-width:100%; } <\/style><\/div><\/div><\/div><div data-name=\"ff_cn_id_2\"  class='ff-t-container ff-column-container ff_columns_total_1 '><div class='ff-t-cell ff-t-column-1' style='flex-basis: %;'><div class='ff-el-group    ff-el-input--content'><div class='ff-el-form-check ff-el-tc'><label aria-label='Terms and Conditions: By submitting the form I accept the data privacy.\n Contains 1 link. Use tab navigation to review.' class='ff-el-form-check-label ff_tc_label' for='gdpr-agreement_6239a871d447ab62ad312534d5e414f3'><span class='ff_tc_checkbox'><input type=\"checkbox\" name=\"gdpr-agreement\" class=\"ff-el-form-check-input ff_gdpr_field\" data-name=\"gdpr-agreement\" id=\"gdpr-agreement_6239a871d447ab62ad312534d5e414f3\"  value='on' aria-invalid='false' aria-required=true><\/span> <div class='ff_t_c'>By submitting the form I accept the <a href=\"https:\/\/along.hu\/data-privacy\">data privacy.<\/a>\n<\/div><\/label><\/div><\/div><\/div><\/div><\/fieldset><\/form><div id='fluentform_3_errors' class='ff-errors-in-stack ff_form_instance_3_1 ff-form-loading_errors ff_form_instance_3_1_errors'><\/div><\/div>            <script type=\"text\/javascript\">\n                window.fluent_form_ff_form_instance_3_1 = {\"id\":\"3\",\"ajaxUrl\":\"https:\\\/\\\/along.hu\\\/wp-admin\\\/admin-ajax.php\",\"settings\":{\"layout\":{\"labelPlacement\":\"top\",\"helpMessagePlacement\":\"with_label\",\"errorMessagePlacement\":\"inline\",\"cssClassName\":\"\",\"asteriskPlacement\":\"asterisk-right\"},\"restrictions\":{\"denyEmptySubmission\":{\"enabled\":false}}},\"form_instance\":\"ff_form_instance_3_1\",\"form_id_selector\":\"fluentform_3\",\"rules\":{\"email\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global\":false,\"global_message\":\"Ez egy k\\u00f6telez\\u0151 mez\\u0151\"},\"email\":{\"value\":true,\"message\":\"This field must contain a valid email\",\"global\":false,\"global_message\":\"A mez\\u0151nek \\u00e9rv\\u00e9nyes emailc\\u00edmet kell tartalmaznia\"}},\"gdpr-agreement\":{\"required\":{\"value\":true,\"message\":\"Required.\",\"global_message\":\"Ez egy k\\u00f6telez\\u0151 mez\\u0151\",\"global\":false}}},\"debounce_time\":300,\"file_upload_settings\":[]};\n                            <\/script>\n                        <\/div>\n\n            \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0afa8b2 elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"0afa8b2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div>Semmi spam. B\u00e1rmikor leiratkozhatsz. <\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-24b1499 e-con e-atomic-element e-flexbox-base e-default-div e-95ed6ca \" data-id=\"24b1499\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"24b1499\">\n    \t\t<div class=\"elementor-element elementor-element-040cf4c elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"040cf4c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n<!-- ============================================================\r\n     ALONG \u2013 Instagram section (HU) (\"N\u00e9zd meg, merre s\u00e9t\u00e1ltak a p\u00e1rok.\")\r\n     Section copy in Hungarian \u2013 the post cards stay in English\r\n     (they mirror the real @along.experiences posts).\r\n     Replaces the Instagram plugin grid: a glossy profile card + a slowly\r\n     moving wall of post cards (your post designs, rebuilt in code).\r\n     Hover\/tap pauses it, every card opens Instagram.\r\n     Elementor: full-width section, NO background, no padding,\r\n     ONE \"HTML\" widget, paste everything below.\r\n     \u25ba EDIT the POSTS list in the script: change texts, link each card to a\r\n       real post (url), or use a real post image instead (shot).\r\n     ============================================================ -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Anton&family=Poppins:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"al-ig\" lang=\"hu\">\r\n  <div class=\"al-ig__wrap al-ig__head\">\r\n    <div>\r\n      <span class=\"al-ig__eyebrow\">Az Instagramon<\/span>\r\n      <h2 class=\"al-ig__h\">N\u00e9zd meg, milyen <br>\u00e9lm\u00e9nyek <span>v\u00e1rnak r\u00e1tok.<\/span><\/h2>\r\n      <p class=\"al-ig__sub\">\u00daj s\u00e9t\u00e1k, \u00faj helysz\u00ednek \u00e9s k\u00e9rd\u00e9sek, amik k\u00f6zelebb hoznak. K\u00f6vess minket, \u00e9s inspir\u00e1l\u00f3dj a k\u00f6vetkez\u0151 randitokhoz!<\/p>\r\n    <\/div>\r\n\r\n    <a class=\"al-ig__prof\" href=\"https:\/\/www.instagram.com\/along.experiences\/\" target=\"_blank\" rel=\"noopener\">\r\n      <span class=\"al-ig__ring\"><span class=\"al-ig__av\">A<\/span><\/span>\r\n      <span class=\"al-ig__pt\">\r\n        <b>along.experiences<\/b>\r\n        <small>GPS-vez\u00e9relt randis\u00e9t\u00e1k \u00b7 Budapest<\/small>\r\n      <\/span>\r\n      <span class=\"al-ig__follow\"><svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><circle cx=\"17.5\" cy=\"6.5\" r=\"1\" fill=\"currentColor\" stroke=\"none\"\/><\/svg>K\u00f6vet\u00e9s<\/span>\r\n    <\/a>\r\n  <\/div>\r\n\r\n  <div class=\"al-ig__rail\" aria-label=\"Az Along Instagram-posztjai\">\r\n    <div class=\"al-ig__track\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"al-ig__wrap al-ig__foot\">\r\n    <a class=\"al-ig__btn\" href=\"https:\/\/www.instagram.com\/along.experiences\/\" target=\"_blank\" rel=\"noopener\">N\u00e9zd meg az Instagramunkat <em aria-hidden=\"true\">&rarr;<\/em><\/a>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.al-ig{--ig-rose:#d58a94;--ig-ink:#1c1c1e;--ig-text:#4a4a4e;--ig-muted:#8e8e93;\r\n  background:#f4f4f4;padding:96px 0 90px;font-family:'Poppins',sans-serif!important;color:var(--ig-text);overflow:hidden}\r\n.al-ig *,.al-ig *::before,.al-ig *::after{box-sizing:border-box}\r\n.al-ig__wrap{max-width:1140px;margin:0 auto;padding:0 24px}\r\n.al-ig__head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:44px}\r\n.al-ig__eyebrow{display:block;font-size:12.5px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:var(--ig-muted);margin-bottom:10px}\r\n.al-ig__h{font-family:'Anton',sans-serif!important;font-weight:400;font-size:clamp(38px,5vw,64px);line-height:1.04;margin:0 0 12px;color:var(--ig-ink);text-transform:none}\r\n.al-ig__h span{color:var(--ig-rose)}\r\n.al-ig__sub{margin:0;font-size:15.5px;line-height:1.6;max-width:430px}\r\n\r\n\/* profile card *\/\r\n.al-ig .al-ig__prof{flex:0 0 auto;display:flex!important;align-items:center;gap:14px;padding:12px 12px 12px 12px!important;border-radius:999px!important;background:#fff!important;\r\n  text-decoration:none!important;color:var(--ig-ink)!important;box-shadow:0 18px 40px -26px rgba(60,20,30,.45);border:1px solid #ece8e9!important;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}\r\n.al-ig .al-ig__prof:hover,.al-ig .al-ig__prof:focus{transform:translateY(-3px);box-shadow:0 26px 50px -26px rgba(60,20,30,.5);color:var(--ig-ink)!important}\r\n.al-ig__ring{width:58px;height:58px;border-radius:50%;padding:3px;background:conic-gradient(from 200deg,#f0b3bb,#d58a94,#7a4a52,#d58a94,#f0b3bb);animation:ig-spin 6s linear infinite}\r\n@keyframes ig-spin{to{filter:hue-rotate(0deg)}}\r\n.al-ig__av{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;background:var(--ig-ink);color:#fff;font-family:'Anton',sans-serif;font-size:24px;box-shadow:0 0 0 3px #fff}\r\n.al-ig__pt b{display:block;font-size:15.5px;font-weight:600;line-height:1.2}\r\n.al-ig__pt small{display:block;font-size:12.5px;color:var(--ig-muted)}\r\n.al-ig__follow{display:inline-flex;align-items:center;gap:7px;margin-left:10px;padding:11px 18px;border-radius:999px;background:var(--ig-rose);color:#fff;font-size:14px;font-weight:600}\r\n.al-ig__follow svg{width:17px;height:17px;fill:none;stroke:#fff;stroke-width:2}\r\n\r\n\/* rail *\/\r\n.al-ig__rail{position:relative;padding:18px 0 30px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}\r\n.al-ig__track{display:flex;gap:18px;width:max-content;animation:ig-move var(--ig-dur,60s) linear infinite}\r\n.al-ig__rail:hover .al-ig__track,.al-ig__rail.is-paused .al-ig__track{animation-play-state:paused}\r\n@keyframes ig-move{to{transform:translateX(calc(-50% - 9px))}}\r\n\r\n\/* post card \u2013 Along post style (3:4) *\/\r\n.al-ig .al-ig__post{position:relative;flex:0 0 auto;width:270px;aspect-ratio:3\/4;border-radius:18px;overflow:hidden;display:block!important;text-decoration:none!important;color:#fff!important;\r\n  container-type:inline-size;background:#161617;box-shadow:0 24px 44px -28px rgba(0,0,0,.6);transform:rotate(var(--r,0deg));transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}\r\n.al-ig .al-ig__post:hover,.al-ig .al-ig__post:focus{transform:rotate(0deg) translateY(-8px) scale(1.03);box-shadow:0 36px 60px -30px rgba(0,0,0,.7);z-index:2;color:#fff!important}\r\n.al-ig__bg{position:absolute;inset:-2px;background-size:cover;background-position:center}\r\n.al-ig__post--photo .al-ig__bg::after{content:\"\";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,12,14,.45),rgba(12,12,14,.55) 45%,rgba(12,12,14,.8))}\r\n.al-ig__post--teal .al-ig__bg{filter:grayscale(1) contrast(1.1)}\r\n.al-ig__post--teal .al-ig__bg::after{content:\"\";position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,70,82,.75),rgba(10,40,48,.9));mix-blend-mode:multiply}\r\n.al-ig__post--dark .al-ig__bg{background:\r\n  repeating-linear-gradient(118deg,rgba(255,255,255,.025) 0 2px,transparent 2px 22px),\r\n  repeating-linear-gradient(32deg,rgba(255,255,255,.02) 0 1px,transparent 1px 30px),\r\n  radial-gradient(ellipse at 25% 15%,#38383b,#1a1a1b 65%)}\r\n.al-ig__post--dark.has-img .al-ig__bg{background-size:cover}\r\n.al-ig__post--dark.has-img .al-ig__bg::after{content:\"\";position:absolute;inset:0;background:rgba(22,22,23,.86)}\r\n.al-ig__post--rose .al-ig__bg{background:repeating-linear-gradient(118deg,rgba(255,255,255,.04) 0 2px,transparent 2px 22px),linear-gradient(160deg,#c98f98,#6e414a)}\r\n.al-ig__shot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}\r\n.al-ig__in{position:absolute;inset:0;display:flex;flex-direction:column;padding:7cqw 7cqw 7.5cqw}\r\n.al-ig__logo{position:relative;align-self:flex-start;font-size:7.5cqw;font-weight:300!important;font-style:italic;letter-spacing:.2px;line-height:1}\r\n.al-ig__logo::after{content:\"\";position:absolute;left:-6%;right:-10%;top:58%;height:1.5px;background:#fff;transform:rotate(-4deg)}\r\n.al-ig__logo.is-r{align-self:flex-end}\r\n.al-ig__logo img{display:block;height:9cqw;width:auto}\r\n.al-ig__logo.is-img::after{display:none}\r\n.al-ig__tag{position:absolute;top:7.5cqw;right:7cqw;font-size:3.4cqw;line-height:1.35;text-align:right;opacity:.75;max-width:40%}\r\n.al-ig__txt{margin:auto 0;display:flex;flex-direction:column}\r\n.al-ig__post.is-bottom .al-ig__txt{margin:auto 0 0}\r\n.al-ig__post.is-center .al-ig__txt{align-items:center;text-align:center}\r\n.al-ig__l{display:block;font-family:'Anton',sans-serif!important;line-height:.98;text-transform:uppercase;white-space:nowrap}\r\n.al-ig__l.is-case{text-transform:none}\r\n.al-ig__l.is-out{color:transparent;-webkit-text-stroke:.42cqw #fff}\r\n.al-ig__l.is-thin{font-family:'Poppins',sans-serif!important;font-weight:300!important;text-transform:none;line-height:1.25}\r\n.al-ig__l.is-glitch{text-shadow:-.7cqw 0 rgba(0,240,255,.75),.7cqw 0 rgba(255,0,150,.7)}\r\n.al-ig__l.is-out.is-glitch{text-shadow:none;filter:drop-shadow(-.6cqw 0 rgba(0,240,255,.7)) drop-shadow(.6cqw 0 rgba(255,0,150,.6))}\r\n.al-ig__l.is-bars{display:flex;align-items:center;gap:2cqw;width:calc(100% + 14cqw);margin:0 -7cqw}\r\n.al-ig__l.is-bars::before,.al-ig__l.is-bars::after{content:\"\";flex:1;height:.62em;background:#fff}\r\n.al-ig__chip{align-self:flex-start;display:inline-block;margin-top:3cqw;padding:1.6cqw 3cqw;background:#fff;color:#1c1c1e;font-size:5.2cqw;font-weight:600!important;font-style:italic}\r\n.al-ig__capchip{display:block;margin-top:5cqw;padding:1.2cqw 2.4cqw;background:#fff;color:#1c1c1e;font-size:3.6cqw;font-weight:600!important;text-align:center;border-radius:1cqw}\r\n.al-ig__cap{display:block;margin-top:5cqw;font-size:3.6cqw;opacity:.75}\r\n.al-ig__post.is-center .al-ig__cap{text-align:center}\r\n.al-ig__cta{display:flex;align-items:center;justify-content:center;gap:2.5cqw;margin-top:auto;padding-top:4cqw;font-size:6cqw;font-weight:300!important}\r\n.al-ig__cta.is-left{justify-content:flex-start}\r\n.al-ig__cta i{display:inline-flex;align-items:center;justify-content:center;width:7.5cqw;height:7.5cqw;border:1.5px solid #fff;border-radius:50%}\r\n.al-ig__cta svg{width:4cqw;height:4cqw;fill:none;stroke:#fff;stroke-width:2.4}\r\n.al-ig__q{position:absolute;right:-8cqw;bottom:6cqw;font-family:'Anton',sans-serif!important;font-size:75cqw;line-height:1;color:rgba(255,255,255,.14);pointer-events:none}\r\n.al-ig__hover{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(28,28,30,.35);opacity:0;transition:opacity .35s}\r\n.al-ig__hover span{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:rgba(255,255,255,.92);color:var(--ig-ink);font-size:13px;font-weight:600;\r\n  transform:translateY(8px);transition:transform .35s}\r\n.al-ig__hover svg{width:16px;height:16px;fill:none;stroke:var(--ig-ink);stroke-width:2}\r\n.al-ig__post:hover .al-ig__hover,.al-ig__post:focus .al-ig__hover{opacity:1}\r\n.al-ig__post:hover .al-ig__hover span{transform:none}\r\n.al-ig__pin{position:absolute;top:4cqw;right:4cqw;width:6.5cqw;height:6.5cqw;fill:#fff}\r\n\r\n\/* footer button *\/\r\n.al-ig__foot{text-align:center}\r\n.al-ig .al-ig__btn{display:inline-flex!important;align-items:center;gap:10px;padding:15px 30px!important;border-radius:999px!important;background:var(--ig-ink)!important;color:#fff!important;\r\n  text-decoration:none!important;font-family:'Poppins',sans-serif!important;font-size:15px;font-weight:600;border:none!important;transition:transform .3s,background .3s}\r\n.al-ig .al-ig__btn:hover,.al-ig .al-ig__btn:focus{background:#000!important;color:#fff!important;transform:translateY(-2px)}\r\n.al-ig__btn em{font-style:normal;transition:transform .3s}\r\n.al-ig__btn:hover em{transform:translateX(4px)}\r\n\r\n@media (max-width:860px){\r\n  .al-ig{padding:64px 0 60px}\r\n  .al-ig__wrap{padding:0 16px}\r\n  .al-ig__head{flex-direction:column;align-items:flex-start;gap:22px;margin-bottom:26px}\r\n  .al-ig__sub{font-size:14.5px}\r\n  .al-ig .al-ig__prof{width:100%;padding:10px!important}\r\n  .al-ig__ring{width:50px;height:50px}\r\n  .al-ig__follow{margin-left:auto;padding:10px 15px}\r\n  .al-ig .al-ig__post{width:210px}\r\n  .al-ig__track{gap:12px;--ig-gap:6px}\r\n  @keyframes ig-move{to{transform:translateX(calc(-50% - 6px))}}\r\n}\r\n@media (prefers-reduced-motion:reduce){\r\n  .al-ig__track{animation:none}\r\n  .al-ig__rail{overflow-x:auto;-webkit-mask-image:none;mask-image:none;padding-left:16px}\r\n  .al-ig *{transition:none!important}\r\n}\r\n\r\n\/* font lock: the theme can't swap our fonts (Poppins everywhere, Anton for headlines) *\/\r\n.al-ig,.al-ig *:not(svg):not(path):not(circle):not(rect){font-family:'Poppins',sans-serif!important}\r\n.al-ig .al-ig__h,.al-ig .al-ig__h *,.al-ig .al-ig__av,.al-ig .al-ig__l:not(.is-thin),.al-ig .al-ig__q{font-family:'Anton',sans-serif!important;font-weight:400!important}\r\n\/* end font lock *\/\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  var s=document.querySelector('.al-ig'); if(!s) return;\r\n  var IG='https:\/\/www.instagram.com\/along.experiences\/';\r\n\r\n  \/* ===== EDIT HERE =====\r\n     (post texts stay in English \u2013 they mirror the real posts)\r\n     LOGO: link to your white \"Along\" logo PNG (leave '' to use the text logo)\r\n     style: 'photo' \u00b7 'teal' (photo turned blue) \u00b7 'dark' \u00b7 'rose'\r\n     lines: [text, size, flags]  size = % of card width \u00b7 flags: out (outlined), thin (light Poppins),\r\n            glitch (blue\/pink shift), bars (white bars left+right), case (keep lower\/upper case as typed)\r\n     center: centred text \u00b7 bottom: text sits low \u00b7 cta: bottom link text \u00b7 cap: small caption\r\n     capchip: white caption label \u00b7 chip: white label under the text \u00b7 q: big \"?\" in the background\r\n     url: link to that exact post (otherwise your profile) \u00b7 shot: a real post image instead      *\/\r\n  var LOGO='';\r\n  var POSTS=[\r\n    {style:'photo', img:'https:\/\/along.hu\/wp-content\/uploads\/2026\/04\/Along-Walk-in-Budapest.webp', center:true, pin:true,\r\n     lines:[['WALKING',23,'glitch'],['CHANGES',21,'glitch bars'],['EVERYTHING',16.5,'glitch']], cta:'Here is why'},\r\n    {style:'photo', img:'https:\/\/along.hu\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-2026.-jun.-11.-18_49_23.png', pin:true, bottom:true,\r\n     lines:[['WHEN WAS THE',14.5,''],['last time  you had a',8,'thin'],['conversation',15.5,'out case'],['STAYED WITH YOU?',12.5,'']], cta:'No more awkward dates', ctaLeft:true},\r\n    {style:'dark', logoRight:true,\r\n     lines:[['When did you',14,'case'],['last feel',14,'case'],['COMPLETELY',16.5,'out'],['UNDERSTOOD',16.5,'out'],['BY SOMEONE?',13,'']],\r\n     cap:'Send this to the person who gets you without explanation', center:false},\r\n    {style:'teal', img:'https:\/\/along.hu\/wp-content\/uploads\/2026\/06\/ab8c0b85-1da9-42ae-bccd-1ba5f1308ee8.png', noLogo:true, center:true,\r\n     lines:[['This is why',17,'out case'],['your dates feel',7.5,'thin'],['AWKWARD',21,'out']]},\r\n    {style:'dark', img:'https:\/\/along.hu\/wp-content\/uploads\/2026\/04\/Couple-walking-in-Budapest.webp', tag:'From the Deep set for long-term couples', center:true,\r\n     lines:[[\"What's something\",12.5,'case'],[\"YOU'VE NEVER\",15.5,'out'],['TOLD ME',15.5,'out'],['BECAUSE YOU THOUGHT',10.5,''],[\"I WOULDN'T UNDERSTAND?\",9.5,'']],\r\n     capchip:\"Send this to the one person who'd actually understand!\"},\r\n    {style:'photo', img:'https:\/\/along.hu\/wp-content\/uploads\/2026\/04\/Couple-walking-in-Budapest.webp', bottom:true, q:true,\r\n     lines:[['WHAT IS',13,'glitch'],['ALONG',33,'glitch']], cta:\"Let's find out!\"},\r\n    {style:'photo', img:'https:\/\/along.hu\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-2026.-jun.-11.-14_07_39.png', tag:'GPS-guided date walks in Budapest', bottom:true,\r\n     lines:[['Budapest has a',12,'case'],['NEW',27,'out'],['WAY',27,'out']], chip:'to fall in love\u2026'},\r\n    {style:'rose', tag:'From the Light set for first dates', center:true,\r\n     lines:[['If tonight had a',12,'case'],['SOUNDTRACK',18.5,'out'],['what would be',11,'case'],['playing?',11,'case']],\r\n     cap:'Send this to your next date'}\r\n  ];\r\n  \/* ===================== *\/\r\n\r\n  var ig='<svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><\/svg>';\r\n  var chev='<svg viewBox=\"0 0 24 24\"><path d=\"m10 7 5 5-5 5\"\/><\/svg>';\r\n  var pin='<svg class=\"al-ig__pin\" viewBox=\"0 0 24 24\"><path d=\"M14.5 2.5 21.5 9.5l-2.2.6-4 4 .4 4.7-1.5 1.5-4-4L4.5 22l-.5-.5 5.7-5.7-4-4 1.5-1.5 4.7.4 4-4z\"\/><\/svg>';\r\n  var rot=['-2deg','1.5deg','-1deg','2deg','-1.5deg','1deg','-2.5deg','1.8deg'];\r\n  function esc(t){return String(t).replace(\/&\/g,'&amp;').replace(\/<\/g,'&lt;')}\r\n  function card(p,i){\r\n    var inner;\r\n    if(p.shot){ inner='<img decoding=\"async\" class=\"al-ig__shot\" src=\"'+p.shot+'\" alt=\"\" loading=\"lazy\">'; }\r\n    else{\r\n      var logo=p.noLogo?'':(LOGO?'<span class=\"al-ig__logo is-img'+(p.logoRight?' is-r':'')+'\"><img decoding=\"async\" src=\"'+LOGO+'\" alt=\"Along\"><\/span>'\r\n                                :'<span class=\"al-ig__logo'+(p.logoRight?' is-r':'')+'\">Along<\/span>');\r\n      var lines=(p.lines||[]).map(function(l){\r\n        var fl=(l[2]||'').split(' ').filter(Boolean).map(function(x){return 'is-'+x}).join(' ');\r\n        return '<span class=\"al-ig__l '+fl+'\" style=\"font-size:'+l[1]+'cqw\">'+esc(l[0])+'<\/span>';\r\n      }).join('');\r\n      inner='<span class=\"al-ig__bg\"'+(p.img?' style=\"background-image:url(\\''+p.img+'\\')\"':'')+'><\/span>'+\r\n        (p.q?'<span class=\"al-ig__q\" aria-hidden=\"true\">?<\/span>':'')+\r\n        '<span class=\"al-ig__in\" lang=\"en\">'+logo+(p.tag?'<span class=\"al-ig__tag\">'+esc(p.tag)+'<\/span>':'')+\r\n        '<span class=\"al-ig__txt\">'+lines+\r\n          (p.chip?'<span class=\"al-ig__chip\">'+esc(p.chip)+'<\/span>':'')+\r\n          (p.cap?'<span class=\"al-ig__cap\">'+esc(p.cap)+'<\/span>':'')+\r\n          (p.capchip?'<span class=\"al-ig__capchip\">'+esc(p.capchip)+'<\/span>':'')+'<\/span>'+\r\n        (p.cta?'<span class=\"al-ig__cta'+(p.ctaLeft?' is-left':'')+'\">'+esc(p.cta)+' <i>'+chev+'<\/i><\/span>':'')+'<\/span>'+\r\n        (p.pin?pin:'');\r\n    }\r\n    var cls='al-ig__post al-ig__post--'+(p.style||'dark')+(p.img?' has-img':'')+(p.center?' is-center':'')+(p.bottom?' is-bottom':'');\r\n    var label=(p.lines||[]).map(function(l){return l[0]}).join(' ');\r\n    return '<a class=\"'+cls+'\" style=\"--r:'+rot[i%rot.length]+'\" href=\"'+(p.url||IG)+'\" target=\"_blank\" rel=\"noopener\" aria-label=\"'+esc(label)+' \u2013 megnyit\u00e1s az Instagramon\">'+\r\n      inner+'<span class=\"al-ig__hover\"><span>'+ig+'Megn\u00e9zem az Instagramon<\/span><\/span><\/a>';\r\n  }\r\n  var html=POSTS.map(card).join('');\r\n  var track=s.querySelector('.al-ig__track');\r\n  track.innerHTML=html+html.replace(\/<a \/g,'<a tabindex=\"-1\" aria-hidden=\"true\" ');   \/* doubled for a seamless loop *\/\r\n  s.style.setProperty('--ig-dur',(POSTS.length*8)+'s');\r\n\r\n  \/* tap on phones: first tap pauses, the moving wall stops while you look *\/\r\n  var rail=s.querySelector('.al-ig__rail'), t=null;\r\n  rail.addEventListener('touchstart',function(){rail.classList.add('is-paused');clearTimeout(t)},{passive:true});\r\n  rail.addEventListener('touchend',function(){t=setTimeout(function(){rail.classList.remove('is-paused')},2500)},{passive:true});\r\n  \/* save battery: only move while visible *\/\r\n  if('IntersectionObserver' in window){\r\n    new IntersectionObserver(function(es){es.forEach(function(e){track.style.animationPlayState=e.isIntersecting?'':'paused'})}).observe(s);\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\ud83d\udccd ROUTONmost Meg\u00e9rkeztetek \u2726 Koppints, \u00e9s feloldod a k\u00e9rd\u00e9st. \u2726 LIGHT \u00b7 3. K\u00c9RD\u00c9S Mit szerett\u00e9l volna, hogy ma este megk\u00e9rdezzek t\u0151led? K\u00f6z\u00f6s s\u00e9ta 0:42 K\u00f6vetkez\u0151 pont 120 m \u2192 M\u00e9g mindig a telefont nyomkodj\u00e1tok? Nincs t\u00f6bb k\u00ednos randi T\u00f6bb besz\u00e9lget\u00e9s. Kevesebb k\u00ednos csend.Egy randi, amit nem akartok majd befejezni. V\u00e1lasszatok s\u00e9t\u00e1t \u2192 Hogyan m\u0171k\u00f6dik? [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":3971,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4064","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Kezd\u0151lap - Along<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/along.hu\/\" \/>\n<meta property=\"og:locale\" content=\"hu_HU\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Kezd\u0151lap - Along\" \/>\n<meta property=\"og:description\" content=\"\ud83d\udccd ROUTONmost Meg\u00e9rkeztetek \u2726 Koppints, \u00e9s feloldod a k\u00e9rd\u00e9st. \u2726 LIGHT \u00b7 3. K\u00c9RD\u00c9S Mit szerett\u00e9l volna, hogy ma este megk\u00e9rdezzek t\u0151led? K\u00f6z\u00f6s s\u00e9ta 0:42 K\u00f6vetkez\u0151 pont 120 m \u2192 M\u00e9g mindig a telefont nyomkodj\u00e1tok? Nincs t\u00f6bb k\u00ednos randi T\u00f6bb besz\u00e9lget\u00e9s. Kevesebb k\u00ednos csend.Egy randi, amit nem akartok majd befejezni. V\u00e1lasszatok s\u00e9t\u00e1t \u2192 Hogyan m\u0171k\u00f6dik? [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/along.hu\/\" \/>\n<meta property=\"og:site_name\" content=\"Along\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-11T19:32:53+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/along.hu\/wp-content\/uploads\/2026\/04\/Budapesti-seta.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1536\" \/>\n\t<meta property=\"og:image:height\" content=\"1024\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Becs\u00fclt olvas\u00e1si id\u0151\" \/>\n\t<meta name=\"twitter:data1\" content=\"12 perc\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/along.hu\\\/\",\"url\":\"https:\\\/\\\/along.hu\\\/\",\"name\":\"Kezd\u0151lap - Along\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/along.hu\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/along.hu\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/along.hu\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/along.hu\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/Budapesti-seta.webp\",\"datePublished\":\"2026-04-06T11:21:32+00:00\",\"dateModified\":\"2026-10-11T19:32:53+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/along.hu\\\/#breadcrumb\"},\"inLanguage\":\"hu\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/along.hu\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"hu\",\"@id\":\"https:\\\/\\\/along.hu\\\/#primaryimage\",\"url\":\"https:\\\/\\\/along.hu\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/Budapesti-seta.webp\",\"contentUrl\":\"https:\\\/\\\/along.hu\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/Budapesti-seta.webp\",\"width\":1536,\"height\":1024},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/along.hu\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/along.hu\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Kezd\u0151lap\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/along.hu\\\/#website\",\"url\":\"https:\\\/\\\/along.hu\\\/\",\"name\":\"Along\",\"description\":\"Walking experience for couples\",\"publisher\":{\"@id\":\"https:\\\/\\\/along.hu\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/along.hu\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"hu\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/along.hu\\\/#organization\",\"name\":\"Along\",\"url\":\"https:\\\/\\\/along.hu\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"hu\",\"@id\":\"https:\\\/\\\/along.hu\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/along.hu\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/1-e1777282565130.png\",\"contentUrl\":\"https:\\\/\\\/along.hu\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/1-e1777282565130.png\",\"width\":1440,\"height\":530,\"caption\":\"Along\"},\"image\":{\"@id\":\"https:\\\/\\\/along.hu\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Kezd\u0151lap - Along","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/along.hu\/","og_locale":"hu_HU","og_type":"article","og_title":"Kezd\u0151lap - Along","og_description":"\ud83d\udccd ROUTONmost Meg\u00e9rkeztetek \u2726 Koppints, \u00e9s feloldod a k\u00e9rd\u00e9st. \u2726 LIGHT \u00b7 3. K\u00c9RD\u00c9S Mit szerett\u00e9l volna, hogy ma este megk\u00e9rdezzek t\u0151led? K\u00f6z\u00f6s s\u00e9ta 0:42 K\u00f6vetkez\u0151 pont 120 m \u2192 M\u00e9g mindig a telefont nyomkodj\u00e1tok? Nincs t\u00f6bb k\u00ednos randi T\u00f6bb besz\u00e9lget\u00e9s. Kevesebb k\u00ednos csend.Egy randi, amit nem akartok majd befejezni. V\u00e1lasszatok s\u00e9t\u00e1t \u2192 Hogyan m\u0171k\u00f6dik? [&hellip;]","og_url":"https:\/\/along.hu\/","og_site_name":"Along","article_modified_time":"2026-10-11T19:32:53+00:00","og_image":[{"width":1536,"height":1024,"url":"https:\/\/along.hu\/wp-content\/uploads\/2026\/04\/Budapesti-seta.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Becs\u00fclt olvas\u00e1si id\u0151":"12 perc"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/along.hu\/","url":"https:\/\/along.hu\/","name":"Kezd\u0151lap - Along","isPartOf":{"@id":"https:\/\/along.hu\/#website"},"primaryImageOfPage":{"@id":"https:\/\/along.hu\/#primaryimage"},"image":{"@id":"https:\/\/along.hu\/#primaryimage"},"thumbnailUrl":"https:\/\/along.hu\/wp-content\/uploads\/2026\/04\/Budapesti-seta.webp","datePublished":"2026-04-06T11:21:32+00:00","dateModified":"2026-10-11T19:32:53+00:00","breadcrumb":{"@id":"https:\/\/along.hu\/#breadcrumb"},"inLanguage":"hu","potentialAction":[{"@type":"ReadAction","target":["https:\/\/along.hu\/"]}]},{"@type":"ImageObject","inLanguage":"hu","@id":"https:\/\/along.hu\/#primaryimage","url":"https:\/\/along.hu\/wp-content\/uploads\/2026\/04\/Budapesti-seta.webp","contentUrl":"https:\/\/along.hu\/wp-content\/uploads\/2026\/04\/Budapesti-seta.webp","width":1536,"height":1024},{"@type":"BreadcrumbList","@id":"https:\/\/along.hu\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/along.hu\/"},{"@type":"ListItem","position":2,"name":"Kezd\u0151lap"}]},{"@type":"WebSite","@id":"https:\/\/along.hu\/#website","url":"https:\/\/along.hu\/","name":"Along","description":"Walking experience for couples","publisher":{"@id":"https:\/\/along.hu\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/along.hu\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"hu"},{"@type":"Organization","@id":"https:\/\/along.hu\/#organization","name":"Along","url":"https:\/\/along.hu\/","logo":{"@type":"ImageObject","inLanguage":"hu","@id":"https:\/\/along.hu\/#\/schema\/logo\/image\/","url":"https:\/\/along.hu\/wp-content\/uploads\/2026\/03\/1-e1777282565130.png","contentUrl":"https:\/\/along.hu\/wp-content\/uploads\/2026\/03\/1-e1777282565130.png","width":1440,"height":530,"caption":"Along"},"image":{"@id":"https:\/\/along.hu\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/along.hu\/hu\/wp-json\/wp\/v2\/pages\/4064","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/along.hu\/hu\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/along.hu\/hu\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/along.hu\/hu\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/along.hu\/hu\/wp-json\/wp\/v2\/comments?post=4064"}],"version-history":[{"count":129,"href":"https:\/\/along.hu\/hu\/wp-json\/wp\/v2\/pages\/4064\/revisions"}],"predecessor-version":[{"id":5850,"href":"https:\/\/along.hu\/hu\/wp-json\/wp\/v2\/pages\/4064\/revisions\/5850"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/along.hu\/hu\/wp-json\/wp\/v2\/media\/3971"}],"wp:attachment":[{"href":"https:\/\/along.hu\/hu\/wp-json\/wp\/v2\/media?parent=4064"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}