{"id":65,"date":"2026-06-15T10:33:40","date_gmt":"2026-06-15T10:33:40","guid":{"rendered":"https:\/\/klima.webstack.hu\/index.php\/fooldal-2\/"},"modified":"2026-06-15T12:36:33","modified_gmt":"2026-06-15T12:36:33","slug":"fooldal-2","status":"publish","type":"page","link":"https:\/\/klima.webstack.hu\/index.php\/fooldal-2\/","title":{"rendered":"F\u0151oldal"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"65\" class=\"elementor elementor-65\">\n\t\t\t\t<div class=\"elementor-element elementor-element-de9220c e-flex e-con-boxed e-con e-parent\" data-id=\"de9220c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-125878d elementor-widget elementor-widget-html\" data-id=\"125878d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\ufeff<div style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; pointer-events: none; z-index: -1;\">\n  <div style=\"position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(79,172,254,0.15),transparent 70%);top:-100px;right:-200px;z-index:-1;pointer-events:none;\"><\/div>\n  <div style=\"position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(127,0,255,0.1),transparent 70%);top:600px;left:-200px;z-index:-1;pointer-events:none;\"><\/div>\n  <div style=\"position:absolute;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(0,242,254,0.08),transparent 70%);bottom:200px;right:-100px;z-index:-1;pointer-events:none;\"><\/div>\n<\/div>\n<header class=\"header\" style=\"position:fixed;top:0;left:0;width:100%;z-index:1000;border-bottom:1px solid rgba(255,255,255,0.08);background:rgba(7,9,19,0.6);backdrop-filter:blur(12px);\"><div style=\"max-width:1200px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center;height:80px;\"><a href=\"#\" style=\"display:flex;align-items:center;gap:10px;font-family:Outfit,sans-serif;font-weight:800;font-size:1.5rem;text-decoration:none;color:#f8fafc;\"><i data-lucide=\"wind\"><\/i><span>AeroKlima<\/span><\/a><nav><ul class=\"nav-menu\" style=\"display:flex;align-items:center;gap:32px;list-style:none;margin:0;padding:0;\"><li><a class=\"nav-link\" href=\"#szolgaltatasok\" style=\"text-decoration:none;color:#94a3b8;font-weight:500;font-size:0.95rem;\">Szolgaltatasok<\/a><\/li><li><a class=\"nav-link\" href=\"#karbantartas\" style=\"text-decoration:none;color:#94a3b8;font-weight:500;font-size:0.95rem;\">Karbantartas<\/a><\/li><li><a class=\"nav-link\" href=\"#rolunk\" style=\"text-decoration:none;color:#94a3b8;font-weight:500;font-size:0.95rem;\">Rolunk<\/a><\/li><li><a class=\"nav-link\" href=\"#kalkulator\" style=\"text-decoration:none;color:#94a3b8;font-weight:500;font-size:0.95rem;\">Klimakalkulator<\/a><\/li><li><a href=\"#kapcsolat\" style=\"display:inline-flex;align-items:center;gap:8px;padding:10px 24px;font-family:Outfit,sans-serif;font-weight:600;font-size:0.9rem;border-radius:16px;text-decoration:none;background:linear-gradient(135deg,#4facfe,#00f2fe);color:#000;\">Idopontfoglalas<\/a><\/li><\/ul><button class=\"nav-toggle\"><i data-lucide=\"menu\"><\/i><\/button><\/nav><\/div><\/header>\n<section style=\"padding:160px 0 100px;position:relative;overflow:hidden;\"><div style=\"max-width:1200px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;\"><div style=\"display:flex;flex-direction:column;gap:24px;\"><div style=\"align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:rgba(0,242,254,0.08);border:1px solid rgba(0,242,254,0.2);border-radius:9999px;font-size:0.85rem;font-weight:600;color:#00f2fe;text-transform:uppercase;letter-spacing:0.05em;\"><span style=\"width:8px;height:8px;background:#00f2fe;border-radius:50%;display:inline-block;box-shadow:0 0 8px #00f2fe;\"><\/span> Rendszerintegracio 2026<\/div><h1 style=\"font-family:Outfit,sans-serif;font-size:3.5rem;line-height:1.1;font-weight:800;letter-spacing:-0.02em;margin:0;background:linear-gradient(135deg,#fff 30%,#a5f3fc 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;\">Intelligens klimatelepites <br><span style=\"background:linear-gradient(135deg,#00f2fe,#4facfe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;\">a jovo otthonaba<\/span><\/h1><p style=\"font-size:1.1rem;color:#94a3b8;line-height:1.6;\">A++ es A+++ minositesu energiatakarekos klimaberendezsek tervezese, precizios telepitese es rendszeres karbantartasa 5 ev teljes koru garanciaval.<\/p><div style=\"display:flex;gap:16px;margin-top:10px;\"><a href=\"#kapcsolat\" style=\"display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;font-family:Outfit,sans-serif;font-weight:600;font-size:0.95rem;border-radius:16px;text-decoration:none;background:linear-gradient(135deg,#4facfe,#00f2fe);color:#000;box-shadow:0 4px 15px rgba(0,242,254,0.2);\">Ajanlatot kerek<\/a><a href=\"#kalkulator\" style=\"display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;font-family:Outfit,sans-serif;font-weight:600;font-size:0.95rem;border-radius:16px;text-decoration:none;background:rgba(255,255,255,0.05);color:#f8fafc;border:1px solid rgba(255,255,255,0.08);backdrop-filter:blur(10px);\">Klimakalkulator <i data-lucide=\"calculator\"><\/i><\/a><\/div><div style=\"display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px;padding-top:40px;border-top:1px solid rgba(255,255,255,0.08);\"><div><h3 style=\"font-family:Outfit,sans-serif;font-size:2.2rem;font-weight:800;margin:0;background:linear-gradient(135deg,#4facfe,#00f2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;\">15 Ev<\/h3><p style=\"font-size:0.85rem;color:#94a3b8;text-transform:uppercase;letter-spacing:0.05em;font-weight:500;margin-top:4px;\">Tapasztalat<\/p><\/div><div><h3 style=\"font-family:Outfit,sans-serif;font-size:2.2rem;font-weight:800;margin:0;background:linear-gradient(135deg,#4facfe,#00f2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;\">5 Ev<\/h3><p style=\"font-size:0.85rem;color:#94a3b8;text-transform:uppercase;letter-spacing:0.05em;font-weight:500;margin-top:4px;\">Garancia<\/p><\/div><div><h3 style=\"font-family:Outfit,sans-serif;font-size:2.2rem;font-weight:800;margin:0;background:linear-gradient(135deg,#4facfe,#00f2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;\">Sopron<\/h3><p style=\"font-size:0.85rem;color:#94a3b8;text-transform:uppercase;letter-spacing:0.05em;font-weight:500;margin-top:4px;\">Es kornyeke<\/p><\/div><\/div><\/div><div><div style=\"position:relative;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,0.08);box-shadow:0 10px 30px -10px rgba(0,0,0,0.7);\"><img decoding=\"async\" src=\"https:\/\/klima.webstack.hu\/wp-content\/uploads\/2026\/06\/hero_ac_interior.jpg\" alt=\"\" style=\"width:100%;height:auto;display:block;\"><div style=\"position:absolute;bottom:24px;left:24px;right:24px;padding:20px;background:rgba(15,18,36,0.6);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,0.1);border-radius:16px;display:flex;align-items:center;gap:16px;\"><div style=\"width:48px;height:48px;background:linear-gradient(135deg,#4facfe,#00f2fe);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#000;flex-shrink:0;\"><i data-lucide=\"cpu\"><\/i><\/div><div><h4 style=\"font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;margin:0;\">Energia-optimalizalas 2026<\/h4><p style=\"font-size:0.85rem;color:#94a3b8;margin:4px 0 0;\">Akar 40%-kal alacsonyabb havi rezsikoltseg<\/p><\/div><\/div><\/div><\/div><\/div><\/section>\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-fa325a8 e-flex e-con-boxed e-con e-parent\" data-id=\"fa325a8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c60be4b elementor-widget elementor-widget-heading\" data-id=\"c60be4b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-xl\">Amit kinalunk onnek<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ebdb56a elementor-widget elementor-widget-html\" data-id=\"ebdb56a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<p style=\"text-align:center;color:#94A3B8;font-size:1.05rem;max-width:700px;margin:0 auto;\">Minden munkainkat a legujabb kornyezetvedelmi szabvanyoknak es a modern epuletek kovetelmenyeinek megfeleloen vegezzuk.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-39f0bbe elementor-widget elementor-widget-html\" data-id=\"39f0bbe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\ufeff<section style=\"text-align:center;max-width:1200px;margin:0 auto 60px;display:flex;flex-direction:column;align-items:center;gap:16px;\">\n  <div style=\"display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:rgba(0,242,254,0.08);border:1px solid rgba(0,242,254,0.2);border-radius:9999px;font-size:0.85rem;font-weight:600;color:#00f2fe;text-transform:uppercase;letter-spacing:0.05em;\">Szolgaltatasok<\/div>\n<\/section>\n<div style=\"max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;\">\n  <div style=\"background:rgba(15,18,36,0.4);border:1px solid rgba(255,255,255,0.08);border-radius:24px;padding:40px;display:flex;flex-direction:column;gap:24px;position:relative;overflow:hidden;\">\n    <div style=\"position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(135deg,#4facfe,#00f2fe);opacity:0;transition:all 0.4s cubic-bezier(0.16,1,0.3,1);\"><\/div>\n    <div style=\"width:60px;height:60px;background:rgba(0,242,254,0.05);border:1px solid rgba(0,242,254,0.15);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#00f2fe;font-size:1.5rem;\"><i data-lucide=\"wrench\"><\/i><\/div>\n    <div><h3 style=\"font-family:Outfit,sans-serif;font-size:1.35rem;font-weight:700;margin:0 0 12px;color:#f8fafc;\">Okos telepites<\/h3><p style=\"color:#94a3b8;font-size:0.95rem;\">Precizios falfuras pormentes technologiaval, a belteri egyseg optimalis elhelyezesevel.<\/p><\/div>\n    <ul style=\"list-style:none;padding:0;margin:auto 0 0;display:flex;flex-direction:column;gap:8px;\"><li style=\"display:flex;align-items:center;gap:8px;font-size:0.85rem;color:#94a3b8;\"><i data-lucide=\"check\" style=\"color:#00ff87;width:16px;height:16px;\"><\/i> Pormentes gyemantfuras<\/li><li style=\"display:flex;align-items:center;gap:8px;font-size:0.85rem;color:#94a3b8;\"><i data-lucide=\"check\" style=\"color:#00ff87;width:16px;height:16px;\"><\/i> Kondenzviz elvezetes kiepitese<\/li><li style=\"display:flex;align-items:center;gap:8px;font-size:0.85rem;color:#94a3b8;\"><i data-lucide=\"check\" style=\"color:#00ff87;width:16px;height:16px;\"><\/i> Nyomasproba es uzembe helyezes<\/li><\/ul>\n  <\/div>\n  <div style=\"background:rgba(15,18,36,0.4);border:1px solid rgba(255,255,255,0.08);border-radius:24px;padding:40px;display:flex;flex-direction:column;gap:24px;position:relative;overflow:hidden;\">\n    <div style=\"position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(135deg,#4facfe,#00f2fe);opacity:0;transition:all 0.4s cubic-bezier(0.16,1,0.3,1);\"><\/div>\n    <div style=\"width:60px;height:60px;background:rgba(0,242,254,0.05);border:1px solid rgba(0,242,254,0.15);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#00f2fe;font-size:1.5rem;\"><i data-lucide=\"shield-check\"><\/i><\/div>\n    <div><h3 style=\"font-family:Outfit,sans-serif;font-size:1.35rem;font-weight:700;margin:0 0 12px;color:#f8fafc;\">Szakerto karbantartas<\/h3><p style=\"color:#94a3b8;font-size:0.95rem;\">Rendszeres tisztitas ozonos technologiaval, virus- es gombatlanitas, szurocsere.<\/p><\/div>\n    <ul style=\"list-style:none;padding:0;margin:auto 0 0;display:flex;flex-direction:column;gap:8px;\"><li style=\"display:flex;align-items:center;gap:8px;font-size:0.85rem;color:#94a3b8;\"><i data-lucide=\"check\" style=\"color:#00ff87;width:16px;height:16px;\"><\/i> Ozonos es vegyszeres fertotlenites<\/li><li style=\"display:flex;align-items:center;gap:8px;font-size:0.85rem;color:#94a3b8;\"><i data-lucide=\"check\" style=\"color:#00ff87;width:16px;height:16px;\"><\/i> Hutokozeg toltottseg ellenorzes<\/li><li style=\"display:flex;align-items:center;gap:8px;font-size:0.85rem;color:#94a3b8;\"><i data-lucide=\"check\" style=\"color:#00ff87;width:16px;height:16px;\"><\/i> Fogyasztas optimalizalas<\/li><\/ul>\n  <\/div>\n  <div style=\"background:rgba(15,18,36,0.4);border:1px solid rgba(255,255,255,0.08);border-radius:24px;padding:40px;display:flex;flex-direction:column;gap:24px;position:relative;overflow:hidden;\">\n    <div style=\"position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(135deg,#4facfe,#00f2fe);opacity:0;transition:all 0.4s cubic-bezier(0.16,1,0.3,1);\"><\/div>\n    <div style=\"width:60px;height:60px;background:rgba(0,242,254,0.05);border:1px solid rgba(0,242,254,0.15);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#00f2fe;font-size:1.5rem;\"><i data-lucide=\"smartphone\"><\/i><\/div>\n    <div><h3 style=\"font-family:Outfit,sans-serif;font-size:1.35rem;font-weight:700;margin:0 0 12px;color:#f8fafc;\">Smart Home Integracio<\/h3><p style=\"color:#94a3b8;font-size:0.95rem;\">A klimaberendezsek osszekapcsolasa LOXONE, Home Assistant, HomeKit rendszerekkel.<\/p><\/div>\n    <ul style=\"list-style:none;padding:0;margin:auto 0 0;display:flex;flex-direction:column;gap:8px;\"><li style=\"display:flex;align-items:center;gap:8px;font-size:0.85rem;color:#94a3b8;\"><i data-lucide=\"check\" style=\"color:#00ff87;width:16px;height:16px;\"><\/i> Wi-Fi modul konfiguracio<\/li><li style=\"display:flex;align-items:center;gap:8px;font-size:0.85rem;color:#94a3b8;\"><i data-lucide=\"check\" style=\"color:#00ff87;width:16px;height:16px;\"><\/i> Automatizalt jelenetek beallitasa<\/li><li style=\"display:flex;align-items:center;gap:8px;font-size:0.85rem;color:#94a3b8;\"><i data-lucide=\"check\" style=\"color:#00ff87;width:16px;height:16px;\"><\/i> Hangvezerles integracio (Alexa\/Siri)<\/li><\/ul>\n  <\/div>\n<\/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-f6bfcf0 e-flex e-con-boxed e-con e-parent\" data-id=\"f6bfcf0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2f900ba elementor-widget elementor-widget-html\" data-id=\"2f900ba\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\ufeff<section style=\"max-width:1200px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center;\">\n  <div style=\"position:relative;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,0.08);box-shadow:0 10px 30px -10px rgba(0,0,0,0.7);\"><img decoding=\"async\" src=\"https:\/\/klima.webstack.hu\/wp-content\/uploads\/2026\/06\/ac_foam_cleaning.jpg\" alt=\"\" style=\"width:100%;height:auto;display:block;\"><\/div>\n  <div style=\"display:flex;flex-direction:column;gap:24px;\">\n    <div style=\"display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:rgba(0,242,254,0.08);border:1px solid rgba(0,242,254,0.2);border-radius:9999px;font-size:0.85rem;font-weight:600;color:#00f2fe;text-transform:uppercase;letter-spacing:0.05em;align-self:flex-start;\">Miert fontos?<\/div>\n    <h2 style=\"font-family:Outfit,sans-serif;font-size:2.5rem;font-weight:800;letter-spacing:-0.02em;margin:0;background:linear-gradient(135deg,#fff 30%,#a5f3fc 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;\">Professzionalis karbantartas es vegyszeres tisztitas<\/h2>\n    <p style=\"font-size:1.1rem;color:#94a3b8;line-height:1.6;\">A nem megfeleloen karbantartott legkondicionalok nemcsak tobb energiat fogyasztanak, hanem veszelyes bakteriumok es gombak (pl. Legionella) melegagyava is valhatnak.<\/p>\n    <div style=\"display:flex;flex-direction:column;gap:20px;margin-top:20px;\">\n      <div style=\"display:flex;align-items:flex-start;gap:16px;\"><div style=\"width:40px;height:40px;background:rgba(0,255,135,0.08);border:1px solid rgba(0,255,135,0.2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#00ff87;flex-shrink:0;\"><i data-lucide=\"leaf\" style=\"width:18px;height:18px;\"><\/i><\/div><div><h4 style=\"font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:600;margin:0 0 4px;color:#f8fafc;\">Egeszseges levego<\/h4><p style=\"font-size:0.9rem;color:#94a3b8;\">Az ozonos es vegyszeres mosas elpusztitja a korokozok 99.9%-at a belteri egyseg lamellairol.<\/p><\/div><\/div>\n      <div style=\"display:flex;align-items:flex-start;gap:16px;\"><div style=\"width:40px;height:40px;background:rgba(0,255,135,0.08);border:1px solid rgba(0,255,135,0.2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#00ff87;flex-shrink:0;\"><i data-lucide=\"trending-down\" style=\"width:18px;height:18px;\"><\/i><\/div><div><h4 style=\"font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:600;margin:0 0 4px;color:#f8fafc;\">Alacsonyabb villanyszamla<\/h4><p style=\"font-size:0.9rem;color:#94a3b8;\">A tiszta hocserelo sokkal jobb hatafokkal uzemel, csokkentve a kompresszor terhelest.<\/p><\/div><\/div>\n      <div style=\"display:flex;align-items:flex-start;gap:16px;\"><div style=\"width:40px;height:40px;background:rgba(0,255,135,0.08);border:1px solid rgba(0,255,135,0.2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#00ff87;flex-shrink:0;\"><i data-lucide=\"history\" style=\"width:18px;height:18px;\"><\/i><\/div><div><h4 style=\"font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:600;margin:0 0 4px;color:#f8fafc;\">Hosszabb elettartam<\/h4><p style=\"font-size:0.9rem;color:#94a3b8;\">Az eves ketszeri ellenorzessel megelozhetok a komolyabb meghibasodasok.<\/p><\/div><\/div>\n    <\/div>\n  <\/div>\n<\/section>\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-17468a8 e-flex e-con-boxed e-con e-parent\" data-id=\"17468a8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-13f45e8 elementor-widget elementor-widget-html\" data-id=\"13f45e8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\ufeff<section style=\"max-width:1200px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center;\">\n  <div style=\"position:relative;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,0.08);box-shadow:0 10px 30px -10px rgba(0,0,0,0.7);\"><img decoding=\"async\" src=\"https:\/\/klima.webstack.hu\/wp-content\/uploads\/2026\/06\/ac_electric_engineering.jpg\" alt=\"\" style=\"width:100%;height:auto;display:block;\"><\/div>\n  <div style=\"display:flex;flex-direction:column;gap:24px;\">\n    <div style=\"display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:rgba(0,242,254,0.08);border:1px solid rgba(0,242,254,0.2);border-radius:9999px;font-size:0.85rem;font-weight:600;color:#00f2fe;text-transform:uppercase;align-self:flex-start;\">Rolunk<\/div>\n    <h2 style=\"font-family:Outfit,sans-serif;font-size:2.5rem;font-weight:800;letter-spacing:-0.02em;margin:0;background:linear-gradient(135deg,#fff 30%,#a5f3fc 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:left;\">Tobb mint 15 ev szakmai tapasztalat a hatunk mogott<\/h2>\n    <p style=\"font-size:1.1rem;color:#94a3b8;line-height:1.6;\">Huseges sopronkent vallalkozasunkkal a helyi igenyek magas szinvonalu kieltegiteset kivanjuk szolgalni. A helyi lakossag es vallalkozasok szamara a legmagasabb szinvonalu klimatelepitesi es karbantartasi szolgaltatasokat nyujtjuk.<\/p>\n    <div style=\"display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px;\">\n      <div style=\"display:flex;align-items:center;gap:10px;\"><div style=\"width:36px;height:36px;background:rgba(0,255,135,0.08);border:1px solid rgba(0,255,135,0.2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#00ff87;\"><i data-lucide=\"check\" style=\"width:16px;height:16px;\"><\/i><\/div><h4 style=\"font-family:Outfit,sans-serif;font-size:0.95rem;font-weight:600;margin:0;color:#f8fafc;\">Gyors, pontos munka<\/h4><\/div>\n      <div style=\"display:flex;align-items:center;gap:10px;\"><div style=\"width:36px;height:36px;background:rgba(0,255,135,0.08);border:1px solid rgba(0,255,135,0.2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#00ff87;\"><i data-lucide=\"check\" style=\"width:16px;height:16px;\"><\/i><\/div><h4 style=\"font-family:Outfit,sans-serif;font-size:0.95rem;font-weight:600;margin:0;color:#f8fafc;\">Premium geppark<\/h4><\/div>\n      <div style=\"display:flex;align-items:center;gap:10px;\"><div style=\"width:36px;height:36px;background:rgba(0,255,135,0.08);border:1px solid rgba(0,255,135,0.2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#00ff87;\"><i data-lucide=\"check\" style=\"width:16px;height:16px;\"><\/i><\/div><h4 style=\"font-family:Outfit,sans-serif;font-size:0.95rem;font-weight:600;margin:0;color:#f8fafc;\">Rugalmas ugyintezes<\/h4><\/div>\n      <div style=\"display:flex;align-items:center;gap:10px;\"><div style=\"width:36px;height:36px;background:rgba(0,255,135,0.08);border:1px solid rgba(0,255,135,0.2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#00ff87;\"><i data-lucide=\"check\" style=\"width:16px;height:16px;\"><\/i><\/div><h4 style=\"font-family:Outfit,sans-serif;font-size:0.95rem;font-weight:600;margin:0;color:#f8fafc;\">Korrekt arak<\/h4><\/div>\n    <\/div>\n  <\/div>\n<\/section>\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-0c6db2d e-flex e-con-boxed e-con e-parent\" data-id=\"0c6db2d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-89f0af9 elementor-widget elementor-widget-html\" data-id=\"89f0af9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\ufeff<section style=\"max-width:1200px;margin:0 auto;padding:0 24px;\">\n  <div style=\"text-align:center;max-width:600px;margin:0 auto 60px;display:flex;flex-direction:column;align-items:center;gap:16px;\">\n    <div style=\"display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:rgba(0,242,254,0.08);border:1px solid rgba(0,242,254,0.2);border-radius:9999px;font-size:0.85rem;font-weight:600;color:#00f2fe;text-transform:uppercase;\">Tervezo<\/div>\n    <h2 style=\"font-family:Outfit,sans-serif;font-size:2.5rem;font-weight:800;margin:0;background:linear-gradient(135deg,#fff 30%,#a5f3fc 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;\">Mekkora klimara van szuksegem?<\/h2>\n  <\/div>\n  <div style=\"background:rgba(15,18,36,0.4);border:1px solid rgba(255,255,255,0.08);border-radius:24px;padding:50px;backdrop-filter:blur(16px);display:grid;grid-template-columns:1.2fr 1fr;gap:60px;\">\n    <div style=\"display:flex;flex-direction:column;gap:30px;\">\n      <div><div style=\"font-family:Outfit;font-weight:600;font-size:1rem;display:flex;justify-content:space-between;\"><span>A helyiseg merete<\/span><span id=\"calc-size-val\" style=\"color:#00f2fe;font-weight:700;\">35 m2<\/span><\/div><input type=\"range\" id=\"calc-size\" min=\"10\" max=\"100\" value=\"35\" style=\"width:100%;height:6px;border-radius:9999px;background:rgba(255,255,255,0.1);outline:none;\"><\/div>\n      <div><div style=\"font-family:Outfit;font-weight:600;font-size:1rem;margin-bottom:12px;\">Szigeteles<\/div>\n        <div style=\"display:grid;grid-template-columns:repeat(3,1fr);gap:16px;\">\n          <label class=\"radio-card\"><input type=\"radio\" name=\"insulation\" value=\"1.25\"><div class=\"radio-btn-label\"><i data-lucide=\"home\" style=\"color:#94a3b8;\"><\/i><span>Gyenge<\/span><\/div><\/label>\n          <label class=\"radio-card\"><input type=\"radio\" name=\"insulation\" value=\"1.00\" checked><div class=\"radio-btn-label\"><i data-lucide=\"shield\" style=\"color:#94a3b8;\"><\/i><span>Atlagos<\/span><\/div><\/label>\n          <label class=\"radio-card\"><input type=\"radio\" name=\"insulation\" value=\"0.70\"><div class=\"radio-btn-label\"><i data-lucide=\"sparkles\" style=\"color:#94a3b8;\"><\/i><span>Passziv<\/span><\/div><\/label>\n        <\/div><\/div>\n      <div><div style=\"font-family:Outfit;font-weight:600;font-size:1rem;margin-bottom:12px;\">Napfeny<\/div>\n        <div style=\"display:grid;grid-template-columns:repeat(3,1fr);gap:16px;\">\n          <label class=\"radio-card\"><input type=\"radio\" name=\"sunlight\" value=\"0.90\"><div class=\"radio-btn-label\"><i data-lucide=\"cloud\" style=\"color:#94a3b8;\"><\/i><span>Arnyekos<\/span><\/div><\/label>\n          <label class=\"radio-card\"><input type=\"radio\" name=\"sunlight\" value=\"1.00\" checked><div class=\"radio-btn-label\"><i data-lucide=\"cloud-sun\" style=\"color:#94a3b8;\"><\/i><span>Atlagos<\/span><\/div><\/label>\n          <label class=\"radio-card\"><input type=\"radio\" name=\"sunlight\" value=\"1.15\"><div class=\"radio-btn-label\"><i data-lucide=\"sun\" style=\"color:#94a3b8;\"><\/i><span>Napsutotte<\/span><\/div><\/label>\n        <\/div><\/div>\n    <\/div>\n    <div style=\"background:rgba(7,9,19,0.5);border:1px solid rgba(255,255,255,0.08);border-radius:16px;padding:40px;position:relative;overflow:hidden;\">\n      <div style=\"position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(0,242,254,0.1),transparent 70%);top:-50px;right:-50px;z-index:0;\"><\/div>\n      <div style=\"position:relative;z-index:1;\">\n        <div style=\"font-size:0.9rem;font-weight:600;color:#94a3b8;text-transform:uppercase;margin-bottom:30px;\">Kalkulalt szukseglet<\/div>\n        <div id=\"res-btu\" style=\"font-size:3.5rem;font-weight:800;line-height:1.1;color:#00f2fe;text-shadow:0 0 15px rgba(0,242,254,0.2);\">12 000 BTU\/h<\/div>\n        <div id=\"res-watts\" style=\"font-size:1.2rem;color:#94a3b8;font-weight:500;margin-top:8px;\">~ 3.50 kW<\/div>\n        <div style=\"border-top:1px solid rgba(255,255,255,0.08);border-bottom:1px solid rgba(255,255,255,0.08);padding:24px 0;margin-top:30px;\">\n          <div style=\"display:flex;justify-content:space-between;font-size:0.95rem;\"><span style=\"color:#94a3b8;\">Ajanlott:<\/span><span id=\"detail-recommendation\" style=\"font-weight:600;\">3.5 kW<\/span><\/div>\n          <div style=\"display:flex;justify-content:space-between;font-size:0.95rem;margin-top:16px;\"><span style=\"color:#94a3b8;\">Megtakaritas:<\/span><span id=\"detail-savings\" style=\"font-weight:600;color:#00ff87;\">35%<\/span><\/div>\n          <div style=\"display:flex;justify-content:space-between;font-size:0.95rem;margin-top:16px;\"><span style=\"color:#94a3b8;\">Ar:<\/span><span id=\"detail-price\" style=\"font-weight:600;\">350-470e Ft<\/span><\/div>\n        <\/div>\n      <\/div>\n      <a href=\"#kapcsolat\" id=\"calc-cta-btn\" style=\"margin-top:20px;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;font-family:Outfit;font-weight:600;font-size:0.95rem;border-radius:16px;text-decoration:none;background:linear-gradient(135deg,#4facfe,#00f2fe);color:#000;\">Idopontfoglalas <i data-lucide=\"arrow-right\"><\/i><\/a>\n    <\/div>\n  <\/div>\n<\/section>\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-bf3e956 e-flex e-con-boxed e-con e-parent\" data-id=\"bf3e956\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4e3d246 elementor-widget elementor-widget-html\" data-id=\"4e3d246\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\ufeff<section style=\"max-width:1200px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center;\">\n  <div style=\"display:flex;flex-direction:column;gap:24px;\">\n    <div style=\"display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:rgba(0,242,254,0.08);border:1px solid rgba(0,242,254,0.2);border-radius:9999px;font-size:0.85rem;font-weight:600;color:#00f2fe;text-transform:uppercase;align-self:flex-start;\">Kapcsolat<\/div>\n    <h2 style=\"font-family:Outfit,sans-serif;font-size:2.5rem;font-weight:800;margin:0;background:linear-gradient(135deg,#fff 30%,#a5f3fc 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;\">Kerjen helyszini felmerest<\/h2>\n    <p style=\"font-size:1.1rem;color:#94a3b8;\">Szakembereink felmerik otthona adottsagait, es javaslatot tesznek az optimalis klimaberendezesre.<\/p>\n    <div style=\"display:flex;flex-direction:column;gap:16px;\">\n      <div style=\"display:flex;align-items:center;gap:14px;padding:14px;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.06);border-radius:12px;\"><div style=\"width:40px;height:40px;border-radius:10px;background:rgba(0,242,254,0.1);display:flex;align-items:center;justify-content:center;\"><i data-lucide=\"map-pin\" style=\"color:#00f2fe;width:20px;height:20px;\"><\/i><\/div><div><div style=\"font-weight:600;margin-bottom:4px;\">Cim<\/div><div style=\"font-size:0.9rem;color:#94a3b8;\">1054 Budapest, Bajcsy-Zsilinszky ut 42.<\/div><\/div><\/div>\n      <div style=\"display:flex;align-items:center;gap:14px;padding:14px;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.06);border-radius:12px;\"><div style=\"width:40px;height:40px;border-radius:10px;background:rgba(0,242,254,0.1);display:flex;align-items:center;justify-content:center;\"><i data-lucide=\"phone\" style=\"color:#00f2fe;width:20px;height:20px;\"><\/i><\/div><div><div style=\"font-weight:600;margin-bottom:4px;\">Telefonszam<\/div><div style=\"font-size:0.9rem;color:#94a3b8;\">+36 30 123 4567<\/div><\/div><\/div>\n      <div style=\"display:flex;align-items:center;gap:14px;padding:14px;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.06);border-radius:12px;\"><div style=\"width:40px;height:40px;border-radius:10px;background:rgba(0,242,254,0.1);display:flex;align-items:center;justify-content:center;\"><i data-lucide=\"mail\" style=\"color:#00f2fe;width:20px;height:20px;\"><\/i><\/div><div><div style=\"font-weight:600;margin-bottom:4px;\">E-mail<\/div><div style=\"font-size:0.9rem;color:#94a3b8;\">info@aeroklima.hu<\/div><\/div><\/div>\n      <div style=\"display:flex;align-items:center;gap:14px;padding:14px;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.06);border-radius:12px;\"><div style=\"width:40px;height:40px;border-radius:10px;background:rgba(0,242,254,0.1);display:flex;align-items:center;justify-content:center;\"><i data-lucide=\"clock\" style=\"color:#00f2fe;width:20px;height:20px;\"><\/i><\/div><div><div style=\"font-weight:600;margin-bottom:4px;\">Nyitvatartas<\/div><div style=\"font-size:0.9rem;color:#94a3b8;\">H-P: 8:00 - 18:00 | Sz: 9:00 - 14:00<\/div><\/div><\/div>\n    <\/div>\n  <\/div>\n  <div style=\"background:rgba(7,9,19,0.6);border:1px solid rgba(255,255,255,0.08);border-radius:24px;padding:40px;\">\n    <div style=\"display:grid;gap:20px;grid-template-columns:1fr 1fr;\">\n      <input type=\"text\" placeholder=\"Vezeteknev\" style=\"padding:14px 16px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:12px;color:#fff;font-size:0.95rem;outline:none;\">\n      <input type=\"text\" placeholder=\"Keresztnev\" style=\"padding:14px 16px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:12px;color:#fff;font-size:0.95rem;outline:none;\">\n    <\/div>\n    <div style=\"display:grid;gap:20px;margin-top:20px;\">\n      <input type=\"email\" placeholder=\"E-mail cim\" style=\"padding:14px 16px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:12px;color:#fff;font-size:0.95rem;outline:none;\">\n      <input type=\"tel\" placeholder=\"Telefonszam\" style=\"padding:14px 16px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:12px;color:#fff;font-size:0.95rem;outline:none;\">\n      <textarea placeholder=\"Uzenet...\" rows=\"4\" style=\"padding:14px 16px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:12px;color:#fff;font-size:0.95rem;outline:none;resize:vertical;\"><\/textarea>\n    <\/div>\n    <button type=\"submit\" style=\"margin-top:20px;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;font-family:Outfit;font-weight:600;font-size:0.95rem;border-radius:12px;background:linear-gradient(135deg,#4facfe,#00f2fe);color:#000;border:none;cursor:pointer;\">Uzenet kuldese <i data-lucide=\"send\"><\/i><\/button>\n  <\/div>\n<\/section>\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-67e2bce e-flex e-con-boxed e-con e-parent\" data-id=\"67e2bce\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e4c49a1 elementor-widget elementor-widget-html\" data-id=\"e4c49a1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\ufeff<div style=\"display:grid;grid-template-columns:1.5fr 1fr;gap:60px;\">\n  <div>\n    <div style=\"display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:rgba(0,242,254,0.08);border:1px solid rgba(0,242,254,0.2);border-radius:9999px;font-size:0.85rem;font-weight:600;color:#00f2fe;text-transform:uppercase;\">Velemenyek<\/div>\n    <h2 style=\"font-family:Outfit;font-size:2.5rem;font-weight:800;margin:20px 0 12px;background:linear-gradient(135deg,#fff 30%,#a5f3fc 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;\">Mit mondanak rolam<\/h2>\n    <div style=\"display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px;\">\n      <div style=\"padding:24px;background:rgba(15,18,36,0.4);border:1px solid rgba(255,255,255,0.06);border-radius:16px;\"><div style=\"color:#00f2fe;\">\u2605\u2605\u2605\u2605\u2605<\/div><p style=\"font-size:0.9rem;color:#cbd5e1;margin:12px 0;\">\"Profi munka, gyors es pontos. A klimank tokeletesen huti a nappalit.\"<\/p><div><span style=\"font-weight:600;\">Laszlo K.<\/span><span style=\"color:#64748b;font-size:0.85rem;\"> - Budapest<\/span><\/div><\/div>\n      <div style=\"padding:24px;background:rgba(15,18,36,0.4);border:1px solid rgba(255,255,255,0.06);border-radius:16px;\"><div style=\"color:#00f2fe;\">\u2605\u2605\u2605\u2605\u2605<\/div><p style=\"font-size:0.9rem;color:#cbd5e1;margin:12px 0;\">\"Ajanlom mindenkinek! Szep munka, kedves ar, pontos idopont.\"<\/p><div><span style=\"font-weight:600;\">Anna H.<\/span><span style=\"color:#64748b;font-size:0.85rem;\"> - Debrecen<\/span><\/div><\/div>\n    <\/div>\n    <div style=\"margin-top:40px;\">\n      <div style=\"display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:rgba(0,242,254,0.08);border:1px solid rgba(0,242,254,0.2);border-radius:9999px;font-size:0.85rem;font-weight:600;color:#00f2fe;text-transform:uppercase;\">Blog<\/div>\n      <h2 style=\"font-family:Outfit;font-size:2.5rem;font-weight:800;margin:20px 0 12px;background:linear-gradient(135deg,#fff 30%,#a5f3fc 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;\">Legfrissebb cikkeink<\/h2>\n      <div style=\"display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px;\">\n        <a href=\"#\" style=\"display:block;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,0.06);text-decoration:none;background:rgba(15,18,36,0.4);\"><img decoding=\"async\" src=\"https:\/\/klima.webstack.hu\/wp-content\/uploads\/2026\/06\/blog_energy_saving.jpg\" alt=\"blog\" style=\"width:100%;height:180px;object-fit:cover;\"><div style=\"padding:20px;\"><div style=\"font-size:0.75rem;color:#00f2fe;font-weight:600;margin-bottom:6px;\">2026.06.15<\/div><div style=\"font-weight:700;color:#fff;margin-bottom:8px;\">Energiatakar\u00e9kos megold\u00e1sok<\/div><div style=\"font-size:0.85rem;color:#94a3b8;\">Hogyan csokkentheti a klimak fogyasztasat akar 40%-kal?<\/div><\/div><\/a>\n        <a href=\"#\" style=\"display:block;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,0.06);text-decoration:none;background:rgba(15,18,36,0.4);\"><img decoding=\"async\" src=\"https:\/\/klima.webstack.hu\/wp-content\/uploads\/2026\/06\/ac_foam_cleaning.jpg\" alt=\"blog\" style=\"width:100%;height:180px;object-fit:cover;\"><div style=\"padding:20px;\"><div style=\"font-size:0.75rem;color:#00f2fe;font-weight:600;margin-bottom:6px;\">2026.06.10<\/div><div style=\"font-weight:700;color:#fff;margin-bottom:8px;\">Karbantartas tippek<\/div><div style=\"font-size:0.85rem;color:#94a3b8;\">Klimaja elethosszanak meghosszabbitasa egyszeru lopusokkal.<\/div><\/div><\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n  <div>\n    <div style=\"display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:rgba(0,242,254,0.08);border:1px solid rgba(0,242,254,0.2);border-radius:9999px;font-size:0.85rem;font-weight:600;color:#00f2fe;text-transform:uppercase;\">GYIK<\/div>\n    <h2 style=\"font-family:Outfit;font-size:2.5rem;font-weight:800;margin:20px 0 12px;background:linear-gradient(135deg,#fff 30%,#a5f3fc 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;\">Gyakori kerdesek<\/h2>\n    <div style=\"margin-top:30px;\">\n      <details style=\"padding:20px 0;border-bottom:1px solid rgba(255,255,255,0.08);\"><summary style=\"font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;\">Mennyibe kerul egy klima beszerelese?<span style=\"color:#00f2fe;\">+<\/span><\/summary><p style=\"margin-top:12px;font-size:0.9rem;color:#94a3b8;\">A klimak arfolyama a teljesitmenytol es a tipustol fuggoen alakul. Atalaban 250.000 Ft-tol 600.000 Ft-ig terjed.<\/p><\/details>\n      <details style=\"padding:20px 0;border-bottom:1px solid rgba(255,255,255,0.08);\"><summary style=\"font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;\">Mennyi idot vesz igenybe a beszereles?<span style=\"color:#00f2fe;\">+<\/span><\/summary><p style=\"margin-top:12px;font-size:0.9rem;color:#94a3b8;\">Egy atlagos lakossagi klima beszerelese 4-6 orat vesz igenybe.<\/p><\/details>\n      <details style=\"padding:20px 0;border-bottom:1px solid rgba(255,255,255,0.08);\"><summary style=\"font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;\">Milyen markakat ajanlotok?<span style=\"color:#00f2fe;\">+<\/span><\/summary><p style=\"margin-top:12px;font-size:0.9rem;color:#94a3b8;\">Mi a Daikin, Mitsubishi Electric, es a Samsung markakat forgalmazzuk.<\/p><\/details>\n      <details style=\"padding:20px 0;border-bottom:1px solid rgba(255,255,255,0.08);\"><summary style=\"font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;\">Van garancia a munkara?<span style=\"color:#00f2fe;\">+<\/span><\/summary><p style=\"margin-top:12px;font-size:0.9rem;color:#94a3b8;\">Igen, minden munkankra 2 ev garanciat vallalunk, a berendezesekre 5 ev gyartoi garancia vonatkozik.<\/p><\/details>\n    <\/div>\n  <\/div>\n<\/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-463b3d3 e-flex e-con-boxed e-con e-parent\" data-id=\"463b3d3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-acef545 elementor-widget elementor-widget-html\" data-id=\"acef545\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\ufeff<div style=\"border-top:1px solid rgba(255,255,255,0.06);padding:60px 0 0;\">\n  <div style=\"display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;max-width:1200px;margin:0 auto;padding:0 24px;\">\n    <div><div style=\"display:flex;align-items:center;gap:10px;margin-bottom:20px;\"><div style=\"width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#4facfe,#00f2fe);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.1rem;color:#000;\">A<\/div><span style=\"font-family:Outfit;font-size:1.2rem;font-weight:700;\">AeroKlima<\/span><\/div><p style=\"font-size:0.9rem;color:#94a3b8;line-height:1.7;\">Professzionalis klimatechnikai megoldasok. Tobb mint 10 ev tapasztalattal.<\/p><\/div>\n    <div><div style=\"font-family:Outfit;font-weight:700;font-size:1rem;margin-bottom:16px;\">Szolgaltatasok<\/div><div style=\"display:flex;flex-direction:column;gap:10px;font-size:0.9rem;color:#94a3b8;\"><a href=\"#\" style=\"color:#94a3b8;text-decoration:none;\">Klima beszereles<\/a><a href=\"#\" style=\"color:#94a3b8;text-decoration:none;\">Klima karbantartas<\/a><a href=\"#\" style=\"color:#94a3b8;text-decoration:none;\">Hoszipatka<\/a><a href=\"#\" style=\"color:#94a3b8;text-decoration:none;\">Ipari klimak<\/a><\/div><\/div>\n    <div><div style=\"font-family:Outfit;font-weight:700;font-size:1rem;margin-bottom:16px;\">Termekek<\/div><div style=\"display:flex;flex-direction:column;gap:10px;font-size:0.9rem;color:#94a3b8;\"><a href=\"#\" style=\"color:#94a3b8;text-decoration:none;\">Daikin<\/a><a href=\"#\" style=\"color:#94a3b8;text-decoration:none;\">Mitsubishi<\/a><a href=\"#\" style=\"color:#94a3b8;text-decoration:none;\">Samsung<\/a><a href=\"#\" style=\"color:#94a3b8;text-decoration:none;\">Gree<\/a><\/div><\/div>\n    <div><div style=\"font-family:Outfit;font-weight:700;font-size:1rem;margin-bottom:16px;\">AeroKlima Kft.<\/div><div style=\"display:flex;flex-direction:column;gap:10px;font-size:0.9rem;color:#94a3b8;\"><span>1054 Budapest, Bajcsy ut 42.<\/span><span>+36 30 123 4567<\/span><span>info@aeroklima.hu<\/span><\/div><\/div>\n  <\/div>\n  <div style=\"max-width:1200px;margin:40px auto 0;padding:20px 24px 0;border-top:1px solid rgba(255,255,255,0.06);display:flex;justify-content:space-between;font-size:0.85rem;color:#64748b;\">\n    <span>2026 AeroKlima. Minden jog fenntartva.<\/span>\n    <div style=\"display:flex;gap:16px;\"><a href=\"#\" style=\"color:#64748b;text-decoration:none;\">Adatvedelem<\/a><a href=\"#\" style=\"color:#64748b;text-decoration:none;\">ASZF<\/a><\/div>\n  <\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9e2f077 elementor-widget elementor-widget-html\" data-id=\"9e2f077\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* ==========================================\n   AeroKlima 2026 - CSS Design System & Layout\n   ========================================== *\/\n\n\/* Google Fonts Import *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap');\n\n:root {\n    \/* Color Palette *\/\n    --bg-dark: #070913;\n    --bg-card: rgba(15, 18, 36, 0.4);\n    --bg-card-hover: rgba(22, 27, 54, 0.6);\n    --border-color: rgba(255, 255, 255, 0.08);\n    --border-glow: rgba(0, 242, 254, 0.3);\n    \n    \/* Primary brand colors *\/\n    --accent-cyan: #00f2fe;\n    --accent-blue: #4facfe;\n    --accent-purple: #7f00ff;\n    --accent-green: #00ff87;\n    \n    \/* Text colors *\/\n    --text-primary: #f8fafc;\n    --text-secondary: #94a3b8;\n    --text-muted: #64748b;\n    \n    \/* Gradients *\/\n    --grad-primary: linear-gradient(135deg, var(--accent-blue) 0%, var(--accent-cyan) 100%);\n    --grad-purple: linear-gradient(135deg, var(--accent-purple) 0%, var(--accent-blue) 100%);\n    --grad-green: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);\n    --grad-text: linear-gradient(135deg, #ffffff 30%, #a5f3fc 100%);\n    --grad-accent-text: linear-gradient(135deg, var(--accent-cyan) 0%, var(--accent-blue) 100%);\n    \n    \/* Fonts *\/\n    --font-heading: 'Outfit', sans-serif;\n    --font-body: 'Plus Jakarta Sans', sans-serif;\n    \n    \/* UI properties *\/\n    --radius-sm: 8px;\n    --radius-md: 16px;\n    --radius-lg: 24px;\n    --radius-full: 9999px;\n    --transition-smooth: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n    --transition-fast: all 0.2s ease;\n    \n    \/* Shadows *\/\n    --shadow-glow: 0 0 30px rgba(0, 242, 254, 0.15);\n    --shadow-card: 0 10px 30px -10px rgba(0, 0, 0, 0.7);\n}\n\n\/* ==========================================\n   Reset & Base Styles\n   ========================================== *\/\n*, *::before, *::after {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n}\n\nhtml, body {\n    overflow-x: hidden;\n    width: 100%;\n}\n\nhtml {\n    scroll-behavior: smooth;\n    font-size: 16px;\n    background-color: var(--bg-dark);\n}\n\nbody {\n    font-family: var(--font-body);\n    background-color: var(--bg-dark);\n    color: var(--text-primary);\n    line-height: 1.6;\n    -webkit-font-smoothing: antialiased;\n}\n\n\/* Background Ambient Glows *\/\n.ambient-glow-1 {\n    position: absolute;\n    width: 600px;\n    height: 600px;\n    border-radius: 50%;\n    background: radial-gradient(circle, rgba(79, 172, 254, 0.15) 0%, rgba(0, 0, 0, 0) 70%);\n    top: -100px;\n    right: -200px;\n    z-index: -1;\n    pointer-events: none;\n}\n\n.ambient-glow-2 {\n    position: absolute;\n    width: 500px;\n    height: 500px;\n    border-radius: 50%;\n    background: radial-gradient(circle, rgba(127, 0, 255, 0.1) 0%, rgba(0, 0, 0, 0) 70%);\n    top: 600px;\n    left: -200px;\n    z-index: -1;\n    pointer-events: none;\n}\n\n.ambient-glow-3 {\n    position: absolute;\n    width: 700px;\n    height: 700px;\n    border-radius: 50%;\n    background: radial-gradient(circle, rgba(0, 242, 254, 0.08) 0%, rgba(0, 0, 0, 0) 70%);\n    bottom: 200px;\n    right: -100px;\n    z-index: -1;\n    pointer-events: none;\n}\n\n\/* Custom Scrollbar *\/\n::-webkit-scrollbar {\n    width: 10px;\n}\n::-webkit-scrollbar-track {\n    background: var(--bg-dark);\n}\n::-webkit-scrollbar-thumb {\n    background: rgba(255, 255, 255, 0.1);\n    border-radius: var(--radius-full);\n    border: 2px solid var(--bg-dark);\n}\n::-webkit-scrollbar-thumb:hover {\n    background: var(--accent-blue);\n}\n\n\/* Common Container *\/\n.container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 24px;\n    position: relative;\n}\n\n\/* ==========================================\n   Typography\n   ========================================== *\/\nh1, h2, h3, h4 {\n    font-family: var(--font-heading);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n    line-height: 1.2;\n}\n\n.gradient-text {\n    background: var(--grad-text);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n}\n\n.accent-gradient-text {\n    background: var(--grad-accent-text);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n}\n\n\/* ==========================================\n   Buttons & Interactive Elements\n   ========================================== *\/\n.btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    padding: 14px 28px;\n    font-family: var(--font-heading);\n    font-weight: 600;\n    font-size: 0.95rem;\n    border-radius: var(--radius-md);\n    cursor: pointer;\n    transition: var(--transition-smooth);\n    text-decoration: none;\n    border: none;\n}\n\n.btn-primary {\n    background: var(--grad-primary);\n    color: #000;\n    box-shadow: 0 4px 15px rgba(0, 242, 254, 0.2);\n}\n\n.btn-primary:hover {\n    box-shadow: 0 6px 25px rgba(0, 242, 254, 0.4);\n    transform: translateY(-2px);\n}\n\n.btn-secondary {\n    background: rgba(255, 255, 255, 0.05);\n    color: var(--text-primary);\n    border: 1px solid var(--border-color);\n    backdrop-filter: blur(10px);\n}\n\n.btn-secondary:hover {\n    background: rgba(255, 255, 255, 0.1);\n    border-color: rgba(255, 255, 255, 0.2);\n    transform: translateY(-2px);\n}\n\n\/* ==========================================\n   Header \/ Navigation\n   ========================================== *\/\n.header {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    z-index: 1000;\n    border-bottom: 1px solid var(--border-color);\n    background: rgba(7, 9, 19, 0.6);\n    backdrop-filter: blur(12px);\n    transition: var(--transition-smooth);\n}\n\n.header-scrolled {\n    background: rgba(7, 9, 19, 0.85);\n    border-bottom-color: rgba(0, 242, 254, 0.15);\n}\n\n.nav-container {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    height: 80px;\n}\n\n.logo {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    font-family: var(--font-heading);\n    font-weight: 800;\n    font-size: 1.5rem;\n    text-decoration: none;\n    color: var(--text-primary);\n}\n\n.logo i {\n    color: var(--accent-cyan);\n    font-size: 1.8rem;\n    animation: rotateWind 6s linear infinite;\n}\n\n@keyframes rotateWind {\n    from { transform: rotate(0deg); }\n    to { transform: rotate(360deg); }\n}\n\n.nav-menu {\n    display: flex;\n    align-items: center;\n    gap: 32px;\n    list-style: none;\n}\n\n.nav-link {\n    text-decoration: none;\n    color: var(--text-secondary);\n    font-weight: 500;\n    font-size: 0.95rem;\n    transition: var(--transition-fast);\n    position: relative;\n    padding: 6px 0;\n}\n\n.nav-link:hover {\n    color: var(--text-primary);\n}\n\n.nav-link::after {\n    content: '';\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 0;\n    height: 2px;\n    background: var(--grad-primary);\n    transition: var(--transition-fast);\n}\n\n.nav-link:hover::after {\n    width: 100%;\n}\n\n.nav-toggle {\n    display: none;\n    background: none;\n    border: none;\n    color: var(--text-primary);\n    font-size: 1.5rem;\n    cursor: pointer;\n}\n\n\/* ==========================================\n   Hero Section\n   ========================================== *\/\n.hero {\n    padding: 160px 0 100px 0;\n    position: relative;\n    overflow: hidden;\n}\n\n.hero-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 60px;\n    align-items: center;\n}\n\n.hero-content {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n}\n\n.badge {\n    align-self: flex-start;\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 6px 16px;\n    background: rgba(0, 242, 254, 0.08);\n    border: 1px solid rgba(0, 242, 254, 0.2);\n    border-radius: var(--radius-full);\n    font-size: 0.85rem;\n    font-weight: 600;\n    color: var(--accent-cyan);\n    letter-spacing: 0.05em;\n    text-transform: uppercase;\n}\n\n.badge span {\n    width: 8px;\n    height: 8px;\n    background-color: var(--accent-cyan);\n    border-radius: 50%;\n    display: inline-block;\n    box-shadow: 0 0 8px var(--accent-cyan);\n    animation: pulseGlow 1.5s ease-in-out infinite;\n}\n\n@keyframes pulseGlow {\n    0%, 100% { opacity: 0.3; }\n    50% { opacity: 1; }\n}\n\n.hero-title {\n    font-size: 3.5rem;\n    line-height: 1.1;\n    font-weight: 800;\n}\n\n.hero-desc {\n    font-size: 1.1rem;\n    color: var(--text-secondary);\n}\n\n.hero-cta {\n    display: flex;\n    gap: 16px;\n    margin-top: 10px;\n}\n\n.hero-stats {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n    margin-top: 40px;\n    padding-top: 40px;\n    border-top: 1px solid var(--border-color);\n}\n\n.stat-item h3 {\n    font-size: 2.2rem;\n    font-weight: 800;\n    background: var(--grad-primary);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n}\n\n.stat-item p {\n    font-size: 0.85rem;\n    color: var(--text-secondary);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n    font-weight: 500;\n    margin-top: 4px;\n}\n\n.hero-image-wrapper {\n    position: relative;\n    border-radius: var(--radius-lg);\n    overflow: hidden;\n    border: 1px solid var(--border-color);\n    box-shadow: var(--shadow-card);\n    transition: var(--transition-smooth);\n}\n\n.hero-image-wrapper:hover {\n    border-color: var(--border-glow);\n    box-shadow: var(--shadow-glow);\n}\n\n.hero-image {\n    width: 100%;\n    height: auto;\n    display: block;\n    object-fit: cover;\n    transition: transform 0.8s ease;\n}\n\n.hero-image-wrapper:hover .hero-image {\n    transform: scale(1.05);\n}\n\n.hero-glass-overlay {\n    position: absolute;\n    bottom: 24px;\n    left: 24px;\n    right: 24px;\n    padding: 20px;\n    background: rgba(15, 18, 36, 0.6);\n    backdrop-filter: blur(16px);\n    border: 1px solid rgba(255, 255, 255, 0.1);\n    border-radius: var(--radius-md);\n    display: flex;\n    align-items: center;\n    gap: 16px;\n}\n\n.hero-overlay-icon {\n    width: 48px;\n    height: 48px;\n    background: var(--grad-primary);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #000;\n    flex-shrink: 0;\n}\n\n.hero-overlay-text h4 {\n    font-size: 1rem;\n    font-weight: 600;\n}\n\n.hero-overlay-text p {\n    font-size: 0.85rem;\n    color: var(--text-secondary);\n}\n\n\/* ==========================================\n   Services Section\n   ========================================== *\/\n.services {\n    padding: 100px 0;\n    position: relative;\n}\n\n.section-header {\n    text-align: center;\n    max-width: 600px;\n    margin: 0 auto 60px auto;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 16px;\n}\n\n.section-header .badge {\n    align-self: center;\n}\n\n.section-title {\n    font-size: 2.5rem;\n    font-weight: 800;\n}\n\n.section-desc {\n    color: var(--text-secondary);\n    font-size: 1.05rem;\n}\n\n.services-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 30px;\n}\n\n.service-card {\n    background: var(--bg-card);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n    padding: 40px;\n    transition: var(--transition-smooth);\n    position: relative;\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n}\n\n.service-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 4px;\n    background: var(--grad-primary);\n    opacity: 0;\n    transition: var(--transition-smooth);\n}\n\n.service-card:hover {\n    background: var(--bg-card-hover);\n    transform: translateY(-8px);\n    border-color: var(--border-glow);\n    box-shadow: var(--shadow-glow);\n}\n\n.service-card:hover::before {\n    opacity: 1;\n}\n\n.service-icon {\n    width: 60px;\n    height: 60px;\n    background: rgba(0, 242, 254, 0.05);\n    border: 1px solid rgba(0, 242, 254, 0.15);\n    border-radius: var(--radius-md);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--accent-cyan);\n    font-size: 1.5rem;\n    transition: var(--transition-smooth);\n}\n\n.service-card:hover .service-icon {\n    background: var(--grad-primary);\n    color: #000;\n    border-color: transparent;\n    box-shadow: 0 0 15px rgba(0, 242, 254, 0.3);\n}\n\n.service-info {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n}\n\n.service-info h3 {\n    font-size: 1.35rem;\n    font-weight: 700;\n}\n\n.service-info p {\n    color: var(--text-secondary);\n    font-size: 0.95rem;\n}\n\n.service-features {\n    list-style: none;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    margin-top: auto;\n}\n\n.service-features li {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 0.85rem;\n    color: var(--text-secondary);\n}\n\n.service-features i {\n    color: var(--accent-green);\n    font-size: 0.95rem;\n}\n\n\/* ==========================================\n   Interactive Climate Calculator\n   ========================================== *\/\n.calculator-section {\n    padding: 100px 0;\n    position: relative;\n}\n\n.calculator-wrapper {\n    background: var(--bg-card);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n    padding: 50px;\n    backdrop-filter: blur(16px);\n    display: grid;\n    grid-template-columns: 1.2fr 1fr;\n    gap: 60px;\n    box-shadow: var(--shadow-card);\n}\n\n.calculator-form {\n    display: flex;\n    flex-direction: column;\n    gap: 30px;\n}\n\n.calc-group {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n}\n\n.calc-label {\n    font-family: var(--font-heading);\n    font-weight: 600;\n    font-size: 1rem;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n}\n\n.calc-value {\n    color: var(--accent-cyan);\n    font-weight: 700;\n    font-size: 1.1rem;\n}\n\n\/* Custom range input *\/\n.range-slider {\n    -webkit-appearance: none;\n    width: 100%;\n    height: 6px;\n    border-radius: var(--radius-full);\n    background: rgba(255, 255, 255, 0.1);\n    outline: none;\n    transition: var(--transition-fast);\n}\n\n.range-slider::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    appearance: none;\n    width: 20px;\n    height: 20px;\n    border-radius: 50%;\n    background: var(--accent-cyan);\n    cursor: pointer;\n    box-shadow: 0 0 10px rgba(0, 242, 254, 0.5);\n    transition: var(--transition-fast);\n}\n\n.range-slider::-webkit-slider-thumb:hover {\n    transform: scale(1.2);\n}\n\n\/* Radio Cards styling *\/\n.radio-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 16px;\n}\n\n.radio-card {\n    position: relative;\n}\n\n.radio-card input {\n    position: absolute;\n    opacity: 0;\n    width: 0;\n    height: 0;\n}\n\n.radio-btn-label {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    padding: 16px;\n    background: rgba(255, 255, 255, 0.02);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-md);\n    cursor: pointer;\n    text-align: center;\n    transition: var(--transition-smooth);\n    font-weight: 500;\n    font-size: 0.85rem;\n}\n\n.radio-btn-label i {\n    font-size: 1.2rem;\n    color: var(--text-secondary);\n    transition: var(--transition-fast);\n}\n\n.radio-card input:checked + .radio-btn-label {\n    background: rgba(0, 242, 254, 0.06);\n    border-color: var(--accent-cyan);\n    color: var(--text-primary);\n}\n\n.radio-card input:checked + .radio-btn-label i {\n    color: var(--accent-cyan);\n    transform: scale(1.1);\n}\n\n.radio-btn-label:hover {\n    background: rgba(255, 255, 255, 0.05);\n    border-color: rgba(255, 255, 255, 0.15);\n}\n\n\/* Calculator Result Panel *\/\n.calculator-result-panel {\n    background: rgba(7, 9, 19, 0.5);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-md);\n    padding: 40px;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    position: relative;\n    overflow: hidden;\n}\n\n.calculator-result-panel::before {\n    content: '';\n    position: absolute;\n    width: 200px;\n    height: 200px;\n    border-radius: 50%;\n    background: radial-gradient(circle, rgba(0, 242, 254, 0.1) 0%, rgba(0, 0, 0, 0) 70%);\n    top: -50px;\n    right: -50px;\n    z-index: 0;\n}\n\n.result-content {\n    position: relative;\n    z-index: 1;\n    display: flex;\n    flex-direction: column;\n    gap: 30px;\n}\n\n.result-heading {\n    font-size: 0.9rem;\n    font-weight: 600;\n    color: var(--text-secondary);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n}\n\n.result-value-container {\n    display: flex;\n    flex-direction: column;\n}\n\n.result-btu {\n    font-size: 3.5rem;\n    font-weight: 800;\n    line-height: 1.1;\n    color: var(--accent-cyan);\n    text-shadow: 0 0 15px rgba(0, 242, 254, 0.2);\n}\n\n.result-watts {\n    font-size: 1.2rem;\n    color: var(--text-secondary);\n    font-weight: 500;\n}\n\n.result-details-grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 20px;\n    border-top: 1px solid var(--border-color);\n    border-bottom: 1px solid var(--border-color);\n    padding: 24px 0;\n}\n\n.result-detail-item {\n    display: flex;\n    justify-content: space-between;\n    font-size: 0.95rem;\n}\n\n.result-detail-item span:first-child {\n    color: var(--text-secondary);\n}\n\n.result-detail-item span:last-child {\n    font-weight: 600;\n}\n\n.calculator-cta-btn {\n    margin-top: 20px;\n    width: 100%;\n}\n\n\/* ==========================================\n   Booking & Consultation Form\n   ========================================== *\/\n.booking-section {\n    padding: 100px 0;\n    position: relative;\n}\n\n.about-grid,\n.booking-grid {\n    display: grid;\n    grid-template-columns: 1fr 1.2fr;\n    gap: 60px;\n    align-items: center;\n}\n\n.booking-text {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n}\n\n.booking-benefits {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    margin-top: 20px;\n}\n\n.benefit-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 16px;\n}\n\n.benefit-icon {\n    width: 40px;\n    height: 40px;\n    background: rgba(0, 255, 135, 0.08);\n    border: 1px solid rgba(0, 255, 135, 0.2);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--accent-green);\n    flex-shrink: 0;\n}\n\n.benefit-content h4 {\n    font-size: 1.05rem;\n    font-weight: 600;\n    margin-bottom: 4px;\n}\n\n.benefit-content p {\n    font-size: 0.9rem;\n    color: var(--text-secondary);\n}\n\n.booking-card {\n    background: var(--bg-card);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n    padding: 40px;\n    backdrop-filter: blur(16px);\n    box-shadow: var(--shadow-card);\n    position: relative;\n}\n\n.form-title {\n    font-size: 1.5rem;\n    font-weight: 700;\n    margin-bottom: 30px;\n    text-align: center;\n}\n\n.booking-form {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n}\n\n.form-group-row {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 20px;\n}\n\n.form-group {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    position: relative;\n}\n\n.form-label {\n    font-size: 0.85rem;\n    font-weight: 600;\n    color: var(--text-secondary);\n}\n\n.form-control {\n    background: rgba(255, 255, 255, 0.03);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-md);\n    padding: 14px 18px;\n    color: var(--text-primary);\n    font-family: var(--font-body);\n    font-size: 0.95rem;\n    outline: none;\n    transition: var(--transition-smooth);\n}\n\n.form-control:focus {\n    border-color: var(--accent-cyan);\n    box-shadow: 0 0 10px rgba(0, 242, 254, 0.15);\n    background: rgba(255, 255, 255, 0.05);\n}\n\nselect.form-control {\n    appearance: none;\n    background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C\/polyline%3E%3C\/svg%3E\");\n    background-repeat: no-repeat;\n    background-position: right 16px center;\n    background-size: 18px;\n    padding-right: 45px;\n}\n\n.booking-btn {\n    margin-top: 10px;\n    width: 100%;\n}\n\n\/* Success Overlay *\/\n.booking-success-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: #0d1124;\n    border-radius: var(--radius-lg);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 40px;\n    text-align: center;\n    opacity: 0;\n    pointer-events: none;\n    transition: var(--transition-smooth);\n    z-index: 10;\n}\n\n.booking-success-overlay.active {\n    opacity: 1;\n    pointer-events: auto;\n}\n\n.success-icon-wrapper {\n    width: 80px;\n    height: 80px;\n    background: rgba(0, 255, 135, 0.1);\n    border: 2px dashed var(--accent-green);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--accent-green);\n    font-size: 2.2rem;\n    margin-bottom: 24px;\n    position: relative;\n    animation: rotateDashed 20s linear infinite;\n}\n\n.success-icon-wrapper i {\n    animation: popCheck 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;\n    animation-delay: 0.3s;\n}\n\n@keyframes rotateDashed {\n    100% { transform: rotate(360deg); }\n}\n\n@keyframes popCheck {\n    0% { transform: scale(0); opacity: 0; }\n    100% { transform: scale(1); opacity: 1; }\n}\n\n.success-title {\n    font-size: 1.8rem;\n    font-weight: 800;\n    margin-bottom: 12px;\n}\n\n.success-desc {\n    color: var(--text-secondary);\n    font-size: 0.95rem;\n    margin-bottom: 30px;\n}\n\n\/* ==========================================\n   Testimonials Section\n   ========================================== *\/\n.testimonials {\n    padding: 100px 0;\n    position: relative;\n}\n\n.testimonials-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 30px;\n}\n\n.testimonial-card {\n    background: var(--bg-card);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n    padding: 32px;\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    transition: var(--transition-smooth);\n}\n\n.testimonial-card:hover {\n    background: var(--bg-card-hover);\n    transform: translateY(-5px);\n    border-color: rgba(0, 242, 254, 0.15);\n}\n\n.stars {\n    color: #fbbf24;\n    display: flex;\n    gap: 4px;\n    font-size: 0.9rem;\n}\n\n.testimonial-text {\n    font-size: 0.95rem;\n    color: var(--text-secondary);\n    font-style: italic;\n    line-height: 1.7;\n}\n\n.testimonial-user {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    margin-top: auto;\n}\n\n.user-avatar {\n    width: 48px;\n    height: 48px;\n    border-radius: 50%;\n    background: var(--grad-purple);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-family: var(--font-heading);\n    font-weight: 700;\n    color: var(--text-primary);\n    font-size: 1rem;\n    border: 2px solid rgba(255, 255, 255, 0.1);\n}\n\n.user-info h4 {\n    font-size: 0.95rem;\n    font-weight: 600;\n}\n\n.user-info p {\n    font-size: 0.8rem;\n    color: var(--text-muted);\n}\n\n\/* ==========================================\n   FAQ Section (Accordion)\n   ========================================== *\/\n.faq-section {\n    padding: 100px 0;\n    position: relative;\n}\n\n.faq-wrapper {\n    max-width: 800px;\n    margin: 0 auto;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n}\n\n.faq-item {\n    background: var(--bg-card);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-md);\n    overflow: hidden;\n    transition: var(--transition-smooth);\n}\n\n.faq-item:hover {\n    border-color: rgba(255, 255, 255, 0.15);\n}\n\n.faq-header {\n    width: 100%;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 24px;\n    background: none;\n    border: none;\n    color: var(--text-primary);\n    font-family: var(--font-heading);\n    font-weight: 600;\n    font-size: 1.1rem;\n    text-align: left;\n    cursor: pointer;\n    outline: none;\n}\n\n.faq-icon-wrapper {\n    width: 28px;\n    height: 28px;\n    border-radius: 50%;\n    background: rgba(255, 255, 255, 0.05);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: var(--transition-smooth);\n}\n\n.faq-item.active {\n    border-color: var(--border-glow);\n    background: var(--bg-card-hover);\n}\n\n.faq-item.active .faq-icon-wrapper {\n    background: var(--grad-primary);\n    color: #000;\n    transform: rotate(45deg);\n}\n\n.faq-content {\n    max-height: 0;\n    overflow: hidden;\n    transition: max-height 0.3s cubic-bezier(0, 1, 0, 1);\n}\n\n.faq-item.active .faq-content {\n    max-height: 1000px; \/* Large enough default *\/\n    transition: max-height 0.5s cubic-bezier(0.86, 0, 0.07, 1);\n}\n\n.faq-body {\n    padding: 0 24px 24px 24px;\n    color: var(--text-secondary);\n    font-size: 0.95rem;\n    line-height: 1.7;\n    border-top: 1px solid rgba(255, 255, 255, 0.02);\n    padding-top: 16px;\n}\n\n\/* ==========================================\n   Footer\n   ========================================== *\/\n.footer {\n    background: #03040a;\n    border-top: 1px solid var(--border-color);\n    padding: 80px 0 30px 0;\n    position: relative;\n    overflow: hidden;\n}\n\n.footer-grid {\n    display: grid;\n    grid-template-columns: 1.5fr 1fr 1fr 1.2fr;\n    gap: 50px;\n    margin-bottom: 60px;\n}\n\n.footer-brand {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n}\n\n.footer-brand .logo {\n    font-size: 1.6rem;\n}\n\n.footer-desc {\n    color: var(--text-secondary);\n    font-size: 0.9rem;\n}\n\n.social-links {\n    display: flex;\n    gap: 12px;\n}\n\n.social-icon {\n    width: 40px;\n    height: 40px;\n    border-radius: 50%;\n    background: rgba(255, 255, 255, 0.03);\n    border: 1px solid var(--border-color);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--text-secondary);\n    text-decoration: none;\n    transition: var(--transition-smooth);\n}\n\n.social-icon:hover {\n    color: var(--accent-cyan);\n    border-color: var(--accent-cyan);\n    background: rgba(0, 242, 254, 0.05);\n    transform: translateY(-2px);\n}\n\n.footer-title {\n    font-size: 1.1rem;\n    font-weight: 600;\n    margin-bottom: 24px;\n    color: var(--text-primary);\n    font-family: var(--font-heading);\n}\n\n.footer-links {\n    list-style: none;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n}\n\n.footer-link a {\n    color: var(--text-secondary);\n    text-decoration: none;\n    font-size: 0.9rem;\n    transition: var(--transition-fast);\n}\n\n.footer-link a:hover {\n    color: var(--accent-cyan);\n    padding-left: 4px;\n}\n\n.footer-contact {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n}\n\n.contact-item {\n    display: flex;\n    gap: 12px;\n    align-items: flex-start;\n    font-size: 0.9rem;\n    color: var(--text-secondary);\n}\n\n.contact-item i {\n    color: var(--accent-cyan);\n    margin-top: 4px;\n}\n\n.footer-bottom {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding-top: 30px;\n    border-top: 1px solid var(--border-color);\n    font-size: 0.85rem;\n    color: var(--text-muted);\n}\n\n.footer-bottom-links {\n    display: flex;\n    gap: 24px;\n}\n\n.footer-bottom-links a {\n    color: var(--text-muted);\n    text-decoration: none;\n    transition: var(--transition-fast);\n}\n\n.footer-bottom-links a:hover {\n    color: var(--text-secondary);\n}\n\n\/* ==========================================\n   Blog & Knowledge Base Section\n   ========================================== *\/\n.blog-section {\n    padding: 100px 0;\n    position: relative;\n}\n\n.blog-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 30px;\n    margin-top: 20px;\n}\n\n.blog-card {\n    background: var(--bg-card);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n    transition: var(--transition-smooth);\n}\n\n.blog-card:hover {\n    background: var(--bg-card-hover);\n    transform: translateY(-5px);\n    border-color: rgba(0, 242, 254, 0.15);\n}\n\n.blog-image-wrapper {\n    width: 100%;\n    height: 240px;\n    overflow: hidden;\n    position: relative;\n    border-bottom: 1px solid var(--border-color);\n}\n\n.blog-card img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.8s ease;\n}\n\n.blog-card:hover img {\n    transform: scale(1.05);\n}\n\n.blog-content {\n    padding: 30px;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    flex-grow: 1;\n}\n\n.blog-meta {\n    display: flex;\n    gap: 16px;\n    font-size: 0.85rem;\n    color: var(--text-muted);\n}\n\n.blog-meta span {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.blog-meta span i {\n    width: 14px;\n    height: 14px;\n    color: var(--accent-cyan);\n}\n\n.blog-title {\n    font-size: 1.4rem;\n    font-weight: 700;\n    color: var(--text-primary);\n    line-height: 1.3;\n}\n\n.blog-excerpt {\n    font-size: 0.95rem;\n    color: var(--text-secondary);\n    line-height: 1.6;\n}\n\n.blog-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    color: var(--accent-cyan);\n    font-weight: 600;\n    text-decoration: none;\n    font-size: 0.95rem;\n    margin-top: auto;\n    transition: var(--transition-fast);\n}\n\n.blog-btn:hover {\n    color: #00f2fe;\n    gap: 12px;\n}\n\n\/* ==========================================\n   Responsive Styles\n   ========================================== *\/\n@media (max-width: 1024px) {\n    .hero-grid {\n        grid-template-columns: 1fr;\n        gap: 50px;\n        text-align: center;\n    }\n    \n    .hero-content {\n        align-items: center;\n    }\n    \n    .hero-cta {\n        justify-content: center;\n    }\n    \n    .hero-stats {\n        width: 100%;\n    }\n    \n    .services-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n    \n    .calculator-wrapper {\n        grid-template-columns: 1fr;\n        gap: 40px;\n    }\n    \n    .about-grid,\n    .booking-grid {\n        grid-template-columns: 1fr;\n        gap: 40px;\n    }\n    \n    .testimonials-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n    \n    .footer-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 768px) {\n    .hero-title {\n        font-size: 2.8rem;\n    }\n    \n    .nav-menu {\n        position: fixed;\n        top: 80px;\n        left: -100%;\n        width: 100%;\n        height: calc(100vh - 80px);\n        background: #070913;\n        flex-direction: column;\n        padding: 50px 24px;\n        gap: 30px;\n        transition: var(--transition-smooth);\n        border-top: 1px solid var(--border-color);\n        z-index: 999;\n    }\n    \n    .nav-menu.active {\n        left: 0;\n    }\n    \n    .nav-toggle {\n        display: block;\n    }\n    \n    .services-grid {\n        grid-template-columns: 1fr;\n    }\n    \n    .blog-grid {\n        grid-template-columns: 1fr;\n    }\n    \n    .testimonials-grid {\n        grid-template-columns: 1fr;\n    }\n    \n    .radio-grid {\n        grid-template-columns: 1fr;\n    }\n    \n    .calculator-wrapper {\n        padding: 24px 16px;\n    }\n    \n    .form-group-row {\n        grid-template-columns: 1fr;\n    }\n    \n    .footer-grid {\n        grid-template-columns: 1fr;\n        gap: 40px;\n    }\n    \n    .footer-bottom {\n        flex-direction: column;\n        gap: 20px;\n        text-align: center;\n    }\n}\n\n@media (max-width: 480px) {\n    .booking-section,\n    .services,\n    .calculator-section,\n    .testimonials,\n    .faq-section,\n    .blog-section {\n        padding: 60px 0;\n    }\n    \n    .hero-title {\n        font-size: 2.2rem;\n    }\n    \n    .section-title {\n        font-size: 2.0rem;\n    }\n    \n    .hero-cta {\n        flex-direction: column;\n        width: 100%;\n        gap: 12px;\n    }\n    \n    .hero-cta .btn {\n        width: 100%;\n        justify-content: center;\n    }\n    \n    .hero-stats {\n        gap: 10px;\n        margin-top: 30px;\n        padding-top: 30px;\n    }\n    \n    .stat-item h3 {\n        font-size: 1.8rem;\n    }\n    \n    .booking-card,\n    .calculator-result-panel {\n        padding: 24px 16px;\n    }\n    \n    .result-btu {\n        font-size: 2.2rem;\n    }\n    \n    .result-watts {\n        font-size: 1.05rem;\n    }\n    \n    .form-title {\n        font-size: 1.3rem;\n        margin-bottom: 20px;\n    }\n    \n    .faq-question {\n        padding: 16px 20px;\n        font-size: 1.0rem;\n    }\n    \n    .faq-answer-inner {\n        padding: 0 20px 16px 20px;\n    }\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-058dba0 elementor-widget elementor-widget-html\" data-id=\"058dba0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n<script>\/* ==========================================\n   AeroKlima 2026 - Interactive Logic\n   ========================================== *\/\n\ndocument.addEventListener('DOMContentLoaded', () => {\n    \n    \/\/ Initialize Lucide icons\n    if (typeof lucide !== 'undefined') {\n        lucide.createIcons();\n    }\n\n    \/\/ ==========================================\n    \/\/ 1. Header Scroll Effect\n    \/\/ ==========================================\n    const header = document.querySelector('.header');\n    window.addEventListener('scroll', () => {\n        if (window.scrollY > 50) {\n            header.classList.add('header-scrolled');\n        } else {\n            header.classList.remove('header-scrolled');\n        }\n    });\n\n    \/\/ ==========================================\n    \/\/ 2. Mobile Menu Toggle\n    \/\/ ==========================================\n    const navToggle = document.querySelector('.nav-toggle');\n    const navMenu = document.querySelector('.nav-menu');\n    const navLinks = document.querySelectorAll('.nav-link');\n\n    if (navToggle && navMenu) {\n        navToggle.addEventListener('click', () => {\n            navMenu.classList.toggle('active');\n            \/\/ Toggle hamburger icon if needed\n            const icon = navToggle.querySelector('i');\n            if (icon) {\n                if (navMenu.classList.contains('active')) {\n                    icon.setAttribute('data-lucide', 'x');\n                } else {\n                    icon.setAttribute('data-lucide', 'menu');\n                }\n                lucide.createIcons();\n            }\n        });\n\n        \/\/ Close menu on link click\n        navLinks.forEach(link => {\n            link.addEventListener('click', () => {\n                navMenu.classList.remove('active');\n                const icon = navToggle.querySelector('i');\n                if (icon) {\n                    icon.setAttribute('data-lucide', 'menu');\n                    lucide.createIcons();\n                }\n            });\n        });\n    }\n\n    \/\/ ==========================================\n    \/\/ 3. Climate Calculator (BTU & Power)\n    \/\/ ==========================================\n    const sizeSlider = document.getElementById('calc-size');\n    const sizeValue = document.getElementById('calc-size-val');\n    const insulationInputs = document.querySelectorAll('input[name=\"insulation\"]');\n    const sunlightInputs = document.querySelectorAll('input[name=\"sunlight\"]');\n\n    \/\/ Outputs\n    const resultBtu = document.getElementById('res-btu');\n    const resultWatts = document.getElementById('res-watts');\n    const detailRecommendation = document.getElementById('detail-recommendation');\n    const detailSavings = document.getElementById('detail-savings');\n    const detailPrice = document.getElementById('detail-price');\n\n    function calculateClimate() {\n        if (!sizeSlider) return;\n\n        const area = parseFloat(sizeSlider.value);\n        sizeValue.textContent = `${area} m\u00b2`;\n\n        \/\/ Get selected insulation value\n        let insulationMultiplier = 1.0;\n        let selectedInsulation = 'average';\n        insulationInputs.forEach(input => {\n            if (input.checked) {\n                insulationMultiplier = parseFloat(input.value);\n                selectedInsulation = input.id.replace('ins-', '');\n            }\n        });\n\n        \/\/ Get selected sunlight value\n        let sunlightMultiplier = 1.0;\n        sunlightInputs.forEach(input => {\n            if (input.checked) {\n                sunlightMultiplier = parseFloat(input.value);\n            }\n        });\n\n        \/\/ Base thermal load calculation: 100 Watts per square meter\n        const baseWatts = area * 100;\n        const requiredWatts = Math.round(baseWatts * insulationMultiplier * sunlightMultiplier);\n        const requiredBtu = Math.round(requiredWatts * 3.412);\n\n        \/\/ UI representation formatting\n        resultBtu.textContent = `${requiredBtu.toLocaleString('hu-HU')} BTU\/h`;\n        resultWatts.textContent = `~ ${(requiredWatts \/ 1000).toFixed(2)} kW sz\u00fcks\u00e9ges h\u0171t\u0151teljes\u00edtm\u00e9ny`;\n\n        \/\/ Determine recommended standard split unit size & pricing\n        let recommendation = '';\n        let estimatedPrice = '';\n        let savingsText = '';\n\n        const powerkW = requiredWatts \/ 1000;\n\n        if (powerkW <= 2.7) {\n            recommendation = '2.5 kW (Kompakt helyis\u00e9gekhez)';\n            estimatedPrice = '310.000 Ft - 400.000 Ft';\n        } else if (powerkW > 2.7 && powerkW <= 4.2) {\n            recommendation = '3.5 kW (\u00c1tlagos nappalikhoz \/ irod\u00e1khoz)';\n            estimatedPrice = '350.000 Ft - 470.000 Ft';\n        } else if (powerkW > 4.2 && powerkW <= 6.0) {\n            recommendation = '5.2 kW (Nagyobb egybef\u00fcgg\u0151 terekhez)';\n            estimatedPrice = '500.000 Ft - 660.000 Ft';\n        } else {\n            recommendation = '7.0+ kW (Multi-split vagy nagy teljes\u00edtm\u00e9ny\u0171 ipari egys\u00e9g)';\n            estimatedPrice = '650.000 Ft - 880.000 Ft+';\n        }\n\n        \/\/ Energy savings text based on insulation quality (2026 standards)\n        if (selectedInsulation === 'poor') {\n            savingsText = '15% (Aj\u00e1nlott az extra A+++ energiabesorol\u00e1s)';\n        } else if (selectedInsulation === 'average') {\n            savingsText = '35% (Inverteres intelligens h\u0151szivatty\u00faval)';\n        } else {\n            savingsText = '55% (Passz\u00edv h\u00e1z optimaliz\u00e1lt m\u0171k\u00f6d\u00e9ssel)';\n        }\n\n        \/\/ Update details\n        if (detailRecommendation) detailRecommendation.textContent = recommendation;\n        if (detailSavings) detailSavings.textContent = savingsText;\n        if (detailPrice) detailPrice.textContent = estimatedPrice;\n    }\n\n    \/\/ Attach Event Listeners for Calculator\n    if (sizeSlider) {\n        sizeSlider.addEventListener('input', calculateClimate);\n        insulationInputs.forEach(input => input.addEventListener('change', calculateClimate));\n        sunlightInputs.forEach(input => input.addEventListener('change', calculateClimate));\n        \n        \/\/ Initial calculation\n        calculateClimate();\n    }\n\n    \/\/ Transfer calculator values to booking form on CTA click\n    const calcCtaBtn = document.getElementById('calc-cta-btn');\n    const bookMessage = document.getElementById('book-message');\n    const bookService = document.getElementById('book-service');\n\n    if (calcCtaBtn && bookMessage) {\n        calcCtaBtn.addEventListener('click', () => {\n            const area = sizeSlider.value;\n            \n            \/\/ Find checked insulation label\n            let insulationText = '\u00c1tlagos';\n            insulationInputs.forEach(input => {\n                if (input.checked) {\n                    const card = input.closest('.radio-card');\n                    if (card) {\n                        const labelSpan = card.querySelector('.radio-btn-label span');\n                        if (labelSpan) insulationText = labelSpan.textContent.trim();\n                    }\n                }\n            });\n\n            \/\/ Find checked sunlight label\n            let sunlightText = '\u00c1tlagos';\n            sunlightInputs.forEach(input => {\n                if (input.checked) {\n                    const card = input.closest('.radio-card');\n                    if (card) {\n                        const labelSpan = card.querySelector('.radio-btn-label span');\n                        if (labelSpan) sunlightText = labelSpan.textContent.trim();\n                    }\n                }\n            });\n\n            const btuText = resultBtu ? resultBtu.textContent : '';\n            const recText = detailRecommendation ? detailRecommendation.textContent : '';\n\n            \/\/ Formulate message\n            const formattedMessage = `Tisztelt AeroKlima!\\n\\nKalkul\u00e1ci\u00f3t v\u00e9geztem a weboldalon az al\u00e1bbi adatokkal:\\n- Helyis\u00e9g m\u00e9rete: ${area} m\u00b2\\n- Szigetel\u00e9s min\u0151s\u00e9ge: ${insulationText}\\n- Napf\u00e9ny kitetts\u00e9g: ${sunlightText}\\n- Sz\u00fcks\u00e9ges teljes\u00edtm\u00e9ny: ${recText} (${btuText})\\n\\nK\u00e9rem keressenek meg a megadott adatok alapj\u00e1n egyedi aj\u00e1nlattal!`;\n\n            \/\/ Insert message\n            bookMessage.value = formattedMessage;\n\n            \/\/ Auto-select installation option\n            if (bookService) {\n                bookService.value = 'installation';\n            }\n        });\n    }\n\n    \/\/ ==========================================\n    \/\/ 4. FAQ Accordion Toggle\n    \/\/ ==========================================\n    const faqItems = document.querySelectorAll('.faq-item');\n    faqItems.forEach(item => {\n        const header = item.querySelector('.faq-header');\n        if (header) {\n            header.addEventListener('click', () => {\n                const isActive = item.classList.contains('active');\n                \n                \/\/ Close other items\n                faqItems.forEach(i => i.classList.remove('active'));\n                \n                \/\/ Toggle current\n                if (!isActive) {\n                    item.classList.add('active');\n                }\n            });\n        }\n    });\n\n    \/\/ ==========================================\n    \/\/ 5. Booking Form Submission (Simulated)\n    \/\/ ==========================================\n    const bookingForm = document.getElementById('bookingForm');\n    const successOverlay = document.getElementById('bookingSuccess');\n    const resetBookingBtn = document.getElementById('resetBookingBtn');\n\n    if (bookingForm && successOverlay) {\n        bookingForm.addEventListener('submit', (e) => {\n            e.preventDefault();\n            \n            \/\/ Validate form\n            const nameInput = document.getElementById('book-name');\n            const emailInput = document.getElementById('book-email');\n            const phoneInput = document.getElementById('book-phone');\n            \n            if (!nameInput.value || !emailInput.value || !phoneInput.value) {\n                alert('K\u00e9rj\u00fck t\u00f6lts\u00f6n ki minden k\u00f6telez\u0151 mez\u0151t!');\n                return;\n            }\n\n            const submitBtn = bookingForm.querySelector('button[type=\"submit\"]');\n            const originalBtnText = submitBtn.innerHTML;\n            \n            \/\/ Simulated loading state\n            submitBtn.disabled = true;\n            submitBtn.innerHTML = '<i class=\"animate-spin\" data-lucide=\"loader-2\"><\/i> K\u00e9r\u00e9s feldolgoz\u00e1sa...';\n            lucide.createIcons();\n\n            setTimeout(() => {\n                \/\/ Reset loading button\n                submitBtn.disabled = false;\n                submitBtn.innerHTML = originalBtnText;\n                \n                \/\/ Show Success Screen\n                successOverlay.classList.add('active');\n                \n                \/\/ Form reset\n                bookingForm.reset();\n            }, 1800);\n        });\n    }\n\n    if (resetBookingBtn && successOverlay) {\n        resetBookingBtn.addEventListener('click', () => {\n            successOverlay.classList.remove('active');\n        });\n    }\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\ufeff AeroKlima Szolgaltatasok Karbantartas Rolunk Klimakalkulator Idopontfoglalas Rendszerintegracio 2026 Intelligens klimatelepites a jovo otthonaba A++ es A+++ minositesu energiatakarekos klimaberendezsek tervezese, precizios telepitese es rendszeres karbantartasa 5 ev teljes koru garanciaval. Ajanlatot kerekKlimakalkulator 15 Ev Tapasztalat 5 Ev Garancia Sopron Es kornyeke Energia-optimalizalas 2026 Akar 40%-kal alacsonyabb havi rezsikoltseg Amit kinalunk onnek Minden munkainkat a [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-65","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/klima.webstack.hu\/index.php\/wp-json\/wp\/v2\/pages\/65","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/klima.webstack.hu\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/klima.webstack.hu\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/klima.webstack.hu\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/klima.webstack.hu\/index.php\/wp-json\/wp\/v2\/comments?post=65"}],"version-history":[{"count":147,"href":"https:\/\/klima.webstack.hu\/index.php\/wp-json\/wp\/v2\/pages\/65\/revisions"}],"predecessor-version":[{"id":217,"href":"https:\/\/klima.webstack.hu\/index.php\/wp-json\/wp\/v2\/pages\/65\/revisions\/217"}],"wp:attachment":[{"href":"https:\/\/klima.webstack.hu\/index.php\/wp-json\/wp\/v2\/media?parent=65"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}