{"id":207,"date":"2023-08-26T16:49:52","date_gmt":"2023-08-26T16:49:52","guid":{"rendered":"https:\/\/maroufturk.com\/?post_type=portfolio&#038;p=207"},"modified":"2025-04-09T08:00:31","modified_gmt":"2025-04-09T08:00:31","slug":"auto-accessories","status":"publish","type":"portfolio","link":"https:\/\/maroufturk.com\/ar\/portfolio\/auto-accessories\/","title":{"rendered":"\u0627\u0643\u0633\u0633\u0648\u0627\u0631\u0627\u062a \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a"},"content":{"rendered":"<div data-elementor-type=\"wp-post\" data-elementor-id=\"207\" class=\"elementor elementor-207\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d31102a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d31102a\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"aux-parallax-section elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4c4c34b\" data-id=\"4c4c34b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-57cf0ea elementor-widget elementor-widget-shortcode\" data-id=\"57cf0ea\" 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\">    <div class=\"container\" style=\"max-width:1200px; margin:0 auto;\">\n      <div class=\"intro\" style=\"background:#fff; padding:1.5rem; border-radius:8px; margin-bottom:2rem; box-shadow:0 1px 3px rgba(0,0,0,0.1);\">\n        <p>\u0648\u0633\u0651\u0639 \u0646\u0637\u0627\u0642 \u0641\u0644\u0633\u0641\u062a\u0646\u0627 \u0641\u064a \u0627\u0644\u062a\u0648\u0631\u064a\u062f \u0644\u062a\u0634\u0645\u0644 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a \u0645\u0646 \u062e\u0644\u0627\u0644 \u0645\u062c\u0645\u0648\u0639\u062a\u0646\u0627 \u0627\u0644\u0648\u0627\u0633\u0639\u0629 \u0645\u0646 \u0645\u0644\u062d\u0642\u0627\u062a \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a. \u0645\u0646 \u0627\u0644\u062a\u062d\u0633\u064a\u0646\u0627\u062a \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u0631\u062a\u0642\u064a \u0628\u0627\u0644\u0631\u0627\u062d\u0629 \u0625\u0644\u0649 \u0627\u0644\u0644\u0645\u0633\u0627\u062a \u0627\u0644\u062e\u0627\u0631\u062c\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u0639\u0643\u0633 \u0630\u0648\u0642\u0643 \u0627\u0644\u0634\u062e\u0635\u064a\u060c \u062a\u062c\u0645\u0639 \u0639\u0631\u0648\u0636\u0646\u0627 \u0628\u064a\u0646 \u0627\u0644\u062c\u0645\u0627\u0644\u064a\u0629 \u0648\u0642\u0637\u0639 \u0627\u0644\u063a\u064a\u0627\u0631 \u0648\u0627\u0644\u0623\u062f\u0627\u0621 \u0627\u0644\u0639\u0645\u0644\u064a.<\/p>\n      <\/div>\n      <div class=\"filter-layout\" style=\"display:flex; gap:1rem; margin-bottom:2rem;\">\n        <div class=\"filter-sidebar\" style=\"flex:0 0 30%; background:#fff; padding:1rem; border-radius:8px; box-shadow:0 1px 3px rgba(0,0,0,0.1); position:sticky; top:1rem;\">\n          <h2 style=\"margin-bottom:1rem; font-size:1.2rem; border-bottom:2px solid #ddd; padding-bottom:0.5rem;\">\u0641\u0626\u0627\u062a<\/h2>\n          <ul class=\"category-list\" style=\"list-style:none; padding-left:0;\">\n                          <li class=\"category-item active\" data-category=\"all\" style=\"margin-bottom:0.5rem; cursor:pointer; padding:0.5rem; border-radius:5px; background-color:#dfdfdf; font-weight:bold;\">\u0627\u0644\u062c\u0645\u064a\u0639<\/li>\n                                          <li class=\"category-item\" data-category=\"Spare parts\" style=\"margin-bottom:0.5rem; cursor:pointer; padding:0.5rem; border-radius:5px;\">\n                    \u0642\u0637\u0639 \u063a\u064a\u0627\u0631                  <\/li>\n                                  <li class=\"category-item\" data-category=\"Bike\" style=\"margin-bottom:0.5rem; cursor:pointer; padding:0.5rem; border-radius:5px;\">\n                    \u062f\u0631\u0627\u062c\u0629                  <\/li>\n                                  <li class=\"category-item\" data-category=\"Car Chargers\" style=\"margin-bottom:0.5rem; cursor:pointer; padding:0.5rem; border-radius:5px;\">\n                    \u0634\u0648\u0627\u062d\u0646 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a                  <\/li>\n                                  <li class=\"category-item\" data-category=\"Auto Accessories\" style=\"margin-bottom:0.5rem; cursor:pointer; padding:0.5rem; border-radius:5px;\">\n                    \u0627\u0643\u0633\u0633\u0648\u0627\u0631\u0627\u062a \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a                  <\/li>\n                                  <li class=\"category-item\" data-category=\"Battery &amp; Oil\" style=\"margin-bottom:0.5rem; cursor:pointer; padding:0.5rem; border-radius:5px;\">\n                    \u0627\u0644\u0628\u0637\u0627\u0631\u064a\u0629 \u0648\u0627\u0644\u0632\u064a\u062a                  <\/li>\n                          <\/ul>\n        <\/div>\n        <div class=\"filter-content\" style=\"flex:1; background:#fff; padding:1rem; border-radius:8px; box-shadow:0 1px 3px rgba(0,0,0,0.1);\">\n          <h2>\u0648\u062b\u0627\u0626\u0642<\/h2>\n          <div class=\"documents-grid\" style=\"display:grid; grid-template-columns: repeat(auto-fill, minmax(250px,1fr)); gap:1rem; margin-top:1rem;\">\n                                <div class=\"document-item\" data-category=\"Spare parts\" style=\"background:#fafafa; padding:1rem; border-radius:8px; box-shadow:0 1px 2px rgba(0,0,0,0.1);\">\n                      <a class=\"document-link\" href=\"https:\/\/pdfhost.io\/v\/Qd04qoDAL_ACDSee_PDF_Image\" target=\"_blank\" rel=\"noreferrer noopener\" style=\"text-decoration:none; color:#0073aa; display:flex; align-items:center; gap:0.5rem;\">\n                        <img decoding=\"async\" src=\"http:\/\/maroufturk.com\/wp-content\/uploads\/2024\/01\/images.png\" alt=\"Trucks Spare Parts\" style=\"width:30px;\" \/>\n                        <span class=\"document-title\" style=\"font-weight:bold;\">\u0642\u0637\u0639 \u063a\u064a\u0627\u0631 \u0627\u0644\u0634\u0627\u062d\u0646\u0627\u062a<\/span>\n                      <\/a>\n                    <\/div>\n                                        <div class=\"document-item\" data-category=\"Spare parts\" style=\"background:#fafafa; padding:1rem; border-radius:8px; box-shadow:0 1px 2px rgba(0,0,0,0.1);\">\n                      <a class=\"document-link\" href=\"https:\/\/pdfhost.io\/v\/Ggz7DdBT9_ACDSee_PDF_Image\" target=\"_blank\" rel=\"noreferrer noopener\" style=\"text-decoration:none; color:#0073aa; display:flex; align-items:center; gap:0.5rem;\">\n                        <img decoding=\"async\" src=\"http:\/\/maroufturk.com\/wp-content\/uploads\/2024\/01\/images.png\" alt=\"Electrical Scooters\" style=\"width:30px;\" \/>\n                        <span class=\"document-title\" style=\"font-weight:bold;\">\u0633\u0643\u0648\u062a\u0631\u0627\u062a \u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629<\/span>\n                      <\/a>\n                    <\/div>\n                                        <div class=\"document-item\" data-category=\"Bike\" style=\"background:#fafafa; padding:1rem; border-radius:8px; box-shadow:0 1px 2px rgba(0,0,0,0.1);\">\n                      <a class=\"document-link\" href=\"https:\/\/pdfhost.io\/v\/RKPqXdYvO_ACDSee_PDF_Image\" target=\"_blank\" rel=\"noreferrer noopener\" style=\"text-decoration:none; color:#0073aa; display:flex; align-items:center; gap:0.5rem;\">\n                        <img decoding=\"async\" src=\"http:\/\/maroufturk.com\/wp-content\/uploads\/2024\/01\/images.png\" alt=\"Car Chargers\" style=\"width:30px;\" \/>\n                        <span class=\"document-title\" style=\"font-weight:bold;\">\u0634\u0648\u0627\u062d\u0646 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a<\/span>\n                      <\/a>\n                    <\/div>\n                                        <div class=\"document-item\" data-category=\"Car Chargers\" style=\"background:#fafafa; padding:1rem; border-radius:8px; box-shadow:0 1px 2px rgba(0,0,0,0.1);\">\n                      <a class=\"document-link\" href=\"https:\/\/pdfhost.io\/v\/nOunYbcr~_ACDSee_PDF_Image\" target=\"_blank\" rel=\"noreferrer noopener\" style=\"text-decoration:none; color:#0073aa; display:flex; align-items:center; gap:0.5rem;\">\n                        <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/en\/4\/41\/Flag_of_India.svg\" alt=\"SEGA General Products\" style=\"width:30px;\" \/>\n                        <span class=\"document-title\" style=\"font-weight:bold;\">\u0645\u0646\u062a\u062c\u0627\u062a \u0633\u064a\u062c\u0627 \u0627\u0644\u0639\u0627\u0645\u0629<\/span>\n                      <\/a>\n                    <\/div>\n                                        <div class=\"document-item\" data-category=\"Auto Accessories\" style=\"background:#fafafa; padding:1rem; border-radius:8px; box-shadow:0 1px 2px rgba(0,0,0,0.1);\">\n                      <a class=\"document-link\" href=\"https:\/\/pdfhost.io\/v\/M1ziD74cs_ACDSee_PDF_Image\" target=\"_blank\" rel=\"noreferrer noopener\" style=\"text-decoration:none; color:#0073aa; display:flex; align-items:center; gap:0.5rem;\">\n                        <img decoding=\"async\" src=\"http:\/\/maroufturk.com\/wp-content\/uploads\/2024\/01\/images.png\" alt=\"Car Oil &amp; Lubricants\" style=\"width:30px;\" \/>\n                        <span class=\"document-title\" style=\"font-weight:bold;\">\u0632\u064a\u0648\u062a \u0648\u0634\u062d\u0648\u0645 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a<\/span>\n                      <\/a>\n                    <\/div>\n                                        <div class=\"document-item\" data-category=\"Auto Accessories\" style=\"background:#fafafa; padding:1rem; border-radius:8px; box-shadow:0 1px 2px rgba(0,0,0,0.1);\">\n                      <a class=\"document-link\" href=\"https:\/\/pdfhost.io\/v\/wXK3vuaEAg_SEGA_GENERAL_PRODUCTS_CATALOG_2022\" target=\"_blank\" rel=\"noreferrer noopener\" style=\"text-decoration:none; color:#0073aa; display:flex; align-items:center; gap:0.5rem;\">\n                        <img decoding=\"async\" src=\"http:\/\/maroufturk.com\/wp-content\/uploads\/2024\/01\/images.png\" alt=\"Car Care Products\" style=\"width:30px;\" \/>\n                        <span class=\"document-title\" style=\"font-weight:bold;\">\u0645\u0646\u062a\u062c\u0627\u062a \u0627\u0644\u0639\u0646\u0627\u064a\u0629 \u0628\u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a<\/span>\n                      <\/a>\n                    <\/div>\n                              <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <script>\n    \/\/ Simple category-based filtering\n    document.addEventListener('DOMContentLoaded', function(){\n        const catItems = document.querySelectorAll('.category-item');\n        const docItems = document.querySelectorAll('.document-item');\n\n        catItems.forEach(item => {\n            item.addEventListener('click', () => {\n                \/\/ Remove \"active\" styling from all categories\n                catItems.forEach(ci => {\n                    ci.classList.remove('active');\n                    ci.style.backgroundColor = '';\n                    ci.style.fontWeight = '';\n                });\n                \/\/ Highlight the clicked category\n                item.classList.add('active');\n                item.style.backgroundColor = '#dfdfdf';\n                item.style.fontWeight = 'bold';\n\n                const category = item.getAttribute('data-category');\n                docItems.forEach(doc => {\n                    const docCategory = doc.getAttribute('data-category');\n                    doc.style.display = (category === 'all' || category === docCategory) ? 'block' : 'none';\n                });\n            });\n        });\n    });\n    <\/script>\n    \t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"featured_media":213,"menu_order":0,"template":"","meta":{"footnotes":""},"portfolio-cat":[3],"portfolio-tag":[5],"portfolio-filter":[6],"portfolio-category":[27],"class_list":["post-207","portfolio","type-portfolio","status-publish","has-post-thumbnail","hentry","portfolio-cat-uncategorized","portfolio-tag-uncategorized","portfolio-filter-uncategorized","portfolio-category-uncategorized"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/maroufturk.com\/ar\/wp-json\/wp\/v2\/portfolio\/207","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maroufturk.com\/ar\/wp-json\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/maroufturk.com\/ar\/wp-json\/wp\/v2\/types\/portfolio"}],"version-history":[{"count":0,"href":"https:\/\/maroufturk.com\/ar\/wp-json\/wp\/v2\/portfolio\/207\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/maroufturk.com\/ar\/wp-json\/wp\/v2\/media\/213"}],"wp:attachment":[{"href":"https:\/\/maroufturk.com\/ar\/wp-json\/wp\/v2\/media?parent=207"}],"wp:term":[{"taxonomy":"portfolio-cat","embeddable":true,"href":"https:\/\/maroufturk.com\/ar\/wp-json\/wp\/v2\/portfolio-cat?post=207"},{"taxonomy":"portfolio-tag","embeddable":true,"href":"https:\/\/maroufturk.com\/ar\/wp-json\/wp\/v2\/portfolio-tag?post=207"},{"taxonomy":"portfolio-filter","embeddable":true,"href":"https:\/\/maroufturk.com\/ar\/wp-json\/wp\/v2\/portfolio-filter?post=207"},{"taxonomy":"portfolio-category","embeddable":true,"href":"https:\/\/maroufturk.com\/ar\/wp-json\/wp\/v2\/portfolio-category?post=207"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}