{"id":6488,"date":"2025-12-05T00:43:35","date_gmt":"2025-12-05T00:43:35","guid":{"rendered":"https:\/\/seapros.a2zbackoffice.com\/%d8%a7%d8%b4%d8%aa%d8%b1-%d9%8a%d8%ae%d8%aa%d8%a7%d9%8b\/"},"modified":"2026-04-08T07:37:41","modified_gmt":"2026-04-08T07:37:41","slug":"%d8%a7%d8%b4%d8%aa%d8%b1-%d9%8a%d8%ae%d8%aa%d8%a7%d9%8b","status":"publish","type":"page","link":"https:\/\/seapros.a2zbackoffice.com\/ar\/%d8%a7%d8%b4%d8%aa%d8%b1-%d9%8a%d8%ae%d8%aa%d8%a7%d9%8b\/","title":{"rendered":"\u0634\u0631\u0627\u0621 \u064a\u062e\u062a"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6488\" class=\"elementor elementor-6488 elementor-2833\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f90740c e-flex e-con-boxed e-con e-parent\" data-id=\"f90740c\" 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\t\t<div class=\"elementor-element elementor-element-09981cc elementor-widget elementor-widget-yachts_archive\" data-id=\"09981cc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"yachts_archive.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div class=\"yacht-page-wrap elementor-yacht-widget\" \n             data-filter='{\"min_year\":1900,\"max_year\":\"2026\",\"min_length_ft\":15,\"max_length_ft\":163,\"min_length_m\":8,\"max_length_m\":49}'\n             data-per-page=\"8\"\n             data-lang=\"ar\">\n        \n        <div class=\"yacht-hero\" style=\"background-image: url('https:\/\/seapros.a2zbackoffice.com\/wp-content\/uploads\/2026\/03\/Frame-178.png');\">\n                        <div class=\"subtitle\"> \u0627\u062e\u062a\u0631 \u0627\u0644\u064a\u062e\u062a \u0627\u0644\u0630\u064a \u064a\u0639\u0628\u0651\u0631 \u0639\u0646\u0643<\/div>\n                        <h1>\u0627\u062e\u062a\u0631 \u064a\u062e\u062a \u0623\u062d\u0644\u0627\u0645\u0643<\/h1>\n            <p>\u0643\u0644 \u064a\u062e\u062a \u0646\u0642\u062f\u0645\u0647 \u062a\u0645 \u0627\u062e\u062a\u064a\u0627\u0631\u0647 \u0644\u0623\u0646\u0647 \u064a\u0642\u062f\u0645 \u0642\u064a\u0645\u0629 \u062d\u0642\u064a\u0642\u064a\u0629: \u062c\u0648\u062f\u0629 \u0641\u064a \u0627\u0644\u0628\u0646\u0627\u0621\u060c \u062a\u0641\u0627\u0635\u064a\u0644 \u0645\u062f\u0631\u0648\u0633\u0629\u060c \u0648\u0625\u062d\u0633\u0627\u0633 \u0641\u062e\u0645 \u064a\u0631\u0627\u0641\u0642\u0643 \u0641\u064a \u0643\u0644 \u0631\u062d\u0644\u0629.\n<\/p>\n        <\/div>\n\n        <!-- Mobile Filter Overlay -->\n        <div class=\"yacht-mobile-filter-overlay\"><\/div>\n\n        <div class=\"yacht-content\">\n            <!-- DESKTOP SIDEBAR FILTERS -->\n            <aside class=\"yacht-sidebar\">\n                <form id=\"yacht-filter-form\" class=\"yacht-filter-form\">\n                                    <!-- Search -->\n        <div class=\"filter-section\">\n            <div class=\"search-row\">\n                <input type=\"text\" id=\"search\" placeholder=\"\u0628\u062d\u062b\">\n                <button type=\"button\" class=\"btn-search\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 640\" width=\"17px\" height=\"17px\" fill=\"#0D343F\">\n                        <path d=\"M480 272C480 317.9 465.1 360.3 440 394.7L566.6 521.4C579.1 533.9 579.1 554.2 566.6 566.7C554.1 579.2 533.8 579.2 521.3 566.7L394.7 440C360.3 465.1 317.9 480 272 480C157.1 480 64 386.9 64 272C64 157.1 157.1 64 272 64C386.9 64 480 157.1 480 272zM272 416C351.5 416 416 351.5 416 272C416 192.5 351.5 128 272 128C192.5 128 128 192.5 128 272C128 351.5 192.5 416 272 416z\"\/>\n                    <\/svg>\n                <\/button>\n            <\/div>\n        <\/div>\n        \n                <!-- Condition -->\n        <div class=\"filter-section condition\">\n            <label>\u0627\u0644\u062d\u0627\u0644\u0629<\/label>\n            <div class=\"button-filter-group\">\n                <input type=\"radio\" name=\"condition\" id=\"condition-all\" value=\"\" checked style=\"display: none;\">\n                <input type=\"radio\" name=\"condition\" id=\"condition-new\" value=\"new\" style=\"display: none;\">\n                <input type=\"radio\" name=\"condition\" id=\"condition-used\" value=\"used\" style=\"display: none;\">\n                <div class=\"status\">\n                    <button type=\"button\" class=\"filter-btn active\" data-target=\"condition-all\">\n                        \u0627\u0644\u0643\u0644                    <\/button>\n                    <button type=\"button\" class=\"filter-btn\" data-target=\"condition-new\">\n                        \u062c\u062f\u064a\u062f                    <\/button>\n                    <button type=\"button\" class=\"filter-btn\" data-target=\"condition-used\">\n                        \u0645\u0633\u062a\u0639\u0645\u0644                    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        \n<!-- Motor Section -->\n<div class=\"filter-section\">\n    <label style=\"font-weight: 600;\">Motor<\/label>\n\n    <!-- Yacht Type Dropdown -->\n    <div class=\"filter-accordion\" style=\"margin-top: 15px;\">\n        <div class=\"accordion-header\">\n            <span>\u0646\u0648\u0639 \u0627\u0644\u064a\u062e\u062a<\/span>\n            <span class=\"accordion-arrow\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 640\" width=\"16px\" height=\"16px\">\n                    <path d=\"M297.4 438.6C309.9 451.1 330.2 451.1 342.7 438.6L502.7 278.6C515.2 266.1 515.2 245.8 502.7 233.3C490.2 220.8 469.9 220.8 457.4 233.3L320 370.7L182.6 233.4C170.1 220.9 149.8 220.9 137.3 233.4C124.8 245.9 124.8 266.2 137.3 278.7L297.3 438.7z\"\/>\n                <\/svg>\n            <\/span>\n        <\/div>\n        <div class=\"accordion-content\">\n            \n                    <\/div>\n    <\/div>\n\n    <!-- Hull Type Dropdown -->\n    <div class=\"filter-accordion\" style=\"margin-top: 15px;\">\n        <div class=\"accordion-header\">\n            <span>Hull Type<\/span>\n            <span class=\"accordion-arrow\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 640\" width=\"16px\" height=\"16px\">\n                    <path d=\"M297.4 438.6C309.9 451.1 330.2 451.1 342.7 438.6L502.7 278.6C515.2 266.1 515.2 245.8 502.7 233.3C490.2 220.8 469.9 220.8 457.4 233.3L320 370.7L182.6 233.4C170.1 220.9 149.8 220.9 137.3 233.4C124.8 245.9 124.8 266.2 137.3 278.7L297.3 438.7z\"\/>\n                <\/svg>\n            <\/span>\n        <\/div>\n        <div class=\"accordion-content\">\n            \n                            <label class=\"type-option\">\n                    <input type=\"checkbox\"\n                           name=\"hull_type[]\"\n                           value=\"166\"\n                           >\n                    <span class=\"option-label\">Displacement<\/span>\n                <\/label>\n                            <label class=\"type-option\">\n                    <input type=\"checkbox\"\n                           name=\"hull_type[]\"\n                           value=\"167\"\n                           >\n                    <span class=\"option-label\">Multi Hull<\/span>\n                <\/label>\n                            <label class=\"type-option\">\n                    <input type=\"checkbox\"\n                           name=\"hull_type[]\"\n                           value=\"164\"\n                           >\n                    <span class=\"option-label\">Planing<\/span>\n                <\/label>\n                            <label class=\"type-option\">\n                    <input type=\"checkbox\"\n                           name=\"hull_type[]\"\n                           value=\"165\"\n                           >\n                    <span class=\"option-label\">Semi-Displacement<\/span>\n                <\/label>\n                    <\/div>\n    <\/div>\n<\/div>\n\n<!-- Sail Section -->\n\n\n \n\n\n        \n\n                <!-- Brands -->\n        <div class=\"filter-section\">\n            <div class=\"filter-accordion\">\n                <div class=\"accordion-header make-header\">\n                    <span>\u0627\u0644\u0645\u0627\u0631\u0643\u0647<\/span>\n                    <span class=\"accordion-arrow\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 640\" width=\"16px\" height=\"16px\">\n                            <path d=\"M297.4 438.6C309.9 451.1 330.2 451.1 342.7 438.6L502.7 278.6C515.2 266.1 515.2 245.8 502.7 233.3C490.2 220.8 469.9 220.8 457.4 233.3L320 370.7L182.6 233.4C170.1 220.9 149.8 220.9 137.3 233.4C124.8 245.9 124.8 266.2 137.3 278.7L297.3 438.7z\"\/>\n                        <\/svg>\n                    <\/span>\n                <\/div>\n                <div class=\"accordion-content make-content\">\n                    <div class=\"brand-search-row\">\n                        <input type=\"text\" class=\"brand-search\" placeholder=\"\u0627\u0644\u0628\u062d\u062b \u0639\u0646 \u0645\u0627\u0631\u0643\u0627\u062a\">\n                    <\/div>\n                    <div class=\"brand-options\">\n                                                    <label class=\"brand-option\">\n                                <input type=\"checkbox\" name=\"brands[]\" value=\"152\">\n                                <span class=\"option-label\">Custom Line<\/span>\n                            <\/label>\n                                                    <label class=\"brand-option\">\n                                <input type=\"checkbox\" name=\"brands[]\" value=\"151\">\n                                <span class=\"option-label\">Ferretti<\/span>\n                            <\/label>\n                                                    <label class=\"brand-option\">\n                                <input type=\"checkbox\" name=\"brands[]\" value=\"153\">\n                                <span class=\"option-label\">Itama<\/span>\n                            <\/label>\n                                                    <label class=\"brand-option\">\n                                <input type=\"checkbox\" name=\"brands[]\" value=\"154\">\n                                <span class=\"option-label\">Mochi Craft<\/span>\n                            <\/label>\n                                                    <label class=\"brand-option\">\n                                <input type=\"checkbox\" name=\"brands[]\" value=\"155\">\n                                <span class=\"option-label\">Pershing<\/span>\n                            <\/label>\n                                                    <label class=\"brand-option\">\n                                <input type=\"checkbox\" name=\"brands[]\" value=\"156\">\n                                <span class=\"option-label\">Riva<\/span>\n                            <\/label>\n                                                    <label class=\"brand-option\">\n                                <input type=\"checkbox\" name=\"brands[]\" value=\"157\">\n                                <span class=\"option-label\">Wally<\/span>\n                            <\/label>\n                                                \n                                            <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n                \n        <!-- Price Range -->\n                <div class=\"filter-section\">\n            <div class=\"filter-accordion\">\n                <div class=\"accordion-header price-header\">\n                    <span>\u0627\u0644\u0633\u0639\u0631<\/span>\n                    <span class=\"accordion-arrow\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 640\" width=\"16px\" height=\"16px\">\n                            <path d=\"M297.4 438.6C309.9 451.1 330.2 451.1 342.7 438.6L502.7 278.6C515.2 266.1 515.2 245.8 502.7 233.3C490.2 220.8 469.9 220.8 457.4 233.3L320 370.7L182.6 233.4C170.1 220.9 149.8 220.9 137.3 233.4C124.8 245.9 124.8 266.2 137.3 278.7L297.3 438.7z\"\/>\n                        <\/svg>\n                    <\/span>\n                <\/div>\n                <div class=\"accordion-content price-range-section\" id=\"price-filter-section\">\n                    <div class=\"range-section\">\n                        <div class=\"range-row\">\n                            <input type=\"number\" id=\"price_min\" placeholder=\"\u0627\u0644\u0627\u0642\u0644\" min=\"0\" step=\"1000\">\n                            <span class=\"range-separator\">\u0644<\/span>\n                            <input type=\"number\" id=\"price_max\" placeholder=\"\u0627\u0644\u0623\u0639\u0644\u0649\" min=\"0\" step=\"1000\">\n                        <\/div>\n                        <div class=\"range-actions\">\n                            <button type=\"button\" class=\"btn-go-price\" disabled>\u0627\u0630\u0647\u0628<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <!-- Build Year Range -->\n                <div class=\"filter-section\">\n            <div class=\"filter-accordion\">\n                <div class=\"accordion-header year-header\">\n                    <span>\u0627\u0644\u0633\u0646\u0629<\/span>\n                    <span class=\"accordion-arrow\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 640\" width=\"16px\" height=\"16px\">\n                            <path d=\"M297.4 438.6C309.9 451.1 330.2 451.1 342.7 438.6L502.7 278.6C515.2 266.1 515.2 245.8 502.7 233.3C490.2 220.8 469.9 220.8 457.4 233.3L320 370.7L182.6 233.4C170.1 220.9 149.8 220.9 137.3 233.4C124.8 245.9 124.8 266.2 137.3 278.7L297.3 438.7z\"\/>\n                        <\/svg>\n                    <\/span>\n                <\/div>\n                <div class=\"accordion-content\">\n                    <div class=\"range-section\">\n                        <div class=\"range-row\">\n                            <input type=\"text\" id=\"year_min\" placeholder=\"\u0627\u0644\u0627\u0642\u0644\">\n                            <span class=\"range-separator\">\u0644<\/span>\n                            <input type=\"text\" id=\"year_max\" placeholder=\"\u0627\u0644\u0623\u0639\u0644\u0649\">\n                        <\/div>\n                        <div class=\"range-actions\">\n                            <button type=\"button\" class=\"btn-go-year\" disabled>\u0627\u0630\u0647\u0628<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <!-- Length Range -->\n                <div class=\"filter-section\">\n            <div class=\"filter-accordion\">\n                <div class=\"accordion-header length-header\">\n                    <span>\u0627\u0644\u0637\u0648\u0644<\/span>\n                    <span class=\"accordion-arrow\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 640\" width=\"16px\" height=\"16px\">\n                            <path d=\"M297.4 438.6C309.9 451.1 330.2 451.1 342.7 438.6L502.7 278.6C515.2 266.1 515.2 245.8 502.7 233.3C490.2 220.8 469.9 220.8 457.4 233.3L320 370.7L182.6 233.4C170.1 220.9 149.8 220.9 137.3 233.4C124.8 245.9 124.8 266.2 137.3 278.7L297.3 438.7z\"\/>\n                        <\/svg>\n                    <\/span>\n                <\/div>\n                <div class=\"accordion-content\">\n                    <div class=\"range-section\">\n                        <div class=\"range-row\">\n                            <input type=\"number\" id=\"length_min\" placeholder=\"\u0627\u0644\u0627\u0642\u0644\" min=\"0\" step=\"0.1\" data-unit=\"m\">\n                            <span class=\"range-separator\">\u0644<\/span>\n                            <input type=\"number\" id=\"length_max\" placeholder=\"\u0627\u0644\u0623\u0639\u0644\u0649\" min=\"0\" step=\"0.1\" data-unit=\"m\">\n                        <\/div>\n                        <div class=\"range-actions\">\n                            <button type=\"button\" class=\"btn-go-length\" disabled>\u0627\u0630\u0647\u0628<\/button>\n                        <\/div>\n                    <\/div>\n                    <div class=\"length-unit-toggle\">\n                        <div class=\"button-filter-group\">\n                            <input type=\"radio\" name=\"length_unit\" id=\"length-unit-ft\" value=\"ft\" style=\"display: none;\">\n                            <input type=\"radio\" name=\"length_unit\" id=\"length-unit-m\" value=\"m\" checked style=\"display: none;\">\n                            <button type=\"button\" class=\"filter-btn active\" data-target=\"length-unit-m\">\n                                \u0645                            <\/button>\n                            <button type=\"button\" class=\"filter-btn\" data-target=\"length-unit-ft\">\n                                \u0642\u062f\u0645                            <\/button>\n                            \n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n                \n        <!-- Actions -->\n        <div class=\"filter-actions\">\n            <button type=\"submit\" class=\"btn-apply\">\u062a\u0642\u062f\u0645<\/button>\n            <button type=\"button\" id=\"clear-filters\" class=\"btn-clear\">\u062d\u0630\u0641 \u0627\u0644\u0641\u0644\u062a\u0631<\/button>\n        <\/div>\n                        <\/form>\n            <\/aside>\n\n            <!-- MOBILE FILTER SIDEBAR -->\n            <div class=\"yacht-mobile-filter-sidebar\">\n                <div class=\"mobile-filter-header\">\n                    <h3>\u062a\u0635\u0641\u064a\u0629 \u0627\u0644\u064a\u062e\u0648\u062a<\/h3>\n                    <button class=\"mobile-close-filter\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\">\n                            <path d=\"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z\"\/>\n                        <\/svg>\n                    <\/button>\n                <\/div>\n                <div class=\"mobile-filter-content\">\n                    <form id=\"yacht-mobile-filter-form\">\n                                        <!-- Search -->\n        <div class=\"filter-section\">\n            <div class=\"search-row\">\n                <input type=\"text\" id=\"search\" placeholder=\"\u0628\u062d\u062b\">\n                <button type=\"button\" class=\"btn-search\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 640\" width=\"17px\" height=\"17px\" fill=\"#0D343F\">\n                        <path d=\"M480 272C480 317.9 465.1 360.3 440 394.7L566.6 521.4C579.1 533.9 579.1 554.2 566.6 566.7C554.1 579.2 533.8 579.2 521.3 566.7L394.7 440C360.3 465.1 317.9 480 272 480C157.1 480 64 386.9 64 272C64 157.1 157.1 64 272 64C386.9 64 480 157.1 480 272zM272 416C351.5 416 416 351.5 416 272C416 192.5 351.5 128 272 128C192.5 128 128 192.5 128 272C128 351.5 192.5 416 272 416z\"\/>\n                    <\/svg>\n                <\/button>\n            <\/div>\n        <\/div>\n        \n                <!-- Condition -->\n        <div class=\"filter-section condition\">\n            <label>\u0627\u0644\u062d\u0627\u0644\u0629<\/label>\n            <div class=\"button-filter-group\">\n                <input type=\"radio\" name=\"condition\" id=\"condition-all\" value=\"\" checked style=\"display: none;\">\n                <input type=\"radio\" name=\"condition\" id=\"condition-new\" value=\"new\" style=\"display: none;\">\n                <input type=\"radio\" name=\"condition\" id=\"condition-used\" value=\"used\" style=\"display: none;\">\n                <div class=\"status\">\n                    <button type=\"button\" class=\"filter-btn active\" data-target=\"condition-all\">\n                        \u0627\u0644\u0643\u0644                    <\/button>\n                    <button type=\"button\" class=\"filter-btn\" data-target=\"condition-new\">\n                        \u062c\u062f\u064a\u062f                    <\/button>\n                    <button type=\"button\" class=\"filter-btn\" data-target=\"condition-used\">\n                        \u0645\u0633\u062a\u0639\u0645\u0644                    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        \n<!-- Motor Section -->\n<div class=\"filter-section\">\n    <label style=\"font-weight: 600;\">Motor<\/label>\n\n    <!-- Yacht Type Dropdown -->\n    <div class=\"filter-accordion\" style=\"margin-top: 15px;\">\n        <div class=\"accordion-header\">\n            <span>\u0646\u0648\u0639 \u0627\u0644\u064a\u062e\u062a<\/span>\n            <span class=\"accordion-arrow\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 640\" width=\"16px\" height=\"16px\">\n                    <path d=\"M297.4 438.6C309.9 451.1 330.2 451.1 342.7 438.6L502.7 278.6C515.2 266.1 515.2 245.8 502.7 233.3C490.2 220.8 469.9 220.8 457.4 233.3L320 370.7L182.6 233.4C170.1 220.9 149.8 220.9 137.3 233.4C124.8 245.9 124.8 266.2 137.3 278.7L297.3 438.7z\"\/>\n                <\/svg>\n            <\/span>\n        <\/div>\n        <div class=\"accordion-content\">\n            \n                    <\/div>\n    <\/div>\n\n    <!-- Hull Type Dropdown -->\n    <div class=\"filter-accordion\" style=\"margin-top: 15px;\">\n        <div class=\"accordion-header\">\n            <span>Hull Type<\/span>\n            <span class=\"accordion-arrow\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 640\" width=\"16px\" height=\"16px\">\n                    <path d=\"M297.4 438.6C309.9 451.1 330.2 451.1 342.7 438.6L502.7 278.6C515.2 266.1 515.2 245.8 502.7 233.3C490.2 220.8 469.9 220.8 457.4 233.3L320 370.7L182.6 233.4C170.1 220.9 149.8 220.9 137.3 233.4C124.8 245.9 124.8 266.2 137.3 278.7L297.3 438.7z\"\/>\n                <\/svg>\n            <\/span>\n        <\/div>\n        <div class=\"accordion-content\">\n            \n                            <label class=\"type-option\">\n                    <input type=\"checkbox\"\n                           name=\"hull_type[]\"\n                           value=\"166\"\n                           >\n                    <span class=\"option-label\">Displacement<\/span>\n                <\/label>\n                            <label class=\"type-option\">\n                    <input type=\"checkbox\"\n                           name=\"hull_type[]\"\n                           value=\"167\"\n                           >\n                    <span class=\"option-label\">Multi Hull<\/span>\n                <\/label>\n                            <label class=\"type-option\">\n                    <input type=\"checkbox\"\n                           name=\"hull_type[]\"\n                           value=\"164\"\n                           >\n                    <span class=\"option-label\">Planing<\/span>\n                <\/label>\n                            <label class=\"type-option\">\n                    <input type=\"checkbox\"\n                           name=\"hull_type[]\"\n                           value=\"165\"\n                           >\n                    <span class=\"option-label\">Semi-Displacement<\/span>\n                <\/label>\n                    <\/div>\n    <\/div>\n<\/div>\n\n<!-- Sail Section -->\n\n\n \n\n\n        \n\n                <!-- Brands -->\n        <div class=\"filter-section\">\n            <div class=\"filter-accordion\">\n                <div class=\"accordion-header make-header\">\n                    <span>\u0627\u0644\u0645\u0627\u0631\u0643\u0647<\/span>\n                    <span class=\"accordion-arrow\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 640\" width=\"16px\" height=\"16px\">\n                            <path d=\"M297.4 438.6C309.9 451.1 330.2 451.1 342.7 438.6L502.7 278.6C515.2 266.1 515.2 245.8 502.7 233.3C490.2 220.8 469.9 220.8 457.4 233.3L320 370.7L182.6 233.4C170.1 220.9 149.8 220.9 137.3 233.4C124.8 245.9 124.8 266.2 137.3 278.7L297.3 438.7z\"\/>\n                        <\/svg>\n                    <\/span>\n                <\/div>\n                <div class=\"accordion-content make-content\">\n                    <div class=\"brand-search-row\">\n                        <input type=\"text\" class=\"brand-search\" placeholder=\"\u0627\u0644\u0628\u062d\u062b \u0639\u0646 \u0645\u0627\u0631\u0643\u0627\u062a\">\n                    <\/div>\n                    <div class=\"brand-options\">\n                                                    <label class=\"brand-option\">\n                                <input type=\"checkbox\" name=\"brands[]\" value=\"152\">\n                                <span class=\"option-label\">Custom Line<\/span>\n                            <\/label>\n                                                    <label class=\"brand-option\">\n                                <input type=\"checkbox\" name=\"brands[]\" value=\"151\">\n                                <span class=\"option-label\">Ferretti<\/span>\n                            <\/label>\n                                                    <label class=\"brand-option\">\n                                <input type=\"checkbox\" name=\"brands[]\" value=\"153\">\n                                <span class=\"option-label\">Itama<\/span>\n                            <\/label>\n                                                    <label class=\"brand-option\">\n                                <input type=\"checkbox\" name=\"brands[]\" value=\"154\">\n                                <span class=\"option-label\">Mochi Craft<\/span>\n                            <\/label>\n                                                    <label class=\"brand-option\">\n                                <input type=\"checkbox\" name=\"brands[]\" value=\"155\">\n                                <span class=\"option-label\">Pershing<\/span>\n                            <\/label>\n                                                    <label class=\"brand-option\">\n                                <input type=\"checkbox\" name=\"brands[]\" value=\"156\">\n                                <span class=\"option-label\">Riva<\/span>\n                            <\/label>\n                                                    <label class=\"brand-option\">\n                                <input type=\"checkbox\" name=\"brands[]\" value=\"157\">\n                                <span class=\"option-label\">Wally<\/span>\n                            <\/label>\n                                                \n                                            <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n                \n        <!-- Price Range -->\n                <div class=\"filter-section\">\n            <div class=\"filter-accordion\">\n                <div class=\"accordion-header price-header\">\n                    <span>\u0627\u0644\u0633\u0639\u0631<\/span>\n                    <span class=\"accordion-arrow\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 640\" width=\"16px\" height=\"16px\">\n                            <path d=\"M297.4 438.6C309.9 451.1 330.2 451.1 342.7 438.6L502.7 278.6C515.2 266.1 515.2 245.8 502.7 233.3C490.2 220.8 469.9 220.8 457.4 233.3L320 370.7L182.6 233.4C170.1 220.9 149.8 220.9 137.3 233.4C124.8 245.9 124.8 266.2 137.3 278.7L297.3 438.7z\"\/>\n                        <\/svg>\n                    <\/span>\n                <\/div>\n                <div class=\"accordion-content price-range-section\" id=\"price-filter-section\">\n                    <div class=\"range-section\">\n                        <div class=\"range-row\">\n                            <input type=\"number\" id=\"price_min\" placeholder=\"\u0627\u0644\u0627\u0642\u0644\" min=\"0\" step=\"1000\">\n                            <span class=\"range-separator\">\u0644<\/span>\n                            <input type=\"number\" id=\"price_max\" placeholder=\"\u0627\u0644\u0623\u0639\u0644\u0649\" min=\"0\" step=\"1000\">\n                        <\/div>\n                        <div class=\"range-actions\">\n                            <button type=\"button\" class=\"btn-go-price\" disabled>\u0627\u0630\u0647\u0628<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <!-- Build Year Range -->\n                <div class=\"filter-section\">\n            <div class=\"filter-accordion\">\n                <div class=\"accordion-header year-header\">\n                    <span>\u0627\u0644\u0633\u0646\u0629<\/span>\n                    <span class=\"accordion-arrow\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 640\" width=\"16px\" height=\"16px\">\n                            <path d=\"M297.4 438.6C309.9 451.1 330.2 451.1 342.7 438.6L502.7 278.6C515.2 266.1 515.2 245.8 502.7 233.3C490.2 220.8 469.9 220.8 457.4 233.3L320 370.7L182.6 233.4C170.1 220.9 149.8 220.9 137.3 233.4C124.8 245.9 124.8 266.2 137.3 278.7L297.3 438.7z\"\/>\n                        <\/svg>\n                    <\/span>\n                <\/div>\n                <div class=\"accordion-content\">\n                    <div class=\"range-section\">\n                        <div class=\"range-row\">\n                            <input type=\"text\" id=\"year_min\" placeholder=\"\u0627\u0644\u0627\u0642\u0644\">\n                            <span class=\"range-separator\">\u0644<\/span>\n                            <input type=\"text\" id=\"year_max\" placeholder=\"\u0627\u0644\u0623\u0639\u0644\u0649\">\n                        <\/div>\n                        <div class=\"range-actions\">\n                            <button type=\"button\" class=\"btn-go-year\" disabled>\u0627\u0630\u0647\u0628<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <!-- Length Range -->\n                <div class=\"filter-section\">\n            <div class=\"filter-accordion\">\n                <div class=\"accordion-header length-header\">\n                    <span>\u0627\u0644\u0637\u0648\u0644<\/span>\n                    <span class=\"accordion-arrow\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 640\" width=\"16px\" height=\"16px\">\n                            <path d=\"M297.4 438.6C309.9 451.1 330.2 451.1 342.7 438.6L502.7 278.6C515.2 266.1 515.2 245.8 502.7 233.3C490.2 220.8 469.9 220.8 457.4 233.3L320 370.7L182.6 233.4C170.1 220.9 149.8 220.9 137.3 233.4C124.8 245.9 124.8 266.2 137.3 278.7L297.3 438.7z\"\/>\n                        <\/svg>\n                    <\/span>\n                <\/div>\n                <div class=\"accordion-content\">\n                    <div class=\"range-section\">\n                        <div class=\"range-row\">\n                            <input type=\"number\" id=\"length_min\" placeholder=\"\u0627\u0644\u0627\u0642\u0644\" min=\"0\" step=\"0.1\" data-unit=\"m\">\n                            <span class=\"range-separator\">\u0644<\/span>\n                            <input type=\"number\" id=\"length_max\" placeholder=\"\u0627\u0644\u0623\u0639\u0644\u0649\" min=\"0\" step=\"0.1\" data-unit=\"m\">\n                        <\/div>\n                        <div class=\"range-actions\">\n                            <button type=\"button\" class=\"btn-go-length\" disabled>\u0627\u0630\u0647\u0628<\/button>\n                        <\/div>\n                    <\/div>\n                    <div class=\"length-unit-toggle\">\n                        <div class=\"button-filter-group\">\n                            <input type=\"radio\" name=\"length_unit\" id=\"length-unit-ft\" value=\"ft\" style=\"display: none;\">\n                            <input type=\"radio\" name=\"length_unit\" id=\"length-unit-m\" value=\"m\" checked style=\"display: none;\">\n                            <button type=\"button\" class=\"filter-btn active\" data-target=\"length-unit-m\">\n                                \u0645                            <\/button>\n                            <button type=\"button\" class=\"filter-btn\" data-target=\"length-unit-ft\">\n                                \u0642\u062f\u0645                            <\/button>\n                            \n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n                \n        <!-- Actions -->\n        <div class=\"filter-actions\">\n            <button type=\"submit\" class=\"btn-apply\">\u062a\u0642\u062f\u0645<\/button>\n            <button type=\"button\" id=\"clear-filters\" class=\"btn-clear\">\u062d\u0630\u0641 \u0627\u0644\u0641\u0644\u062a\u0631<\/button>\n        <\/div>\n                            <\/form>\n                <\/div>\n                <div class=\"mobile-filter-actions\">\n                    <button type=\"submit\" class=\"btn-apply\">\u062a\u0642\u062f\u0645<\/button>\n                    <button type=\"button\" id=\"mobile-clear-filters\" class=\"btn-clear\">\u062d\u0630\u0641 \u0627\u0644\u0641\u0644\u062a\u0631<\/button>\n                <\/div>\n            <\/div>\n\n            <!-- MAIN CONTENT -->\n            <main class=\"yacht-main\">\n                <div class=\"yacht-results-top\">\n                                        <div class=\"results-count\">\n                        <span id=\"results-count\">0<\/span> \u064a\u062e\u0648\u062a \u0645\u062a\u0627\u062d\u0629                    <\/div>\n                                        <!-- Mobile Filter Toggle Button -->\n                    <div class=\"yacht-mobile-filter-toggle\">\n                        <button class=\"mobile-filter-btn\">\n                            <span>\u0639\u0631\u0636 \u0627\u0644\u0641\u0644\u062a\u0631<\/span>\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                <path d=\"M10 18H14V16H10V18ZM3 6V8H21V6H3ZM6 13H18V11H6V13Z\" fill=\"#2F2B43\"\/>\n                            <\/svg>\n\n                        <\/button>\n                    <\/div>\n\n                    <div class=\"view-sort-controls\">\n                        <div class=\"view-toggle\">\n                            <a class=\"view-btn list-view-btn active\" title=\"\u0639\u0631\u0636 \u0642\u0627\u0626\u0645\u064a\">\n                               <img decoding=\"async\" src=\"https:\/\/seapros.a2zbackoffice.com\/wp-content\/plugins\/yachts-archive-widget\/assets\/img\/layout-list.svg\">\n                            <\/a>\n                            <a class=\"view-btn grid-view-btn\" title=\"\u0639\u0631\u0636 \u0634\u0628\u0643\u064a\">\n                                <img decoding=\"async\" src=\"https:\/\/seapros.a2zbackoffice.com\/wp-content\/plugins\/yachts-archive-widget\/assets\/img\/layout-kanban.svg\">\n                            <\/a>\n                        <\/div>\n                        <div class=\"sort-control\">\n                            <select id=\"sort-by\">\n                                <option value=\"\">\u0641\u0631\u0632 \u062d\u0633\u0628<\/option>\n                                <option value=\"date_desc\">\u0627\u0644\u0623\u062d\u062f\u062b \u0623\u0648\u0644\u0627\u064b<\/option>\n                                <option value=\"date_asc\">\u0627\u0644\u0623\u0642\u062f\u0645 \u0623\u0648\u0644\u0627\u064b<\/option>\n                                <option value=\"price_asc\">\u0627\u0644\u0633\u0639\u0631: \u0645\u0646 \u0627\u0644\u0623\u062f\u0646\u0649 \u0625\u0644\u0649 \u0627\u0644\u0623\u0639\u0644\u0649<\/option>\n                                <option value=\"price_desc\">\u0627\u0644\u0633\u0639\u0631: \u0645\u0646 \u0627\u0644\u0623\u0639\u0644\u0649 \u0625\u0644\u0649 \u0627\u0644\u0623\u062f\u0646\u0649<\/option>\n                                <option value=\"title_asc\">\u0627\u0644\u0627\u0633\u0645: \u0645\u0646 \u0627\u0644\u0623\u0644\u0641 \u0625\u0644\u0649 \u0627\u0644\u064a\u0627\u0621<\/option>\n                                <option value=\"title_desc\">\u0627\u0644\u0627\u0633\u0645: \u0645\u0646 \u0627\u0644\u064a\u0627\u0621 \u0625\u0644\u0649 \u0627\u0644\u0623\u0644\u0641<\/option>\n                            <\/select>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                                <!-- Results Container -->\n                <div id=\"yacht-listing\" class=\"yacht-listing list-view\">\n                    <div class=\"loading\">\u062c\u0627\u0631\u064d \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u064a\u062e\u0648\u062a...<\/div>\n                <\/div>\n\n                <!-- Pagination Container -->\n                <div class=\"yacht-pagination-container\"><\/div>\n            <\/main>\n        <\/div>\n        \n        <\/div>\n        \n        <!-- JavaScript Code -->\n        <script>\n        (function($) {\n            'use strict';\n            \n            $(document).ready(function() {\n                \/\/ Initialize variables\n                let currentPage = 1;\n                let isProcessing = false;\n                let currentView = 'list';\n                let ajaxRequest = null;\n                let ajaxurl = 'https:\/\/seapros.a2zbackoffice.com\/wp-admin\/admin-ajax.php';\n                let currentLang = 'ar';\n                \n                \/\/ Initialize yacht page\n                initializeYachtPage();\n                \n                \/\/ Accordion functionality for all filter sections\n                $('.filter-accordion .accordion-header').on('click', function(e) {\n                    e.preventDefault();\n                    e.stopPropagation();\n                    \n                    const $header = $(this);\n                    const $content = $header.next('.accordion-content');\n                    \n                    $header.toggleClass('active');\n                    $content.stop(true, true).slideToggle(300);\n                    $header.find('.accordion-arrow').toggleClass('rotated');\n                });\n                \n                \/\/ Condition buttons functionality\n                $('.button-filter-group .filter-btn').on('click', function() {\n                    var $btn = $(this);\n                    var targetId = $btn.data('target');\n                    \n                    $btn.parent().find('.filter-btn').removeClass('active');\n                    $btn.addClass('active');\n                    \n                    $('#' + targetId).prop('checked', true);\n                    \n                    if ($btn.parent().hasClass('length-unit-toggle')) {\n                        updateLengthUnitDisplay();\n                    }\n                    \n                    if (targetId && targetId.startsWith('condition-')) {\n                        togglePriceSection();\n                    }\n                });\n                \n                \/\/ Function to toggle price section based on condition\n                function togglePriceSection() {\n                    const conditionValue = $('input[name=\"condition\"]:checked').val();\n                    const priceSections = $('#price-filter-section, .mobile-filter-content #price-filter-section');\n                    \n                    if (conditionValue === 'new') {\n                        priceSections.hide();\n                        $('#price_min, #price_max, .mobile-filter-content #price_min, .mobile-filter-content #price_max').val('');\n                        $('.btn-go-price').removeClass('active').prop('disabled', true);\n                    } else {\n                        priceSections.show();\n                    }\n                }\n                \n                \/\/ Function to update length unit display\n                function updateLengthUnitDisplay() {\n                    const currentUnit = $('input[name=\"length_unit\"]:checked').val();\n                    const minInput = $('#length_min');\n                    const maxInput = $('#length_max');\n                    const mobileMinInput = $('.mobile-filter-content #length_min');\n                    const mobileMaxInput = $('.mobile-filter-content #length_max');\n                    \n                    minInput.data('unit', currentUnit);\n                    maxInput.data('unit', currentUnit);\n                    mobileMinInput.data('unit', currentUnit);\n                    mobileMaxInput.data('unit', currentUnit);\n                    \n                    const currentMin = parseFloat(minInput.val()) || parseFloat(mobileMinInput.val());\n                    const currentMax = parseFloat(maxInput.val()) || parseFloat(mobileMaxInput.val());\n                    \n                    if (!isNaN(currentMin) && !isNaN(currentMax)) {\n                        if (currentUnit === 'm' && minInput.data('original-unit') === 'ft') {\n                            minInput.val((currentMin * 0.3048).toFixed(1));\n                            maxInput.val((currentMax * 0.3048).toFixed(1));\n                            mobileMinInput.val((currentMin * 0.3048).toFixed(1));\n                            mobileMaxInput.val((currentMax * 0.3048).toFixed(1));\n                            minInput.data('original-unit', 'm');\n                            mobileMinInput.data('original-unit', 'm');\n                        } else if (currentUnit === 'ft' && minInput.data('original-unit') === 'm') {\n                            minInput.val((currentMin * 3.28084).toFixed(1));\n                            maxInput.val((currentMax * 3.28084).toFixed(1));\n                            mobileMinInput.val((currentMin * 3.28084).toFixed(1));\n                            mobileMaxInput.val((currentMax * 3.28084).toFixed(1));\n                            minInput.data('original-unit', 'ft');\n                            mobileMinInput.data('original-unit', 'ft');\n                        }\n                    } else {\n                        minInput.data('original-unit', currentUnit);\n                        mobileMinInput.data('original-unit', currentUnit);\n                    }\n                }\n                \n                \/\/ Check Go button status for both desktop and mobile\n                function checkGoButtonStatus() {\n                    \/\/ Price Go button - Check both desktop and mobile\n                    const priceMin = $('#price_min').val() || $('.mobile-filter-content #price_min').val() || '';\n                    const priceMax = $('#price_max').val() || $('.mobile-filter-content #price_max').val() || '';\n                    const priceGoBtn = $('.btn-go-price');\n                    \n                    if ((priceMin && priceMin.trim() !== '') || (priceMax && priceMax.trim() !== '')) {\n                        priceGoBtn.addClass('active').prop('disabled', false);\n                    } else {\n                        priceGoBtn.removeClass('active').prop('disabled', true);\n                    }\n                    \n                    \/\/ Year Go button\n                    const yearMin = $('#year_min').val() || $('.mobile-filter-content #year_min').val() || '';\n                    const yearMax = $('#year_max').val() || $('.mobile-filter-content #year_max').val() || '';\n                    const yearGoBtn = $('.btn-go-year');\n                    \n                    if ((yearMin && yearMin.trim() !== '') || (yearMax && yearMax.trim() !== '')) {\n                        yearGoBtn.addClass('active').prop('disabled', false);\n                    } else {\n                        yearGoBtn.removeClass('active').prop('disabled', true);\n                    }\n                    \n                    \/\/ Length Go button\n                    const lengthMin = $('#length_min').val() || $('.mobile-filter-content #length_min').val() || '';\n                    const lengthMax = $('#length_max').val() || $('.mobile-filter-content #length_max').val() || '';\n                    const lengthGoBtn = $('.btn-go-length');\n                    \n                    if ((lengthMin && lengthMin.trim() !== '') || (lengthMax && lengthMax.trim() !== '')) {\n                        lengthGoBtn.addClass('active').prop('disabled', false);\n                    } else {\n                        lengthGoBtn.removeClass('active').prop('disabled', true);\n                    }\n                }\n                \n                \/\/ Input events for Go buttons - for both desktop and mobile\n                $(document).on('input keyup change', '#price_min, #price_max, #year_min, #year_max, #length_min, #length_max, .mobile-filter-content #price_min, .mobile-filter-content #price_max, .mobile-filter-content #year_min, .mobile-filter-content #year_max, .mobile-filter-content #length_min, .mobile-filter-content #length_max', function() {\n                    checkGoButtonStatus();\n                });\n                \n                \/\/ Monitor when mobile filter opens\n                $(document).on('click', '.mobile-filter-btn', function() {\n                    setTimeout(function() {\n                        checkGoButtonStatus();\n                    }, 300);\n                });\n                \n                \/\/ Monitor when mobile filter closes\n                $(document).on('click', '.mobile-close-filter, .yacht-mobile-filter-overlay', function() {\n                    setTimeout(function() {\n                        checkGoButtonStatus();\n                    }, 300);\n                });\n                \n                \/\/ Go button clicks\n                $('.btn-go-price, .btn-go-year, .btn-go-length').on('click', function() {\n                    if (!$(this).hasClass('active')) return;\n                    currentPage = 1;\n                    loadYachts();\n                });\n                \n                \/\/ Function to get form data (including mobile)\n                function getFormData() {\n                    let brands = [];\n                    let yacht_types = [];\n                    \n                    $('input[name=\"brands[]\"]:checked').each(function() {\n                        brands.push($(this).val());\n                    });\n                    \n                    $('input[name=\"yacht_type[]\"]:checked').each(function() {\n                        yacht_types.push($(this).val());\n                    });\n                    \n                    const urlParams = new URLSearchParams(window.location.search);\n                    if (urlParams.has('yacht_brands') && brands.length === 0) {\n                        brands = urlParams.get('yacht_brands').split(',').map(Number);\n                    }\n                    if (urlParams.has('yacht_types') && yacht_types.length === 0) {\n                        yacht_types = urlParams.get('yacht_types').split(',').map(Number);\n                    }\n                    \n                    \/\/ Get values from either desktop or mobile\n                    return {\n                        action: 'yacht_filter',\n                        nonce: '1cf9a93a4d',\n                        page: currentPage,\n                        per_page: 8,\n                        lang: currentLang,\n                        search: $('#search').val() || $('.mobile-filter-content #search').val() || '',\n                        condition: $('input[name=\"condition\"]:checked').val() || $('.mobile-filter-content input[name=\"condition\"]:checked').val() || '',\n                        length_unit: $('input[name=\"length_unit\"]:checked').val() || $('.mobile-filter-content input[name=\"length_unit\"]:checked').val() || 'm',\n                        yacht_type: yacht_types,\n                        brands: brands,\n                        year_min: $('#year_min').val() || $('.mobile-filter-content #year_min').val() || '',\n                        year_max: $('#year_max').val() || $('.mobile-filter-content #year_max').val() || '',\n                        price_min: $('#price_min').val() || $('.mobile-filter-content #price_min').val() || '',\n                        price_max: $('#price_max').val() || $('.mobile-filter-content #price_max').val() || '',\n                        length_min: $('#length_min').val() || $('.mobile-filter-content #length_min').val() || '',\n                        length_max: $('#length_max').val() || $('.mobile-filter-content #length_max').val() || '',\n                        sort: $('#sort-by').val() || $('.mobile-filter-content #sort-by').val() || ''\n                    };\n                }\n                \n                \/\/ Form Submit for both forms\n                $('#yacht-filter-form, #yacht-mobile-filter-form').on('submit', function(e) {\n                    e.preventDefault();\n                    currentPage = 1;\n                    loadYachts();\n                    \n                    if ($(this).attr('id') === 'yacht-mobile-filter-form') {\n                        $('.yacht-mobile-filter-sidebar').removeClass('active');\n                        $('.yacht-mobile-filter-overlay').removeClass('active');\n                    }\n                });\n                \n                \/\/ Search Button\n                $('.btn-search').on('click', function() {\n                    currentPage = 1;\n                    loadYachts();\n                });\n                \n                \/\/ Sort change\n                $('#sort-by').on('change', function() {\n                    currentPage = 1;\n                    loadYachts();\n                });\n                \n                \/\/ View Toggle\n                $('.grid-view-btn').on('click', function() {\n                    if (currentView !== 'grid') {\n                        currentView = 'grid';\n                        $('.view-btn').removeClass('active');\n                        $(this).addClass('active');\n                        $('#yacht-listing').removeClass('list-view').addClass('grid-view');\n                    }\n                });\n                \n                $('.list-view-btn').on('click', function() {\n                    if (currentView !== 'list') {\n                        currentView = 'list';\n                        $('.view-btn').removeClass('active');\n                        $(this).addClass('active');\n                        $('#yacht-listing').removeClass('grid-view').addClass('list-view');\n                    }\n                });\n                \n                \/\/ Unit toggle functionality for length and beam\n                $(document).on('click', '.unit-btn', function() {\n                    const $btn = $(this);\n                    const $card = $btn.closest('.yacht-card');\n                    const unit = $btn.data('unit');\n                    \n                    $btn.closest('.unit-toggle-buttons').find('.unit-btn').removeClass('active');\n                    $btn.addClass('active');\n                    \n                    if (unit === 'm') {\n                        $card.find('.length-m, .beam-m').show();\n                        $card.find('.length-ft, .beam-ft').hide();\n                    } else {\n                        $card.find('.length-m, .beam-m').hide();\n                        $card.find('.length-ft, .beam-ft').show();\n                    }\n                });\n                \n                \/\/ Yacht Type Parent checkbox functionality\n                $(document).on('change', 'input.parent-type-checkbox', function() {\n                    const $this = $(this);\n                    const $content = $this.closest('.type-header').next('.type-content');\n                    const $childCheckboxes = $content.find('input[name=\"yacht_type[]\"]');\n                    \n                    $childCheckboxes.prop('checked', $this.is(':checked'));\n                    currentPage = 1;\n                    loadYachts();\n                });\n                \n                \/\/ Yacht Type Child checkbox functionality\n                $(document).on('change', 'input[name=\"yacht_type[]\"]:not(.parent-type-checkbox)', function() {\n                    const $this = $(this);\n                    const $parentHeader = $this.closest('.type-content').prev('.type-header');\n                    const $parentCheckbox = $parentHeader.find('input.parent-type-checkbox');\n                    const $allChildren = $this.closest('.type-content').find('input[name=\"yacht_type[]\"]:not(.parent-type-checkbox)');\n                    const checkedChildren = $allChildren.filter(':checked').length;\n                    \n                    $parentCheckbox.prop('checked', checkedChildren === $allChildren.length);\n                    currentPage = 1;\n                    loadYachts();\n                });\n                \n                \/\/ Brand search functionality\n                $('.brand-search').on('input', function() {\n                    const searchTerm = $(this).val().toLowerCase();\n                    $('.brand-option').each(function() {\n                        const brandName = $(this).find('.option-label').text().toLowerCase();\n                        $(this).toggle(brandName.includes(searchTerm));\n                    });\n                });\n                \n                \/\/ Show more brands\n                $('.show-more-brands').on('click', function() {\n                    $(this).prev('.more-brands-section').slideDown();\n                    $(this).hide();\n                });\n                \n                \/\/ Clear filters function\n                function clearAllFilters() {\n                    \/\/ Clear desktop and mobile inputs\n                    $('#search, .mobile-filter-content #search').val('');\n                    \n                    $('input[name=\"condition\"], .mobile-filter-content input[name=\"condition\"]').prop('checked', false);\n                    $('#condition-all, .mobile-filter-content #condition-all').prop('checked', true);\n                    $('.button-filter-group .filter-btn').removeClass('active');\n                    $('[data-target=\"condition-all\"]').addClass('active');\n                    \n                    $('input[type=\"checkbox\"], .mobile-filter-content input[type=\"checkbox\"]').prop('checked', false);\n                    \n                    $('input[name=\"length_unit\"], .mobile-filter-content input[name=\"length_unit\"]').prop('checked', false);\n                    $('#length-unit-m, .mobile-filter-content #length-unit-m').prop('checked', true);\n                    $('.length-unit-toggle .filter-btn').removeClass('active');\n                    $('[data-target=\"length-unit-m\"]').addClass('active');\n                    updateLengthUnitDisplay();\n                    \n                    $('#year_min, #year_max, #price_min, #price_max, #length_min, #length_max, .mobile-filter-content #year_min, .mobile-filter-content #year_max, .mobile-filter-content #price_min, .mobile-filter-content #price_max, .mobile-filter-content #length_min, .mobile-filter-content #length_max').val('');\n                    $('.btn-go-year, .btn-go-price, .btn-go-length').removeClass('active').prop('disabled', true);\n                    \n                    $('#sort-by').val('');\n                    \n                    $('.accordion-content').slideUp();\n                    $('.accordion-header').removeClass('active');\n                    $('.accordion-arrow').removeClass('rotated');\n                    \n                    $('.more-brands-section').slideUp();\n                    $('.show-more-brands').show();\n                    \n                    $('.brand-search').val('');\n                    $('.brand-option').show();\n                    \n                    togglePriceSection();\n                    currentPage = 1;\n                    \n                    window.history.replaceState({}, '', window.location.pathname);\n                    \n                    loadYachts();\n                }\n                \n                $('#clear-filters, #mobile-clear-filters').on('click', clearAllFilters);\n                \n                \/\/ Pagination click\n                $(document).on('click', '.pagination-btn', function(e) {\n                    e.preventDefault();\n                    \n                    if ($(this).hasClass('disabled') || isProcessing) return;\n                    \n                    const page = $(this).data('page');\n                    if (page && page !== currentPage) {\n                        currentPage = parseInt(page);\n                        loadYachts();\n                        \n                        $('html, body').animate({\n                            scrollTop: $('#yacht-listing').offset().top - 100\n                        }, 300);\n                    }\n                });\n                \n                \/\/ Main load function\n                function loadYachts() {\n                    if (isProcessing) return;\n                    \n                    if (ajaxRequest) {\n                        ajaxRequest.abort();\n                    }\n                    \n                    isProcessing = true;\n                    $('#yacht-listing').html('<div class=\"loading\">\u062c\u0627\u0631\u064d \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u064a\u062e\u0648\u062a...<\/div>');\n                    $('.yacht-pagination-container').empty();\n                    \n                    const formData = getFormData();\n                    \n                    ajaxRequest = $.ajax({\n                        url: ajaxurl,\n                        type: 'POST',\n                        data: formData,\n                        dataType: 'json',\n                        success: function(response) {\n                            if (response.success) {\n                                $('#yacht-listing').html(response.data.html);\n                                $('.yacht-pagination-container').html(response.data.pagination);\n                                $('#results-count').text(response.data.found_posts || 0);\n                                \n                                if (currentView === 'list') {\n                                    $('#yacht-listing').removeClass('grid-view').addClass('list-view');\n                                } else {\n                                    $('#yacht-listing').removeClass('list-view').addClass('grid-view');\n                                }\n                                \n                                setTimeout(function() {\n                                    \/\/ Check the default unit from filter\n                                    if ($('input[name=\"length_unit\"]:checked').val() === 'm') {\n                                        $('.unit-btn-m').click();\n                                    } else {\n                                        $('.unit-btn-ft').click();\n                                    }\n                                }, 100);\n                            } else {\n                                $('#yacht-listing').html('<div class=\"error\">\u062e\u0637\u0623 \u0641\u064a \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0646\u062a\u0627\u0626\u062c<\/div>');\n                            }\n                        },\n                        error: function(xhr, status, error) {\n                            if (status !== 'abort') {\n                                console.error('AJAX Error:', error);\n                                $('#yacht-listing').html('<div class=\"error\">\u062d\u062f\u062b \u062e\u0637\u0623 \u0641\u064a \u0627\u0644\u0634\u0628\u0643\u0629. \u064a\u0631\u062c\u0649 \u0627\u0644\u0645\u062d\u0627\u0648\u0644\u0629 \u0645\u0631\u0629 \u0623\u062e\u0631\u0649.<\/div>');\n                            }\n                        },\n                        complete: function() {\n                            isProcessing = false;\n                            ajaxRequest = null;\n                        }\n                    });\n                }\n                \n                \/\/ Check URL filters\n                function checkUrlFilters() {\n                    const urlParams = new URLSearchParams(window.location.search);\n                    \n                    const page = urlParams.get('page');\n                    if (page) currentPage = parseInt(page);\n                    \n                    const search = urlParams.get('search');\n                    if (search) {\n                        $('#search').val(search);\n                        $('.mobile-filter-content #search').val(search);\n                    }\n                    \n                    const condition = urlParams.get('condition');\n                    if (condition) {\n                        $(`#condition-${condition}`).prop('checked', true);\n                        $(`.mobile-filter-content #condition-${condition}`).prop('checked', true);\n                        $(`[data-target=\"condition-${condition}\"]`).addClass('active').siblings().removeClass('active');\n                        togglePriceSection();\n                    }\n                    \n                    const length_unit = urlParams.get('length_unit');\n                    if (length_unit) {\n                        $(`#length-unit-${length_unit}`).prop('checked', true);\n                        $(`.mobile-filter-content #length-unit-${length_unit}`).prop('checked', true);\n                        $(`[data-target=\"length-unit-${length_unit}\"]`).addClass('active').siblings().removeClass('active');\n                        updateLengthUnitDisplay();\n                    } else {\n                        \/\/ Set default to meters\n                        $('#length-unit-m, .mobile-filter-content #length-unit-m').prop('checked', true);\n                        $('[data-target=\"length-unit-m\"]').addClass('active');\n                        updateLengthUnitDisplay();\n                    }\n                    \n                    const sort = urlParams.get('sort');\n                    if (sort) $('#sort-by').val(sort);\n                    \n                    const year_min = urlParams.get('year_min');\n                    const year_max = urlParams.get('year_max');\n                    if (year_min) {\n                        $('#year_min').val(year_min);\n                        $('.mobile-filter-content #year_min').val(year_min);\n                    }\n                    if (year_max) {\n                        $('#year_max').val(year_max);\n                        $('.mobile-filter-content #year_max').val(year_max);\n                    }\n                    \n                    const price_min = urlParams.get('price_min');\n                    const price_max = urlParams.get('price_max');\n                    if (price_min) {\n                        $('#price_min').val(price_min);\n                        $('.mobile-filter-content #price_min').val(price_min);\n                    }\n                    if (price_max) {\n                        $('#price_max').val(price_max);\n                        $('.mobile-filter-content #price_max').val(price_max);\n                    }\n                    \n                    const length_min = urlParams.get('length_min');\n                    const length_max = urlParams.get('length_max');\n                    if (length_min) {\n                        $('#length_min').val(length_min);\n                        $('.mobile-filter-content #length_min').val(length_min);\n                    }\n                    if (length_max) {\n                        $('#length_max').val(length_max);\n                        $('.mobile-filter-content #length_max').val(length_max);\n                    }\n                    \n                    const yacht_types = urlParams.get('yacht_types');\n                    if (yacht_types) {\n                        yacht_types.split(',').forEach(value => {\n                            $(`input[name=\"yacht_type[]\"][value=\"${value}\"]`).prop('checked', true);\n                            $(`.mobile-filter-content input[name=\"yacht_type[]\"][value=\"${value}\"]`).prop('checked', true);\n                        });\n                    }\n                    \n                    const yacht_brands = urlParams.get('yacht_brands');\n                    if (yacht_brands) {\n                        yacht_brands.split(',').forEach(value => {\n                            $(`input[name=\"brands[]\"][value=\"${value}\"]`).prop('checked', true);\n                            $(`.mobile-filter-content input[name=\"brands[]\"][value=\"${value}\"]`).prop('checked', true);\n                        });\n                    }\n                    \n                    setTimeout(checkGoButtonStatus, 100);\n                }\n                \n                function initializeYachtPage() {\n                    checkUrlFilters();\n                    updateLengthUnitDisplay();\n                    checkGoButtonStatus();\n                    loadYachts();\n                }\n                \n                $(window).on('popstate', function() {\n                    checkUrlFilters();\n                    loadYachts();\n                });\n            });\n        })(jQuery);\n        <\/script>\n        \n                <!-- CSS Styles -->\n        <style>\n        \/* Unit Toggle Buttons *\/\n        .unit-toggle-buttons {\n            display: flex;\n            margin-top: 15px;\n            margin-bottom: 10px;\n        }\n        \n        .unit-btn {\n            width: 42px;\n            height: 42px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            background-color: #F4F4F4;\n            color: #9A9A9A;\n            cursor: pointer;\n            font-size: 16px;\n            font-weight: 500;\n            line-height: 1.4;\n            border-radius: 0;\n            border:none;\n            transition: all 0.3s ease;\n        }\n        \n        .unit-btn:hover,\n        .unit-btn.active {\n            background-color: #187586;\n            color: #fff;\n        }\n        \n        \/* Length and Beam items *\/\n        .length-item .length-value,\n        .beam-item .beam-value {\n            display: inline-block;\n            transition: opacity 0.3s ease;\n        }\n        \n        \/* Remove View Details button *\/\n        .view-details {\n            display: none !important;\n        }\n        .status {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            gap: 10px;\n            flex: 1;\n        }\n        \/* Style for Request Price *\/\n        .request-price {\n            margin-top: 10px;\n        }\n        \n        .request-price a {\n            display: inline-block;\n            padding: 0;\n            color: #1C4F5D;\n            text-decoration: underline;\n            font-size: 20px;\n            transition: background-color 0.3s ease;\n        }\n        \n        \/* Yacht Card Styles *\/\n        .yacht-card {\n            background: #fff;\n            overflow: hidden;\n            transition: all 0.3s ease;\n        }\n        \n        \n        .yacht-card img {\n            width: 100%;\n            height: 270px;\n            object-fit: cover;\n        }\n        \n        .yacht-desc {\n            padding: 24px 32px;\n        }\n        \n        .yacht-desc h3 {\n            margin: 0 0 10px;\n            font-size: 18px;\n            font-weight: 600;\n        }\n        \n        .year {\n            color: #666;\n            font-size: 14px;\n            margin-bottom: 5px;\n        }\n        \n        .price {\n            color: #187586;\n            font-size: 20px;\n            font-weight: 700;\n        }\n        \n        .yacht-details {\n            display: flex;\n            gap: 10px;\n            margin-bottom: 15px;\n        }\n        \n        .item {\n            display: flex;\n            justify-content: space-between;\n            align-items: flex-start;\n            padding-bottom: 8px;\n        }\n\t\t\t\n\t\t\/* Hide Type item on yacht cards *\/\n\t\t.yacht-details .item:last-child {\n\t\t\tdisplay: none !important;\n\t\t}\n        \n        .label {\n            color: #666;\n            font-size: 14px;\n        }\n        \n        .item span {\n            font-weight: 500;\n            color: #333;\n        }\n        \n        .yacht-pagination {\n            display: flex;\n            justify-content: center;\n            gap: 5px;\n            margin-top: 30px;\n        }\n        \n        .pagination-btn {\n            padding: 8px 12px;\n            cursor: pointer;\n            transition: all 0.3s ease;\n        }\n        \n        .pagination-btn:hover {\n            color: #187586;\n            background: transparent;\n        }\n        \n        .pagination-btn.active {\n            background: #187586;\n            color: #EEFDFC;\n            border-color: #187586;\n        }\n        \n        .pagination-btn.prev,\n        .pagination-btn.next {\n            display: flex;\n            align-items: center;\n            gap: 5px;\n        }\n        \n        .pagination-dots {\n            padding: 8px 5px;\n        }\n        \n        .loading {\n            text-align: center;\n            padding: 50px;\n            font-size: 16px;\n            color: #666;\n        }\n        \n        .no-results {\n            text-align: center;\n            padding: 50px;\n            font-size: 16px;\n            color: #666;\n        }\n        <\/style>\n        \n        <script>\n        \/\/ Add RTL direction to wrapper if language is Arabic\n        (function() {\n            var wrapper = document.querySelector('.yacht-page-wrap');\n            var lang = wrapper ? wrapper.getAttribute('data-lang') : '';\n            if (lang === 'ar') {\n                wrapper.setAttribute('dir', 'rtl');\n            }\n        })();\n        <\/script>\n        \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>\u0627\u062e\u062a\u0631 \u0627\u0644\u064a\u062e\u062a \u0627\u0644\u0630\u064a \u064a\u0639\u0628\u0651\u0631 \u0639\u0646\u0643 \u0627\u062e\u062a\u0631 \u064a\u062e\u062a \u0623\u062d\u0644\u0627\u0645\u0643 \u0643\u0644 \u064a\u062e\u062a \u0646\u0642\u062f\u0645\u0647 \u062a\u0645 \u0627\u062e\u062a\u064a\u0627\u0631\u0647 \u0644\u0623\u0646\u0647 \u064a\u0642\u062f\u0645 \u0642\u064a\u0645\u0629 \u062d\u0642\u064a\u0642\u064a\u0629: \u062c\u0648\u062f\u0629 \u0641\u064a \u0627\u0644\u0628\u0646\u0627\u0621\u060c \u062a\u0641\u0627\u0635\u064a\u0644 \u0645\u062f\u0631\u0648\u0633\u0629\u060c \u0648\u0625\u062d\u0633\u0627\u0633 \u0641\u062e\u0645 \u064a\u0631\u0627\u0641\u0642\u0643 \u0641\u064a \u0643\u0644 \u0631\u062d\u0644\u0629. \u0627\u0644\u062d\u0627\u0644\u0629 \u0627\u0644\u0643\u0644 \u062c\u062f\u064a\u062f \u0645\u0633\u062a\u0639\u0645\u0644 \u0646\u0648\u0639 \u0627\u0644\u064a\u062e\u062a \u0627\u0644\u0645\u0627\u0631\u0643\u0647 Custom Line Ferretti Itama Mochi Craft Pershing Riva Wally \u0627\u0644\u0633\u0639\u0631 \u0644 \u0627\u0630\u0647\u0628 \u0627\u0644\u0633\u0646\u0629 \u0644 \u0627\u0630\u0647\u0628 \u0627\u0644\u0637\u0648\u0644 \u0644 \u0627\u0630\u0647\u0628 \u0645 \u0642\u062f\u0645 [&hellip;]<\/p>\n","protected":false},"author":5,"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-6488","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/seapros.a2zbackoffice.com\/ar\/wp-json\/wp\/v2\/pages\/6488","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/seapros.a2zbackoffice.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/seapros.a2zbackoffice.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/seapros.a2zbackoffice.com\/ar\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/seapros.a2zbackoffice.com\/ar\/wp-json\/wp\/v2\/comments?post=6488"}],"version-history":[{"count":16,"href":"https:\/\/seapros.a2zbackoffice.com\/ar\/wp-json\/wp\/v2\/pages\/6488\/revisions"}],"predecessor-version":[{"id":7003,"href":"https:\/\/seapros.a2zbackoffice.com\/ar\/wp-json\/wp\/v2\/pages\/6488\/revisions\/7003"}],"wp:attachment":[{"href":"https:\/\/seapros.a2zbackoffice.com\/ar\/wp-json\/wp\/v2\/media?parent=6488"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}