{"id":2379,"date":"2026-06-17T22:05:44","date_gmt":"2026-06-17T19:05:44","guid":{"rendered":"https:\/\/carzoone.com\/?page_id=2379"},"modified":"2026-06-17T23:18:53","modified_gmt":"2026-06-17T20:18:53","slug":"brands","status":"publish","type":"page","link":"https:\/\/carzoone.com\/en\/brands\/","title":{"rendered":"Brands"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"2379\" class=\"elementor elementor-2379\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c59356b e-flex e-con-boxed e-con e-parent\" data-id=\"c59356b\" 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-8cb7490 elementor-widget elementor-widget-shortcode\" data-id=\"8cb7490\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">        <style>\n            @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@300;400;500;700;800;900&display=swap');\n\n            .cz-all-brands-page {\n                width: 100%;\n                max-width: 1400px;\n                margin: 60px auto;\n                padding: 0 5%;\n                font-family: 'Tajawal', sans-serif;\n                direction: rtl;\n            }\n\n            .cz-all-brands-header {\n                text-align: center;\n                margin-bottom: 60px;\n            }\n\n            .cz-all-brands-title {\n                font-size: 42px;\n                font-weight: 900;\n                color: #07090E;\n                margin: 0 0 16px 0;\n                letter-spacing: -1px;\n            }\n\n            .cz-all-brands-subtitle {\n                font-size: 16px;\n                color: rgba(7, 9, 14, 0.6);\n                max-width: 600px;\n                margin: 0 auto;\n                line-height: 1.6;\n            }\n\n            .cz-brands-search-container {\n                max-width: 500px;\n                margin: 0 auto 60px auto;\n                position: relative;\n            }\n\n            .cz-brands-search-input {\n                width: 100% !important;\n                padding: 18px 24px 18px 54px !important;\n                border-radius: 50px !important;\n                border: 1.5px solid rgba(68, 138, 253, 0.2) !important;\n                background: #ffffff !important;\n                font-size: 15px !important;\n                font-family: 'Tajawal', sans-serif !important;\n                color: #07090E !important;\n                outline: none !important;\n                transition: all 0.3s ease;\n                box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04) !important;\n                box-sizing: border-box !important;\n            }\n\n            .cz-brands-search-input:focus {\n                border-color: #448AFD !important;\n                box-shadow: 0 12px 32px rgba(68, 138, 253, 0.12) !important;\n                transform: translateY(-2px);\n                padding-right: 24px !important;\n            }\n\n            .cz-brands-search-icon {\n                position: absolute;\n                left: 22px;\n                top: 50%;\n                transform: translateY(-50%);\n                width: 22px;\n                height: 22px;\n                fill: none;\n                stroke: #448AFD;\n                stroke-width: 2.5;\n                stroke-linecap: round;\n                stroke-linejoin: round;\n                transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);\n                pointer-events: none;\n            }\n\n            .cz-brands-search-input:focus + .cz-brands-search-icon {\n                opacity: 0;\n                transform: translateY(-50%) translateX(-10px) scale(0.6);\n                visibility: hidden;\n            }\n\n            .cz-all-brands-grid {\n                display: grid;\n                grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));\n                gap: 40px;\n                row-gap: 60px;\n                justify-items: center;\n            }\n\n            .cz-all-brand-item {\n                width: 180px;\n                height: 180px;\n                border-radius: 50%;\n                background: #ffffff;\n                border: 1.5px solid rgba(7, 9, 14, 0.06);\n                display: flex;\n                flex-direction: column;\n                align-items: center;\n                justify-content: center;\n                transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.3s ease, transform 0.3s ease;\n                text-decoration: none;\n                padding: 30px;\n                position: relative;\n            }\n\n            .cz-filtered-out {\n                opacity: 0 !important;\n                transform: scale(0.8) !important;\n                pointer-events: none !important;\n            }\n\n            .cz-filtered-in {\n                animation: czGridPop 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;\n            }\n\n            @keyframes czGridPop {\n                0% { opacity: 0; transform: scale(0.8); }\n                100% { opacity: 1; transform: scale(1); }\n            }\n\n            .cz-all-brand-item:hover {\n                border-color: rgba(68, 138, 253, 0.3);\n                box-shadow: 0 15px 40px rgba(68, 138, 253, 0.12);\n                transform: translateY(-8px);\n            }\n\n            .cz-all-brand-item img {\n                max-width: 100%;\n                max-height: 100%;\n                object-fit: contain;\n                filter: grayscale(100%) opacity(0.7);\n                transition: all 0.4s ease;\n            }\n\n            .cz-all-brand-item:hover img {\n                filter: grayscale(0%) opacity(1);\n                transform: scale(1.05);\n            }\n\n            .cz-all-brand-name {\n                position: absolute;\n                bottom: -32px;\n                font-size: 14px;\n                font-weight: 700;\n                color: #07090E;\n                text-align: center;\n                width: 140%;\n                opacity: 0;\n                transform: translateY(-10px);\n                transition: all 0.3s ease;\n                text-transform: uppercase;\n                letter-spacing: 1px;\n                font-family: 'Tajawal', sans-serif;\n            }\n\n            .cz-all-brand-item:hover .cz-all-brand-name {\n                opacity: 1;\n                transform: translateY(0);\n            }\n\n            .cz-brands-no-results {\n                grid-column: 1 \/ -1;\n                text-align: center;\n                padding: 60px;\n                font-size: 18px;\n                font-weight: 500;\n                color: rgba(7, 9, 14, 0.5);\n                display: none;\n                font-family: 'Tajawal', sans-serif;\n            }\n\n            .cz-brands-count {\n                text-align: center;\n                margin-bottom: 40px;\n                font-size: 14px;\n                color: rgba(7, 9, 14, 0.4);\n                font-weight: 600;\n                letter-spacing: 0.5px;\n            }\n\n            .cz-brands-count span {\n                color: #448AFD;\n                font-weight: 800;\n                font-size: 16px;\n            }\n\n            @media (max-width: 768px) {\n                .cz-all-brands-page { margin: 40px auto; padding: 0 20px; }\n                .cz-brands-search-container { margin-bottom: 40px; }\n                .cz-all-brands-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; row-gap: 50px; }\n                .cz-all-brand-item { width: 100%; height: auto; aspect-ratio: 1 \/ 1; padding: 24px; }\n                .cz-all-brand-item img { filter: grayscale(0%) opacity(1); }\n                .cz-all-brands-title { font-size: 32px; }\n                .cz-all-brand-name { opacity: 1; transform: translateY(0); bottom: -28px; font-size: 12px; }\n            }\n\n            @media (max-width: 400px) {\n                .cz-all-brands-page { padding: 0 12px; }\n                .cz-all-brands-grid { gap: 12px; row-gap: 42px; }\n                .cz-all-brand-item { padding: 16px; min-width: 0; }\n                .cz-all-brands-title { font-size: 26px; }\n                .cz-all-brands-subtitle { font-size: 14px; }\n            }\n        <\/style>\n\n        <div class=\"cz-all-brands-page\">\n            <div class=\"cz-all-brands-header\">\n                <h1 class=\"cz-all-brands-title\">Our Brands<\/h1>\n                <p class=\"cz-all-brands-subtitle\">\u0627\u0643\u062a\u0634\u0641 \u062a\u0634\u0643\u064a\u0644\u062a\u0646\u0627 \u0627\u0644\u0645\u062e\u062a\u0627\u0631\u0629 \u0645\u0646 \u0623\u0631\u0642\u0649 \u0645\u0627\u0631\u0643\u0627\u062a \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0641\u0627\u062e\u0631\u0629 \u0648\u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629 \u0641\u064a \u0645\u0643\u0627\u0646 \u0648\u0627\u062d\u062f.<\/p>\n            <\/div>\n\n            <div class=\"cz-brands-search-container\">\n                <input type=\"text\" id=\"cz-brand-search\" class=\"cz-brands-search-input\" placeholder=\"\u0627\u0628\u062d\u062b \u0639\u0646 \u0645\u0627\u0631\u0643\u0629...\" autocomplete=\"off\">\n                <svg class=\"cz-brands-search-icon\" viewbox=\"0 0 24 24\">\n                    <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\n                    <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line>\n                <\/svg>\n            <\/div>\n\n            <div class=\"cz-brands-count\">\n                <span>17<\/span> \u0645\u0627\u0631\u0643\u0629 \u0645\u062a\u0648\u0641\u0631\u0629\n            <\/div>\n\n            <div class=\"cz-all-brands-grid\" id=\"cz-all-brands-grid\">\n                <a href=\"https:\/\/carzoone.com\/en\/brand\/audi\/\" class=\"cz-all-brand-item\" data-brand-name=\"audi\"><img decoding=\"async\" src=\"https:\/\/carzoone.com\/wp-content\/uploads\/2025\/11\/Audi.png\" alt=\"Audi\" loading=\"lazy\"><span class=\"cz-all-brand-name\">Audi<\/span><\/a><a href=\"https:\/\/carzoone.com\/en\/brand\/bmw\/\" class=\"cz-all-brand-item\" data-brand-name=\"bmw\"><img decoding=\"async\" src=\"https:\/\/carzoone.com\/wp-content\/uploads\/2025\/11\/BMW.png\" alt=\"BMW\" loading=\"lazy\"><span class=\"cz-all-brand-name\">BMW<\/span><\/a><a href=\"https:\/\/carzoone.com\/en\/brand\/chevrolet\/\" class=\"cz-all-brand-item\" data-brand-name=\"chevrolet\"><img decoding=\"async\" src=\"https:\/\/carzoone.com\/wp-content\/uploads\/2025\/11\/Chevrolet.png\" alt=\"Chevrolet\" loading=\"lazy\"><span class=\"cz-all-brand-name\">Chevrolet<\/span><\/a><a href=\"https:\/\/carzoone.com\/en\/brand\/ford\/\" class=\"cz-all-brand-item\" data-brand-name=\"ford\"><img decoding=\"async\" src=\"https:\/\/carzoone.com\/wp-content\/uploads\/2025\/11\/Ford.png\" alt=\"Ford\" loading=\"lazy\"><span class=\"cz-all-brand-name\">Ford<\/span><\/a><a href=\"https:\/\/carzoone.com\/en\/brand\/gmc\/\" class=\"cz-all-brand-item\" data-brand-name=\"gmc\"><img decoding=\"async\" src=\"https:\/\/carzoone.com\/wp-content\/uploads\/2025\/11\/GMC-Logo_2.svg.png\" alt=\"GMC\" loading=\"lazy\"><span class=\"cz-all-brand-name\">GMC<\/span><\/a><a href=\"https:\/\/carzoone.com\/en\/brand\/honda\/\" class=\"cz-all-brand-item\" data-brand-name=\"honda\"><img decoding=\"async\" src=\"https:\/\/carzoone.com\/wp-content\/uploads\/2025\/11\/Honda.png\" alt=\"Honda\" loading=\"lazy\"><span class=\"cz-all-brand-name\">Honda<\/span><\/a><a href=\"https:\/\/carzoone.com\/en\/brand\/hyundai\/\" class=\"cz-all-brand-item\" data-brand-name=\"hyundai\"><img decoding=\"async\" src=\"https:\/\/carzoone.com\/wp-content\/uploads\/2025\/11\/Hyundai.png\" alt=\"Hyundai\" loading=\"lazy\"><span class=\"cz-all-brand-name\">Hyundai<\/span><\/a><a href=\"https:\/\/carzoone.com\/en\/brand\/jeep\/\" class=\"cz-all-brand-item\" data-brand-name=\"jeep\"><img decoding=\"async\" src=\"https:\/\/carzoone.com\/wp-content\/uploads\/2025\/11\/Jeep.png\" alt=\"Jeep\" loading=\"lazy\"><span class=\"cz-all-brand-name\">Jeep<\/span><\/a><a href=\"https:\/\/carzoone.com\/en\/brand\/kia\/\" class=\"cz-all-brand-item\" data-brand-name=\"kia\"><img decoding=\"async\" src=\"https:\/\/carzoone.com\/wp-content\/uploads\/2025\/11\/Kia-1.png\" alt=\"Kia\" loading=\"lazy\"><span class=\"cz-all-brand-name\">Kia<\/span><\/a><a href=\"https:\/\/carzoone.com\/en\/brand\/lexus\/\" class=\"cz-all-brand-item\" data-brand-name=\"lexus\"><img decoding=\"async\" src=\"https:\/\/carzoone.com\/wp-content\/uploads\/2025\/11\/Lexus.png\" alt=\"Lexus\" loading=\"lazy\"><span class=\"cz-all-brand-name\">Lexus<\/span><\/a><a href=\"https:\/\/carzoone.com\/en\/brand\/mazda\/\" class=\"cz-all-brand-item\" data-brand-name=\"mazda\"><img decoding=\"async\" src=\"https:\/\/carzoone.com\/wp-content\/uploads\/2025\/11\/Mazda-1.png\" alt=\"Mazda\" loading=\"lazy\"><span class=\"cz-all-brand-name\">Mazda<\/span><\/a><a href=\"https:\/\/carzoone.com\/en\/brand\/mercedes\/\" class=\"cz-all-brand-item\" data-brand-name=\"mercedes\"><img decoding=\"async\" src=\"https:\/\/carzoone.com\/wp-content\/uploads\/2025\/11\/Mercedes-1.png\" alt=\"Mercedes\" loading=\"lazy\"><span class=\"cz-all-brand-name\">Mercedes<\/span><\/a><a href=\"https:\/\/carzoone.com\/en\/brand\/mg\/\" class=\"cz-all-brand-item\" data-brand-name=\"mg\"><img decoding=\"async\" src=\"https:\/\/carzoone.com\/wp-content\/uploads\/2025\/11\/MG-1.png\" alt=\"MG\" loading=\"lazy\"><span class=\"cz-all-brand-name\">MG<\/span><\/a><a href=\"https:\/\/carzoone.com\/en\/brand\/nissan\/\" class=\"cz-all-brand-item\" data-brand-name=\"nissan\"><img decoding=\"async\" src=\"https:\/\/carzoone.com\/wp-content\/uploads\/2025\/11\/Nissan.png\" alt=\"Nissan\" loading=\"lazy\"><span class=\"cz-all-brand-name\">Nissan<\/span><\/a><a href=\"https:\/\/carzoone.com\/en\/brand\/porsche\/\" class=\"cz-all-brand-item\" data-brand-name=\"porsche\"><img decoding=\"async\" src=\"https:\/\/carzoone.com\/wp-content\/uploads\/2025\/11\/Porsche-1.png\" alt=\"Porsche\" loading=\"lazy\"><span class=\"cz-all-brand-name\">Porsche<\/span><\/a><a href=\"https:\/\/carzoone.com\/en\/brand\/toyota\/\" class=\"cz-all-brand-item\" data-brand-name=\"toyota\"><img decoding=\"async\" src=\"https:\/\/carzoone.com\/wp-content\/uploads\/2025\/11\/Toyota.png\" alt=\"Toyota\" loading=\"lazy\"><span class=\"cz-all-brand-name\">Toyota<\/span><\/a><a href=\"https:\/\/carzoone.com\/en\/brand\/volkswagen\/\" class=\"cz-all-brand-item\" data-brand-name=\"volkswagen\"><img decoding=\"async\" src=\"https:\/\/carzoone.com\/wp-content\/uploads\/2025\/11\/Volkswagen.png\" alt=\"Volkswagen\" loading=\"lazy\"><span class=\"cz-all-brand-name\">Volkswagen<\/span><\/a>                <div class=\"cz-brands-no-results\" id=\"cz-brands-no-results\">\n                    \u0644\u0645 \u0646\u0639\u062b\u0631 \u0639\u0644\u0649 \u0645\u0627\u0631\u0643\u0629 \u0628\u0647\u0630\u0627 \u0627\u0644\u0627\u0633\u0645. \u062c\u0631\u0651\u0628 \u0643\u0644\u0645\u0629 \u0623\u062e\u0631\u0649.\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <script>\n            document.addEventListener('DOMContentLoaded', function() {\n                const searchInput = document.getElementById('cz-brand-search');\n                const brandItems = document.querySelectorAll('.cz-all-brand-item');\n                const noResults = document.getElementById('cz-brands-no-results');\n                let filterTimeout;\n\n                if (!searchInput) return;\n\n                searchInput.addEventListener('input', function(e) {\n                    const searchTerm = e.target.value.toLowerCase().trim();\n                    clearTimeout(filterTimeout);\n\n                    brandItems.forEach(item => {\n                        const brandName = item.getAttribute('data-brand-name');\n                        const isMatch = brandName.includes(searchTerm);\n\n                        if (isMatch) {\n                            if (item.style.display === 'none') {\n                                item.style.display = 'flex';\n                                item.classList.remove('cz-filtered-out');\n                                item.classList.add('cz-filtered-in');\n                                setTimeout(() => item.classList.remove('cz-filtered-in'), 400);\n                            } else if (item.classList.contains('cz-filtered-out')) {\n                                item.classList.remove('cz-filtered-out');\n                            }\n                        } else {\n                            if (item.style.display !== 'none') {\n                                item.classList.add('cz-filtered-out');\n                            }\n                        }\n                    });\n\n                    filterTimeout = setTimeout(() => {\n                        let actualVisibleCount = 0;\n                        brandItems.forEach(item => {\n                            if (item.classList.contains('cz-filtered-out')) {\n                                item.style.display = 'none';\n                            } else {\n                                actualVisibleCount++;\n                            }\n                        });\n\n                        if (actualVisibleCount === 0 && searchTerm !== '') {\n                            noResults.style.display = 'block';\n                            noResults.style.animation = 'czGridPop 0.4s forwards';\n                        } else {\n                            noResults.style.display = 'none';\n                        }\n                    }, 300);\n                });\n            });\n        <\/script>\n        <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-2379","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/carzoone.com\/en\/wp-json\/wp\/v2\/pages\/2379","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carzoone.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/carzoone.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/carzoone.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/carzoone.com\/en\/wp-json\/wp\/v2\/comments?post=2379"}],"version-history":[{"count":5,"href":"https:\/\/carzoone.com\/en\/wp-json\/wp\/v2\/pages\/2379\/revisions"}],"predecessor-version":[{"id":2420,"href":"https:\/\/carzoone.com\/en\/wp-json\/wp\/v2\/pages\/2379\/revisions\/2420"}],"wp:attachment":[{"href":"https:\/\/carzoone.com\/en\/wp-json\/wp\/v2\/media?parent=2379"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}