{"id":53,"date":"2025-03-28T03:26:40","date_gmt":"2025-03-28T03:26:40","guid":{"rendered":"https:\/\/demo2wpopal.b-cdn.net\/spaciaz\/?page_id=53"},"modified":"2026-04-27T09:57:17","modified_gmt":"2026-04-27T09:57:17","slug":"tipustervek","status":"publish","type":"page","link":"https:\/\/beckstudio.hu\/zsoci\/tipustervek\/","title":{"rendered":"T\u00cdPUSTERVEK"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"53\" class=\"elementor elementor-53\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e4d751a e-flex e-con-boxed e-con e-parent\" data-id=\"e4d751a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-1ea96196 e-con-full e-flex e-con e-child\" data-id=\"1ea96196\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-369ff709 e-flex e-con-boxed e-con e-child\" data-id=\"369ff709\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-316b2781 e-con-full e-flex e-con e-child\" data-id=\"316b2781\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f6e14c2 elementor-widget elementor-widget-heading\" data-id=\"f6e14c2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">T\u00edpustervek<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4d998da8 elementor-widget elementor-widget-spacer\" data-id=\"4d998da8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-27154d7 e-flex e-con-boxed e-con e-parent\" data-id=\"27154d7\" 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-f013c79 box-width-yes elementor-widget__width-initial animated-fast spaciaz-scrolling-ltr elementor-invisible elementor-widget elementor-widget-spaciaz-slide-scrolling\" data-id=\"f013c79\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;opal-helix&quot;}\" data-widget_type=\"spaciaz-slide-scrolling.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            <div class=\"elementor-scrolling\">\n                <div class=\"elementor-scrolling-wrapper\">\n                                            <div class=\"elementor-scrolling-inner\">\n                                                            <div class=\"elementor-scrolling-item\">\n                                    <div class=\"elementor-scrolling-item-inner\">\n\n                                        \n                                        <div class=\"scrolling-title elementor-repeater-item-9ceca7b\">\n                                            <a href=\"#\"  title=\"\u00b7\"><span>\u00b7<\/span><\/a>                                        <\/div>\n\n                                        \n                                    <\/div>\n                                <\/div>\n                                                            <div class=\"elementor-scrolling-item\">\n                                    <div class=\"elementor-scrolling-item-inner\">\n\n                                        \n                                        <div class=\"scrolling-title elementor-repeater-item-0fc43ea\">\n                                            <a href=\"#\"  title=\"V\u00e1ltsa val\u00f3ra \u00e1lmait!\"><span>V\u00e1ltsa val\u00f3ra \u00e1lmait!<\/span><\/a>                                        <\/div>\n\n                                        \n                                    <\/div>\n                                <\/div>\n                                                    <\/div>\n                                                <div class=\"elementor-scrolling-inner\">\n                                                            <div class=\"elementor-scrolling-item\">\n                                    <div class=\"elementor-scrolling-item-inner\">\n\n                                        \n                                        <div class=\"scrolling-title elementor-repeater-item-9ceca7b\">\n                                            <a href=\"#\"  title=\"\u00b7\"><span>\u00b7<\/span><\/a>                                        <\/div>\n\n                                        \n                                    <\/div>\n                                <\/div>\n                                                            <div class=\"elementor-scrolling-item\">\n                                    <div class=\"elementor-scrolling-item-inner\">\n\n                                        \n                                        <div class=\"scrolling-title elementor-repeater-item-0fc43ea\">\n                                            <a href=\"#\"  title=\"V\u00e1ltsa val\u00f3ra \u00e1lmait!\"><span>V\u00e1ltsa val\u00f3ra \u00e1lmait!<\/span><\/a>                                        <\/div>\n\n                                        \n                                    <\/div>\n                                <\/div>\n                                                    <\/div>\n                                                <div class=\"elementor-scrolling-inner\">\n                                                            <div class=\"elementor-scrolling-item\">\n                                    <div class=\"elementor-scrolling-item-inner\">\n\n                                        \n                                        <div class=\"scrolling-title elementor-repeater-item-9ceca7b\">\n                                            <a href=\"#\"  title=\"\u00b7\"><span>\u00b7<\/span><\/a>                                        <\/div>\n\n                                        \n                                    <\/div>\n                                <\/div>\n                                                            <div class=\"elementor-scrolling-item\">\n                                    <div class=\"elementor-scrolling-item-inner\">\n\n                                        \n                                        <div class=\"scrolling-title elementor-repeater-item-0fc43ea\">\n                                            <a href=\"#\"  title=\"V\u00e1ltsa val\u00f3ra \u00e1lmait!\"><span>V\u00e1ltsa val\u00f3ra \u00e1lmait!<\/span><\/a>                                        <\/div>\n\n                                        \n                                    <\/div>\n                                <\/div>\n                                                    <\/div>\n                                        <\/div>\n            <\/div>\n            \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c5b640d elementor-widget__width-initial animated-fast elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"c5b640d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;opal-move-up&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">A PLATINUM HOMES c\u00e9lkit\u0171z\u00e9se szerint minden \u00fcgyfele sz\u00e1m\u00e1ra val\u00f3ra tudja v\u00e1ltani, hogy \u00e1lmai csal\u00e1di h\u00e1z\u00e1ba tudjon k\u00f6lt\u00f6zni, amelyben fontos szerepet kapnak a t\u00edpustervek. Sz\u00e1mos \u00e9rvet lehet megfogalmazni, hogy mi\u00e9rt is szeretne valaki saj\u00e1t csal\u00e1di h\u00e1zban \u00e9lni, ezeket pontokba is szedt\u00fck, esetleg seg\u00edthet azoknak a d\u00f6nt\u00e9sben akik m\u00e9g csak a saj\u00e1t csal\u00e1di h\u00e1z gondolat\u00e1val bar\u00e1tkoznak.\n\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cff39f9 e-flex e-con-boxed e-con e-parent\" data-id=\"cff39f9\" 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-37bac61 elementor-widget elementor-widget-html\" data-id=\"37bac61\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"hu\">\r\n<head>\r\n  <meta charset=\"UTF-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n  <title>7 \u00e9rv a csal\u00e1di h\u00e1z mellett<\/title>\r\n  <style>\r\n    :root{\r\n      --card:#ffffff;\r\n      --text:#1f1f1f;\r\n      --muted:#7a746c;\r\n      --accent:#b08a5b;\r\n      --dark:#2d2d2d;\r\n      --line:#e8e1d8;\r\n      --shadow:0 20px 50px rgba(0,0,0,.08);\r\n      --radius:26px;\r\n    }\r\n\r\n    *{\r\n      box-sizing:border-box;\r\n    }\r\n\r\n    body{\r\n      margin:0;\r\n      color:var(--text);\r\n      font-family: Georgia, \"Times New Roman\", serif;\r\n      background: transparent;\r\n    }\r\n\r\n    .reasons-section{\r\n      padding:90px 24px;\r\n      background: transparent;\r\n    }\r\n\r\n    .reasons-wrap{\r\n      max-width:1280px;\r\n      margin:0 auto;\r\n    }\r\n\r\n    .section-head{\r\n      text-align:center;\r\n      margin-bottom:56px;\r\n    }\r\n\r\n    .section-kicker{\r\n      display:inline-block;\r\n      margin-bottom:14px;\r\n      font-family:Arial, Helvetica, sans-serif;\r\n      font-size:12px;\r\n      letter-spacing:.22em;\r\n      text-transform:uppercase;\r\n      color:var(--accent);\r\n      font-weight:700;\r\n    }\r\n\r\n    .section-title{\r\n      margin:0;\r\n      font-size:clamp(34px,4vw,54px);\r\n      line-height:1.08;\r\n      font-weight:700;\r\n      color:#5a5a5a;\r\n    }\r\n\r\n    .section-subtitle{\r\n      max-width:760px;\r\n      margin:18px auto 0;\r\n      font-family:Arial, Helvetica, sans-serif;\r\n      font-size:17px;\r\n      line-height:1.8;\r\n      color:var(--muted);\r\n    }\r\n\r\n    .reasons-grid{\r\n      display:grid;\r\n      grid-template-columns:repeat(2, minmax(0, 1fr));\r\n      gap:28px;\r\n    }\r\n\r\n    .reason-card{\r\n      position:relative;\r\n      display:flex;\r\n      gap:24px;\r\n      align-items:flex-start;\r\n      padding:30px 28px;\r\n      background:rgba(255,255,255,0.82);\r\n      backdrop-filter:blur(10px);\r\n      -webkit-backdrop-filter:blur(10px);\r\n      border:1px solid rgba(0,0,0,0.05);\r\n      border-radius:var(--radius);\r\n      box-shadow:var(--shadow);\r\n      overflow:hidden;\r\n      transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;\r\n    }\r\n\r\n    .reason-card::before{\r\n      content:\"\";\r\n      position:absolute;\r\n      inset:0;\r\n      background:linear-gradient(135deg, rgba(176,138,91,0.06), transparent 40%);\r\n      pointer-events:none;\r\n    }\r\n\r\n    .reason-card:hover{\r\n      transform:translateY(-8px);\r\n      box-shadow:0 28px 60px rgba(0,0,0,.12);\r\n      border-color:rgba(176,138,91,0.22);\r\n    }\r\n\r\n    .reason-number{\r\n      position:relative;\r\n      z-index:1;\r\n      flex:0 0 82px;\r\n      width:82px;\r\n      height:82px;\r\n      border-radius:24px;\r\n      background:linear-gradient(180deg, #3f3f3f, #2a2a2a);\r\n      color:#fff;\r\n      display:flex;\r\n      align-items:center;\r\n      justify-content:center;\r\n      font-family:Arial, Helvetica, sans-serif;\r\n      font-size:38px;\r\n      font-weight:800;\r\n      box-shadow:\r\n        inset 0 1px 0 rgba(255,255,255,.15),\r\n        0 12px 24px rgba(0,0,0,.16);\r\n    }\r\n\r\n    .reason-content{\r\n      position:relative;\r\n      z-index:1;\r\n    }\r\n\r\n    .reason-label{\r\n      display:block;\r\n      margin-bottom:8px;\r\n      font-family:Arial, Helvetica, sans-serif;\r\n      font-size:11px;\r\n      font-weight:700;\r\n      letter-spacing:.18em;\r\n      text-transform:uppercase;\r\n      color:#a39a90;\r\n    }\r\n\r\n    .reason-title{\r\n      margin:0 0 12px;\r\n      font-size:34px;\r\n      line-height:1.15;\r\n      font-weight:500;\r\n      color:var(--text);\r\n    }\r\n\r\n    .reason-text{\r\n      margin:0;\r\n      font-family:Arial, Helvetica, sans-serif;\r\n      font-size:15px;\r\n      line-height:1.85;\r\n      color:var(--muted);\r\n      max-width:95%;\r\n    }\r\n\r\n    .reason-card.center-card{\r\n      grid-column:1 \/ -1;\r\n      max-width:760px;\r\n      margin:0 auto;\r\n    }\r\n\r\n    .reason-card.center-card .reason-title{\r\n      font-size:32px;\r\n    }\r\n\r\n    @media (max-width: 1024px){\r\n      .reason-title{\r\n        font-size:28px;\r\n      }\r\n\r\n      .reason-number{\r\n        width:74px;\r\n        height:74px;\r\n        font-size:34px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 767px){\r\n      .reasons-section{\r\n        padding:64px 16px;\r\n      }\r\n\r\n      .section-subtitle{\r\n        font-size:15px;\r\n      }\r\n\r\n      .reasons-grid{\r\n        grid-template-columns:1fr;\r\n        gap:20px;\r\n      }\r\n\r\n      .reason-card,\r\n      .reason-card.center-card{\r\n        grid-column:auto;\r\n        max-width:none;\r\n        margin:0;\r\n        flex-direction:column;\r\n        gap:18px;\r\n        padding:24px 22px;\r\n      }\r\n\r\n      .reason-number{\r\n        width:66px;\r\n        height:66px;\r\n        border-radius:20px;\r\n        font-size:30px;\r\n      }\r\n\r\n      .reason-title,\r\n      .reason-card.center-card .reason-title{\r\n        font-size:26px;\r\n      }\r\n\r\n      .reason-text{\r\n        max-width:100%;\r\n        font-size:14px;\r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n  <section class=\"reasons-section\">\r\n    <div class=\"reasons-wrap\">\r\n\r\n      <div class=\"section-head\">\r\n        <span class=\"section-kicker\">Mi\u00e9rt \u00e9ri meg?<\/span>\r\n        <h2 class=\"section-title\">7 \u00e9rv a csal\u00e1di h\u00e1z mellett<\/h2>\r\n        <p class=\"section-subtitle\">\r\n          A csal\u00e1di h\u00e1z nem csup\u00e1n egy ingatlan, hanem egy hossz\u00fa t\u00e1v\u00fa \u00e9letforma.\r\n          T\u00f6bb szabads\u00e1got, k\u00e9nyelmet, \u00e9rt\u00e9ket \u00e9s szem\u00e9lyre szabhat\u00f3 lehet\u0151s\u00e9get k\u00edn\u00e1l azoknak,\r\n          akik val\u00f3ban a saj\u00e1t ig\u00e9nyeik szerint szeretn\u00e9k kialak\u00edtani az otthonukat.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"reasons-grid\">\r\n\r\n        <article class=\"reason-card\">\r\n          <div class=\"reason-number\">1<\/div>\r\n          <div class=\"reason-content\">\r\n            <span class=\"reason-label\">Egyedi ig\u00e9nyek<\/span>\r\n            <h3 class=\"reason-title\">Szem\u00e9lyre szabhat\u00f3s\u00e1g<\/h3>\r\n            <p class=\"reason-text\">\r\n              A csal\u00e1di h\u00e1z t\u00edpusterveit k\u00f6nnyed\u00e9n az \u00d6n egyedi ig\u00e9nyeire lehet alak\u00edtani.\r\n              Ez nagyobb szabads\u00e1got ad az elrendez\u00e9s, az anyaghaszn\u00e1lat \u00e9s az otthon funkcionalit\u00e1s\u00e1nak megtervez\u00e9s\u00e9ben.\r\n            <\/p>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"reason-card\">\r\n          <div class=\"reason-number\">2<\/div>\r\n          <div class=\"reason-content\">\r\n            <span class=\"reason-label\">Amennyi kell<\/span>\r\n            <h3 class=\"reason-title\">T\u00f6bb t\u00e9r \u00e9s k\u00e9nyelem<\/h3>\r\n            <p class=\"reason-text\">\r\n              A csal\u00e1di h\u00e1zak \u00e1ltal\u00e1ban nagyobb \u00e9letteret k\u00edn\u00e1lnak az eg\u00e9sz csal\u00e1d sz\u00e1m\u00e1ra.\r\n              T\u00f6bb h\u00e1l\u00f3szoba, nappali, kert \u00e9s egy\u00e9b k\u00e9nyelmi ter\u00fclet alak\u00edthat\u00f3 ki benn\u00fck.\r\n            <\/p>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"reason-card\">\r\n          <div class=\"reason-number\">3<\/div>\r\n          <div class=\"reason-content\">\r\n            <span class=\"reason-label\">Otthonoss\u00e1g<\/span>\r\n            <h3 class=\"reason-title\">Mag\u00e1n\u00e9let \u00e9s csend<\/h3>\r\n            <p class=\"reason-text\">\r\n              A csal\u00e1di h\u00e1zak jellemz\u0151en nyugodtabb, csendesebb k\u00f6rnyezetet biztos\u00edtanak,\r\n              \u00edgy ide\u00e1lis v\u00e1laszt\u00e1st jelentenek azoknak, akik a pihen\u00e9st \u00e9s a priv\u00e1t szf\u00e9r\u00e1t is fontosnak tartj\u00e1k.\r\n            <\/p>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"reason-card\">\r\n          <div class=\"reason-number\">4<\/div>\r\n          <div class=\"reason-content\">\r\n            <span class=\"reason-label\">Ki a term\u00e9szetbe<\/span>\r\n            <h3 class=\"reason-title\">Kert \u00e9s szabad t\u00e9r<\/h3>\r\n            <p class=\"reason-text\">\r\n              A saj\u00e1t kerttel rendelkez\u0151 csal\u00e1di h\u00e1z lehet\u0151s\u00e9get ny\u00fajt pihen\u00e9sre, kert\u00e9szked\u00e9sre,\r\n              szabadt\u00e9ri \u00e9tkez\u00e9sre vagy ak\u00e1r egy biztons\u00e1gos j\u00e1tsz\u00f3t\u00e9r kialak\u00edt\u00e1s\u00e1ra is.\r\n            <\/p>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"reason-card\">\r\n          <div class=\"reason-number\">5<\/div>\r\n          <div class=\"reason-content\">\r\n            <span class=\"reason-label\">\u00c9rt\u00e9k\u00e1ll\u00f3<\/span>\r\n            <h3 class=\"reason-title\">Hossz\u00fa t\u00e1v\u00fa befektet\u00e9s<\/h3>\r\n            <p class=\"reason-text\">\r\n              A csal\u00e1di h\u00e1z hossz\u00fa t\u00e1von is \u00e9rt\u00e9k\u00e1ll\u00f3 befektet\u00e9s lehet.\r\n              Egy j\u00f3l megtervezett \u00e9s kivitelezett ingatlan stabil \u00e9rt\u00e9ket k\u00e9pvisel a j\u00f6v\u0151ben is.\r\n            <\/p>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"reason-card\">\r\n          <div class=\"reason-number\">6<\/div>\r\n          <div class=\"reason-content\">\r\n            <span class=\"reason-label\">K\u00f6z\u00f6ss\u00e9g<\/span>\r\n            <h3 class=\"reason-title\">Szoci\u00e1lis kapcsolatok<\/h3>\r\n            <p class=\"reason-text\">\r\n              A csal\u00e1di h\u00e1zas \u00f6vezetek gyakran nyugodtabb, emberk\u00f6zelibb k\u00f6z\u00f6ss\u00e9get k\u00edn\u00e1lnak.\r\n              Ez kedvez a kiegyens\u00falyozott \u00e9letnek \u00e9s a szomsz\u00e9ds\u00e1gi kapcsolatok kialakul\u00e1s\u00e1nak is.\r\n            <\/p>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"reason-card center-card\">\r\n          <div class=\"reason-number\">7<\/div>\r\n          <div class=\"reason-content\">\r\n            <span class=\"reason-label\">T\u00edpustervek<\/span>\r\n            <h3 class=\"reason-title\">Auton\u00f3mia \u00e9s szabads\u00e1g<\/h3>\r\n            <p class=\"reason-text\">\r\n              A saj\u00e1t csal\u00e1di h\u00e1z az \u00f6n\u00e1ll\u00f3s\u00e1g \u00e9rz\u00e9s\u00e9t er\u0151s\u00edti.\r\n              Az otthon tulajdonosa sokkal nagyobb m\u00e9rt\u00e9kben alak\u00edthatja saj\u00e1t \u00e9letst\u00edlus\u00e1hoz, szok\u00e1saihoz \u00e9s ig\u00e9nyeihez a k\u00f6rnyezet\u00e9t.\r\n            <\/p>\r\n          <\/div>\r\n        <\/article>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8da2f3c e-con-full e-flex e-con e-parent\" data-id=\"8da2f3c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-17c440d elementor-widget elementor-widget-html\" data-id=\"17c440d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"hu\">\r\n<head>\r\n  <meta charset=\"UTF-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n  <title>Let\u00f6lthet\u0151 t\u00edpustervek<\/title>\r\n  <style>\r\n    :root{\r\n      --bg:#f3f1ef;\r\n      --card:#ffffff;\r\n      --text:#2d2a26;\r\n      --muted:#746d66;\r\n      --line:#1f1f1f;\r\n      --accent:#b08a5b;\r\n      --shadow:0 18px 40px rgba(18,18,18,.10);\r\n      --radius:22px;\r\n    }\r\n\r\n    *{box-sizing:border-box}\r\n    body{\r\n      margin:0;\r\n      font-family: Georgia, \"Times New Roman\", serif;\r\n      color:var(--text);\r\n      background:var(--bg);\r\n    }\r\n\r\n    .plans-section{\r\n      padding:72px 24px;\r\n    }\r\n\r\n    .plans-wrap{\r\n      max-width:1280px;\r\n      margin:0 auto;\r\n    }\r\n\r\n    .section-kicker{\r\n      display:inline-block;\r\n      margin-bottom:14px;\r\n      font-family:Arial, Helvetica, sans-serif;\r\n      font-size:12px;\r\n      font-weight:700;\r\n      letter-spacing:.18em;\r\n      text-transform:uppercase;\r\n      color:var(--accent);\r\n    }\r\n\r\n    .section-title{\r\n      margin:0;\r\n      font-size:clamp(34px,4vw,54px);\r\n      line-height:1.05;\r\n      font-weight:700;\r\n      letter-spacing:.01em;\r\n    }\r\n\r\n    .section-line{\r\n      width:90px;\r\n      height:2px;\r\n      background:var(--line);\r\n      margin:20px 0 22px;\r\n      border-radius:999px;\r\n    }\r\n\r\n    .section-text{\r\n      max-width:950px;\r\n      margin:0 0 38px;\r\n      font-family:Arial, Helvetica, sans-serif;\r\n      font-size:17px;\r\n      line-height:1.8;\r\n      color:var(--muted);\r\n    }\r\n\r\n    .plans-grid{\r\n      display:grid;\r\n      grid-template-columns:repeat(3, minmax(0, 1fr));\r\n      gap:28px;\r\n    }\r\n\r\n    .plan-card{\r\n      background:var(--card);\r\n      border-radius:var(--radius);\r\n      box-shadow:var(--shadow);\r\n      overflow:hidden;\r\n      transition:transform .25s ease, box-shadow .25s ease;\r\n    }\r\n\r\n    .plan-card:hover{\r\n      transform:translateY(-6px);\r\n      box-shadow:0 24px 44px rgba(18,18,18,.14);\r\n    }\r\n\r\n    .plan-slider{\r\n      position:relative;\r\n      aspect-ratio:16\/10;\r\n      overflow:hidden;\r\n      background:#ddd;\r\n    }\r\n\r\n    .slides{\r\n      display:flex;\r\n      height:100%;\r\n      transition:transform .4s ease;\r\n    }\r\n\r\n    .slide{\r\n      min-width:100%;\r\n      height:100%;\r\n    }\r\n\r\n    .slide img{\r\n      width:100%;\r\n      height:100%;\r\n      object-fit:cover;\r\n      display:block;\r\n    }\r\n\r\n    .nav-btn{\r\n      position:absolute;\r\n      top:50%;\r\n      transform:translateY(-50%);\r\n      width:72px;\r\n      height:52px;\r\n      border:none;\r\n      border-radius:999px;\r\n      background:rgba(255,255,255,0.72);\r\n      backdrop-filter:blur(6px);\r\n      -webkit-backdrop-filter:blur(6px);\r\n      cursor:pointer;\r\n      display:flex;\r\n      align-items:center;\r\n      justify-content:center;\r\n      z-index:3;\r\n      transition:all .25s ease;\r\n      box-shadow:0 8px 22px rgba(0,0,0,.18);\r\n      padding:0;\r\n    }\r\n\r\n    .nav-btn::before{\r\n      content:\"\";\r\n      display:block;\r\n      width:14px;\r\n      height:14px;\r\n      border-top:4px solid #ffffff;\r\n      border-right:4px solid #ffffff;\r\n    }\r\n\r\n    .nav-btn:hover{\r\n      background:rgba(255,255,255,0.88);\r\n      transform:translateY(-50%) scale(1.04);\r\n      box-shadow:0 12px 28px rgba(0,0,0,.22);\r\n    }\r\n\r\n    .nav-btn.prev{\r\n      left:18px;\r\n    }\r\n\r\n    .nav-btn.prev::before{\r\n      transform:rotate(-135deg);\r\n      margin-left:6px;\r\n    }\r\n\r\n    .nav-btn.next{\r\n      right:18px;\r\n    }\r\n\r\n    .nav-btn.next::before{\r\n      transform:rotate(45deg);\r\n      margin-right:6px;\r\n    }\r\n\r\n    .dots{\r\n      position:absolute;\r\n      left:50%;\r\n      bottom:14px;\r\n      transform:translateX(-50%);\r\n      display:flex;\r\n      gap:8px;\r\n      z-index:2;\r\n    }\r\n\r\n    .dot{\r\n      width:8px;\r\n      height:8px;\r\n      border-radius:50%;\r\n      border:none;\r\n      padding:0;\r\n      background:rgba(255,255,255,.55);\r\n      cursor:pointer;\r\n      transition:.2s ease;\r\n    }\r\n\r\n    .dot.active{\r\n      background:#fff;\r\n      transform:scale(1.15);\r\n    }\r\n\r\n    .plan-content{\r\n      padding:24px 24px 26px;\r\n      text-align:center;\r\n    }\r\n\r\n    .plan-name{\r\n      margin:0;\r\n      font-size:34px;\r\n      line-height:1.1;\r\n      font-weight:500;\r\n    }\r\n\r\n    .plan-meta{\r\n      margin:12px 0 0;\r\n      font-family:Arial, Helvetica, sans-serif;\r\n      font-size:14px;\r\n      color:var(--muted);\r\n    }\r\n\r\n    .plan-divider{\r\n      width:78%;\r\n      height:1px;\r\n      background:var(--line);\r\n      margin:24px auto 18px;\r\n    }\r\n\r\n    .plan-actions{\r\n      display:flex;\r\n      justify-content:center;\r\n      flex-wrap:wrap;\r\n      gap:10px;\r\n    }\r\n\r\n    .download-link{\r\n      display:inline-flex;\r\n      align-items:center;\r\n      gap:10px;\r\n      text-decoration:none;\r\n      color:var(--text);\r\n      font-family:Arial, Helvetica, sans-serif;\r\n      font-size:15px;\r\n      font-weight:600;\r\n      padding:12px 16px;\r\n      border-radius:999px;\r\n      transition:background .2s ease, color .2s ease;\r\n    }\r\n\r\n    .download-link:hover{\r\n      background:#f5efe8;\r\n      color:#000;\r\n    }\r\n\r\n    .download-link svg{\r\n      width:17px;\r\n      height:17px;\r\n      flex:0 0 17px;\r\n    }\r\n\r\n    @media (max-width: 1024px){\r\n      .plans-grid{grid-template-columns:repeat(2, minmax(0,1fr));}\r\n    }\r\n\r\n    @media (max-width: 767px){\r\n      .plans-section{padding:52px 16px;}\r\n      .plans-grid{grid-template-columns:1fr; gap:22px;}\r\n      .plan-name{font-size:30px;}\r\n      .section-text{font-size:15px;}\r\n      .nav-btn{\r\n        width:64px;\r\n        height:46px;\r\n      }\r\n      .nav-btn.prev{left:12px;}\r\n      .nav-btn.next{right:12px;}\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n  <section class=\"plans-section\">\r\n    <div class=\"plans-wrap\">\r\n      <span class=\"section-kicker\">Platinum Homes<\/span>\r\n      <h2 class=\"section-title\">Let\u00f6lthet\u0151 t\u00edpustervek<\/h2>\r\n      <div class=\"section-line\"><\/div>\r\n      <p class=\"section-text\">\r\n        Annak \u00e9rdek\u00e9ben, hogy minden \u00dcgyfel\u00fcnk sz\u00e1m\u00e1ra a csal\u00e1di h\u00e1z \u00e9p\u00edt\u00e9se ne csak gyorsabb,\r\n        hanem \u00e1tgondoltabb \u00e9s szebb folyamat legyen, k\u00fcl\u00f6nb\u00f6z\u0151 karakter\u0171 t\u00edpusterveket k\u00e9sz\u00edtett\u00fcnk.\r\n        Az al\u00e1bbi k\u00e1rty\u00e1kon bel\u00fcl t\u00f6bb k\u00e9pb\u0151l \u00e1ll\u00f3, k\u00fcl\u00f6n l\u00e9ptethet\u0151 mini slider tal\u00e1lhat\u00f3.\r\n      <\/p>\r\n\r\n      <div class=\"plans-grid\">\r\n\r\n        <article class=\"plan-card\" data-slider>\r\n          <div class=\"plan-slider\">\r\n            <button class=\"nav-btn prev\" aria-label=\"El\u0151z\u0151 k\u00e9p\"><\/button>\r\n            <div class=\"slides\">\r\n              <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/beckstudio.hu\/zsoci\/wp-content\/uploads\/2026\/04\/1_Photo-2-1024x576-1.jpg\" alt=\"Adama h\u00e1z 1\"><\/div>\r\n              <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/beckstudio.hu\/zsoci\/wp-content\/uploads\/2026\/04\/1_Photo-4-1024x576-1.jpg\" alt=\"Adama h\u00e1z 2\"><\/div>\r\n              <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/beckstudio.hu\/zsoci\/wp-content\/uploads\/2026\/04\/1_Photo-6-1024x576-1.jpg\" alt=\"Adama h\u00e1z 3\"><\/div>\r\n            <\/div>\r\n            <button class=\"nav-btn next\" aria-label=\"K\u00f6vetkez\u0151 k\u00e9p\"><\/button>\r\n            <div class=\"dots\"><\/div>\r\n          <\/div>\r\n          <div class=\"plan-content\">\r\n            <h3 class=\"plan-name\">Adama<\/h3>\r\n            <p class=\"plan-meta\">Modern, letisztult, csal\u00e1di elrendez\u00e9s<\/p>\r\n            <div class=\"plan-divider\"><\/div>\r\n            <div class=\"plan-actions\">\r\n              <a class=\"download-link\" href=\"https:\/\/beckstudio.hu\/zsoci\/wp-content\/uploads\/2026\/04\/ADAMA-Alaprajz-EWH-UJ.pdf\" target=\"_blank\" rel=\"noopener\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\r\n                  <path d=\"M7 2h7l5 5v13a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2z\"><\/path>\r\n                  <path d=\"M14 2v6h6\"><\/path>\r\n                  <path d=\"M12 11v6\"><\/path>\r\n                  <path d=\"m9.5 14.5 2.5 2.5 2.5-2.5\"><\/path>\r\n                <\/svg>\r\n                Let\u00f6lthet\u0151 alaprajz\r\n              <\/a>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"plan-card\" data-slider>\r\n          <div class=\"plan-slider\">\r\n            <button class=\"nav-btn prev\" aria-label=\"El\u0151z\u0151 k\u00e9p\"><\/button>\r\n            <div class=\"slides\">\r\n              <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/beckstudio.hu\/zsoci\/wp-content\/uploads\/2026\/04\/3_Photo-1-1024x576-1.jpg\" alt=\"Balla h\u00e1z 1\"><\/div>\r\n              <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/beckstudio.hu\/zsoci\/wp-content\/uploads\/2026\/04\/3_Photo-5-1024x576-1.jpg\" alt=\"Balla h\u00e1z 2\"><\/div>\r\n              <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/beckstudio.hu\/zsoci\/wp-content\/uploads\/2026\/04\/3_Photo-7-1024x576-1.jpg\" alt=\"Balla h\u00e1z 3\"><\/div>\r\n            <\/div>\r\n            <button class=\"nav-btn next\" aria-label=\"K\u00f6vetkez\u0151 k\u00e9p\"><\/button>\r\n            <div class=\"dots\"><\/div>\r\n          <\/div>\r\n          <div class=\"plan-content\">\r\n            <h3 class=\"plan-name\">Balla<\/h3>\r\n            <p class=\"plan-meta\">Utcafrontos megjelen\u00e9s, praktikus terek<\/p>\r\n            <div class=\"plan-divider\"><\/div>\r\n            <div class=\"plan-actions\">\r\n              <a class=\"download-link\" href=\"https:\/\/beckstudio.hu\/zsoci\/wp-content\/uploads\/2026\/04\/BALLA-Alaprajz-EWH.pdf\" target=\"_blank\" rel=\"noopener\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\r\n                  <path d=\"M7 2h7l5 5v13a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2z\"><\/path>\r\n                  <path d=\"M14 2v6h6\"><\/path>\r\n                  <path d=\"M12 11v6\"><\/path>\r\n                  <path d=\"m9.5 14.5 2.5 2.5 2.5-2.5\"><\/path>\r\n                <\/svg>\r\n                Let\u00f6lthet\u0151 alaprajz\r\n              <\/a>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"plan-card\" data-slider>\r\n          <div class=\"plan-slider\">\r\n            <button class=\"nav-btn prev\" aria-label=\"El\u0151z\u0151 k\u00e9p\"><\/button>\r\n            <div class=\"slides\">\r\n              <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/beckstudio.hu\/zsoci\/wp-content\/uploads\/2026\/04\/2_Photo-1-1024x576-1.jpg\" alt=\"Camara h\u00e1z 1\"><\/div>\r\n              <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/beckstudio.hu\/zsoci\/wp-content\/uploads\/2026\/04\/2_Photo-3-1024x576-1.jpg\" alt=\"Camara h\u00e1z 2\"><\/div>\r\n              <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/beckstudio.hu\/zsoci\/wp-content\/uploads\/2026\/04\/2_Photo-4-1024x576-1.jpg\" alt=\"Camara h\u00e1z 3\"><\/div>\r\n            <\/div>\r\n            <button class=\"nav-btn next\" aria-label=\"K\u00f6vetkez\u0151 k\u00e9p\"><\/button>\r\n            <div class=\"dots\"><\/div>\r\n          <\/div>\r\n          <div class=\"plan-content\">\r\n            <h3 class=\"plan-name\">Camara<\/h3>\r\n            <p class=\"plan-meta\">Pr\u00e9mium hangulat, t\u00e1gas nappali-konyha<\/p>\r\n            <div class=\"plan-divider\"><\/div>\r\n            <div class=\"plan-actions\">\r\n              <a class=\"download-link\" href=\"https:\/\/beckstudio.hu\/zsoci\/wp-content\/uploads\/2026\/04\/CAMARA-Alaprajz-EWH.pdf\" target=\"_blank\" rel=\"noopener\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\r\n                  <path d=\"M7 2h7l5 5v13a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2z\"><\/path>\r\n                  <path d=\"M14 2v6h6\"><\/path>\r\n                  <path d=\"M12 11v6\"><\/path>\r\n                  <path d=\"m9.5 14.5 2.5 2.5 2.5-2.5\"><\/path>\r\n                <\/svg>\r\n                Let\u00f6lthet\u0151 alaprajz\r\n              <\/a>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"plan-card\" data-slider>\r\n          <div class=\"plan-slider\">\r\n            <button class=\"nav-btn prev\" aria-label=\"El\u0151z\u0151 k\u00e9p\"><\/button>\r\n            <div class=\"slides\">\r\n              <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/beckstudio.hu\/zsoci\/wp-content\/uploads\/2026\/04\/1_Photo-1-1-1024x576-1.jpg\" alt=\"Diara h\u00e1z 1\"><\/div>\r\n              <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/beckstudio.hu\/zsoci\/wp-content\/uploads\/2026\/04\/1_Photo-2-1-1024x576-1.jpg\" alt=\"Diara h\u00e1z 2\"><\/div>\r\n              <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/beckstudio.hu\/zsoci\/wp-content\/uploads\/2026\/04\/1_Photo-3-1-1024x576-1.jpg\" alt=\"Diara h\u00e1z 3\"><\/div>\r\n            <\/div>\r\n            <button class=\"nav-btn next\" aria-label=\"K\u00f6vetkez\u0151 k\u00e9p\"><\/button>\r\n            <div class=\"dots\"><\/div>\r\n          <\/div>\r\n          <div class=\"plan-content\">\r\n            <h3 class=\"plan-name\">Diara<\/h3>\r\n            <p class=\"plan-meta\">Kompakt alaprajz, k\u00f6nnyen szerethet\u0151 forma<\/p>\r\n            <div class=\"plan-divider\"><\/div>\r\n            <div class=\"plan-actions\">\r\n              <a class=\"download-link\" href=\"https:\/\/beckstudio.hu\/zsoci\/wp-content\/uploads\/2026\/04\/DIARA-ALAPRAJZ-EWH.pdf\" target=\"_blank\" rel=\"noopener\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\r\n                  <path d=\"M7 2h7l5 5v13a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2z\"><\/path>\r\n                  <path d=\"M14 2v6h6\"><\/path>\r\n                  <path d=\"M12 11v6\"><\/path>\r\n                  <path d=\"m9.5 14.5 2.5 2.5 2.5-2.5\"><\/path>\r\n                <\/svg>\r\n                Let\u00f6lthet\u0151 alaprajz\r\n              <\/a>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"plan-card\" data-slider>\r\n          <div class=\"plan-slider\">\r\n            <button class=\"nav-btn prev\" aria-label=\"El\u0151z\u0151 k\u00e9p\"><\/button>\r\n            <div class=\"slides\">\r\n              <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/beckstudio.hu\/zsoci\/wp-content\/uploads\/2026\/04\/4_Photo-1-1024x576-1.jpg\" alt=\"Etia h\u00e1z 1\"><\/div>\r\n              <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/beckstudio.hu\/zsoci\/wp-content\/uploads\/2026\/04\/4_Photo-3-1024x576-1.jpg\" alt=\"Etia h\u00e1z 2\"><\/div>\r\n              <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/beckstudio.hu\/zsoci\/wp-content\/uploads\/2026\/04\/4_Photo-4-1024x576-1.jpg\" alt=\"Etia h\u00e1z 3\"><\/div>\r\n            <\/div>\r\n            <button class=\"nav-btn next\" aria-label=\"K\u00f6vetkez\u0151 k\u00e9p\"><\/button>\r\n            <div class=\"dots\"><\/div>\r\n          <\/div>\r\n          <div class=\"plan-content\">\r\n            <h3 class=\"plan-name\">Etia<\/h3>\r\n            <p class=\"plan-meta\">Vil\u00e1gos enteri\u0151r, kertkapcsolatos \u00e9lm\u00e9ny<\/p>\r\n            <div class=\"plan-divider\"><\/div>\r\n            <div class=\"plan-actions\">\r\n              <a class=\"download-link\" href=\"https:\/\/beckstudio.hu\/zsoci\/wp-content\/uploads\/2026\/04\/ETIA-Alaprajz-EWH.pdf\" target=\"_blank\" rel=\"noopener\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\r\n                  <path d=\"M7 2h7l5 5v13a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2z\"><\/path>\r\n                  <path d=\"M14 2v6h6\"><\/path>\r\n                  <path d=\"M12 11v6\"><\/path>\r\n                  <path d=\"m9.5 14.5 2.5 2.5 2.5-2.5\"><\/path>\r\n                <\/svg>\r\n                Let\u00f6lthet\u0151 alaprajz\r\n              <\/a>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"plan-card\" data-slider>\r\n          <div class=\"plan-slider\">\r\n            <button class=\"nav-btn prev\" aria-label=\"El\u0151z\u0151 k\u00e9p\"><\/button>\r\n            <div class=\"slides\">\r\n              <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/beckstudio.hu\/zsoci\/wp-content\/uploads\/2026\/04\/1_Photo-1-1-1-1024x576-1.jpg\" alt=\"Fela h\u00e1z 1\"><\/div>\r\n              <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/beckstudio.hu\/zsoci\/wp-content\/uploads\/2026\/04\/1_Photo-4-2-1024x576-1.jpg\" alt=\"Fela h\u00e1z 2\"><\/div>\r\n              <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/beckstudio.hu\/zsoci\/wp-content\/uploads\/2026\/04\/1_Photo-6-2-1024x576-1.jpg\" alt=\"Fela h\u00e1z 3\"><\/div>\r\n            <\/div>\r\n            <button class=\"nav-btn next\" aria-label=\"K\u00f6vetkez\u0151 k\u00e9p\"><\/button>\r\n            <div class=\"dots\"><\/div>\r\n          <\/div>\r\n          <div class=\"plan-content\">\r\n            <h3 class=\"plan-name\">Fela<\/h3>\r\n            <p class=\"plan-meta\">Term\u00e9szetk\u00f6zeli l\u00e1tv\u00e1ny, modernebb karakter<\/p>\r\n            <div class=\"plan-divider\"><\/div>\r\n            <div class=\"plan-actions\">\r\n              <a class=\"download-link\" href=\"https:\/\/beckstudio.hu\/zsoci\/wp-content\/uploads\/2026\/04\/FELA-Alaprajz-EWH.pdf\" target=\"_blank\" rel=\"noopener\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\r\n                  <path d=\"M7 2h7l5 5v13a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2z\"><\/path>\r\n                  <path d=\"M14 2v6h6\"><\/path>\r\n                  <path d=\"M12 11v6\"><\/path>\r\n                  <path d=\"m9.5 14.5 2.5 2.5 2.5-2.5\"><\/path>\r\n                <\/svg>\r\n                Let\u00f6lthet\u0151 alaprajz\r\n              <\/a>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"plan-card\" data-slider>\r\n          <div class=\"plan-slider\">\r\n            <button class=\"nav-btn prev\" aria-label=\"El\u0151z\u0151 k\u00e9p\"><\/button>\r\n            <div class=\"slides\">\r\n              <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/beckstudio.hu\/zsoci\/wp-content\/uploads\/2026\/04\/BUKKSZEK-KONCEPCIOTERV_Oldal_3-1024x575-1.jpg\" alt=\"Hillside h\u00e1z 1\"><\/div>\r\n              <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/beckstudio.hu\/zsoci\/wp-content\/uploads\/2026\/04\/BUKKSZEK-KONCEPCIOTERV_Oldal_7-1024x574-1.jpg\" alt=\"Hillside h\u00e1z 2\"><\/div>\r\n              <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/beckstudio.hu\/zsoci\/wp-content\/uploads\/2026\/04\/BUKKSZEK-KONCEPCIOTERV_Oldal_8-1024x573-1.jpg\" alt=\"Hillside h\u00e1z 3\"><\/div>\r\n            <\/div>\r\n            <button class=\"nav-btn next\" aria-label=\"K\u00f6vetkez\u0151 k\u00e9p\"><\/button>\r\n            <div class=\"dots\"><\/div>\r\n          <\/div>\r\n          <div class=\"plan-content\">\r\n            <h3 class=\"plan-name\">Hillside<\/h3>\r\n            <p class=\"plan-meta\">Exkluz\u00edv megjelen\u00e9s, eleg\u00e1ns terek<\/p>\r\n            <div class=\"plan-divider\"><\/div>\r\n            <div class=\"plan-actions\">\r\n              <a class=\"download-link\" href=\"https:\/\/beckstudio.hu\/zsoci\/wp-content\/uploads\/2026\/04\/BUKKSZEK-KONCEPCIOTERV_Oldal_2-scaled-2.jpg\" target=\"_blank\" rel=\"noopener\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\r\n                  <path d=\"M7 2h7l5 5v13a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2z\"><\/path>\r\n                  <path d=\"M14 2v6h6\"><\/path>\r\n                  <path d=\"M12 11v6\"><\/path>\r\n                  <path d=\"m9.5 14.5 2.5 2.5 2.5-2.5\"><\/path>\r\n                <\/svg>\r\n                Let\u00f6lthet\u0151 alaprajz\r\n              <\/a>\r\n\r\n              <a class=\"download-link\" href=\"https:\/\/beckstudio.hu\/zsoci\/wp-content\/uploads\/2026\/04\/BUKKSZEK-KONCEPCIOTERV_Oldal_1-scaled-2.jpg\" target=\"_blank\" rel=\"noopener\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\r\n                  <path d=\"M7 2h7l5 5v13a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2z\"><\/path>\r\n                  <path d=\"M14 2v6h6\"><\/path>\r\n                  <path d=\"M12 11v6\"><\/path>\r\n                  <path d=\"m9.5 14.5 2.5 2.5 2.5-2.5\"><\/path>\r\n                <\/svg>\r\n                Let\u00f6lthet\u0151 alaprajz 2\r\n              <\/a>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <script>\r\n    document.querySelectorAll('[data-slider]').forEach((card) => {\r\n      const track = card.querySelector('.slides');\r\n      const slides = card.querySelectorAll('.slide');\r\n      const prev = card.querySelector('.prev');\r\n      const next = card.querySelector('.next');\r\n      const dotsWrap = card.querySelector('.dots');\r\n      let index = 0;\r\n\r\n      slides.forEach((_, i) => {\r\n        const dot = document.createElement('button');\r\n        dot.className = 'dot' + (i === 0 ? ' active' : '');\r\n        dot.setAttribute('aria-label', `${i + 1}. k\u00e9p`);\r\n        dot.addEventListener('click', () => goTo(i));\r\n        dotsWrap.appendChild(dot);\r\n      });\r\n\r\n      const dots = dotsWrap.querySelectorAll('.dot');\r\n\r\n      function goTo(i){\r\n        index = (i + slides.length) % slides.length;\r\n        track.style.transform = `translateX(-${index * 100}%)`;\r\n        dots.forEach((dot, idx) => dot.classList.toggle('active', idx === index));\r\n      }\r\n\r\n      prev.addEventListener('click', () => goTo(index - 1));\r\n      next.addEventListener('click', () => goTo(index + 1));\r\n    });\r\n  <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>T\u00edpustervek \u00b7 V\u00e1ltsa val\u00f3ra \u00e1lmait! \u00b7 V\u00e1ltsa val\u00f3ra \u00e1lmait! \u00b7 V\u00e1ltsa val\u00f3ra \u00e1lmait! A PLATINUM HOMES c\u00e9lkit\u0171z\u00e9se szerint minden \u00fcgyfele sz\u00e1m\u00e1ra val\u00f3ra tudja v\u00e1ltani, hogy \u00e1lmai csal\u00e1di h\u00e1z\u00e1ba tudjon k\u00f6lt\u00f6zni, amelyben fontos szerepet kapnak a t\u00edpustervek. Sz\u00e1mos \u00e9rvet lehet megfogalmazni, hogy mi\u00e9rt is szeretne valaki saj\u00e1t csal\u00e1di h\u00e1zban \u00e9lni, ezeket pontokba is szedt\u00fck, esetleg seg\u00edthet [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-homepage.php","meta":{"footnotes":""},"class_list":["post-53","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/beckstudio.hu\/zsoci\/wp-json\/wp\/v2\/pages\/53","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/beckstudio.hu\/zsoci\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/beckstudio.hu\/zsoci\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/beckstudio.hu\/zsoci\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/beckstudio.hu\/zsoci\/wp-json\/wp\/v2\/comments?post=53"}],"version-history":[{"count":139,"href":"https:\/\/beckstudio.hu\/zsoci\/wp-json\/wp\/v2\/pages\/53\/revisions"}],"predecessor-version":[{"id":8450,"href":"https:\/\/beckstudio.hu\/zsoci\/wp-json\/wp\/v2\/pages\/53\/revisions\/8450"}],"wp:attachment":[{"href":"https:\/\/beckstudio.hu\/zsoci\/wp-json\/wp\/v2\/media?parent=53"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}