{"id":2239,"date":"2026-06-20T11:38:26","date_gmt":"2026-06-20T11:38:26","guid":{"rendered":"https:\/\/zadbladna.com\/?st-import=1f4291bdd4d43756fa2f5301a3ae5053"},"modified":"2026-07-08T07:28:43","modified_gmt":"2026-07-08T07:28:43","slug":"contact-us","status":"publish","type":"page","link":"https:\/\/zadbladna.com\/ar\/contact-us\/","title":{"rendered":"\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627"},"content":{"rendered":"<div data-elementor-type=\"wp-post\" data-elementor-id=\"2239\" class=\"elementor elementor-2239\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0ab35cf e-flex e-con-boxed e-con e-parent\" data-id=\"0ab35cf\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;shape_divider_bottom&quot;:&quot;triangle&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-bottom\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 1000 100\" preserveaspectratio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M500,98.9L0,6.1V0h1000v6.1L500,98.9z\"\/>\n<\/svg>\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8c3a441 e-con-full e-flex e-con e-child\" data-id=\"8c3a441\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-90e9142 elementor-position-top elementor-invisible elementor-widget elementor-widget-image-box\" data-id=\"90e9142\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInDown&quot;}\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><img decoding=\"async\" width=\"200\" height=\"35\" src=\"https:\/\/zadbladna.com\/wp-content\/uploads\/2018\/10\/divider-free-img-1.png\" class=\"attachment-full size-full wp-image-12\" alt=\"divider free img 1.png\"  title=\"\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627\" \/><\/figure><div class=\"elementor-image-box-content\"><p class=\"elementor-image-box-title\">\u0627\u062d\u062c\u0632 \u0637\u0627\u0648\u0644\u062a\u0643<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c63e09b elementor-invisible elementor-widget elementor-widget-icon-box\" data-id=\"c63e09b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h1 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\t\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h1>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\t\u0633\u0648\u0627\u0621 \u0643\u0627\u0646 \u0644\u062f\u064a\u0643 \u0627\u0633\u062a\u0641\u0633\u0627\u0631\u060c \u0623\u0648 \u062a\u0631\u063a\u0628 \u0641\u064a \u062d\u062c\u0632 \u0637\u0627\u0648\u0644\u0629\u060c \u0623\u0648 \u062a\u0648\u062f \u0645\u0634\u0627\u0631\u0643\u0629 \u062d\u0628\u0643 \u0644\u0644\u0634\u0648\u0627\u0621\u060c \u0641\u0625\u0646 \u0641\u0631\u064a\u0642\u0646\u0627 \u0647\u0646\u0627 \u0644\u0645\u0633\u0627\u0639\u062f\u062a\u0643. \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627\u060c \u0648\u062f\u0639\u0646\u0627 \u0646\u062c\u0639\u0644 \u0632\u064a\u0627\u0631\u062a\u0643 \u0627\u0644\u0642\u0627\u062f\u0645\u0629 \u062a\u062c\u0631\u0628\u0629 \u0644\u0627 \u062a\u064f\u0646\u0633\u0649.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-19519874 e-con-full e-flex e-con e-parent\" data-id=\"19519874\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2c9621ca elementor-widget elementor-widget-shortcode\" data-id=\"2c9621ca\" 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\"><!DOCTYPE html>\n<html lang=\"en\" dir=\"ltr\">\n<head>\n    <meta charset=\"UTF-8\" \/>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n    <title>ZAD BLADNA \u00b7 Contact<\/title>\n    <!-- Google Fonts -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Alexandria:wght@300;400;600;700;900&family=Playfair+Display:wght@700;900&display=swap\" rel=\"stylesheet\" \/>\n    <!-- Font Awesome -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\" \/>\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: 'Alexandria', 'Segoe UI', sans-serif;\n            background: linear-gradient(135deg, #fcf8f3 0%, #f5ede5 100%);\n            padding: 2rem 1rem;\n            color: #2c1e14;\n            direction: ltr;\n            min-height: 100vh;\n            overflow-x: hidden;\n        }\n\n        \/* ============================================================\n           FLOATING PARTICLES\n           ============================================================ *\/\n        .bg-particles {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            pointer-events: none;\n            z-index: 0;\n            overflow: hidden;\n        }\n        .bg-particles span {\n            position: absolute;\n            display: block;\n            width: 20px;\n            height: 20px;\n            background: rgba(192, 57, 43, 0.04);\n            border-radius: 50%;\n            animation: floatUp 20s infinite linear;\n        }\n        .bg-particles span:nth-child(1) { left: 10%; animation-duration: 18s; animation-delay: 0s; width: 30px; height: 30px; }\n        .bg-particles span:nth-child(2) { left: 25%; animation-duration: 22s; animation-delay: 3s; width: 15px; height: 15px; }\n        .bg-particles span:nth-child(3) { left: 40%; animation-duration: 16s; animation-delay: 5s; width: 40px; height: 40px; }\n        .bg-particles span:nth-child(4) { left: 55%; animation-duration: 25s; animation-delay: 2s; width: 10px; height: 10px; }\n        .bg-particles span:nth-child(5) { left: 70%; animation-duration: 19s; animation-delay: 7s; width: 25px; height: 25px; }\n        .bg-particles span:nth-child(6) { left: 85%; animation-duration: 21s; animation-delay: 4s; width: 35px; height: 35px; }\n\n        @keyframes floatUp {\n            0% { transform: translateY(100vh) rotate(0deg); opacity: 0; }\n            10% { opacity: 1; }\n            90% { opacity: 1; }\n            100% { transform: translateY(-100vh) rotate(720deg); opacity: 0; }\n        }\n\n        \/* ============================================================\n           MAIN WRAPPER\n           ============================================================ *\/\n        .contact-wrapper {\n            position: relative;\n            z-index: 1;\n            max-width: 1280px;\n            margin: 0 auto;\n            background: rgba(255, 255, 255, 0.92);\n            backdrop-filter: blur(20px);\n            border-radius: 48px 48px 32px 32px;\n            box-shadow: 0 30px 80px -20px rgba(120, 40, 30, 0.3), 0 0 0 1px rgba(192, 57, 43, 0.06);\n            padding: 2.5rem 2.8rem;\n            border: 1px solid rgba(255, 255, 255, 0.5);\n            animation: wrapperGlow 4s ease-in-out infinite alternate;\n        }\n\n        @keyframes wrapperGlow {\n            0% { box-shadow: 0 30px 80px -20px rgba(120, 40, 30, 0.25), 0 0 0 1px rgba(192, 57, 43, 0.06); }\n            100% { box-shadow: 0 40px 100px -15px rgba(192, 57, 43, 0.18), 0 0 0 2px rgba(192, 57, 43, 0.10); }\n        }\n\n        \/* ============================================================\n           HEADER\n           ============================================================ *\/\n        .brand-header {\n            text-align: center;\n            padding-bottom: 2.2rem;\n            margin-bottom: 2.8rem;\n            border-bottom: 3px solid #c0392b;\n            position: relative;\n            animation: headerPulse 3s ease-in-out infinite;\n        }\n\n        @keyframes headerPulse {\n            0%, 100% { border-bottom-color: #c0392b; }\n            50% { border-bottom-color: #e74c3c; }\n        }\n\n        .brand-header::after {\n            content: \"\u2726\";\n            position: absolute;\n            bottom: -18px;\n            left: 50%;\n            transform: translateX(-50%);\n            background: #fff;\n            padding: 0 16px;\n            font-size: 1.6rem;\n            color: #c0392b;\n            animation: spinStar 8s linear infinite;\n        }\n\n        @keyframes spinStar {\n            0% { transform: translateX(-50%) rotate(0deg); }\n            100% { transform: translateX(-50%) rotate(360deg); }\n        }\n\n        .brand-header .logo-icon {\n            font-size: 3.5rem;\n            color: #c0392b;\n            animation: bounceIcon 2.5s ease-in-out infinite;\n            display: inline-block;\n        }\n\n        @keyframes bounceIcon {\n            0%, 100% { transform: translateY(0); }\n            50% { transform: translateY(-10px); }\n        }\n\n        .brand-header h1 {\n            font-family: 'Playfair Display', serif;\n            font-size: 4.2rem;\n            font-weight: 900;\n            color: #8b1e14;\n            letter-spacing: 4px;\n            text-shadow: 2px 2px 0 rgba(192, 57, 43, 0.08);\n            margin-bottom: 0.25rem;\n            animation: glitchText 5s ease-in-out infinite;\n        }\n\n        @keyframes glitchText {\n            0%, 90%, 100% { transform: translate(0); }\n            92% { transform: translate(-3px, 1px); }\n            94% { transform: translate(3px, -1px); }\n            96% { transform: translate(-2px, 2px); }\n            98% { transform: translate(2px, -2px); }\n        }\n\n        .brand-header p {\n            font-size: 1.3rem;\n            font-weight: 300;\n            color: #6b4f3a;\n            letter-spacing: 2px;\n        }\n\n        .brand-header .highlight {\n            background: linear-gradient(135deg, #c0392b, #e74c3c);\n            color: #fff;\n            padding: 0.3rem 2.2rem;\n            border-radius: 60px;\n            display: inline-block;\n            font-size: 1rem;\n            font-weight: 600;\n            margin-top: 0.5rem;\n            box-shadow: 0 8px 25px rgba(192, 57, 43, 0.3);\n            animation: glowPulse 2.5s ease-in-out infinite;\n            transition: all 0.3s ease;\n        }\n\n        .brand-header .highlight:hover {\n            transform: scale(1.05);\n            box-shadow: 0 12px 35px rgba(192, 57, 43, 0.4);\n        }\n\n        @keyframes glowPulse {\n            0%, 100% { box-shadow: 0 8px 25px rgba(192, 57, 43, 0.3); }\n            50% { box-shadow: 0 8px 40px rgba(192, 57, 43, 0.5); }\n        }\n\n        \/* ============================================================\n           REVEAL ANIMATIONS\n           ============================================================ *\/\n        .reveal {\n            opacity: 0;\n            transform: translateY(60px) scale(0.95);\n            transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n        .reveal.active {\n            opacity: 1;\n            transform: translateY(0) scale(1);\n        }\n\n        .reveal-left {\n            opacity: 0;\n            transform: translateX(-80px);\n            transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n        .reveal-left.active {\n            opacity: 1;\n            transform: translateX(0);\n        }\n\n        .reveal-right {\n            opacity: 0;\n            transform: translateX(80px);\n            transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n        .reveal-right.active {\n            opacity: 1;\n            transform: translateX(0);\n        }\n\n        .reveal-scale {\n            opacity: 0;\n            transform: scale(0.8);\n            transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n        .reveal-scale.active {\n            opacity: 1;\n            transform: scale(1);\n        }\n\n        \/* ============================================================\n           CONTENT GRID\n           ============================================================ *\/\n        .contact-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 4rem;\n            align-items: start;\n            margin-bottom: 2rem;\n        }\n\n        \/* ===== LEFT SIDE - CONTACT INFO ===== *\/\n        .contact-info h2 {\n            font-family: 'Playfair Display', serif;\n            font-size: 2.8rem;\n            color: #2c1e14;\n            margin-bottom: 1.2rem;\n        }\n\n        .contact-info h2 span {\n            color: #c0392b;\n            animation: textPulse 3s ease-in-out infinite;\n            display: inline-block;\n        }\n\n        @keyframes textPulse {\n            0%, 100% { text-shadow: 0 0 0 rgba(192, 57, 43, 0); }\n            50% { text-shadow: 0 0 40px rgba(192, 57, 43, 0.2); }\n        }\n\n        .contact-info .lead {\n            color: #6b4f3a;\n            font-size: 1.05rem;\n            line-height: 1.8;\n            margin-bottom: 2.5rem;\n        }\n\n        .contact-details {\n            display: flex;\n            flex-direction: column;\n            gap: 1.5rem;\n        }\n\n        .contact-item {\n            display: flex;\n            align-items: flex-start;\n            gap: 1.5rem;\n            padding: 1.2rem 1.8rem;\n            background: rgba(255, 255, 255, 0.6);\n            border-radius: 20px;\n            border: 1px solid rgba(192, 57, 43, 0.04);\n            transition: all 0.4s ease;\n            cursor: pointer;\n            text-decoration: none;\n            color: inherit;\n        }\n\n        .contact-item:hover {\n            transform: translateX(10px) scale(1.02);\n            border-color: rgba(192, 57, 43, 0.12);\n            box-shadow: 0 10px 30px rgba(192, 57, 43, 0.06);\n            background: rgba(255, 255, 255, 0.9);\n        }\n\n        .contact-item .icon-box {\n            width: 50px;\n            height: 50px;\n            min-width: 50px;\n            background: linear-gradient(135deg, rgba(192, 57, 43, 0.08), rgba(192, 57, 43, 0.02));\n            border-radius: 14px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1.4rem;\n            color: #c0392b;\n            transition: all 0.4s ease;\n            animation: iconPulse 3s ease-in-out infinite;\n        }\n\n        @keyframes iconPulse {\n            0%, 100% { transform: scale(1); opacity: 0.8; }\n            50% { transform: scale(1.08); opacity: 1; }\n        }\n\n        .contact-item:hover .icon-box {\n            background: linear-gradient(135deg, #c0392b, #e74c3c);\n            color: #fff;\n            transform: rotate(-8deg) scale(1.05);\n        }\n\n        .contact-item .info h4 {\n            font-size: 0.85rem;\n            color: #8f735b;\n            font-weight: 300;\n            letter-spacing: 1px;\n        }\n\n        .contact-item .info p {\n            font-size: 1.05rem;\n            font-weight: 500;\n            color: #2c1e14;\n            margin-top: 0.2rem;\n        }\n\n        .contact-item .info p small {\n            font-weight: 300;\n            color: #8f735b;\n            font-size: 0.85rem;\n        }\n\n        \/* ===== SOCIAL LINKS ===== *\/\n        .social-links {\n            margin-top: 2.5rem;\n            display: flex;\n            gap: 1rem;\n            flex-wrap: wrap;\n        }\n\n        .social-link {\n            width: 55px;\n            height: 55px;\n            border-radius: 16px;\n            background: rgba(255, 255, 255, 0.6);\n            border: 1px solid rgba(192, 57, 43, 0.06);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1.5rem;\n            color: #6b4f3a;\n            text-decoration: none;\n            transition: all 0.4s ease;\n        }\n\n        .social-link:hover {\n            transform: translateY(-8px) scale(1.05);\n            background: linear-gradient(135deg, #c0392b, #e74c3c);\n            color: #fff;\n            border-color: #c0392b;\n            box-shadow: 0 12px 35px rgba(192, 57, 43, 0.25);\n        }\n\n        \/* ===== RIGHT SIDE - FORM ===== *\/\n        .contact-form-wrapper {\n            background: rgba(255, 255, 255, 0.6);\n            border-radius: 32px;\n            padding: 2.5rem 2.5rem;\n            border: 1px solid rgba(192, 57, 43, 0.04);\n            box-shadow: 0 10px 40px rgba(0,0,0,0.02);\n            transition: all 0.5s ease;\n        }\n\n        .contact-form-wrapper:hover {\n            box-shadow: 0 20px 60px rgba(192, 57, 43, 0.06);\n            border-color: rgba(192, 57, 43, 0.08);\n        }\n\n        .contact-form-wrapper h3 {\n            font-family: 'Playfair Display', serif;\n            font-size: 2rem;\n            color: #2c1e14;\n            margin-bottom: 0.5rem;\n        }\n\n        .contact-form-wrapper h3 span {\n            color: #c0392b;\n        }\n\n        .contact-form-wrapper .form-sub {\n            color: #8f735b;\n            font-size: 0.95rem;\n            margin-bottom: 2rem;\n        }\n\n        .form-group {\n            margin-bottom: 1.5rem;\n            position: relative;\n        }\n\n        .form-group label {\n            display: block;\n            font-size: 0.85rem;\n            font-weight: 600;\n            color: #4d3729;\n            margin-bottom: 0.4rem;\n            letter-spacing: 0.5px;\n        }\n\n        .form-group label .required {\n            color: #c0392b;\n        }\n\n        .form-group input,\n        .form-group textarea,\n        .form-group select {\n            width: 100%;\n            padding: 0.9rem 1.2rem;\n            border: 2px solid rgba(192, 57, 43, 0.06);\n            border-radius: 16px;\n            font-family: 'Alexandria', sans-serif;\n            font-size: 1rem;\n            background: rgba(255, 255, 255, 0.8);\n            color: #2c1e14;\n            transition: all 0.4s ease;\n            outline: none;\n        }\n\n        .form-group input:focus,\n        .form-group textarea:focus,\n        .form-group select:focus {\n            border-color: #c0392b;\n            box-shadow: 0 0 0 6px rgba(192, 57, 43, 0.06);\n            background: #fff;\n        }\n\n        .form-group input:hover,\n        .form-group textarea:hover {\n            border-color: rgba(192, 57, 43, 0.2);\n        }\n\n        .form-group textarea {\n            min-height: 120px;\n            resize: vertical;\n        }\n\n        .form-group .input-icon {\n            position: absolute;\n            right: 1.2rem;\n            top: 2.8rem;\n            color: #c0392b;\n            opacity: 0.3;\n            transition: all 0.3s ease;\n        }\n\n        .form-group input:focus ~ .input-icon,\n        .form-group textarea:focus ~ .input-icon {\n            opacity: 0.8;\n            transform: scale(1.1);\n        }\n\n        .submit-btn {\n            width: 100%;\n            padding: 1rem 2rem;\n            background: linear-gradient(135deg, #c0392b, #a1281e);\n            color: #fff;\n            border: none;\n            border-radius: 60px;\n            font-family: 'Alexandria', sans-serif;\n            font-size: 1.1rem;\n            font-weight: 600;\n            cursor: pointer;\n            transition: all 0.4s ease;\n            box-shadow: 0 8px 35px rgba(192, 57, 43, 0.15);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 0.8rem;\n            animation: btnPulse 3s ease-in-out infinite;\n        }\n\n        @keyframes btnPulse {\n            0%, 100% { box-shadow: 0 8px 35px rgba(192, 57, 43, 0.15); }\n            50% { box-shadow: 0 8px 50px rgba(192, 57, 43, 0.35); }\n        }\n\n        .submit-btn:hover {\n            transform: translateY(-4px) scale(1.02);\n            animation: none;\n            box-shadow: 0 16px 50px rgba(192, 57, 43, 0.3);\n        }\n\n        .submit-btn:active {\n            transform: scale(0.97);\n        }\n\n        .submit-btn i {\n            animation: iconPulse 2s ease-in-out infinite;\n        }\n\n        \/* ============================================================\n           MAP SECTION\n           ============================================================ *\/\n        .map-section {\n            margin-top: 3rem;\n            padding: 2.5rem 2rem;\n            background: linear-gradient(135deg, rgba(192, 57, 43, 0.02), rgba(255, 255, 255, 0.9));\n            border-radius: 40px;\n            border: 1px solid rgba(192, 57, 43, 0.04);\n            text-align: center;\n        }\n\n        .map-section h2 {\n            font-family: 'Playfair Display', serif;\n            font-size: 2.4rem;\n            color: #2c1e14;\n            margin-bottom: 0.5rem;\n        }\n\n        .map-section h2 span {\n            color: #c0392b;\n            animation: textPulse 3s ease-in-out infinite;\n            display: inline-block;\n        }\n\n        .map-section p {\n            color: #6b4f3a;\n            margin-bottom: 1.5rem;\n        }\n\n        .map-placeholder {\n            background: linear-gradient(135deg, #f5ede5, #e8ddd0);\n            border-radius: 28px;\n            padding: 3.5rem 2rem;\n            border: 2px dashed rgba(192, 57, 43, 0.1);\n            transition: all 0.5s ease;\n            cursor: pointer;\n            text-decoration: none;\n            color: inherit;\n            display: block;\n        }\n\n        .map-placeholder:hover {\n            transform: scale(1.02);\n            border-color: rgba(192, 57, 43, 0.2);\n            box-shadow: 0 15px 50px rgba(192, 57, 43, 0.06);\n        }\n\n        .map-placeholder .map-icon {\n            font-size: 4rem;\n            color: #c0392b;\n            animation: iconPulse 3s ease-in-out infinite;\n            display: inline-block;\n        }\n\n        .map-placeholder h4 {\n            font-family: 'Playfair Display', serif;\n            font-size: 1.6rem;\n            color: #2c1e14;\n            margin: 0.5rem 0;\n        }\n\n        .map-placeholder p {\n            color: #8f735b;\n            font-size: 0.95rem;\n        }\n\n        .map-placeholder .map-address {\n            margin-top: 0.8rem;\n            color: #6b4f3a;\n            font-weight: 500;\n        }\n\n        \/* ============================================================\n           FOOTER\n           ============================================================ *\/\n        .footer-note {\n            margin-top: 3.6rem;\n            padding-top: 1.6rem;\n            text-align: center;\n            border-top: 2px dashed #dacfc4;\n            font-size: 0.95rem;\n            color: #7a624f;\n            animation: fadeInFooter 1.5s ease forwards;\n            opacity: 0;\n        }\n\n        @keyframes fadeInFooter {\n            0% { opacity: 0; transform: translateY(20px); }\n            100% { opacity: 1; transform: translateY(0); }\n        }\n\n        .footer-note i {\n            color: #c0392b;\n            margin: 0 0.3rem;\n            animation: heartBeat 2s ease-in-out infinite;\n        }\n\n        @keyframes heartBeat {\n            0%, 100% { transform: scale(1); }\n            15% { transform: scale(1.3); }\n            30% { transform: scale(1); }\n            45% { transform: scale(1.2); }\n            60% { transform: scale(1); }\n        }\n\n        \/* ============================================================\n           SCROLL TOP\n           ============================================================ *\/\n        .scroll-top {\n            position: fixed;\n            bottom: 30px;\n            right: 30px;\n            background: linear-gradient(135deg, #c0392b, #e74c3c);\n            color: #fff;\n            border: none;\n            border-radius: 50%;\n            width: 55px;\n            height: 55px;\n            font-size: 1.5rem;\n            cursor: pointer;\n            box-shadow: 0 8px 30px rgba(192, 57, 43, 0.3);\n            z-index: 100;\n            transition: all 0.4s ease;\n            opacity: 0;\n            transform: translateY(20px);\n            animation: fadeInFooter 1s ease 2s forwards;\n        }\n\n        .scroll-top:hover {\n            transform: scale(1.12) translateY(-6px);\n            box-shadow: 0 14px 45px rgba(192, 57, 43, 0.4);\n        }\n\n        \/* ============================================================\n           RESPONSIVE\n           ============================================================ *\/\n        @media (max-width: 992px) {\n            .contact-grid {\n                grid-template-columns: 1fr;\n                gap: 2.5rem;\n            }\n            .contact-item:hover {\n                transform: translateX(0) scale(1.02);\n            }\n        }\n\n        @media (max-width: 650px) {\n            .contact-wrapper {\n                padding: 1.2rem 1rem;\n                border-radius: 32px;\n            }\n            .brand-header h1 {\n                font-size: 2.6rem;\n            }\n            .brand-header p {\n                font-size: 1rem;\n            }\n            .brand-header .logo-icon {\n                font-size: 2.5rem;\n            }\n            .contact-info h2 {\n                font-size: 2.2rem;\n            }\n            .contact-form-wrapper {\n                padding: 1.8rem 1.2rem;\n            }\n            .contact-form-wrapper h3 {\n                font-size: 1.6rem;\n            }\n            .contact-item {\n                padding: 1rem 1.2rem;\n                flex-direction: column;\n                align-items: center;\n                text-align: center;\n            }\n            .contact-item .icon-box {\n                width: 45px;\n                height: 45px;\n                min-width: 45px;\n                font-size: 1.2rem;\n            }\n            .social-links {\n                justify-content: center;\n            }\n            .social-link {\n                width: 48px;\n                height: 48px;\n                font-size: 1.2rem;\n            }\n            .map-section h2 {\n                font-size: 1.8rem;\n            }\n            .map-placeholder {\n                padding: 2.5rem 1.2rem;\n            }\n            .map-placeholder .map-icon {\n                font-size: 3rem;\n            }\n            .scroll-top {\n                width: 45px;\n                height: 45px;\n                font-size: 1.2rem;\n                bottom: 20px;\n                right: 20px;\n            }\n            .form-group input,\n            .form-group textarea {\n                padding: 0.8rem 1rem;\n                font-size: 0.95rem;\n            }\n            .submit-btn {\n                font-size: 1rem;\n                padding: 0.9rem 1.5rem;\n            }\n        }\n\n        @media (max-width: 400px) {\n            .brand-header h1 {\n                font-size: 2rem;\n            }\n            .contact-info h2 {\n                font-size: 1.8rem;\n            }\n            .contact-form-wrapper h3 {\n                font-size: 1.4rem;\n            }\n            .contact-item .info p {\n                font-size: 0.95rem;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n<!-- ===== BACKGROUND PARTICLES ===== -->\n<div class=\"bg-particles\">\n    <span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span>\n<\/div>\n\n<!-- ===== SCROLL TOP ===== -->\n<button class=\"scroll-top\" onclick=\"window.scrollTo({top: 0, behavior: 'smooth'})\">\n    <i class=\"fas fa-chevron-up\"><\/i>\n<\/button>\n\n<!-- ===== CONTACT WRAPPER ===== -->\n<div class=\"contact-wrapper\">\n\n    <!-- ===== HEADER ===== -->\n    <header class=\"brand-header\">\n        <div class=\"logo-icon\"><i class=\"fas fa-utensils\"><\/i><\/div>\n        <h1>\u0632\u0627\u062f \u0628\u0644\u0627\u062f\u0646\u0627<\/h1>\n        <p><i class=\"fas fa-star\" style=\"color: #c0392b; font-size: 0.8rem;\"><\/i> \u0645\u0637\u0628\u062e \u0623\u0635\u064a\u0644 \u00b7 \u0646\u0643\u0647\u0627\u062a \u0645\u0646\u0632\u0644\u064a\u0629 \ud83c\udf7d\ufe0f <i class=\"fas fa-star\" style=\"color: #c0392b; font-size: 0.8rem;\"><\/i><\/p>\n        <span class=\"highlight\"><i class=\"fas fa-envelope\"><\/i> \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/span>\n    <\/header>\n\n    <!-- ===== CONTACT GRID ===== -->\n    <div class=\"contact-grid\">\n\n        <!-- ===== LEFT - CONTACT INFO ===== -->\n        <div class=\"contact-info reveal-left\">\n            <h2 class=\"translation-block\"><span>\u0644\u0646\u062a\u0648\u0627\u0635\u0644<\/span><\/h2>\n            <p class=\"lead\">\n                \u0647\u0644 \u0644\u062f\u064a\u0643 \u0627\u0633\u062a\u0641\u0633\u0627\u0631\u060c \u0623\u0648 \u0645\u0644\u0627\u062d\u0638\u0629\u060c \u0623\u0648 \u062a\u0631\u063a\u0628 \u0641\u064a \u062d\u062c\u0632 \u0637\u0627\u0648\u0644\u0629\u061f<br \/>\n                \u064a\u0633\u0639\u062f\u0646\u0627 \u0623\u0646 \u0646\u0633\u0645\u0639 \u0645\u0646\u0643. \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0641\u064a \u0623\u064a \u0648\u0642\u062a.\n            <\/p>\n\n            <div class=\"contact-details\">\n                <a href=\"tel:+971501234567\" class=\"contact-item\">\n                    <div class=\"icon-box\"><i class=\"fas fa-phone-alt\"><\/i><\/div>\n                    <div class=\"info\">\n                        <h4>\u0627\u0644\u0647\u0627\u062a\u0641<\/h4>\n                        <p>+971 50 123 4567<\/p>\n                    <\/div>\n                <\/a>\n\n                <a href=\"mailto:info@zadbladna.com\" class=\"contact-item\">\n                    <div class=\"icon-box\"><i class=\"fas fa-envelope\"><\/i><\/div>\n                    <div class=\"info\">\n                        <h4>\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/h4>\n                        <p>info@zadbladna.com<\/p>\n                    <\/div>\n                <\/a>\n\n                <a href=\"#\" class=\"contact-item\">\n                    <div class=\"icon-box\"><i class=\"fas fa-clock\"><\/i><\/div>\n                    <div class=\"info\">\n                        <h4>\u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644<\/h4>\n                        <p>\u064a\u0648\u0645\u064a\u064b\u0627 \u0645\u0646 12:00 \u0638\u0647\u0631\u064b\u0627 \u0625\u0644\u0649 12:00 \u0645\u0646\u062a\u0635\u0641 \u0627\u0644\u0644\u064a\u0644 \u23f0<\/p>\n                    <\/div>\n                <\/a>\n\n                <!-- ===== LOCATION LINK WITH YOUR MAP ===== -->\n                <a href=\"https:\/\/maps.google.com\/maps?ll=25.114551,55.205342&amp;z=12&amp;t=m&amp;hl=en-GB&amp;gl=US&amp;mapclient=embed&amp;q=Al%20Barsha%20Rd%20Al%20Barsha%20First%20-%20Al%20Barsha%20-%20Dubai%20United%20Arab%20Emirates\" target=\"_blank\" class=\"contact-item\">\n                    <div class=\"icon-box\"><i class=\"fas fa-map-pin\"><\/i><\/div>\n                    <div class=\"info\">\n                        <h4>\u0627\u0644\u0645\u0648\u0642\u0639<\/h4>\n                        <p>\u0645\u0631\u0643\u0632 \u0627\u0644\u0645\u0645\u0632\u0631 - \u0645\u0643\u062a\u0628 \u0631\u0642\u0645 2\u060c \u0627\u0644\u0637\u0627\u0628\u0642 \u0627\u0644\u0623\u0648\u0644 - \u0647\u0648\u0631 \u0627\u0644\u0639\u0646\u0632 \u0634\u0631\u0642 - \u062f\u064a\u0631\u0629 - \u062f\u0628\u064a<\/p>\n                    <\/div>\n                <\/a>\n            <\/div>\n\n            <!-- Social Links -->\n            <div class=\"social-links\">\n                <a href=\"https:\/\/www.instagram.com\/zad_bladna11?igsh=ODhzOGg3bjR6NmJp\" class=\"social-link\"><i class=\"fab fa-instagram\"><\/i><\/a>\n                <a href=\"https:\/\/wa.me\/971501234567\" class=\"social-link\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\n                <a href=\"https:\/\/www.tiktok.com\/@zadbladna444?_r=1&_t=ZS-97MkyxeDeNT\" class=\"social-link\"><i class=\"fab fa-tiktok\"><\/i><\/a>\n            <\/div>\n        <\/div>\n\n        <!-- ===== RIGHT - FORM ===== -->\n        <div class=\"contact-form-wrapper reveal-right\">\n            <h3 class=\"translation-block\">\u0631\u0627\u0633\u0644\u0646\u0627 <span>\u0627\u0644\u0622\u0646<\/span><\/h3>\n            <p class=\"form-sub\">\u0633\u0646\u0631\u062f \u0639\u0644\u064a\u0643 \u062e\u0644\u0627\u0644 24 \u0633\u0627\u0639\u0629.<\/p>\n\n            <form id=\"contactForm\" onsubmit=\"event.preventDefault(); alert('Thank you! Your message has been sent. We\\'ll get back to you soon.'); this.reset();\" action=\"\">\n                <div class=\"form-group\">\n                    <label>\u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644 <span class=\"required\">*<\/span><\/label>\n                    <input type=\"text\" placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0633\u0645\u0643 \u0627\u0644\u0643\u0627\u0645\u0644\" required \/>\n                    <span class=\"input-icon\"><i class=\"fas fa-user\"><\/i><\/span>\n                <\/div>\n\n                <div class=\"form-group\">\n                    <label>\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a <span class=\"required\">*<\/span><\/label>\n                    <input type=\"email\" placeholder=\"\u0623\u062f\u062e\u0644 \u0628\u0631\u064a\u062f\u0643 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\" required \/>\n                    <span class=\"input-icon\"><i class=\"fas fa-envelope\"><\/i><\/span>\n                <\/div>\n\n                <div class=\"form-group\">\n                    <label>\u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641<\/label>\n                    <input type=\"tel\" placeholder=\"\u0623\u062f\u062e\u0644 \u0631\u0642\u0645 \u0647\u0627\u062a\u0641\u0643\" \/>\n                    <span class=\"input-icon\"><i class=\"fas fa-phone\"><\/i><\/span>\n                <\/div>\n\n                <div class=\"form-group\">\n                    <label>\u0627\u0644\u0645\u0648\u0636\u0648\u0639 <span class=\"required\">*<\/span><\/label>\n                    <select required>\n                        <option value=\"\">\u0627\u062e\u062a\u0631 \u0627\u0644\u0645\u0648\u0636\u0648\u0639.<\/option>\n                        <option value=\"reservation\">\u0627\u062d\u062c\u0632 \u0627\u0644\u0622\u0646<\/option>\n                        <option value=\"feedback\">\u0645\u0644\u0627\u062d\u0638\u0627\u062a<\/option>\n                        <option value=\"menu\">\u0627\u0633\u062a\u0641\u0633\u0627\u0631 \u0639\u0646 \u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u0637\u0639\u0627\u0645<\/option>\n                        <option value=\"catering\">\u062a\u0645\u0648\u064a\u0646 \u0627\u0644\u062d\u0641\u0644\u0627\u062a \u0648\u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0627\u062a<\/option>\n                        <option value=\"other\">\u0627\u062e\u0631\u064a<\/option>\n                    <\/select>\n                    <span class=\"input-icon\"><i class=\"fas fa-tag\"><\/i><\/span>\n                <\/div>\n\n                <div class=\"form-group\">\n                    <label>\u0627\u0644\u0631\u0633\u0627\u0644\u0629 <span class=\"required\">*<\/span><\/label>\n                    <textarea placeholder=\"\u0627\u0643\u062a\u0628 \u0631\u0633\u0627\u0644\u062a\u0643 \u0647\u0646\u0627...\" required><\/textarea>\n                    <span class=\"input-icon\" style=\"top: 2.8rem;\"><i class=\"fas fa-pen\"><\/i><\/span>\n                <\/div>\n\n                <button type=\"submit\" class=\"submit-btn\">\n                    <i class=\"fas fa-paper-plane\"><\/i> \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0631\u0633\u0627\u0644\u0629\n                <\/button>\n            <input type=\"hidden\" name=\"trp-form-language\" value=\"ar\"\/><\/form>\n        <\/div>\n    <\/div>\n\n    <!-- ===== MAP SECTION WITH YOUR LINK ===== -->\n    <div class=\"map-section reveal\">\n        <h2 class=\"translation-block\"><span>\u0645\u0648\u0642\u0639\u0646\u0627<\/span><\/h2>\n        <p>\u064a\u0642\u0639 \u0645\u0637\u0639\u0645\u0646\u0627 \u0641\u064a \u0642\u0644\u0628 \u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u0628\u0631\u0634\u0627\u0621 \u0628\u062f\u0628\u064a.<\/p>\n\n        <a href=\"https:\/\/www.google.com\/maps?q=25.28008270263672,55.35359573364258&amp;z=17&amp;hl=en\" target=\"_blank\" class=\"map-placeholder\">\n            <div class=\"map-icon\"><i class=\"fas fa-map-marked-alt\"><\/i><\/div>\n            <h4>\u2726 \u0627\u0646\u0642\u0631 \u0644\u0639\u0631\u0636 \u0627\u0644\u0645\u0648\u0642\u0639 \u0639\u0644\u0649 \u062e\u0631\u0627\u0626\u0637 \u062c\u0648\u062c\u0644 \u2726 \ud83d\udccd<\/h4>\n            <p>\u0627\u0641\u062a\u062d \u0627\u0644\u0645\u0648\u0642\u0639 \u0641\u064a \u062e\u0631\u0627\u0626\u0637 \u062c\u0648\u062c\u0644<\/p>\n            <div class=\"map-address\">\n                <i class=\"fas fa-location-dot\" style=\"color: #c0392b;\"><\/i>\n                \u0645\u0631\u0643\u0632 \u0627\u0644\u0645\u0645\u0632\u0631 - \u0645\u0643\u062a\u0628 \u0631\u0642\u0645 2\u060c \u0627\u0644\u0637\u0627\u0628\u0642 \u0627\u0644\u0623\u0648\u0644 - \u0647\u0648\u0631 \u0627\u0644\u0639\u0646\u0632 \u0634\u0631\u0642 - \u062f\u064a\u0631\u0629 - \u062f\u0628\u064a\n            <\/div>\n            <div style=\"margin-top: 1rem; font-size: 0.8rem; color: #b8a392;\">\n                <i class=\"fas fa-clock\" style=\"color: #c0392b;\"><\/i> \u064a\u0648\u0645\u064a\u064b\u0627 \u0645\u0646 12:00 \u0638\u0647\u0631\u064b\u0627 \u0625\u0644\u0649 12:00 \u0645\u0646\u062a\u0635\u0641 \u0627\u0644\u0644\u064a\u0644 \u23f0\n            <\/div>\n        <\/a>\n    <\/div>\n\n    <!-- ===== FOOTER ===== -->\n    <div class=\"footer-note\">\n        <i class=\"fas fa-utensils\"><\/i>\n        \u2726 \u0645\u0637\u0628\u062e \u0634\u0631\u0642\u064a \u0623\u0635\u064a\u0644 \u2726\n        <i class=\"fas fa-heart\" style=\"color: #c0392b;\"><\/i>\n        <span style=\"display: block; font-size: 0.8rem; color: #b8a392; margin-top: 0.3rem;\">\n            made with passion \u00b7 since 2022        <\/span>\n    <\/div>\n\n<\/div>\n\n<!-- ============================================================\n     SCROLL REVEAL\n     ============================================================ -->\n<script>\n    document.addEventListener('DOMContentLoaded', function() {\n        const revealElements = document.querySelectorAll('.reveal, .reveal-left, .reveal-right, .reveal-scale');\n\n        function checkReveal() {\n            const windowHeight = window.innerHeight;\n            const revealPoint = 120;\n\n            revealElements.forEach(element => {\n                const elementTop = element.getBoundingClientRect().top;\n                if (elementTop < windowHeight - revealPoint) {\n                    element.classList.add('active');\n                }\n            });\n        }\n\n        \/\/ Set initial state for contact items\n        const contactItems = document.querySelectorAll('.contact-item');\n        contactItems.forEach(item => {\n            item.style.opacity = '0';\n            item.style.transform = 'translateX(-30px)';\n            item.style.transition = 'all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94)';\n        });\n\n        function checkContactItems() {\n            const windowHeight = window.innerHeight;\n            const revealPoint = 120;\n            contactItems.forEach((item, index) => {\n                const top = item.getBoundingClientRect().top;\n                if (top < windowHeight - revealPoint) {\n                    setTimeout(() => {\n                        item.style.opacity = '1';\n                        item.style.transform = 'translateX(0)';\n                    }, index * 80);\n                }\n            });\n        }\n\n        window.addEventListener('scroll', checkReveal);\n        window.addEventListener('scroll', checkContactItems);\n        window.addEventListener('load', checkReveal);\n        window.addEventListener('load', checkContactItems);\n    });\n<\/script>\n\n<\/body>\n<\/html><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Reserve A Table Contact Us Whether you have a question, want to book a table, or just share your love for BBQ, our team is here to help. Reach out and let\u2019s make your next visit unforgettable. ZAD BLADNA \u00b7 Contact ZAD BLADNA authentic kitchen \u00b7 home-style flavors get in touch Let&#8217;s Connect Have a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":3,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2239","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/zadbladna.com\/ar\/wp-json\/wp\/v2\/pages\/2239","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zadbladna.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zadbladna.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zadbladna.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zadbladna.com\/ar\/wp-json\/wp\/v2\/comments?post=2239"}],"version-history":[{"count":12,"href":"https:\/\/zadbladna.com\/ar\/wp-json\/wp\/v2\/pages\/2239\/revisions"}],"predecessor-version":[{"id":2706,"href":"https:\/\/zadbladna.com\/ar\/wp-json\/wp\/v2\/pages\/2239\/revisions\/2706"}],"wp:attachment":[{"href":"https:\/\/zadbladna.com\/ar\/wp-json\/wp\/v2\/media?parent=2239"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}