{"id":7262,"date":"2025-03-13T10:52:52","date_gmt":"2025-03-13T10:52:52","guid":{"rendered":"https:\/\/stagingenvironment.beyta.com\/?page_id=7262"},"modified":"2026-06-15T17:59:02","modified_gmt":"2026-06-15T17:59:02","slug":"projects","status":"publish","type":"page","link":"https:\/\/beyta.com\/he\/projects\/","title":{"rendered":"\u05e4\u05e8\u05d5\u05d9\u05e7\u05d8\u05d9\u05dd"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7262\" class=\"elementor elementor-7262\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d684e6b e-flex e-con-boxed e-con e-parent\" data-id=\"d684e6b\" 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-58788d6 e-con-full e-flex e-con e-child\" data-id=\"58788d6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-547e319 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"547e319\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Discover Israel's Newest Real Estate Projects\n<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0e121b1 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"0e121b1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Connect with trusted lawyers, mortgage advisors, and property experts across Israel<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d6963c3 elementor-icon-list--layout-inline elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"d6963c3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items elementor-inline-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Full transparency<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">No brokers<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Direct to developers.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-de98a22 e-flex e-con-boxed e-con e-parent\" data-id=\"de98a22\" 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-62b81b4 elementor-widget__width-initial elementor-widget elementor-widget-shortcode\" data-id=\"62b81b4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style>\n\/* ---- Project Filter Bar (Hero) ---- *\/\n.prj-filter-bar-wrap {\n    position: relative;\n    width: 100%;\n    margin: 0 auto;\n}\n.prj-filter-bar {\n    width: 100%;\n    height: 100px;\n    background: #FFFFFF;\n    border-radius: 8px;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    box-sizing: border-box;\n    position: relative;\n}\n.prj-filter-bar .prj-fb-col {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 100%;\n    box-sizing: border-box;\n    padding: 0 15px;\n}\n.prj-filter-bar .prj-fb-col-label { flex: 0 0 auto; }\n.prj-filter-bar .prj-fb-col-filter { flex: 1 1 0; min-width: 0; }\n.prj-filter-bar .prj-fb-col-btn { flex: 0 0 auto; justify-content: flex-end; padding-right: 15px; }\n.prj-filter-bar .prj-fb-label {\n    font-family: 'Geist', sans-serif;\n    font-weight: 400;\n    font-size: 18px;\n    line-height: 24px;\n    color: #262626;\n    white-space: nowrap;\n}\n.prj-filter-bar .prj-fb-group {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: 12px;\n    position: relative;\n    width: 100%;\n    border: 1px solid #DADADA;\n    border-radius: 8px;\n    padding: 0 12px;\n    height: 46px;\n    box-sizing: border-box;\n}\n.prj-filter-bar .prj-fb-group select {\n    font-family: 'Geist', sans-serif;\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 24px;\n    color: #262626;\n    appearance: none;\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    background: transparent;\n    border: none;\n    outline: none;\n    cursor: pointer;\n    padding: 0;\n    padding-right: 30px;\n    width: 100%;\n}\n.prj-filter-bar .prj-fb-group select:focus {\n    box-shadow: none;\n    outline: none;\n}\n.prj-filter-bar .prj-fb-icon {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    pointer-events: none;\n    width: 24px;\n    height: 24px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n.prj-filter-bar .prj-fb-submit {\n    width: 171px;\n    height: 48px;\n    background: #0C1843;\n    border-radius: 8px;\n    border: none;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-family: 'Sora', sans-serif;\n    font-weight: 600;\n    font-size: 16px;\n    line-height: 24px;\n    letter-spacing: -0.03em;\n    text-transform: capitalize;\n    color: #FFFFFF;\n    transition: background 0.3s ease;\n    flex-shrink: 0;\n}\n.prj-filter-bar .prj-fb-submit:hover {\n    background: #06102b;\n}\n\n\/* X Clear button - outside top right *\/\n.prj-fb-clear-x {\n    position: absolute;\n    top: -12px;\n    right: -12px;\n    width: 30px;\n    height: 30px;\n    background: #0C1843;\n    color: #FFFFFF !important;\n    border: 2px solid #fff;\n    border-radius: 50%;\n    display: none;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    z-index: 10;\n    transition: background 0.2s ease;\n    padding: 0;\n    box-shadow: 0 2px 10px rgba(0,0,0,0.25);\n    font-size: 18px;\n    font-weight: 700;\n    line-height: 1;\n    font-family: Arial, sans-serif;\n}\n.prj-fb-clear-x:hover {\n    background: #ef4444;\n}\n.prj-fb-clear-x.visible {\n    display: flex;\n}\n\n\/* ---- Filter Bar Responsive ---- *\/\n@media (max-width: 1024px) {\n    .prj-filter-bar .prj-fb-group select { font-size: 14px; }\n    .prj-filter-bar .prj-fb-label { font-size: 16px; }\n}\n@media (max-width: 768px) {\n    .prj-filter-bar {\n        height: auto;\n        flex-direction: column;\n        align-items: stretch;\n        padding: 20px;\n        gap: 14px;\n        border-radius: 12px;\n    }\n    .prj-filter-bar .prj-fb-col {\n        width: 100% !important;\n        height: auto;\n        padding: 0;\n        justify-content: flex-start;\n    }\n    .prj-filter-bar .prj-fb-group {\n        padding: 10px 12px;\n    }\n    .prj-filter-bar .prj-fb-group select {\n        font-size: 16px;\n    }\n    .prj-filter-bar .prj-fb-col-btn {\n        justify-content: center;\n    }\n    .prj-filter-bar .prj-fb-submit {\n        width: 100%;\n    }\n    .prj-fb-clear-x {\n        top: -10px;\n        right: 10px;\n    }\n}\n<\/style>\n\n<div class=\"prj-filter-bar-wrap\">\n    <button type=\"button\" id=\"prj-fb-reset\" class=\"prj-fb-clear-x\" title=\"Clear filters\">&times;<\/button>\n    <form class=\"prj-filter-bar\" id=\"prj-filter-bar\">\n        <div class=\"prj-fb-col prj-fb-col-label\">\n            <span class=\"prj-fb-label\">Find a Project:<\/span>\n        <\/div>\n        <div class=\"prj-fb-col prj-fb-col-filter\">\n            <div class=\"prj-fb-group\">\n                <select id=\"prj-area\" name=\"area\">\n                    <option value=\"\">City<\/option>\n                                            <option value=\"148\" >Kfar Saba<\/option>\n                                            <option value=\"164\" >Qalansawe<\/option>\n                                            <option value=\"77\" >Tel aviv<\/option>\n                                            <option value=\"149\" >Kiryat Gat<\/option>\n                                            <option value=\"165\" >Rosh HaAyin<\/option>\n                                            <option value=\"134\" >Ashdod<\/option>\n                                            <option value=\"150\" >Lod<\/option>\n                                            <option value=\"166\" >Sderot<\/option>\n                                            <option value=\"135\" >Ashkelon<\/option>\n                                            <option value=\"151\" >Nazareth<\/option>\n                                            <option value=\"167\" >Tzrifin<\/option>\n                                            <option value=\"136\" >Bat Yam<\/option>\n                                            <option value=\"152\" >Netanya<\/option>\n                                            <option value=\"168\" >Yokneam Ilit<\/option>\n                                            <option value=\"137\" >Beersheba<\/option>\n                                            <option value=\"153\" >Petah Tikva<\/option>\n                                            <option value=\"257\" >Ramat Bet Shemesh A<\/option>\n                                            <option value=\"138\" >Beit Shemesh<\/option>\n                                            <option value=\"154\" >Raanana<\/option>\n                                            <option value=\"258\" >Ramat Bet Shemesh B<\/option>\n                                            <option value=\"139\" >Bnei Brak<\/option>\n                                            <option value=\"155\" >Ramat Gan<\/option>\n                                            <option value=\"259\" >Sheinfeld<\/option>\n                                            <option value=\"140\" >Dimona<\/option>\n                                            <option value=\"156\" >Rehovot<\/option>\n                                            <option value=\"260\" >Givat Sharet<\/option>\n                                            <option value=\"141\" >Eilat<\/option>\n                                            <option value=\"157\" >Rishon LeZion<\/option>\n                                            <option value=\"261\" >Kiryat Menachem<\/option>\n                                            <option value=\"142\" >Hadera<\/option>\n                                            <option value=\"158\" >Safed (Tzfat)<\/option>\n                                            <option value=\"262\" >Bet Shemesh<\/option>\n                                            <option value=\"143\" >Haifa<\/option>\n                                            <option value=\"159\" >Tiberias<\/option>\n                                            <option value=\"144\" >Herzliya<\/option>\n                                            <option value=\"160\" >Giv&#039;atayim<\/option>\n                                            <option value=\"145\" >Hod HaSharon<\/option>\n                                            <option value=\"161\" >Kiriat Motzkin<\/option>\n                                            <option value=\"146\" >Holon<\/option>\n                                            <option value=\"162\" >Kiryat Shmona<\/option>\n                                            <option value=\"147\" >Jerusalem<\/option>\n                                            <option value=\"163\" >Nazareth Illit<\/option>\n                                    <\/select>\n                <div class=\"prj-fb-icon\">\n                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 9L12 15L18 9\" stroke=\"#0C1843\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"prj-fb-col prj-fb-col-filter\">\n            <div class=\"prj-fb-group\">\n                <select id=\"prj-budget\" name=\"budget\">\n                    <option value=\"\">Budget<\/option>\n                    <option value=\"0-1000000\" >Up to \u20aa1M<\/option>\n                    <option value=\"1000000-2000000\" >\u20aa1M - 2M<\/option>\n                    <option value=\"2000000-3000000\" >\u20aa2M - 3M<\/option>\n                    <option value=\"3000000-5000000\" >\u20aa3M - 5M<\/option>\n                    <option value=\"5000000+\" >\u20aa5M+<\/option>\n                <\/select>\n                <div class=\"prj-fb-icon\">\n                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 9L12 15L18 9\" stroke=\"#0C1843\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"prj-fb-col prj-fb-col-filter\">\n            <div class=\"prj-fb-group\">\n                <select id=\"prj-permit\" name=\"permit_status\">\n                    <option value=\"\">Permit Status<\/option>\n                    <option value=\"approved\" >Approved<\/option>\n                    <option value=\"pending\" >Pending<\/option>\n                    <option value=\"under_review\" >Under Review<\/option>\n                    <option value=\"rejected\" >Rejected<\/option>\n                <\/select>\n                <div class=\"prj-fb-icon\">\n                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 9L12 15L18 9\" stroke=\"#0C1843\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"prj-fb-col prj-fb-col-btn\">\n            <button type=\"button\" id=\"prj-fb-search\" class=\"prj-fb-submit\">View Projects<\/button>\n        <\/div>\n    <\/form>\n<\/div>\n\n<script>\njQuery(document).ready(function($) {\n    function updateURLParameterKey(key, value) {\n        const url = new URL(window.location.href);\n        if (value === null || value === '' || value === undefined) {\n            url.searchParams.delete(key);\n        } else {\n            url.searchParams.set(key, value);\n        }\n        const newUrl = url.origin + url.pathname + (url.searchParams.toString() ? '?' + url.searchParams.toString() : '');\n        window.history.replaceState({}, '', newUrl);\n    }\n\n    function toggleClear() {\n        if ($('#prj-area').val() || $('#prj-budget').val() || $('#prj-permit').val()) {\n            $('#prj-fb-reset').addClass('visible');\n        } else {\n            $('#prj-fb-reset').removeClass('visible');\n        }\n    }\n    toggleClear();\n    $('#prj-filter-bar select').change(function() { toggleClear(); });\n\n    function scrollToProjects() {\n        var target = document.querySelector('.featured-projects-section');\n        if (target) {\n            target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n        }\n    }\n\n    $('#prj-fb-search').click(function() {\n        updateURLParameterKey('paged', '');\n        updateURLParameterKey('area', $('#prj-area').val() || '');\n        updateURLParameterKey('budget', $('#prj-budget').val() || '');\n        updateURLParameterKey('permit_status', $('#prj-permit').val() || '');\n\n        $(document).trigger('prj-filter-changed');\n        setTimeout(scrollToProjects, 200);\n    });\n\n    $('#prj-fb-reset').click(function() {\n        $('#prj-area').val('');\n        $('#prj-budget').val('');\n        $('#prj-permit').val('');\n        updateURLParameterKey('area', '');\n        updateURLParameterKey('budget', '');\n        updateURLParameterKey('permit_status', '');\n        updateURLParameterKey('paged', '');\n        toggleClear();\n\n        $(document).trigger('prj-filter-changed');\n    });\n});\n<\/script>\n <\/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<div class=\"elementor-element elementor-element-e9e8798 e-flex e-con-boxed e-con e-parent\" data-id=\"e9e8798\" 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-3427899 elementor-widget elementor-widget-heading\" data-id=\"3427899\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Featured Projects in Israel<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-976c04a elementor-widget elementor-widget-shortcode\" data-id=\"976c04a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<style>\n\/* Skeleton *\/\n.prj-skeleton .skeleton-box,\n.prj-skeleton .skeleton-line {\n    background: linear-gradient(90deg, #e0e0e0 25%, #f4f4f4 50%, #e0e0e0 75%);\n    background-size: 200% 100%;\n    animation: prj-shimmer 1.5s infinite;\n    border-radius: 4px;\n}\n.prj-skeleton .skeleton-card { border: 1px solid #ddd; border-radius: 12px; overflow: hidden; }\n.prj-skeleton .skeleton-box { width: 100%; height: 200px; }\n.prj-skeleton .skeleton-line { height: 14px; margin: 10px 12px; }\n.prj-skeleton .w-60 { width: 60%; }\n.prj-skeleton .w-40 { width: 40%; }\n@keyframes prj-shimmer {\n    0% { background-position: -200% 0; }\n    100% { background-position: 200% 0; }\n}\n\n\/* Page Wrapper *\/\n.projects-page-wrapper { max-width: 1368px; margin: 0 auto; padding: 0 20px; }\n\n\/* ==== FEATURED PROJECTS ==== *\/\n.featured-projects-section {\n    display: flex; flex-direction: column; justify-content: center;\n    align-items: center; gap: 45px; padding: 60px 0 50px;\n}\n.featured-projects-header {\n    display: flex; flex-direction: column; align-items: center; gap: 11px;\n}\n.featured-label-pill {\n    box-sizing: border-box;\n    display: inline-flex; align-items: center; gap: 6px;\n    padding: 8px 20px;\n    border: 0.7px solid #CBCBCB; border-radius: 70px;\n}\n.featured-label-pill .featured-dot {\n    width: 8px; height: 8px; background: #0C1843; border-radius: 50%; flex-shrink: 0;\n}\n.featured-label-pill span {\n    font-family: 'Geist', sans-serif; font-weight: 400; font-size: 14px;\n    line-height: 16px; text-transform: uppercase; color: #0C1843;\n}\n.featured-projects-header h2 {\n    font-family: 'Sora', sans-serif; font-size: 48px; font-weight: 400;\n    line-height: 58px; letter-spacing: -2px; color: #2D3D21; margin: 0; text-align: center;\n}\n.featured-projects-header h2 strong { font-weight: 700; }\n.featured-project-title a { color: inherit; text-decoration: none; }\n.featured-project-title a:hover { color: #0C1843; }\n\n.featured-projects-grid {\n    display: flex; flex-wrap: wrap; align-items: stretch;\n    gap: 32px; width: 100%;\n}\n\n\/* Featured Card *\/\n.featured-project-card {\n    box-sizing: border-box; width: calc(33.333% - 22px);\n    border: 0.6px solid #0C1843; border-radius: 12px;\n    filter: drop-shadow(0px 4px 9.6px rgba(99,99,99,0.16));\n    overflow: hidden; background: #fff; position: relative;\n    display: flex; flex-direction: column;\n}\n.featured-project-info {\n    flex: 1; display: flex; flex-direction: column;\n}\n.featured-project-details { margin-bottom: 16px; flex: 1; }\n.featured-view-btn { margin-top: auto; }\n.featured-project-image {\n    position: relative; width: 100%; height: 213px; overflow: hidden;\n}\n.featured-project-image img {\n    width: 100%; height: 100%; object-fit: cover; border-radius: 4.67px;\n}\n.featured-project-info { padding: 20px 22px; flex: 1; display: flex; flex-direction: column; }\n.featured-project-title {\n    font-family: 'Sora', sans-serif; font-weight: 600; font-size: 23.4px;\n    line-height: 36px; text-transform: capitalize; color: #2D3D21; margin: 0 0 4px;\n}\n.featured-project-location {\n    font-family: 'Geist', sans-serif; font-weight: 400; font-size: 14px;\n    line-height: 22px; text-transform: capitalize; color: #010101; margin: 0 0 14px;\n    font-style: normal;\n}\n\n.featured-project-details { margin-bottom: 16px; }\n.featured-project-details .detail-row {\n    display: flex; align-items: center; gap: 12px;\n    font-family: 'Geist', sans-serif; font-size: 16px; line-height: 22px;\n    color: #010101; margin-bottom: 14px;\n}\n.featured-project-details .detail-row .detail-icon {\n    width: 19px; height: 19px; flex-shrink: 0; display: flex; align-items: center; justify-content: center;\n}\n.featured-project-details .detail-row .detail-icon svg { width: 16px; height: 16px; }\n.featured-project-details .detail-label {\n    font-family: 'Geist', sans-serif; font-weight: 400; font-size: 16px;\n    line-height: 22px; color: #010101; text-transform: capitalize;\n}\n.featured-project-details .detail-value {\n    font-family: 'Geist', sans-serif; font-weight: 400; font-size: 16px;\n    line-height: 22px; color: #010101;\n}\n\n.featured-view-btn {\n    display: flex; align-items: center; justify-content: center;\n    width: 100%; height: 48px; background: #0C1843; border-radius: 8px;\n    font-family: 'Sora', sans-serif; font-weight: 600; font-size: 16px;\n    line-height: 24px; letter-spacing: -0.03em; text-transform: capitalize;\n    color: #FFFFFF; text-decoration: none; transition: background 0.3s ease;\n    margin-bottom: 14px;\n}\n.featured-view-btn:hover { background: #06102b; color: #fff; }\n\n.featured-separator {\n    width: 100%; height: 0; border: none;\n    border-top: 1px solid rgba(0,0,0,0.1); margin: 0 0 12px;\n}\n\n.featured-bank-logos {\n    display: flex; align-items: center; justify-content: space-between; gap: 8px; padding-top:8px;\n}\n.bank-tag {\n    display: inline-flex; align-items: center; gap: 8.58px;\n    font-family: 'Geist', sans-serif; font-weight: 400; font-size: 14px;\n    line-height: 11px; color: #010101;\n}\n.bank-tag svg { width: 18px; height: 18px; flex-shrink: 0; }\n\n\/* Load More Button *\/\n.featured-load-more-wrap {\n    display: flex; justify-content: center; width: 100%;\n}\n.featured-load-more-btn {\n    display: flex; align-items: center; justify-content: center;\n    padding: 14px 48px; gap: 10px;\n    background: #0C1843; border-radius: 8px; border: none;\n    font-family: 'Sora', sans-serif; font-weight: 600; font-size: 16px;\n    line-height: 24px; letter-spacing: -0.03em; text-transform: capitalize;\n    color: #FFFFFF; cursor: pointer; transition: background 0.3s ease;\n}\n.featured-load-more-btn:hover { background: #06102b; }\n.featured-load-more-btn:disabled { opacity: 0.6; cursor: not-allowed; }\n\n\/* ==== MAIN LISTING ==== *\/\n.projects-listing-section { padding: 30px 0 60px; display: none; }\n.projects-listing-header {\n    display: flex; justify-content: space-between; align-items: center;\n    margin-bottom: 25px; flex-wrap: wrap; gap: 15px;\n}\n.projects-listing-title {\n    font-family: 'Sora', sans-serif; font-size: 48px; font-weight: 400;\n    line-height: 58px; letter-spacing: -2px; color: #2D3D21; margin: 0;\n}\n.projects-listing-title strong { font-weight: 700; }\n.project-total-count { font-weight: 700; }\n\n.projects-sort-wrapper {\n    display: flex; align-items: center; gap: 10px;\n}\n.projects-sort-wrapper label {\n    font-family: 'Geist', sans-serif; font-weight: 400; font-size: 20px;\n    line-height: 16px; color: #010101;\n}\n.projects-sort-wrapper .sort-select-wrap {\n    box-sizing: border-box; display: flex; align-items: center;\n    justify-content: center; padding: 19px 16px; gap: 12px;\n    background: #FFFFFF; border: 1px solid #DADADA; height: 41px;\n}\n.projects-sort-wrapper select {\n    border: none; font-family: 'Geist', sans-serif; font-weight: 500;\n    font-size: 16px; line-height: 16px; color: #0C1843;\n    cursor: pointer; background: transparent; padding: 0; appearance: auto;\n}\n\n.projects-listing-content {\n    display: flex; gap: 39px; align-items: flex-start;\n}\n\n\/* ==== SIDEBAR ==== *\/\n.projects-sidebar {\n    width: 345px; min-width: 345px; position: sticky; top: 100px;\n    background: rgba(235,235,235,0.5); border-radius: 12px;\n    padding: 19px 0;\n}\n\n.sidebar-filter-group {\n    padding: 0 18px 0 18px;\n}\n.sidebar-filter-group h4 {\n    font-family: 'Sora', sans-serif; font-weight: 600; font-size: 28px;\n    line-height: 58px; letter-spacing: -1px; color: #2D3D21; margin: 0;\n    display: flex; justify-content: space-between; align-items: center;\n}\n.sidebar-separator {\n    width: 100%; height: 0; border: none;\n    border-top: 1px solid #DFDCDC; margin: 0;\n}\n\n\/* Room select in sidebar *\/\n.sidebar-room-select {\n    box-sizing: border-box; width: 100%; height: 48px;\n    background: #FFFFFF; border: 1px solid #CECECE; border-radius: 8px;\n    position: relative; display: flex; align-items: center;\n    padding: 0 40px 0 15px; margin-bottom: 20px;\n}\n.sidebar-room-select select {\n    font-family: 'Geist', sans-serif; font-weight: 400; font-size: 18px;\n    line-height: 22px; color: #010101; text-transform: capitalize;\n    border: none; background: transparent; outline: none;\n    cursor: pointer; width: 100%; appearance: none; -webkit-appearance: none;\n}\n.sidebar-room-select .sel-icon {\n    position: absolute; right: 12px; top: 50%; transform: translateY(-50%);\n    pointer-events: none;\n}\n\n\/* Budget buttons in sidebar *\/\n.budget-buttons {\n    display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 20px;\n}\n.budget-btn {\n    box-sizing: border-box; display: flex; justify-content: center; align-items: center;\n    padding: 13px 23px; gap: 10px; width: 68px; height: 48px;\n    background: #FFFFFF; border: 1px solid #CECECE; border-radius: 8px;\n    font-family: 'Geist', sans-serif; font-weight: 400; font-size: 18px;\n    line-height: 22px; text-transform: capitalize; color: #010101;\n    cursor: pointer; transition: all 0.2s ease;\n}\n.budget-btn:hover { border-color: #0C1843; color: #0C1843; }\n.budget-btn.active { background: #0C1843; border-color: #0C1843; color: #fff; }\n\n\/* Completion select *\/\n.sidebar-completion-select {\n    box-sizing: border-box; width: 100%; height: 48px;\n    background: #FFFFFF; border: 1px solid #CECECE; border-radius: 8px;\n    position: relative; display: flex; align-items: center;\n    padding: 0 40px 0 15px; margin-bottom: 20px;\n}\n.sidebar-completion-select select {\n    font-family: 'Geist', sans-serif; font-weight: 400; font-size: 18px;\n    line-height: 22px; color: #010101; text-transform: capitalize;\n    border: none; background: transparent; outline: none;\n    cursor: pointer; width: 100%; appearance: none; -webkit-appearance: none;\n}\n.sidebar-completion-select .sel-icon {\n    position: absolute; right: 12px; top: 50%; transform: translateY(-50%);\n    pointer-events: none;\n}\n\n\/* Project Type checkboxes *\/\n.project-type-checkboxes {\n    display: flex; flex-direction: column; gap: 14px; padding: 10px 2px;\n}\n.checkbox-label {\n    display: flex; align-items: center; gap: 16px;\n    font-family: 'Geist', sans-serif; font-weight: 400; font-size: 18px;\n    line-height: 22px; color: #010101; cursor: pointer;\n}\n.checkbox-label input[type=\"checkbox\"] {\n    width: 22px; height: 22px; border: 1px solid #181B1A; border-radius: 5px;\n    cursor: pointer; accent-color: #0C1843; flex-shrink: 0;\n}\n\n.apply-filters-btn {\n    display: flex; justify-content: center; align-items: center;\n    padding: 12px 29px; gap: 10px;\n    width: calc(100% - 36px); margin: 20px 18px 10px; height: 48px;\n    background: #0C1843; border-radius: 8px; border: none;\n    font-family: 'Sora', sans-serif; font-weight: 600; font-size: 16px;\n    line-height: 24px; letter-spacing: -0.03em; text-transform: capitalize;\n    color: #FFFFFF; cursor: pointer; transition: background 0.3s ease;\n}\n.apply-filters-btn:hover { background: #06102b; }\n\n\/* ==== GRID CARDS ==== *\/\n.projects-grid-wrapper { flex: 1; min-width: 0; }\n.projects-grid-rows {\n    display: flex; flex-direction: column; gap: 15px;\n}\n.projects-grid-row {\n    display: flex; gap: 14px;\n}\n\n.projects-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }\n\n.project-grid-card {\n    box-sizing: border-box; display: block; text-decoration: none;\n    width: 100%; border: 1px solid rgba(171,171,171,0.31);\n    filter: drop-shadow(0px 4px 9.6px rgba(99,99,99,0.16));\n    border-radius: 12px; overflow: hidden;\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n.project-grid-card:hover {\n    transform: translateY(-4px); box-shadow: 0 8px 24px rgba(0,0,0,0.15);\n}\n\n.project-grid-image {\n    position: relative; width: 100%; height: 298px;\n    overflow: hidden; border-radius: 12px;\n}\n.project-grid-image img {\n    width: 100%; height: 100%; object-fit: cover;\n    transition: transform 0.4s ease;\n}\n.project-grid-card:hover .project-grid-image img { transform: scale(1.05); }\n\n.project-grid-overlay {\n    position: absolute; bottom: 0; left: 0; right: 0;\n    padding: 20px 16px 16px;\n    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, #000000 100%);\n}\n.project-grid-title {\n    font-family: 'Sora', sans-serif; font-weight: 600; font-size: 23.4px;\n    line-height: 36px; text-transform: capitalize; color: #FFFFFF; margin: 0 0 4px;\n}\n.project-grid-location {\n    display: flex; align-items: center; gap: 6px;\n    font-family: 'Geist', sans-serif; font-weight: 400; font-size: 14px;\n    line-height: 24px; color: #FFFFFF;\n}\n.project-grid-location svg { width: 16px; height: 16px; flex-shrink: 0; }\n\n.project-grid-meta {\n    display: flex; align-items: center; justify-content: space-between;\n    padding: 12px 13px 10px;\n}\n.project-grid-meta-item {\n    font-family: 'Geist', sans-serif; font-weight: 400; font-size: 14px;\n    line-height: 17px; color: #010101;\n}\n.project-grid-area { color: #6b7280; }\n.project-grid-price { font-weight: 600; color: #0C1843; }\n\n.prj-no-result {\n    text-align: center; padding: 40px; color: #6b7280; font-size: 16px;\n    grid-column: 1 \/ -1;\n}\n\n\/* Mobile toggle *\/\n.sidebar-mobile-toggle {\n    display: none; padding: 10px 20px; background: #0C1843; color: #fff;\n    border: none; border-radius: 8px; font-size: 14px; font-weight: 600;\n    cursor: pointer; margin-bottom: 15px; width: 100%; text-align: center;\n}\n\n\/* ==== RESPONSIVE ==== *\/\n@media (max-width: 1200px) {\n    .projects-sidebar { width: 280px; min-width: 280px; }\n    .projects-listing-title { font-size: 36px; }\n}\n@media (max-width: 1024px) {\n    .featured-projects-grid { flex-wrap: wrap; }\n    .featured-project-card { width: calc(50% - 16px); }\n    .featured-project-card:last-child { margin: 0 auto; }\n    .projects-grid { grid-template-columns: repeat(2, 1fr); }\n}\n@media (max-width: 768px) {\n    .projects-page-wrapper { padding: 0 15px; }\n    .featured-projects-header h2 { font-size: 32px; line-height: 40px; }\n    .featured-projects-grid { flex-direction: column; gap: 20px; }\n    .featured-project-card { width: 100%; }\n    .projects-listing-header { flex-direction: column; align-items: flex-start; }\n    .projects-listing-title { font-size: 28px; line-height: 36px; }\n    .projects-listing-content { flex-direction: column; }\n    .sidebar-mobile-toggle { display: block; }\n    .projects-sidebar {\n        width: 100%; min-width: unset; position: static; display: none;\n        margin-bottom: 20px;\n    }\n    .projects-sidebar.sidebar-open { display: block; }\n    .projects-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }\n    .project-grid-image { height: 200px; }\n    .project-grid-title { font-size: 18px; }\n}\n@media (max-width: 480px) {\n    .projects-grid { grid-template-columns: 1fr; }\n    .featured-projects-header h2 { font-size: 26px; line-height: 34px; }\n}\n<\/style>\n\n<div class=\"projects-page-wrapper\">\n\n    <!-- ===== FEATURED PROJECTS SECTION ===== -->\n        <section class=\"featured-projects-section\">\n        <div class=\"featured-projects-grid\">\n                        <div class=\"featured-project-card\">\n                <div class=\"featured-project-image\">\n                                            <img decoding=\"async\" src=\"https:\/\/beyta.com\/wp-content\/uploads\/2025\/06\/Hero-Section-1024x450.webp\" alt=\"Hayarkon Towers\" \/>\n                                    <\/div>\n                <div class=\"featured-project-info\">\n                    <h3 class=\"featured-project-title\"><a href=\"https:\/\/beyta.com\/he\/property\/hayarkon-towers\/\">Hayarkon Towers<\/a><\/h3>\n                    <p class=\"featured-project-location\">Tel aviv<\/p>\n\n                    <div class=\"featured-project-details\">\n                                                <div class=\"detail-row\">\n                            <span class=\"detail-label\">Starting From<\/span>\n                            <div class=\"detail-icon\">\n                                <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M9.5 1.5 14.5 6.5v7a1 1 0 0 1-1 1h-11a1 1 0 0 1-1-1v-11a1 1 0 0 1 1-1h7Z\" stroke=\"#010101\" stroke-width=\"1.2\" stroke-linejoin=\"round\"\/><circle cx=\"7\" cy=\"9\" r=\"2.5\" stroke=\"#010101\" stroke-width=\"1.2\"\/><path d=\"M9.5 1.5v4a1 1 0 0 0 1 1h4\" stroke=\"#010101\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                            <\/div>\n                            <span class=\"detail-value\">3,450,000<\/span>\n                        <\/div>\n                        \n                                                <div class=\"detail-row\">\n                            <span class=\"detail-label\">Permit Status<\/span>\n                            <div class=\"detail-icon\">\n                                <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><circle cx=\"8\" cy=\"8\" r=\"7\" stroke=\"#34d399\" stroke-width=\"1.2\"\/><path d=\"M5 8l2 2 4-4\" stroke=\"#34d399\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>                            <\/div>\n                            <span class=\"detail-value\">Approved<\/span>\n                        <\/div>\n                        \n                                                <div class=\"detail-row\">\n                            <span class=\"detail-label\">Construction Progress<\/span>\n                            <div class=\"detail-icon\">\n                                <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><rect x=\"1\" y=\"10\" width=\"14\" height=\"4\" rx=\"1\" stroke=\"#010101\" stroke-width=\"1.2\"\/><path d=\"M3 10V6l5-4 5 4v4\" stroke=\"#010101\" stroke-width=\"1.2\" stroke-linejoin=\"round\"\/><rect x=\"6\" y=\"10\" width=\"4\" height=\"4\" fill=\"#010101\" opacity=\".2\"\/><\/svg>\n                            <\/div>\n                            <span class=\"detail-value\">42%<\/span>\n                        <\/div>\n                        \n                                                <div class=\"detail-row\">\n                            <span class=\"detail-label\">Expected Delivery<\/span>\n                            <div class=\"detail-icon\">\n                                <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><rect x=\"1.5\" y=\"2.5\" width=\"13\" height=\"12\" rx=\"1.5\" stroke=\"#010101\" stroke-width=\"1.2\"\/><path d=\"M1.5 6h13\" stroke=\"#010101\" stroke-width=\"1.2\"\/><path d=\"M5 1v3M11 1v3\" stroke=\"#010101\" stroke-width=\"1.2\" stroke-linecap=\"round\"\/><\/svg>\n                            <\/div>\n                            <span class=\"detail-value\">Q4 2027<\/span>\n                        <\/div>\n                                            <\/div>\n\n                    <a href=\"https:\/\/beyta.com\/he\/property\/hayarkon-towers\/\" class=\"featured-view-btn\">View Full Details<\/a>\n\n                    <hr class=\"featured-separator\" \/>\n\n                    <div class=\"featured-bank-logos\">\n                        <span class=\"bank-tag\">\n                            <svg viewBox=\"0 0 18 18\" fill=\"none\"><path d=\"M9 1L1 5v2h16V5L9 1zM3 9v5h2V9H3zM7 9v5h2V9H7zM11 9v5h2V9h-2zM1 16h16v2H1v-2z\" fill=\"#F8723D\"\/><\/svg>\n                            Bank Leumi\n                        <\/span>\n                        <span class=\"bank-tag\">\n                            <svg viewBox=\"0 0 22 22\" fill=\"none\"><rect x=\"2\" y=\"3\" width=\"18\" height=\"16\" rx=\"2\" stroke=\"#0C1843\" stroke-width=\"1.4\"\/><path d=\"M6 7h10M6 10.5h7M6 14h4\" stroke=\"#0C1843\" stroke-width=\"1.3\" stroke-linecap=\"round\"\/><circle cx=\"15.5\" cy=\"13\" r=\"3\" stroke=\"#0C1843\" stroke-width=\"1.2\"\/><path d=\"M15.5 11.5v1.5h1.2\" stroke=\"#0C1843\" stroke-width=\"1\" stroke-linecap=\"round\"\/><\/svg>\n                            Bank Leumi\n                        <\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n                        <div class=\"featured-project-card\">\n                <div class=\"featured-project-image\">\n                                    <\/div>\n                <div class=\"featured-project-info\">\n                    <h3 class=\"featured-project-title\"><a href=\"https:\/\/beyta.com\/he\/property\/lighthouse-point\/\">Lighthouse Point<\/a><\/h3>\n                    <p class=\"featured-project-location\">Ashkelon<\/p>\n\n                    <div class=\"featured-project-details\">\n                                                <div class=\"detail-row\">\n                            <span class=\"detail-label\">Starting From<\/span>\n                            <div class=\"detail-icon\">\n                                <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M9.5 1.5 14.5 6.5v7a1 1 0 0 1-1 1h-11a1 1 0 0 1-1-1v-11a1 1 0 0 1 1-1h7Z\" stroke=\"#010101\" stroke-width=\"1.2\" stroke-linejoin=\"round\"\/><circle cx=\"7\" cy=\"9\" r=\"2.5\" stroke=\"#010101\" stroke-width=\"1.2\"\/><path d=\"M9.5 1.5v4a1 1 0 0 0 1 1h4\" stroke=\"#010101\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                            <\/div>\n                            <span class=\"detail-value\">2,450,000<\/span>\n                        <\/div>\n                        \n                                                <div class=\"detail-row\">\n                            <span class=\"detail-label\">Permit Status<\/span>\n                            <div class=\"detail-icon\">\n                                <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><circle cx=\"8\" cy=\"8\" r=\"7\" stroke=\"#ffb95f\" stroke-width=\"1.2\"\/><path d=\"M8 4v4h3\" stroke=\"#ffb95f\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>                            <\/div>\n                            <span class=\"detail-value\">Pending<\/span>\n                        <\/div>\n                        \n                                                <div class=\"detail-row\">\n                            <span class=\"detail-label\">Construction Progress<\/span>\n                            <div class=\"detail-icon\">\n                                <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><rect x=\"1\" y=\"10\" width=\"14\" height=\"4\" rx=\"1\" stroke=\"#010101\" stroke-width=\"1.2\"\/><path d=\"M3 10V6l5-4 5 4v4\" stroke=\"#010101\" stroke-width=\"1.2\" stroke-linejoin=\"round\"\/><rect x=\"6\" y=\"10\" width=\"4\" height=\"4\" fill=\"#010101\" opacity=\".2\"\/><\/svg>\n                            <\/div>\n                            <span class=\"detail-value\">50%<\/span>\n                        <\/div>\n                        \n                                                <div class=\"detail-row\">\n                            <span class=\"detail-label\">Expected Delivery<\/span>\n                            <div class=\"detail-icon\">\n                                <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><rect x=\"1.5\" y=\"2.5\" width=\"13\" height=\"12\" rx=\"1.5\" stroke=\"#010101\" stroke-width=\"1.2\"\/><path d=\"M1.5 6h13\" stroke=\"#010101\" stroke-width=\"1.2\"\/><path d=\"M5 1v3M11 1v3\" stroke=\"#010101\" stroke-width=\"1.2\" stroke-linecap=\"round\"\/><\/svg>\n                            <\/div>\n                            <span class=\"detail-value\">May 2028<\/span>\n                        <\/div>\n                                            <\/div>\n\n                    <a href=\"https:\/\/beyta.com\/he\/property\/lighthouse-point\/\" class=\"featured-view-btn\">View Full Details<\/a>\n\n                    <hr class=\"featured-separator\" \/>\n\n                    <div class=\"featured-bank-logos\">\n                        <span class=\"bank-tag\">\n                            <svg viewBox=\"0 0 18 18\" fill=\"none\"><path d=\"M9 1L1 5v2h16V5L9 1zM3 9v5h2V9H3zM7 9v5h2V9H7zM11 9v5h2V9h-2zM1 16h16v2H1v-2z\" fill=\"#F8723D\"\/><\/svg>\n                            Bank Leumi\n                        <\/span>\n                        <span class=\"bank-tag\">\n                            <svg viewBox=\"0 0 22 22\" fill=\"none\"><rect x=\"2\" y=\"3\" width=\"18\" height=\"16\" rx=\"2\" stroke=\"#0C1843\" stroke-width=\"1.4\"\/><path d=\"M6 7h10M6 10.5h7M6 14h4\" stroke=\"#0C1843\" stroke-width=\"1.3\" stroke-linecap=\"round\"\/><circle cx=\"15.5\" cy=\"13\" r=\"3\" stroke=\"#0C1843\" stroke-width=\"1.2\"\/><path d=\"M15.5 11.5v1.5h1.2\" stroke=\"#0C1843\" stroke-width=\"1\" stroke-linecap=\"round\"\/><\/svg>\n                            Bank Leumi\n                        <\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n                        <div class=\"featured-project-card\">\n                <div class=\"featured-project-image\">\n                                    <\/div>\n                <div class=\"featured-project-info\">\n                    <h3 class=\"featured-project-title\"><a href=\"https:\/\/beyta.com\/he\/property\/starlight-estates\/\">Starlight Estates<\/a><\/h3>\n                    <p class=\"featured-project-location\">Ashdod<\/p>\n\n                    <div class=\"featured-project-details\">\n                                                <div class=\"detail-row\">\n                            <span class=\"detail-label\">Starting From<\/span>\n                            <div class=\"detail-icon\">\n                                <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M9.5 1.5 14.5 6.5v7a1 1 0 0 1-1 1h-11a1 1 0 0 1-1-1v-11a1 1 0 0 1 1-1h7Z\" stroke=\"#010101\" stroke-width=\"1.2\" stroke-linejoin=\"round\"\/><circle cx=\"7\" cy=\"9\" r=\"2.5\" stroke=\"#010101\" stroke-width=\"1.2\"\/><path d=\"M9.5 1.5v4a1 1 0 0 0 1 1h4\" stroke=\"#010101\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                            <\/div>\n                            <span class=\"detail-value\">1,450,000<\/span>\n                        <\/div>\n                        \n                                                <div class=\"detail-row\">\n                            <span class=\"detail-label\">Permit Status<\/span>\n                            <div class=\"detail-icon\">\n                                <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><circle cx=\"8\" cy=\"8\" r=\"7\" stroke=\"#c0c1ff\" stroke-width=\"1.2\"\/><path d=\"M6.5 6.5a1.5 1.5 0 1 1 2.12 1.37c-.38.16-.62.52-.62.93V10\" stroke=\"#c0c1ff\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><circle cx=\"8\" cy=\"12\" r=\".75\" fill=\"#c0c1ff\"\/><\/svg>                            <\/div>\n                            <span class=\"detail-value\">Under Review<\/span>\n                        <\/div>\n                        \n                                                <div class=\"detail-row\">\n                            <span class=\"detail-label\">Construction Progress<\/span>\n                            <div class=\"detail-icon\">\n                                <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><rect x=\"1\" y=\"10\" width=\"14\" height=\"4\" rx=\"1\" stroke=\"#010101\" stroke-width=\"1.2\"\/><path d=\"M3 10V6l5-4 5 4v4\" stroke=\"#010101\" stroke-width=\"1.2\" stroke-linejoin=\"round\"\/><rect x=\"6\" y=\"10\" width=\"4\" height=\"4\" fill=\"#010101\" opacity=\".2\"\/><\/svg>\n                            <\/div>\n                            <span class=\"detail-value\">98%<\/span>\n                        <\/div>\n                        \n                                                <div class=\"detail-row\">\n                            <span class=\"detail-label\">Expected Delivery<\/span>\n                            <div class=\"detail-icon\">\n                                <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><rect x=\"1.5\" y=\"2.5\" width=\"13\" height=\"12\" rx=\"1.5\" stroke=\"#010101\" stroke-width=\"1.2\"\/><path d=\"M1.5 6h13\" stroke=\"#010101\" stroke-width=\"1.2\"\/><path d=\"M5 1v3M11 1v3\" stroke=\"#010101\" stroke-width=\"1.2\" stroke-linecap=\"round\"\/><\/svg>\n                            <\/div>\n                            <span class=\"detail-value\">2027<\/span>\n                        <\/div>\n                                            <\/div>\n\n                    <a href=\"https:\/\/beyta.com\/he\/property\/starlight-estates\/\" class=\"featured-view-btn\">View Full Details<\/a>\n\n                    <hr class=\"featured-separator\" \/>\n\n                    <div class=\"featured-bank-logos\">\n                        <span class=\"bank-tag\">\n                            <svg viewBox=\"0 0 18 18\" fill=\"none\"><path d=\"M9 1L1 5v2h16V5L9 1zM3 9v5h2V9H3zM7 9v5h2V9H7zM11 9v5h2V9h-2zM1 16h16v2H1v-2z\" fill=\"#F8723D\"\/><\/svg>\n                            Bank Leumi\n                        <\/span>\n                        <span class=\"bank-tag\">\n                            <svg viewBox=\"0 0 22 22\" fill=\"none\"><rect x=\"2\" y=\"3\" width=\"18\" height=\"16\" rx=\"2\" stroke=\"#0C1843\" stroke-width=\"1.4\"\/><path d=\"M6 7h10M6 10.5h7M6 14h4\" stroke=\"#0C1843\" stroke-width=\"1.3\" stroke-linecap=\"round\"\/><circle cx=\"15.5\" cy=\"13\" r=\"3\" stroke=\"#0C1843\" stroke-width=\"1.2\"\/><path d=\"M15.5 11.5v1.5h1.2\" stroke=\"#0C1843\" stroke-width=\"1\" stroke-linecap=\"round\"\/><\/svg>\n                            Bank Leumi\n                        <\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n                    <\/div>\n        <div class=\"featured-load-more-wrap\">\n            <button type=\"button\" id=\"featured-load-more\" class=\"featured-load-more-btn\">Load More Projects<\/button>\n        <\/div>\n    <\/section>\n    \n    <!-- ===== MAIN PROJECTS LISTING ===== -->\n    <section class=\"projects-listing-section\">\n        <div class=\"projects-listing-header\">\n            <h2 class=\"projects-listing-title\"><span class=\"project-total-count\"><\/span> <strong>New<\/strong> Developments Across Israel<\/h2>\n            <div class=\"projects-sort-wrapper\">\n                <label>Sort by:<\/label>\n                <div class=\"sort-select-wrap\">\n                    <svg width=\"14\" height=\"10\" viewBox=\"0 0 14 10\" fill=\"none\"><path d=\"M1 1L7 9L13 1\" stroke=\"#0C1843\" stroke-width=\"1.44\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                    <select id=\"project-sort\" name=\"sort\">\n                        <option value=\"priority\">Priority<\/option>\n                        <option value=\"newest\">Newest<\/option>\n                        <option value=\"price_low\">Price: Low to High<\/option>\n                        <option value=\"price_high\">Price: High to Low<\/option>\n                    <\/select>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"projects-listing-content\">\n            <!-- Mobile sidebar toggle -->\n            <button type=\"button\" class=\"sidebar-mobile-toggle\">Filter Projects<\/button>\n\n            <!-- Sidebar Filters -->\n            <aside class=\"projects-sidebar\">\n                <div class=\"sidebar-filter-group\">\n                    <h4>Number of Rooms<\/h4>\n                    <div class=\"sidebar-room-select\">\n                        <select id=\"sidebar-rooms\" name=\"sidebar_rooms\">\n                            <option value=\"\">3+ 4 5+<\/option>\n                            <option value=\"3\">3+ rooms<\/option>\n                            <option value=\"4\">4 rooms<\/option>\n                            <option value=\"5\">5+ rooms<\/option>\n                        <\/select>\n                        <span class=\"sel-icon\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 9L12 15L18 9\" stroke=\"#0C1843\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>\n                    <\/div>\n                <\/div>\n\n                <hr class=\"sidebar-separator\" \/>\n\n                <div class=\"sidebar-filter-group\">\n                    <h4>Budget Range<\/h4>\n                    <div class=\"budget-buttons\">\n                        <button type=\"button\" class=\"budget-btn\" data-budget=\"0-2000000\">2+<\/button>\n                        <button type=\"button\" class=\"budget-btn\" data-budget=\"2000000-3000000\">2+<\/button>\n                        <button type=\"button\" class=\"budget-btn\" data-budget=\"3000000-5000000\">2+<\/button>\n                        <button type=\"button\" class=\"budget-btn\" data-budget=\"5000000+\">2+<\/button>\n                    <\/div>\n                <\/div>\n\n                <hr class=\"sidebar-separator\" \/>\n\n                <div class=\"sidebar-filter-group\">\n                    <h4>Expected Completion<\/h4>\n                    <div class=\"sidebar-completion-select\">\n                        <select id=\"sidebar-completion\" name=\"completion\">\n                            <option value=\"\">All Years<\/option>\n                                                            <option value=\"2025\">2025<\/option>\n                                                            <option value=\"2026\">2026<\/option>\n                                                            <option value=\"2027\">2027<\/option>\n                                                            <option value=\"2028\">2028<\/option>\n                                                            <option value=\"2029\">2029<\/option>\n                                                    <\/select>\n                        <span class=\"sel-icon\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 9L12 15L18 9\" stroke=\"#0C1843\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>\n                    <\/div>\n                <\/div>\n\n                <div class=\"sidebar-filter-group\">\n                    <h4>Project Type<\/h4>\n                    <div class=\"project-type-checkboxes\">\n                                                <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" name=\"project_type[]\" value=\"new_construction\" \/>\n                            New Construction                        <\/label>\n                                                <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" name=\"project_type[]\" value=\"advanced_new_construction\" \/>\n                            Advanced New Construction                        <\/label>\n                                                <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" name=\"project_type[]\" value=\"developing_new_land\" \/>\n                            Developing New Land                        <\/label>\n                                                <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" name=\"project_type[]\" value=\"bank_guarantees\" \/>\n                            Bank Guarantees                        <\/label>\n                                                <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" name=\"project_type[]\" value=\"units_with_balcony\" \/>\n                            Units With Balcony                        <\/label>\n                                                <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" name=\"project_type[]\" value=\"units_with_penthouse\" \/>\n                            Units With Penthouse                        <\/label>\n                                            <\/div>\n                <\/div>\n\n                <button type=\"button\" id=\"apply-sidebar-filters\" class=\"apply-filters-btn\">Apply Filters<\/button>\n            <\/aside>\n\n            <!-- Projects Grid -->\n            <div class=\"projects-grid-wrapper\">\n                <div id=\"property-results\">\n                    <div class=\"projects-grid prj-skeleton\">\n                                                <div class=\"skeleton-card\">\n                            <div class=\"skeleton-box\" style=\"height:298px\"><\/div>\n                            <div class=\"skeleton-line w-60\"><\/div>\n                            <div class=\"skeleton-line w-40\"><\/div>\n                        <\/div>\n                                                <div class=\"skeleton-card\">\n                            <div class=\"skeleton-box\" style=\"height:298px\"><\/div>\n                            <div class=\"skeleton-line w-60\"><\/div>\n                            <div class=\"skeleton-line w-40\"><\/div>\n                        <\/div>\n                                                <div class=\"skeleton-card\">\n                            <div class=\"skeleton-box\" style=\"height:298px\"><\/div>\n                            <div class=\"skeleton-line w-60\"><\/div>\n                            <div class=\"skeleton-line w-40\"><\/div>\n                        <\/div>\n                                                <div class=\"skeleton-card\">\n                            <div class=\"skeleton-box\" style=\"height:298px\"><\/div>\n                            <div class=\"skeleton-line w-60\"><\/div>\n                            <div class=\"skeleton-line w-40\"><\/div>\n                        <\/div>\n                                                <div class=\"skeleton-card\">\n                            <div class=\"skeleton-box\" style=\"height:298px\"><\/div>\n                            <div class=\"skeleton-line w-60\"><\/div>\n                            <div class=\"skeleton-line w-40\"><\/div>\n                        <\/div>\n                                                <div class=\"skeleton-card\">\n                            <div class=\"skeleton-box\" style=\"height:298px\"><\/div>\n                            <div class=\"skeleton-line w-60\"><\/div>\n                            <div class=\"skeleton-line w-40\"><\/div>\n                        <\/div>\n                                            <\/div>\n                <\/div>\n                <div id=\"pagination-container\"><\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n<\/div>\n\n<script>\njQuery(document).ready(function($) {\n\n    function getUrlParams() {\n        const params = {};\n        const queryString = window.location.search.substring(1);\n        const regex = \/([^&=]+)=?([^&]*)\/g;\n        let match;\n        while ((match = regex.exec(queryString))) {\n            let key = decodeURIComponent(match[1]);\n            let value = decodeURIComponent(match[2].replace(\/\\+\/g, ' '));\n            if (key.endsWith('[]')) {\n                key = key.replace('[]', '');\n                if (!params[key]) params[key] = [];\n                params[key].push(value);\n            } else {\n                params[key] = value;\n            }\n        }\n        return params;\n    }\n\n    function updateURLParams(updates) {\n        const url = new URL(window.location.href);\n        const params = url.searchParams;\n        Object.keys(updates).forEach(function(key) {\n            const value = updates[key];\n            if (value === null || value === '' || value === undefined) {\n                params.delete(key);\n                params.delete(key + '[]');\n            } else if (Array.isArray(value)) {\n                params.delete(key + '[]');\n                value.forEach(function(v) { params.append(key + '[]', v); });\n            } else {\n                params.set(key, value);\n            }\n        });\n        const newUrl = url.origin + url.pathname + (params.toString() ? '?' + params.toString() : '');\n        window.history.replaceState({}, '', newUrl);\n    }\n\n    \/\/ Expose globally so the hero filter bar can call it\n    window.fetchFilteredProjects = fetchFilteredProjects;\n\n    \/\/ Listen for filter changes from the hero filter bar shortcode\n    $(document).on('prj-filter-changed', function() {\n        fetchFilteredProjects();\n        fetchFeaturedFiltered();\n    });\n\n    function fetchFilteredProjects() {\n        const params = getUrlParams();\n        params.action = 'realhomes_filter_project_manual';\n\n        $.ajax({\n            url: 'https:\/\/beyta.com\/wp-admin\/admin-ajax.php',\n            method: 'POST',\n            beforeSend: function() {\n                let skeleton = '<div class=\"projects-grid prj-skeleton\">';\n                for (let i = 0; i < 6; i++) {\n                    skeleton += '<div class=\"skeleton-card\"><div class=\"skeleton-box\" style=\"height:298px\"><\/div><div class=\"skeleton-line w-60\"><\/div><div class=\"skeleton-line w-40\"><\/div><\/div>';\n                }\n                skeleton += '<\/div>';\n                $('#property-results').html(skeleton);\n            },\n            data: params,\n            success: function(response) {\n                if (response?.projects?.length) {\n                    renderProjectsGrid(response.projects);\n                    renderPagination(response.pagination);\n                    $('.project-total-count').text(response.total);\n                } else {\n                    $('#property-results').html('<p class=\"prj-no-result\">No projects found.<\/p>');\n                    $('.project-total-count').text('0');\n                    renderPagination(null);\n                }\n            },\n            error: function(xhr) {\n                console.error('AJAX error:', xhr.responseText);\n            }\n        });\n    }\n\n    function renderProjectsGrid(projects) {\n        let html = '<div class=\"projects-grid\">';\n        projects.forEach(function(project) {\n            html += '<a href=\"' + project.link + '\" class=\"project-grid-card\">';\n            html += '<div class=\"project-grid-image\">';\n            html += '<img decoding=\"async\" src=\"' + (project.image_url || '') + '\" alt=\"' + project.title + '\" \/>';\n            html += '<div class=\"project-grid-overlay\">';\n            html += '<h3 class=\"project-grid-title\">' + project.title + '<\/h3>';\n            if (project.area) {\n                html += '<span class=\"project-grid-location\">';\n                html += '<svg viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M2 6.5h12M5.333 1v2M10.667 1v2M4.333 15h7.334c1.12 0 1.68 0 2.108-.218a2 2 0 00.874-.874C15 13.48 15 12.92 15 11.8V6.2c0-1.12 0-1.68-.218-2.108a2 2 0 00-.874-.874C13.48 3 12.92 3 11.8 3H4.2c-1.12 0-1.68 0-2.108.218a2 2 0 00-.874.874C1 4.52 1 5.08 1 6.2v5.6c0 1.12 0 1.68.218 2.108a2 2 0 00.874.874C2.52 15 3.08 15 4.2 15z\" stroke=\"#fff\" stroke-width=\"1.2\" stroke-linecap=\"round\"\/><\/svg>';\n                html += project.active_count + ' ActiveProjects<\/span>';\n            }\n            html += '<\/div><\/div>';\n            html += '<div class=\"project-grid-meta\">';\n            if (project.area) {\n                html += '<span class=\"project-grid-meta-item project-grid-area\">' + project.area + '<\/span>';\n            }\n            if (project.price_range) {\n                html += '<span class=\"project-grid-meta-item project-grid-price\">' + project.price_range + '<\/span>';\n            }\n            html += '<\/div><\/a>';\n        });\n        html += '<\/div>';\n        $('#property-results').html(html);\n    }\n\n    function renderPagination(pagination) {\n        if (!pagination || pagination.pages <= 1) {\n            $('#pagination-container').html('');\n            return;\n        }\n        let html = '<div class=\"pagination\">';\n        const current = parseInt(pagination.current);\n        const totalPages = parseInt(pagination.pages);\n        html += '<button class=\"page-btn\" data-page=\"' + (current - 1) + '\" ' + (current === 1 ? 'disabled' : '') + '>\u00ab<\/button>';\n        for (let i = 1; i <= totalPages; i++) {\n            html += '<button class=\"page-btn ' + (i === current ? 'active' : '') + '\" data-page=\"' + i + '\">' + i + '<\/button>';\n        }\n        html += '<button class=\"page-btn\" data-page=\"' + (current + 1) + '\" ' + (current === totalPages ? 'disabled' : '') + '>\u00bb<\/button>';\n        html += '<\/div>';\n        $('#pagination-container').html(html);\n    }\n\n    \/\/ Sidebar filter buttons\n    $('.budget-btn').click(function() { $(this).toggleClass('active'); });\n\n    \/\/ Apply sidebar filters - combines with hero bar filters\n    $('#apply-sidebar-filters').click(function() {\n        const sidebarRooms = $('#sidebar-rooms').val();\n        const budgets = [];\n        $('.budget-btn.active').each(function() { budgets.push($(this).data('budget')); });\n        const completion = $('#sidebar-completion').val();\n        const projectTypes = [];\n        $('input[name=\"project_type[]\"]:checked').each(function() { projectTypes.push($(this).val()); });\n\n        updateURLParams({\n            paged: '',\n            sidebar_rooms: sidebarRooms || '',\n            sidebar_budget: budgets.length ? budgets.join(',') : '',\n            completion: completion || '',\n            project_type: projectTypes.length ? projectTypes.join(',') : ''\n        });\n        fetchFilteredProjects();\n\n        \/\/ Scroll to results\n        $('html, body').animate({ scrollTop: $('.projects-listing-section').offset().top - 100 }, 300);\n    });\n\n    \/\/ Sort\n    $('#project-sort').change(function() {\n        updateURLParams({ sort: $(this).val(), paged: '' });\n        fetchFilteredProjects();\n    });\n\n    \/\/ Pagination\n    $(document).on('click', '.page-btn', function() {\n        const page = parseInt($(this).data('page'));\n        if (!isNaN(page)) {\n            updateURLParams({ paged: page });\n            fetchFilteredProjects();\n            $('html, body').animate({ scrollTop: $('.projects-listing-section').offset().top - 100 }, 300);\n        }\n    });\n\n    \/\/ Mobile sidebar toggle\n    $(document).on('click', '.sidebar-mobile-toggle', function() {\n        $('.projects-sidebar').toggleClass('sidebar-open');\n    });\n\n    \/\/ Restore sidebar state from URL\n    const urlParams = getUrlParams();\n    if (urlParams.sidebar_rooms) {\n        $('#sidebar-rooms').val(urlParams.sidebar_rooms);\n    }\n    if (urlParams.sidebar_budget) {\n        urlParams.sidebar_budget.split(',').forEach(function(b) {\n            $('.budget-btn[data-budget=\"' + b + '\"]').addClass('active');\n        });\n    }\n    if (urlParams.completion) $('#sidebar-completion').val(urlParams.completion);\n    if (urlParams.project_type) {\n        urlParams.project_type.split(',').forEach(function(t) {\n            $('input[name=\"project_type[]\"][value=\"' + t + '\"]').prop('checked', true);\n        });\n    }\n    if (urlParams.sort) $('#project-sort').val(urlParams.sort);\n\n    setTimeout(function() { fetchFilteredProjects(); }, 100);\n\n    \/\/ Build featured card HTML from project data\n    var priceIcon = '<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M9.5 1.5 14.5 6.5v7a1 1 0 0 1-1 1h-11a1 1 0 0 1-1-1v-11a1 1 0 0 1 1-1h7Z\" stroke=\"#010101\" stroke-width=\"1.2\" stroke-linejoin=\"round\"\/><circle cx=\"7\" cy=\"9\" r=\"2.5\" stroke=\"#010101\" stroke-width=\"1.2\"\/><path d=\"M9.5 1.5v4a1 1 0 0 0 1 1h4\" stroke=\"#010101\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>';\n    var bedIcon = '<svg width=\"15\" height=\"11\" viewBox=\"0 0 15 11\" fill=\"none\"><path d=\"M12.5 2H1V0.5C1 0.36739 0.94732 0.24021 0.85355 0.14645C0.75979 0.05268 0.63261 0 0.5 0C0.36739 0 0.24021 0.05268 0.14645 0.14645C0.05268 0.24021 0 0.36739 0 0.5V10.5C0 10.6326 0.05268 10.7598 0.14645 10.8536C0.24021 10.9473 0.36739 11 0.5 11C0.63261 11 0.75979 10.9473 0.85355 10.8536C0.94732 10.7598 1 10.6326 1 10.5V8.5H14V10.5C14 10.6326 14.0527 10.7598 14.1464 10.8536C14.2402 10.9473 14.3674 11 14.5 11C14.6326 11 14.7598 10.9473 14.8536 10.8536C14.9473 10.7598 15 10.6326 15 10.5V4.5C15 3.83696 14.7366 3.20107 14.2678 2.73223C13.7989 2.26339 13.163 2 12.5 2ZM1 3H5.5V7.5H1V3ZM6.5 7.5V3H12.5C12.8978 3 13.2794 3.15804 13.5607 3.43934C13.842 3.72064 14 4.10218 14 4.5V7.5H6.5Z\" fill=\"#010101\"\/><\/svg>';\n    var bankIcon = '<svg viewBox=\"0 0 18 18\" fill=\"none\"><path d=\"M9 1L1 5v2h16V5L9 1zM3 9v5h2V9H3zM7 9v5h2V9H7zM11 9v5h2V9h-2zM1 16h16v2H1v-2z\" fill=\"#F8723D\"\/><\/svg>';\n\n    var permitLabels = { approved: 'Approved', pending: 'Pending', under_review: 'Under Review', rejected: 'Rejected' };\n    function getPermitIcon(val) {\n        if (val === 'approved') return '<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><circle cx=\"8\" cy=\"8\" r=\"7\" stroke=\"#34d399\" stroke-width=\"1.2\"\/><path d=\"M5 8l2 2 4-4\" stroke=\"#34d399\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>';\n        if (val === 'pending') return '<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><circle cx=\"8\" cy=\"8\" r=\"7\" stroke=\"#ffb95f\" stroke-width=\"1.2\"\/><path d=\"M8 4v4h3\" stroke=\"#ffb95f\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>';\n        if (val === 'under_review') return '<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><circle cx=\"8\" cy=\"8\" r=\"7\" stroke=\"#c0c1ff\" stroke-width=\"1.2\"\/><path d=\"M6.5 6.5a1.5 1.5 0 1 1 2.12 1.37c-.38.16-.62.52-.62.93V10\" stroke=\"#c0c1ff\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><circle cx=\"8\" cy=\"12\" r=\".75\" fill=\"#c0c1ff\"\/><\/svg>';\n        if (val === 'rejected') return '<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><circle cx=\"8\" cy=\"8\" r=\"7\" stroke=\"#ef4444\" stroke-width=\"1.2\"\/><path d=\"M5.5 5.5l5 5M10.5 5.5l-5 5\" stroke=\"#ef4444\" stroke-width=\"1.4\" stroke-linecap=\"round\"\/><\/svg>';\n        return '<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><circle cx=\"8\" cy=\"8\" r=\"7\" stroke=\"#0C1843\" stroke-width=\"1.2\"\/><path d=\"M8 5v3M8 10.5v.5\" stroke=\"#0C1843\" stroke-width=\"1.4\" stroke-linecap=\"round\"\/><\/svg>';\n    }\n\n    function buildFeaturedCardHTML(project) {\n        var h = '<div class=\"featured-project-card\">';\n        h += '<div class=\"featured-project-image\">';\n        if (project.image_url) h += '<img decoding=\"async\" src=\"' + project.image_url + '\" alt=\"' + project.title + '\" \/>';\n        h += '<\/div>';\n        h += '<div class=\"featured-project-info\">';\n        h += '<h3 class=\"featured-project-title\"><a href=\"' + project.link + '\">' + project.title + '<\/a><\/h3>';\n        h += '<p class=\"featured-project-location\">' + (project.area || '') + '<\/p>';\n        h += '<div class=\"featured-project-details\">';\n        if (project.starting_price) {\n            h += '<div class=\"detail-row\"><span class=\"detail-label\">Starting From<\/span>';\n            h += '<div class=\"detail-icon\">' + priceIcon + '<\/div>';\n            h += '<span class=\"detail-value\">' + project.starting_price + '<\/span><\/div>';\n        }\n        if (project.permit_status) {\n            var pLabel = permitLabels[project.permit_status] || project.permit_status.replace(\/_\/g, ' ').replace(\/\\b\\w\/g, function(c){ return c.toUpperCase(); });\n            h += '<div class=\"detail-row\"><span class=\"detail-label\">Permit Status<\/span>';\n            h += '<div class=\"detail-icon\">' + getPermitIcon(project.permit_status) + '<\/div>';\n            h += '<span class=\"detail-value\">' + pLabel + '<\/span><\/div>';\n        }\n        if (project.construction_progress) {\n            h += '<div class=\"detail-row\"><span class=\"detail-label\">Construction Progress<\/span>';\n            h += '<div class=\"detail-icon\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><rect x=\"1\" y=\"10\" width=\"14\" height=\"4\" rx=\"1\" stroke=\"#010101\" stroke-width=\"1.2\"\/><path d=\"M3 10V6l5-4 5 4v4\" stroke=\"#010101\" stroke-width=\"1.2\" stroke-linejoin=\"round\"\/><rect x=\"6\" y=\"10\" width=\"4\" height=\"4\" fill=\"#010101\" opacity=\".2\"\/><\/svg><\/div>';\n            h += '<span class=\"detail-value\">' + project.construction_progress + '<\/span><\/div>';\n        }\n        if (project.expected_delivery) {\n            h += '<div class=\"detail-row\"><span class=\"detail-label\">Expected Delivery<\/span>';\n            h += '<div class=\"detail-icon\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><rect x=\"1.5\" y=\"2.5\" width=\"13\" height=\"12\" rx=\"1.5\" stroke=\"#010101\" stroke-width=\"1.2\"\/><path d=\"M1.5 6h13\" stroke=\"#010101\" stroke-width=\"1.2\"\/><path d=\"M5 1v3M11 1v3\" stroke=\"#010101\" stroke-width=\"1.2\" stroke-linecap=\"round\"\/><\/svg><\/div>';\n            h += '<span class=\"detail-value\">' + project.expected_delivery + '<\/span><\/div>';\n        }\n        h += '<\/div>';\n        h += '<a href=\"' + project.link + '\" class=\"featured-view-btn\">View Full Details<\/a>';\n        h += '<hr class=\"featured-separator\" \/>';\n        h += '<div class=\"featured-bank-logos\">';\n        h += '<span class=\"bank-tag\">' + bankIcon + ' Bank Leumi<\/span>';\n        h += '<span class=\"bank-tag\">' + bankIcon + ' Bank Leumi<\/span>';\n        h += '<\/div>';\n        h += '<\/div><\/div>';\n        return h;\n    }\n\n    function getFilterParams() {\n        var params = getUrlParams();\n        var data = {};\n        if (params.area) data.area = params.area;\n        if (params.budget) data.budget = params.budget;\n        if (params.permit_status) data.permit_status = params.permit_status;\n        return data;\n    }\n\n    \/\/ Fetch featured grid from scratch with filters\n    function fetchFeaturedFiltered() {\n        var data = getFilterParams();\n        data.action = 'realhomes_load_more_featured';\n        data.per_page = 3;\n        data.exclude = '';\n\n        $('.featured-projects-grid').html('<div class=\"prj-skeleton\" style=\"display:flex;gap:32px;width:100%\"><div class=\"skeleton-card\" style=\"flex:1\"><div class=\"skeleton-box\" style=\"height:213px\"><\/div><div class=\"skeleton-line w-60\"><\/div><div class=\"skeleton-line w-40\"><\/div><\/div><div class=\"skeleton-card\" style=\"flex:1\"><div class=\"skeleton-box\" style=\"height:213px\"><\/div><div class=\"skeleton-line w-60\"><\/div><div class=\"skeleton-line w-40\"><\/div><\/div><div class=\"skeleton-card\" style=\"flex:1\"><div class=\"skeleton-box\" style=\"height:213px\"><\/div><div class=\"skeleton-line w-60\"><\/div><div class=\"skeleton-line w-40\"><\/div><\/div><\/div>');\n\n        $.ajax({\n            url: 'https:\/\/beyta.com\/wp-admin\/admin-ajax.php',\n            method: 'POST',\n            data: data,\n            success: function(response) {\n                loadedIds = [];\n                if (response?.projects?.length) {\n                    var html = '';\n                    response.projects.forEach(function(project) {\n                        html += buildFeaturedCardHTML(project);\n                        loadedIds.push(project.id);\n                    });\n                    $('.featured-projects-grid').html(html);\n                    if (response.has_more) {\n                        $('#featured-load-more').show().text('Load More Projects').prop('disabled', false);\n                    } else {\n                        $('#featured-load-more').hide();\n                    }\n                } else {\n                    $('.featured-projects-grid').html('<p class=\"prj-no-result\">No projects found matching your filters.<\/p>');\n                    $('#featured-load-more').hide();\n                }\n            }\n        });\n    }\n\n    \/\/ Featured Load More\n    var loadedIds = [27395,27403,27356];\n\n    $('#featured-load-more').click(function() {\n        var btn = $(this);\n        btn.text('Loading...').prop('disabled', true);\n\n        var data = getFilterParams();\n        data.action = 'realhomes_load_more_featured';\n        data.exclude = loadedIds.join(',');\n\n        $.ajax({\n            url: 'https:\/\/beyta.com\/wp-admin\/admin-ajax.php',\n            method: 'POST',\n            data: data,\n            success: function(response) {\n                if (response?.projects?.length) {\n                    var html = '';\n                    response.projects.forEach(function(project) {\n                        html += buildFeaturedCardHTML(project);\n                        loadedIds.push(project.id);\n                    });\n                    $('.featured-projects-grid').append(html);\n                    btn.text('Load More Projects').prop('disabled', false);\n\n                    if (!response.has_more) {\n                        btn.hide();\n                    }\n                } else {\n                    btn.hide();\n                }\n            },\n            error: function() {\n                btn.text('Load More Projects').prop('disabled', false);\n            }\n        });\n    });\n});\n<\/script>\n<\/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<div class=\"elementor-element elementor-element-7abcab6 e-flex e-con-boxed e-con e-parent\" data-id=\"7abcab6\" 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-4b62a24 e-con-full e-flex e-con e-child\" data-id=\"4b62a24\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-0885f25 e-con-full e-flex e-con e-child\" data-id=\"0885f25\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fb75ca6 elementor-widget elementor-widget-heading\" data-id=\"fb75ca6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Why invest in new\ndevelopments?<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f2ce230 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"f2ce230\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Smart investments start with the<br \/>right project.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-db1d9f9 elementor-mobile-align-justify elementor-hidden-mobile elementor-widget elementor-widget-button\" data-id=\"db1d9f9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Learn More<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4ce776d e-con-full e-grid e-con e-child\" data-id=\"4ce776d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-62efb7f elementor-view-stacked elementor-shape-circle elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"62efb7f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"26\" height=\"26\" viewBox=\"0 0 26 26\" fill=\"none\"><path d=\"M4.3335 5.41699V20.5837H21.6668\" stroke=\"currentcolor\" stroke-width=\"1.84167\"><\/path><path d=\"M7.5835 16.2497L10.8335 11.9163L14.0835 14.6247L20.5835 7.58301\" stroke=\"currentcolor\" stroke-width=\"1.84167\"><\/path><path d=\"M17.3335 7.58301H20.5835V10.833\" stroke=\"currentcolor\" stroke-width=\"1.84167\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tStrong Appreciation Potential\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tNew projects in prime\nlocations show higher\ngrowth over time.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8e27618 elementor-view-stacked elementor-shape-circle elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"8e27618\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"26\" height=\"26\" viewBox=\"0 0 26 26\" fill=\"none\"><path d=\"M5.4165 22.75V8.66667L12.9998 3.25L20.5832 8.66667V22.75\" stroke=\"currentcolor\" stroke-width=\"1.84167\"><\/path><path d=\"M9.75 22.75V16.25H16.25V22.75\" stroke=\"currentcolor\" stroke-width=\"1.84167\"><\/path><path d=\"M12.9998 11.3747C13.5981 11.3747 14.0832 10.8896 14.0832 10.2913C14.0832 9.69303 13.5981 9.20801 12.9998 9.20801C12.4015 9.20801 11.9165 9.69303 11.9165 10.2913C11.9165 10.8896 12.4015 11.3747 12.9998 11.3747Z\" stroke=\"currentcolor\" stroke-width=\"1.84167\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tModern Planning &amp; Amenities\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tDesigned for today's\nlifestyle with premium\nstandards.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-166b720 elementor-view-stacked elementor-shape-circle elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"166b720\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"26\" height=\"26\" viewBox=\"0 0 26 26\" fill=\"none\"><path d=\"M12.9998 3.25L5.4165 6.5V11.9167C5.4165 16.6833 8.6665 20.9083 12.9998 22.3167C17.3332 20.9083 20.5832 16.6833 20.5832 11.9167V6.5L12.9998 3.25Z\" stroke=\"currentcolor\" stroke-width=\"1.84167\"><\/path><path d=\"M12.9998 8.66699V14.0837M10.2915 11.3753H15.7082\" stroke=\"currentcolor\" stroke-width=\"1.84167\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tPayment Flexibility\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tAttractive payment\nschedules during\nconstruction.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-abfff73 elementor-view-stacked elementor-shape-circle elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"abfff73\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"26\" height=\"26\" viewBox=\"0 0 26 26\" fill=\"none\"><path d=\"M6.5 3.25H14.0833L18.4167 7.58333V22.75H6.5V3.25Z\" stroke=\"currentcolor\" stroke-width=\"1.84167\"><\/path><path d=\"M14.0833 3.25V7.58333H18.4167M9.75 14.0833H16.25M9.75 18.4167H16.25\" stroke=\"currentcolor\" stroke-width=\"1.84167\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tTax Benefits\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tNew apartments may\nqualify for tax\nadvantages.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-24de7ac elementor-mobile-align-justify elementor-hidden-desktop elementor-hidden-tablet_extra elementor-hidden-tablet elementor-widget elementor-widget-button\" data-id=\"24de7ac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Learn More<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Discover Israel&#8217;s Newest Real Estate Projects Connect with trusted lawyers, mortgage advisors, and property experts across Israel Full transparency No brokers Direct to developers. Featured Projects in Israel Why invest in new developments? Smart investments start with theright project. Learn More Strong Appreciation Potential New projects in prime locations show higher growth over time. Modern&#8230;<\/p>","protected":false},"author":79,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-7262","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/beyta.com\/he\/wp-json\/wp\/v2\/pages\/7262","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/beyta.com\/he\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/beyta.com\/he\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/beyta.com\/he\/wp-json\/wp\/v2\/users\/79"}],"replies":[{"embeddable":true,"href":"https:\/\/beyta.com\/he\/wp-json\/wp\/v2\/comments?post=7262"}],"version-history":[{"count":3,"href":"https:\/\/beyta.com\/he\/wp-json\/wp\/v2\/pages\/7262\/revisions"}],"predecessor-version":[{"id":38426,"href":"https:\/\/beyta.com\/he\/wp-json\/wp\/v2\/pages\/7262\/revisions\/38426"}],"wp:attachment":[{"href":"https:\/\/beyta.com\/he\/wp-json\/wp\/v2\/media?parent=7262"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}