{"id":2,"date":"2026-05-20T18:11:43","date_gmt":"2026-05-20T18:11:43","guid":{"rendered":"https:\/\/arammento.hu\/?page_id=2"},"modified":"2026-06-01T14:09:20","modified_gmt":"2026-06-01T14:09:20","slug":"home","status":"publish","type":"page","link":"https:\/\/arammento.hu\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2\" class=\"elementor elementor-2\" data-elementor-post-type=\"page\">\n\t\t\t\t<section class=\"elementor-element elementor-element-4eb6d9f e-con e-atomic-element e-flexbox-base e-ce42e62 \" data-id=\"4eb6d9f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"4eb6d9f\">\n    \t\t<div class=\"elementor-element elementor-element-6ee70e8 elementor-widget elementor-widget-html\" data-id=\"6ee70e8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* --- GLOB\u00c1LIS \u00c9S FONT BE\u00c1LL\u00cdT\u00c1SOK --- *\/\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@700;800&family=Inter:wght@400;500;600;700&display=swap');\r\n\r\n  .arammento-hero-section {\r\n    font-family: 'Inter', sans-serif;\r\n    background-color: #f8f9fa;\r\n    \/* JAV\u00cdT\u00c1S: A fels\u0151 bels\u0151 marg\u00f3 teljesen null\u00e1zva mobilon *\/\r\n    padding-top: 0px; \r\n    padding-bottom: 0px; \r\n    overflow: hidden;\r\n    position: relative;\r\n    width: 100%;\r\n  }\r\n\r\n  @media (min-width: 768px) {\r\n    .arammento-hero-section {\r\n      \/* JAV\u00cdT\u00c1S: A fels\u0151 bels\u0151 marg\u00f3 teljesen null\u00e1zva asztalin is *\/\r\n      padding-top: 0px; \r\n    }\r\n  }\r\n\r\n  .arammento-hero-section h1, .arammento-hero-section .font-display {\r\n    font-family: 'Plus Jakarta Sans', sans-serif;\r\n    letter-spacing: -0.5px;\r\n  }\r\n\r\n  .container-hero {\r\n    max-width: 1280px;\r\n    margin: 0 auto;\r\n    padding: 0 16px;\r\n    text-align: center;\r\n  }\r\n\r\n  .max-w-4xl { max-width: 896px; margin: 0 auto; }\r\n  .max-w-3xl { max-width: 768px; margin: 0 auto; }\r\n\r\n  \/* --- SZ\u00d6VEG ST\u00cdLUSOK (PX ALAPON) --- *\/\r\n  .hero-title {\r\n    font-size: 26px; \r\n    font-weight: 800;\r\n    color: #1a1c1e;\r\n    \/* JAV\u00cdT\u00c1S: Ha a szekci\u00f3 teteje 0, adjunk egy minim\u00e1lis fels\u0151 marg\u00f3t a c\u00edmnek, hogy ne tapadjon r\u00e1 teljesen a b\u00f6ng\u00e9sz\u0151\/men\u00fc sz\u00e9l\u00e9re *\/\r\n    margin-top: 10px;\r\n    margin-bottom: 20px;\r\n    line-height: 1.2;\r\n    padding: 0 8px;\r\n  }\r\n  \r\n  .hero-description {\r\n    font-size: 13px; \r\n    color: #64748b;\r\n    margin-bottom: 32px;\r\n    font-weight: 500;\r\n    line-height: 24px;\r\n    padding: 0 8px;\r\n  }\r\n\r\n  @media (min-width: 768px) {\r\n    .hero-title { font-size: 60px; line-height: 66px; margin-top: 15px; } \r\n    .hero-description { font-size: 17px; line-height: 28px; }\r\n  }\r\n\r\n  .text-brand-primary { color: #f2c94d; }\r\n\r\n  \/* --- POZIT\u00cdVUMOK K\u00d6RHINTA (TICKER) --- *\/\r\n  .hero-ticker-wrapper {\r\n    width: 100%;\r\n    overflow: hidden;\r\n    margin-bottom: 40px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 12px;\r\n  }\r\n\r\n  .ticker-row {\r\n    display: flex;\r\n    white-space: nowrap;\r\n    width: max-content;\r\n  }\r\n\r\n  .row-left { animation: marquee-left 30s linear infinite; }\r\n  .row-right { animation: marquee-right 30s linear infinite; }\r\n\r\n  .ticker-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    background-color: #ffffff;\r\n    padding: 8px 16px;\r\n    border-radius: 9999px;\r\n    border: 1px solid #e2e8f0;\r\n    box-shadow: 0 1px 2px rgba(0,0,0,0.05);\r\n    margin: 0 6px;\r\n  }\r\n\r\n  .ticker-text {\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    color: #334155;\r\n  }\r\n\r\n  \/* --- GOMBOK \u00c9S AKCI\u00d3K (PX ALAPON) --- *\/\r\n  .hero-actions {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 14px;\r\n    justify-content: center;\r\n    margin-bottom: 32px;\r\n    padding: 0 8px; \r\n  }\r\n\r\n  .hero-btn-yellow, .hero-btn-dark {\r\n    padding: 16px 32px; \r\n    border-radius: 12px;\r\n    font-weight: 700;\r\n    font-size: 14px; \r\n    text-decoration: none;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    transition: all 0.3s ease;\r\n    box-shadow: 0 1px 2px rgba(0,0,0,0.05);\r\n    width: 100%; \r\n    box-sizing: border-box;\r\n  }\r\n\r\n  @media (min-width: 640px) {\r\n    .hero-actions { flex-direction: row; padding: 0; }\r\n    .hero-btn-yellow, .hero-btn-dark { width: auto; padding: 20px 40px; font-size: 16px; } \r\n  }\r\n\r\n  .hero-btn-yellow { background-color: #f2c94d; color: #0f172a; }\r\n  .hero-btn-yellow:hover { background-color: #e0b83d; box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1); transform: translateY(-1px); }\r\n\r\n  .hero-btn-dark { background-color: #1a1c1e; color: #ffffff; }\r\n  .hero-btn-dark:hover { background-color: #000000; box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1); transform: translateY(-1px); }\r\n\r\n  \/* --- K\u00c9P SZEKCI\u00d3 --- *\/\r\n  .image-wrapper {\r\n    margin-top: 56px;\r\n    position: relative;\r\n    display: inline-block;\r\n    width: 100%;\r\n    margin-bottom: -10px; \r\n    vertical-align: bottom;\r\n  }\r\n\r\n  .hero-img-container {\r\n    width: 100%;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  @media (min-width: 768px) {\r\n    .hero-img-container {\r\n      max-width: 480px; \r\n    }\r\n  }\r\n\r\n  .hero-main-img {\r\n    width: 100%;\r\n    height: auto;\r\n    border-radius: 24px 24px 0 0; \r\n    box-shadow: 0 15px 20px -5px rgba(0,0,0,0.05);\r\n    display: block; \r\n  }\r\n\r\n  \/* --- CSS ANIM\u00c1CI\u00d3K --- *\/\r\n  .animate-fade-up-text { animation: fadeUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards; }\r\n  .animate-fade-up-img { opacity: 0; animation: fadeUp 1s cubic-bezier(0.16, 1, 0.3, 1) 0.4s forwards; }\r\n\r\n  @keyframes fadeUp {\r\n    from { opacity: 0; transform: translateY(25px); }\r\n    to { opacity: 1; transform: translateY(0); }\r\n  }\r\n\r\n  @keyframes marquee-left {\r\n    0% { transform: translate3d(0, 0, 0); }\r\n    100% { transform: translate3d(-50%, 0, 0); }\r\n  }\r\n\r\n  @keyframes marquee-right {\r\n    0% { transform: translate3d(-50%, 0, 0); }\r\n    100% { transform: translate3d(0, 0, 0); }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"arammento-hero-section\">\r\n  <div class=\"container-hero\">\r\n    \r\n    <div class=\"max-w-4xl animate-fade-up-text\">\r\n\r\n      <h1 class=\"hero-title\">\r\n        Villanyszerel\u00e9s Budapesten gyorsan, korrekt \u00e1ron,<br \/>\r\n        <span class=\"text-brand-primary\">felesleges k\u00f6r\u00f6k n\u00e9lk\u00fcl.<\/span>\r\n      <\/h1>\r\n\r\n      <p class=\"hero-description\">\r\n        \u00c1ramkimarad\u00e1s, z\u00e1rlat, lecsap\u00f3d\u00f3 biztos\u00edt\u00e9k, r\u00e9gi vezet\u00e9kek vagy biztos\u00edt\u00e9kt\u00e1bla csere? Az <strong>\u00c1ramment\u0151 gyors \u00e9s szakszer\u0171 villanyszerel\u00e9st biztos\u00edt<\/strong> lak\u00e1sokban, csal\u00e1di h\u00e1zakban, irod\u00e1kban \u00e9s \u00fczlethelyis\u00e9gekben.\r\n      <\/p>\r\n\r\n      <div class=\"hero-ticker-wrapper\">\r\n        <div class=\"ticker-row row-left\">\r\n          <div class=\"ticker-item\">\r\n            <svg style=\"color: #f2c94d; width: 14px; height: 14px;\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\r\n            <span class=\"ticker-text\">Hibaelh\u00e1r\u00edt\u00e1s ak\u00e1r s\u00fcrg\u0151s esetben is<\/span>\r\n          <\/div>\r\n          <div class=\"ticker-item\">\r\n            <svg style=\"color: #f2c94d; width: 14px; height: 14px;\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\r\n            <span class=\"ticker-text\">\u00c1tl\u00e1that\u00f3, el\u0151re egyeztetett \u00e1rak<\/span>\r\n          <\/div>\r\n          <div class=\"ticker-item\">\r\n            <svg style=\"color: #f2c94d; width: 14px; height: 14px;\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\r\n            <span class=\"ticker-text\">Budapest \u00e9s vonz\u00e1sk\u00f6rzete<\/span>\r\n          <\/div>\r\n          <div class=\"ticker-item\">\r\n            <svg style=\"color: #f2c94d; width: 14px; height: 14px;\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\r\n            <span class=\"ticker-text\">Hibaelh\u00e1r\u00edt\u00e1s ak\u00e1r s\u00fcrg\u0151s esetben is<\/span>\r\n          <\/div>\r\n          <div class=\"ticker-item\">\r\n            <svg style=\"color: #f2c94d; width: 14px; height: 14px;\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\r\n            <span class=\"ticker-text\">\u00c1tl\u00e1that\u00f3, el\u0151re egyeztetett \u00e1rak<\/span>\r\n          <\/div>\r\n          <div class=\"ticker-item\">\r\n            <svg style=\"color: #f2c94d; width: 14px; height: 14px;\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\r\n            <span class=\"ticker-text\">Budapest \u00e9s vonz\u00e1sk\u00f6rzete<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ticker-row row-right\">\r\n          <div class=\"ticker-item\">\r\n            <svg style=\"color: #f2c94d; width: 14px; height: 14px;\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\r\n            <span class=\"ticker-text\">Lak\u00e1sok, h\u00e1zak, irod\u00e1k villanyszerel\u00e9se<\/span>\r\n          <\/div>\r\n          <div class=\"ticker-item\">\r\n            <svg style=\"color: #f2c94d; width: 14px; height: 14px;\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\r\n            <span class=\"ticker-text\">Biztos\u00edt\u00e9kt\u00e1bla csere, FI-rel\u00e9<\/span>\r\n          <\/div>\r\n          <div class=\"ticker-item\">\r\n            <svg style=\"color: #f2c94d; width: 14px; height: 14px;\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\r\n            <span class=\"ticker-text\">Rejtett k\u00f6lts\u00e9gek n\u00e9lk\u00fcl<\/span>\r\n          <\/div>\r\n          <div class=\"ticker-item\">\r\n            <svg style=\"color: #f2c94d; width: 14px; height: 14px;\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\r\n            <span class=\"ticker-text\">Lak\u00e1sok, h\u00e1zak, irod\u00e1k villanyszerel\u00e9se<\/span>\r\n          <\/div>\r\n          <div class=\"ticker-item\">\r\n            <svg style=\"color: #f2c94d; width: 14px; height: 14px;\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\r\n            <span class=\"ticker-text\">Biztos\u00edt\u00e9kt\u00e1bla csere, FI-rel\u00e9<\/span>\r\n          <\/div>\r\n          <div class=\"ticker-item\">\r\n            <svg style=\"color: #f2c94d; width: 14px; height: 14px;\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\r\n            <span class=\"ticker-text\">Rejtett k\u00f6lts\u00e9gek n\u00e9lk\u00fcl<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"hero-actions\">\r\n        <a href=\"tel:+36303944526\" class=\"hero-btn-yellow\">\r\n          <svg style=\"width: 20px; height: 20px;\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\r\n          S\u00fcrg\u0151s villanyszerel\u0151t k\u00e9rek\r\n        <\/a>\r\n        <a href=\"#kapcsolat\" class=\"hero-btn-dark\">\r\n          Aj\u00e1nlatot k\u00e9rek fel\u00faj\u00edt\u00e1sra\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <div style=\"font-size: 14px; font-weight: 700; color: #64748b; margin-top: 8px;\">\r\n        H\u00edvhat\u00f3 telefonsz\u00e1m: <a href=\"tel:+36303944526\" style=\"color: #1a1c1e; text-decoration: none; transition: color 0.2s;\" onmouseover=\"this.style.color='#f2c94d'\" onmouseout=\"this.style.color='#1a1c1e'\">+36 30 394 4526<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"image-wrapper animate-fade-up-img\">\r\n      <div class=\"hero-img-container\">\r\n        <img decoding=\"async\" \r\n          src=\"https:\/\/arammento.hu\/wp-content\/uploads\/2026\/05\/Untitled-design-2.webp\" \r\n          alt=\"Villanyszerel\u0151 munka k\u00f6zben\" \r\n          class=\"hero-main-img\"\r\n        \/>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/section>\n<div class=\"elementor-element elementor-element-d65ff7b e-con e-atomic-element e-flexbox-base e-e545aa3 \" data-id=\"d65ff7b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d65ff7b\">\n    \t\t<div class=\"elementor-element elementor-element-7769178 elementor-widget elementor-widget-html\" data-id=\"7769178\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* --- PROBL\u00c9MA SZEKCI\u00d3 ALAPOK (PX ALAPON) --- *\/\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@700;800;900&family=Inter:wght@400;500;600;700&display=swap');\r\n\r\n  .arammento-problem-section {\r\n    font-family: 'Inter', sans-serif;\r\n    background-color: #151922; \/* JAV\u00cdT\u00c1S: Az EG\u00c9SZ szekci\u00f3 s\u00f6t\u00e9t h\u00e1tteret kapott *\/\r\n    padding-top: 60px;\r\n    padding-bottom: 96px;\r\n    position: relative;\r\n    overflow: hidden;\r\n    width: 100%;\r\n  }\r\n\r\n  .arammento-problem-section h2, \r\n  .arammento-problem-section h3, \r\n  .arammento-problem-section .font-display {\r\n    font-family: 'Plus Jakarta Sans', sans-serif;\r\n    letter-spacing: -0.5px;\r\n  }\r\n\r\n  .container-problem {\r\n    max-width: 1280px;\r\n    margin: 0 auto;\r\n    padding: 0 16px;\r\n    text-align: center;\r\n  }\r\n\r\n  .max-w-3xl { max-width: 768px; margin: 0 auto; }\r\n  .max-w-4xl { max-width: 896px; margin: 0 auto; }\r\n  .max-w-5xl { max-width: 1024px; margin: 0 auto; }\r\n\r\n  \/* --- FEJL\u00c9C \u00c9S BADGE (S\u00d6T\u00c9T M\u00d3DRA HANGOLVA) --- *\/\r\n  .problem-badge {\r\n    background-color: rgba(242, 201, 77, 0.15); \/* S\u00e1rg\u00e1s \u00e1ttetsz\u0151 a s\u00f6t\u00e9t h\u00e1tt\u00e9ren *\/\r\n    padding: 6px 16px;\r\n    border-radius: 9999px;\r\n    display: inline-block;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    color: #f2c94d; \r\n    margin-bottom: 20px;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1.5px;\r\n  }\r\n\r\n  .problem-title {\r\n    font-size: 24px;\r\n    font-weight: 900;\r\n    color: #ffffff; \/* JAV\u00cdT\u00c1S: Feh\u00e9r c\u00edm *\/\r\n    margin-bottom: 20px;\r\n    line-height: 40px;\r\n  }\r\n\r\n  .problem-subtitle {\r\n    font-size: 14px;\r\n    color: #94a3b8; \/* JAV\u00cdT\u00c1S: Vil\u00e1gossz\u00fcrke alc\u00edm *\/\r\n    font-weight: 500;\r\n  }\r\n\r\n  @media (min-width: 768px) {\r\n    .problem-title { font-size: 46px; line-height: 54px; }\r\n  }\r\n\r\n  \/* --- R\u00c1CS \u00c9S K\u00c1RTY\u00c1K JAV\u00cdT\u00c1SA --- *\/\r\n  .problem-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr;\r\n    gap: 16px;\r\n    margin-top: 48px;\r\n    margin-bottom: 64px;\r\n  }\r\n\r\n  @media (min-width: 768px) {\r\n    .problem-grid { \r\n      grid-template-columns: repeat(2, 1fr); \r\n    }\r\n  }\r\n\r\n  \/* S\u00f6t\u00e9t m\u00f3dos k\u00e1rty\u00e1k *\/\r\n  .problem-card {\r\n    background-color: rgba(255, 255, 255, 0.03); \/* JAV\u00cdT\u00c1S: F\u00e9lig \u00e1ttetsz\u0151 s\u00f6t\u00e9t m\u00f3dos k\u00e1rtya *\/\r\n    border: 1px solid rgba(255, 255, 255, 0.08); \r\n    padding: 24px;\r\n    border-radius: 16px;\r\n    display: flex;\r\n    gap: 16px;\r\n    align-items: center;\r\n    box-sizing: border-box;\r\n    text-align: left;\r\n    opacity: 0; \r\n    transform: translateY(20px);\r\n    animation: problemFadeUp 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;\r\n  }\r\n\r\n  @media (min-width: 768px) {\r\n    .problem-card.last-stretched {\r\n      grid-column: span 2;\r\n      max-width: 600px;\r\n      margin: 0 auto; \r\n      width: 100%;\r\n    }\r\n  }\r\n\r\n  .problem-icon-box {\r\n    background-color: rgba(255, 255, 255, 0.05); \/* S\u00f6t\u00e9t dobozka *\/\r\n    width: 48px;\r\n    height: 48px;\r\n    border-radius: 12px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-shrink: 0;\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n  }\r\n\r\n  .problem-icon-box svg {\r\n    width: 24px;\r\n    height: 24px;\r\n    color: #f2c94d; \r\n  }\r\n\r\n  .problem-card-text {\r\n    font-size: 15px;\r\n    font-weight: 700;\r\n    color: #ffffff; \/* JAV\u00cdT\u00c1S: Feh\u00e9r sz\u00f6veg a k\u00e1rty\u00e1kban *\/\r\n    line-height: 22px;\r\n  }\r\n\r\n  \/* --- KIEMELT S\u00d6T\u00c9T DOBOZ --- *\/\r\n  .cta-dark-box {\r\n    position: relative;\r\n    border-radius: 24px;\r\n    padding: 40px 24px;\r\n    background-color: rgba(255, 255, 255, 0.02); \/* Finom elt\u00e9r\u00e9s az alap h\u00e1tt\u00e9rt\u0151l *\/\r\n    border: 1px solid rgba(255, 255, 255, 0.05); \/* Eleg\u00e1ns v\u00e9kony keret *\/\r\n    overflow: hidden;\r\n    text-align: center;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  @media (min-width: 1024px) {\r\n    .cta-dark-box { padding: 64px 32px; }\r\n  }\r\n\r\n  .cta-box-bg {\r\n    position: absolute;\r\n    inset: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    opacity: 0.15;\r\n    mix-blend-mode: overlay;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .cta-box-watermark {\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n    padding: 48px;\r\n    opacity: 0.03;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .cta-box-watermark svg {\r\n    width: 256px;\r\n    height: 256px;\r\n    color: #ffffff;\r\n  }\r\n\r\n  .cta-box-title {\r\n    font-size: 26px;\r\n    font-weight: 900;\r\n    color: #ffffff;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n    z-index: 10;\r\n    line-height: 34px;\r\n  }\r\n\r\n  .cta-box-desc {\r\n    font-size: 17px;\r\n    color: #cbd5e1; \r\n    font-weight: 500;\r\n    position: relative;\r\n    z-index: 10;\r\n    line-height: 26px;\r\n  }\r\n\r\n  @media (min-width: 768px) {\r\n    .cta-box-title { font-size: 38px; line-height: 46px; }\r\n    .cta-box-desc { font-size: 19px; }\r\n  }\r\n\r\n  \/* --- ANIM\u00c1CI\u00d3K --- *\/\r\n  @keyframes problemFadeUp {\r\n    to { opacity: 1; transform: translateY(0); }\r\n  }\r\n\r\n  .prob-delay-0 { animation-delay: 0.05s; }\r\n  .prob-delay-1 { animation-delay: 0.1s; }\r\n  .prob-delay-2 { animation-delay: 0.15s; }\r\n  .prob-delay-3 { animation-delay: 0.2s; }\r\n  .prob-delay-4 { animation-delay: 0.25s; }\r\n  .prob-delay-5 { animation-delay: 0.3s; }\r\n  .prob-delay-6 { animation-delay: 0.35s; }\r\n<\/style>\r\n\r\n<section class=\"arammento-problem-section\">\r\n  <div class=\"container-problem\">\r\n    \r\n    <div class=\"text-center max-w-3xl\">\r\n      <div class=\"problem-badge\">A probl\u00e9ma<\/div>\r\n      <h2 class=\"problem-title\">\r\n        Egy elektromos hiba nem v\u00e1rja meg, am\u00edg lesz id\u0151 foglalkozni vele.\r\n      <\/h2>\r\n      <p class=\"problem-subtitle\">Ismer\u0151s valamelyik?<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"max-w-4xl\">\r\n      <div class=\"problem-grid\">\r\n        \r\n        <div class=\"problem-card prob-delay-0\">\r\n          <div class=\"problem-icon-box\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z\"\/><line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"\/><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"\/><\/svg>\r\n          <\/div>\r\n          <span class=\"problem-card-text\">Folyton lecsap\u00f3dik a kismegszak\u00edt\u00f3<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"problem-card prob-delay-1\">\r\n          <div class=\"problem-icon-box\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg>\r\n          <\/div>\r\n          <span class=\"problem-card-text\">Elment az \u00e1ram a lak\u00e1s egy r\u00e9sz\u00e9ben<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"problem-card prob-delay-2\">\r\n          <div class=\"problem-icon-box\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z\"\/><\/svg>\r\n          <\/div>\r\n          <span class=\"problem-card-text\">Melegszik a konnektor vagy a kapcsol\u00f3<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"problem-card prob-delay-3\">\r\n          <div class=\"problem-icon-box\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z\"\/><line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"\/><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"\/><\/svg>\r\n          <\/div>\r\n          <span class=\"problem-card-text\">R\u00e9gi, elavult a biztos\u00edt\u00e9kt\u00e1bla<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"problem-card prob-delay-4\">\r\n          <div class=\"problem-icon-box\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg>\r\n          <\/div>\r\n          <span class=\"problem-card-text\">Fel\u00faj\u00edt\u00e1s el\u0151tt \u00e1llsz, de nem tudod, hol kezd\u0151dik a villanyszerel\u00e9s<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"problem-card prob-delay-5\">\r\n          <div class=\"problem-icon-box\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg>\r\n          <\/div>\r\n          <span class=\"problem-card-text\">Panelben laksz, \u00e9s m\u00e9g mindig r\u00e9gi vezet\u00e9kek vannak a falban<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"problem-card prob-delay-6 last-stretched\">\r\n          <div class=\"problem-icon-box\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"\/><path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/><\/svg>\r\n          <\/div>\r\n          <span class=\"problem-card-text\">Nem szeretn\u00e9l \u201emajd megl\u00e1tjuk\u201d \u00e1rakat \u00e9s ut\u00f3lagos meglepet\u00e9seket<\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"max-w-5xl\">\r\n      <div class=\"cta-dark-box\">\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1621905252507-b35492cc74b4?ixlib=rb-4.0.3&auto=format&fit=crop&w=1200&q=80\" alt=\"Villanyszerel\u00e9s\" class=\"cta-box-bg\" \/>\r\n        <div class=\"cta-box-watermark\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg>\r\n        <\/div>\r\n        <h3 class=\"cta-box-title\">A legt\u00f6bb ember nem villanyszerel\u0151t keres.<\/h3>\r\n        <p class=\"cta-box-desc\">\r\n          Biztons\u00e1got, gyors megold\u00e1st \u00e9s korrekt hozz\u00e1\u00e1ll\u00e1st keres. Mi pontosan ezt biztos\u00edtjuk.\r\n        <\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-498feda e-con e-atomic-element e-flexbox-base e-498feda-3642fdd \" data-id=\"498feda\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"498feda\">\n    \t\t<div class=\"elementor-element elementor-element-d1a25e1 elementor-widget elementor-widget-html\" data-id=\"d1a25e1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* --- R\u00d3LUNK \/ POZ\u00cdCION\u00c1L\u00c1S SZEKCI\u00d3 ALAPOK --- *\/\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@700;800;900&family=Inter:wght@400;500;600;700&display=swap');\r\n\r\n  .arammento-positioning-section {\r\n    font-family: 'Inter', sans-serif;\r\n    background-color: #f8f9fa;\r\n    padding-top: 60px;\r\n    padding-bottom: 60px;\r\n    position: relative;\r\n    overflow: hidden;\r\n    width: 100%;\r\n  }\r\n\r\n  .arammento-positioning-section h2, \r\n  .arammento-positioning-section .font-display {\r\n    font-family: 'Plus Jakarta Sans', sans-serif;\r\n    letter-spacing: -0.5px;\r\n  }\r\n\r\n  .container-pos {\r\n    max-width: 1280px;\r\n    margin: 0 auto;\r\n    padding: 0 16px;\r\n  }\r\n\r\n  .pos-grid {\r\n    display: flex;\r\n    flex-direction: column-reverse; \r\n    gap: 40px;\r\n    text-align: center; \r\n    align-items: center;\r\n  }\r\n\r\n  @media (min-width: 1024px) {\r\n    .pos-grid {\r\n      flex-direction: row;\r\n      gap: 64px;\r\n      text-align: left; \r\n      align-items: flex-start; \/* Fentr\u0151l igaz\u00edt, hogy a r\u00e1cs sz\u00e9pen elf\u00e9rjen *\/\r\n    }\r\n    .pos-col-left, .pos-col-right {\r\n      width: 50%;\r\n    }\r\n  }\r\n\r\n  \/* --- BADGE \u00c9S SZ\u00d6VEG M\u00c9RTEK --- *\/\r\n  .pos-badge {\r\n    background-color: #ffffff;\r\n    border: 1px solid #e2e8f0;\r\n    padding: 6px 16px;\r\n    border-radius: 9999px;\r\n    display: inline-block;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    color: #64748b; \r\n    margin-bottom: 24px;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1.5px;\r\n  }\r\n\r\n  .pos-title {\r\n    font-size: 26px; \r\n    font-weight: 900;\r\n    color: #1a1c1e;\r\n    margin-bottom: 20px;\r\n    line-height: 32px;\r\n  }\r\n\r\n  .pos-text {\r\n    font-size: 14px; \r\n    color: #64748b;\r\n    margin-bottom: 32px;\r\n    line-height: 24px;\r\n    font-weight: 500;\r\n  }\r\n\r\n  @media (min-width: 768px) {\r\n    .pos-title { font-size: 46px; line-height: 54px; }\r\n    .pos-text { font-size: 17px; line-height: 28px; }\r\n  }\r\n\r\n  \/* --- \u00daJ JAV\u00cdT\u00c1S: IKONOS BIZALOM\u00c9P\u00cdT\u0150 R\u00c1CS --- *\/\r\n  .trust-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr;\r\n    gap: 16px;\r\n    text-align: left; \/* A kis k\u00e1rty\u00e1k sz\u00f6vege mindig balra z\u00e1rt, mert \u00fagy olvashat\u00f3 *\/\r\n    margin-top: 32px;\r\n  }\r\n\r\n  @media (min-width: 550px) {\r\n    .trust-grid {\r\n      grid-template-columns: repeat(2, 1fr); \/* 2 oszlopos r\u00e1cs *\/\r\n    }\r\n  }\r\n\r\n  .trust-box {\r\n    background-color: #ffffff;\r\n    border: 1px solid #e2e8f0;\r\n    padding: 20px;\r\n    border-radius: 16px;\r\n    display: flex;\r\n    gap: 14px;\r\n    align-items: center;\r\n    box-shadow: 0 1px 3px rgba(0,0,0,0.02);\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .trust-icon-circle {\r\n    width: 40px;\r\n    height: 40px;\r\n    background-color: rgba(242, 201, 77, 0.1); \/* 10% m\u00e1rkas\u00e1rga *\/\r\n    border-radius: 9999px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .trust-icon-circle svg {\r\n    width: 20px;\r\n    height: 20px;\r\n    color: #f2c94d;\r\n  }\r\n\r\n  .trust-box-text {\r\n    font-size: 14px; \/* SZIGOR\u00daAN 14px *\/\r\n    font-weight: 700;\r\n    color: #334155;\r\n    line-height: 20px;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* --- K\u00c9P ELRENDEZ\u00c9S --- *\/\r\n  .pos-img-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    max-width: 440px; \r\n    margin: 0 auto;\r\n  }\r\n\r\n  .pos-main-img-box {\r\n    border-radius: 24px;\r\n    overflow: hidden;\r\n    box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1);\r\n    position: relative;\r\n    background-color: #1a1c1e;\r\n  }\r\n\r\n  .pos-main-img {\r\n    width: 100%;\r\n    height: auto;\r\n    display: block;\r\n  }\r\n\r\n  .pos-overlay-card {\r\n    position: absolute;\r\n    bottom: -24px;\r\n    right: -24px;\r\n    background-color: #ffffff;\r\n    padding: 24px;\r\n    border-radius: 16px;\r\n    box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1);\r\n    max-width: 260px;\r\n    border: 1px solid #f1f5f9;\r\n    text-align: left;\r\n    display: none;\r\n    z-index: 20;\r\n  }\r\n\r\n  @media (min-width: 768px) {\r\n    .pos-overlay-card { display: block; }\r\n  }\r\n\r\n  .pos-card-flex {\r\n    display: flex;\r\n    gap: 16px;\r\n    align-items: center;\r\n  }\r\n\r\n  .pos-card-icon-box {\r\n    width: 48px;\r\n    height: 48px;\r\n    background-color: rgba(242, 201, 77, 0.1);\r\n    border-radius: 9999px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .pos-card-icon-box svg {\r\n    width: 24px;\r\n    height: 24px;\r\n    color: #f2c94d;\r\n  }\r\n\r\n  .pos-card-text {\r\n    font-weight: 700;\r\n    color: #1a1c1e;\r\n    font-size: 14px;\r\n    line-height: 18px;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* --- CSS ANIM\u00c1CI\u00d3K --- *\/\r\n  .animate-pos-left { opacity: 0; transform: translateX(-30px); animation: posFadeIn 0.8s ease forwards; }\r\n  .animate-pos-right { opacity: 0; transform: translateX(30px); animation: posFadeIn 0.8s ease forwards; }\r\n\r\n  @keyframes posFadeIn {\r\n    to { opacity: 1; transform: translateX(0); }\r\n  }\r\n<\/style>\r\n\r\n<section id=\"rolunk\" class=\"arammento-positioning-section\">\r\n  <div class=\"container-pos\">\r\n    <div class=\"pos-grid\">\r\n      \r\n      <div class=\"pos-col-left animate-pos-left\">\r\n        <div class=\"pos-img-wrapper\">\r\n          <div class=\"pos-main-img-box\">\r\n            <img decoding=\"async\" \r\n              src=\"https:\/\/arammento.hu\/wp-content\/uploads\/2026\/05\/pexels-bulat843-1243575272-33531820-e1779918672498.jpg\" \r\n              alt=\"Villanyszerel\u0151 munka k\u00f6zben\" \r\n              class=\"pos-main-img\"\r\n            \/>\r\n            <div style=\"position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0.15; pointer-events: none;\">\r\n              <span style=\"font-size: 200px; font-weight: 900; color: #ffffff; line-height: 1;\">\u00c1<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          \r\n          <div class=\"pos-overlay-card\">\r\n            <div class=\"pos-card-flex\">\r\n              <div class=\"pos-card-icon-box\">\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>\r\n              <\/div>\r\n              <p class=\"pos-card-text\">Biztons\u00e1gos, hossz\u00fa t\u00e1von m\u0171k\u00f6d\u0151 megold\u00e1sok<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"pos-col-right animate-pos-right\">\r\n        <div class=\"pos-badge\">R\u00f3lunk<\/div>\r\n        <h2 class=\"pos-title\">\r\n          Mi nem csak szerel\u00fcnk. <br class=\"hidden-mobile\" style=\"display:none;\" \/>Biztons\u00e1gos elektromos rendszert adunk.\r\n        <\/h2>\r\n        <p class=\"pos-text\">\r\n          Az \u00c1ramment\u0151 olyan villanyszerel\u00e9si feladatokra specializ\u00e1l\u00f3dott, ahol a <strong>gyorsas\u00e1g<\/strong>, a <strong>szak\u00e9rtelem<\/strong> \u00e9s az <strong>\u00e1tl\u00e1that\u00f3s\u00e1g<\/strong> egyszerre fontos.\r\n        <\/p>\r\n        \r\n        <div class=\"trust-grid\">\r\n          \r\n          <div class=\"trust-box\">\r\n            <div class=\"trust-icon-circle\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\r\n            <\/div>\r\n            <p class=\"trust-box-text\">Nem t\u0171n\u00fcnk el a munka k\u00f6zben<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"trust-box\">\r\n            <div class=\"trust-icon-circle\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/><polyline points=\"10 9 9 9 8 9\"\/><\/svg>\r\n            <\/div>\r\n            <p class=\"trust-box-text\">Nem kezd\u00fcnk bele tiszt\u00e1zatlan felt\u00e9telekkel<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"trust-box\">\r\n            <div class=\"trust-icon-circle\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n            <\/div>\r\n            <p class=\"trust-box-text\">Nem hagyunk magunk ut\u00e1n f\u00e9lk\u00e9sz megold\u00e1sokat<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"trust-box\">\r\n            <div class=\"trust-icon-circle\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg>\r\n            <\/div>\r\n            <p class=\"trust-box-text\">Nem csak gyorsan csin\u00e1ljuk, hanem j\u00f3l is<\/p>\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-4438dee e-con e-atomic-element e-flexbox-base e-4438dee-24f46c6 \" data-id=\"4438dee\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"4438dee\">\n    \t\t<div class=\"elementor-element elementor-element-7651ce4 elementor-widget elementor-widget-html\" data-id=\"7651ce4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* --- EREDM\u00c9NY SZEKCI\u00d3 ALAPOK (PX ALAPON) --- *\/\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@700;800;900&family=Inter:wght@400;500;600;700&display=swap');\r\n\r\n  .arammento-result-section {\r\n    font-family: 'Inter', sans-serif;\r\n    background-color: #ffffff;\r\n    padding-top: 60px;\r\n    padding-bottom: 60px;\r\n    position: relative;\r\n    overflow: hidden;\r\n    width: 100%;\r\n  }\r\n\r\n  .arammento-result-section h2, \r\n  .arammento-result-section h4,\r\n  .arammento-result-section .font-display {\r\n    font-family: 'Plus Jakarta Sans', sans-serif;\r\n    letter-spacing: -0.5px;\r\n  }\r\n\r\n  .container-res {\r\n    max-width: 1280px;\r\n    margin: 0 auto;\r\n    padding: 0 16px;\r\n  }\r\n\r\n  .res-flex {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 48px;\r\n    text-align: center;\r\n    align-items: center;\r\n  }\r\n\r\n  .res-col-left, .res-col-right {\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  @media (min-width: 1024px) {\r\n    .res-flex {\r\n      flex-direction: row;\r\n      gap: 64px;\r\n      text-align: left;\r\n      align-items: center;\r\n    }\r\n    .res-col-left, .res-col-right {\r\n      width: 50%;\r\n    }\r\n  }\r\n\r\n  \/* --- BADGE \u00c9S SZ\u00d6VEG M\u00c9RTEK --- *\/\r\n  .res-badge {\r\n    background-color: #f0f2f5;\r\n    padding: 6px 16px;\r\n    border-radius: 9999px;\r\n    display: inline-block;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    color: #64748b; \r\n    margin-bottom: 20px;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1.5px;\r\n  }\r\n\r\n  .res-title {\r\n    font-size: 26px; \r\n    font-weight: 900;\r\n    color: #1a1c1e;\r\n    margin-bottom: 20px;\r\n    line-height: 32px;\r\n  }\r\n\r\n  .res-description {\r\n    font-size: 14px; \r\n    color: #64748b;\r\n    margin-bottom: 32px;\r\n    line-height: 22px;\r\n    font-weight: 500;\r\n  }\r\n\r\n  @media (min-width: 768px) {\r\n    .res-title { font-size: 46px; line-height: 54px; }\r\n    .res-description { font-size: 18px; line-height: 26px; }\r\n  }\r\n\r\n  \/* --- LISTA ELEMEK --- *\/\r\n  .res-list {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 16px;\r\n    margin-bottom: 32px;\r\n  }\r\n\r\n  .res-list-item {\r\n    display: flex;\r\n    gap: 12px;\r\n    align-items: flex-start;\r\n    text-align: left;\r\n  }\r\n\r\n  .res-list-item svg {\r\n    width: 20px;\r\n    height: 20px;\r\n    color: #f2c94d;\r\n    flex-shrink: 0;\r\n    margin-top: 2px;\r\n  }\r\n\r\n  .res-list-text {\r\n    font-size: 14px; \r\n    font-weight: 700;\r\n    color: #334155;\r\n    line-height: 20px;\r\n  }\r\n\r\n  \/* --- ID\u00c9ZET BOX --- *\/\r\n  .res-quote-box {\r\n    background-color: #f8fafc;\r\n    border-left: 4px solid #f2c94d;\r\n    padding: 20px;\r\n    border-radius: 0 16px 16px 0;\r\n    text-align: left;\r\n  }\r\n\r\n  .res-quote-text {\r\n    font-size: 14px;\r\n    font-weight: 900;\r\n    color: #0f172a;\r\n    margin: 0;\r\n    line-height: 22px;\r\n  }\r\n\r\n  \/* --- K\u00c9PR\u00c1CS FIX BE\u00c1LL\u00cdT\u00c1SAI --- *\/\r\n  .res-grid-container {\r\n    width: 100%;\r\n    max-width: 480px; \r\n    margin: 0 auto;\r\n  }\r\n\r\n  .res-image-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 16px;\r\n  }\r\n\r\n  .res-grid-col-1, .res-grid-col-2 {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 16px;\r\n  }\r\n\r\n  .res-grid-col-2 {\r\n    padding-top: 32px; \r\n  }\r\n\r\n  .res-img-card {\r\n    border-radius: 16px !important; \r\n    width: 100%;\r\n    object-fit: cover; \r\n    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05);\r\n    display: block;\r\n  }\r\n\r\n  \/* K\u00e9p magass\u00e1gok *\/\r\n  .h-192 { height: 160px; } \r\n  .h-256 { height: 210px; }\r\n  \r\n  \/* JAV\u00cdT\u00c1S: \u00daj f\u00fcgg\u0151leges\/1:1 ar\u00e1ny\u00fa magass\u00e1goszt\u00e1ly a 3. k\u00e9pnek *\/\r\n  .h-vertical { height: 280px; } \r\n\r\n  @media (min-width: 768px) {\r\n    .h-192 { height: 192px; }\r\n    .h-256 { height: 256px; }\r\n    .h-vertical { height: 340px; } \/* Komoly f\u00fcgg\u0151leges feloszt\u00e1s g\u00e9pen *\/\r\n  }\r\n\r\n  \/* S\u00e1rga kiemelt k\u00e1rtya *\/\r\n  .res-yellow-card {\r\n    background-color: #f2c94d;\r\n    border-radius: 16px;\r\n    width: 100%;\r\n    height: 140px; \/* Hozz\u00e1igaz\u00edtva az \u00faj r\u00e1csritmushoz *\/\r\n    padding: 20px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: center;\r\n    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05);\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  @media (min-width: 768px) {\r\n    .res-yellow-card { height: 172px; }\r\n  }\r\n\r\n  .res-yellow-card svg {\r\n    width: 40px;\r\n    height: 40px;\r\n    color: #0f172a;\r\n    margin-bottom: 8px;\r\n  }\r\n\r\n  .res-card-title {\r\n    font-size: 16px; \r\n    font-weight: 900;\r\n    color: #0f172a;\r\n    line-height: 20px;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* --- ANIM\u00c1CI\u00d3K --- *\/\r\n  .res-col-right { text-align: center; }\r\n  .animate-res-up { opacity: 0; transform: translateY(20px); animation: resFadeUp 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards; }\r\n  .animate-res-down { opacity: 0; transform: translateY(-20px); animation: resFadeUp 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards; }\r\n\r\n  @keyframes resFadeUp {\r\n    to { opacity: 1; transform: translateY(0); }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"arammento-result-section\">\r\n  <div class=\"container-res\">\r\n    <div class=\"res-flex\">\r\n      \r\n      <div class=\"res-col-left\">\r\n        <div class=\"res-badge\">Az eredm\u00e9ny<\/div>\r\n        <h2 class=\"res-title\">Mit nyersz vele?<\/h2>\r\n        <p class=\"res-description\">\r\n          Nem csak egy hib\u00e1t jav\u00edtunk ki. Egy probl\u00e9m\u00e1t vesz\u00fcnk le a v\u00e1lladr\u00f3l.\r\n        <\/p>\r\n        \r\n        <div class=\"res-list\">\r\n          <div class=\"res-list-item\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\r\n            <span class=\"res-list-text\">\u00dajra biztons\u00e1gosan haszn\u00e1lhat\u00f3 elektromos h\u00e1l\u00f3zat<\/span>\r\n          <\/div>\r\n          <div class=\"res-list-item\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\r\n            <span class=\"res-list-text\">Kevesebb kock\u00e1zat z\u00e1rlat, t\u00falterhel\u00e9s vagy t\u0171zvesz\u00e9ly miatt<\/span>\r\n          <\/div>\r\n          <div class=\"res-list-item\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\r\n            <span class=\"res-list-text\">\u00c1tl\u00e1that\u00f3 \u00e1rak \u00e9s el\u0151re egyeztetett munkad\u00edj<\/span>\r\n          <\/div>\r\n          <div class=\"res-list-item\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\r\n            <span class=\"res-list-text\">Gyorsabb d\u00f6nt\u00e9s, kevesebb bizonytalans\u00e1g<\/span>\r\n          <\/div>\r\n          <div class=\"res-list-item\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\r\n            <span class=\"res-list-text\">Szakember, akit fel\u00faj\u00edt\u00e1sn\u00e1l \u00e9s jav\u00edt\u00e1sn\u00e1l is h\u00edvhatsz<\/span>\r\n          <\/div>\r\n          <div class=\"res-list-item\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\r\n            <span class=\"res-list-text\">Rendezettebb, korszer\u0171bb biztos\u00edt\u00e9kt\u00e1bla<\/span>\r\n          <\/div>\r\n          <div class=\"res-list-item\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\r\n            <span class=\"res-list-text\">Biztons\u00e1gosabb otthon vagy munkahely<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"res-quote-box\">\r\n          <p class=\"res-quote-text\">\r\n            \"A villanyszerel\u00e9sen nem az olcs\u00f3 megold\u00e1s sp\u00f3rol. Hanem a j\u00f3 megold\u00e1s.\"\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"res-col-right\">\r\n        <div class=\"res-grid-container\">\r\n          <div class=\"res-image-grid\">\r\n            \r\n            <div class=\"res-grid-col-1 animate-res-up\">\r\n              <img decoding=\"async\" src=\"https:\/\/arammento.hu\/wp-content\/uploads\/2026\/05\/pexels-jimmy-liao-3615017-17063686.jpg\" alt=\"Villanyszerel\u00e9s r\u00e9szlet\" class=\"res-img-card h-192\" \/>\r\n              <img decoding=\"async\" src=\"https:\/\/arammento.hu\/wp-content\/uploads\/2026\/05\/pexels-anastasia-shuraeva-9607005.jpg\" alt=\"Biztons\u00e1gos elektromos h\u00e1l\u00f3zat\" class=\"res-img-card h-256\" \/>\r\n            <\/div>\r\n            \r\n            <div class=\"res-grid-col-2 animate-res-down\">\r\n              <img decoding=\"async\" src=\"https:\/\/arammento.hu\/wp-content\/uploads\/2026\/05\/pexels-ai25studioai-4981802-e1779919526366.jpg\" alt=\"Modern eloszt\u00f3 t\u00e1bla\" class=\"res-img-card h-vertical\" \/>\r\n              <div class=\"res-yellow-card\">\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg>\r\n                <h4 class=\"res-card-title\">Biztons\u00e1g &<br\/>Nyugalom<\/h4>\r\n              <\/div>\r\n            <\/div>\r\n\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-593911e e-con e-atomic-element e-flexbox-base e-593911e-b39e51c \" data-id=\"593911e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"593911e\">\n    \t\t<div class=\"elementor-element elementor-element-aa03d1c elementor-widget elementor-widget-html\" data-id=\"aa03d1c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* --- SZOLG\u00c1LTAT\u00c1SOK SZEKCI\u00d3 ALAPOK (PX ALAPON) --- *\/\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@700;800;900&family=Inter:wght@400;500;600;700&display=swap');\r\n\r\n  .arammento-services-section {\r\n    font-family: 'Inter', sans-serif;\r\n    background-color: #ffffff;\r\n    padding-top: 60px;\r\n    padding-bottom: 60px;\r\n    position: relative;\r\n    width: 100%;\r\n  }\r\n\r\n  .arammento-services-section h2, \r\n  .arammento-services-section h3,\r\n  .arammento-services-section h4,\r\n  .arammento-services-section .font-display {\r\n    font-family: 'Plus Jakarta Sans', sans-serif;\r\n    letter-spacing: -0.5px;\r\n  }\r\n\r\n  .container-srv {\r\n    max-width: 1280px;\r\n    margin: 0 auto;\r\n    padding: 0 16px;\r\n    text-align: center; \r\n  }\r\n\r\n  \/* --- FEJL\u00c9C \u00c9S C\u00cdM M\u00c9RTEK --- *\/\r\n  .srv-badge {\r\n    background-color: #f0f2f5;\r\n    padding: 6px 16px;\r\n    border-radius: 9999px;\r\n    display: inline-block;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    color: #64748b; \r\n    margin-bottom: 20px;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1.5px;\r\n  }\r\n\r\n  .srv-title {\r\n    font-size: 26px; \/* SZIGOR\u00daAN 26px mobilon *\/\r\n    font-weight: 900;\r\n    color: #1a1c1e;\r\n    margin-bottom: 40px;\r\n    line-height: 32px;\r\n  }\r\n\r\n  @media (min-width: 768px) {\r\n    .srv-title { font-size: 46px; line-height: 54px; }\r\n  }\r\n\r\n  \/* --- SZOLG\u00c1LTAT\u00c1S R\u00c1CS --- *\/\r\n  .srv-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr;\r\n    gap: 32px;\r\n  }\r\n\r\n  @media (min-width: 768px) {\r\n    .srv-grid { grid-template-columns: repeat(2, 1fr); }\r\n  }\r\n  @media (min-width: 1024px) {\r\n    .srv-grid { grid-template-columns: repeat(3, 1fr); }\r\n  }\r\n\r\n  \/* --- K\u00c1RTYA ST\u00cdLUSOK \u00c9S HOVER EFFEKTEK --- *\/\r\n  .srv-card {\r\n    background: #ffffff;\r\n    display: flex;\r\n    flex-direction: column;\r\n    text-align: left; \r\n    box-sizing: border-box;\r\n    position: relative;\r\n  }\r\n\r\n  .srv-img-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 220px; \r\n    border-radius: 16px !important; \r\n    overflow: hidden;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .srv-img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover; \r\n    transition: transform 0.7s ease;\r\n    display: block;\r\n  }\r\n\r\n  .srv-card:hover .srv-img {\r\n    transform: scale(1.08); \r\n  }\r\n\r\n  .srv-icon-badge {\r\n    position: absolute;\r\n    top: 16px;\r\n    left: 16px;\r\n    background-color: #f2c94d;\r\n    width: 44px;\r\n    height: 44px;\r\n    border-radius: 12px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    box-shadow: 0 4px 10px rgba(0,0,0,0.15);\r\n    transition: transform 0.3s ease;\r\n    z-index: 10;\r\n  }\r\n\r\n  .srv-icon-badge svg {\r\n    width: 22px;\r\n    height: 22px;\r\n    color: #0f172a;\r\n  }\r\n\r\n  .srv-card:hover .srv-icon-badge {\r\n    transform: rotate(12px);\r\n  }\r\n\r\n  .srv-hover-call {\r\n    position: absolute;\r\n    bottom: 16px;\r\n    left: 16px;\r\n    background-color: rgba(242, 201, 77, 0.95);\r\n    color: #0f172a;\r\n    padding: 8px 16px;\r\n    border-radius: 9999px;\r\n    font-size: 12px;\r\n    font-weight: 900;\r\n    text-decoration: none;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    opacity: 0;\r\n    transform: translateY(10px);\r\n    transition: all 0.3s ease;\r\n    z-index: 10;\r\n    box-shadow: 0 4px 12px rgba(0,0,0,0.1);\r\n  }\r\n\r\n  .srv-hover-call svg {\r\n    width: 12px;\r\n    height: 12px;\r\n    fill: #0f172a;\r\n  }\r\n\r\n  .srv-card:hover .srv-hover-call {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  \/* --- K\u00c1RTYA SZ\u00d6VEGEK --- *\/\r\n  .srv-card-title {\r\n    font-size: 18px;\r\n    font-weight: 800;\r\n    color: #1a1c1e;\r\n    margin-top: 0;\r\n    margin-bottom: 10px;\r\n    line-height: 24px;\r\n  }\r\n\r\n  .srv-card-desc {\r\n    font-size: 14px; \r\n    color: #64748b;\r\n    font-weight: 500;\r\n    line-height: 22px;\r\n    margin-bottom: 16px;\r\n  }\r\n\r\n  .srv-ideal-box {\r\n    background-color: #f8fafc;\r\n    padding: 14px;\r\n    border-radius: 12px;\r\n    margin-bottom: 16px;\r\n  }\r\n\r\n  .srv-ideal-title {\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    color: #0f172a;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    margin-top: 0;\r\n    margin-bottom: 8px;\r\n  }\r\n\r\n  .srv-ideal-list {\r\n    list-style: none;\r\n    padding: 0;\r\n    margin: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 8px;\r\n  }\r\n\r\n  .srv-ideal-item {\r\n    display: flex;\r\n    gap: 8px;\r\n    align-items: flex-start;\r\n    font-size: 13px; \r\n    font-weight: 500;\r\n    color: #475569;\r\n    line-height: 18px;\r\n  }\r\n\r\n  .srv-ideal-item svg {\r\n    width: 14px;\r\n    height: 14px;\r\n    color: #f2c94d;\r\n    flex-shrink: 0;\r\n    margin-top: 2px;\r\n  }\r\n\r\n  .srv-cta-link {\r\n    font-size: 14px; \r\n    font-weight: 700;\r\n    color: #0f172a;\r\n    text-decoration: none;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    margin-top: auto;\r\n    padding-top: 12px;\r\n    border-top: 1px solid #f1f5f9;\r\n    transition: color 0.2s ease;\r\n  }\r\n\r\n  .srv-cta-link:hover {\r\n    color: #e0b83d;\r\n  }\r\n\r\n  .srv-cta-link svg {\r\n    width: 14px;\r\n    height: 14px;\r\n    transition: transform 0.2s ease;\r\n  }\r\n\r\n  .srv-cta-link:hover svg {\r\n    transform: translateX(3px);\r\n  }\r\n<\/style>\r\n\r\n<section id=\"szolgaltatasok\" class=\"arammento-services-section\">\r\n  <div class=\"container-srv\">\r\n    \r\n    <div class=\"text-center\">\r\n      <div class=\"srv-badge\">Szolg\u00e1ltat\u00e1sok<\/div>\r\n      <h2 class=\"srv-title\">Miben tud seg\u00edteni az \u00c1ramment\u0151?<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"srv-grid\">\r\n      \r\n      <div class=\"srv-card\">\r\n        <div class=\"srv-img-wrapper\">\r\n          <img decoding=\"async\" src=\"https:\/\/arammento.hu\/wp-content\/uploads\/2026\/05\/pexels-jimmy-liao-3615017-17063686.jpg\" alt=\"SOS Hibaelh\u00e1r\u00edt\u00e1s\" class=\"srv-img\" \/>\r\n          <div class=\"srv-icon-badge\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg>\r\n          <\/div>\r\n          <a href=\"tel:+36303944526\" class=\"srv-hover-call\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72v2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 .7 2.81a2 2 0 0 1 22 16.92z\"\/><\/svg>\r\n            H\u00edv\u00e1s most\r\n          <\/a>\r\n        <\/div>\r\n        <h3 class=\"srv-card-title\">SOS Gyorsszolg\u00e1lat & Hibaelh\u00e1r\u00edt\u00e1s<\/h3>\r\n        <p class=\"srv-card-desc\">Azonnali indul\u00e1s \u00e1ramsz\u00fcnet, z\u00e1rlat, f\u00fcst\u00f6l\u0151 konnektorok vagy lever\u0151d\u0151 biztos\u00edt\u00e9kok eset\u00e9n Budapesten.<\/p>\r\n        <div class=\"srv-ideal-box\">\r\n          <p class=\"srv-ideal-title\">Ide\u00e1lis, ha:<\/p>\r\n          <ul class=\"srv-ideal-list\">\r\n            <li class=\"srv-ideal-item\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg>Nincs \u00e1ram a lak\u00e1sban vagy irod\u00e1ban<\/li>\r\n            <li class=\"srv-ideal-item\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg>Szagot vagy szikr\u00e1z\u00e1st \u00e9szlelsz<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n        <a href=\"tel:+36303944526\" class=\"srv-cta-link\">S\u00fcrg\u0151s h\u00edv\u00e1st ind\u00edtok <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/a>\r\n      <\/div>\r\n\r\n      <div class=\"srv-card\">\r\n        <div class=\"srv-img-wrapper\">\r\n          <img decoding=\"async\" src=\"https:\/\/arammento.hu\/wp-content\/uploads\/2026\/05\/pexels-talal-32391477-e1779920930208.jpg\" alt=\"Vil\u00e1g\u00edt\u00e1s \u00e9s szerelv\u00e9nyez\u00e9s\" class=\"srv-img\" \/>\r\n          <div class=\"srv-icon-badge\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 2v2\"\/><path d=\"M12 20v2\"\/><path d=\"m4.93 4.93 1.41 1.41\"\/><path d=\"m17.66 17.66 1.41 1.41\"\/><path d=\"M20 12h2\"\/><path d=\"M2 12h2\"\/><path d=\"m6.34 17.66-1.41 1.41\"\/><path d=\"m19.07 4.93-1.41 1.41\"\/><\/svg>\r\n          <\/div>\r\n          <a href=\"tel:+36303944526\" class=\"srv-hover-call\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72v2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 .7 2.81a2 2 0 0 1 22 16.92z\"\/><\/svg>\r\n            H\u00edv\u00e1s most\r\n          <\/a>\r\n        <\/div>\r\n        <h3 class=\"srv-card-title\">Vil\u00e1g\u00edt\u00e1s & Szerelv\u00e9nyez\u00e9s<\/h3>\r\n        <p class=\"srv-card-desc\">L\u00e1mpatestek, LED szalagok, modern csill\u00e1rok, \u00faj kapcsol\u00f3k \u00e9s konnektorok szakszer\u0171 felszerel\u00e9se \u00e9s cser\u00e9je.<\/p>\r\n        <div class=\"srv-ideal-box\">\r\n          <p class=\"srv-ideal-title\">Ide\u00e1lis, ha:<\/p>\r\n          <ul class=\"srv-ideal-list\">\r\n            <li class=\"srv-ideal-item\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg>\u00daj diz\u00e1jn l\u00e1mp\u00e1kat szereln\u00e9l fel<\/li>\r\n            <li class=\"srv-ideal-item\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg>Konnektorok \u00e1thelyez\u00e9se sz\u00fcks\u00e9ges<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n        <a href=\"#kapcsolat\" class=\"srv-cta-link\">Aj\u00e1nlatot k\u00e9rek <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/a>\r\n      <\/div>\r\n\r\n      <div class=\"srv-card\">\r\n        <div class=\"srv-img-wrapper\">\r\n          <img decoding=\"async\" src=\"https:\/\/arammento.hu\/wp-content\/uploads\/2026\/05\/pexels-onics-energy-357829293-14319099.jpg\" alt=\"Biztos\u00edt\u00e9kt\u00e1bla csere\" class=\"srv-img\" \/>\r\n          <div class=\"srv-icon-badge\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\r\n          <\/div>\r\n          <a href=\"tel:+36303944526\" class=\"srv-hover-call\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72v2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 .7 2.81a2 2 0 0 1 22 16.92z\"\/><\/svg>\r\n            H\u00edv\u00e1s most\r\n          <\/a>\r\n        <\/div>\r\n        <h3 class=\"srv-card-title\">Biztos\u00edt\u00e9kt\u00e1bla csere & FI-rel\u00e9<\/h3>\r\n        <p class=\"srv-card-desc\">R\u00e9gi, elavult olvad\u00f3biztos\u00edt\u00e9kos t\u00e1bl\u00e1k cser\u00e9je modern kismegszak\u00edt\u00f3kra \u00e9s \u00e9letment\u0151 FI-rel\u00e9 be\u00e9p\u00edt\u00e9se.<\/p>\r\n        <div class=\"srv-ideal-box\">\r\n          <p class=\"srv-ideal-title\">Ide\u00e1lis, ha:<\/p>\r\n          <ul class=\"srv-ideal-list\">\r\n            <li class=\"srv-ideal-item\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg>M\u00e9g a r\u00e9gi teker\u0151s biztos\u00edt\u00e9kod van<\/li>\r\n            <li class=\"srv-ideal-item\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg>Nincs FI-rel\u00e9 (\u00e1ramv\u00e9d\u0151) a rendszerben<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n        <a href=\"#kapcsolat\" class=\"srv-cta-link\">Moderniz\u00e1lom a rendszert <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/a>\r\n      <\/div>\r\n\r\n      <div class=\"srv-card\">\r\n        <div class=\"srv-img-wrapper\">\r\n          <img decoding=\"async\" src=\"https:\/\/arammento.hu\/wp-content\/uploads\/2026\/06\/313f6eb5-7b7a-479c-8e49-8e3673cffd87.jpg\" alt=\"Teljes h\u00e1l\u00f3zatfel\u00faj\u00edt\u00e1s\" class=\"srv-img\" \/>\r\n          <div class=\"srv-icon-badge\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><\/svg>\r\n          <\/div>\r\n          <a href=\"tel:+36303944526\" class=\"srv-hover-call\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72v2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 .7 2.81a2 2 0 0 1 22 16.92z\"\/><\/svg>\r\n            H\u00edv\u00e1s most\r\n          <\/a>\r\n        <\/div>\r\n        <h3 class=\"srv-card-title\">Teljes H\u00e1l\u00f3zatfel\u00faj\u00edt\u00e1s & Kivitelez\u00e9s<\/h3>\r\n        <p class=\"srv-card-desc\">Csal\u00e1di h\u00e1zak, lak\u00e1sok teljes elektromos rendszer\u00e9nek tervez\u00e9se, \u00fajrak\u00e1belez\u00e9se, v\u00e9s\u00e9se \u00e9s korszer\u0171s\u00edt\u00e9se.<\/p>\r\n        <div class=\"srv-ideal-box\">\r\n          <p class=\"srv-ideal-title\">Ide\u00e1lis, ha:<\/p>\r\n          <ul class=\"srv-ideal-list\">\r\n            <li class=\"srv-ideal-item\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg>Ingatlan v\u00e1s\u00e1rl\u00e1s ut\u00e1n \u00e1llsz fel\u00faj\u00edt\u00e1s el\u0151tt<\/li>\r\n            <li class=\"srv-ideal-item\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg>B\u0151v\u00edteni szeretn\u00e9d a fogyaszt\u00f3kat (pl. kl\u00edma)<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n        <a href=\"#kapcsolat\" class=\"srv-cta-link\">Ingyenes konzult\u00e1ci\u00f3t k\u00e9rek <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/a>\r\n      <\/div>\r\n\r\n      <div class=\"srv-card\">\r\n        <div class=\"srv-img-wrapper\">\r\n          <img decoding=\"async\" src=\"https:\/\/arammento.hu\/wp-content\/uploads\/2026\/06\/97883b2c-b3b1-4f9c-8cca-d6936f9e2ac1.jpg\" alt=\"Panel villanyszerel\u00e9s\" class=\"srv-img\" \/>\r\n          <div class=\"srv-icon-badge\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"4\" y=\"2\" width=\"16\" height=\"20\" rx=\"2\" ry=\"2\"\/><line x1=\"9\" y1=\"22\" x2=\"9\" y2=\"16\"\/><line x1=\"15\" y1=\"22\" x2=\"15\" y2=\"16\"\/><line x1=\"9\" y1=\"16\" x2=\"15\" y2=\"16\"\/><path d=\"M8 6h.01\"\/><path d=\"M16 6h.01\"\/><path d=\"M8 11h.01\"\/><path d=\"M16 11h.01\"\/><\/svg>\r\n          <\/div>\r\n          <a href=\"tel:+36303944526\" class=\"srv-hover-call\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72v2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 .7 2.81a2 2 0 0 1 22 16.92z\"\/><\/svg>\r\n            H\u00edv\u00e1s most\r\n          <\/a>\r\n        <\/div>\r\n        <h3 class=\"srv-card-title\">Panel Lak\u00e1sok Villanyszerel\u00e9se<\/h3>\r\n        <p class=\"srv-card-desc\">Speci\u00e1lis, horonymar\u00e1sos tehnol\u00f3gi\u00e1val v\u00e9gzett h\u00e1l\u00f3zatfel\u00faj\u00edt\u00e1s panellak\u00e1sokban, a r\u00e9gi alum\u00ednium vezet\u00e9kek cser\u00e9je.<\/p>\r\n        <div class=\"srv-ideal-box\">\r\n          <p class=\"srv-ideal-title\">Ide\u00e1lis, ha:<\/p>\r\n          <ul class=\"srv-ideal-list\">\r\n            <li class=\"srv-ideal-item\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg>A lak\u00e1sban m\u00e9g az eredeti MM-fal vezet\u00e9kek futnak<\/li>\r\n            <li class=\"srv-ideal-item\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg>T\u00falterhel\u0151dik a rendszer a modern g\u00e9pekt\u0151l<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n        <a href=\"#kapcsolat\" class=\"srv-cta-link\">Panel \u00e1raj\u00e1nlatot k\u00e9rek <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/a>\r\n      <\/div>\r\n\r\n      <div class=\"srv-card\">\r\n        <div class=\"srv-img-wrapper\">\r\n          <img decoding=\"async\" src=\"https:\/\/arammento.hu\/wp-content\/uploads\/2026\/06\/1e5403be-6e9d-4b0f-9538-cb7a9a4fdefa.jpg\" alt=\"Karbantart\u00e1s \u00e9s fel\u00fclvizsg\u00e1lat\" class=\"srv-img\" \/>\r\n          <div class=\"srv-icon-badge\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.1a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\r\n          <\/div>\r\n          <a href=\"tel:+36303944526\" class=\"srv-hover-call\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72v2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 .7 2.81a2 2 0 0 1 22 16.92z\"\/><\/svg>\r\n            H\u00edv\u00e1s most\r\n          <\/a>\r\n        <\/div>\r\n        <h3 class=\"srv-card-title\">Id\u0151szakos Karbantart\u00e1s & Diagnosztika<\/h3>\r\n        <p class=\"srv-card-desc\">K\u00f6t\u00e9sek ellen\u0151rz\u00e9se, h\u00e1l\u00f3zat terhelhet\u0151s\u00e9gi tesztje, hibakeres\u00e9s \u00e9s biztons\u00e1gi diagnosztika \u00fczletekben \u00e9s lak\u00e1sokban.<\/p>\r\n        <div class=\"srv-ideal-box\">\r\n          <p class=\"srv-ideal-title\">Ide\u00e1lis, ha:<\/p>\r\n          <ul class=\"srv-ideal-list\">\r\n            <li class=\"srv-ideal-item\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg>Szeretn\u00e9d megel\u0151zni a komolyabb hib\u00e1kat<\/li>\r\n            <li class=\"srv-ideal-item\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg>R\u00e9gi \u00e9p\u00fclet elektromos \u00e1llapot\u00e1t m\u00e9rn\u00e9d fel<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n        <a href=\"#kapcsolat\" class=\"srv-cta-link\">Id\u0151pontot foglalok <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-75434c3 e-con e-atomic-element e-flexbox-base e-75434c3-7aeaf5b \" data-id=\"75434c3\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"75434c3\">\n    \t\t<div class=\"elementor-element elementor-element-cd9a05c elementor-widget elementor-widget-html\" data-id=\"cd9a05c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* --- \u00c1RAK SZEKCI\u00d3 ALAPOK (PX ALAPON) --- *\/\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@700;800;900&family=Inter:wght@400;500;600;700&display=swap');\r\n\r\n  .arammento-arak-section {\r\n    font-family: 'Inter', sans-serif;\r\n    background-color: #ffffff; \r\n    padding-top: 60px;\r\n    padding-bottom: 60px;\r\n    position: relative;\r\n    width: 100%;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .arammento-arak-section h2, \r\n  .arammento-arak-section h3,\r\n  .arammento-arak-section .font-display {\r\n    font-family: 'Plus Jakarta Sans', sans-serif;\r\n    letter-spacing: -0.5px;\r\n  }\r\n\r\n  .container-arak {\r\n    max-width: 1280px;\r\n    margin: 0 auto;\r\n    padding: 0 16px;\r\n  }\r\n\r\n  \/* Elrendez\u00e9s: mobilon egym\u00e1s al\u00e1 k\u00f6z\u00e9pre z\u00e1rva, a sz\u00f6veg van fel\u00fcl (column-reverse) *\/\r\n  .arak-grid {\r\n    display: flex;\r\n    flex-direction: column-reverse; \r\n    gap: 40px;\r\n    text-align: center; \r\n    align-items: center;\r\n  }\r\n\r\n  @media (min-width: 1024px) {\r\n    .arak-grid {\r\n      flex-direction: row;\r\n      gap: 64px;\r\n      text-align: left; \r\n      align-items: center; \r\n    }\r\n    .arak-col-left, .arak-col-right {\r\n      width: 50%;\r\n    }\r\n  }\r\n\r\n  \/* --- BADGE \u00c9S SZ\u00d6VEG M\u00c9RTEK (SZIGOR\u00da SZAB\u00c1LYOK) --- *\/\r\n  .arak-badge {\r\n    background-color: #f0f2f5;\r\n    border: 1px solid #e2e8f0;\r\n    padding: 6px 16px;\r\n    border-radius: 9999px;\r\n    display: inline-block;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    color: #64748b; \r\n    margin-bottom: 20px;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1.5px;\r\n  }\r\n\r\n  .arak-title {\r\n    font-size: 26px; \/* SZIGOR\u00daAN 26px mobilon *\/\r\n    font-weight: 900;\r\n    color: #1a1c1e;\r\n    margin-bottom: 20px;\r\n    line-height: 32px;\r\n  }\r\n\r\n  .arak-description {\r\n    font-size: 14px; \/* SZIGOR\u00daAN 14px mobilon *\/\r\n    color: #64748b;\r\n    margin-bottom: 24px;\r\n    line-height: 22px;\r\n    font-weight: 500;\r\n  }\r\n\r\n  @media (min-width: 768px) {\r\n    .arak-title { font-size: 46px; line-height: 54px; }\r\n    .arak-description { font-size: 17px; line-height: 28px; }\r\n  }\r\n\r\n  \/* --- GOMB FALT\u00d3L FALIG MOBILON --- *\/\r\n  .arak-btn-wrapper {\r\n    padding: 0 8px;\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n  }\r\n\r\n  .arak-btn-yellow {\r\n    background-color: #f2c94d;\r\n    color: #0f172a;\r\n    padding: 16px 32px;\r\n    border-radius: 12px;\r\n    font-weight: 700;\r\n    font-size: 14px; \/* SZIGOR\u00daAN 14px gomsz\u00f6veg *\/\r\n    text-decoration: none;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    transition: all 0.3s ease;\r\n    box-shadow: 0 1px 2px rgba(0,0,0,0.05);\r\n    width: 100%; \r\n    box-sizing: border-box;\r\n  }\r\n\r\n  @media (min-width: 640px) {\r\n    .arak-btn-wrapper { width: auto; padding: 0; }\r\n    .arak-btn-yellow { width: auto; padding: 20px 40px; font-size: 16px; }\r\n  }\r\n\r\n  .arak-btn-yellow:hover {\r\n    background-color: #e0b83d;\r\n    box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1);\r\n    transform: translateY(-1px);\r\n  }\r\n\r\n  .arak-btn-yellow svg {\r\n    width: 18px;\r\n    height: 18px;\r\n  }\r\n\r\n  \/* --- BAL OLDALI F\u00dcGG\u0150LEGES K\u00c9P ELRENDEZ\u00c9S --- *\/\r\n  .arak-img-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    max-width: 420px; \/* Kicsit feszesebb sz\u00e9less\u00e9g a t\u00f6k\u00e9letes portr\u00e9 ar\u00e1nyhoz *\/\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .arak-main-img-box {\r\n    border-radius: 16px !important; \/* SZIGOR\u00daAN 16PX LEKEREK\u00cdT\u00c9S *\/\r\n    overflow: hidden;\r\n    box-shadow: 0 20px 25px -5px rgba(0,0,0,0.08);\r\n    position: relative;\r\n    background-color: #1a1c1e;\r\n    height: 280px; \/* K\u00e9nyelmes magass\u00e1g mobilon *\/\r\n  }\r\n\r\n  @media (min-width: 1024px) {\r\n    .arak-main-img-box { \r\n      height: 520px; \/* JAV\u00cdT\u00c1S: Mark\u00e1ns, magas f\u00fcgg\u0151leges k\u00e9pasztali n\u00e9zetben *\/\r\n    }\r\n  }\r\n\r\n  .arak-main-img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover; \/* Torz\u00edt\u00e1smentes automata v\u00e1g\u00e1s a fix f\u00fcgg\u0151leges keretbe *\/\r\n    display: block;\r\n  }\r\n\r\n  \/* --- FEH\u00c9R H\u00c1TT\u00c9R\u0170 LEBEG\u0150 K\u00c1RTYA --- *\/\r\n  .arak-overlay-card {\r\n    background-color: #ffffff; \r\n    border: 1px solid #e2e8f0; \r\n    border-radius: 20px; \r\n    padding: 24px; \r\n    position: relative;\r\n    text-align: left; \r\n    box-sizing: border-box;\r\n    width: 100%;\r\n    margin-top: 20px; \r\n    box-shadow: 0 10px 15px -3px rgba(0,0,0,0.05);\r\n  }\r\n\r\n  @media (min-width: 1024px) {\r\n    .arak-overlay-card { \r\n      position: absolute;\r\n      bottom: -24px;\r\n      right: -40px; \/* Eleg\u00e1nsan ki\u00faszik a f\u00fcgg\u0151leges k\u00e9p sz\u00e9l\u00e9re *\/\r\n      max-width: 310px;\r\n      margin-top: 0;\r\n      box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1);\r\n      z-index: 20;\r\n    }\r\n  }\r\n\r\n  \/* K\u00e1rtya bels\u0151 elemei *\/\r\n  .arak-card-icon-box {\r\n    background-color: #f2c94d;\r\n    width: 44px;\r\n    height: 44px;\r\n    border-radius: 12px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 16px;\r\n  }\r\n\r\n  .arak-card-icon-box svg {\r\n    width: 22px;\r\n    height: 22px;\r\n    color: #0f172a;\r\n  }\r\n\r\n  .arak-card-title {\r\n    font-size: 15px;\r\n    font-weight: 800;\r\n    color: #0f172a;\r\n    margin-top: 0;\r\n    margin-bottom: 12px;\r\n    line-height: 20px;\r\n  }\r\n\r\n  .arak-card-quote {\r\n    font-size: 14px; \r\n    color: #64748b;\r\n    font-weight: 500;\r\n    font-style: italic;\r\n    margin: 0;\r\n    line-height: 20px;\r\n  }\r\n\r\n  \/* V\u00edzjel '\u00c1' bet\u0171 *\/\r\n  .arak-card-watermark {\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n    padding: 20px;\r\n    opacity: 0.04;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .arak-card-watermark span {\r\n    font-size: 90px;\r\n    font-weight: 900;\r\n    color: #000000;\r\n    line-height: 1;\r\n  }\r\n\r\n  \/* --- CSS ANIM\u00c1CI\u00d3K --- *\/\r\n  .animate-arak-left { opacity: 0; transform: translateX(-30px); animation: arakFadeIn 0.8s ease forwards; }\r\n  .animate-arak-right { opacity: 0; transform: translateX(30px); animation: arakFadeIn 0.8s ease forwards; }\r\n\r\n  @keyframes arakFadeIn {\r\n    to { opacity: 1; transform: translateX(0); }\r\n  }\r\n<\/style>\r\n\r\n<section id=\"arak\" class=\"arammento-arak-section\">\r\n  <div class=\"container-arak\">\r\n    <div class=\"arak-grid\">\r\n      \r\n      <div class=\"arak-col-left animate-arak-left\">\r\n        <div class=\"arak-img-wrapper\">\r\n          \r\n          <div class=\"arak-main-img-box\">\r\n            <img decoding=\"async\" \r\n              src=\"https:\/\/arammento.hu\/wp-content\/uploads\/2026\/05\/pexels-yankrukov-7691731.jpg\" \r\n              alt=\"\u00c1rak egyeztet\u00e9se \u00e9s kalkul\u00e1ci\u00f3\" \r\n              class=\"arak-main-img\" \r\n            \/>\r\n          <\/div>\r\n\r\n          <div class=\"arak-overlay-card\">\r\n            <div class=\"arak-card-watermark\">\r\n              <span>\u00c1<\/span>\r\n            <\/div>\r\n            \r\n            <div class=\"arak-card-icon-box\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\r\n            <\/div>\r\n            \r\n            <h3 class=\"arak-card-title\">\r\n              A korrekt \u00e1r nem azt jelenti, hogy minden munka ugyanannyiba ker\u00fcl.\r\n            <\/h3>\r\n            <p class=\"arak-card-quote\">\r\n              \"Hanem azt, hogy el\u0151re tudod, mire sz\u00e1m\u00edthatsz.\"\r\n            <\/p>\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"arak-col-right animate-arak-right\">\r\n        <div class=\"arak-badge\">\u00c1tl\u00e1that\u00f3s\u00e1g<\/div>\r\n        <h2 class=\"arak-title\">Nincs tal\u00e1lgat\u00e1s. El\u0151re egyeztetett \u00e1rakval dolgozunk.<\/h2>\r\n        <p class=\"arak-description\">\r\n          A villanyszerel\u00e9s pontos \u00e1ra mindig a feladat t\u00edpus\u00e1t\u00f3l, a helysz\u00ednt\u0151l, az anyagig\u00e9nyt\u0151l \u00e9s a s\u00fcrg\u0151ss\u00e9gt\u0151l f\u00fcgg. \u00c9ppen ez\u00e9rt a munka megkezd\u00e9se el\u0151tt tiszt\u00e1zzuk a v\u00e1rhat\u00f3 k\u00f6lts\u00e9geket.\r\n        <\/p>\r\n        <p class=\"arak-description\">\r\n          Az \u00c1ramment\u0151 jelenlegi \u00e1rkommunik\u00e1ci\u00f3ja alapj\u00e1n p\u00e9ld\u00e1ul k\u00fcl\u00f6n d\u00edjaz\u00e1s van nem s\u00fcrg\u0151s hibajav\u00edt\u00e1sra, s\u00fcrg\u0151s h\u00e9tk\u00f6znapi hibajav\u00edt\u00e1sra, h\u00e9tv\u00e9gi hibajav\u00edt\u00e1sra, l\u00e1mpa felszerel\u00e9sre, FI-rel\u00e9 bek\u00f6t\u00e9sre, biztos\u00edt\u00e9kt\u00e1bla cser\u00e9re \u00e9s f\u0151z\u0151lap bek\u00f6t\u00e9sre.\r\n        <\/p>\r\n        \r\n        <div class=\"arak-btn-wrapper\">\r\n          <a href=\"#kapcsolat\" class=\"arak-btn-yellow\">\r\n            Megn\u00e9zem, mennyibe ker\u00fclhet a munk\u00e1m\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-8528082 e-con e-atomic-element e-flexbox-base e-153af49 \" data-id=\"8528082\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"8528082\">\n    \t\t<div class=\"elementor-element elementor-element-84dc80f elementor-widget elementor-widget-html\" data-id=\"84dc80f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* --- V\u00c9LEM\u00c9NYEK SZEKCI\u00d3 ALAPOK (PX ALAPON) --- *\/\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@700;800;900&family=Inter:wght@400;500;600;700&display=swap');\r\n\r\n  .arammento-reviews-section {\r\n    font-family: 'Inter', sans-serif;\r\n    background-color: #f8f9fa; \/* Finom sz\u00fcrke h\u00e1tt\u00e9r, hogy a feh\u00e9r k\u00e1rty\u00e1k kiugorjanak *\/\r\n    padding-top: 60px;\r\n    padding-bottom: 60px;\r\n    position: relative;\r\n    width: 100%;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .arammento-reviews-section h2, \r\n  .arammento-reviews-section h3,\r\n  .arammento-reviews-section .font-display {\r\n    font-family: 'Plus Jakarta Sans', sans-serif;\r\n    letter-spacing: -0.5px;\r\n  }\r\n\r\n  .container-rev {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 0 16px;\r\n  }\r\n\r\n  \/* --- HAS\u00c1BOK \u00daSZ\u00c1SI SEBESS\u00c9GE (INFINITE TICKER) --- *\/\r\n  .rev-col-1 { --rev-duration: 24s; }\r\n  .rev-col-2 { --rev-duration: 30s; }\r\n  .rev-col-3 { --rev-duration: 27s; }\r\n\r\n  \/* Fejl\u00e9c igaz\u00edt\u00e1sa k\u00f6z\u00e9pre *\/\r\n  .rev-header {\r\n    text-align: center;\r\n    margin-bottom: 24px;\r\n  }\r\n\r\n  .rev-badge {\r\n    background-color: #ffffff;\r\n    border: 1px solid #e2e8f0;\r\n    padding: 6px 16px;\r\n    border-radius: 9999px;\r\n    display: inline-block;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    color: #64748b; \r\n    margin-bottom: 16px;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1.5px;\r\n    box-shadow: 0 1px 2px rgba(0,0,0,0.02);\r\n  }\r\n\r\n  .rev-title {\r\n    font-size: 26px; \/* SZIGOR\u00daAN 26px mobilon *\/\r\n    font-weight: 900;\r\n    color: #1a1c1e;\r\n    margin-bottom: 16px;\r\n    line-height: 32px;\r\n  }\r\n\r\n  .rev-subtitle {\r\n    font-size: 14px; \/* SZIGOR\u00daAN 14px mobilon *\/\r\n    line-height: 22px;\r\n    color: #64748b;\r\n    max-width: 760px;\r\n    margin: 0 auto 40px auto;\r\n    text-align: center;\r\n    font-weight: 500;\r\n  }\r\n\r\n  @media (min-width: 768px) {\r\n    .rev-title { font-size: 46px; line-height: 54px; }\r\n    .rev-subtitle { font-size: 17px; line-height: 26px; }\r\n  }\r\n\r\n  \/* --- V\u00c9LEM\u00c9NY K\u00c1RTY\u00c1K ST\u00cdLUSA (Tiszta feh\u00e9r, pr\u00e9mium \u00e1rny\u00e9kkal) --- *\/\r\n  .rev-card {\r\n    background: #ffffff;\r\n    border: 1px solid #e2e8f0;\r\n    border-radius: 20px;\r\n    padding: 28px;\r\n    box-sizing: border-box;\r\n    transition: border-color 0.25s ease, transform 0.25s ease;\r\n    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.02), 0 2px 4px -1px rgba(0,0,0,0.01);\r\n  }\r\n  \r\n  .rev-card:hover {\r\n    border-color: #f2c94d; \/* Hoverre finom m\u00e1rkas\u00e1rga keret *\/\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  .rev-stars-box {\r\n    display: flex;\r\n    gap: 4px;\r\n    margin-bottom: 14px;\r\n  }\r\n\r\n  .rev-stars-box svg {\r\n    width: 16px;\r\n    height: 16px;\r\n    fill: #f2c94d;\r\n    color: #f2c94d;\r\n  }\r\n\r\n  .rev-card-text {\r\n    font-size: 14px; \/* SZIGOR\u00daAN 14px mobilon \u00e9s asztalin is *\/\r\n    line-height: 22px;\r\n    color: #475569;\r\n    margin-top: 0;\r\n    margin-bottom: 20px;\r\n    font-weight: 500;\r\n    font-style: italic;\r\n    text-align: left;\r\n  }\r\n\r\n  .rev-avatar-flex {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n  }\r\n\r\n  .rev-avatar-circle {\r\n    width: 40px;\r\n    height: 40px;\r\n    background-color: #f0f2f5;\r\n    border-radius: 9999px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-weight: 700;\r\n    color: #1a1c1e;\r\n    font-size: 14px;\r\n  }\r\n\r\n  .rev-avatar-info {\r\n    text-align: left;\r\n  }\r\n\r\n  .rev-avatar-name {\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    color: #1a1c1e;\r\n    line-height: 1.2;\r\n  }\r\n  \r\n  .rev-avatar-role {\r\n    font-size: 12px;\r\n    color: #94a3b8;\r\n    margin-top: 2px;\r\n  }\r\n\r\n  \/* --- VERTIK\u00c1LIS G\u00d6RGET\u0150 ENGINE --- *\/\r\n  .rev-ticker-wrapper {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 24px;\r\n    margin-top: 32px;\r\n    height: 600px;\r\n    overflow: hidden;\r\n    position: relative;\r\n    \/* Finom \u00e1ttetsz\u0151 maszkol\u00e1s az alj\u00e1n \u00e9s tetej\u00e9n *\/\r\n    -webkit-mask-image: linear-gradient(to bottom, transparent, black 12%, black 88%, transparent);\r\n    mask-image: linear-gradient(to bottom, transparent, black 12%, black 88%, transparent);\r\n  }\r\n\r\n  .rev-col {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 24px;\r\n    width: 100%;\r\n    max-width: 360px;\r\n  }\r\n\r\n  .rev-scroll-box {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 24px;\r\n    animation: revVerticalScroll var(--rev-duration) linear infinite;\r\n  }\r\n\r\n  \/* Eg\u00e9r r\u00e1helyez\u00e9sre meg\u00e1ll a g\u00f6rget\u00e9s *\/\r\n  .rev-ticker-wrapper:hover .rev-scroll-box {\r\n    animation-play-state: paused;\r\n  }\r\n\r\n  @keyframes revVerticalScroll {\r\n    0% { transform: translateY(0); }\r\n    100% { transform: translateY(-50%); }\r\n  }\r\n\r\n  \/* Reszponz\u00edv has\u00e1b elrejt\u00e9sek mobilon a t\u00falterhelts\u00e9g ellen *\/\r\n  @media (max-width: 920px) {\r\n    .rev-ticker-wrapper { height: 480px; }\r\n    .rev-col-2 { display: none !important; } \/* Tableten csak 2 has\u00e1b marad *\/\r\n  }\r\n  @media (max-width: 600px) {\r\n    .rev-col-3 { display: none !important; } \/* Mobilon csak 1 has\u00e1b p\u00f6r\u00f6g *\/\r\n  }\r\n\r\n  \/* --- JAV\u00cdTOTT JAVASCRIPT ANIM\u00c1CI\u00d3S ST\u00cdLUSOK --- *\/\r\n  .arammento-reviews-section .rev-fade-item {\r\n    opacity: 0;\r\n    transform: translateY(14px);\r\n    transition: opacity 500ms ease, transform 500ms ease;\r\n    will-change: opacity, transform;\r\n  }\r\n  \r\n  .arammento-reviews-section .rev-fade-item.rev-is-visible {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n<\/style>\r\n\r\n<section class=\"arammento-reviews-section rev-animate-section\" id=\"velemenyek\">\r\n  <div class=\"container-rev\">\r\n    \r\n    <!-- K\u00f6z\u00e9pre z\u00e1rt fejl\u00e9c r\u00e9sz -->\r\n    <div class=\"rev-header\">\r\n      <div class=\"rev-badge rev-fade-item\">V\u00e9lem\u00e9nyek<\/div>\r\n      <h2 class=\"rev-title rev-fade-item\">Mi\u00e9rt v\u00e1lasztj\u00e1k az \u00c1ramment\u0151t?<\/h2>\r\n    <\/div>\r\n\r\n    <p class=\"rev-subtitle rev-fade-item\">\r\n      Az elektromos h\u00e1l\u00f3zat biztons\u00e1ga nem j\u00e1t\u00e9k. \u00d6sszegy\u0171jt\u00f6tt\u00fck, hogy mi\u00e9rt d\u00f6ntenek a budapesti lakosok \u00e9s c\u00e9gek mellett\u00fcnk, \u00e9s milyen val\u00f3s tapasztalatokat szereztek, amikor s\u00fcrg\u0151s vagy tervezett seg\u00edts\u00e9gre volt sz\u00fcks\u00e9g\u00fck.\r\n    <\/p>\r\n\r\n    <!-- V\u00e9gtelen\u00edtett F\u00fcgg\u0151leges G\u00f6rget\u0151 rendszer -->\r\n    <div class=\"rev-ticker-wrapper rev-fade-item\">\r\n      \r\n      <!-- 1. HAS\u00c1B (Mobilon ez p\u00f6r\u00f6g) -->\r\n      <div class=\"rev-col rev-col-1\">\r\n        <div class=\"rev-scroll-box\">\r\n          \r\n          <div class=\"rev-card\">\r\n            <div class=\"rev-stars-box\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n            <\/div>\r\n            <p class=\"rev-card-text\">\"Gyorsan kij\u00f6ttek, a hiba azonnal meg lett oldva! Profi, tiszta csapat, b\u00e1tran aj\u00e1nlom \u0151ket mindenkinek s\u00fcrg\u0151s esetben is!\"<\/p>\r\n            <div class=\"rev-avatar-flex\">\r\n              <div class=\"rev-avatar-circle\">K<\/div>\r\n              <div class=\"rev-avatar-info\">\r\n                <div class=\"rev-avatar-name\">Kov\u00e1cs P\u00e9ter<\/div>\r\n                <div class=\"rev-avatar-role\">Budapesti lakos<\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"rev-card\">\r\n            <div class=\"rev-stars-box\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n            <\/div>\r\n            <p class=\"rev-card-text\">\"\u00daj h\u00e1zunk teljes villamos h\u00e1l\u00f3zat\u00e1t \u00e9p\u00edtett\u00e9k ki. Hib\u00e1tlan munk\u00e1t v\u00e9geztek, tartott\u00e1k az \u00e1rakat \u00e9s nem hagytak romokat maguk ut\u00e1n.\"<\/p>\r\n            <div class=\"rev-avatar-flex\">\r\n              <div class=\"rev-avatar-circle\">T<\/div>\r\n              <div class=\"rev-avatar-info\">\r\n                <div class=\"rev-avatar-name\">T\u00f3th Anna<\/div>\r\n                <div class=\"rev-avatar-role\">Csal\u00e1di h\u00e1z tulajdonos<\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"rev-card\">\r\n            <div class=\"rev-stars-box\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n            <\/div>\r\n            <p class=\"rev-card-text\">\"A kismegszak\u00edt\u00f3 folyton lecsap\u00f3dott n\u00e1lunk. \u00c9rthet\u0151en elmagyar\u00e1zt\u00e1k a hib\u00e1t, gyorsan \u00e9s bizonytalans\u00e1gok n\u00e9lk\u00fcl jav\u00edtottak.\"<\/p>\r\n            <div class=\"rev-avatar-flex\">\r\n              <div class=\"rev-avatar-circle\">M<\/div>\r\n              <div class=\"rev-avatar-info\">\r\n                <div class=\"rev-avatar-name\">Moln\u00e1r Tam\u00e1s<\/div>\r\n                <div class=\"rev-avatar-role\">Lak\u00e1stulajdonos<\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Duplik\u00e1ci\u00f3 a v\u00e9gtelen\u00edtett p\u00f6rget\u00e9shez -->\r\n          <div class=\"rev-card\"><div class=\"rev-stars-box\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg><\/div><p class=\"rev-card-text\">\"Gyorsan kij\u00f6ttek, a hiba azonnal meg lett oldva! Profi, tiszta csapat, b\u00e1tran aj\u00e1nlom \u0151ket mindenkinek s\u00fcrg\u0151s esetben is!\"<\/p><div class=\"rev-avatar-flex\"><div class=\"rev-avatar-circle\">K<\/div><div class=\"rev-avatar-info\"><div class=\"rev-avatar-name\">Kov\u00e1cs P\u00e9ter<\/div><div class=\"rev-avatar-role\">Budapesti lakos<\/div><\/div><\/div><\/div>\r\n          <div class=\"rev-card\"><div class=\"rev-stars-box\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg><\/div><p class=\"rev-card-text\">\"\u00daj h\u00e1zunk teljes villamos h\u00e1l\u00f3zat\u00e1t \u00e9p\u00edtett\u00e9k ki. Hib\u00e1tlan munk\u00e1t v\u00e9geztek, tartott\u00e1k az \u00e1rakat \u00e9s nem hagytak romokat maguk ut\u00e1n.\"<\/p><div class=\"rev-avatar-flex\"><div class=\"rev-avatar-circle\">T<\/div><div class=\"rev-avatar-info\"><div class=\"rev-avatar-name\">T\u00f3th Anna<\/div><div class=\"rev-avatar-role\">Csal\u00e1di h\u00e1z tulajdonos<\/div><\/div><\/div><\/div>\r\n          <div class=\"rev-card\"><div class=\"rev-stars-box\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg><\/div><p class=\"rev-card-text\">\"A kismegszak\u00edt\u00f3 folyton lecsap\u00f3dott n\u00e1lunk. \u00c9rthet\u0151en elmagyar\u00e1zt\u00e1k a hib\u00e1t, gyorsan \u00e9s bizonytalans\u00e1gok n\u00e9lk\u00fcl jav\u00edtottak.\"<\/p><div class=\"rev-avatar-flex\"><div class=\"rev-avatar-circle\">M<\/div><div class=\"rev-avatar-info\"><div class=\"rev-avatar-name\">Moln\u00e1r Tam\u00e1s<\/div><div class=\"rev-avatar-role\">Lak\u00e1stulajdonos<\/div><\/div><\/div><\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <!-- 2. HAS\u00c1B (Tableten \u00e9s asztalin l\u00e1tszik) -->\r\n      <div class=\"rev-col rev-col-2\">\r\n        <div class=\"rev-scroll-box\">\r\n          \r\n          <div class=\"rev-card\">\r\n            <div class=\"rev-stars-box\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n            <\/div>\r\n            <p class=\"rev-card-text\">\"Biztos\u00edt\u00e9kt\u00e1bla cser\u00e9re k\u00e9rtem fel \u0151ket egy r\u00e9gi panelben. Minden a megbesz\u00e9ltek szerint zajlott, prec\u00edz \u00e9s tiszta munk\u00e1t hagytak maguk ut\u00e1n.\"<\/p>\r\n            <div class=\"rev-avatar-flex\">\r\n              <div class=\"rev-avatar-circle\">A<\/div>\r\n              <div class=\"rev-avatar-info\">\r\n                <div class=\"rev-avatar-name\">Szab\u00f3 Andr\u00e1s<\/div>\r\n                <div class=\"rev-avatar-role\">Panel tulajdonos<\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"rev-card\">\r\n            <div class=\"rev-stars-box\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n            <\/div>\r\n            <p class=\"rev-card-text\">\"V\u00e9gre egy csapat, aki nem ut\u00f3lag tal\u00e1l ki \u00e1rakat. Minden fill\u00e9rr\u0151l el\u0151re egyeztett\u00fcnk, transzparensen kommunik\u00e1lnak \u00e9s tartj\u00e1k a szavukat.\"<\/p>\r\n            <div class=\"rev-avatar-flex\">\r\n              <div class=\"rev-avatar-circle\">M<\/div>\r\n              <div class=\"rev-avatar-info\">\r\n                <div class=\"rev-avatar-name\">Barta Melinda<\/div>\r\n                <div class=\"rev-avatar-role\">Irodavezet\u0151<\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"rev-card\">\r\n            <div class=\"rev-stars-box\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n            <\/div>\r\n            <p class=\"rev-card-text\">\"Z\u00e1rlatos lett az egyik konnektorunk, ami f\u00fcst\u00f6lt is. Az SOS h\u00edv\u00e1s ut\u00e1n szinte azonnal elindultak \u00e9s elh\u00e1r\u00edtott\u00e1k a vesz\u00e9lyt. Profik!\"<\/p>\r\n            <div class=\"rev-avatar-flex\">\r\n              <div class=\"rev-avatar-circle\">G<\/div>\r\n              <div class=\"rev-avatar-info\">\r\n                <div class=\"rev-avatar-name\">Nagy G\u00e1bor<\/div>\r\n                <div class=\"rev-avatar-role\">C\u00e9gvezet\u0151<\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Duplik\u00e1ci\u00f3 a v\u00e9gtelen\u00edtett p\u00f6rget\u00e9shez -->\r\n          <div class=\"rev-card\"><div class=\"rev-stars-box\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg><\/div><p class=\"rev-card-text\">\"Biztos\u00edt\u00e9kt\u00e1bla cser\u00e9re k\u00e9rtem fel \u0151ket egy r\u00e9gi panelben. Minden a megbesz\u00e9ltek szerint zajlott, prec\u00edz \u00e9s tiszta munk\u00e1t hagytak maguk ut\u00e1n.\"<\/p><div class=\"rev-avatar-flex\"><div class=\"rev-avatar-circle\">A<\/div><div class=\"rev-avatar-info\"><div class=\"rev-avatar-name\">Szab\u00f3 Andr\u00e1s<\/div><div class=\"rev-avatar-role\">Panel tulajdonos<\/div><\/div><\/div><\/div>\r\n          <div class=\"rev-card\"><div class=\"rev-stars-box\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg><\/div><p class=\"rev-card-text\">\"V\u00e9gre egy csapat, aki nem ut\u00f3lag tal\u00e1l ki \u00e1rakat. Minden fill\u00e9rr\u0151l el\u0151re egyeztett\u00fcnk, transzparensen kommunik\u00e1lnak \u00e9s tartj\u00e1k a szavukat.\"<\/p><div class=\"rev-avatar-flex\"><div class=\"rev-avatar-circle\">M<\/div><div class=\"rev-avatar-info\"><div class=\"rev-avatar-name\">Barta Melinda<\/div><div class=\"rev-avatar-role\">Irodavezet\u0151<\/div><\/div><\/div><\/div>\r\n          <div class=\"rev-card\"><div class=\"rev-stars-box\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg><\/div><p class=\"rev-card-text\">\"Z\u00e1rlatos lett az egyik konnektorunk, ami f\u00fcst\u00f6lt is. Az SOS h\u00edv\u00e1s ut\u00e1n szinte azonnal elindultak \u00e9s elh\u00e1r\u00edtott\u00e1k a vesz\u00e9lyt. Profik!\"<\/p><div class=\"rev-avatar-flex\"><div class=\"rev-avatar-circle\">G<\/div><div class=\"rev-avatar-info\"><div class=\"rev-avatar-name\">Nagy G\u00e1bor<\/div><div class=\"rev-avatar-role\">C\u00e9gvezet\u0151<\/div><\/div><\/div><\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <!-- 3. HAS\u00c1B (Csak asztali n\u00e9zetben l\u00e1tszik) -->\r\n      <div class=\"rev-col rev-col-3\">\r\n        <div class=\"rev-scroll-box\">\r\n          \r\n          <div class=\"rev-card\">\r\n            <div class=\"rev-stars-box\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n            <\/div>\r\n            <p class=\"rev-card-text\">\"Teljes h\u00e1l\u00f3zatfel\u00faj\u00edt\u00e1st v\u00e9geztek n\u00e1lunk a lak\u00e1sfel\u00faj\u00edt\u00e1s sor\u00e1n. Pontosak, tartott\u00e1k a hat\u00e1rid\u0151t, \u00e9s minden apr\u00f3 r\u00e9szletre figyeltek.\"<\/p>\r\n            <div class=\"rev-avatar-flex\">\r\n              <div class=\"rev-avatar-circle\">V<\/div>\r\n              <div class=\"rev-avatar-info\">\r\n                <div class=\"rev-avatar-name\">Varga Bal\u00e1zs<\/div>\r\n                <div class=\"rev-avatar-role\">Ingatlantulajdonos<\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"rev-card\">\r\n            <div class=\"rev-stars-box\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n            <\/div>\r\n            <p class=\"rev-card-text\">\"Nemcsak megjav\u00edtott\u00e1k az eloszt\u00f3t, de \u00e1tn\u00e9zt\u00e9k az eg\u00e9sz rendszert, \u00e9s be\u00e9p\u00edtettek egy \u00e9letment\u0151 FI-rel\u00e9t is a biztons\u00e1g\u00e9rt.\"<\/p>\r\n            <div class=\"rev-avatar-flex\">\r\n              <div class=\"rev-avatar-circle\">N<\/div>\r\n              <div class=\"rev-avatar-info\">\r\n                <div class=\"rev-avatar-name\">N\u00e9meth Zs\u00f3fia<\/div>\r\n                <div class=\"rev-avatar-role\">Csal\u00e1danya<\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"rev-card\">\r\n            <div class=\"rev-stars-box\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n            <\/div>\r\n            <p class=\"rev-card-text\">\"Kisebb jav\u00edt\u00e1sokat \u00e9s komolyabb szerel\u00e9seket is v\u00e9geztek m\u00e1r n\u00e1lunk. Mindig pontosak, seg\u00edt\u0151k\u00e9szek \u00e9s rendk\u00edv\u00fcl gyorsak.\"<\/p>\r\n            <div class=\"rev-avatar-flex\">\r\n              <div class=\"rev-avatar-circle\">T<\/div>\r\n              <div class=\"rev-avatar-info\">\r\n                <div class=\"rev-avatar-name\">T\u00f3th M\u00e1rk<\/div>\r\n                <div class=\"rev-avatar-role\">\u00dczlethelyis\u00e9g tulajdonos<\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Duplik\u00e1ci\u00f3 a v\u00e9gtelen\u00edtett p\u00f6rget\u00e9shez -->\r\n          <div class=\"rev-card\"><div class=\"rev-stars-box\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg><\/div><p class=\"rev-card-text\">\"Teljes h\u00e1l\u00f3zatfel\u00faj\u00edt\u00e1st v\u00e9geztek n\u00e1lunk a lak\u00e1sfel\u00faj\u00edt\u00e1s sor\u00e1n. Pontosak, tartott\u00e1k a hat\u00e1rid\u0151t, \u00e9s minden apr\u00f3 r\u00e9szletre figyeltek.\"<\/p><div class=\"rev-avatar-flex\"><div class=\"rev-avatar-circle\">V<\/div><div class=\"rev-avatar-info\"><div class=\"rev-avatar-name\">Varga Bal\u00e1zs<\/div><div class=\"rev-avatar-role\">Ingatlantulajdonos<\/div><\/div><\/div><\/div>\r\n          <div class=\"rev-card\"><div class=\"rev-stars-box\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg><\/div><p class=\"rev-card-text\">\"Nemcsak megjav\u00edtott\u00e1k az eloszt\u00f3t, de \u00e1tn\u00e9zt\u00e9k az eg\u00e9sz rendszert, \u00e9s be\u00e9p\u00edtettek egy \u00e9letment\u0151 FI-rel\u00e9t is a biztons\u00e1g\u00e9rt.\"<\/p><div class=\"rev-avatar-flex\"><div class=\"rev-avatar-circle\">N<\/div><div class=\"rev-avatar-info\"><div class=\"rev-avatar-name\">N\u00e9meth Zs\u00f3fia<\/div><div class=\"rev-avatar-role\">Csal\u00e1danya<\/div><\/div><\/div><\/div>\r\n          <div class=\"rev-card\"><div class=\"rev-stars-box\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg><\/div><p class=\"rev-card-text\">\"Kisebb jav\u00edt\u00e1sokat \u00e9s komolyabb szerel\u00e9seket is v\u00e9geztek m\u00e1r n\u00e1lunk. Mindig pontosak, seg\u00edt\u0151k\u00e9szek \u00e9s rendk\u00edv\u00fcl gyorsak.\"<\/p><div class=\"rev-avatar-flex\"><div class=\"rev-avatar-circle\">T<\/div><div class=\"rev-avatar-info\"><div class=\"rev-avatar-name\">T\u00f3th M\u00e1rk<\/div><div class=\"rev-avatar-role\">\u00dczlethelyis\u00e9g tulajdonos<\/div><\/div><\/div><\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- INTERSECTION OBSERVER ENGINE A L\u00c9PCS\u0150ZETES BET\u00d6LT\u00c9SHEZ -->\r\n<script>\r\n  (function() {\r\n    function initStaggeredAnimation() {\r\n      const sections = document.querySelectorAll('.rev-animate-section:not(.rev-ready)');\r\n      if (typeof IntersectionObserver !== 'undefined' && sections.length > 0) {\r\n        const sectionObserver = new IntersectionObserver((entries) => {\r\n          entries.forEach((entry) => {\r\n            if (entry.isIntersecting) {\r\n              const currentSection = entry.target;\r\n              sectionObserver.unobserve(currentSection);\r\n              const fadeItems = currentSection.querySelectorAll('.rev-fade-item');\r\n              fadeItems.forEach((item, index) => {\r\n                setTimeout(() => {\r\n                  item.classList.add('rev-is-visible');\r\n                }, 100 + (index * 100)); \r\n              });\r\n            }\r\n          });\r\n        }, { threshold: 0.05, rootMargin: '0px 0px -40px 0px' });\r\n        sections.forEach((section) => {\r\n          section.classList.add('rev-ready');\r\n          sectionObserver.observe(section);\r\n        });\r\n      } else {\r\n        document.querySelectorAll('.rev-fade-item').forEach(item => item.classList.add('rev-is-visible'));\r\n      }\r\n    }\r\n    if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', initStaggeredAnimation); }\r\n    else { initStaggeredAnimation(); }\r\n    setTimeout(initStaggeredAnimation, 400);\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-dd1daf7 e-con e-atomic-element e-flexbox-base e-660af95 \" data-id=\"dd1daf7\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"dd1daf7\">\n    \t\t<div class=\"elementor-element elementor-element-ffcabfd elementor-widget elementor-widget-html\" data-id=\"ffcabfd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* --- GARANCIA SZEKCI\u00d3 ALAPOK (PX ALAPON) --- *\/\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@700;800;900&family=Inter:wght@400;500;600;700&display=swap');\r\n\r\n  .arammento-guarantee-section {\r\n    font-family: 'Inter', sans-serif;\r\n    \/* JAV\u00cdT\u00c1S: Sz\u00fcrk\u00e9s-fekete (#151922) h\u00e1tt\u00e9r, finom fels\u0151 s\u00e1rga f\u00e9nybe\u00f6ml\u00e9ssel *\/\r\n    background: \r\n      radial-gradient(circle at 50% 0%, rgba(242, 201, 77, 0.08), transparent 60%),\r\n      #151922; \r\n    padding-top: 80px;\r\n    padding-bottom: 80px;\r\n    border-bottom: 8px solid #f2c94d; \r\n    position: relative;\r\n    width: 100%;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .arammento-guarantee-section h2, \r\n  .arammento-guarantee-section h3,\r\n  .arammento-guarantee-section .font-display {\r\n    font-family: 'Plus Jakarta Sans', sans-serif;\r\n    letter-spacing: -0.5px;\r\n  }\r\n\r\n  .container-gar {\r\n    max-width: 900px; \r\n    margin: 0 auto;\r\n    padding: 0 16px;\r\n    text-align: center; \r\n  }\r\n\r\n  \/* --- K\u00d6Z\u00c9PPONTI PAJZS IKON DOBOZ --- *\/\r\n  .gar-icon-wrapper {\r\n    width: 110px;\r\n    height: 110px;\r\n    background-color: rgba(242, 201, 77, 0.05); \/* Kicsit finomabb a s\u00f6t\u00e9t h\u00e1tt\u00e9ren *\/\r\n    border: 1px solid rgba(242, 201, 77, 0.3);\r\n    border-radius: 9999px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin: 0 auto 28px auto;\r\n    position: relative;\r\n    box-shadow: 0 10px 30px -10px rgba(242, 201, 77, 0.1);\r\n  }\r\n\r\n  .gar-icon-wrapper svg {\r\n    width: 52px;\r\n    height: 52px;\r\n    color: #f2c94d;\r\n  }\r\n\r\n  .gar-badge-tag {\r\n    position: absolute;\r\n    top: -6px;\r\n    right: -16px;\r\n    background-color: #f2c94d;\r\n    color: #0f172a;\r\n    font-family: 'Plus Jakarta Sans', sans-serif;\r\n    font-weight: 900;\r\n    font-size: 10px;\r\n    padding: 4px 10px;\r\n    border-radius: 9999px;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    box-shadow: 0 4px 10px rgba(0,0,0,0.3);\r\n    transform: rotate(10deg);\r\n  }\r\n\r\n  \/* --- TIPOGR\u00c1FIA \u00c9S SZIGOR\u00da MOBIL M\u00c9RETEK --- *\/\r\n  .gar-title {\r\n    font-size: 26px; \/* SZIGOR\u00daAN 26px mobilon *\/\r\n    font-weight: 900;\r\n    color: #ffffff; \/* JAV\u00cdT\u00c1S: Feh\u00e9r sz\u00f6vegsz\u00edn a s\u00f6t\u00e9t h\u00e1tt\u00e9rhez *\/\r\n    margin-top: 0;\r\n    margin-bottom: 24px;\r\n    line-height: 34px;\r\n    max-width: 780px;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n  }\r\n\r\n  .gar-desc {\r\n    font-size: 14px; \/* SZIGOR\u00daAN 14px mobilon *\/\r\n    line-height: 24px;\r\n    color: #94a3b8; \/* JAV\u00cdT\u00c1S: Vil\u00e1gossz\u00fcrke le\u00edr\u00e1s sz\u00f6veg *\/\r\n    max-width: 720px;\r\n    margin: 0 auto 40px auto;\r\n    font-weight: 500;\r\n  }\r\n\r\n  @media (min-width: 768px) {\r\n    .gar-title { font-size: 38px; line-height: 46px; }\r\n    .gar-desc { font-size: 17px; line-height: 28px; }\r\n  }\r\n\r\n  \/* --- K\u00d6Z\u00c9PRE IGAZ\u00cdTOTT LISTA SZERKEZET --- *\/\r\n  .gar-list-container {\r\n    max-width: 640px;\r\n    margin: 0 auto 44px auto;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 16px;\r\n    text-align: left; \r\n    padding: 0 12px;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .gar-list-item {\r\n    display: flex;\r\n    gap: 12px;\r\n    align-items: center;\r\n    background-color: rgba(255, 255, 255, 0.03); \/* JAV\u00cdT\u00c1S: Eleg\u00e1ns, f\u00e9lig \u00e1tl\u00e1tsz\u00f3 h\u00e1tt\u00e9r *\/\r\n    border: 1px solid rgba(255, 255, 255, 0.08); \/* JAV\u00cdT\u00c1S: Finom vil\u00e1gos keret *\/\r\n    padding: 14px 20px;\r\n    border-radius: 14px;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .gar-list-item svg {\r\n    width: 18px;\r\n    height: 18px;\r\n    color: #f2c94d;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .gar-list-text {\r\n    font-size: 14px; \/* SZIGOR\u00daAN 14px *\/\r\n    font-weight: 700;\r\n    color: #ffffff; \/* JAV\u00cdT\u00c1S: Feh\u00e9r sz\u00f6vegsz\u00edn *\/\r\n    line-height: 1.4;\r\n  }\r\n\r\n  \/* --- ALS\u00d3 KIEMELT DOBOZ DESIGN --- *\/\r\n  .gar-highlight-box {\r\n    background-color: rgba(242, 201, 77, 0.08); \/* JAV\u00cdT\u00c1S: Finom s\u00e1rg\u00e1s \u00e1tl\u00e1tsz\u00f3 h\u00e1tt\u00e9r *\/\r\n    border: 1px solid rgba(242, 201, 77, 0.2); \r\n    padding: 16px 28px;\r\n    border-radius: 14px;\r\n    display: inline-block;\r\n    max-width: 100%;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .gar-highlight-text {\r\n    font-size: 14px; \/* SZIGOR\u00daAN 14px mobilon *\/\r\n    font-weight: 700;\r\n    color: #ffffff; \/* JAV\u00cdT\u00c1S: Feh\u00e9r bels\u0151 sz\u00f6veg *\/\r\n    margin: 0;\r\n    line-height: 22px;\r\n  }\r\n\r\n  .text-brand-primary {\r\n    color: #f2c94d; \/* Ragyog\u00f3 s\u00e1rga a s\u00f6t\u00e9t h\u00e1tt\u00e9ren *\/\r\n  }\r\n\r\n  @media (min-width: 768px) {\r\n    .gar-highlight-text { font-size: 18px; }\r\n  }\r\n\r\n  \/* --- JAV\u00cdTOTT JAVASCRIPT ANIM\u00c1CI\u00d3S ST\u00cdLUSOK --- *\/\r\n  .arammento-guarantee-section .gar-fade-item {\r\n    opacity: 0;\r\n    transform: translateY(14px);\r\n    transition: opacity 400ms ease, transform 400ms ease;\r\n    will-change: opacity, transform;\r\n  }\r\n\r\n  .arammento-guarantee-section .gar-fade-item.gar-is-visible {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n<\/style>\r\n\r\n<section class=\"arammento-guarantee-section gar-animate-section\" id=\"garancia\">\r\n  <div class=\"container-gar\">\r\n    \r\n    <div class=\"gar-fade-item\">\r\n      <div class=\"gar-icon-wrapper\">\r\n        <div class=\"gar-badge-tag\">Garancia<\/div>\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\r\n      <\/div>\r\n    <\/div>\r\n    \r\n    <h2 class=\"gar-title gar-fade-item\">\r\n      A c\u00e9l nem az, hogy egyszer kij\u00f6jj\u00fcnk. Hanem hogy ut\u00e1na ne legyen gondod vele.\r\n    <\/h2>\r\n    \r\n    <p class=\"gar-desc gar-fade-item\">\r\n      Villanyszerel\u00e9sn\u00e9l nincs helye f\u00e9lmegold\u00e1soknak. A hib\u00e1t nem csak \u201eelt\u00fcntetni\u201d kell, hanem meg kell \u00e9rteni, mi okozta, \u00e9s biztons\u00e1gosan kell elh\u00e1r\u00edtani.\r\n    <\/p>\r\n    \r\n    <div class=\"gar-list-container gar-fade-item\">\r\n      \r\n      <div class=\"gar-list-item\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\r\n        <span class=\"gar-list-text\">Felm\u00e9rj\u00fck a probl\u00e9m\u00e1t<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"gar-list-item\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\r\n        <span class=\"gar-list-text\">\u00c9rthet\u0151en elmondjuk a megold\u00e1si lehet\u0151s\u00e9geket<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"gar-list-item\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\r\n        <span class=\"gar-list-text\">El\u0151re egyeztetj\u00fck a v\u00e1rhat\u00f3 k\u00f6lts\u00e9geket<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"gar-list-item\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\r\n        <span class=\"gar-list-text\">Szakszer\u0171en v\u00e9gezz\u00fck el a munk\u00e1t<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"gar-list-item\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\r\n        <span class=\"gar-list-text\">Csak biztons\u00e1gos megold\u00e1st adunk \u00e1t<\/span>\r\n      <\/div>\r\n\r\n    <\/div>\r\n    \r\n    <div class=\"gar-highlight-box gar-fade-item\">\r\n      <p class=\"gar-highlight-text\">\r\n        <span class=\"text-brand-primary\">Az \u00e1rammal nem \u00e9rdemes k\u00eds\u00e9rletezni.<\/span> B\u00edzd szakemberre.\r\n      <\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  (function() {\r\n    function initGaranciaAnimation() {\r\n      const sections = document.querySelectorAll('.gar-animate-section:not(.gar-ready)');\r\n      if (typeof IntersectionObserver !== 'undefined' && sections.length > 0) {\r\n        const sectionObserver = new IntersectionObserver((entries) => {\r\n          entries.forEach((entry) => {\r\n            if (entry.isIntersecting) {\r\n              const currentSection = entry.target;\r\n              sectionObserver.unobserve(currentSection);\r\n              const fadeItems = currentSection.querySelectorAll('.gar-fade-item');\r\n              fadeItems.forEach((item, index) => {\r\n                setTimeout(() => {\r\n                  item.classList.add('gar-is-visible');\r\n                }, 100 + (index * 100)); \r\n              });\r\n            }\r\n          });\r\n        }, { threshold: 0.05, rootMargin: '0px 0px -40px 0px' });\r\n        sections.forEach((section) => {\r\n          section.classList.add('gar-ready');\r\n          sectionObserver.observe(section);\r\n        });\r\n      } else {\r\n        document.querySelectorAll('.gar-fade-item').forEach(item => item.classList.add('gar-is-visible'));\r\n      }\r\n    }\r\n    if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', initGaranciaAnimation); }\r\n    else { initGaranciaAnimation(); }\r\n    setTimeout(initGaranciaAnimation, 400);\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-6a2d315 e-con e-atomic-element e-flexbox-base e-c011b5b \" data-id=\"6a2d315\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"6a2d315\">\n    \t\t<div class=\"elementor-element elementor-element-a94cde3 elementor-widget elementor-widget-html\" data-id=\"a94cde3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* --- FOLYAMAT SZEKCI\u00d3 ALAPOK (PX ALAPON) --- *\/\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@700;800;900&family=Inter:wght@400;500;600;700&display=swap');\r\n\r\n  .arammento-process-section {\r\n    font-family: 'Inter', sans-serif;\r\n    background: #ffffff;\r\n    padding-top: 60px;\r\n    padding-bottom: 60px;\r\n    width: 100%;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  \/* Finom s\u00e1rg\u00e1s dekor\u00e1ci\u00f3s k\u00f6r a h\u00e1tt\u00e9rben a 2. k\u00f3d mint\u00e1j\u00e1ra *\/\r\n  .arammento-process-section::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -120px;\r\n    right: -120px;\r\n    width: 420px;\r\n    height: 420px;\r\n    border-radius: 50%;\r\n    background: rgba(242, 201, 77, 0.05);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .proc-container {\r\n    max-width: 1180px;\r\n    margin: 0 auto;\r\n    padding: 0 16px;\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  .proc-hdr {\r\n    text-align: center;\r\n    margin-bottom: 52px;\r\n  }\r\n\r\n  \/* --- BADGE ST\u00cdLUS --- *\/\r\n  .proc-pill {\r\n    display: inline-block;\r\n    background: #f0f2f5;\r\n    color: #64748b;\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.1em;\r\n    text-transform: uppercase;\r\n    padding: 6px 18px;\r\n    border-radius: 30px;\r\n    border: 1px solid #e2e8f0;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  \/* --- C\u00cdMEK \u00c9S LE\u00cdR\u00c1SOK SZIGOR\u00da M\u00c9RETEI --- *\/\r\n  .proc-title {\r\n    font-family: 'Plus Jakarta Sans', sans-serif;\r\n    font-size: 26px; \/* SZIGOR\u00daAN 26px mobilon *\/\r\n    font-weight: 900;\r\n    color: #1a1c1e;\r\n    line-height: 34px;\r\n    margin-bottom: 16px;\r\n    letter-spacing: -0.8px;\r\n  }\r\n\r\n  .proc-sub {\r\n    font-size: 14px; \/* SZIGOR\u00daAN 14px mobilon *\/\r\n    color: #64748b;\r\n    line-height: 22px;\r\n    max-width: 520px;\r\n    margin: 0 auto;\r\n    font-weight: 500;\r\n  }\r\n\r\n  @media (min-width: 768px) {\r\n    .proc-title { font-size: 42px; line-height: 50px; }\r\n    .proc-sub { font-size: 16px; line-height: 26px; }\r\n  }\r\n\r\n  \/* --- FOLYAMAT L\u00c9P\u00c9SEK R\u00c1CSA (4 HAS\u00c1B) --- *\/\r\n  .proc-steps-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr;\r\n    gap: 32px;\r\n    position: relative;\r\n    margin-bottom: 52px;\r\n  }\r\n\r\n  \/* \u00d6sszek\u00f6t\u0151 vonal asztali n\u00e9zetben *\/\r\n  @media (min-width: 1024px) {\r\n    .proc-steps-grid {\r\n      grid-template-columns: repeat(4, 1fr);\r\n      gap: 0;\r\n    }\r\n    .proc-steps-grid::after {\r\n      content: '';\r\n      position: absolute;\r\n      top: 31px;\r\n      left: 12.5%;\r\n      right: 12.5%;\r\n      height: 2px;\r\n      background: linear-gradient(90deg, transparent, rgba(242, 201, 77, 0.4) 15%, rgba(242, 201, 77, 0.4) 85%, transparent);\r\n      z-index: 0;\r\n      pointer-events: none;\r\n    }\r\n  }\r\n\r\n  .proc-step-item {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    text-align: center;\r\n    padding: 0 16px;\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  \/* Sz\u00e1mozott s\u00e1rga k\u00f6r\u00f6k *\/\r\n  .proc-circle {\r\n    width: 64px;\r\n    height: 64px;\r\n    border-radius: 50%;\r\n    background: #FFFFFF;\r\n    border: 3px solid #f2c94d; \/* S\u00e1rga gy\u0171r\u0171 *\/\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 18px;\r\n    position: relative;\r\n    box-shadow: 0 4px 10px rgba(0,0,0,0.02);\r\n  }\r\n\r\n  .proc-circle::after {\r\n    content: '';\r\n    position: absolute;\r\n    inset: -7px;\r\n    border-radius: 50%;\r\n    border: 1px solid rgba(242, 201, 77, 0.25);\r\n  }\r\n\r\n  .proc-circle span {\r\n    font-family: 'Plus Jakarta Sans', sans-serif;\r\n    font-size: 20px;\r\n    font-weight: 900;\r\n    color: #0f172a;\r\n  }\r\n\r\n  .proc-tag {\r\n    display: inline-block;\r\n    background: #f8fafc;\r\n    color: #475569;\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    padding: 4px 12px;\r\n    border-radius: 20px;\r\n    border: 1px solid #e2e8f0;\r\n    margin-bottom: 14px;\r\n  }\r\n\r\n  .proc-stitle {\r\n    font-family: 'Plus Jakarta Sans', sans-serif;\r\n    font-size: 16px;\r\n    font-weight: 800;\r\n    color: #1a1c1e;\r\n    margin-bottom: 10px;\r\n    line-height: 1.35;\r\n  }\r\n\r\n  .proc-sdesc {\r\n    font-size: 14px; \/* SZIGOR\u00daAN 14px le\u00edr\u00e1s *\/\r\n    color: #64748b;\r\n    line-height: 22px;\r\n    font-weight: 500;\r\n  }\r\n\r\n  .proc-cta-row {\r\n    text-align: center;\r\n    padding: 0 8px;\r\n  }\r\n\r\n  \/* --- \u00daJ JAV\u00cdT\u00c1S: S\u00c1RGA H\u00c1TT\u00c9R\u0170, FEKETE SZ\u00d6VEGES CTA GOMB (14PX MOBILON) --- *\/\r\n  .proc-btn-yellow {\r\n    display: inline-flex !important;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background-color: #f2c94d !important; \/* S\u00e1rga gomb *\/\r\n    color: #0f172a !important; \/* Fekete sz\u00f6veg *\/\r\n    font-weight: 700 !important;\r\n    font-size: 14px !important; \/* SZIGOR\u00daAN 14px gomsz\u00f6veg *\/\r\n    padding: 16px 36px !important;\r\n    border-radius: 12px !important;\r\n    text-decoration: none !important;\r\n    border: none !important;\r\n    transition: background-color 0.2s ease, transform 0.2s ease !important;\r\n    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05);\r\n    width: 100%; \/* Mobilon teljes sz\u00e9less\u00e9g *\/\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  @media (min-width: 640px) {\r\n    .proc-btn-yellow {\r\n      width: auto; \/* Asztalin vissza\u00e1ll norm\u00e1l m\u00e9retre *\/\r\n      font-size: 16px !important;\r\n    }\r\n  }\r\n\r\n  .proc-btn-yellow:hover {\r\n    background-color: #e0b83d !important;\r\n    transform: translateY(-2px) !important;\r\n    box-shadow: 0 10px 15px -3px rgba(0,0,0,0.08);\r\n  }\r\n\r\n  \/* Reszponz\u00edv r\u00e1cs tabletre *\/\r\n  @media(max-width: 1023px) {\r\n    .proc-steps-grid {\r\n      grid-template-columns: repeat(2, 1fr);\r\n      gap: 48px 24px;\r\n    }\r\n  }\r\n\r\n  \/* Reszponz\u00edv r\u00e1cs mobilra *\/\r\n  @media(max-width: 639px) {\r\n    .proc-steps-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 40px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"arammento-process-section\">\r\n  <div class=\"proc-container\">\r\n    \r\n    <!-- K\u00f6z\u00e9pre z\u00e1rt szekci\u00f3 fejl\u00e9c -->\r\n    <div class=\"proc-hdr\">\r\n      <span class=\"proc-pill\">Folyamat<\/span>\r\n      <h2 class=\"proc-title\">\u00cdgy m\u0171k\u00f6dik az egy\u00fcttm\u0171k\u00f6d\u00e9s<\/h2>\r\n      <p class=\"proc-sub\">A kapcsolatfelv\u00e9telt\u0151l a szakszer\u0171 megold\u00e1sig \u2014 \u00e1tl\u00e1that\u00f3an, l\u00e9p\u00e9sr\u0151l l\u00e9p\u00e9sre.<\/p>\r\n    <\/div>\r\n    \r\n    <!-- Az 5 l\u00e9p\u00e9sb\u0151l \u00f6sszef\u00e9s\u00fclt 4 l\u00e9p\u00e9ses r\u00e1cs -->\r\n    <div class=\"proc-steps-grid\">\r\n      \r\n      <!-- 1. L\u00c9P\u00c9S (\u00d6sszevont 1. \u00e9s 2. pont) -->\r\n      <div class=\"proc-step-item\">\r\n        <div class=\"proc-circle\"><span>01<\/span><\/div>\r\n        <span class=\"proc-tag\">Gyors ind\u00edt\u00e1s<\/span>\r\n        <div class=\"proc-stitle\">Kapcsolat &amp; Felm\u00e9r\u00e9s<\/div>\r\n        <div class=\"proc-sdesc\">Telefonon vagy az \u0171rlapon kereszt\u00fcl jelzed a hib\u00e1t. R\u00f6viden \u00e1tbesz\u00e9lj\u00fck a r\u00e9szleteket: helysz\u00edn, probl\u00e9ma jellege \u00e9s s\u00fcrg\u0151ss\u00e9ge.<\/div>\r\n      <\/div>\r\n      \r\n      <!-- 2. L\u00c9P\u00c9S (Eredeti 3. pont) -->\r\n      <div class=\"proc-step-item\">\r\n        <div class=\"proc-circle\"><span>02<\/span><\/div>\r\n        <span class=\"proc-tag\">Rugalmas<\/span>\r\n        <div class=\"proc-stitle\">K\u00f6vetkez\u0151 L\u00e9p\u00e9s<\/div>\r\n        <div class=\"proc-sdesc\">S\u00fcrg\u0151s hiba eset\u00e9n a lehet\u0151 leggyorsabb kisz\u00e1ll\u00e1sra t\u00f6reksz\u00fcnk. Nagyobb volumen\u0171 munk\u00e1kn\u00e1l felm\u00e9r\u00e9st k\u00f6vet\u0151en pontos aj\u00e1nlatot adunk.<\/div>\r\n      <\/div>\r\n      \r\n      <!-- 3. L\u00c9P\u00c9S (Eredeti 4. pont) -->\r\n      <div class=\"proc-step-item\">\r\n        <div class=\"proc-circle\"><span>03<\/span><\/div>\r\n        <span class=\"proc-tag\">Biztons\u00e1gos<\/span>\r\n        <div class=\"proc-stitle\">Szakszer\u0171 Munkav\u00e9gz\u00e9s<\/div>\r\n        <div class=\"proc-sdesc\">A villanyszerel\u00e9si feladatot maxim\u00e1lis szak\u00e9rtelemmel, a biztons\u00e1gi el\u0151\u00edr\u00e1sokat szigor\u00faan betartva, az el\u0151re egyeztetettek szerint v\u00e9gezz\u00fck el.<\/div>\r\n      <\/div>\r\n      \r\n      <!-- 4. L\u00c9P\u00c9S (Eredeti 5. pont) -->\r\n      <div class=\"proc-step-item\">\r\n        <div class=\"proc-circle\"><span>04<\/span><\/div>\r\n        <span class=\"proc-tag\">Hossz\u00fa t\u00e1v\u00fa<\/span>\r\n        <div class=\"proc-stitle\">\u00c1tad\u00e1s &amp; Tan\u00e1csad\u00e1s<\/div>\r\n        <div class=\"proc-sdesc\">Nemcsak lez\u00e1rjuk a munk\u00e1t, hanem pontosan elmondjuk, mire \u00e9rdemes figyelned a j\u00f6v\u0151ben, hogy a h\u00e1l\u00f3zatod mindig stabil \u00e9s vesz\u00e9lytelen maradjon.<\/div>\r\n      <\/div>\r\n      \r\n    <\/div>\r\n    \r\n    <!-- Als\u00f3 S\u00e1rga CTA gomb -->\r\n    <div class=\"proc-cta-row\">\r\n      <a href=\"#kapcsolat\" class=\"proc-btn-yellow\">Elind\u00edtom az egyeztet\u00e9st<\/a>\r\n    <\/div>\r\n    \r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-35cc0db e-con e-atomic-element e-flexbox-base e-9529f81 \" data-id=\"35cc0db\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"35cc0db\">\n    \t\t<div class=\"elementor-element elementor-element-6bed526 elementor-widget elementor-widget-html\" data-id=\"6bed526\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* --- K\u00d6Z\u00d6S TIPOGR\u00c1FIA ALAPOK (PX ALAPON) --- *\/\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@700;800;900&family=Inter:wght@400;500;600;700&display=swap');\r\n\r\n  .arammento-meta-section, .arammento-conv-section {\r\n    font-family: 'Inter', sans-serif;\r\n    width: 100%;\r\n    position: relative;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .arammento-meta-section h2, .arammento-conv-section h2,\r\n  .arammento-meta-section .font-display, .arammento-conv-section .font-display {\r\n    font-family: 'Plus Jakarta Sans', sans-serif;\r\n    letter-spacing: -0.5px;\r\n  }\r\n\r\n  .container-meta, .container-conv {\r\n    max-width: 900px;\r\n    margin: 0 auto;\r\n    padding: 0 16px;\r\n    text-align: center; \/* Glob\u00e1lis k\u00f6z\u00e9pre igaz\u00edt\u00e1s mobilon *\/\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* -------------------------------------------------------------\r\n     1. META AD SZEKCI\u00d3 (VIL\u00c1GOS H\u00c1TT\u00c9R)\r\n     ------------------------------------------------------------- *\/\r\n  .arammento-meta-section {\r\n    background-color: #ffffff;\r\n    padding-top: 60px;\r\n    padding-bottom: 60px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .meta-title {\r\n    font-size: 26px; \/* SZIGOR\u00daAN 26px mobilon *\/\r\n    font-weight: 900;\r\n    color: #1a1c1e;\r\n    line-height: 34px;\r\n    margin-top: 0;\r\n    margin-bottom: 32px;\r\n  }\r\n\r\n  .meta-title span {\r\n    color: #e0b83d; \/* M\u00e1rkas\u00e1rga kiemel\u00e9s *\/\r\n  }\r\n\r\n  .meta-desc-wrap {\r\n    font-size: 14px; \/* SZIGOR\u00daAN 14px mobilon *\/\r\n    color: #64748b;\r\n    line-height: 22px;\r\n    font-weight: 500;\r\n  }\r\n\r\n  \/* Probl\u00e9ma lista elemei *\/\r\n  .meta-problem-list {\r\n    font-weight: 800;\r\n    color: #1e293b;\r\n    margin: 24px 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 8px;\r\n  }\r\n\r\n  .meta-problem-list p {\r\n    margin: 0;\r\n    font-size: 14px; \/* SZIGOR\u00daAN 14px *\/\r\n  }\r\n\r\n  .meta-highlight-text {\r\n    font-size: 16px;\r\n    font-weight: 900;\r\n    color: #0f172a;\r\n    margin-top: 24px;\r\n    line-height: 24px;\r\n  }\r\n\r\n  @media (min-width: 768px) {\r\n    .meta-title { font-size: 44px; line-height: 52px; max-width: 820px; margin-left: auto; margin-right: auto; }\r\n    .meta-desc-wrap { font-size: 18px; line-height: 26px; }\r\n    .meta-problem-list p { font-size: 18px; }\r\n    .meta-highlight-text { font-size: 22px; line-height: 30px; }\r\n  }\r\n\r\n  \/* S\u00e1rga CTA Gomb (Falt\u00f3l-falig mobilon) *\/\r\n  .meta-btn-wrapper {\r\n    padding: 0 8px;\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n    margin-top: 40px;\r\n  }\r\n\r\n  .meta-btn-yellow {\r\n    background-color: #f2c94d;\r\n    color: #0f172a;\r\n    padding: 16px 32px;\r\n    border-radius: 12px;\r\n    font-weight: 700;\r\n    font-size: 14px; \/* SZIGOR\u00daAN 14px gomsz\u00f6veg *\/\r\n    text-decoration: none;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    transition: all 0.3s ease;\r\n    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05);\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  @media (min-width: 640px) {\r\n    .meta-btn-wrapper { width: auto; display: inline-block; }\r\n    .meta-btn-yellow { width: auto; padding: 20px 40px; font-size: 16px; }\r\n  }\r\n\r\n  .meta-btn-yellow:hover {\r\n    background-color: #e0b83d;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 10px 15px -3px rgba(0,0,0,0.08);\r\n  }\r\n\r\n  .meta-btn-yellow svg {\r\n    width: 16px;\r\n    height: 16px;\r\n  }\r\n\r\n  \/* -------------------------------------------------------------\r\n     2. CONVERSION SZEKCI\u00d3 (PR\u00c9MIUM S\u00d6T\u00c9T H\u00c1TT\u00c9R K\u00c9PPEL)\r\n     ------------------------------------------------------------- *\/\r\n  .arammento-conv-section {\r\n    background-color: #151922; \/* Sz\u00fcrk\u00e9s eleg\u00e1ns s\u00f6t\u00e9t sz\u00edn cser\u00e9lve *\/\r\n    padding-top: 80px;\r\n    padding-bottom: 80px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  \/* Abszol\u00fat h\u00e1tt\u00e9rk\u00e9p mix-blend-overlay be\u00e1ll\u00edt\u00e1ssal *\/\r\n  .conv-bg-image {\r\n    position: absolute;\r\n    inset: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    opacity: 0.08; \/* Finom h\u00e1tt\u00e9rhat\u00e1s, hogy ne zavarja a sz\u00f6veget *\/\r\n    mix-blend-mode: overlay;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .container-conv {\r\n    max-width: 960px;\r\n    position: relative;\r\n    z-index: 10;\r\n  }\r\n\r\n  \/* Fels\u0151 kis badge plecsni *\/\r\n  .conv-badge-tag {\r\n    background-color: rgba(242, 201, 77, 0.15);\r\n    color: #f2c94d;\r\n    font-family: 'Plus Jakarta Sans', sans-serif;\r\n    font-weight: 700;\r\n    font-size: 11px;\r\n    padding: 6px 16px;\r\n    border-radius: 9999px;\r\n    display: inline-block;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1.5px;\r\n    margin-bottom: 24px;\r\n  }\r\n\r\n  .conv-title {\r\n    font-size: 26px; \/* SZIGOR\u00daAN 26px mobilon *\/\r\n    font-weight: 900;\r\n    color: #ffffff;\r\n    line-height: 34px;\r\n    margin-top: 0;\r\n    margin-bottom: 24px;\r\n  }\r\n\r\n  .conv-title span {\r\n    color: #f2c94d;\r\n  }\r\n\r\n  .conv-desc {\r\n    font-size: 14px; \/* SZIGOR\u00daAN 14px mobilon *\/\r\n    color: #cbd5e1; \/* slate-300 *\/\r\n    line-height: 24px;\r\n    font-weight: 500;\r\n    max-width: 740px;\r\n    margin: 0 auto 44px auto;\r\n  }\r\n\r\n  @media (min-width: 768px) {\r\n    .conv-title { font-size: 48px; line-height: 56px; }\r\n    .conv-desc { font-size: 18px; line-height: 28px; }\r\n  }\r\n\r\n  \/* CTA Elrendez\u00e9s: mobilon egym\u00e1s alatt, asztalin egym\u00e1s mellett *\/\r\n  .conv-cta-action-row {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 24px;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 100%;\r\n  }\r\n\r\n  @media (min-width: 640px) {\r\n    .conv-cta-action-row {\r\n      flex-direction: row;\r\n      gap: 40px;\r\n    }\r\n  }\r\n\r\n  .conv-btn-wrapper {\r\n    padding: 0 8px;\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n  }\r\n\r\n  .conv-btn-primary {\r\n    background-color: #f2c94d;\r\n    color: #0f172a;\r\n    padding: 18px 36px;\r\n    border-radius: 12px;\r\n    font-weight: 700;\r\n    font-size: 14px; \/* SZIGOR\u00daAN 14px gomsz\u00f6veg *\/\r\n    text-decoration: none;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: all 0.3s ease;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n    box-shadow: 0 4px 12px rgba(242, 201, 77, 0.1);\r\n  }\r\n\r\n  @media (min-width: 640px) {\r\n    .conv-btn-wrapper { width: auto; padding: 0; }\r\n    .conv-btn-primary { width: auto; padding: 20px 40px; font-size: 16px; }\r\n  }\r\n\r\n  .conv-btn-primary:hover {\r\n    background-color: #e0b83d;\r\n    transform: translateY(-1px);\r\n  }\r\n\r\n  \/* Jobb oldali telefonos blokk *\/\r\n  .conv-phone-box {\r\n    display: flex;\r\n    flex-direction: column;\r\n    text-align: center;\r\n  }\r\n\r\n  @media (min-width: 640px) {\r\n    .conv-phone-box { text-align: left; }\r\n  }\r\n\r\n  .conv-phone-label {\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    color: #94a3b8;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    margin-bottom: 4px;\r\n  }\r\n\r\n  .conv-phone-link {\r\n    font-family: 'Plus Jakarta Sans', sans-serif;\r\n    font-size: 20px;\r\n    font-weight: 900;\r\n    color: #ffffff;\r\n    text-decoration: none;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    transition: color 0.2s ease;\r\n  }\r\n\r\n  @media (min-width: 640px) {\r\n    .conv-phone-link { font-size: 24px; justify-content: flex-start; }\r\n  }\r\n\r\n  .conv-phone-link:hover {\r\n    color: #f2c94d;\r\n  }\r\n\r\n  .conv-phone-link svg {\r\n    width: 20px;\r\n    height: 20px;\r\n    color: #f2c94d;\r\n  }\r\n<\/style>\r\n\r\n<section class=\"arammento-meta-section\">\r\n  <div class=\"container-meta\">\r\n    \r\n    <h2 class=\"meta-title\">\r\n      Most az\u00e9rt vagy itt, mert valamit m\u00e1r <span>nem \u00e9rdemes tov\u00e1bb halogatni<\/span>.\r\n    <\/h2>\r\n    \r\n    <div class=\"meta-desc-wrap\">\r\n      <p>Lehet, hogy csak egy apr\u00f3 hib\u00e1nak t\u0171nik.<\/p>\r\n      \r\n      <div class=\"meta-problem-list\">\r\n        <p>Egy lecsap\u00f3d\u00f3 biztos\u00edt\u00e9k.<\/p>\r\n        <p>Egy meleged\u0151 konnektor.<\/p>\r\n        <p>Egy villog\u00f3 l\u00e1mpa.<\/p>\r\n        <p>Egy r\u00e9gi biztos\u00edt\u00e9kt\u00e1bla.<\/p>\r\n        <p>Egy fel\u00faj\u00edt\u00e1s el\u0151tt \u00e1ll\u00f3 lak\u00e1s.<\/p>\r\n      <\/div>\r\n      \r\n      <p>But az elektromos hib\u00e1k <strong style=\"color: #0f172a; font-weight: 700;\">ritk\u00e1n old\u00f3dnak meg magukt\u00f3l<\/strong>.<\/p>\r\n      <p class=\"meta-highlight-text\">A k\u00e9rd\u00e9s nem az, hogy kell-e vele foglalkozni. Hanem az, hogy mikor.<\/p>\r\n    <\/div>\r\n    \r\n    <div class=\"meta-btn-wrapper\">\r\n      <a href=\"#kapcsolat\" class=\"meta-btn-yellow\">\r\n        K\u00e9rek visszah\u00edv\u00e1st\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"arammento-conv-section\">\r\n  <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1497366216548-37526070297c?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80\" alt=\"Irodai vil\u00e1g\u00edt\u00e1s h\u00e1tt\u00e9r\" class=\"conv-bg-image\" \/>\r\n  \r\n  <div class=\"container-conv\">\r\n    \r\n    <div class=\"conv-badge-tag\">Biztons\u00e1g mindekel\u0151tt<\/div>\r\n    \r\n    <h2 class=\"conv-title\">\r\n      Ne akkor keress villanyszerel\u0151t, <br class=\"hidden-mobile\" style=\"display:none;\" \/>\r\n      <span>amikor m\u00e1r nagy a baj.<\/span>\r\n    <\/h2>\r\n    \r\n    <p class=\"conv-desc\">\r\n      Ha most is bizonytalan vagy, hogy biztons\u00e1gos-e az elektromos h\u00e1l\u00f3zatod, k\u00e9rj seg\u00edts\u00e9get. Egy gyors egyeztet\u00e9s ut\u00e1n kider\u00fcl, mi a k\u00f6vetkez\u0151 l\u00e9p\u00e9s: hibaelh\u00e1r\u00edt\u00e1s, felm\u00e9r\u00e9s, jav\u00edt\u00e1s vagy teljes fel\u00faj\u00edt\u00e1s.\r\n    <\/p>\r\n\r\n    <div class=\"conv-cta-action-row\">\r\n      \r\n      <div class=\"conv-btn-wrapper\">\r\n        <a href=\"#kapcsolat\" class=\"conv-btn-primary\">\r\n          Besz\u00e9lj\u00fcnk a probl\u00e9m\u00e1r\u00f3l\r\n        <\/a>\r\n      <\/div>\r\n      \r\n      <div class=\"conv-phone-box\">\r\n        <span class=\"conv-phone-label\">Gyorsabb, ha telefon\u00e1lsz:<\/span>\r\n        <a href=\"tel:+36303944526\" class=\"conv-phone-link\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 .7 2.81a2 2 0 0 1 22 16.92z\"\/><\/svg>\r\n          +36 30 394 4526\r\n        <\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n    \r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-14f413b e-con e-atomic-element e-flexbox-base e-feab038 \" data-id=\"14f413b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"14f413b\">\n    \t\t<div class=\"elementor-element elementor-element-f6607bf elementor-widget elementor-widget-shortcode\" data-id=\"f6607bf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style>\n  \/* F\u0151 szekci\u00f3 s\u00f6t\u00e9t h\u00e1ttere *\/\n  .cc-section {\n    background-color: #151922; \/* M\u00e9ly, eleg\u00e1ns s\u00f6t\u00e9t sz\u00edn, nem sz\u00fcrke *\/\n    padding: 5rem 1.5rem;\n    font-family: 'Plus Jakarta Sans', system-ui, sans-serif;\n  }\n  \n  .cc-container {\n    max-width: 1140px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: 1fr 1.1fr; \/* Jobb oldal (\u0171rlap) picit sz\u00e9lesebb *\/\n    gap: 4rem;\n    align-items: start; \/* Hogy fel\u00fclre igazodjon a k\u00e9t oszlop *\/\n  }\n  \n  @media (max-width: 960px) {\n    .cc-container {\n      grid-template-columns: 1fr;\n      gap: 3rem;\n    }\n  }\n\n  \/* --- BAL OLDAL --- *\/\n  .cc-eyebrow {\n    color: #f0c514;\n    font-size: 0.75rem;\n    font-weight: 800;\n    text-transform: uppercase;\n    letter-spacing: 0.1em;\n    margin-bottom: 1rem;\n    display: block;\n  }\n  \n  \/* Kisebb, ar\u00e1nyosabb c\u00edmsor *\/\n  .cc-heading {\n    font-size: clamp(2rem, 3.5vw, 2.5rem); \n    font-weight: 900;\n    color: #ffffff;\n    line-height: 1.15;\n    margin: 0 0 1rem 0;\n    letter-spacing: -0.02em;\n  }\n  \n  \/* Kisebb, finomabb le\u00edr\u00e1s *\/\n  .cc-desc {\n    font-size: 0.9375rem;\n    color: #94a3b8;\n    line-height: 1.6;\n    margin-bottom: 2.5rem;\n    max-width: 420px;\n  }\n  \n  .cc-desc strong {\n    color: #f0c514;\n    font-weight: 700;\n  }\n\n  .cc-info-list {\n    display: flex;\n    flex-direction: column;\n    gap: 1.5rem;\n  }\n  \n  .cc-info-item {\n    display: flex;\n    align-items: center;\n    gap: 1.125rem;\n    text-decoration: none;\n  }\n  \n  \/* Kisebb ikon dobozok (64px helyett 48px) *\/\n  .cc-icon-box {\n    width: 3rem;\n    height: 3rem;\n    border-radius: 0.75rem;\n    background-color: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.1);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.3s ease;\n    flex-shrink: 0;\n  }\n  \n  .cc-info-item:hover .cc-icon-box {\n    background-color: #f0c514;\n    transform: scale(1.05);\n  }\n  \n  \/* Kisebb ikon a dobozon bel\u00fcl *\/\n  .cc-icon-box svg {\n    width: 1.25rem;\n    height: 1.25rem;\n    color: #f0c514;\n    transition: color 0.3s ease;\n  }\n  \n  .cc-info-item:hover .cc-icon-box svg {\n    color: #151922;\n  }\n  \n  .cc-info-text {\n    display: flex;\n    flex-direction: column;\n  }\n  \n  .cc-info-label {\n    font-size: 0.6875rem;\n    font-weight: 800;\n    color: #64748b;\n    text-transform: uppercase;\n    letter-spacing: 0.08em;\n    margin-bottom: 0.2rem;\n  }\n  \n  \/* Kisebb sz\u00f6veg az el\u00e9rhet\u0151s\u00e9geknek *\/\n  .cc-info-value {\n    font-size: 1.125rem;\n    font-weight: 800;\n    color: #ffffff;\n    margin: 0;\n    letter-spacing: -0.01em;\n  }\n\n  \/* --- JOBB OLDAL: FEH\u00c9R K\u00c1RTYA --- *\/\n  .cc-form-card {\n    background-color: #ffffff;\n    border-radius: 2rem;\n    padding: 3rem 2.5rem;\n    position: relative;\n    box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.5);\n  }\n  \n  @media (max-width: 640px) {\n    .cc-form-card {\n      padding: 2.5rem 1.5rem;\n    }\n  }\n\n  \/* S\u00e1rga pajzs f\u00fcl (Kicsit kisebb, hogy ar\u00e1nyos legyen) *\/\n  .cc-shield {\n    position: absolute;\n    top: 0;\n    right: 2.5rem;\n    width: 3rem;\n    height: 3rem;\n    background-color: #f0c514;\n    border-radius: 0 0 0.75rem 0.75rem;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 10;\n  }\n  \n  @media (max-width: 640px) {\n    .cc-shield { right: 1.5rem; }\n  }\n  \n  .cc-shield svg {\n    width: 1.25rem;\n    height: 1.25rem;\n    color: #151922;\n  }\n\n  \/* Shortcode wrapper (Z-index biztos\u00edtja, hogy fel\u00fcl legyen) *\/\n  .el-shortcode-wrapper {\n    width: 100%;\n    position: relative;\n    z-index: 5;\n  }\n<\/style>\n\n<section id=\"kapcsolat\" class=\"cc-section\">\n  <div class=\"cc-container\">\n    \n    <div>\n      <span class=\"cc-eyebrow\">Kapcsolat<\/span>\n      <h2 class=\"cc-heading\">K\u00e9rj aj\u00e1nlatot vagy visszah\u00edv\u00e1st.<\/h2>\n      <p class=\"cc-desc\">\n        T\u00f6ltsd ki az \u0171rlapot, \u00e9s \u00edrd le r\u00f6viden, milyen villanyszerel\u00e9si feladatr\u00f3l van sz\u00f3. \n        <strong>S\u00fcrg\u0151s esetekben telefon\u00e1lj!<\/strong>\n      <\/p>\n\n      <div class=\"cc-info-list\">\n        \n        <a href=\"tel:+36303944526\" class=\"cc-info-item\">\n          <div class=\"cc-icon-box\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2A19.79 19.79 0 0111.82 19a19.5 19.5 0 01-5-5 19.79 19.79 0 01-3.07-8.67A2 2 0 015.73 3h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L9.91 10.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z\"\/><\/svg>\n          <\/div>\n          <div class=\"cc-info-text\">\n            <span class=\"cc-info-label\">Gyorsabb ha h\u00edvsz:<\/span>\n            <span class=\"cc-info-value\">+36 30 394 4526<\/span>\n          <\/div>\n        <\/a>\n\n        <div class=\"cc-info-item\">\n          <div class=\"cc-icon-box\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\n          <\/div>\n          <div class=\"cc-info-text\">\n            <span class=\"cc-info-label\">Email c\u00edm:<\/span>\n            <span class=\"cc-info-value\">arammento@gmail.com<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"cc-info-item\">\n          <div class=\"cc-icon-box\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n          <\/div>\n          <div class=\"cc-info-text\">\n            <span class=\"cc-info-label\">Munkav\u00e9gz\u00e9s ter\u00fclete:<\/span>\n            <span class=\"cc-info-value\">Budapest \u00e9s vonz\u00e1sk\u00f6rzete<\/span>\n          <\/div>\n        <\/div>\n        \n      <\/div>\n    <\/div>\n\n    <div class=\"cc-form-card\">\n      \n      <div class=\"cc-shield\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><path d=\"M9 12l2 2 4-4\"\/><\/svg>\n      <\/div>\n\n      <div class=\"el-shortcode-wrapper\">\n        \n      \t\t<div data-elementor-type=\"section\" data-elementor-id=\"80\" class=\"elementor elementor-80\" data-elementor-post-type=\"elementor_library\">\n\t\t\t<div class=\"elementor-element elementor-element-8a9c73a e-flex e-con-boxed e-con e-parent\" data-id=\"8a9c73a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b444185 elementor-button-align-stretch elementor-widget elementor-widget-form\" data-id=\"b444185\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;step_next_label&quot;:&quot;K\\u00f6vetkez\\u0151&quot;,&quot;step_previous_label&quot;:&quot;El\\u0151z\\u0151&quot;,&quot;button_width&quot;:&quot;100&quot;,&quot;step_type&quot;:&quot;number_text&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;}\" data-widget_type=\"form.default\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" name=\"\u00daj \u0171rlap\" aria-label=\"\u00daj \u0171rlap\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"80\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"b444185\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"\" \/>\n\n\t\t\t\t\t\t\t<input type=\"hidden\" name=\"queried_id\" value=\"2\"\/>\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-above\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-50 elementor-sm-50 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-name\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tVezet\u00e9kn\u00e9v\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[name]\" id=\"form-field-name\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Kov\u00e1cs\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-field_dc1432d elementor-col-50 elementor-sm-50 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_dc1432d\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tKeresztn\u00e9v\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[field_dc1432d]\" id=\"form-field-field_dc1432d\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"P\u00e9ter\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-tel elementor-field-group elementor-column elementor-field-group-field_467faed elementor-col-50 elementor-sm-50 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_467faed\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tTelefonsz\u00e1m\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<input size=\"1\" type=\"tel\" name=\"form_fields[field_467faed]\" id=\"form-field-field_467faed\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"+36 30 000 0000\" required=\"required\" pattern=\"[0-9()#&amp;+*-=.]+\" title=\"Only numbers and phone characters (#, -, *, etc) are accepted.\">\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-email elementor-field-group elementor-column elementor-field-group-field_5210dea elementor-col-50 elementor-sm-50 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_5210dea\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tE-mail c\u00edm\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"email\" name=\"form_fields[field_5210dea]\" id=\"form-field-field_5210dea\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"pelda@gmail.com\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-field_405d3df elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_405d3df\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tMunkav\u00e9gz\u00e9s helysz\u00edne\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[field_405d3df]\" id=\"form-field-field_405d3df\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Telep\u00fcl\u00e9s, ker\u00fclet..\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-select elementor-field-group elementor-column elementor-field-group-field_461a2d2 elementor-col-50 elementor-sm-50 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_461a2d2\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tIngatlan t\u00edpusa\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field elementor-select-wrapper remove-before \">\n\t\t\t<div class=\"select-caret-down-wrapper\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-caret-down\" viewBox=\"0 0 571.4 571.4\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M571 393Q571 407 561 418L311 668Q300 679 286 679T261 668L11 418Q0 407 0 393T11 368 36 357H536Q550 357 561 368T571 393Z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t\t<select name=\"form_fields[field_461a2d2]\" id=\"form-field-field_461a2d2\" class=\"elementor-field-textual elementor-size-sm\" required=\"required\">\n\t\t\t\t\t\t\t\t\t<option value=\"Lak\u00e1s\">Lak\u00e1s<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Csal\u00e1di h\u00e1z\">Csal\u00e1di h\u00e1z<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Iroda\">Iroda<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"\u00dczlethelyis\u00e9g\">\u00dczlethelyis\u00e9g<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Nyaral\u00f3\">Nyaral\u00f3<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Egy\u00e9b\">Egy\u00e9b<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"T\u00e9gla \u00e9p\u00edt\u00e9s\u0171 lak\u00e1s\">T\u00e9gla \u00e9p\u00edt\u00e9s\u0171 lak\u00e1s<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Panel\">Panel<\/option>\n\t\t\t\t\t\t\t<\/select>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-select elementor-field-group elementor-column elementor-field-group-field_d0941f0 elementor-col-50 elementor-sm-50 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_d0941f0\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tMunka jellege\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field elementor-select-wrapper remove-before \">\n\t\t\t<div class=\"select-caret-down-wrapper\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-caret-down\" viewBox=\"0 0 571.4 571.4\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M571 393Q571 407 561 418L311 668Q300 679 286 679T261 668L11 418Q0 407 0 393T11 368 36 357H536Q550 357 561 368T571 393Z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t\t<select name=\"form_fields[field_d0941f0]\" id=\"form-field-field_d0941f0\" class=\"elementor-field-textual elementor-size-sm\" required=\"required\">\n\t\t\t\t\t\t\t\t\t<option value=\"Hibaelh\u00e1r\u00edt\u00e1s \/ jav\u00edt\u00e1s\">Hibaelh\u00e1r\u00edt\u00e1s \/ jav\u00edt\u00e1s<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Biztos\u00edt\u00e9kt\u00e1bla csere\">Biztos\u00edt\u00e9kt\u00e1bla csere<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Elektromos h\u00e1l\u00f3zat fel\u00faj\u00edt\u00e1s\">Elektromos h\u00e1l\u00f3zat fel\u00faj\u00edt\u00e1s<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Teljes villanyszerel\u00e9s\">Teljes villanyszerel\u00e9s<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Kisebb szerel\u00e9si munka\">Kisebb szerel\u00e9si munka<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Egy\u00e9b\">Egy\u00e9b<\/option>\n\t\t\t\t\t\t\t<\/select>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-select elementor-field-group elementor-column elementor-field-group-field_c828158 elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_c828158\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tS\u00fcrg\u0151ss\u00e9g\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field elementor-select-wrapper remove-before \">\n\t\t\t<div class=\"select-caret-down-wrapper\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-caret-down\" viewBox=\"0 0 571.4 571.4\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M571 393Q571 407 561 418L311 668Q300 679 286 679T261 668L11 418Q0 407 0 393T11 368 36 357H536Q550 357 561 368T571 393Z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t\t<select name=\"form_fields[field_c828158]\" id=\"form-field-field_c828158\" class=\"elementor-field-textual elementor-size-sm\">\n\t\t\t\t\t\t\t\t\t<option value=\"S.O.S., m\u00e9g ma\">S.O.S., m\u00e9g ma<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"2\u20134 munkanapon bel\u00fcl\">2\u20134 munkanapon bel\u00fcl<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"1\u20132 h\u00e9ten bel\u00fcl\">1\u20132 h\u00e9ten bel\u00fcl<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"1 h\u00f3napon bel\u00fcl\">1 h\u00f3napon bel\u00fcl<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Nem s\u00fcrg\u0151s\">Nem s\u00fcrg\u0151s<\/option>\n\t\t\t\t\t\t\t<\/select>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-textarea elementor-field-group elementor-column elementor-field-group-message elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-message\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tR\u00f6vid le\u00edr\u00e1s\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<textarea class=\"elementor-field-textual elementor-field  elementor-size-sm\" name=\"form_fields[message]\" id=\"form-field-message\" rows=\"4\" placeholder=\"Miben segithet\u00fcnk?\"><\/textarea>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-md\" type=\"submit\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"800px\" height=\"800px\" viewBox=\"0 0 1024 1024\" class=\"icon\"><path d=\"M86.72 425.28a32 32 0 0 0-5.12-3.84 17.6 17.6 0 0 0-5.44-2.88 19.84 19.84 0 0 0-6.08-2.56 27.84 27.84 0 0 0-12.48 0 20.8 20.8 0 0 0-5.76 1.92 23.68 23.68 0 0 0-5.76 2.88l-4.8 3.84a32 32 0 0 0-6.72 10.56 30.08 30.08 0 0 0 0 24.32 37.12 37.12 0 0 0 6.72 10.56 36.8 36.8 0 0 0 10.56 6.72A32 32 0 0 0 64 480a32 32 0 0 0 12.16-2.56 37.12 37.12 0 0 0 10.56-6.72 37.12 37.12 0 0 0 6.72-10.56 30.08 30.08 0 0 0 0-24.32 32 32 0 0 0-6.72-10.56zM192 425.28a32 32 0 0 0 12.48-2.56l160-68.48a32 32 0 0 0-25.28-58.88l-160 68.48a32 32 0 0 0 12.8 61.44z\" fill=\"#231815\"><\/path><path d=\"M992 72.96A32 32 0 0 0 992 64a32 32 0 0 0 0-3.2 32 32 0 0 0-1.92-7.36v-3.2a32 32 0 0 0-4.8-7.04 32 32 0 0 0-8.64-5.44h-2.88a32 32 0 0 0-11.2-5.76H960a32 32 0 0 0-7.68 0h-2.88l-480 205.76a32 32 0 0 0 25.28 58.88l288-123.52L288 597.76l-107.2-91.84a32 32 0 0 0-41.6 48.64l111.68 96-89.28 267.2a51036.16 51036.16 0 0 0 0 8.32 32 32 0 0 0 0 8.64v2.24a32 32 0 0 0 2.24 4.8 32 32 0 0 0 2.24 4.48l2.88 2.88a32 32 0 0 0 4.48 4.48h3.52l5.44 2.56h4.8L192 960h8l314.56-96 136.64 119.36a32 32 0 0 0 52.8-13.44l288-896z m-597.76 640l-135.36 115.52 56.64-169.92L713.92 317.12z m-64 140.16L416 778.24l41.92 36.48z m328.96 49.92l-196.16-171.52 416-514.88z\" fill=\"#231815\"><\/path><\/svg>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Aj\u00e1nlatot k\u00e9rek<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/form>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-17d4fdf elementor-widget elementor-widget-text-editor\" data-id=\"17d4fdf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Az adataidat kiz\u00e1r\u00f3lag kapcsolatfelv\u00e9telhez \u00e9s aj\u00e1nlatad\u00e1shoz haszn\u00e1ljuk.<br>Telefonon gyorsabban tudunk seg\u00edteni s\u00fcrg\u0151s hiba eset\u00e9n.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n        \n      <\/div>\n      \n    <\/div>\n    \n  <\/div>\n<\/section><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-9f77b6d e-con e-atomic-element e-flexbox-base e-5574175 \" data-id=\"9f77b6d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"9f77b6d\">\n    \t\t<div class=\"elementor-element elementor-element-b4b9ff5 elementor-widget elementor-widget-html\" data-id=\"b4b9ff5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .el-faq-wrapper {\r\n    background: #ffffff;\r\n    padding: 5.5rem 1.5rem;\r\n    font-family: 'Plus Jakarta Sans', system-ui, sans-serif;\r\n    color: #1c2030;\r\n  }\r\n  .el-faq-layout {\r\n    max-width: 1140px;\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: 1fr 2fr;\r\n    gap: 4rem;\r\n  }\r\n  .el-faq-side {\r\n    position: sticky;\r\n    top: 5rem;\r\n    align-self: flex-start;\r\n  }\r\n  .el-faq-pill {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 0.375rem;\r\n    font-size: 0.6875rem;\r\n    font-weight: 700;\r\n    letter-spacing: 0.13em;\r\n    text-transform: uppercase;\r\n    color: #f0c514;\r\n    background: rgba(240, 197, 20, 0.1);\r\n    border: 1px solid rgba(240, 197, 20, 0.28);\r\n    border-radius: 9999px;\r\n    padding: 0.3rem 0.875rem;\r\n    margin-bottom: 0.875rem;\r\n  }\r\n  .el-faq-side h2 {\r\n    font-size: clamp(1.6rem, 3.2vw, 2.25rem);\r\n    font-weight: 800;\r\n    line-height: 1.18;\r\n    margin: 0 0 0.75rem 0;\r\n    color: #1c2030;\r\n  }\r\n  .el-faq-side p {\r\n    color: #6b7280;\r\n    font-size: 0.9375rem;\r\n    line-height: 1.7;\r\n    margin: 0 0 1.5rem 0;\r\n  }\r\n  \r\n  \/* --- KATTINTHAT\u00d3 TELEFONSZ\u00c1MOK --- *\/\r\n  .el-faq-side-tel {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 0.5rem;\r\n    font-weight: 700;\r\n    font-size: 0.9375rem;\r\n    color: #d9b008 !important;\r\n    text-decoration: none !important;\r\n    position: relative;\r\n    z-index: 10;\r\n    transition: color 0.2s;\r\n  }\r\n  .el-faq-side-tel:hover {\r\n    color: #f0c514 !important;\r\n  }\r\n  .el-faq-side-tel svg {\r\n    color: #f0c514;\r\n  }\r\n  \r\n  .el-faq-inline-tel {\r\n    color: #d9b008 !important;\r\n    font-weight: 700;\r\n    text-decoration: none !important;\r\n    transition: color 0.2s;\r\n  }\r\n  .el-faq-inline-tel:hover {\r\n    color: #f0c514 !important;\r\n  }\r\n  \/* --------------------------------- *\/\r\n\r\n  .el-faq-list {\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n  .el-faq-item {\r\n    border-bottom: 1px solid #e5e4df;\r\n  }\r\n  \r\n  \/* --- GOMB ALAP \u00c9S HOVER \u00c1LLAPOTOK JAV\u00cdT\u00c1SA --- *\/\r\n  .el-faq-btn {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 1rem;\r\n    width: 100%;\r\n    padding: 1.125rem 0;\r\n    text-align: left;\r\n    font-family: inherit;\r\n    font-size: 0.9375rem;\r\n    font-weight: 600;\r\n    color: #1c2030;\r\n    background-color: transparent !important;\r\n    border: none !important;\r\n    cursor: pointer;\r\n    transition: color 0.2s;\r\n    outline: none !important;\r\n    box-shadow: none !important;\r\n  }\r\n  .el-faq-btn:hover,\r\n  .el-faq-btn:focus,\r\n  .el-faq-btn:active {\r\n    color: #d9b008 !important;\r\n    background-color: transparent !important;\r\n    outline: none !important;\r\n    box-shadow: none !important;\r\n  }\r\n  \/* ------------------------------------------- *\/\r\n\r\n  .el-faq-ic {\r\n    width: 1.5rem;\r\n    height: 1.5rem;\r\n    border-radius: 50%;\r\n    background: rgba(0, 0, 0, 0.05);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-shrink: 0;\r\n    font-size: 1rem;\r\n    color: #6b7280;\r\n    transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1), background 0.2s, color 0.2s;\r\n  }\r\n  .el-faq-item.open .el-faq-ic {\r\n    transform: rotate(45deg);\r\n    background: rgba(240, 197, 20, 0.12);\r\n    color: #f0c514;\r\n  }\r\n  .el-faq-ans {\r\n    display: grid;\r\n    grid-template-rows: 0fr;\r\n    transition: grid-template-rows 0.35s cubic-bezier(0.22, 1, 0.36, 1);\r\n  }\r\n  .el-faq-item.open .el-faq-ans {\r\n    grid-template-rows: 1fr;\r\n  }\r\n  .el-faq-ans-in {\r\n    overflow: hidden;\r\n  }\r\n  .el-faq-ans-in p {\r\n    padding: 0 0 1.25rem 0;\r\n    font-size: 0.9375rem;\r\n    color: #6b7280;\r\n    line-height: 1.72;\r\n    margin: 0;\r\n  }\r\n  @media (max-width: 960px) {\r\n    .el-faq-layout {\r\n      grid-template-columns: 1fr;\r\n      gap: 2.5rem;\r\n    }\r\n    .el-faq-side {\r\n      position: static;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"el-faq-wrapper\">\r\n  <div class=\"el-faq-layout\">\r\n    \r\n    <div class=\"el-faq-side\">\r\n      <span class=\"el-faq-pill\">GYIK<\/span>\r\n      <h2>Gyakori k\u00e9rd\u00e9sek<\/h2>\r\n      <p>Ha nem tal\u00e1lod a v\u00e1laszt, h\u00edvj minket k\u00f6zvetlen\u00fcl.<\/p>\r\n      <!-- ITT VAN A KATTINTHAT\u00d3 LINK -->\r\n      <a href=\"tel:+36303944526\" class=\"el-faq-side-tel\">\r\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"currentColor\"><path d=\"M12.3 9.9c-.2-.2-1.7-1.15-2.05-1.35-.3-.15-.65-.15-.95.3l-.55.75c-.15.15-.35.2-.55.1-.85-.5-2.1-1.75-2.75-2.75-.1-.2-.1-.4.1-.55l.65-.5c.35-.25.45-.55.25-.85-.15-.35-1.15-1.85-1.35-2.05-.2-.2-.45-.15-.65.05-.4.3-.8.65-.95 1.1-.4.95-.1 2.2 1 3.75 1.1 1.55 2.55 2.8 4.25 3.4.85.3 1.8.25 2.45-.25.45-.3.8-.7.95-1.15.15-.35.1-.7-.1-.85z\"\/><\/svg>\r\n        +36 30 394 4526\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <div class=\"el-faq-list\">\r\n      <div class=\"el-faq-item\">\r\n        <button class=\"el-faq-btn\">Milyen ter\u00fcleten v\u00e1llaltok munk\u00e1t?<span class=\"el-faq-ic\">+<\/span><\/button>\r\n        <div class=\"el-faq-ans\"><div class=\"el-faq-ans-in\"><p>Budapesten \u00e9s Budapest vonz\u00e1sk\u00f6rzet\u00e9ben dolgozunk.<\/p><\/div><\/div>\r\n      <\/div>\r\n      <div class=\"el-faq-item\">\r\n        <button class=\"el-faq-btn\">S\u00fcrg\u0151s hib\u00e1hoz is ki tudtok j\u00f6nni?<span class=\"el-faq-ic\">+<\/span><\/button>\r\n        <div class=\"el-faq-ans\">\r\n          <div class=\"el-faq-ans-in\">\r\n            <p>Igen, hibaelh\u00e1r\u00edt\u00e1s eset\u00e9n s\u00fcrg\u0151s megkeres\u00e9seket is kezel\u00fcnk. <a href=\"tel:+36303944526\" class=\"el-faq-inline-tel\">Telefonon (+36 30 394 4526)<\/a> \u00e9rdemes jelentkezni, mert \u00edgy tudunk a leggyorsabban egyeztetni.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"el-faq-item\">\r\n        <button class=\"el-faq-btn\">Mennyibe ker\u00fcl a villanyszerel\u00e9s?<span class=\"el-faq-ic\">+<\/span><\/button>\r\n        <div class=\"el-faq-ans\"><div class=\"el-faq-ans-in\"><p>A pontos \u00e1r a feladat t\u00edpus\u00e1t\u00f3l, a helysz\u00ednt\u0151l, a s\u00fcrg\u0151ss\u00e9gt\u0151l \u00e9s az anyagig\u00e9nyt\u0151l f\u00fcgg. A munka megkezd\u00e9se el\u0151tt egyeztetj\u00fck a v\u00e1rhat\u00f3 k\u00f6lts\u00e9geket. Nincsenek rejtett d\u00edjak.<\/p><\/div><\/div>\r\n      <\/div>\r\n      <div class=\"el-faq-item\">\r\n        <button class=\"el-faq-btn\">V\u00e1llaltok kisebb munk\u00e1kat is?<span class=\"el-faq-ic\">+<\/span><\/button>\r\n        <div class=\"el-faq-ans\"><div class=\"el-faq-ans-in\"><p>Igen. L\u00e1mp\u00e1k, kapcsol\u00f3k, dugaljak, f\u0151z\u0151lapok, bojlerek, termoszt\u00e1tok \u00e9s egy\u00e9b elektromos eszk\u00f6z\u00f6k bek\u00f6t\u00e9s\u00e9ben is tudunk seg\u00edteni.<\/p><\/div><\/div>\r\n      <\/div>\r\n      <div class=\"el-faq-item\">\r\n        <button class=\"el-faq-btn\">Panel lak\u00e1sokkal is foglalkoztok?<span class=\"el-faq-ic\">+<\/span><\/button>\r\n        <div class=\"el-faq-ans\"><div class=\"el-faq-ans-in\"><p>Igen. Panellak\u00e1sok villanyszerel\u00e9s\u00e9t, vezet\u00e9kcser\u00e9j\u00e9t \u00e9s biztos\u00edt\u00e9kt\u00e1bla korszer\u0171s\u00edt\u00e9s\u00e9t is v\u00e1llaljuk.<\/p><\/div><\/div>\r\n      <\/div>\r\n      <div class=\"el-faq-item\">\r\n        <button class=\"el-faq-btn\">Teljes lak\u00e1sfel\u00faj\u00edt\u00e1sn\u00e1l is lehet keresni titeket?<span class=\"el-faq-ic\">+<\/span><\/button>\r\n        <div class=\"el-faq-ans\"><div class=\"el-faq-ans-in\"><p>Igen. Teljes elektromos h\u00e1l\u00f3zat fel\u00faj\u00edt\u00e1s\u00e1ra \u00e9s \u00faj ki\u00e9p\u00edt\u00e9sre is k\u00e9rhetsz aj\u00e1nlatot. Fel\u00faj\u00edt\u00e1si projektekre r\u00e9szletes felm\u00e9r\u00e9st v\u00e9gz\u00fcnk.<\/p><\/div><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  (function() {\r\n    const initFAQ = () => {\r\n      const wrapper = document.querySelector('.el-faq-wrapper');\r\n      if (!wrapper || wrapper.dataset.initialized) return;\r\n      wrapper.dataset.initialized = 'true';\r\n      \r\n      wrapper.addEventListener('click', function(e) {\r\n        const btn = e.target.closest('.el-faq-btn');\r\n        if (!btn) return;\r\n        \r\n        e.preventDefault();\r\n        const item = btn.closest('.el-faq-item');\r\n        const wasOpen = item.classList.contains('open');\r\n        \r\n        \/\/ \u00d6sszes nyitott bez\u00e1r\u00e1sa\r\n        wrapper.querySelectorAll('.el-faq-item.open').forEach(i => i.classList.remove('open'));\r\n        \r\n        \/\/ Kattintott elem megnyit\u00e1sa\r\n        if (!wasOpen) {\r\n          item.classList.add('open');\r\n        }\r\n      });\r\n    };\r\n\r\n    \/\/ Futtat\u00e1s azonnal (ha Elementor bet\u00f6lti ut\u00f3lag)\r\n    initFAQ();\r\n    \/\/ Biztos\u00edt\u00e9k, ha m\u00e9g nem t\u00f6lt\u00f6tt be teljesen a DOM\r\n    document.addEventListener('DOMContentLoaded', initFAQ);\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Villanyszerel\u00e9s Budapesten gyorsan, korrekt \u00e1ron, felesleges k\u00f6r\u00f6k n\u00e9lk\u00fcl. \u00c1ramkimarad\u00e1s, z\u00e1rlat, lecsap\u00f3d\u00f3 biztos\u00edt\u00e9k, r\u00e9gi vezet\u00e9kek vagy biztos\u00edt\u00e9kt\u00e1bla csere? Az \u00c1ramment\u0151 gyors \u00e9s szakszer\u0171 villanyszerel\u00e9st biztos\u00edt lak\u00e1sokban, csal\u00e1di h\u00e1zakban, irod\u00e1kban \u00e9s \u00fczlethelyis\u00e9gekben. Hibaelh\u00e1r\u00edt\u00e1s ak\u00e1r s\u00fcrg\u0151s esetben is \u00c1tl\u00e1that\u00f3, el\u0151re egyeztetett \u00e1rak Budapest \u00e9s vonz\u00e1sk\u00f6rzete Hibaelh\u00e1r\u00edt\u00e1s ak\u00e1r s\u00fcrg\u0151s esetben is \u00c1tl\u00e1that\u00f3, el\u0151re egyeztetett \u00e1rak Budapest \u00e9s vonz\u00e1sk\u00f6rzete Lak\u00e1sok, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/arammento.hu\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arammento.hu\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/arammento.hu\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/arammento.hu\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/arammento.hu\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":40,"href":"https:\/\/arammento.hu\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":123,"href":"https:\/\/arammento.hu\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/123"}],"wp:attachment":[{"href":"https:\/\/arammento.hu\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}