{"id":4674,"date":"2024-04-01T06:35:09","date_gmt":"2024-04-01T06:35:09","guid":{"rendered":"http:\/\/192.168.0.134:10121\/?page_id=4674"},"modified":"2026-08-27T15:19:08","modified_gmt":"2026-08-27T15:19:08","slug":"arak","status":"publish","type":"page","link":"https:\/\/zafirproject.hu\/en\/arak\/","title":{"rendered":"Prices"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4674\" class=\"elementor elementor-4674\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-66235ee e-con-full e-flex e-con e-parent\" data-id=\"66235ee\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-569df92 elementor-widget elementor-widget-html\" data-id=\"569df92\" 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<!DOCTYPE html>\r\n<html lang=\"hu\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>\u00c1rak \u2013 Zaf\u00edr Project<\/title>\r\n<meta name=\"description\" content=\"Weboldal k\u00e9sz\u00edt\u00e9s, webshop fejleszt\u00e9s \u00e9s karbantart\u00e1s \u00e1rak 2026. \u00c1tl\u00e1that\u00f3 \u00e1rak \u2013 meglepet\u00e9sek n\u00e9lk\u00fcl.\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,700;12..96,800&family=Inter:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\r\n:root{\r\n  --navy:#060e1c;--navy2:#0b1628;--navy3:#0f2040;\r\n  --yellow:#dff023;--ydim:rgba(223,240,35,0.1);--yborder:rgba(223,240,35,0.22);\r\n  --w70:rgba(255,255,255,0.7);--w50:rgba(255,255,255,0.5);--w30:rgba(255,255,255,0.3);\r\n  --w20:rgba(255,255,255,0.18);--w10:rgba(255,255,255,0.08);--w05:rgba(255,255,255,0.04);\r\n  --disp:'Bricolage Grotesque',sans-serif;--body:'Inter',sans-serif;\r\n}\r\nbody{font-family:var(--body);background:var(--navy);color:#fff;-webkit-font-smoothing:antialiased}\r\n.page{position:relative}\r\n.grid-bg{position:absolute;top:0;left:0;right:0;height:600px;pointer-events:none;background-image:linear-gradient(var(--w10) 1px,transparent 1px),linear-gradient(90deg,var(--w10) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse 100% 70% at 50% 0%,black 20%,transparent 100%);z-index:0}\r\n.orb{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none;z-index:0}\r\n.orb1{width:500px;height:500px;background:rgba(42,92,220,0.08);top:-80px;right:-80px}\r\n\r\n\/* HERO *\/\r\n.page-hero{position:relative;z-index:5;padding:5rem 3rem 4rem;border-bottom:1px solid var(--w10);text-align:center}\r\n.breadcrumb{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--w50);margin-bottom:1.25rem;justify-content:center}\r\n.breadcrumb a{color:var(--w50);text-decoration:none;transition:color .2s}\r\n.breadcrumb a:hover{color:var(--yellow)}\r\n.breadcrumb-sep{color:var(--w30)}\r\n.breadcrumb-curr{color:var(--yellow)}\r\n.page-hero h1{font-family:var(--disp);font-size:clamp(2.8rem,5vw,4.5rem);font-weight:800;line-height:1.05;letter-spacing:-0.035em;margin-bottom:1rem}\r\n.page-hero h1 .y{color:var(--yellow)}\r\n.page-hero-desc{font-size:1.05rem;color:var(--w70);line-height:1.8;max-width:580px;margin:0 auto 1.75rem}\r\n.price-notice{display:inline-flex;align-items:center;gap:8px;background:var(--ydim);border:1px solid var(--yborder);border-radius:100px;padding:8px 20px;font-size:12.5px;font-weight:600;color:var(--yellow)}\r\n\r\n\/* HERO STAT SOR *\/\r\n.hero-stats{display:flex;gap:2.5rem;justify-content:center;flex-wrap:wrap;margin-top:2.5rem}\r\n.hstat{text-align:center}\r\n.hstat-n{font-family:var(--disp);font-size:1.8rem;font-weight:800;color:var(--yellow);line-height:1}\r\n.hstat-l{font-size:11.5px;color:var(--w50);margin-top:4px;font-weight:500}\r\n\r\n\/* TABS *\/\r\n.tabs-wrap{position:relative;z-index:5;padding:3rem 3rem 0;max-width:1280px;margin:0 auto}\r\n.tabs{display:flex;gap:4px;background:var(--w05);border:1px solid var(--w10);border-radius:12px;padding:4px;width:fit-content;margin:0 auto}\r\n.tab-btn{font-family:var(--disp);font-size:14px;font-weight:700;padding:10px 28px;border-radius:9px;border:none;background:none;color:var(--w50);cursor:pointer;transition:all .2s}\r\n.tab-btn.active{background:var(--yellow);color:var(--navy)}\r\n.tab-content{display:none}\r\n.tab-content.active{display:block}\r\n\r\n\/* K\u00d6Z\u00d6S *\/\r\n.wrap{max-width:1280px;margin:0 auto;padding:0 3rem}\r\n.section-pad{padding:4rem 0}\r\n.sec-eye{font-size:10.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--yellow);margin-bottom:.75rem}\r\n.sec-title{font-family:var(--disp);font-size:clamp(1.8rem,2.8vw,2.4rem);font-weight:800;letter-spacing:-0.025em;line-height:1.1;margin-bottom:.75rem}\r\n.sec-desc{font-size:1.125rem;color:var(--w70);line-height:1.8;max-width:600px}\r\n\r\n\/* \u2550\u2550\u2550 PROJEKT \u00c1RAK \u2013 k\u00e1rtya r\u00e1cs \u2550\u2550\u2550 *\/\r\n.prices-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:2.5rem}\r\n.price-card{background:var(--navy2);border:1px solid var(--w10);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s,transform .2s}\r\n.price-card:hover{border-color:var(--yborder);transform:translateY(-3px)}\r\n.price-card.featured{border-color:var(--yborder);background:var(--navy3)}\r\n.pc-head{padding:1.75rem 1.75rem 1.25rem;border-bottom:1px solid var(--w10)}\r\n.pc-badge{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:var(--ydim);border:1px solid var(--yborder);color:var(--yellow);border-radius:100px;padding:3px 11px;margin-bottom:.875rem}\r\n.pc-name{font-family:var(--disp);font-size:1.15rem;font-weight:800;margin-bottom:.375rem;letter-spacing:-0.02em}\r\n.pc-sub{font-size:13px;color:var(--w50);line-height:1.55}\r\n.pc-price{padding:1.375rem 1.75rem;border-bottom:1px solid var(--w10)}\r\n.pc-price-num{font-family:var(--disp);font-size:1.6rem;font-weight:800;color:#fff;line-height:1;margin-bottom:3px}\r\n.pc-price-num .y{color:var(--yellow)}\r\n.pc-price-note{font-size:12px;color:var(--w50)}\r\n.pc-features{padding:1.25rem 1.75rem;flex:1}\r\n.pc-feat-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}\r\n.pc-feat-list li{font-size:15px;color:var(--w70);display:flex;align-items:flex-start;gap:8px;line-height:1.55}\r\n.pc-feat-list li .ck{color:var(--yellow);flex-shrink:0;font-size:12px;margin-top:2px}\r\n.pc-feat-list li .x{color:var(--w30);flex-shrink:0;font-size:12px;margin-top:2px}\r\n.pc-btn-wrap{padding:0 1.75rem 1.75rem}\r\n.pc-btn{display:block;text-align:center;padding:11px;background:var(--yellow);color:var(--navy);font-family:var(--disp);font-size:13.5px;font-weight:700;border-radius:100px;text-decoration:none;transition:opacity .2s}\r\n.pc-btn:hover{opacity:.85}\r\n.pc-btn.outline{background:none;border:1px solid var(--w20);color:var(--w70)}\r\n.pc-btn.outline:hover{border-color:var(--yellow);color:var(--yellow)}\r\n\r\n\/* EXTRA KIEG\u00c9SZ\u00cdT\u0150K \u2013 lista *\/\r\n.extras-section{background:var(--navy2);border-top:1px solid var(--w10);border-bottom:1px solid var(--w10)}\r\n.extras-inner{max-width:1280px;margin:0 auto;padding:4rem 3rem}\r\n.extras-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--w10);border:1px solid var(--w10);border-radius:14px;overflow:hidden;margin-top:2rem}\r\n.extra-item{background:var(--navy);padding:1.125rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;transition:background .2s}\r\n.extra-item:hover{background:var(--navy3)}\r\n.extra-name{font-size:15px;font-weight:500;color:var(--w70)}\r\n.extra-price{font-family:var(--disp);font-size:.95rem;font-weight:700;color:#fff;white-space:nowrap;flex-shrink:0}\r\n.extra-price .suf{font-size:.75rem;font-weight:500;color:var(--w50)}\r\n\r\n\/* SZEKCI\u00d3 ELV\u00c1LASZT\u00d3 FEJL\u00c9C *\/\r\n.section-label{display:flex;align-items:center;gap:.875rem;margin-bottom:1rem}\r\n.section-label span{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--yellow)}\r\n.section-label::after{content:'';flex:1;height:1px;background:var(--w10)}\r\n\r\n\/* KARBANTART\u00c1S K\u00c1RTY\u00c1K *\/\r\n.maint-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:2.5rem}\r\n.maint-card{background:var(--navy2);border:1px solid var(--w10);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s,transform .2s}\r\n.maint-card:hover{border-color:var(--yborder);transform:translateY(-2px)}\r\n.maint-card.featured{border-color:var(--yborder)}\r\n.mc-head{padding:1.75rem 1.75rem 1.25rem;border-bottom:1px solid var(--w10)}\r\n.mc-badge{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:var(--ydim);border:1px solid var(--yborder);color:var(--yellow);border-radius:100px;padding:3px 11px;margin-bottom:.875rem}\r\n.mc-name{font-family:var(--disp);font-size:1.1rem;font-weight:800;margin-bottom:.375rem}\r\n.mc-sub{font-size:13px;color:var(--w50);line-height:1.5}\r\n.mc-price{padding:1.25rem 1.75rem;border-bottom:1px solid var(--w10)}\r\n.mc-toggle{display:flex;gap:4px;background:var(--w05);border-radius:8px;padding:3px;margin-bottom:1rem;width:fit-content}\r\n.mc-toggle button{font-family:var(--body);font-size:12px;font-weight:600;padding:5px 14px;border-radius:6px;border:none;background:none;color:var(--w50);cursor:pointer;transition:all .2s}\r\n.mc-toggle button.active{background:var(--yellow);color:var(--navy)}\r\n.mc-price-num{font-family:var(--disp);font-size:2rem;font-weight:800;line-height:1;margin-bottom:4px}\r\n.mc-price-num .y{color:var(--yellow)}\r\n.mc-price-period{font-size:12px;color:var(--w50)}\r\n.mc-features{padding:1.25rem 1.75rem;flex:1}\r\n.mc-feat-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}\r\n.mc-feat-list li{font-size:15px;color:var(--w70);display:flex;align-items:flex-start;gap:8px}\r\n.mc-feat-list li .ck{color:var(--yellow);flex-shrink:0;font-size:11px;margin-top:2px}\r\n.mc-btn-wrap{padding:0 1.75rem 1.75rem}\r\n.mc-btn{display:block;text-align:center;padding:11px;background:var(--yellow);color:var(--navy);font-family:var(--disp);font-size:13px;font-weight:700;border-radius:100px;text-decoration:none;transition:opacity .2s}\r\n.mc-btn:hover{opacity:.85}\r\n.mc-btn.outline{background:none;border:1px solid var(--w20);color:var(--w70)}\r\n.mc-btn.outline:hover{border-color:var(--yellow);color:var(--yellow)}\r\n\r\n\/* FOOTNOTE *\/\r\n.price-footnote{background:var(--navy2);border:1px solid var(--w10);border-radius:12px;padding:1.25rem 1.75rem;margin-top:2rem;font-size:15px;color:var(--w50);line-height:1.75}\r\n.price-footnote strong{color:var(--w70)}\r\n\r\nbackground:var(--yellow);border-radius:18px;padding:3.5rem 4rem;display:flex;align-items:center;justify-content:space-between;gap:3rem;flex-wrap:wrap}\r\n.cta-eye{font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:rgba(6,14,28,.5);margin-bottom:.5rem}\r\n.cta-title{font-family:var(--disp);font-size:clamp(1.8rem,3vw,2.6rem);font-weight:800;color:var(--navy);line-height:1.1;letter-spacing:-0.025em}\r\n.cta-note{font-size:12.5px;color:rgba(6,14,28,.45);margin-top:.5rem}\r\n.cta-btn{display:inline-flex;align-items:center;gap:9px;background:var(--navy);color:#fff;font-family:var(--disp);font-size:14px;font-weight:800;padding:15px 30px;border-radius:100px;text-decoration:none;white-space:nowrap;transition:opacity .2s,transform .2s;flex-shrink:0}\r\n.cta-btn:hover{opacity:.88;transform:translateY(-2px)}\r\n\r\n\/* RESPONSIVE *\/\r\n@media(max-width:1100px){.prices-grid{grid-template-columns:1fr 1fr}.maint-grid{grid-template-columns:1fr}}\r\n@media(max-width:960px){\r\n  .page-hero{padding:3rem 1.5rem 2.5rem}\r\n  .tabs-wrap{padding:2rem 1.5rem 0}\r\n  .wrap{padding:0 1.5rem}\r\n  .extras-inner{padding:3rem 1.5rem}\r\n  .extras-grid{grid-template-columns:1fr}\r\n  .cta{flex-direction:column;align-items:flex-start}\r\n  .cta-wrap{padding:0 1.5rem 3.5rem}\r\n}\r\n@media(max-width:600px){\r\n  .prices-grid{grid-template-columns:1fr}\r\n  .hero-stats{gap:1.5rem}\r\n  .tabs{width:100%}\r\n  .tab-btn{flex:1;text-align:center;padding:10px 12px}\r\n}\r\n\r\n\/* \u2550\u2550\u2550 GRAVITY FORMS OVERRIDE \u2550\u2550\u2550 *\/\r\n.gf-wrap .gform_wrapper,.gf-wrap .gform_wrapper *{box-sizing:border-box}\r\n.gf-wrap .gform_wrapper{margin:0 !important;padding:0 !important}\r\n.gf-wrap .gform_body .gform_fields{display:flex;flex-direction:column;gap:1.1rem !important}\r\n.gf-wrap .gfield{margin:0 !important;padding:0 !important}\r\n.gf-wrap .gfield_label,.gf-wrap .gfield_label_before_complex{font-family:'Inter',sans-serif !important;font-size:12.5px !important;font-weight:600 !important;color:rgba(255,255,255,0.7) !important;margin-bottom:.4rem !important;display:block !important}\r\n.gf-wrap .gfield_required{color:#dff023 !important}\r\n.gf-wrap input[type=\"text\"],.gf-wrap input[type=\"email\"],.gf-wrap input[type=\"tel\"],.gf-wrap input[type=\"number\"],.gf-wrap input[type=\"url\"],.gf-wrap select,.gf-wrap textarea{width:100% !important;background:#060e1c !important;border:1px solid rgba(255,255,255,0.18) !important;border-radius:10px !important;padding:.875rem 1.125rem !important;color:#fff !important;font-family:'Inter',sans-serif !important;font-size:14px !important;outline:none !important;transition:border-color .2s !important;-webkit-appearance:none !important;appearance:none !important;box-shadow:none !important}\r\n.gf-wrap input:focus,.gf-wrap select:focus,.gf-wrap textarea:focus{border-color:rgba(223,240,35,0.45) !important;box-shadow:none !important}\r\n.gf-wrap input::placeholder,.gf-wrap textarea::placeholder{color:rgba(255,255,255,0.3) !important}\r\n.gf-wrap select{background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='rgba(255,255,255,0.4)' stroke-width='1.5' fill='none' stroke-linecap='round'\/%3E%3C\/svg%3E\") !important;background-repeat:no-repeat !important;background-position:right 1rem center !important;cursor:pointer !important;color:#fff !important}\r\n.gf-wrap select option{background:#0b1628;color:#fff}\r\n.gf-wrap textarea{min-height:110px !important;resize:vertical !important}\r\n.gf-wrap .ginput_complex{display:grid !important;grid-template-columns:1fr 1fr !important;gap:1rem !important}\r\n.gf-wrap .ginput_complex span{display:flex !important;flex-direction:column !important;gap:.4rem !important}\r\n.gf-wrap .ginput_complex label{font-size:11px !important;color:rgba(255,255,255,0.4) !important;margin-top:.25rem !important}\r\n.gf-wrap .gfield_radio,.gf-wrap .gfield_checkbox{display:flex !important;flex-wrap:wrap !important;gap:.5rem !important;list-style:none !important;padding:0 !important;margin:0 !important}\r\n.gf-wrap .gfield_radio li,.gf-wrap .gfield_checkbox li{display:flex !important;align-items:center !important;gap:.6rem !important;padding:.5rem .875rem !important;border:1px solid rgba(255,255,255,0.1) !important;border-radius:8px !important;background:#060e1c !important;cursor:pointer !important;margin:0 !important}\r\n.gf-wrap .gfield_radio li label,.gf-wrap .gfield_checkbox li label{font-size:13px !important;color:rgba(255,255,255,0.7) !important;cursor:pointer !important;margin:0 !important;font-weight:400 !important}\r\n.gf-wrap input[type=\"radio\"],.gf-wrap input[type=\"checkbox\"]{accent-color:#dff023 !important;width:15px !important;height:15px !important;flex-shrink:0 !important;cursor:pointer !important}\r\n.gf-wrap .gform_footer,.gf-wrap .gform_page_footer{margin:1rem 0 0 !important;padding:0 !important}\r\n.gf-wrap input[type=\"submit\"],.gf-wrap button[type=\"submit\"]{width:100% !important;background:#dff023 !important;color:#060e1c !important;font-family:'Bricolage Grotesque',sans-serif !important;font-size:15px !important;font-weight:800 !important;padding:15px !important;border-radius:100px !important;border:none !important;cursor:pointer !important;transition:opacity .2s,transform .2s !important;box-shadow:none !important;-webkit-appearance:none !important;appearance:none !important}\r\n.gf-wrap input[type=\"submit\"]:hover,.gf-wrap button[type=\"submit\"]:hover{opacity:.9 !important;transform:translateY(-1px) !important}\r\n.gf-wrap .gform_confirmation_message{font-size:14.5px !important;color:rgba(255,255,255,0.8) !important;line-height:1.8 !important;background:rgba(223,240,35,0.08) !important;border:1px solid rgba(223,240,35,0.2) !important;border-radius:12px !important;padding:1.5rem !important}\r\n.gf-wrap .gfield--type-consent > .gfield_label,.gf-wrap .gfield--type-consent > label{display:none !important}\r\n.gf-wrap .gfield--type-consent{background:#060e1c !important;border:1px solid rgba(255,255,255,0.12) !important;border-radius:10px !important;padding:.875rem 1rem !important}\r\n.gf-wrap .ginput_container_consent{display:flex !important;align-items:flex-start !important;gap:.75rem !important}\r\n.gf-wrap .ginput_container_consent input[type=\"checkbox\"]{width:18px !important;height:18px !important;margin-top:3px !important;accent-color:#dff023 !important;flex-shrink:0 !important;cursor:pointer !important}\r\n.gf-wrap .gfield_consent_label{font-size:13px !important;color:rgba(255,255,255,0.65) !important;font-weight:400 !important;line-height:1.55 !important;cursor:pointer !important}\r\n.gf-wrap .gfield_consent_label a{color:#dff023 !important;text-decoration:underline !important}\r\n.gf-wrap .gfield--type-captcha > .gfield_label{display:none !important}\r\n.gf-wrap .gform_required_legend{display:none !important}\r\n.gf-wrap .validation_message{font-size:11.5px !important;color:rgba(239,68,68,0.9) !important;margin-top:.35rem !important}\r\n@media(max-width:960px){\r\n  .gf-wrap + div, div:has(.gf-wrap){grid-template-columns:1fr !important}\r\n}\r\n\r\n\/* \u2550\u2550 FLOATING GOMB \u2550\u2550 *\/\r\n.zpk-fab{\r\n  position:fixed;bottom:2rem;right:2rem;z-index:9999;\r\n  display:flex;flex-direction:column;align-items:flex-end;gap:.625rem;\r\n}\r\n.zpk-scroll-fixed{\r\n  position:fixed;bottom:2rem;left:2rem;z-index:9999;\r\n}\r\n.zpk-fab-btn{\r\n  display:flex;align-items:center;gap:.625rem;\r\n  background:#dff023;color:#060e1c;\r\n  font-family:'Bricolage Grotesque',sans-serif;font-size:14px;font-weight:800;\r\n  padding:13px 22px;border-radius:100px;border:none;cursor:pointer;\r\n  box-shadow:0 8px 28px rgba(0,0,0,0.25);\r\n  transition:all .25s;white-space:nowrap;\r\n}\r\n.zpk-fab-btn:hover{transform:translateY(-2px);box-shadow:0 12px 36px rgba(0,0,0,0.3)}\r\n.zpk-fab-btn.open{background:#060e1c;color:#dff023;border:1.5px solid rgba(223,240,35,0.3)}\r\n.zpk-fab-icon{font-size:1.1rem;line-height:1}\r\n.zpk-fab-pulse{\r\n  width:10px;height:10px;border-radius:50%;background:#dff023;\r\n  animation:zpkPulse 2s infinite;flex-shrink:0;\r\n}\r\n@keyframes zpkPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.6}}\r\n\r\n\/* \u2550\u2550 OVERLAY \u2550\u2550 *\/\r\n.zpk-overlay{\r\n  position:fixed;inset:0;background:rgba(6,14,28,.65);\r\n  z-index:9998;opacity:0;pointer-events:none;\r\n  transition:opacity .3s;backdrop-filter:blur(3px);\r\n}\r\n.zpk-overlay.open{opacity:1;pointer-events:all}\r\n\r\n\/* \u2550\u2550 POPUP \u2550\u2550 *\/\r\n.zpk-popup{\r\n  position:fixed;bottom:6rem;right:2rem;z-index:9999;\r\n  width:440px;max-width:calc(100vw - 2rem);\r\n  background:#0b1628;border:1px solid rgba(255,255,255,0.1);\r\n  border-radius:20px;overflow:hidden;\r\n  box-shadow:0 24px 60px rgba(0,0,0,0.5);\r\n  transform:translateY(20px) scale(.97);opacity:0;pointer-events:none;\r\n  transition:all .3s cubic-bezier(.34,1.56,.64,1);\r\n  max-height:85vh;display:flex;flex-direction:column;\r\n}\r\n.zpk-popup.open{transform:translateY(0) scale(1);opacity:1;pointer-events:all}\r\n\r\n\/* POPUP FEJ *\/\r\n.zpk-head{\r\n  padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,0.08);\r\n  background:#0f2040;display:flex;align-items:center;justify-content:space-between;\r\n  flex-shrink:0;\r\n}\r\n.zpk-head-left{}\r\n.zpk-head-eye{font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#dff023;margin-bottom:.25rem}\r\n.zpk-head-title{font-family:'Bricolage Grotesque',sans-serif;font-size:1.1rem;font-weight:800;color:#fff;line-height:1.2}\r\n.zpk-close{background:none;border:none;color:rgba(255,255,255,0.4);font-size:20px;cursor:pointer;line-height:1;padding:.25rem;transition:color .2s}\r\n.zpk-close:hover{color:#fff}\r\n\r\n\/* PROGRESS *\/\r\n.zpk-progress{display:flex;align-items:center;padding:.875rem 1.5rem;border-bottom:1px solid rgba(255,255,255,0.06);flex-shrink:0;background:#060e1c}\r\n.zpk-dot{width:26px;height:26px;border-radius:50%;border:2px solid rgba(255,255,255,0.15);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:rgba(255,255,255,0.4);transition:all .3s;flex-shrink:0;font-family:'Bricolage Grotesque',sans-serif}\r\n.zpk-dot.active{border-color:#dff023;background:#dff023;color:#060e1c}\r\n.zpk-dot.done{border-color:#dff023;background:rgba(223,240,35,0.1);color:#dff023}\r\n.zpk-line{flex:1;height:1px;background:rgba(255,255,255,0.08)}\r\n.zpk-line.done{background:rgba(223,240,35,0.35)}\r\n\r\n\/* POPUP BODY *\/\r\n.zpk-body{padding:1.25rem 1.5rem;overflow-y:auto;flex:1}\r\n.zpk-step{display:none}\r\n.zpk-step.active{display:block}\r\n.zpk-step-desc{font-size:14px;color:rgba(255,255,255,0.5);margin-bottom:1rem;line-height:1.6}\r\n\r\n\/* OPCI\u00d3K *\/\r\n.zpk-opts{display:flex;flex-direction:column;gap:.5rem}\r\n.zpk-opt{background:#060e1c;border:1.5px solid rgba(255,255,255,0.12);border-radius:10px;padding:.875rem 1rem;cursor:pointer;text-align:left;color:#fff;transition:all .2s;display:flex;align-items:center;gap:.75rem;width:100%}\r\n.zpk-opt:hover{border-color:rgba(223,240,35,0.3);background:rgba(223,240,35,0.06)}\r\n.zpk-opt.sel{border-color:#dff023;background:rgba(223,240,35,0.08)}\r\n.zpk-chk{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,0.25);flex-shrink:0;position:relative;transition:all .2s}\r\n.zpk-opt.sel .zpk-chk{background:#dff023;border-color:#dff023}\r\n.zpk-opt.sel .zpk-chk::after{content:\"\u2713\";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#060e1c}\r\n.zpk-opt-name{font-family:'Bricolage Grotesque',sans-serif;font-size:.95rem;font-weight:700;flex:1}\r\n.zpk-opt-price{font-size:13px;color:#dff023;font-weight:600;white-space:nowrap}\r\n\r\n\/* CHECKBOX *\/\r\n.zpk-checks{display:flex;flex-direction:column;gap:.4rem}\r\n.zpk-check{background:#060e1c;border:1.5px solid rgba(255,255,255,0.12);border-radius:8px;padding:.75rem 1rem;cursor:pointer;display:flex;align-items:center;gap:.75rem;width:100%;text-align:left;color:#fff;transition:all .2s}\r\n.zpk-check:hover{border-color:rgba(223,240,35,0.25);background:rgba(223,240,35,0.05)}\r\n.zpk-check.sel{border-color:#dff023;background:rgba(223,240,35,0.07)}\r\n.zpk-box{width:15px;height:15px;border-radius:3px;border:2px solid rgba(255,255,255,0.25);flex-shrink:0;position:relative;transition:all .2s}\r\n.zpk-check.sel .zpk-box{background:#dff023;border-color:#dff023}\r\n.zpk-check.sel .zpk-box::after{content:\"\u2713\";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700;color:#060e1c}\r\n.zpk-check-name{font-size:.9rem;font-family:'Bricolage Grotesque',sans-serif;font-weight:600;flex:1}\r\n.zpk-check-price{font-size:12.5px;color:#dff023;font-weight:600;white-space:nowrap}\r\n.zpk-cat{font-size:9.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#dff023;opacity:.7;margin-top:.875rem;margin-bottom:.375rem;padding-bottom:.3rem;border-bottom:1px solid rgba(255,255,255,0.07)}\r\n.zpk-cat:first-child{margin-top:0}\r\n\r\n\/* \u00d6SSZEGZ\u0150 *\/\r\n.zpk-sum{background:#060e1c;border-radius:10px;padding:.875rem 1rem;margin-bottom:1rem}\r\n.zpk-sum-row{display:flex;justify-content:space-between;font-size:13.5px;margin-bottom:.3rem}\r\n.zpk-sum-row:last-child{margin-bottom:0;font-weight:700;padding-top:.375rem;border-top:1px solid rgba(255,255,255,0.08);margin-top:.375rem}\r\n.zpk-sum-n{color:rgba(255,255,255,0.6)}\r\n.zpk-sum-p{color:#fff;font-weight:600}\r\n.zpk-sum-total-p{color:#dff023;font-family:'Bricolage Grotesque',sans-serif;font-size:1rem}\r\n\r\n\/* FORM *\/\r\n.zpk-field{display:flex;flex-direction:column;gap:.375rem;margin-bottom:.75rem}\r\n.zpk-label{font-size:12.5px;font-weight:600;color:rgba(255,255,255,0.7)}\r\n.zpk-input{width:100%;background:#060e1c;border:1.5px solid rgba(255,255,255,0.15);border-radius:9px;padding:.75rem 1rem;color:#fff;font-family:'Inter',sans-serif;font-size:14px;outline:none;transition:border-color .2s}\r\n.zpk-input:focus{border-color:rgba(223,240,35,0.45)}\r\n.zpk-input::placeholder{color:rgba(255,255,255,0.25)}\r\n\r\n\/* NAV *\/\r\n.zpk-nav{display:flex;justify-content:space-between;align-items:center;margin-top:1.125rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,0.07)}\r\n.zpk-back{background:none;border:1px solid rgba(255,255,255,0.15);color:rgba(255,255,255,0.6);font-family:'Bricolage Grotesque',sans-serif;font-size:12.5px;font-weight:600;padding:8px 18px;border-radius:100px;cursor:pointer;transition:all .2s}\r\n.zpk-back:hover{border-color:rgba(255,255,255,0.4);color:#fff}\r\n.zpk-next{background:#dff023;color:#060e1c;font-family:'Bricolage Grotesque',sans-serif;font-size:13px;font-weight:800;padding:9px 22px;border-radius:100px;border:none;cursor:pointer;transition:all .2s}\r\n.zpk-next:hover{opacity:.9;transform:translateY(-1px)}\r\n.zpk-next:disabled{opacity:.35;cursor:not-allowed;transform:none}\r\n.zpk-send{width:100%;background:#dff023;color:#060e1c;font-family:'Bricolage Grotesque',sans-serif;font-size:14px;font-weight:800;padding:13px;border-radius:100px;border:none;cursor:pointer;transition:all .2s;margin-top:.75rem}\r\n.zpk-send:hover{opacity:.9;transform:translateY(-1px)}\r\n.zpk-send:disabled{opacity:.4;cursor:not-allowed}\r\n\r\n\/* SIKER *\/\r\n.zpk-success{text-align:center;padding:1rem 0}\r\n.zpk-success-icon{font-size:3rem;margin-bottom:.875rem}\r\n.zpk-success-title{font-family:'Bricolage Grotesque',sans-serif;font-size:1.2rem;font-weight:800;color:#fff;margin-bottom:.5rem}\r\n.zpk-success-text{font-size:15px;color:rgba(255,255,255,0.65);line-height:1.75}\r\n.zpk-success-close{display:inline-block;margin-top:1.25rem;background:#dff023;color:#060e1c;font-family:'Bricolage Grotesque',sans-serif;font-size:13px;font-weight:700;padding:10px 24px;border-radius:100px;border:none;cursor:pointer;transition:all .2s}\r\n\r\n\/* DISCLAIMER *\/\r\n.zpk-disclaimer{font-size:11px;color:rgba(255,255,255,0.25);text-align:center;margin-top:.75rem;line-height:1.6}\r\n.zpk-disclaimer a{color:rgba(255,255,255,0.4)}\r\n\r\n@media(max-width:480px){\r\n  .zpk-popup{right:1rem;left:1rem;width:auto;bottom:5.5rem}\r\n\r\n\r\n\/* Inline kalkul\u00e1tor az \u00e1rak oldalon *\/\r\n.zpk-inline-popup{\r\n  position:static !important;\r\n  transform:none !important;\r\n  opacity:1 !important;\r\n  pointer-events:all !important;\r\n  width:100% !important;\r\n  max-width:100% !important;\r\n  box-shadow:none !important;\r\n  border-radius:16px !important;\r\n  display:block !important;\r\n}\r\n.zpk-inline .zpk-step{display:block !important}\r\n.zpk-inline .zpk-popup-body{max-height:none !important;overflow:visible !important}\r\n.zpk-inline .zpk-nav{display:none !important}\r\n.zpk-inline .zpk-step-header{cursor:default}\r\n.zpk-inline .zpk-sum{margin-top:2rem}\r\n.zpk-inline-popup{padding:2rem !important}\r\n\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"page\">\r\n<div class=\"grid-bg\"><\/div>\r\n<div class=\"orb orb1\"><\/div>\r\n\r\n<!-- HERO -->\r\n<div class=\"page-hero\">\r\n  <div class=\"breadcrumb\">\r\n    <a href=\"\/\">Kezd\u0151lap<\/a>\r\n    <span class=\"breadcrumb-sep\">\/<\/span>\r\n    <span class=\"breadcrumb-curr\">\u00c1rak<\/span>\r\n  <\/div>\r\n  <h1>\u00c1tl\u00e1that\u00f3 <span class=\"y\">\u00e1rak,<\/span><br>meglepet\u00e9sek n\u00e9lk\u00fcl<\/h1>\r\n  <p class=\"page-hero-desc\">Minden projekt egyedi \u2013 az \u00e1rak t\u00e1j\u00e9koztat\u00f3 jelleg\u0171ek. Az egy\u00e9ni ig\u00e9nyek alapj\u00e1n r\u00e9szletes aj\u00e1nlatot k\u00e9sz\u00edtek 24 \u00f3r\u00e1n bel\u00fcl, ingyenesen.<\/p>\r\n  <div class=\"price-notice\">\u26a1 Az \u00e1rak 2026. j\u00fanius 1-j\u00e9t\u0151l \u00e9rv\u00e9nyesek \u00b7 Az \u00e1rv\u00e1ltoztat\u00e1s jog\u00e1t fenntartom<\/div>\r\n  <div class=\"hero-stats\">\r\n    <div class=\"hstat\"><div class=\"hstat-n\">\u201320%<\/div><div class=\"hstat-l\">Kezd\u0151 v\u00e1llalkoz\u00e1soknak<\/div><\/div>\r\n    <div class=\"hstat\"><div class=\"hstat-n\">24h<\/div><div class=\"hstat-l\">Ingyenes aj\u00e1nlat<\/div><\/div>\r\n    <div class=\"hstat\"><div class=\"hstat-n\">\u20ac $<\/div><div class=\"hstat-l\">Eur\u00f3 & doll\u00e1r is<\/div><\/div>\r\n    <div class=\"hstat\"><div class=\"hstat-n\">5+<\/div><div class=\"hstat-l\">\u00e9v gyakorlati tapasztalat<\/div><\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- TABS -->\r\n<div class=\"tabs-wrap\">\r\n  <div class=\"tabs\">\r\n    <div class=\"tab-btn active\" data-tab=\"projektek\">Projekt \u00e1rak<\/div>\r\n    <div class=\"tab-btn\" data-tab=\"karbantartas\">Karbantart\u00e1s<\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550 TAB: PROJEKTEK \u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<div class=\"tab-content active\" id=\"tab-projektek\">\r\n<div class=\"wrap\">\r\n  <div class=\"section-pad\">\r\n    <p class=\"sec-eye\">Weboldal & webshop k\u00e9sz\u00edt\u00e9s<\/p>\r\n    <h2 class=\"sec-title\">V\u00e1laszd ki a neked megfelel\u0151 csomagot<\/h2>\r\n    <p class=\"sec-desc\">Minden csomag egyedi diz\u00e1jnt, mobilbar\u00e1t kivitelez\u00e9st, SEO-alapot \u00e9s kezel\u00e9si \u00fatmutat\u00f3t tartalmaz. Az itt szerepl\u0151 \u00e1rak t\u00e1j\u00e9koztat\u00f3 jelleg\u0171ek \u2013 az egyedi ig\u00e9nyek alapj\u00e1n szem\u00e9lyes aj\u00e1nlatot adok.<\/p>\r\n\r\n    <!-- WEBOLDAL -->\r\n    <div class=\"section-label\" style=\"margin-top:2.5rem\"><span>Weboldal k\u00e9sz\u00edt\u00e9s<\/span><\/div>\r\n    <div class=\"prices-grid\">\r\n\r\n      <div class=\"price-card\">\r\n        <div class=\"pc-head\">\r\n          <span class=\"pc-badge\">Landing oldal \u00b7 ~1-2 h\u00e9t<\/span>\r\n          <div class=\"pc-name\">Landing oldal<\/div>\r\n          <div class=\"pc-sub\">Egy konkr\u00e9t term\u00e9khez, szolg\u00e1ltat\u00e1shoz vagy kamp\u00e1nyhoz<\/div>\r\n        <\/div>\r\n        <div class=\"pc-price\">\r\n          <div class=\"pc-price-num\"><span class=\"y\">170 000<\/span> Ft-t\u00f3l<\/div>\r\n          <div class=\"pc-price-note\">Egyedi aj\u00e1nlat alapj\u00e1n \u00b7 Kezd\u0151knek \u201320%<\/div>\r\n        <\/div>\r\n        <div class=\"pc-features\">\r\n          <ul class=\"pc-feat-list\">\r\n            <li><span class=\"ck\">\u2713<\/span>1\u20132 aloldal, egyedi Elementor diz\u00e1jn<\/li>\r\n            <li><span class=\"ck\">\u2713<\/span>Mobilbar\u00e1t, gyors bet\u00f6lt\u00e9s<\/li>\r\n            <li><span class=\"ck\">\u2713<\/span>Kapcsolati form<\/li>\r\n            <li><span class=\"ck\">\u2713<\/span>SEO-alap, Google Analytics<\/li>\r\n            <li><span class=\"ck\">\u2713<\/span>SSL & alapvet\u0151 biztons\u00e1g<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n        <div class=\"pc-btn-wrap\">\r\n          <a href=\"\/ajanlatkeres\/\" class=\"pc-btn outline\">Aj\u00e1nlatot k\u00e9rek \u2192<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"price-card featured\">\r\n        <div class=\"pc-head\">\r\n          <span class=\"pc-badge\">Legn\u00e9pszer\u0171bb \u00b7 ~2-3 h\u00e9t<\/span>\r\n          <div class=\"pc-name\">Bemutatkoz\u00f3 weboldal<\/div>\r\n          <div class=\"pc-sub\">Kis- \u00e9s k\u00f6z\u00e9pv\u00e1llalkoz\u00e1soknak, szolg\u00e1ltat\u00f3knak<\/div>\r\n        <\/div>\r\n        <div class=\"pc-price\">\r\n          <div class=\"pc-price-num\"><span class=\"y\">220 000<\/span> Ft-t\u00f3l<\/div>\r\n          <div class=\"pc-price-note\">Egyedi aj\u00e1nlat alapj\u00e1n \u00b7 Kezd\u0151knek \u201320%<\/div>\r\n        <\/div>\r\n        <div class=\"pc-features\">\r\n          <ul class=\"pc-feat-list\">\r\n            <li><span class=\"ck\">\u2713<\/span>4\u20136 aloldal, egyedi Elementor diz\u00e1jn<\/li>\r\n            <li><span class=\"ck\">\u2713<\/span>Mobilbar\u00e1t, sebess\u00e9g optimaliz\u00e1lt<\/li>\r\n            <li><span class=\"ck\">\u2713<\/span>Kapcsolati form (Gravity Forms)<\/li>\r\n            <li><span class=\"ck\">\u2713<\/span>SEO-alap + Google Analytics & Search Console<\/li>\r\n            <li><span class=\"ck\">\u2713<\/span>SSL, spam \u00e9s bejelentkez\u00e9si v\u00e9delem<\/li>\r\n            <li><span class=\"ck\">\u2713<\/span>Kezel\u00e9si \u00fatmutat\u00f3 \u00e1tad\u00e1skor<\/li>\r\n            <li><span class=\"ck\">\u2713<\/span>30 nap ingyenes ut\u00f3k\u00f6vet\u00e9s<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n        <div class=\"pc-btn-wrap\">\r\n          <a href=\"\/ajanlatkeres\/\" class=\"pc-btn\">Aj\u00e1nlatot k\u00e9rek \u2192<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"price-card\">\r\n        <div class=\"pc-head\">\r\n          <span class=\"pc-badge\">Halad\u00f3 \u00b7 ~3-4 h\u00e9t<\/span>\r\n          <div class=\"pc-name\">Halad\u00f3 weboldal<\/div>\r\n          <div class=\"pc-sub\">Portf\u00f3li\u00f3, klinika, st\u00fadi\u00f3 \u2013 komplex ig\u00e9nyekhez<\/div>\r\n        <\/div>\r\n        <div class=\"pc-price\">\r\n          <div class=\"pc-price-num\"><span class=\"y\">340 000<\/span> Ft-t\u00f3l<\/div>\r\n          <div class=\"pc-price-note\">Egyedi aj\u00e1nlat alapj\u00e1n<\/div>\r\n        <\/div>\r\n        <div class=\"pc-features\">\r\n          <ul class=\"pc-feat-list\">\r\n            <li><span class=\"ck\">\u2713<\/span>6\u201310+ aloldal, egyedi diz\u00e1jn<\/li>\r\n            <li><span class=\"ck\">\u2713<\/span>Blog szekci\u00f3<\/li>\r\n            <li><span class=\"ck\">\u2713<\/span>Halad\u00f3 SEO be\u00e1ll\u00edt\u00e1s<\/li>\r\n            <li><span class=\"ck\">\u2713<\/span>H\u00edrlev\u00e9l \/ foglal\u00e1s integr\u00e1ci\u00f3<\/li>\r\n            <li><span class=\"ck\">\u2713<\/span>Sebess\u00e9g optimaliz\u00e1l\u00e1s<\/li>\r\n            <li><span class=\"ck\">\u2713<\/span>Kezel\u00e9si \u00fatmutat\u00f3 + oktat\u00e1s<\/li>\r\n            <li><span class=\"ck\">\u2713<\/span>30 nap ingyenes ut\u00f3k\u00f6vet\u00e9s<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n        <div class=\"pc-btn-wrap\">\r\n          <a href=\"\/ajanlatkeres\/\" class=\"pc-btn outline\">Aj\u00e1nlatot k\u00e9rek \u2192<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- WEBSHOP -->\r\n    <div class=\"section-label\" style=\"margin-top:3rem\"><span>Webshop k\u00e9sz\u00edt\u00e9s \u00b7 WooCommerce<\/span><\/div>\r\n    <div class=\"prices-grid\">\r\n\r\n      <div class=\"price-card\">\r\n        <div class=\"pc-head\">\r\n          <span class=\"pc-badge\">Alap webshop \u00b7 ~4-6 h\u00e9t<\/span>\r\n          <div class=\"pc-name\">WooCommerce alap<\/div>\r\n          <div class=\"pc-sub\">Max. 20 term\u00e9k felt\u00f6lt\u00e9s\u00e9vel, fizet\u00e9si kapuval<\/div>\r\n        <\/div>\r\n        <div class=\"pc-price\">\r\n          <div class=\"pc-price-num\"><span class=\"y\">480 000<\/span> Ft-t\u00f3l<\/div>\r\n          <div class=\"pc-price-note\">Egyedi aj\u00e1nlat alapj\u00e1n \u00b7 Kezd\u0151knek \u201320%<\/div>\r\n        <\/div>\r\n        <div class=\"pc-features\">\r\n          <ul class=\"pc-feat-list\">\r\n            <li><span class=\"ck\">\u2713<\/span>WooCommerce teljes be\u00e1ll\u00edt\u00e1s<\/li>\r\n            <li><span class=\"ck\">\u2713<\/span>Fizet\u00e9si kapu (SimplePay \/ Barion \/ Stripe)<\/li>\r\n            <li><span class=\"ck\">\u2713<\/span>Sz\u00e1ll\u00edt\u00e1si m\u00f3dok \u00e9s d\u00edjak<\/li>\r\n            <li><span class=\"ck\">\u2713<\/span>Max. 20 term\u00e9k felt\u00f6lt\u00e9s<\/li>\r\n            <li><span class=\"ck\">\u2713<\/span>GDPR \/ \u00c1SZF dokumentumok<\/li>\r\n            <li><span class=\"ck\">\u2713<\/span>SEO-alap, Google Analytics<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n        <div class=\"pc-btn-wrap\">\r\n          <a href=\"\/ajanlatkeres\/\" class=\"pc-btn outline\">Aj\u00e1nlatot k\u00e9rek \u2192<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"price-card featured\">\r\n        <div class=\"pc-head\">\r\n          <span class=\"pc-badge\">Halad\u00f3 webshop \u00b7 ~6-10 h\u00e9t<\/span>\r\n          <div class=\"pc-name\">WooCommerce halad\u00f3<\/div>\r\n          <div class=\"pc-sub\">20+ term\u00e9k, sz\u00e1ml\u00e1z\u00f3 integr\u00e1ci\u00f3, komplex logika<\/div>\r\n        <\/div>\r\n        <div class=\"pc-price\">\r\n          <div class=\"pc-price-num\"><span class=\"y\">680 000<\/span> Ft-t\u00f3l<\/div>\r\n          <div class=\"pc-price-note\">Egyedi aj\u00e1nlat alapj\u00e1n<\/div>\r\n        <\/div>\r\n        <div class=\"pc-features\">\r\n          <ul class=\"pc-feat-list\">\r\n            <li><span class=\"ck\">\u2713<\/span>Minden ami az alap csomagban<\/li>\r\n            <li><span class=\"ck\">\u2713<\/span>20+ term\u00e9k felt\u00f6lt\u00e9s<\/li>\r\n            <li><span class=\"ck\">\u2713<\/span>Billingo \/ Sz\u00e1ml\u00e1zz.hu integr\u00e1ci\u00f3<\/li>\r\n            <li><span class=\"ck\">\u2713<\/span>Kuponok, kedvezm\u00e9nyek<\/li>\r\n            <li><span class=\"ck\">\u2713<\/span>K\u00e9szletkezel\u00e9s<\/li>\r\n            <li><span class=\"ck\">\u2713<\/span>H\u00edrlev\u00e9l rendszer<\/li>\r\n            <li><span class=\"ck\">\u2713<\/span>Halad\u00f3 SEO + Analytics<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n        <div class=\"pc-btn-wrap\">\r\n          <a href=\"\/ajanlatkeres\/\" class=\"pc-btn\">Aj\u00e1nlatot k\u00e9rek \u2192<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"price-card\">\r\n        <div class=\"pc-head\">\r\n          <span class=\"pc-badge\">Minden projekthez<\/span>\r\n          <div class=\"pc-name\">T\u00f6bbnyelv\u0171 opci\u00f3<\/div>\r\n          <div class=\"pc-sub\">TranslatePress \/ WPML \u2013 HU \/ DE \/ EN \/ FR<\/div>\r\n        <\/div>\r\n        <div class=\"pc-price\">\r\n          <div class=\"pc-price-num\"><span class=\"y\">60 000<\/span> Ft \/ nyelv<\/div>\r\n          <div class=\"pc-price-note\">Alap csomag \u00e1ron fel\u00fcl<\/div>\r\n        <\/div>\r\n        <div class=\"pc-features\">\r\n          <ul class=\"pc-feat-list\">\r\n            <li><span class=\"ck\">\u2713<\/span>TranslatePress vagy WPML integr\u00e1ci\u00f3<\/li>\r\n            <li><span class=\"ck\">\u2713<\/span>Hreflang SEO be\u00e1ll\u00edt\u00e1s<\/li>\r\n            <li><span class=\"ck\">\u2713<\/span>Nyelvv\u00e1laszt\u00f3 men\u00fc<\/li>\r\n            <li><span class=\"ck\">\u2713<\/span>HU \/ DE \/ EN \/ FR tapasztalat<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n        <div class=\"pc-btn-wrap\">\r\n          <a href=\"\/ajanlatkeres\/\" class=\"pc-btn outline\">Aj\u00e1nlatot k\u00e9rek \u2192<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"price-footnote\">\r\n      <strong>Megjegyz\u00e9s:<\/strong> Az \u00e1rak t\u00e1j\u00e9koztat\u00f3 jelleg\u0171ek. \u00c1tal\u00e1nyad\u00f3z\u00f3 v\u00e1llalkoz\u00e1sk\u00e9nt az \u00e1rak nett\u00f3 \u00f6sszegek. Az \u00e1rak 2026. j\u00fanius 1-j\u00e9t\u0151l \u00e9rv\u00e9nyesek \u2013 az \u00e1rv\u00e1ltoztat\u00e1s jog\u00e1t fenntartom. Kezd\u0151 v\u00e1llalkoz\u00e1soknak az els\u0151 weboldalra 20% kedvezm\u00e9nyt adok.\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- KIEG\u00c9SZ\u00cdT\u0150K -->\r\n<div class=\"extras-section\">\r\n  <div class=\"extras-inner\">\r\n    <p class=\"sec-eye\">Kieg\u00e9sz\u00edt\u0151 szolg\u00e1ltat\u00e1sok<\/p>\r\n    <h2 class=\"sec-title\">\u00c0 la carte \u2013 add hozz\u00e1 amit sz\u00fcks\u00e9ged van<\/h2>\r\n    <p class=\"sec-desc\">Ezek a szolg\u00e1ltat\u00e1sok \u00f6n\u00e1ll\u00f3an vagy megl\u00e9v\u0151 projekt mell\u00e9 is megrendelhet\u0151k.<\/p>\r\n    <div class=\"extras-grid\">\r\n      <div class=\"extra-item\"><span class=\"extra-name\">Fizet\u00e9si kapu bek\u00f6t\u00e9se (SimplePay \/ Barion \/ Stripe)<\/span><span class=\"extra-price\">100 000 <span class=\"suf\">Ft-t\u00f3l<\/span><\/span><\/div>\r\n      <div class=\"extra-item\"><span class=\"extra-name\">Sebess\u00e9goptimaliz\u00e1l\u00e1s (cache, k\u00e9pek, Core Web Vitals)<\/span><span class=\"extra-price\">70 000 <span class=\"suf\">Ft-t\u00f3l<\/span><\/span><\/div>\r\n      <div class=\"extra-item\"><span class=\"extra-name\">H\u00edrlev\u00e9l rendszer be\u00e1ll\u00edt\u00e1sa (Mailerlite \/ MailChimp)<\/span><span class=\"extra-price\">55 000 <span class=\"suf\">Ft-t\u00f3l<\/span><\/span><\/div>\r\n      <div class=\"extra-item\"><span class=\"extra-name\">Egyedi Gravity Forms form (t\u00f6bbl\u00e9p\u00e9ses, kondicion\u00e1lis)<\/span><span class=\"extra-price\">45 000 <span class=\"suf\">Ft-t\u00f3l<\/span><\/span><\/div>\r\n      <div class=\"extra-item\"><span class=\"extra-name\">Biztons\u00e1gi audit \u00e9s hardening<\/span><span class=\"extra-price\">55 000 <span class=\"suf\">Ft-t\u00f3l<\/span><\/span><\/div>\r\n      <div class=\"extra-item\"><span class=\"extra-name\">Weboldal vissza\u00e1ll\u00edt\u00e1sa ment\u00e9sb\u0151l (v\u00e9szhelyzet)<\/span><span class=\"extra-price\">65 000 <span class=\"suf\">Ft-t\u00f3l<\/span><\/span><\/div>\r\n      <div class=\"extra-item\"><span class=\"extra-name\">Billingo \/ Sz\u00e1ml\u00e1zz.hu integr\u00e1ci\u00f3<\/span><span class=\"extra-price\">45 000 <span class=\"suf\">Ft-t\u00f3l<\/span><\/span><\/div>\r\n      <div class=\"extra-item\"><span class=\"extra-name\">Google Analytics 4 + Search Console be\u00e1ll\u00edt\u00e1s<\/span><span class=\"extra-price\">30 000 <span class=\"suf\">Ft-t\u00f3l<\/span><\/span><\/div>\r\n      <div class=\"extra-item\" style=\"grid-column:span 2\"><span class=\"extra-name\">Fejleszt\u0151i \u00f3rad\u00edj (karbantart\u00e1son fel\u00fcli munk\u00e1k, min. 1 \u00f3ra)<\/span><span class=\"extra-price\">10 000 <span class=\"suf\">Ft \/ \u00f3ra<\/span><\/span><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<\/div>\r\n<!-- \/TAB: PROJEKTEK -->\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550 TAB: KARBANTART\u00c1S \u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<div class=\"tab-content\" id=\"tab-karbantartas\">\r\n<div class=\"wrap\">\r\n  <div class=\"section-pad\">\r\n    <p class=\"sec-eye\">WordPress karbantart\u00e1s<\/p>\r\n    <h2 class=\"sec-title\">Nem engedem el a kezed<br>az \u00e1tad\u00e1s ut\u00e1n sem<\/h2>\r\n    <p class=\"sec-desc\">Havi vagy \u00e9ves csomaggal gondoskodom arr\u00f3l, hogy az oldalad biztons\u00e1gos, gyors \u00e9s naprak\u00e9sz maradjon. SOS eset\u00e9n m\u00e9g aznap reag\u00e1lok.<\/p>\r\n\r\n    <div class=\"maint-grid\">\r\n\r\n      <div class=\"maint-card\">\r\n        <div class=\"mc-head\">\r\n          <span class=\"mc-badge\">Max. 6 aloldal<\/span>\r\n          <div class=\"mc-name\">Bemutatkoz\u00f3 oldal karbantart\u00e1s<\/div>\r\n          <div class=\"mc-sub\">Kis weboldalakn\u00e1l, max. 6 aloldallal<\/div>\r\n        <\/div>\r\n        <div class=\"mc-price\">\r\n          <div class=\"mc-toggle\">\r\n            <button class=\"active\" onclick=\"mcToggle(this,'mc-h1','mc-e1')\">Havid\u00edj<\/button>\r\n            <button onclick=\"mcToggle(this,'mc-e1','mc-h1')\">\u00c9ves d\u00edj<\/button>\r\n          <\/div>\r\n          <div id=\"mc-h1\">\r\n            <div class=\"mc-price-num\"><span class=\"y\">15 000<\/span> Ft<\/div>\r\n            <div class=\"mc-price-period\">\/h\u00f3 \u00b7 Max. 2 \u00f3ra \/ h\u00f3<\/div>\r\n          <\/div>\r\n          <div id=\"mc-e1\" style=\"display:none\">\r\n            <div class=\"mc-price-num\"><span class=\"y\">150 000<\/span> Ft<\/div>\r\n            <div class=\"mc-price-period\">\/\u00e9v \u00b7 2 h\u00f3nap aj\u00e1nd\u00e9kba<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"mc-features\">\r\n          <ul class=\"mc-feat-list\">\r\n            <li><span class=\"ck\">\u2713<\/span>B\u0151v\u00edtm\u00e9nyek friss\u00edt\u00e9se havonta<\/li>\r\n            <li><span class=\"ck\">\u2713<\/span>Pr\u00e9mium b\u0151v\u00edtm\u00e9nyek alkalmaz\u00e1sa<\/li>\r\n            <li><span class=\"ck\">\u2713<\/span>V\u00edrusellen\u0151rz\u00e9s<\/li>\r\n            <li><span class=\"ck\">\u2713<\/span>Tartalomfriss\u00edt\u00e9sek (k\u00e9p, sz\u00f6veg)<\/li>\r\n            <li><span class=\"ck\">\u2713<\/span>Biztons\u00e1gi ment\u00e9s<\/li>\r\n            <li><span class=\"ck\">\u2713<\/span>SOS hibaelh\u00e1r\u00edt\u00e1s m\u00e9g aznap<\/li>\r\n            <li><span class=\"ck\">\u2713<\/span>T\u00e1rhely\/domain \u00fcgyint\u00e9z\u00e9s<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n        <div class=\"mc-btn-wrap\">\r\n          <a href=\"\/ajanlatkeres\/\" class=\"mc-btn outline\">\u00c9rdekel \u2192<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"maint-card featured\">\r\n        <div class=\"mc-head\">\r\n          <span class=\"mc-badge\">6+ aloldal<\/span>\r\n          <div class=\"mc-name\">Komplex weboldal karbantart\u00e1s<\/div>\r\n          <div class=\"mc-sub\">6-n\u00e1l t\u00f6bb aloldalas oldalak eset\u00e9n<\/div>\r\n        <\/div>\r\n        <div class=\"mc-price\">\r\n          <div class=\"mc-toggle\">\r\n            <button class=\"active\" onclick=\"mcToggle(this,'mc-h2','mc-e2')\">Havid\u00edj<\/button>\r\n            <button onclick=\"mcToggle(this,'mc-e2','mc-h2')\">\u00c9ves d\u00edj<\/button>\r\n          <\/div>\r\n          <div id=\"mc-h2\">\r\n            <div class=\"mc-price-num\"><span class=\"y\">25 000<\/span> Ft<\/div>\r\n            <div class=\"mc-price-period\">\/h\u00f3 \u00b7 Max. 2 \u00f3ra \/ h\u00f3<\/div>\r\n          <\/div>\r\n          <div id=\"mc-e2\" style=\"display:none\">\r\n            <div class=\"mc-price-num\"><span class=\"y\">250 000<\/span> Ft<\/div>\r\n            <div class=\"mc-price-period\">\/\u00e9v \u00b7 2 h\u00f3nap aj\u00e1nd\u00e9kba<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"mc-features\">\r\n          <ul class=\"mc-feat-list\">\r\n            <li><span class=\"ck\">\u2713<\/span>Minden ami az alap csomagban<\/li>\r\n            <li><span class=\"ck\">\u2713<\/span>B\u0151v\u00edtm\u00e9nyek friss\u00edt\u00e9se havonta<\/li>\r\n            <li><span class=\"ck\">\u2713<\/span>V\u00edrusellen\u0151rz\u00e9s<\/li>\r\n            <li><span class=\"ck\">\u2713<\/span>Tartalomfriss\u00edt\u00e9sek<\/li>\r\n            <li><span class=\"ck\">\u2713<\/span>Biztons\u00e1gi ment\u00e9s<\/li>\r\n            <li><span class=\"ck\">\u2713<\/span>SOS hibaelh\u00e1r\u00edt\u00e1s m\u00e9g aznap<\/li>\r\n            <li><span class=\"ck\">\u2713<\/span>Javaslatok fejleszt\u00e9sre<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n        <div class=\"mc-btn-wrap\">\r\n          <a href=\"\/ajanlatkeres\/\" class=\"mc-btn\">\u00c9rdekel \u2192<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"maint-card\">\r\n        <div class=\"mc-head\">\r\n          <span class=\"mc-badge\">WooCommerce webshop<\/span>\r\n          <div class=\"mc-name\">Web\u00e1ruh\u00e1z karbantart\u00e1s<\/div>\r\n          <div class=\"mc-sub\">WooCommerce webshopokhoz, havi term\u00e9kfelt\u00f6lt\u00e9ssel<\/div>\r\n        <\/div>\r\n        <div class=\"mc-price\">\r\n          <div class=\"mc-toggle\">\r\n            <button class=\"active\" onclick=\"mcToggle(this,'mc-h3','mc-e3')\">Havid\u00edj<\/button>\r\n            <button onclick=\"mcToggle(this,'mc-e3','mc-h3')\">\u00c9ves d\u00edj<\/button>\r\n          <\/div>\r\n          <div id=\"mc-h3\">\r\n            <div class=\"mc-price-num\"><span class=\"y\">35 000<\/span> Ft<\/div>\r\n            <div class=\"mc-price-period\">\/h\u00f3 \u00b7 Max. 3 \u00f3ra \/ h\u00f3<\/div>\r\n          <\/div>\r\n          <div id=\"mc-e3\" style=\"display:none\">\r\n            <div class=\"mc-price-num\"><span class=\"y\">350 000<\/span> Ft<\/div>\r\n            <div class=\"mc-price-period\">\/\u00e9v \u00b7 2 h\u00f3nap aj\u00e1nd\u00e9kba<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"mc-features\">\r\n          <ul class=\"mc-feat-list\">\r\n            <li><span class=\"ck\">\u2713<\/span>Minden ami a komplex csomagban<\/li>\r\n            <li><span class=\"ck\">\u2713<\/span>\u00daj term\u00e9kfelt\u00f6lt\u00e9s max. 10 db\/h\u00f3<\/li>\r\n            <li><span class=\"ck\">\u2713<\/span>Fizet\u00e9si m\u00f3dok kezel\u00e9se<\/li>\r\n            <li><span class=\"ck\">\u2713<\/span>Sz\u00e1ll\u00edt\u00e1si m\u00f3dok kezel\u00e9se<\/li>\r\n            <li><span class=\"ck\">\u2713<\/span>WooCommerce plugin friss\u00edt\u00e9sek<\/li>\r\n            <li><span class=\"ck\">\u2713<\/span>SOS hibaelh\u00e1r\u00edt\u00e1s m\u00e9g aznap<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n        <div class=\"mc-btn-wrap\">\r\n          <a href=\"\/ajanlatkeres\/\" class=\"mc-btn outline\">\u00c9rdekel \u2192<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"price-footnote\">\r\n      <strong>Megjegyz\u00e9s:<\/strong> Az id\u0151kereten fel\u00fcl elv\u00e9gzett munk\u00e1k fejleszt\u0151i \u00f3rad\u00edja 10 000 Ft\/\u00f3ra. \u00c9ves csomagn\u00e1l 2 h\u00f3nap aj\u00e1nd\u00e9k (10 h\u00f3nap \u00e1ra fizeted, 12 h\u00f3napig sz\u00f3l). Az \u00e1rak 2026. j\u00fanius 1-j\u00e9t\u0151l \u00e9rv\u00e9nyesek.\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<script>\r\nfunction switchTab(id,btn){\r\n  document.querySelectorAll('.tab-content').forEach(el=>el.classList.remove('active'));\r\n  document.querySelectorAll('.tab-btn').forEach(el=>el.classList.remove('active'));\r\n  document.getElementById('tab-'+id).classList.add('active');\r\n  btn.classList.add('active');\r\n}\r\n\r\n\/\/ Event listener alap\u00fa megk\u00f6zel\u00edt\u00e9s - Elementor kompatibilis\r\ndocument.addEventListener('DOMContentLoaded', function(){\r\n  document.querySelectorAll('.tab-btn[data-tab]').forEach(function(btn){\r\n    btn.addEventListener('click', function(){\r\n      var id = this.getAttribute('data-tab');\r\n      switchTab(id, this);\r\n    });\r\n  });\r\n});\r\n\r\n\/\/ Fallback ha DOMContentLoaded m\u00e1r lefutott\r\nif(document.readyState === 'complete' || document.readyState === 'interactive'){\r\n  document.querySelectorAll('.tab-btn[data-tab]').forEach(function(btn){\r\n    btn.addEventListener('click', function(){\r\n      var id = this.getAttribute('data-tab');\r\n      switchTab(id, this);\r\n    });\r\n  });\r\n}\r\nfunction mcToggle(btn,showId,hideId){\r\n  const card=btn.closest('.maint-card');\r\n  card.querySelectorAll('.mc-toggle button').forEach(b=>b.classList.remove('active'));\r\n  btn.classList.add('active');\r\n  document.getElementById(showId).style.display='block';\r\n  document.getElementById(hideId).style.display='none';\r\n}\r\n\r\n\r\n\r\n<\/script>\r\n\r\n<!-- \u2550\u2550 AJ\u00c1NLATK\u00c9R\u00c9S SZEKCI\u00d3 \u2550\u2550 -->\r\n<div style=\"background:#0b1628;border-top:1px solid rgba(255,255,255,0.08);padding:5rem 3rem\">\r\n  <div style=\"max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start\">\r\n    <div>\r\n      <p style=\"font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#dff023;margin-bottom:.875rem\">Ingyenes aj\u00e1nlatk\u00e9r\u00e9s<\/p>\r\n      <h2 style=\"font-family:'Bricolage Grotesque',sans-serif;font-size:clamp(2rem,3.5vw,2.8rem);font-weight:800;letter-spacing:-0.025em;line-height:1.1;color:#fff;margin-bottom:1rem\">V\u00e1gjunk bele egy\u00fctt!<\/h2>\r\n      <p style=\"font-size:1.075rem;color:rgba(255,255,255,0.7);line-height:1.85;margin-bottom:2rem\">Mondd el, mi j\u00e1r a fejedben \u2013 ak\u00e1r csak egy \u00f6tlet szintj\u00e9n is. Gyorsan visszajelzek, \u00e9s egy\u00fctt kital\u00e1ljuk, mi a legjobb megold\u00e1s a v\u00e1llalkoz\u00e1sodnak.<\/p>\r\n      <div style=\"display:flex;flex-direction:column;gap:1rem\">\r\n        <div style=\"display:flex;align-items:center;gap:.875rem\">\r\n          <span style=\"font-size:1.25rem\">\u26a1<\/span>\r\n          <div>\r\n            <div style=\"font-family:'Bricolage Grotesque',sans-serif;font-size:.875rem;font-weight:700;color:#fff\">Gyors visszajelz\u00e9s<\/div>\r\n            <div style=\"font-size:13px;color:rgba(255,255,255,0.5)\">Nem v\u00e1ratom sok\u00e1ig az aj\u00e1nlattal<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div style=\"display:flex;align-items:center;gap:.875rem\">\r\n          <span style=\"font-size:1.25rem\">\ud83c\udfaf<\/span>\r\n          <div>\r\n            <div style=\"font-family:'Bricolage Grotesque',sans-serif;font-size:.875rem;font-weight:700;color:#fff\">Szem\u00e9lyre szabott aj\u00e1nlat<\/div>\r\n            <div style=\"font-size:13px;color:rgba(255,255,255,0.5)\">Nem sablonos \u2013 a te projektedre szabva<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div style=\"display:flex;align-items:center;gap:.875rem\">\r\n          <span style=\"font-size:1.25rem\">\ud83e\udd1d<\/span>\r\n          <div>\r\n            <div style=\"font-family:'Bricolage Grotesque',sans-serif;font-size:.875rem;font-weight:700;color:#fff\">Nincs k\u00f6telezetts\u00e9g<\/div>\r\n            <div style=\"font-size:13px;color:rgba(255,255,255,0.5)\">Az aj\u00e1nlat elfogad\u00e1sa teljesen a te d\u00f6nt\u00e9sed<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div style=\"background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:20px;padding:2rem\">\r\n      <div style=\"font-family:'Bricolage Grotesque',sans-serif;font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:.375rem\">K\u00e9rj ingyenes aj\u00e1nlatot!<\/div>\r\n      <div style=\"font-size:13px;color:rgba(255,255,255,0.5);margin-bottom:1.5rem\">Ne stresszelj \u2013 nincs rossz v\u00e1lasz.<\/div>\r\n      <div class=\"gf-wrap\">\r\n        <script>\nvar gform;gform||(document.addEventListener(\"gform_main_scripts_loaded\",function(){gform.scriptsLoaded=!0}),document.addEventListener(\"gform\/theme\/scripts_loaded\",function(){gform.themeScriptsLoaded=!0}),window.addEventListener(\"DOMContentLoaded\",function(){gform.domLoaded=!0}),gform={domLoaded:!1,scriptsLoaded:!1,themeScriptsLoaded:!1,isFormEditor:()=>\"function\"==typeof InitializeEditor,callIfLoaded:function(o){return!(!gform.domLoaded||!gform.scriptsLoaded||!gform.themeScriptsLoaded&&!gform.isFormEditor()||(gform.isFormEditor()&&console.warn(\"The use of gform.initializeOnLoaded() is deprecated in the form editor context and will be removed in Gravity Forms 3.1.\"),o(),0))},initializeOnLoaded:function(o){gform.callIfLoaded(o)||(document.addEventListener(\"gform_main_scripts_loaded\",()=>{gform.scriptsLoaded=!0,gform.callIfLoaded(o)}),document.addEventListener(\"gform\/theme\/scripts_loaded\",()=>{gform.themeScriptsLoaded=!0,gform.callIfLoaded(o)}),window.addEventListener(\"DOMContentLoaded\",()=>{gform.domLoaded=!0,gform.callIfLoaded(o)}))},hooks:{action:{},filter:{}},addAction:function(o,r,e,t){gform.addHook(\"action\",o,r,e,t)},addFilter:function(o,r,e,t){gform.addHook(\"filter\",o,r,e,t)},doAction:function(o){gform.doHook(\"action\",o,arguments)},applyFilters:function(o){return gform.doHook(\"filter\",o,arguments)},removeAction:function(o,r){gform.removeHook(\"action\",o,r)},removeFilter:function(o,r,e){gform.removeHook(\"filter\",o,r,e)},addHook:function(o,r,e,t,n){null==gform.hooks[o][r]&&(gform.hooks[o][r]=[]);var d=gform.hooks[o][r];null==n&&(n=r+\"_\"+d.length),gform.hooks[o][r].push({tag:n,callable:e,priority:t=null==t?10:t})},doHook:function(r,o,e){var t;if(e=Array.prototype.slice.call(e,1),null!=gform.hooks[r][o]&&((o=gform.hooks[r][o]).sort(function(o,r){return o.priority-r.priority}),o.forEach(function(o){\"function\"!=typeof(t=o.callable)&&(t=window[t]),\"action\"==r?t.apply(null,e):e[0]=t.apply(null,e)})),\"filter\"==r)return e[0]},removeHook:function(o,r,t,n){var e;null!=gform.hooks[o][r]&&(e=(e=gform.hooks[o][r]).filter(function(o,r,e){return!!(null!=n&&n!=o.tag||null!=t&&t!=o.priority)}),gform.hooks[o][r]=e)}});\n<\/script>\n\n                <div class='gf_browser_gecko gform_wrapper gravity-theme gform-theme--no-framework' data-form-theme='gravity-theme' data-form-index='0' id='gform_wrapper_1' ><form method='post' enctype='multipart\/form-data'  id='gform_1'  action='\/en\/wp-json\/wp\/v2\/pages\/4674' data-formid='1' novalidate>\n                        <div class='gform-body gform_body'><div id='gform_fields_1' class='gform_fields top_label form_sublabel_above description_below validation_below'><div id=\"field_1_16\" class=\"gfield gfield--type-text gfield--input-type-text gfield--width-third gfield_contains_required field_sublabel_above gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_1_16'><span class='gform-field-label__text'>N\u00e9v<\/span><span class=\"gfield_required\"><span class=\"gfield_required gfield_required_text\">(Required)<\/span><\/span><\/label><div class='ginput_container ginput_container_text'><input name='input_16' id='input_1_16' type='text' value='' class='large'    placeholder='Pl.: Nagy P\u00e9ter' aria-required=\"true\" aria-invalid=\"false\"   \/><\/div><\/div><div id=\"field_1_2\" class=\"gfield gfield--type-email gfield--input-type-email gfield--width-third gfield_contains_required field_sublabel_above gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_1_2'><span class='gform-field-label__text'>Email c\u00edm<\/span><span class=\"gfield_required\"><span class=\"gfield_required gfield_required_text\">(Required)<\/span><\/span><\/label><div class='ginput_container ginput_container_email'>\n                            <input name='input_2' id='input_1_2' type='email' value='' class='medium'   placeholder='valami@valami.hu' aria-required=\"true\" aria-invalid=\"false\"  \/>\n                        <\/div><\/div><div id=\"field_1_17\" class=\"gfield gfield--type-text gfield--input-type-text gfield--width-third gfield_contains_required field_sublabel_above gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_1_17'><span class='gform-field-label__text'>Telefonsz\u00e1m<\/span><span class=\"gfield_required\"><span class=\"gfield_required gfield_required_text\">(Required)<\/span><\/span><\/label><div class='ginput_container ginput_container_text'><input name='input_17' id='input_1_17' type='text' value='' class='large'    placeholder='Pl.: +36301234567' aria-required=\"true\" aria-invalid=\"false\"   \/><\/div><\/div><div id=\"field_1_13\" class=\"gfield gfield--type-select gfield--input-type-select gfield--width-full gfield_contains_required field_sublabel_above gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_1_13'><span class='gform-field-label__text'>Milyen szolg\u00e1ltat\u00e1st keresel?<\/span><span class=\"gfield_required\"><span class=\"gfield_required gfield_required_text\">(Required)<\/span><\/span><\/label><div class='ginput_container ginput_container_select'><select name='input_13' id='input_1_13' class='large gfield_select'    aria-required=\"true\" aria-invalid=\"false\" ><option value='Weboldalra van sz\u00fcks\u00e9gem' >Weboldalra van sz\u00fcks\u00e9gem<\/option><option value='Webshopot szeretn\u00e9k' >Webshopot szeretn\u00e9k<\/option><option value='Marketing &amp; hirdet\u00e9skezel\u00e9s' >Marketing &amp; hirdet\u00e9skezel\u00e9s<\/option><option value='SEO &amp; blogcikkek' >SEO &amp; blogcikkek<\/option><option value='Weboldal karbantart\u00e1s' >Weboldal karbantart\u00e1s<\/option><option value='AI automatiz\u00e1l\u00e1s \u00e9rdekelne' >AI automatiz\u00e1l\u00e1s \u00e9rdekelne<\/option><option value='T\u00f6bb szolg\u00e1ltat\u00e1s egyszerre' >T\u00f6bb szolg\u00e1ltat\u00e1s egyszerre<\/option><\/select><\/div><\/div><div id=\"field_1_3\" class=\"gfield gfield--type-textarea gfield--input-type-textarea gfield_contains_required field_sublabel_above gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_1_3'><span class='gform-field-label__text'>Mes\u00e9lj a tervezett projektedr\u0151l r\u00f6viden n\u00e9h\u00e1ny mondatban.<\/span><span class=\"gfield_required\"><span class=\"gfield_required gfield_required_text\">(Required)<\/span><\/span><\/label><div class='ginput_container ginput_container_textarea'><textarea name='input_3' id='input_1_3' class='textarea small'     aria-required=\"true\" aria-invalid=\"false\"   rows='10' cols='50'><\/textarea><\/div><\/div><fieldset id=\"field_1_15\" class=\"gfield gfield--type-consent gfield--type-choice gfield--input-type-consent gfield--width-full gfield_contains_required field_sublabel_above gfield--no-description field_description_below hidden_label field_validation_below gfield_visibility_visible gfield--choice-align-vertical\"  ><legend class='gfield_label gform-field-label gfield_label_before_complex' ><span class='gform-field-label__text'>Consent<\/span><span class=\"gfield_required\"><span class=\"gfield_required gfield_required_text\">(Required)<\/span><\/span><\/legend><div class='ginput_container ginput_container_consent'><input name='input_15.1' id='input_1_15_1' type='checkbox' value='1'   aria-required=\"true\" aria-invalid=\"false\"   \/> <label class=\"gform-field-label gform-field-label--type-inline gfield_consent_label\" for='input_1_15_1' ><span class='gform-field-label__text'>Elfogadom az <a href=\"\/adatvedelmi-nyilatkozat\/\" target=\"_blank\">Adatkezel\u00e9si t\u00e1j\u00e9koztat\u00f3t<\/a>.<\/span><span class=\"gfield_required gfield_required_text\">(Required)<\/span><\/label><input type='hidden' name='input_15.2' value='Elfogadom az &lt;a href=&quot;\/adatvedelmi-nyilatkozat\/&quot; target=&quot;_blank&quot;&gt;Adatkezel\u00e9si t\u00e1j\u00e9koztat\u00f3t&lt;\/a&gt;.' class='gform_hidden' \/><input type='hidden' name='input_15.3' value='1' class='gform_hidden' \/><\/div><\/fieldset><\/div><\/div>\n        <div class='gform-footer gform_footer top_label'> <button type='submit' id='gform_submit_button_1' class='gform_button button' onclick='gform.submission.handleButtonClick(this);' data-submission-type='submit' >Ingyenes aj\u00e1nlat k\u00e9r\u00e9se<\/button> \n            <input type='hidden' class='gform_hidden' name='gform_submission_method' data-js='gform_submission_method_1' value='postback' \/>\n            <input type='hidden' class='gform_hidden' name='gform_theme' data-js='gform_theme_1' id='gform_theme_1' value='gravity-theme' \/>\n            <input type='hidden' class='gform_hidden' name='gform_style_settings' data-js='gform_style_settings_1' id='gform_style_settings_1' value='[]' \/>\n            <input type='hidden' class='gform_hidden' name='is_submit_1' value='1' \/>\n            <input type='hidden' class='gform_hidden' name='gform_submit' value='1' \/>\n            \n            <input type='hidden' class='gform_hidden' name='gform_currency' data-currency='HUF' value='kGc1tlJmnIci1Y\/mFXqWV+s+KJv3BhvwK\/uQ5Ngcjc+SNpmkdAvfmY0Dj1qRHAOXiarBTcgOEpI13nLW6x7mPrdP5\/Whtqyi1mBDY60Rzk1dROs=' \/>\n            <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' \/>\n            <input type='hidden' class='gform_hidden' name='state_1' value='WyJ7XCIxM1wiOltcIjMzMzk2OTFkNmE1OTdlMDk1NDk4NGI0NGFjNGI0MmFiXCIsXCI4NDg4MDMzNGNhNWNhMjY1OGQyMjExYTliY2QwYmYyMVwiLFwiZDZlNmU5NWEyOGZlM2VjMzQ3NDUwMzFhZWQyNzg1OWFcIixcIjUzZWQzNmY1YTFjZTliNWM5NjA2ZDFiMDcxNGE5ZDBjXCIsXCJkNWUyYzY2N2VhMjBiMDNiZjE3YzQ0ZGQyZjViZGY4MlwiLFwiNzZiMmMyMTA0MmI4ZTU2ZTFlMjRlODY5ZmI3ZjgzYjlcIixcIjcxMWNjMTA1Yzg5YzE2NTRhYWYxYjYxMjIxYzM4ZWFmXCJdLFwiMTUuMVwiOlwiYzE1NzhlYWMwNjcwZTZhYTEwNjMyNDlkYWVmYTRjYTZcIixcIjE1LjJcIjpcImMzNmRlMDc0ZTUyMDBkNzU0MjI4ZjQzMjA2NWFkYzM1XCIsXCIxNS4zXCI6XCJjMTU3OGVhYzA2NzBlNmFhMTA2MzI0OWRhZWZhNGNhNlwiLFwiZ2Zvcm1fc3VibWlzc2lvbl9tZXRob2RcIjpbXCI1ZjQ0NDBhNzZlMjU4YzQzYjUzMzQwOTJjMmUzNzE0NFwiLFwiNmQ0OGRmNzc2NTJiNTdkNzZlYmE2NzA2NmVjY2RkNDVcIl0sXCJnZm9ybV90aGVtZVwiOlwiYmI4OWM2ZjdmNGZhYmFkNzQ3NDVhYWQ0ZjgyZmQ5MWFcIixcImdmb3JtX3N0eWxlX3NldHRpbmdzXCI6XCI1MWFkODQyZTU3NDkyOWEwODQ0NmJmMWI1YTJlYTEzNlwiLFwiZm9ybV9pZFwiOlwiYzE1NzhlYWMwNjcwZTZhYTEwNjMyNDlkYWVmYTRjYTZcIixcInVybFwiOlwiMTQ5NzlmMjExMDJiMGE5N2FhZWMwM2FkNjBlMzI5MWNcIixcInN0YXRlX3RpbWVzdGFtcFwiOlwiZDVlMTA3ODYwYWJkZTJiY2YzNjI2OWMxZDEzNTAyMmJcIn0iLCI0ZmYyNjA5MDAyYjlkYTY2MWY0MDA4MTQwNzYyMGM0MyIsMTc4ODE3NjA5NF0=' \/>\n            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_target_page_number_1' id='gform_target_page_number_1' value='0' \/>\n            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_source_page_number_1' id='gform_source_page_number_1' value='1' \/>\n            <input type='hidden' name='gform_field_values' value='' \/>\n            \n        <\/div>\n                        <\/form>\n                        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n\r\n<!-- \u2550\u2550 \u00c1RKALKUL\u00c1TOR SZEKCI\u00d3 \u2550\u2550 -->\r\n<div style=\"background:var(--navy2);border-top:1px solid var(--w10);padding:5rem 3rem\" id=\"kalkulator\">\r\n  <div style=\"max-width:800px;margin:0 auto\">\r\n    <p style=\"font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--yellow);margin-bottom:.875rem\">\u00c1rkalkul\u00e1tor<\/p>\r\n    <h2 style=\"font-family:'Bricolage Grotesque',sans-serif;font-size:clamp(1.9rem,3vw,2.6rem);font-weight:800;letter-spacing:-0.025em;line-height:1.1;color:#fff;margin-bottom:.875rem\">Sz\u00e1molja ki az aj\u00e1nlat \u00e1r\u00e1t<\/h2>\r\n    <p style=\"font-size:1.075rem;color:rgba(255,255,255,0.7);line-height:1.85;margin-bottom:2.5rem\">V\u00e1lassza ki a sz\u00fcks\u00e9ges elemeket \u00e9s azonnal l\u00e1tja a becs\u00fclt \u00e1rat. Ez t\u00e1j\u00e9koztat\u00f3 jelleg\u0171 \u2013 pontos aj\u00e1nlatot egyeztet\u00e9s ut\u00e1n adok.<\/p>\r\n\r\n    <!-- KALKUL\u00c1TOR BE\u00c1GYAZVA -->\r\n    <div class=\"zpk-inline\">\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n\r\n<script>\r\n\r\nconst zpkSt={type:null,typePrice:0,typeName:'',extras:{},extrasTotal:0};\r\nconst zpkTN={landing:'Landing oldal',bemutatkozo:'Bemutatkoz\u00f3 weboldal',halado:'Halad\u00f3 weboldal','webshop-alap':'Webshop \u2013 alap','webshop-halado':'Webshop \u2013 halad\u00f3',karbantartas:'Karbantart\u00e1s'};\r\nconst zpkEN={blog:'Blog szekci\u00f3',galeria:'K\u00e9pgal\u00e9ria',tobbnyelv\u0171:'T\u00f6bbnyelv\u0171',idopont:'Id\u0151pontfoglal\u00f3',hirlevel:'H\u00edrlev\u00e9l rendszer',email:'C\u00e9ges email',chat:'Chat gomb',fizetes:'Fizet\u00e9si kapu',szamlazas:'Sz\u00e1ml\u00e1z\u00f3',kupon:'Kupon rendszer',seo:'SEO + Search Console',analytics:'Google Analytics 4',pixel:'Meta Pixel',sebesseg:'Sebess\u00e9goptimaliz\u00e1l\u00e1s',ssl:'SSL + biztons\u00e1g',instagram:'Instagram feed'};\r\n\r\nfunction zpkFmt(n){return n.toLocaleString('hu-HU')+' Ft'}\r\n\r\nfunction zpkToggle(){\r\n  const popup=document.getElementById('zpkPopup');\r\n  const overlay=document.getElementById('zpkOverlay');\r\n  const btn=document.getElementById('zpkFabBtn');\r\n  const pulse=document.getElementById('zpkPulse');\r\n  const isOpen=popup.classList.contains('open');\r\n  if(isOpen){zpkClose();}\r\n  else{\r\n    popup.classList.add('open');\r\n    overlay.classList.add('open');\r\n    btn.classList.add('open');\r\n    btn.querySelector('span:last-child') && (pulse.style.display='none');\r\n    btn.innerHTML='<span class=\"zpk-fab-icon\">\u2715<\/span><span>Bez\u00e1r\u00e1s<\/span>';\r\n  }\r\n}\r\n\r\nfunction zpkClose(){\r\n  document.getElementById('zpkPopup').classList.remove('open');\r\n  document.getElementById('zpkOverlay').classList.remove('open');\r\n  const btn=document.getElementById('zpkFabBtn');\r\n  btn.classList.remove('open');\r\n  btn.innerHTML='<span class=\"zpk-fab-icon\">\ud83e\uddee<\/span><span>\u00c1rkalkul\u00e1tor<\/span><span class=\"zpk-fab-pulse\" id=\"zpkPulse\"><\/span>';\r\n}\r\n\r\nfunction zpkStep(n){\r\n  document.querySelectorAll('.zpk-step').forEach(s=>s.classList.remove('active'));\r\n  document.getElementById('zpks'+n).classList.add('active');\r\n  for(let i=1;i<=4;i++){\r\n    const d=document.getElementById('zpkd'+i);\r\n    if(!d)continue;\r\n    d.classList.remove('active','done');\r\n    if(i<n)d.classList.add('done');\r\n    else if(i===n)d.classList.add('active');\r\n    if(i<4){const l=document.getElementById('zpkl'+i);if(l){l.classList.remove('done');if(i<n)l.classList.add('done');}}\r\n  }\r\n  if(n===3)zpkBuildSum();\r\n  document.querySelector('.zpk-body').scrollTop=0;\r\n}\r\n\r\nfunction zpkSel(btn,group,val,price){\r\n  btn.closest('.zpk-opts').querySelectorAll('.zpk-opt').forEach(b=>b.classList.remove('sel'));\r\n  btn.classList.add('sel');\r\n  zpkSt.type=val;zpkSt.typePrice=price;zpkSt.typeName=zpkTN[val];\r\n  document.getElementById('zpkn1').disabled=false;\r\n}\r\n\r\nfunction zpkToggleX(btn,key,price){\r\n  btn.classList.toggle('sel');\r\n  if(btn.classList.contains('sel'))zpkSt.extras[key]=price;\r\n  else delete zpkSt.extras[key];\r\n  zpkSt.extrasTotal=Object.values(zpkSt.extras).reduce((a,b)=>a+b,0);\r\n}\r\n\r\nfunction zpkBuildSum(){\r\n  const total=zpkSt.typePrice+zpkSt.extrasTotal;\r\n  const lo=Math.round(total\/10000)*10000;\r\n  const hi=Math.round(total*1.2\/10000)*10000;\r\n  let html='';\r\n  if(zpkSt.typeName)html+=`<div class=\"zpk-sum-row\"><span class=\"zpk-sum-n\">${zpkSt.typeName}<\/span><span class=\"zpk-sum-p\">${zpkFmt(zpkSt.typePrice)}<\/span><\/div>`;\r\n  Object.entries(zpkSt.extras).forEach(([k,v])=>{html+=`<div class=\"zpk-sum-row\"><span class=\"zpk-sum-n\">${zpkEN[k]}<\/span><span class=\"zpk-sum-p\">+${zpkFmt(v)}<\/span><\/div>`;});\r\n  html+=`<div class=\"zpk-sum-row\"><span class=\"zpk-sum-n\">Becs\u00fclt \u00f6sszesen<\/span><span class=\"zpk-sum-total-p\">${zpkFmt(lo)} \u2013 ${zpkFmt(hi)}<\/span><\/div>`;\r\n  document.getElementById('zpkSum').innerHTML=html;\r\n}\r\n\r\nfunction zpkSend(){\r\n  const name=document.getElementById('zpkName').value.trim();\r\n  const email=document.getElementById('zpkEmail').value.trim();\r\n  if(!name||!email){alert('K\u00e9rlek add meg a nevedet \u00e9s az email c\u00edmedet!');return;}\r\n  const phone=document.getElementById('zpkPhone').value;\r\n  const total=zpkSt.typePrice+zpkSt.extrasTotal;\r\n  const lo=Math.round(total\/10000)*10000;\r\n  const hi=Math.round(total*1.2\/10000)*10000;\r\n  let extras=Object.entries(zpkSt.extras).map(([k,v])=>zpkEN[k]+': +'+zpkFmt(v)).join('\\n');\r\n  const subject=encodeURIComponent('\u00c1rkalkul\u00e1tor \u00f6ssze\u00e1ll\u00edt\u00e1s \u2013 '+name);\r\n  const body=encodeURIComponent(\r\n    '\u00daj kalkul\u00e1tor \u00f6ssze\u00e1ll\u00edt\u00e1s!\\n\\n'+\r\n    'N\u00c9V: '+name+'\\n'+\r\n    'EMAIL: '+email+'\\n'+\r\n    'TELEFON: '+(phone||'\u2013')+'\\n\\n'+\r\n    'CSOMAG:\\n'+\r\n    (zpkSt.typeName?zpkSt.typeName+': '+zpkFmt(zpkSt.typePrice)+'\\n':'')+\r\n    (extras?'\\nKieg\u00e9sz\u00edt\u0151k:\\n'+extras+'\\n':'')+\r\n    '\\nBecs\u00fclt \u00f6sszesen: '+zpkFmt(lo)+' \u2013 '+zpkFmt(hi)\r\n  );\r\n  window.location.href='mailto:info@zafirproject.hu?subject='+subject+'&body='+body;\r\n  setTimeout(()=>zpkStep(4),800);\r\n}\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b609afc elementor-widget elementor-widget-html\" data-id=\"b609afc\" 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=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,700;12..96,800&family=Inter:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n*{box-sizing:border-box;margin:0;padding:0}\r\n:root{\r\n  --navy:#060e1c;--navy2:#0b1628;--navy3:#0f2040;\r\n  --yellow:#dff023;--ydim:rgba(223,240,35,0.1);--yborder:rgba(223,240,35,0.22);\r\n  --w70:rgba(255,255,255,0.7);--w50:rgba(255,255,255,0.5);--w10:rgba(255,255,255,0.08);\r\n  --disp:'Bricolage Grotesque',sans-serif;--body:'Inter',sans-serif;\r\n}\r\n.zk{font-family:var(--body);background:#0b1628;border:1px solid rgba(255,255,255,0.08);border-radius:20px;overflow:hidden;color:#fff}\r\n.zk-head{background:#0f2040;padding:1.5rem 2rem;border-bottom:1px solid rgba(255,255,255,0.08)}\r\n.zk-head-title{font-family:var(--disp);font-size:1.2rem;font-weight:800;margin-bottom:.25rem}\r\n.zk-head-sub{font-size:13px;color:rgba(255,255,255,0.5)}\r\n\r\n\/* PROGRESS *\/\r\n.zk-progress{display:flex;align-items:center;gap:0;padding:1.25rem 2rem;border-bottom:1px solid rgba(255,255,255,0.08);background:#0b1628}\r\n.zk-prog-step{display:flex;align-items:center;gap:.5rem;font-size:12px;font-weight:600;color:rgba(255,255,255,0.3);transition:color .2s}\r\n.zk-prog-step.active{color:#dff023}\r\n.zk-prog-step.done{color:rgba(255,255,255,0.5)}\r\n.zk-prog-dot{width:24px;height:24px;border-radius:50%;border:1.5px solid rgba(255,255,255,0.2);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;transition:all .2s;flex-shrink:0}\r\n.zk-prog-step.active .zk-prog-dot{border-color:#dff023;background:rgba(223,240,35,0.1);color:#dff023}\r\n.zk-prog-step.done .zk-prog-dot{border-color:rgba(255,255,255,0.3);background:rgba(255,255,255,0.05);color:rgba(255,255,255,0.5)}\r\n.zk-prog-line{flex:1;height:1px;background:rgba(255,255,255,0.1);margin:0 .5rem}\r\n\r\n\/* L\u00c9P\u00c9SEK *\/\r\n.zk-step{display:none;padding:1.75rem 2rem}\r\n.zk-step.active{display:block}\r\n.zk-step-desc{font-size:14px;color:rgba(255,255,255,0.55);margin-bottom:1.25rem;line-height:1.6}\r\n\r\n\/* OPCI\u00d3K - L\u00c9P\u00c9S 1 *\/\r\n.zk-opts{display:flex;flex-direction:column;gap:.5rem}\r\n.zk-opt{display:flex;align-items:center;gap:.875rem;padding:.875rem 1.125rem;background:#060e1c;border:1px solid rgba(255,255,255,0.1);border-radius:12px;cursor:pointer;transition:all .2s;width:100%;text-align:left;color:#fff !important}\r\n.zk-opt:hover{border-color:rgba(223,240,35,0.3);background:rgba(223,240,35,0.04)}\r\n.zk-opt.sel{border-color:#dff023;background:rgba(223,240,35,0.08)}\r\n.zk-opt-chk{width:18px;height:18px;border-radius:50%;border:1.5px solid rgba(255,255,255,0.2);flex-shrink:0;transition:all .2s;display:flex;align-items:center;justify-content:center}\r\n.zk-opt.sel .zk-opt-chk{border-color:#dff023;background:#dff023}\r\n.zk-opt.sel .zk-opt-chk::after{content:'\u2713';font-size:10px;color:#060e1c;font-weight:800}\r\n.zk-opt-name{font-family:var(--disp);font-size:.9rem;font-weight:700;flex:1;color:#fff !important}\r\n.zk-opt-price{font-size:12px;color:rgba(255,255,255,0.4);white-space:nowrap}\r\n.zk-opt.sel .zk-opt-price{color:#dff023}\r\n\r\n\/* KIEG\u00c9SZ\u00cdT\u0150K - L\u00c9P\u00c9S 2 *\/\r\n.zk-cat{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,0.3);margin:1rem 0 .5rem;padding-left:.25rem}\r\n.zk-cat:first-child{margin-top:0}\r\n.zk-checks{display:flex;flex-direction:column;gap:.375rem}\r\n.zk-chk{display:flex;align-items:center;gap:.875rem;padding:.75rem 1.125rem;background:#060e1c;border:1px solid rgba(255,255,255,0.08);border-radius:10px;cursor:pointer;transition:all .2s;width:100%;text-align:left;color:#fff !important}\r\n.zk-chk:hover{border-color:rgba(223,240,35,0.2)}\r\n.zk-chk.sel{border-color:rgba(223,240,35,0.3);background:rgba(223,240,35,0.05)}\r\n.zk-chk-box{width:16px;height:16px;border-radius:4px;border:1.5px solid rgba(255,255,255,0.2);flex-shrink:0;transition:all .2s;display:flex;align-items:center;justify-content:center}\r\n.zk-chk.sel .zk-chk-box{border-color:#dff023;background:#dff023}\r\n.zk-chk.sel .zk-chk-box::after{content:'\u2713';font-size:9px;color:#060e1c;font-weight:800}\r\n.zk-chk-name{font-size:13.5px;flex:1;color:rgba(255,255,255,0.8) !important}\r\n.zk-chk-price{font-size:12px;color:rgba(255,255,255,0.35);white-space:nowrap}\r\n.zk-chk.sel .zk-chk-price{color:#dff023}\r\n\r\n\/* \u00d6SSZEGZ\u0150 - L\u00c9P\u00c9S 3 *\/\r\n.zk-sum{background:#060e1c;border:1px solid rgba(255,255,255,0.08);border-radius:14px;padding:1.25rem 1.5rem;margin-bottom:1.5rem}\r\n.zk-sum-rows{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}\r\n.zk-sum-row{display:flex;justify-content:space-between;font-size:14px;color:rgba(255,255,255,0.65)}\r\n.zk-sum-divider{height:1px;background:rgba(255,255,255,0.08);margin:.75rem 0}\r\n.zk-sum-total{display:flex;justify-content:space-between;font-family:var(--disp);font-weight:800;font-size:1.2rem}\r\n.zk-sum-total span:last-child{color:#dff023}\r\n.zk-sum-note{font-size:12px;color:rgba(255,255,255,0.35);line-height:1.6;margin-top:.75rem}\r\n\r\n\/* FORM *\/\r\n.zk-form{display:flex;flex-direction:column;gap:.875rem}\r\n.zk-input{width:100%;background:#060e1c;border:1px solid rgba(255,255,255,0.15);border-radius:10px;padding:.875rem 1.125rem;color:#fff;font-family:var(--body);font-size:14px;outline:none;transition:border-color .2s}\r\n.zk-input:focus{border-color:rgba(223,240,35,0.4)}\r\n.zk-input::placeholder{color:rgba(255,255,255,0.25)}\r\n.zk-submit{width:100%;background:#dff023;color:#060e1c;font-family:var(--disp);font-size:15px;font-weight:800;padding:14px;border-radius:100px;border:none;cursor:pointer;transition:opacity .2s,transform .2s}\r\n.zk-submit:hover{opacity:.9;transform:translateY(-1px)}\r\n.zk-privacy{font-size:12px;color:rgba(255,255,255,0.3);text-align:center}\r\n.zk-privacy a{color:rgba(255,255,255,0.4);text-decoration:none}\r\n\r\n\/* NAV *\/\r\n.zk-nav{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 2rem;border-top:1px solid rgba(255,255,255,0.08);background:#0b1628}\r\n.zk-btn-back{background:none;border:1px solid rgba(255,255,255,0.15);color:rgba(255,255,255,0.6);font-family:var(--disp);font-size:13px;font-weight:700;padding:9px 20px;border-radius:100px;cursor:pointer;transition:all .2s}\r\n.zk-btn-back:hover{border-color:rgba(255,255,255,0.3);color:#fff}\r\n.zk-btn-next{background:#dff023;color:#060e1c;font-family:var(--disp);font-size:13px;font-weight:800;padding:9px 22px;border-radius:100px;border:none;cursor:pointer;transition:opacity .2s}\r\n.zk-btn-next:hover{opacity:.88}\r\n.zk-btn-next:disabled{opacity:.35;cursor:not-allowed}\r\n\r\n\/* SIKER *\/\r\n.zk-success{padding:2.5rem 2rem;text-align:center}\r\n.zk-success-icon{font-size:3rem;margin-bottom:1rem}\r\n.zk-success-title{font-family:var(--disp);font-size:1.3rem;font-weight:800;margin-bottom:.75rem}\r\n.zk-success-text{font-size:14.5px;color:rgba(255,255,255,0.65);line-height:1.75;margin-bottom:1.5rem}\r\n.zk-success-btn{display:inline-block;background:#dff023;color:#060e1c;font-family:var(--disp);font-size:13px;font-weight:700;padding:10px 22px;border-radius:100px;text-decoration:none}\r\n\r\n@media(max-width:600px){\r\n  .zk-head,.zk-step,.zk-nav{padding-left:1.25rem;padding-right:1.25rem}\r\n  .zk-progress{padding:1rem 1.25rem;flex-wrap:wrap;gap:.25rem}\r\n  .zk-prog-label{display:none}\r\n  .zk-opt,.zk-chk{padding:.625rem .875rem}\r\n}\r\n<\/style>\r\n\r\n<div class=\"zk\">\r\n  <!-- FEJL\u00c9C -->\r\n  <div class=\"zk-head\">\r\n    <div class=\"zk-head-title\">\ud83d\udcb0 \u00c1rkalkul\u00e1tor<\/div>\r\n    <div class=\"zk-head-sub\">Sz\u00e1mold ki a projekted becs\u00fclt \u00e1r\u00e1t \u2013 3 l\u00e9p\u00e9sben<\/div>\r\n  <\/div>\r\n\r\n  <!-- PROGRESS -->\r\n  <div class=\"zk-progress\">\r\n    <div class=\"zk-prog-step active\" id=\"zkprog1\">\r\n      <div class=\"zk-prog-dot\">1<\/div>\r\n      <span class=\"zk-prog-label\">Projekt t\u00edpusa<\/span>\r\n    <\/div>\r\n    <div class=\"zk-prog-line\"><\/div>\r\n    <div class=\"zk-prog-step\" id=\"zkprog2\">\r\n      <div class=\"zk-prog-dot\">2<\/div>\r\n      <span class=\"zk-prog-label\">Kieg\u00e9sz\u00edt\u0151k<\/span>\r\n    <\/div>\r\n    <div class=\"zk-prog-line\"><\/div>\r\n    <div class=\"zk-prog-step\" id=\"zkprog3\">\r\n      <div class=\"zk-prog-dot\">3<\/div>\r\n      <span class=\"zk-prog-label\">\u00d6sszegz\u0151<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- L\u00c9P\u00c9S 1 -->\r\n  <div class=\"zk-step active\" id=\"zks1\">\r\n    <p class=\"zk-step-desc\">Melyik illik legink\u00e1bb a projektedre?<\/p>\r\n    <div class=\"zk-opts\">\r\n      <div class=\"zk-opt\" onclick=\"zkSel(this,'landing',130000)\">\r\n        <div class=\"zk-opt-chk\"><\/div>\r\n        <span class=\"zk-opt-name\">\ud83d\ude80 Landing oldal<\/span>\r\n        <span class=\"zk-opt-price\">130 000 Ft-t\u00f3l<\/span>\r\n      <\/div>\r\n      <div class=\"zk-opt\" onclick=\"zkSel(this,'bemutatkozo',220000)\">\r\n        <div class=\"zk-opt-chk\"><\/div>\r\n        <span class=\"zk-opt-name\">\ud83c\udf10 Bemutatkoz\u00f3 weboldal<\/span>\r\n        <span class=\"zk-opt-price\">220 000 Ft-t\u00f3l<\/span>\r\n      <\/div>\r\n      <div class=\"zk-opt\" onclick=\"zkSel(this,'halado',340000)\">\r\n        <div class=\"zk-opt-chk\"><\/div>\r\n        <span class=\"zk-opt-name\">\u26a1 Halad\u00f3 weboldal<\/span>\r\n        <span class=\"zk-opt-price\">340 000 Ft-t\u00f3l<\/span>\r\n      <\/div>\r\n      <div class=\"zk-opt\" onclick=\"zkSel(this,'webshop_alap',480000)\">\r\n        <div class=\"zk-opt-chk\"><\/div>\r\n        <span class=\"zk-opt-name\">\ud83d\uded2 Webshop \u2013 alap<\/span>\r\n        <span class=\"zk-opt-price\">480 000 Ft-t\u00f3l<\/span>\r\n      <\/div>\r\n      <div class=\"zk-opt\" onclick=\"zkSel(this,'webshop_halado',680000)\">\r\n        <div class=\"zk-opt-chk\"><\/div>\r\n        <span class=\"zk-opt-name\">\ud83c\udfea Webshop \u2013 halad\u00f3<\/span>\r\n        <span class=\"zk-opt-price\">680 000 Ft-t\u00f3l<\/span>\r\n      <\/div>\r\n      <div class=\"zk-opt\" onclick=\"zkSel(this,'karbantartas',15000)\">\r\n        <div class=\"zk-opt-chk\"><\/div>\r\n        <span class=\"zk-opt-name\">\ud83d\udee1\ufe0f Karbantart\u00e1s<\/span>\r\n        <span class=\"zk-opt-price\">15 000 Ft\/h\u00f3-t\u00f3l<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- L\u00c9P\u00c9S 2 -->\r\n  <div class=\"zk-step\" id=\"zks2\">\r\n    <p class=\"zk-step-desc\">T\u00f6bb is v\u00e1laszthat\u00f3 \u2013 amit nem kell, hagyd ki.<\/p>\r\n    <div class=\"zk-checks\">\r\n      <div class=\"zk-cat\">\ud83d\udccb Tartalom & funkci\u00f3k<\/div>\r\n      <button class=\"zk-chk\" onclick=\"zkToggle(this,'blog',35000)\"><div class=\"zk-chk-box\"><\/div><span class=\"zk-chk-name\">\u270d\ufe0f Blog szekci\u00f3<\/span><span class=\"zk-chk-price\">+35 000 Ft<\/span><\/button>\r\n      <button class=\"zk-chk\" onclick=\"zkToggle(this,'galeria',25000)\"><div class=\"zk-chk-box\"><\/div><span class=\"zk-chk-name\">\ud83d\uddbc\ufe0f K\u00e9pgal\u00e9ria \/ portf\u00f3li\u00f3<\/span><span class=\"zk-chk-price\">+25 000 Ft<\/span><\/button>\r\n      <button class=\"zk-chk\" onclick=\"zkToggle(this,'tobbnyelv\u00fc',60000)\"><div class=\"zk-chk-box\"><\/div><span class=\"zk-chk-name\">\ud83c\udf0d T\u00f6bbnyelv\u0171 oldal (+1 nyelv)<\/span><span class=\"zk-chk-price\">+60 000 Ft<\/span><\/button>\r\n      <button class=\"zk-chk\" onclick=\"zkToggle(this,'idopont',45000)\"><div class=\"zk-chk-box\"><\/div><span class=\"zk-chk-name\">\u23f0 Id\u0151pontfoglal\u00f3<\/span><span class=\"zk-chk-price\">+45 000 Ft<\/span><\/button>\r\n      <button class=\"zk-chk\" onclick=\"zkToggle(this,'hirlevel',55000)\"><div class=\"zk-chk-box\"><\/div><span class=\"zk-chk-name\">\ud83d\udce7 H\u00edrlev\u00e9l rendszer<\/span><span class=\"zk-chk-price\">+55 000 Ft<\/span><\/button>\r\n      <button class=\"zk-chk\" onclick=\"zkToggle(this,'email',10000)\"><div class=\"zk-chk-box\"><\/div><span class=\"zk-chk-name\">\u2709\ufe0f C\u00e9ges email \u00f6sszek\u00f6t\u00e9s<\/span><span class=\"zk-chk-price\">+10 000 Ft<\/span><\/button>\r\n      <button class=\"zk-chk\" onclick=\"zkToggle(this,'chat',15000)\"><div class=\"zk-chk-box\"><\/div><span class=\"zk-chk-name\">\ud83d\udcac \u00c9l\u0151 chat \/ Messenger gomb<\/span><span class=\"zk-chk-price\">+15 000 Ft<\/span><\/button>\r\n\r\n      <div class=\"zk-cat\">\ud83d\uded2 Webshop<\/div>\r\n      <button class=\"zk-chk\" onclick=\"zkToggle(this,'fizetes',100000)\"><div class=\"zk-chk-box\"><\/div><span class=\"zk-chk-name\">\ud83d\udcb3 Fizet\u00e9si kapu<\/span><span class=\"zk-chk-price\">+100 000 Ft<\/span><\/button>\r\n      <button class=\"zk-chk\" onclick=\"zkToggle(this,'szamlazas',45000)\"><div class=\"zk-chk-box\"><\/div><span class=\"zk-chk-name\">\ud83e\uddfe Sz\u00e1ml\u00e1z\u00f3 integr\u00e1ci\u00f3<\/span><span class=\"zk-chk-price\">+45 000 Ft<\/span><\/button>\r\n      <button class=\"zk-chk\" onclick=\"zkToggle(this,'kupon',20000)\"><div class=\"zk-chk-box\"><\/div><span class=\"zk-chk-name\">\ud83c\udf9f\ufe0f Kupon rendszer<\/span><span class=\"zk-chk-price\">+20 000 Ft<\/span><\/button>\r\n\r\n      <div class=\"zk-cat\">\ud83d\udd0d Marketing & SEO<\/div>\r\n      <button class=\"zk-chk\" onclick=\"zkToggle(this,'seo',35000)\"><div class=\"zk-chk-box\"><\/div><span class=\"zk-chk-name\">\ud83d\udd0d SEO + Search Console<\/span><span class=\"zk-chk-price\">+35 000 Ft<\/span><\/button>\r\n      <button class=\"zk-chk\" onclick=\"zkToggle(this,'analytics',10000)\"><div class=\"zk-chk-box\"><\/div><span class=\"zk-chk-name\">\ud83d\udcca Google Analytics 4<\/span><span class=\"zk-chk-price\">+10 000 Ft<\/span><\/button>\r\n      <button class=\"zk-chk\" onclick=\"zkToggle(this,'pixel',15000)\"><div class=\"zk-chk-box\"><\/div><span class=\"zk-chk-name\">\ud83d\udce3 Meta Pixel \/ GTM<\/span><span class=\"zk-chk-price\">+15 000 Ft<\/span><\/button>\r\n      <button class=\"zk-chk\" onclick=\"zkToggle(this,'sebesseg',70000)\"><div class=\"zk-chk-box\"><\/div><span class=\"zk-chk-name\">\ud83d\ude80 Sebess\u00e9goptimaliz\u00e1l\u00e1s<\/span><span class=\"zk-chk-price\">+70 000 Ft<\/span><\/button>\r\n      <button class=\"zk-chk\" onclick=\"zkToggle(this,'ssl',15000)\"><div class=\"zk-chk-box\"><\/div><span class=\"zk-chk-name\">\ud83d\udd12 SSL + biztons\u00e1gi be\u00e1ll\u00edt\u00e1sok<\/span><span class=\"zk-chk-price\">+15 000 Ft<\/span><\/button>\r\n      <button class=\"zk-chk\" onclick=\"zkToggle(this,'instagram',25000)\"><div class=\"zk-chk-box\"><\/div><span class=\"zk-chk-name\">\ud83d\udcf8 Instagram feed be\u00e1gyaz\u00e1s<\/span><span class=\"zk-chk-price\">+25 000 Ft<\/span><\/button>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- L\u00c9P\u00c9S 3 -->\r\n  <div class=\"zk-step\" id=\"zks3\">\r\n    <p class=\"zk-step-desc\">\u00cdme az \u00f6ssze\u00e1ll\u00edt\u00e1sod \u2013 add meg az adataidat \u00e9s elk\u00fcld\u00f6m a pontos aj\u00e1nlatot!<\/p>\r\n    <div class=\"zk-sum\">\r\n      <div class=\"zk-sum-rows\" id=\"zkSumRows\"><\/div>\r\n      <div class=\"zk-sum-divider\"><\/div>\r\n      <div class=\"zk-sum-total\">\r\n        <span>Becs\u00fclt \u00f6sszeg<\/span>\r\n        <span id=\"zkTotal\">0 Ft-t\u00f3l<\/span>\r\n      <\/div>\r\n      <div class=\"zk-sum-note\">T\u00e1j\u00e9koztat\u00f3 \u00e1r \u2013 pontos aj\u00e1nlatot egyeztet\u00e9s ut\u00e1n adok. \u00c1FA mentes \u00e1rak.<\/div>\r\n    <\/div>\r\n    <div class=\"zk-form\">\r\n      <input class=\"zk-input\" type=\"text\" id=\"zkName\" placeholder=\"Neved\">\r\n      <input class=\"zk-input\" type=\"email\" id=\"zkEmail\" placeholder=\"Email c\u00edmed *\">\r\n      <input class=\"zk-input\" type=\"tel\" id=\"zkPhone\" placeholder=\"Telefonsz\u00e1m (opcion\u00e1lis)\">\r\n      <button class=\"zk-submit\" onclick=\"zkSend()\">\ud83d\udce8 \u00d6ssze\u00e1ll\u00edt\u00e1s elk\u00fcld\u00e9se \u2192<\/button>\r\n      <p class=\"zk-privacy\">Az adataidat bizalmasan kezelem \u00b7 <a href=\"\/adatvedelmi-nyilatkozat\/\">Adatv\u00e9delem<\/a><\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- SIKER -->\r\n  <div class=\"zk-step\" id=\"zks4\">\r\n    <div class=\"zk-success\">\r\n      <div class=\"zk-success-icon\">\ud83c\udf89<\/div>\r\n      <div class=\"zk-success-title\">Megkaptam az \u00f6ssze\u00e1ll\u00edt\u00e1sod!<\/div>\r\n      <p class=\"zk-success-text\">Hamarosan visszajelzek egy r\u00e9szletes, szem\u00e9lyre szabott aj\u00e1nlattal.<br>K\u00f6sz\u00f6n\u00f6m a bizalmat!<\/p>\r\n      <a href=\"\/ajanlatkeres\/\" class=\"zk-success-btn\">Aj\u00e1nlatk\u00e9r\u0151 oldal \u2192<\/a>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- NAV -->\r\n  <div class=\"zk-nav\" id=\"zkNav\">\r\n    <button class=\"zk-btn-back\" id=\"zkBack\" onclick=\"zkGo(-1)\" style=\"visibility:hidden\">\u2190 Vissza<\/button>\r\n    <button class=\"zk-btn-next\" id=\"zkNext\" onclick=\"zkGo(1)\" disabled>Tov\u00e1bb \u2192<\/button>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\nvar zkState = {\r\n  step: 1,\r\n  type: null,\r\n  typeName: '',\r\n  typePrice: 0,\r\n  extras: {}\r\n};\r\n\r\nvar zkTypeNames = {\r\n  'landing': 'Landing oldal',\r\n  'bemutatkozo': 'Bemutatkoz\u00f3 weboldal',\r\n  'halado': 'Halad\u00f3 weboldal',\r\n  'webshop_alap': 'Webshop \u2013 alap',\r\n  'webshop_halado': 'Webshop \u2013 halad\u00f3',\r\n  'karbantartas': 'Karbantart\u00e1s'\r\n};\r\n\r\nvar zkExtraNames = {\r\n  'blog':'Blog szekci\u00f3','galeria':'K\u00e9pgal\u00e9ria','tobbnyelv\u00fc':'T\u00f6bbnyelv\u0171 oldal',\r\n  'idopont':'Id\u0151pontfoglal\u00f3','hirlevel':'H\u00edrlev\u00e9l rendszer','email':'C\u00e9ges email',\r\n  'chat':'\u00c9l\u0151 chat','fizetes':'Fizet\u00e9si kapu','szamlazas':'Sz\u00e1ml\u00e1z\u00f3 integr\u00e1ci\u00f3',\r\n  'kupon':'Kupon rendszer','seo':'SEO + Search Console','analytics':'Google Analytics 4',\r\n  'pixel':'Meta Pixel \/ GTM','sebesseg':'Sebess\u00e9goptimaliz\u00e1l\u00e1s','ssl':'SSL + biztons\u00e1g',\r\n  'instagram':'Instagram feed'\r\n};\r\n\r\nfunction zkFmt(n){ return n.toLocaleString('hu-HU') + ' Ft'; }\r\n\r\nfunction zkShowStep(n){\r\n  document.querySelectorAll('.zk-step').forEach(function(s){ s.classList.remove('active'); });\r\n  var s = document.getElementById('zks'+n);\r\n  if(s) s.classList.add('active');\r\n\r\n  \/\/ Progress\r\n  for(var i=1;i<=3;i++){\r\n    var p = document.getElementById('zkprog'+i);\r\n    if(!p) continue;\r\n    p.classList.remove('active','done');\r\n    if(i===n) p.classList.add('active');\r\n    else if(i<n) p.classList.add('done');\r\n  }\r\n\r\n  \/\/ Nav\r\n  var back = document.getElementById('zkBack');\r\n  var next = document.getElementById('zkNext');\r\n  var nav = document.getElementById('zkNav');\r\n\r\n  if(n===4){ nav.style.display='none'; return; }\r\n  nav.style.display='flex';\r\n\r\n  if(back) back.style.visibility = n>1 ? 'visible' : 'hidden';\r\n\r\n  if(next){\r\n    if(n===3){\r\n      next.style.display='none';\r\n    } else {\r\n      next.style.display='block';\r\n      next.disabled = (n===1 && !zkState.type);\r\n      next.textContent = 'Tov\u00e1bb \u2192';\r\n    }\r\n  }\r\n\r\n  if(n===3) zkBuildSum();\r\n  zkState.step = n;\r\n}\r\n\r\nfunction zkGo(dir){\r\n  var next = zkState.step + dir;\r\n  if(next<1||next>4) return;\r\n  zkShowStep(next);\r\n}\r\n\r\nfunction zkSel(btn, key, price){\r\n  document.querySelectorAll('#zks1 .zk-opt').forEach(function(b){ b.classList.remove('sel'); });\r\n  btn.classList.add('sel');\r\n  zkState.type = key;\r\n  zkState.typeName = zkTypeNames[key];\r\n  zkState.typePrice = price;\r\n  var next = document.getElementById('zkNext');\r\n  if(next) next.disabled = false;\r\n}\r\n\r\nfunction zkToggle(btn, key, price){\r\n  btn.classList.toggle('sel');\r\n  if(btn.classList.contains('sel')){\r\n    zkState.extras[key] = {name: zkExtraNames[key], price: price};\r\n  } else {\r\n    delete zkState.extras[key];\r\n  }\r\n}\r\n\r\nfunction zkBuildSum(){\r\n  var rows = document.getElementById('zkSumRows');\r\n  var totalEl = document.getElementById('zkTotal');\r\n  if(!rows||!totalEl) return;\r\n\r\n  var html = '<div class=\"zk-sum-row\"><span>' + zkState.typeName + '<\/span><span>' + zkFmt(zkState.typePrice) + '-t\u00f3l<\/span><\/div>';\r\n  var total = zkState.typePrice;\r\n\r\n  for(var k in zkState.extras){\r\n    var e = zkState.extras[k];\r\n    total += e.price;\r\n    html += '<div class=\"zk-sum-row\"><span>' + e.name + '<\/span><span>+' + zkFmt(e.price) + '<\/span><\/div>';\r\n  }\r\n\r\n  rows.innerHTML = html;\r\n  totalEl.textContent = zkFmt(total) + '-t\u00f3l';\r\n}\r\n\r\nfunction zkSend(){\r\n  var email = document.getElementById('zkEmail') ? document.getElementById('zkEmail').value.trim() : '';\r\n  var name = document.getElementById('zkName') ? document.getElementById('zkName').value.trim() : '';\r\n  var phone = document.getElementById('zkPhone') ? document.getElementById('zkPhone').value.trim() : '';\r\n\r\n  if(!email){ alert('Add meg az email c\u00edmed!'); return; }\r\n\r\n  var total = zkState.typePrice;\r\n  for(var k in zkState.extras) total += zkState.extras[k].price;\r\n\r\n  var extras = Object.values(zkState.extras).map(function(e){ return e.name; }).join(', ');\r\n  var body = 'N\u00e9v: '+(name||'\u2013')+'\\nEmail: '+email+'\\nTelefon: '+(phone||'\u2013')+\r\n    '\\n\\nCsomag: '+zkState.typeName+'\\nKieg\u00e9sz\u00edt\u0151k: '+(extras||'Nincs')+\r\n    '\\nBecs\u00fclt \u00e1r: '+zkFmt(total)+'-t\u00f3l';\r\n\r\n  var subject = '\u00c1rkalkul\u00e1tor \u2013 '+zkState.typeName;\r\n  window.location.href = 'mailto:info@zafirproject.hu?subject='+encodeURIComponent(subject)+'&body='+encodeURIComponent(body);\r\n\r\n  zkShowStep(4);\r\n}\r\n\r\n\/\/ Ind\u00edt\u00e1s\r\nzkShowStep(1);\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u00c1rak \u2013 Zaf\u00edr Project Kezd\u0151lap \/ \u00c1rak \u00c1tl\u00e1that\u00f3 \u00e1rak,meglepet\u00e9sek n\u00e9lk\u00fcl Minden projekt egyedi \u2013 az \u00e1rak t\u00e1j\u00e9koztat\u00f3 jelleg\u0171ek. Az egy\u00e9ni ig\u00e9nyek alapj\u00e1n r\u00e9szletes aj\u00e1nlatot k\u00e9sz\u00edtek 24 \u00f3r\u00e1n bel\u00fcl, ingyenesen. &#x26a1; Az \u00e1rak 2026. j\u00fanius 1-j\u00e9t\u0151l \u00e9rv\u00e9nyesek \u00b7 Az \u00e1rv\u00e1ltoztat\u00e1s jog\u00e1t fenntartom \u201320%Kezd\u0151 v\u00e1llalkoz\u00e1soknak 24hIngyenes aj\u00e1nlat \u20ac $Eur\u00f3 &#038; doll\u00e1r is 5+\u00e9v gyakorlati tapasztalat Projekt \u00e1rak [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-4674","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>\u00c1rak - Zafirproject<\/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:\/\/zafirproject.hu\/en\/arak\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u00c1rak - Zafirproject\" \/>\n<meta property=\"og:description\" content=\"\u00c1rak \u2013 Zaf\u00edr Project Kezd\u0151lap \/ \u00c1rak \u00c1tl\u00e1that\u00f3 \u00e1rak,meglepet\u00e9sek n\u00e9lk\u00fcl Minden projekt egyedi \u2013 az \u00e1rak t\u00e1j\u00e9koztat\u00f3 jelleg\u0171ek. Az egy\u00e9ni ig\u00e9nyek alapj\u00e1n r\u00e9szletes aj\u00e1nlatot k\u00e9sz\u00edtek 24 \u00f3r\u00e1n bel\u00fcl, ingyenesen. &#x26a1; Az \u00e1rak 2026. j\u00fanius 1-j\u00e9t\u0151l \u00e9rv\u00e9nyesek \u00b7 Az \u00e1rv\u00e1ltoztat\u00e1s jog\u00e1t fenntartom \u201320%Kezd\u0151 v\u00e1llalkoz\u00e1soknak 24hIngyenes aj\u00e1nlat \u20ac $Eur\u00f3 &#038; doll\u00e1r is 5+\u00e9v gyakorlati tapasztalat Projekt \u00e1rak [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/zafirproject.hu\/en\/arak\/\" \/>\n<meta property=\"og:site_name\" content=\"Zafirproject\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/zafirproject\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-27T15:19:08+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"13 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/zafirproject.hu\\\/arak\\\/\",\"url\":\"https:\\\/\\\/zafirproject.hu\\\/arak\\\/\",\"name\":\"\u00c1rak - Zafirproject\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/zafirproject.hu\\\/#website\"},\"datePublished\":\"2024-04-01T06:35:09+00:00\",\"dateModified\":\"2026-08-27T15:19:08+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/zafirproject.hu\\\/arak\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/zafirproject.hu\\\/arak\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/zafirproject.hu\\\/arak\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Kezd\u0151lap\",\"item\":\"https:\\\/\\\/zafirproject.hu\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u00c1rak\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/zafirproject.hu\\\/#website\",\"url\":\"https:\\\/\\\/zafirproject.hu\\\/\",\"name\":\"Zafirproject\",\"description\":\"Digit\u00e1lis megold\u00e1sok, amik \u00e9letre keltik \u00f6tleteidet.\",\"publisher\":{\"@id\":\"https:\\\/\\\/zafirproject.hu\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/zafirproject.hu\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/zafirproject.hu\\\/#organization\",\"name\":\"Zafirproject\",\"url\":\"https:\\\/\\\/zafirproject.hu\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/zafirproject.hu\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/zafirproject.hu\\\/wp-content\\\/uploads\\\/2024\\\/03\\\/Zafir_Project-removebg-preview.png\",\"contentUrl\":\"https:\\\/\\\/zafirproject.hu\\\/wp-content\\\/uploads\\\/2024\\\/03\\\/Zafir_Project-removebg-preview.png\",\"width\":500,\"height\":132,\"caption\":\"Zafirproject\"},\"image\":{\"@id\":\"https:\\\/\\\/zafirproject.hu\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/zafirproject\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u00c1rak - Zafirproject","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:\/\/zafirproject.hu\/en\/arak\/","og_locale":"en_GB","og_type":"article","og_title":"\u00c1rak - Zafirproject","og_description":"\u00c1rak \u2013 Zaf\u00edr Project Kezd\u0151lap \/ \u00c1rak \u00c1tl\u00e1that\u00f3 \u00e1rak,meglepet\u00e9sek n\u00e9lk\u00fcl Minden projekt egyedi \u2013 az \u00e1rak t\u00e1j\u00e9koztat\u00f3 jelleg\u0171ek. Az egy\u00e9ni ig\u00e9nyek alapj\u00e1n r\u00e9szletes aj\u00e1nlatot k\u00e9sz\u00edtek 24 \u00f3r\u00e1n bel\u00fcl, ingyenesen. &#x26a1; Az \u00e1rak 2026. j\u00fanius 1-j\u00e9t\u0151l \u00e9rv\u00e9nyesek \u00b7 Az \u00e1rv\u00e1ltoztat\u00e1s jog\u00e1t fenntartom \u201320%Kezd\u0151 v\u00e1llalkoz\u00e1soknak 24hIngyenes aj\u00e1nlat \u20ac $Eur\u00f3 &#038; doll\u00e1r is 5+\u00e9v gyakorlati tapasztalat Projekt \u00e1rak [&hellip;]","og_url":"https:\/\/zafirproject.hu\/en\/arak\/","og_site_name":"Zafirproject","article_publisher":"https:\/\/www.facebook.com\/zafirproject","article_modified_time":"2026-08-27T15:19:08+00:00","twitter_card":"summary_large_image","twitter_misc":{"Estimated reading time":"13 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/zafirproject.hu\/arak\/","url":"https:\/\/zafirproject.hu\/arak\/","name":"\u00c1rak - Zafirproject","isPartOf":{"@id":"https:\/\/zafirproject.hu\/#website"},"datePublished":"2024-04-01T06:35:09+00:00","dateModified":"2026-08-27T15:19:08+00:00","breadcrumb":{"@id":"https:\/\/zafirproject.hu\/arak\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/zafirproject.hu\/arak\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/zafirproject.hu\/arak\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Kezd\u0151lap","item":"https:\/\/zafirproject.hu\/"},{"@type":"ListItem","position":2,"name":"\u00c1rak"}]},{"@type":"WebSite","@id":"https:\/\/zafirproject.hu\/#website","url":"https:\/\/zafirproject.hu\/","name":"Zafirproject","description":"Digital solutions that bring your ideas to life.","publisher":{"@id":"https:\/\/zafirproject.hu\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/zafirproject.hu\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/zafirproject.hu\/#organization","name":"Zafirproject","url":"https:\/\/zafirproject.hu\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/zafirproject.hu\/#\/schema\/logo\/image\/","url":"https:\/\/zafirproject.hu\/wp-content\/uploads\/2024\/03\/Zafir_Project-removebg-preview.png","contentUrl":"https:\/\/zafirproject.hu\/wp-content\/uploads\/2024\/03\/Zafir_Project-removebg-preview.png","width":500,"height":132,"caption":"Zafirproject"},"image":{"@id":"https:\/\/zafirproject.hu\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/zafirproject"]}]}},"_links":{"self":[{"href":"https:\/\/zafirproject.hu\/en\/wp-json\/wp\/v2\/pages\/4674","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zafirproject.hu\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zafirproject.hu\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zafirproject.hu\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zafirproject.hu\/en\/wp-json\/wp\/v2\/comments?post=4674"}],"version-history":[{"count":101,"href":"https:\/\/zafirproject.hu\/en\/wp-json\/wp\/v2\/pages\/4674\/revisions"}],"predecessor-version":[{"id":15450,"href":"https:\/\/zafirproject.hu\/en\/wp-json\/wp\/v2\/pages\/4674\/revisions\/15450"}],"wp:attachment":[{"href":"https:\/\/zafirproject.hu\/en\/wp-json\/wp\/v2\/media?parent=4674"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}